@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* --------------------------------------------
 * HanbitSoft Service Development Team
 * Granado Espada Official Stylesheet
 * Author - shs0224@hanbitsoft.co.kr 20130308
----------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
strong,
small,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
button,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
img,
fieldset,
button {
    border: 0;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body,
input,
button,
textarea,
select,
table {
    line-height: 1;
    *line-height: 1.2;
    font-family: "돋움", dotum, Helvetica, sans-serif;
    font-size: 12px;
    color: #666360;
}
body {
    overflow-y: scroll !important;
    margin: 0 !important;
}
ol,
ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: #565656;
    transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
}
a:hover,
a:focus,
a:active {
    text-decoration: underline;
    color: #282828;
}
button,
label {
    cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
select {
    border: 1px solid #c7c7c7;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
legend {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    visibility: hidden;
}

/* Reserved Class
-------------------------------------------------------------- */
.irPm {
    display: block;
    overflow: hidden;
    font-size: 0px;
    line-height: 0;
    text-indent: -9999px;
}
.irWa {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.blind {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.show {
    display: block;
}
.hide {
    display: none;
}
.fL {
    float: left;
}
.fR {
    float: right;
}
.fClear {
    zoom: 1;
}
.fClear:after {
    clear: both;
    display: block;
    content: "";
}

/* Styles
-------------------------------------------------------------- */

/* 스킵 네비게이션 */
#skipNav a {
    width: 1px;
    height: 1px;
    margin: 0 0 -1px 0;
    font-size: 20px;
    letter-spacing: -2px;
    text-indent: 10px;
    font-weight: bold;
    color: #fff;
    background: #2466a6;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
#skipNav a:focus,
#skipNav a:active {
    width: 100%;
    height: auto;
    padding: 10px 0;
    top: 40px;
    z-index: 500;
}
#skipNav a:hover {
    color: #ffff00;
}

.ellip {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* jQuery UI Spinner */
.spinnerArea {
    margin: 6px 0 0 0;
    zoom: 1;
}
.spinnerArea:after {
    clear: both;
    display: block;
    content: "";
}
.spinnerArea .cnt {
    height: 20px;
    line-height: 20px;
    float: left;
}
.spinnerArea .ui-spinner {
    width: 90px;
    float: left;
    zoom: 1;
}
.spinnerArea .ui-spinner:after {
    clear: both;
    display: block;
    content: "";
}
.spinnerArea .ui-spinner-button {
    float: left;
}
.spinnerArea .ui-spinner input#spinner {
    height: 17px;
    line-height: 17px;
    border: 1px solid #abadb3;
    text-indent: 5px;
    color: #565656;
    margin: 0;
    float: left;
}
.spinnerArea .ui-spinner a {
    width: 16px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.spinnerArea .ui-spinner a.ui-spinner-up {
    background-position: -676px -329px;
    height: 9px;
}
.spinnerArea .ui-spinner a.ui-spinner-down {
    background-position: -676px -338px;
    height: 10px;
}
.feso .spinnerArea {
    *margin-top: 0;
}

/* fancyBox v2.1.4 */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    font:
        14px/20px "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url("../images/common/fancybox_sprite.png");
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("../images/common/fancybox_loading.gif") center center
        no-repeat;
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../images/common/blank.gif"); /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
} /* Overlay helper */
.fancybox-lock {
    overflow: hidden;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../images/common/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: hidden;
} /* Title helper */
.fancybox-title {
    visibility: hidden;
    font:
        normal 13px/20px "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

/* Ajax Loader */
#ajax-loader {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    _position: absolute;
    _left: 0;
    _top: 0;
    _margin: 0 !important;
    z-index: 910;
}

/* Launcher */
#Launcher {
    position: absolute;
    left: -1000%;
}

/* SoundManager */
#soundmanager-debug {
    display: none !important;
}
#sm2-container {
    position: absolute;
    left: -1000%;
    top: 0;
}

/* 레이아웃 ======================================== */
body.main {
    background: url(../images/common/bgBodyMain.jpg) center 40px no-repeat;
}
body.sub {
    background: url(../images/common/bgBodySub.jpg) center 40px no-repeat;
}
body.main #wrap {
    background: url(../images/common/bgWrapMain.jpg) no-repeat;
}
body.sub #wrap {
    background: url(../images/common/bgWrapSub.jpg) no-repeat;
}
#wrap {
    width: 980px;
    margin: 0 auto;
    padding: 0 0 55px 0;
}
#header {
    position: relative;
    z-index: 40;
}
#container {
    position: relative;
    z-index: 30;
    padding: 0 0 80px 0;
}
#container .btmContents .mainArea {
    width: 692px;
    float: left;
}
#container .btmContents .sideArea {
    width: 263px;
    float: right;
}
body.main #container .topContents .sideArea {
    width: 259px;
    padding: 2px 0 0 0;
    float: left;
}

/* 공통 ======================================== */

/* 헤더 */
#header h1 {
    position: absolute;
    left: 365px;
    top: 45px;
    z-index: 40;
}
#header h1 a {
    width: 250px;
    height: 105px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

/* GNB */
#gnb {
    width: 1000px;
    height: 195px;
    margin-left: -10px;
    position: relative;
}
#gnb ul {
    height: 27px;
    position: relative;
    z-index: 30;
    left: 0;
    top: 84px;
    overflow: hidden;
}
#gnb ul li {
    position: absolute;
    top: 0;
}
#gnb ul li ul {
    height: auto;
    margin: 5px 0 0 0;
    top: 0;
}
#gnb ul li ul li {
    position: static;
}
#gnb ul li a {
    height: 27px;
    background: url(../images/common/sprGNBSet.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}
#gnb ul li ul li a {
    height: 16px;
}

#gnb ul li.news {
    left: 21px;
}
#gnb ul li.guide {
    left: 100px;
}
#gnb ul li.world {
    left: 201px;
}
#gnb ul li.community {
    left: 300px;
}
#gnb ul li.itemshop {
    left: 633px;
}
/* S : 2015-01-13 수정 */
#gnb ul li.download {
    left: 765px;
}
/* E : 2015-01-13 수정 */
#gnb ul li.customer {
    left: 900px;
}

#gnb ul li.news a {
    width: 58px;
    background-position: 0 0;
}
#gnb ul li.news a:hover/*,#gnb ul li.news a.on*/ {
    background-position: 0 -27px;
}
#gnb ul li.guide a {
    width: 81px;
    background-position: -58px 0;
}
#gnb ul li.guide a:hover/*,#gnb ul li.guide a.on*/ {
    background-position: -58px -27px;
}
#gnb ul li.world a {
    width: 68px;
    background-position: -139px 0;
}
#gnb ul li.world a:hover/*,#gnb ul li.world a.on*/ {
    background-position: -139px -27px;
}
#gnb ul li.community a {
    width: 74px;
    background-position: -207px 0;
}
#gnb ul li.community a:hover/*,#gnb ul li.community a.on*/ {
    background-position: -207px -27px;
}
/* S : 2015-01-13 수정 */
#gnb ul li.itemshop a {
    width: 84px;
    background-position: -281px 0;
}

#gnb ul li.itemshop a:hover/*,#gnb ul li.itemshop a.on*/ {
    background-position: -281px -27px;
}
#gnb ul li.download a {
    width: 91px;
    background-position: -360px 0;
}
#gnb ul li.download a:hover/*,#gnb ul li.download a.on*/ {
    background-position: -360px -27px;
}
/* E : 2015-01-13 수정 */
#gnb ul li.customer a {
    width: 75px;
    background-position: -449px 0;
}
#gnb ul li.customer a:hover/*,#gnb ul li.customer a.on*/ {
    background-position: -449px -27px;
}

#gnb ul li.news ul li a {
    width: 58px;
}
#gnb ul li.news ul li.notice a {
    background-position: 0 -58px;
}
#gnb ul li.news ul li.update a {
    background-position: 0 -74px;
}
#gnb ul li.news ul li.event a {
    background-position: 0 -90px;
}
/* 2014-06-09 */
#gnb ul li.news ul li.dev a {
    background-position: 0 -106px;
}
#gnb ul li.news ul li.notice a:hover {
    background-position: 0 -198px;
}
#gnb ul li.news ul li.update a:hover {
    background-position: 0 -214px;
}
#gnb ul li.news ul li.event a:hover {
    background-position: 0 -230px;
}
#gnb ul li.news ul li.dev a:hover {
    background-position: 0 -246px;
}
/* // 2014-06-09 */

#gnb ul li.guide ul li a {
    width: 81px;
}
#gnb ul li.guide ul li.introduction a {
    background-position: -58px -58px;
}
#gnb ul li.guide ul li.guide a {
    background-position: -58px -74px;
}
#gnb ul li.guide ul li.history a {
    background-position: -58px -90px;
}
#gnb ul li.guide ul li.introduction:hover a {
    background-position: -58px -198px;
}
#gnb ul li.guide ul li.guide:hover a {
    background-position: -58px -214px;
}
#gnb ul li.guide ul li.history:hover a {
    background-position: -58px -230px;
}

/*S : 2016-01-19 수정*/
#gnb ul li.world ul li a {
    width: 68px;
}
#gnb ul li.world ul li.chronicle a {
    width: 60px;
    background-position: -139px -121px;
}
#gnb ul li.world ul li.world a {
    background-position: -139px -58px;
}
#gnb ul li.world ul li.data a {
    background-position: -139px -74px;
}
#gnb ul li.world ul li.family a {
    background-position: -139px -90px;
}
#gnb ul li.world ul li.rank a {
    background-position: -139px -106px;
}
#gnb ul li.world ul li.rotationChar a {
    width: 71px;
    background-position: -132px -139px;
} /* 2019-01-03 추가 */
#gnb ul li.world ul li.chronicle a:hover {
    background-position: -139px -262px;
}
#gnb ul li.world ul li.world a:hover {
    background-position: -139px -198px;
}
#gnb ul li.world ul li.data a:hover {
    background-position: -139px -214px;
}
#gnb ul li.world ul li.family a:hover {
    background-position: -139px -230px;
}
#gnb ul li.world ul li.rank a:hover {
    background-position: -139px -246px;
}
#gnb ul li.world ul li.rotationChar a:hover {
    background-position: -132px -279px;
} /* 2019-01-03 추가 */
/*E : 2016-01-19 수정*/

#gnb ul li.community ul li a {
    width: 79px;
}
#gnb ul li.community ul li.free a {
    background-position: -203px -58px;
}
#gnb ul li.community ul li.suggestion a {
    background-position: -203px -154px;
}
#gnb ul li.community ul li.tip a {
    background-position: -203px -74px;
}
#gnb ul li.community ul li.pr a {
    background-position: -203px -90px;
}
#gnb ul li.community ul li.market a {
    background-position: -203px -106px;
}
#gnb ul li.community ul li.silver a {
    background-position: -203px -122px;
}
#gnb ul li.community ul li.screenshot a {
    background-position: -203px -138px;
}
/*#gnb ul li.community ul li.photo a{background-position:-203px -154px;}*/
#gnb ul li.community ul li.fanart a {
    background-position: -203px -170px;
}

#gnb ul li.community ul li.free a:hover {
    background-position: -203px -198px;
}
#gnb ul li.community ul li.suggestion a:hover {
    background-position: -203px -294px;
}
#gnb ul li.community ul li.tip a:hover {
    background-position: -203px -214px;
}
#gnb ul li.community ul li.pr a:hover {
    background-position: -203px -230px;
}
#gnb ul li.community ul li.market a:hover {
    background-position: -203px -246px;
}
#gnb ul li.community ul li.silver a:hover {
    background-position: -203px -262px;
}
#gnb ul li.community ul li.screenshot a:hover {
    background-position: -203px -278px;
}
/*#gnb ul li.community ul li.photo a:hover{background-position:-203px -294px;}*/
#gnb ul li.community ul li.fanart a:hover {
    background-position: -203px -310px;
}
#gnb ul li.itemshop ul li a {
    width: 84px;
}
#gnb ul li.itemshop ul li.itemshop a {
    background-position: -281px -58px;
}
#gnb ul li.itemshop ul li.peso a {
    background-position: -281px -74px;
}
#gnb ul li.itemshop ul li.valueadd a {
    background-position: -281px -90px;
}
#gnb ul li.itemshop ul li.hanbitcash a {
    background-position: -281px -106px;
}
#gnb ul li.itemshop ul li.history a {
    background-position: -281px -122px;
}
#gnb ul li.itemshop ul li.point a {
    background-position: -281px -138px;
}
#gnb ul li.itemshop ul li.itemshop a:hover {
    background-position: -281px -198px;
}
#gnb ul li.itemshop ul li.peso a:hover {
    background-position: -281px -214px;
}
#gnb ul li.itemshop ul li.valueadd a:hover {
    background-position: -281px -230px;
}
#gnb ul li.itemshop ul li.hanbitcash a:hover {
    background-position: -281px -246px;
}
#gnb ul li.itemshop ul li.history a:hover {
    background-position: -281px -262px;
}
#gnb ul li.itemshop ul li.point a:hover {
    background-position: -281px -278px;
}

#gnb ul li.download ul li a {
    width: 91px;
}
/* S : 2015-01-13 수정 */
/* S : 2021-03-30 수정 */
#gnb ul li.download ul li.client a {
    background-position: -363px -58px;
}
#gnb ul li.download ul li.gemocon a {
    background-position: -363px -74px;
}
#gnb ul li.download ul li.movie a {
    background-position: -363px -90px;
}
#gnb ul li.download ul li.music a {
    background-position: -363px -106px;
}
#gnb ul li.download ul li.media a {
    background-position: -363px -122px;
}

#gnb ul li.download ul li.client a:hover {
    background-position: -363px -198px;
}
#gnb ul li.download ul li.gemocon a:hover {
    background-position: -363px -214px;
}
#gnb ul li.download ul li.movie a:hover {
    background-position: -363px -230px;
}
#gnb ul li.download ul li.music a:hover {
    background-position: -363px -246px;
}
#gnb ul li.download ul li.media a:hover {
    background-position: -363px -262px;
}
/* E : 2021-03-30 수정 */
/* E : 2015-01-13 수정 */

#gnb ul li.customer ul li a {
    width: 75px;
}
#gnb ul li.customer ul li.faq a {
    background-position: -449px -58px;
}
#gnb ul li.customer ul li.inquiry a {
    background-position: -449px -74px;
}
#gnb ul li.customer ul li.report a {
    background-position: -449px -90px;
}
#gnb ul li.customer ul li.policy a {
    background-position: -449px -106px;
}
#gnb ul li.customer ul li.terms a {
    background-position: -449px -122px;
}
#gnb ul li.customer ul li.faq a:hover {
    background-position: -449px -198px;
}
#gnb ul li.customer ul li.inquiry a:hover {
    background-position: -449px -214px;
}
#gnb ul li.customer ul li.report a:hover {
    background-position: -449px -230px;
}
#gnb ul li.customer ul li.policy a:hover {
    background-position: -449px -246px;
}
#gnb ul li.customer ul li.terms a:hover {
    background-position: -449px -262px;
}

#gnb .bgHover {
    width: 1000px;
    height: 195px;
    background: url(../images/common/bgGNBHover.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
}

/* 퀵링크 버튼 */
/* S : 2015-05-26 수정 */
#header .quickBtnArea {
    width: 75px;
    position: absolute;
    right: 0;
    top: 165px;
    z-index: 40;
} /* 171213[수정] */
#header .quickBtnArea ul {
    width: 75px;
    height: 30px;
    overflow: hidden;
} /* 171213[수정] */
#header .quickBtnArea ul li {
    float: left;
}
#header .quickBtnArea ul li a {
    width: 25px;
    height: 30px;
    background: url(../images/common/sprBtnSet.png) 0 0 no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}
#header .quickBtnArea ul li a.gmocon {
    background-position: 0 0;
}
#header .quickBtnArea ul li a.mobile {
    background-position: -25px 0;
}
#header .quickBtnArea ul li a.facebook {
    background-position: -50px 0;
}
#header .quickBtnArea ul li a.uotp {
    background-position: -109px -794px;
}
/* E : 2015-05-26 수정 */

/* S: 2016-07-27 바로가기 버튼 영역 */
.quickContents {
    margin-top: 20px;
}
.quickContents .quickContents_list {
}
.quickContents .quickContents_list li {
    float: left;
}
.quickContents .quickContents_list li a {
    display: inline-block;
    vertical-align: top;
    height: 85px;
}
.quickContents .quickContents_list li:first-child a {
    width: 326px;
    height: 85px;
}
/* E: 2016-07-27 바로가기 버튼 영역 */

/* 통합검색 필드 2014-08-01 수정 */
body.main .searchContents {
    height: 36px;
    background: #464442;
    margin: 0 0 35px 0;
    padding: 0 3px 0 24px;
}
.searchContents .noticeRoll {
    width: 600px;
    height: 36px;
    float: left;
    overflow: hidden;
    position: relative;
}
.searchContents .noticeRoll h2 {
    width: 59px;
    height: 16px;
    line-height: 18px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -150px no-repeat;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 10px;
}
.searchContents .noticeRoll ul {
    left: 77px;
    top: 1px;
}
.searchContents .noticeRoll ul li {
    height: 36px;
    line-height: 36px;
}
.searchContents .noticeRoll ul li a {
    font-weight: bold;
    color: #fff;
    margin: 0 20px 0 0;
    float: left;
    display: block;
}
.searchContents .noticeRoll ul li small {
    font-size: 11px;
    color: #fff;
    float: left;
}
body.main .searchWrap {
    padding: 3px 0 0 0;
    float: right;
}
.searchSelect {
    width: 82px;
    height: 24px;
    color: #565656;
    border: 3px solid #000;
    margin: 0 2px 0 0;
    float: left;
    position: relative;
}
.searchSelect .txt {
    width: 100%;
    height: 100%;
    line-height: 24px;
    font-size: 11px;
    background: #fff url(../images/common/bullet/bulType11.gif) 69px 50%
        no-repeat;
    text-indent: 10px;
    position: absolute;
    left: 0;
    top: 0;
    _display: none;
}
.searchSelect select {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
}
.searchContents .searchField {
    border: 3px solid #000;
    background: #000;
    float: left;
}
body.main .searchContents .searchField input {
    width: 125px;
}
body.sub .searchContents .searchField input {
    width: 128px;
}
.searchContents .searchField input {
    height: 24px;
    line-height: 25px;
    font-size: 11px;
    color: #565656;
    border: 0;
    padding: 0 0 0 7px;
    float: left;
}
.searchContents .searchField button {
    width: 32px;
    height: 24px;
    background: url(../images/common/sprBtnSet.png) -78px -30px no-repeat;
    text-indent: -9999px;
    float: left;
    display: block;
}

/* 서브 상단 타이틀 컨텐츠 */
body.sub .topContents {
    width: 982px;
    height: 125px;
    background: url(../images/common/bgSubTopContents.png) no-repeat;
    margin: 0 0 25px -1px;
    padding: 2px 0 0 0;
}
body.sub .topContents .pageTit {
    margin: 0 2px 0 0;
    padding: 0 0 0 1px;
    float: left;
}
body.sub .topContents .pageTit h2 {
    width: 717px;
    height: 190px;
    background: url(../images/common/sprSubTitSet.png) no-repeat;
    text-indent: -9999px;
    margin: -67px 0 0 0;
}
body.news .topContents .pageTit h2 {
    background-position: 0 0;
}
body.community .topContents .pageTit h2 {
    background-position: 0 -190px;
}
body.world .topContents .pageTit h2 {
    background-position: 0 -380px;
}
body.itemshop .topContents .pageTit h2 {
    background-position: 0 -570px;
}
body.customer .topContents .pageTit h2 {
    background-position: 0 -760px;
}
body.download .topContents .pageTit h2 {
    background-position: 0 -950px;
}
body.guide .topContents .pageTit h2 {
    background-position: 0 -1140px;
}
body.sub .topContents .gameStart {
    float: left;
}

body.sub .pageSubTit {
    height: 25px;
    margin: 0 0 9px 0;
}
body.sub .pageSubTit h3 {
    height: 25px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
body.sub .pageSubTit h3.notice {
    width: 89px;
    background-position: 0 -436px;
}
body.sub .pageSubTit h3.update {
    width: 89px;
    background-position: -96px -436px;
}
body.sub .pageSubTit h3.event {
    width: 67px;
    background-position: -193px -436px;
}
body.sub .pageSubTit h3.frontiers {
    width: 110px;
    background-position: -266px -436px;
}
body.sub .pageSubTit h3.free {
    width: 110px;
    background-position: -376px -436px;
}
body.sub .pageSubTit h3.suggest {
    width: 118px;
    background-position: -301px -987px;
} /* 2015-12-11 수정 */
body.sub .pageSubTit h3.tip {
    width: 85px;
    background-position: -490px -436px;
}
body.sub .pageSubTit h3.pr {
    width: 87px;
    background-position: 0 -465px;
}
body.sub .pageSubTit h3.market {
    width: 110px;
    background-position: -89px -465px;
}
body.sub .pageSubTit h3.silver {
    width: 175px;
    background-position: -376px -406px;
}
body.sub .pageSubTit h3.screenshot {
    width: 109px;
    background-position: -360px -465px;
}
body.sub .pageSubTit h3.photo {
    width: 108px;
    background-position: -475px -465px;
}
body.sub .pageSubTit h3.fanArt {
    width: 130px;
    background-position: 0 -495px;
}
body.sub .pageSubTit h3.worldInfo {
    width: 88px;
    background-position: -130px -495px;
}
body.sub .pageSubTit h3.partyInfo {
    width: 116px;
    background-position: -220px -495px;
}
body.sub .pageSubTit h3.familyInfo {
    width: 137px;
    background-position: -336px -495px;
}
body.sub .pageSubTit h3.feso {
    width: 217px;
    background-position: 0 -520px;
}
body.sub .pageSubTit h3.feso1 {
    width: 211px;
    background-position: 0 -15px;
} /* 2014-08-28 */
body.sub .pageSubTit h3.feso2 {
    width: 211px;
    background-position: 0 -1042px;
} /* 2015-02-03 */
body.sub .pageSubTit h3.itemshop {
    width: 89px;
    background-position: -220px -520px;
}
body.sub .pageSubTit h3.valAddService {
    width: 110px;
    background-position: -310px -520px;
}
body.sub .pageSubTit h3.pointshop {
    width: 148px;
    background-position: -553px -948px;
}
body.sub .pageSubTit h3.faq {
    width: 55px;
    background-position: -420px -520px;
}
body.sub .pageSubTit h3.inquiry {
    width: 83px;
    background-position: -475px -520px;
}
body.sub .pageSubTit h3.policy {
    width: 88px;
    background-position: -587px -436px;
}
body.sub .pageSubTit h3.download {
    width: 136px;
    background-position: -564px -495px;
}
body.sub .pageSubTit h3.galImg {
    width: 136px;
    background-position: -564px -520px;
}
body.sub .pageSubTit h3.galMovie {
    width: 115px;
    background-position: -585px -545px;
}
body.sub .pageSubTit h3.jukebox {
    width: 94px;
    background-position: -587px -465px;
}
body.sub .pageSubTit h3.wiki {
    width: 116px;
    background-position: -584px -411px;
}
body.sub .pageSubTit h3.wiki a {
    width: 116px;
    height: 25px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
} /*2013-11-29 */
body.sub .pageSubTit h3.about {
    width: 87px;
    background-position: -587px -386px;
}
body.sub .pageSubTit h3.charRank {
    width: 326px;
    background-position: -173px -272px;
} /* 2014-02-04 */
body.sub .pageSubTit h3.dev {
    width: 121px;
    background-position: 0 -198px;
} /* 2014-06-09 */
body.sub .pageSubTit h3.security {
    width: 186px;
    background-position: 0 -166px;
} /* 2014-06-13 */
body.sub .pageSubTit h3.security.edit {
    width: 210px;
    background-position: -188px -199px;
} /* 2014-06-13 */
body.sub .pageSubTit h3.security.gameEdit {
    width: 260px;
    background-position: -441px -199px;
} /* 2014-06-13 */
body.sub .pageSubTit h3.security.clear {
    width: 193px;
    background-position: 0px -1085px;
} /* 2015-03-18 */
/*S : 2016-01-19 추가*/
body.sub .pageSubTit h3.chronicle {
    width: 107px;
    background-position: -432px -987px;
}
/*E : 2016-01-19 추가*/
body.sub .pageSubTit h3.mediapack {
    width: 84px;
    background-position: -553px -988px;
} /* 2021-03-30 추가 */

body.sub .pageSubTit .location {
    font-size: 11px;
    letter-spacing: -1px;
    padding: 14px 5px 0 0;
    float: right;
}
body.sub .pageSubTit .location a {
    color: #565656;
}

/* 사이드 영역 */
.topContents .gameStart .btnGameStart {
    border-bottom: 1px solid #130301;
}
.topContents .gameStart .btnGameStart button {
    width: 259px;
    height: 94px;
    background: url(../images/common/btnGameStart.jpg) no-repeat;
    display: block;
}
.topContents .gameStart .btnGameStart button img {
    display: block;
}
.topContents .gameStart .btnSide {
    overflow: hidden;
}
/* 2014-06-12 */
.topContents .gameStart .btnSide a {
    width: 158px;
    height: 28px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
    display: block;
    overflow: hidden;
}
.topContents .gameStart .btnSide a.download {
    width: 101px;
    background-position: -185px 0;
}
/* // 2014-06-12 */
.topContents .gameStart .btnSide a.otp {
    background-position: -286px 0;
}

.sideArea .personalize {
    position: relative;
    border-top: 1px solid #1e1e1e;
    color: #454545;
}
body.sub .sideArea .personalize {
    margin: 0 0 20px 0;
    border-top: 0 none;
}
body.main .sideArea .personalize .login {
    /* width:244px;  */
    width: 100%;
    height: 145px;
    background: #fff;
    padding: 18px 0 0 0;
}
body.main .sideArea .personalize .logined {
    width: 244px;
    height: 245px;
    background: #fff;
    padding: 15px 0 0 14px;
}
body.sub .sideArea .personalize .login {
    /* width:249px; */
    width: 100%;
    height: 251px;
    background: url(../images/common/bgLoginSub.gif) repeat-x;
    /* padding:22px 0 0 14px; */
    padding: 18px 0 0 0;
}
body.sub .sideArea .personalize .logined {
    width: 249px;
    height: 251px;
    background: url(../images/common/bgLoginSub.gif) repeat-x;
    padding: 15px 0 0 14px;
}
.sideArea .personalize .login h2,
.sideArea .personalize .logined h2 {
    width: 60px;
    height: 17px;
    font-family: "Nanum Myeongjo", serif;
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #230301;
    font-weight: 900;
}
.sideArea .personalize .logined h2 {
    width: 75px;
    background-position: -89px -272px;
}

body.main .sideArea .personalize .login fieldset {
    height: 81px;
}
/* body.sub .sideArea .personalize .login fieldset{height:84px;} */
/* 20230908 sns 로그인 추가 */
.sideArea .personalize .login .innerWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    zoom: 1;
}
.sideArea .personalize .login .innerWrap p {
    font-family: "Nanum Myeongjo", serif;
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: -0.6px;
    color: #230301;
    padding: 18px 0 16px 0;
}
.sideArea .personalize .login .input {
    width: 148px;
    height: 65px;
    margin: 0 7px 0 0;
    float: left;
}
.sideArea .personalize .login .input input {
    width: 132px;
    height: 22px;
    line-height: 22px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    border: 0;
    padding: 0 8px;
    font-size: 11px;
    color: #7b7775;
    float: left;
}
.sideArea .personalize .login .input input.id {
    background-position: -58px -376px;
    margin: 0 0 5px 0;
}
.sideArea .personalize .login .input input.pw {
    background-position: -211px -376px;
}
.sideArea .personalize .login .btnLogin {
    float: left;
}
.sideArea .personalize .login .btnLogin button {
    width: 73px;
    height: 49px;
    background: url(../images/common/sprBtnSet.png) 0 -30px no-repeat;
    text-indent: -9999px;
    display: block;
}
.sideArea .personalize .login .customer {
    border-top: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin: 0 14px 0;
}
/* body.sub .sideArea .personalize .login .customer {
    height: 28px;
} */
.sideArea .personalize .login .customer a {
    font-size: 13px;
}
.sideArea .personalize .login .customer a.join {
    color: #000;
    font-weight: bold;
    padding: 0 6px 0 0;
    background: url(../images/common/bullet/bgLoginCustomer.gif) right 1px
        no-repeat;
}
.sideArea .personalize .login .customer a.idpw {
    color: #282828;
    padding: 0 0 0 5px;
}
.sideArea .personalize .login .hot {
    display: flex;
    align-items: center;
    /* width:219px; */
    height: 17px;
    background: url(../images/common/bullet/bgLoginHot.gif) top repeat-x;
    /* padding:7px 0 0 8px; */
    margin: 0 14px;
}
.sideArea .personalize .login .hot p small {
    width: 25px;
    height: 9px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -300px no-repeat;
    text-indent: -9999px;
    margin: 0 10px 0 0;
    float: left;
    display: block;
}
.sideArea .personalize .login .hot p a {
    font-size: 11px;
    float: left;
    display: block;
}
body.main .sideArea .personalize .login .gemocon {
    margin-left: -14px;
    margin-top: 28px;
}
body.sub .sideArea .personalize .login .gemocon {
    /* margin-left:-12px; */
    margin-left: 2px;
}
.sideArea .personalize .login .gemocon {
    width: 259px;
    height: 101px;
    background: url(../images/common/bgGemocon.jpg) no-repeat;
}
.sideArea .personalize .login .gemocon p.btn {
    padding: 67px 0 0 85px;
    overflow: hidden;
} /* 171213[수정] */
.sideArea .personalize .login .gemocon p.btn a {
    height: 14px;
    text-indent: -9999px;
    margin: 0 3px 0 0;
    float: left;
    display: block;
    overflow: hidden;
}
.sideArea .personalize .login .gemocon p.btn a.real {
    width: 35px;
}
.sideArea .personalize .login .gemocon p.btn a.test {
    width: 46px;
}
.sideArea .personalize .login .gemocon p.btn a.guide {
    width: 76px;
}
.sideArea .personalize .login .event_banner {
    width: 259px;
    height: 101px;
    background: url(../images/common/bgEventBanner.jpg) no-repeat;
}
.sideArea .personalize .login .event_banner a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}
body.main .sideArea .personalize .login .event_banner {
    /* margin-left: -14px;  */
    /* margin-top: 28px; */
    margin-top: 64px;
}

body.sub .sideArea .personalize .login .event_banner {
    /* margin-left: -12px;
    margin-top: 28px; */
    margin-left: 2px;
    margin-top: 3px;
}

.sideArea .personalize .logined .profile {
    height: 69px;
}
.sideArea .personalize .logined .profile .img {
    border: 1px solid #676767;
    margin: 0 12px 0 0;
    float: left;
}
.sideArea .personalize .logined .profile .img img {
    width: 63px;
    height: 63px;
    display: block;
}
.sideArea .personalize .logined .profile .info {
    width: 148px;
    float: left;
}
.sideArea .personalize .logined .profile .info .name {
    width: 149px;
    border-bottom: 1px solid #b8b3aa;
    font-size: 11px;
    letter-spacing: -1px;
    margin: 0 0 7px 0;
    padding: 0 0 3px 2px;
}
.sideArea .personalize .logined .profile .info .name a {
    font-size: 12px;
    font-weight: bold;
    color: #694025;
}
.sideArea .personalize .logined .profile .info .name span {
    color: #010101;
}
.sideArea .personalize .logined .profile .info dl {
    font-size: 11px;
    padding: 0 0 0 3px;
}
.sideArea .personalize .logined .profile .info dl dt {
    background: url(../images/common/bullet/bulType1.gif) 0 4px no-repeat;
    margin: 0 0 5px 0;
    padding: 0 0 0 6px;
    float: left;
}
.sideArea .personalize .logined .profile .info dl dd {
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
    float: left;
}
.sideArea .personalize .logined .profile .info dl dd.world {
    width: 73px;
}
.sideArea .personalize .logined .profile .info dl dd.famLv {
    width: 88px;
    font-weight: bold;
}
.sideArea .personalize .logined .family {
    margin: 8px 0 11px 0;
}
.sideArea .personalize .logined .family small {
    width: 41px;
    height: 14px;
    line-height: 15px;
    background: url(../images/common/bullet/sprBulSet.png) 0 0 no-repeat;
    font-size: 11px;
    text-align: center;
    color: #fff;
    margin: 0 6px 0 0;
    display: block;
    float: left;
}
.sideArea .personalize .logined .family a {
    height: 14px;
    line-height: 15px;
    color: #694025;
    font-weight: bold;
    float: left;
}
.sideArea .personalize .logined .etcInfo {
    margin: 0 0 10px 0;
    position: relative;
    z-index: 100;
}
.sideArea .personalize .logined .etcInfo dl {
    width: 216px;
    font-size: 11px;
    border: 1px solid #b8b3aa;
    padding: 8px 0 2px 10px;
    position: relative;
}
.sideArea .personalize .logined .etcInfo dl dt {
    width: 57px;
    background: url(../images/common/bullet/bulType2.gif) right 2px no-repeat;
    margin: 0 7px 6px 0;
    float: left;
}
.sideArea .personalize .logined .etcInfo dl dd {
    width: 144px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #282828;
    border-right: 1px solid #e6e0d4;
    margin: 0 0 6px 0;
    float: left;
}
.sideArea .personalize .logined .etcInfo dl dd span {
    width: 64px;
    padding: 0 6px 0 0;
    float: left;
    text-align: right;
}
.sideArea .personalize .logined .etcInfo dl dd.lastConnect span {
    width: auto;
}
.sideArea .personalize .logined .etcInfo dl dd span a {
    color: #282828;
}
.sideArea .personalize .logined .etcInfo dl dd.hanbitCash a {
    width: 30px;
    height: 14px;
    background: url(../images/common/sprBtnSet.png) -356px -57px no-repeat;
    text-indent: -9999px;
    margin: -2px 0 0 0;
    float: left;
}
.sideArea .personalize .logined .etcInfo dl dd.hanbitCash a:hover {
    text-decoration: none;
}
.sideArea .personalize .logined .etcInfo dl dd button {
    width: 12px;
    height: 12px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -100px no-repeat;
    text-indent: -9999px;
    margin: -1px 0 0 0;
    display: block;
    float: left;
}
.sideArea .personalize .logined .etcInfo dl dd .cashInfo {
    width: 230px;
    height: 96px;
    background: #f8f8f8;
    border: 1px solid #c7c7c7;
    position: absolute;
    left: -1px;
    top: 40px;
    z-index: 100;
    display: none;
}
.sideArea .personalize .logined .etcInfo dl dd .cashInfo ul {
    padding: 9px 0 0 11px;
}
.sideArea .personalize .logined .etcInfo dl dd .cashInfo ul li {
    line-height: 13px;
    font-size: 11px;
    font-weight: normal;
    color: #505050;
    margin: 0 0 8px 0;
}
.sideArea .personalize .logined .etcInfo dl dd .cashInfo ul li strong {
    background: url(../images/common/bullet/bulType1.gif) 0 4px no-repeat;
    font-size: 12px;
    color: #694025;
    margin: 0 0 3px 0;
    padding: 0 0 0 6px;
    display: block;
}
.sideArea .personalize .logined .etcInfo dl dd .cashInfo ul li span.info {
    width: 200px;
    text-indent: -10px;
    margin-left: 10px;
    padding: 0 0 0 7px;
    text-align: left;
    float: none;
    display: block;
}
.sideArea .personalize .logined .etcInfo dl dd .cashInfo span.pin {
    width: 5px;
    height: 4px;
    background: url(../images/common/bullet/bgBallonPin.gif) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 143px;
    top: -4px;
}
.sideArea .personalize .logined .etcInfo dl dd .new {
    margin: 0 3px 0 0;
    float: left;
}
.sideArea .personalize .logined .etcInfo dl dd .goNoti {
    width: 42px;
    height: 14px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -1300px no-repeat;
    text-indent: -9999px;
    margin: -2px 0 0 0;
    float: left;
    display: block;
    overflow: hidden;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList {
    width: 260px;
    background: #f8f8f8;
    border: 1px solid #c7c7c7;
    padding: 0 0 15px 0;
    position: absolute;
    left: -26px;
    top: 67px;
    z-index: 100;
    display: none;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul {
    padding: 13px 0 0 13px;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul li {
    height: 46px;
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 10px 0;
    zoom: 1;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul li:after {
    clear: both;
    display: block;
    content: "";
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul li .imgProfile {
    width: 46px;
    margin: 0 7px 0 0;
    float: left;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul li .imgProfile img {
    width: 44px;
    height: 44px;
    border: 1px solid #dcdcdc;
    display: block;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul li a.info {
    width: 180px;
    color: #505050;
    float: left;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul li a.info strong {
    font-weight: bold;
    color: #694025;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList ul li a.info small {
    font: normal 11px Verdana;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList .btnMore {
    position: absolute;
    bottom: 0;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList .btnMore button {
    width: 260px;
    height: 15px;
    background: #694025;
    font-size: 11px;
    letter-spacing: -1px;
    text-indent: 0;
    color: #fff;
}
.sideArea .personalize .logined .etcInfo dl dd .notiList span.pin {
    width: 5px;
    height: 4px;
    background: url(../images/common/bullet/bgBallonPin.gif) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 149px;
    top: -4px;
}
.sideArea .personalize .logined .goCommunity {
    margin: 0 0 5px 0;
    position: relative;
    z-index: 90;
}
.sideArea .personalize .logined .goCommunity h3 button {
    width: 228px;
    height: 16px;
    line-height: 18px;
    *line-height: 16px;
    background: url(../images/common/bgLoginCommSel.gif) no-repeat;
    font-size: 11px;
    text-align: left;
    color: #fff;
    padding: 0 0 0 5px;
    display: block;
}
.sideArea .personalize .logined .goCommunity ul {
    width: 223px;
    background: #45433f;
    padding: 0 0 0 5px;
    position: absolute;
    top: 17px;
    left: 0;
    z-index: 80;
    display: none;
}
.sideArea .personalize .logined .goCommunity ul li {
    width: 223px;
    height: 20px;
    line-height: 20px;
}
.sideArea .personalize .logined .goCommunity ul li a {
    width: 100%;
    font-size: 11px;
    color: #fff;
    display: block;
}
.sideArea .personalize .logined .goCommunity .btnGo {
    position: absolute;
    right: 16px;
    top: 0;
}
.sideArea .personalize .logined .goCommunity .btnGo button {
    width: 30px;
    height: 16px;
    background: url(../images/common/sprBtnSet.png) -293px -57px no-repeat;
    text-indent: -9999px;
    display: block;
}
.sideArea .personalize .logined .logout p button,
.sideArea .personalize .logined .logout p a {
    height: 13px;
    line-height: 13px;
    background: url(../images/common/bullet/bulType1.gif) 0 5px no-repeat;
    font-size: 11px;
    color: #454545;
    margin: 0 25px 0 0;
    *margin-right: 0;
    padding: 0 0 0 5px;
    display: block;
    float: left;
    text-align: left;
}
.sideArea .personalize .logined .logout p a {
    margin-right: 15px;
}
.sideArea .personalize .logined .noFamily {
    color: #282828;
    line-height: 16px;
    text-align: center;
    margin-left: -17px;
    padding: 70px 0 0 0;
}
.sideArea .personalize .logined .noFamily strong {
    font-size: 14px;
    color: #694025;
    display: block;
    margin: 0 0 5px 0;
}
.sideArea .personalize .logined .rep {
    padding-top: 58px;
}
.sideArea .personalize .logined .rep a {
    width: 84px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -438px -368px no-repeat;
    text-indent: -9999px;
    margin: 8px 0 0 89px;
    *margin-left: 0;
    display: block;
    overflow: hidden;
}

.sideArea .contents h3.tit {
    position: absolute;
    top: 0;
}
.sideArea .contents h3.tit a {
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}

body.main .btmContents .sideArea .header h2 {
    height: 15px;
    background: url(../images/common/sprTxtSet.png) no-repeat 0 0;
    text-indent: -9999px;
}

body.main .btmContents .sideArea .notice .header h2 {
    width: 61px;
    height: 17px;
    background-position: -268px -1155px;
}
body.main .btmContents .sideArea .notice .content .notice_list {
    margin-top: 10px;
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
}
body.main .btmContents .sideArea .notice .content .notice_list li {
    margin-top: 8px;
    position: relative;
    padding-left: 10px;
    padding-right: 60px;
    line-height: 1;
}
body.main .btmContents .sideArea .notice .content .notice_list li:first-child {
    margin-top: 0;
}
body.main .btmContents .sideArea .notice .content .notice_list li a {
    line-height: 13px;
}
body.main .btmContents .sideArea .notice .content .notice_list li a:hover {
    font-weight: bold;
    letter-spacing: -1px;
}
body.main .btmContents .sideArea .notice .content .notice_list li .dot {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 3px;
    height: 3px;
    background-color: #c7c5c2;
}
body.main .btmContents .sideArea .notice .content .notice_list li .date {
    position: absolute;
    right: 10px;
    top: 0;
    font: normal 10px Verdana;
}

body.main .btmContents .sideArea .update {
    margin-top: 36px;
}
body.main .btmContents .sideArea .update .header h2 {
    width: 61px;
    height: 17px;
    background-position: -333px -1155px;
}
body.main .btmContents .sideArea .update .content .update_list {
    margin-top: 10px;
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
}
body.main .btmContents .sideArea .update .content .update_list li {
    margin-top: 8px;
    position: relative;
    padding-left: 10px;
    padding-right: 60px;
    line-height: 1;
}
body.main .btmContents .sideArea .update .content .update_list li:first-child {
    margin-top: 0;
}
body.main .btmContents .sideArea .update .content .update_list li a {
    line-height: 13px;
}
body.main .btmContents .sideArea .update .content .update_list li a:hover {
    font-weight: bold;
    letter-spacing: -1px;
}
body.main .btmContents .sideArea .update .content .update_list li .dot {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 3px;
    height: 3px;
    background-color: #c7c5c2;
}
body.main .btmContents .sideArea .update .content .update_list li .date {
    position: absolute;
    right: 10px;
    top: 0;
    font: normal 10px Verdana;
}

body.main .btmContents .sideArea .recommended {
    position: relative;
    margin-top: 30px;
}
body.main .btmContents .sideArea .recommended .header h2 {
    width: 80px;
    height: 17px;
    background-position: -398px -1155px;
}
body.main .btmContents .sideArea .recommended .content .recommended_list {
    position: relative;
    width: 263px;
    height: 157px;
    margin-top: 10px;
    background: url(../images/main/recomm_bg.jpg) no-repeat 0 0;
}
body.main
    .btmContents
    .sideArea
    .recommended
    .content
    .recommended_list
    .slider
    .slider_list {
    padding: 0;
}
body.main
    .btmContents
    .sideArea
    .recommended
    .content
    .recommended_list
    .slider
    .slider_list
    li {
    width: 80px;
    text-align: center;
}
body.main
    .btmContents
    .sideArea
    .recommended
    .content
    .recommended_list
    .slider
    .slider_list
    li
    .recomm_txt {
    margin-top: 6px;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 13px;
}
body.main
    .btmContents
    .sideArea
    .recommended
    .content
    .recommended_list
    .slider
    .slider_list
    li
    .mlist
    li
    a
    img {
    width: 55px;
    height: 55px;
    border: 4px solid #999796;
}
body.main
    .btmContents
    .sideArea
    .recommended
    .content
    .recommended_list
    .slider
    .slider_list
    li
    .mlist
    .left {
    position: absolute;
    left: 41px;
    top: 31px;
}
body.main
    .btmContents
    .sideArea
    .recommended
    .content
    .recommended_list
    .slider
    .slider_list
    li
    .mlist
    .right {
    position: absolute;
    right: 41px;
    top: 31px;
}
body.main .btmContents .sideArea .recommended .content .ctrl {
    position: absolute;
    right: 0;
    top: -24px;
}
body.main .btmContents .sideArea .recommended .content .ctrl a {
    float: left;
    width: 15px;
    height: 15px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprBtnSet.png) no-repeat 0 0;
}
body.main .btmContents .sideArea .recommended .content .ctrl .prev {
    background-position: -337px -875px;
}
body.main .btmContents .sideArea .recommended .content .ctrl .next {
    width: 16px;
    background-position: -352px -875px;
}

body.main .btmContents .sideArea .side_banner {
    margin-top: 30px;
}
body.main .btmContents .sideArea .side_banner li {
    margin-top: 5px;
}
body.main .btmContents .sideArea .side_banner li:first-child {
    margin-top: 0;
}
body.main .btmContents .sideArea .side_banner .gemocon {
    width: 263px;
    height: 86px;
    background: url(../images/main/gemocon.jpg) no-repeat 0 0;
}
body.main .btmContents .sideArea .side_banner .gemocon .btn {
    padding: 57px 0 0 94px;
}
body.main .btmContents .sideArea .side_banner .gemocon .btn a {
    display: inline-block;
    height: 14px;
    text-indent: -9999px;
    margin: 0 3px 0 0;
    float: left;
    overflow: hidden;
}
body.main .btmContents .sideArea .side_banner .gemocon .btn .real {
    width: 38px;
}
body.main .btmContents .sideArea .side_banner .gemocon .btn .silver {
    width: 48px;
}
body.main .btmContents .sideArea .side_banner .gemocon .btn .dng {
    width: 70px;
}
/*  S: 210304 수정 및 추가 */
body.main .btmContents .sideArea .side_banner .side_banner_list .pcBang_point {
    display: block;
    margin-top: 52px;
    margin-bottom: 5px;
}
body.main .btmContents .sideArea .side_banner .side_banner_list a {
    display: block;
}
body.main
    .btmContents
    .sideArea
    .side_banner
    .side_banner_list
    > a:first-child {
    margin-bottom: 6px;
}
body.main .btmContents .sideArea .side_banner .side_banner_list .gemocon_btn {
    background: url(../images/main/gemocon.jpg) 0 0 no-repeat;
    width: 263px;
    height: 86px;
}
body.main
    .btmContents
    .sideArea
    .side_banner
    .side_banner_list
    .gemocon_btn
    ul {
    padding-top: 56px;
    padding-left: 94px;
}
body.main
    .btmContents
    .sideArea
    .side_banner
    .side_banner_list
    .gemocon_btn
    li {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 18px;
    margin: 0;
    margin-left: -1px;
}
body.main
    .btmContents
    .sideArea
    .side_banner
    .side_banner_list
    .gemocon_btn
    li:nth-child(2) {
    width: 48px;
}
body.main
    .btmContents
    .sideArea
    .side_banner
    .side_banner_list
    .gemocon_btn
    li:last-child {
    width: 70px;
}
body.main .btmContents .sideArea .side_banner .side_banner_list .gemocon_btn a {
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
}
/*  E: 210304 수정 및 추가 */
body.main .sideArea .news {
    height: 172px;
}
body.sub .sideArea .news {
    height: 160px;
}

/* S: 2016-07-28 추가 */
body.sub .sideArea .recomm {
    width: 263px;
}
body.sub .sideArea .side_banner {
    width: 263px;
}
body.sub .sideArea .side_banner .gemocon {
    width: 263px;
    height: 86px;
    background: url(../images/main/gemocon.jpg) no-repeat 0 0;
}
body.sub .sideArea .side_banner .gemocon .btn {
    padding: 57px 0 0 94px;
}
body.sub .sideArea .side_banner .gemocon .btn a {
    display: inline-block;
    height: 14px;
    text-indent: -9999px;
    margin: 0 3px 0 0;
    float: left;
    overflow: hidden;
}
body.sub .sideArea .side_banner .gemocon .btn .real {
    width: 38px;
}
body.sub .sideArea .side_banner .gemocon .btn .silver {
    width: 48px;
}
body.sub .sideArea .side_banner .gemocon .btn .dng {
    width: 70px;
}

.sideArea .recomm .header {
    position: relative;
    height: 46px;
    border: 1px solid #b3b1af;
    background-color: #cccac8;
}
.sideArea .recomm .header h2 {
    position: absolute;
    left: 20px;
    top: 15px;
    display: inline-block;
    width: 80px;
    height: 17px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprTxtSet.png) no-repeat -398px -1155px;
}
.sideArea .recomm .recomm_list_area {
    position: relative;
    height: 128px;
    background-color: #f6f3f1;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}
.sideArea .recomm .recomm_list_area .slider .slider_list {
    padding: 0;
}
.sideArea .recomm .recomm_list_area .slider .slider_list li {
    width: 80px;
    text-align: center;
}
.sideArea .recomm .recomm_list_area .slider .slider_list li .recomm_txt {
    margin-top: 6px;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 13px;
}
.sideArea .recomm .recomm_list_area .slider .slider_list li .mlist li a img {
    width: 55px;
    height: 55px;
    border: 4px solid #999796;
}
.sideArea .recomm .recomm_list_area .slider .slider_list li .mlist .left {
    position: absolute;
    left: 41px;
    top: 14px;
}
.sideArea .recomm .recomm_list_area .slider .slider_list li .mlist .right {
    position: absolute;
    right: 41px;
    top: 14px;
}
.sideArea .recomm .recomm_list_area .ctrl {
    position: absolute;
    right: 19px;
    top: -31px;
}
.sideArea .recomm .recomm_list_area .ctrl a {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprBtnSet.png) no-repeat 0 0;
}
.sideArea .recomm .recomm_list_area .ctrl .prev {
    background-position: -337px -875px;
}
.sideArea .recomm .recomm_list_area .ctrl .next {
    width: 16px;
    background-position: -352px -875px;
}

.sideArea .side_banner {
    margin-top: 10px;
}
.sideArea .side_banner li {
    margin-top: 10px;
}
.sideArea .side_banner li:first-child {
    margin-top: 0;
}
/* E: 2016-07-28 추가 */

.sideArea .news {
    width: 263px;
    height: 172px;
    position: relative;
}
.sideArea .news ul li {
    position: absolute;
    left: 0;
    top: 45px;
}
.sideArea .news ul li ul {
    width: 263px;
    display: none;
}
.sideArea .news ul li.notice ul {
    display: block;
}
.sideArea .news ul li ul li {
    height: 21px;
    line-height: 13px;
    padding: 0 0 0 7px;
    zoom: 1;
    vertical-align: top;
    overflow: hidden;
    position: static;
}
.sideArea .news ul li ul li:after {
    clear: both;
    display: block;
    content: "";
}
.sideArea .news ul li ul li a {
    float: left;
}
.sideArea .news ul li ul li a:hover {
    font-weight: bold;
    color: #000;
}
.sideArea .news ul li ul li small {
    font: normal 10px Verdana;
    letter-spacing: -1px;
    color: #565656;
    margin: -2px 0 0 0;
    padding: 0 7px 0 0;
    *padding-top: 2px;
    float: right;
}
.sideArea .news h3.tit {
    top: -45px;
}
.sideArea .news h3.tit a {
    width: 88px;
    height: 30px;
}
.sideArea .news ul li.notice h3 {
    left: 0;
}
.sideArea .news ul li.notice h3 a {
    background-position: 0 -83px;
}
.sideArea .news ul li.notice h3.on a {
    background-position: 0 -120px;
}
.sideArea .news ul li.update h3 {
    left: 88px;
}
.sideArea .news ul li.update h3 a {
    background-position: -88px -83px;
}
.sideArea .news ul li.update h3.on a {
    background-position: -88px -120px;
}
.sideArea .news ul li.event h3 {
    left: 176px;
}
.sideArea .news ul li.event h3 a {
    width: 87px;
    background-position: -176px -83px;
}
.sideArea .news ul li.event h3.on a {
    background-position: -176px -120px;
}

.sideArea .bannerArea1 li {
    margin: 0 0 10px 0;
    font-size: 0;
    line-height: 0;
}
.sideArea .bannerArea1 li img {
    display: block;
}

.sideArea .pointShop {
    margin: 0 0 10px 0;
}

.sideArea .bannerArea2 ul {
    width: 263px;
    height: 95px;
    background: url(../images/common/sprBtnSet.png) -273px -83px no-repeat;
    overflow: hidden;
}
.sideArea .bannerArea2 ul li {
    width: 33.2%;
    height: 47.5%;
    float: left;
}
.sideArea .bannerArea2 ul li a {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}

.sideArea .gpTop5 {
    position: relative;
    margin: 20px 0;
}
.sideArea .gpTop5 h2 {
    width: 97px;
    height: 16px;
    background: url(../images/common/sprTxtSet.png) -529px -597px no-repeat;
    text-indent: -9999px;
    margin: 0 0 4px 0;
}
.sideArea .gpTop5 ol {
    padding: 10px 10px 6px 10px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
}
.sideArea .gpTop5 ol li {
    margin: 0 0 4px 0;
    padding: 0 0 0 23px;
    zoom: 1;
}
.sideArea .gpTop5 ol li:after {
    clear: both;
    display: block;
    content: "";
}
.sideArea .gpTop5 ol li.rank1 {
    background: url(../images/common/bullet/bulRank1.gif) 0 16px no-repeat;
}
.sideArea .gpTop5 ol li.rank2 {
    background: url(../images/common/bullet/bulRank2.gif) 0 16px no-repeat;
}
.sideArea .gpTop5 ol li.rank3 {
    background: url(../images/common/bullet/bulRank3.gif) 0 16px no-repeat;
}
.sideArea .gpTop5 ol li.rank4 {
    background: url(../images/common/bullet/bulRank4.gif) 0 16px no-repeat;
}
.sideArea .gpTop5 ol li.rank5 {
    background: url(../images/common/bullet/bulRank5.gif) 0 16px no-repeat;
}
.sideArea .gpTop5 ol li .imgProfile {
    margin: 0 6px 0 0;
    float: left;
}
.sideArea .gpTop5 ol li .imgProfile img {
    width: 44px;
    height: 44px;
    border: 1px solid #dcdcdc;
    display: block;
}
.sideArea .gpTop5 ol li .info {
    font: normal 11px/15px Verdana;
    padding: 8px 0 0 0;
}
.sideArea .gpTop5 ol li .info a {
    font-family: dotum;
    color: #694025;
    display: block;
}
.sideArea .gpTop5 p.btnMore {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
}
.sideArea .gpTop5 p.btnMore a {
    display: block;
    height: 15px;
    background: url(../images/common/sprBtnSet.png) no-repeat 0 -532px;
    text-indent: -9999px;
}

/* 2013-10-21 추가*/
.sideArea .geMocon {
    margin-bottom: 10px;
    width: 263px;
    height: 77px;
    background: url(../images/common/bgGemoconNew.jpg) no-repeat;
}
.sideArea .geMocon p {
    padding: 52px 0 0 17px;
}
.sideArea .geMocon a {
    float: left;
    height: 14px;
    margin-right: 3px;
    text-indent: -9999px;
}
.sideArea .geMocon a.menu1 {
    width: 35px;
}
.sideArea .geMocon a.menu2 {
    width: 46px;
}
.sideArea .geMocon a.menu3 {
    width: 76px;
}
/* 2013-10-21 추가 완료*/

/* 2014-06-12 */
.sideArea .worldPVP {
    height: 365px;
}
.sideArea .worldPVP h2 {
    width: 117px;
    height: 21px;
    background: url(../images/common/sprTxtSet.png) no-repeat 0 -906px;
    text-indent: -9999px;
}
.sideArea .worldPVP ul {
    position: relative;
}
.sideArea .worldPVP ul li.dep1 {
    width: 263px;
    position: absolute;
    left: 0;
    top: 39px;
}
.sideArea .worldPVP ul li h3 {
    position: absolute;
    right: 0;
    top: -35px;
}
.sideArea .worldPVP ul li.verSolo h3 {
    left: 0;
}
.sideArea .worldPVP ul li h3 a {
    display: block;
    width: 131px;
    height: 35px;
    background: url(../images/common/sprBtnSet.png) -416px -456px no-repeat;
    text-indent: -9999px;
}
.sideArea .worldPVP ul li h3.on a {
    background-position: -416px -493px;
}
.sideArea .worldPVP ul li.verGroup h3 a {
    background-position: -550px -456px;
}
.sideArea .worldPVP ul li.verGroup h3.on a {
    background-position: -550px -493px;
}
.sideArea .worldPVP ol {
    padding: 10px 10px 6px 10px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
}
.sideArea .worldPVP ol li {
    position: static;
    margin: 0 0 4px 0;
    padding: 0 0 0 23px;
    zoom: 1;
}
.sideArea .worldPVP ol li:after {
    clear: both;
    display: block;
    content: "";
}
.sideArea .worldPVP ol li.rank1 {
    background: url(../images/common/bullet/bulRank1.gif) 0 14px no-repeat;
}
.sideArea .worldPVP ol li.rank2 {
    background: url(../images/common/bullet/bulRank2.gif) 0 14px no-repeat;
}
.sideArea .worldPVP ol li.rank3 {
    background: url(../images/common/bullet/bulRank3.gif) 0 14px no-repeat;
}
.sideArea .worldPVP ol li.rank4 {
    background: url(../images/common/bullet/bulRank4.gif) 0 14px no-repeat;
}
.sideArea .worldPVP ol li.rank5 {
    background: url(../images/common/bullet/bulRank5.gif) 0 14px no-repeat;
}
.sideArea .worldPVP ol li p {
    float: left;
}
.sideArea .worldPVP ol li p.imgProfile img {
    width: 44px;
    height: 44px;
    border: 1px solid #dcdcdc;
}
.sideArea .worldPVP ol li p.info {
    padding: 8px 0 0 6px;
    color: #565656;
    font:
        11px/15px verdana,
        arial,
        san-serif;
}
.sideArea .worldPVP ol li p.info a {
    display: block;
    color: #694025;
}
.sideArea .worldPVP #tabFix1_1,
.sideArea .worldPVP #tabFix2_1,
.sideArea .worldPVP .verGroup .tabArea,
.sideArea .worldPVP .verGroup .nav {
    display: none;
}
.sideArea .worldPVP .nav {
    background: #fafafa;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 6px 0 9px;
}
.sideArea .worldPVP .verSolo .nav {
    padding-left: 38px;
}
.sideArea .worldPVP .verGroup .nav {
    padding-left: 167px;
}
.sideArea .worldPVP .nav li {
    width: 23px;
    background: url(../images/common/bullet/bgTabDiv.gif) right 2px no-repeat;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    float: left;
}
.sideArea .worldPVP .nav li.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}
.sideArea .worldPVP .nav li a {
    font-size: 11px;
    font-weight: normal;
}
.sideArea .worldPVP .nav li a.on {
    color: #694025;
    text-decoration: none;
}
/* 2014-06-12 */

.sideArea .wiki {
    margin: 0 0 20px 0;
}
.sideArea .wiki h2 {
    width: 97px;
    height: 20px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
}
.sideArea .wiki h2.popular {
    background-position: -108px -234px;
}
.sideArea .wiki h2.edit {
    background-position: -211px -234px;
}
.sideArea .wiki ul {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    padding: 12px 14px 4px 14px;
}
.sideArea .wiki ul li {
    background: url(../images/common/bullet/bulType1.gif) 0 5px no-repeat;
    margin: 0 0 8px 0;
    padding: 0 0 0 7px;
}
.sideArea .wiki ul li a:hover {
    color: #694025;
}
.sideArea .wikiEdit li a {
    font-weight: bold;
    margin: 0 0 3px 0;
    display: block;
}
.sideArea .wikiEdit li small {
    font-size: 11px;
}

body.sub .sideArea .rollBanner {
    width: 263px;
    height: 155px;
    margin: 10px 0;
    position: relative;
}
body.sub .sideArea .rollBanner .banner {
    width: 263px;
    height: 155px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    display: none;
}
body.sub .sideArea .rollBanner .current {
    z-index: 20;
    opacity: 1;
}
body.sub .sideArea .rollBanner .static {
    position: absolute;
    right: 29px;
    bottom: 11px;
    z-index: 60;
}
body.sub .sideArea .rollBanner .static li {
    float: left;
    margin: 0 -5px 0 0;
}
body.sub .sideArea .rollBanner .static button {
    width: 21px;
    height: 21px;
    background: url(../images/common/sprBtnSet.png) -314px -30px no-repeat;
    text-indent: -9999px;
    display: block;
}
body.sub .sideArea .rollBanner .static button.on {
    background-position: -335px -30px;
}
body.sub .sideArea .rollBanner .btnControl {
    position: absolute;
    right: 9px;
    bottom: 11px;
    z-index: 60;
}
body.sub .sideArea .rollBanner .btnControl button {
    width: 21px;
    height: 21px;
    background: url(../images/common/sprBtnSet.png) -293px -30px no-repeat;
    text-indent: -9999px;
    display: block;
}
body.sub .sideArea .rollBanner .btnControl button.play {
    background-position: -273px -30px;
}

/* 푸터 */
#footer {
    width: 979px;
    height: 131px;
    background: url(../images/common/imgFooter.jpg) no-repeat;
    text-indent: -9999px;
    position: relative;
}
#footer .corpLink a {
    width: 108px;
    height: 29px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 16px;
}
#footer .corpLink a.hanbitsoft {
    top: 11px;
}
#footer .corpLink a.imc {
    top: 48px;
}
#footer .policyLink ul {
    width: 400px;
    position: absolute;
    left: 145px;
    top: 17px;
}
#footer .policyLink ul li {
    float: left;
}
#footer .policyLink ul li a {
    height: 17px;
    display: block;
    overflow: hidden;
}
#footer .policyLink ul li.about a {
    width: 45px;
}
#footer .policyLink ul li.terms a {
    width: 49px;
}
#footer .policyLink ul li.privacy a {
    width: 83px;
}
#footer .policyLink ul li.youth a {
    width: 76px;
}
#footer .policyLink ul li.cash a {
    width: 66px;
}
#footer .policyLink ul li.opPolicy a {
    width: 48px;
}
#footer .policyLink ul li.pcbang a {
    width: 32px;
}
#footer .address .businessInfo a {
    width: 62px;
    height: 13px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 495px;
    top: 60px;
}

/* 커스텀셀렉트 2014-01-22 */
.customSelect {
    position: relative;
}
.customSelect .txt {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    _display: none;
}
.customSelect select {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* 카테고리 탭 */
.tabCategory ul {
    overflow: hidden;
}
.tabCategory ul li {
    float: left;
}
.tabCategory ul li a {
    height: 39px;
    background: url(../images/common/sprTabCategorySet.png) no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
} /* 201007 수정 */

.tabEvent {
    margin: 0 0 3px 0;
}
.tabEvent ul li a {
    width: 346px;
}
.tabEvent ul li.inProgress a {
    background-position: 0 -290px;
}
.tabEvent ul li.inProgress a.on {
    background-position: 0 -329px;
}
.tabEvent ul li.end a {
    background-position: -346px -290px;
}
.tabEvent ul li.end a.on {
    background-position: -346px -329px;
}

/*S : 2015-12-11 수정*/
.tabFreeBoard {
    margin: 0 0 20px 0;
}
.tabFreeBoard ul li a {
    width: 230px;
}
.tabFreeBoard ul li.all a {
    width: 232px;
    background-position: 0 -377px;
}
.tabFreeBoard ul li.all a.on {
    background-position: 0 -422px;
}
.tabFreeBoard ul li.general a {
    background-position: -232px -377px;
}
.tabFreeBoard ul li.general a.on {
    background-position: -232px -422px;
}
.tabFreeBoard ul li.question a {
    background-position: -462px -377px;
}
.tabFreeBoard ul li.question a.on {
    background-position: -462px -422px;
}
/*.tabFreeBoard ul li.suggest a{background-position:-519px -377px;}*/
/*.tabFreeBoard ul li.suggest a.on{background-position:-519px -422px;}*/
/*E : 2015-12-11 수정*/

/*S : 2015-12-11 추가*/
.tabSuggest {
    margin: 0 0 20px 0;
}
.tabSuggest ul li a {
    width: 115px;
}
.tabSuggest ul li.all a {
    width: 117px;
    background-position: 0 -1476px;
}
.tabSuggest ul li.all a.on {
    background-position: 0 -1515px;
}
.tabSuggest ul li.quest a {
    background-position: -117px -1476px;
}
.tabSuggest ul li.quest a.on {
    background-position: -117px -1515px;
}
.tabSuggest ul li.mission a {
    background-position: -232px -1476px;
}
.tabSuggest ul li.mission a.on {
    background-position: -232px -1515px;
}
.tabSuggest ul li.character a {
    background-position: -347px -1476px;
}
.tabSuggest ul li.character a.on {
    background-position: -347px -1515px;
}
.tabSuggest ul li.item a {
    background-position: -462px -1476px;
}
.tabSuggest ul li.item a.on {
    background-position: -462px -1515px;
}
.tabSuggest ul li.etc a {
    background-position: -577px -1476px;
}
.tabSuggest ul li.etc a.on {
    background-position: -577px -1515px;
}
/*E : 2015-12-11 추가*/

.tabTip {
    margin: 0 0 8px 0;
}
.tabTip ul li a {
    width: 99px;
}
.tabTip ul li.all a {
    background-position: 0 -471px;
}
.tabTip ul li.all a.on {
    background-position: 0 -510px;
}
.tabTip ul li.newbie a {
    background-position: -99px -471px;
}
.tabTip ul li.newbie a.on {
    background-position: -99px -510px;
}
.tabTip ul li.char a {
    background-position: -198px -471px;
}
.tabTip ul li.char a.on {
    background-position: -198px -510px;
}
.tabTip ul li.raid a {
    background-position: -297px -471px;
}
.tabTip ul li.raid a.on {
    background-position: -297px -510px;
}
.tabTip ul li.item a {
    background-position: -396px -471px;
}
.tabTip ul li.item a.on {
    background-position: -396px -510px;
}
.tabTip ul li.etc a {
    background-position: -495px -471px;
}
.tabTip ul li.etc a.on {
    background-position: -495px -510px;
}
.tabTip ul li.best a {
    width: 98px;
    background-position: -594px -471px;
}
.tabTip ul li.best a.on {
    background-position: -594px -510px;
}

.tabPr {
    margin: 0 0 20px 0;
}
/* S : 2015-10-19 수정 */
.tabPr ul li a {
    width: 173px;
    height: 39px;
}
.tabPr ul li.all a {
    background-position: 0 -558px;
}
.tabPr ul li.all a.on {
    background-position: 0 -597px;
}
.tabPr ul li.friends a {
    background-position: -173px -558px;
}
.tabPr ul li.friends a.on {
    background-position: -173px -597px;
}
/*.tabPr ul li.teacher a{background-position:-232px -558px;}*/
/*.tabPr ul li.teacher a.on{background-position:-232px -597px;}*/
/*.tabPr ul li.disciple a{background-position:-347px -558px;}*/
/*.tabPr ul li.disciple a.on{background-position:-347px -597px;}*/
.tabPr ul li.member a {
    background-position: -346px -558px;
}
.tabPr ul li.member a.on {
    background-position: -346px -597px;
}
.tabPr ul li.join a {
    background-position: -519px -558px;
}
.tabPr ul li.join a.on {
    background-position: -519px -597px;
}
/* E : 2015-10-19 수정 */

.tabMarket {
    margin: 0 0 20px 0;
}
.tabMarket ul li a {
    width: 138px;
    height: 39px;
}
.tabMarket ul li.all a {
    width: 140px;
    background-position: 0 -645px;
}
.tabMarket ul li.all a.on {
    background-position: 0 -684px;
}
.tabMarket ul li.buy a {
    background-position: -140px -645px;
}
.tabMarket ul li.buy a.on {
    background-position: -140px -684px;
}
.tabMarket ul li.sell a {
    background-position: -278px -645px;
}
.tabMarket ul li.sell a.on {
    background-position: -278px -684px;
}
.tabMarket ul li.exchange a {
    background-position: -416px -645px;
}
.tabMarket ul li.exchange a.on {
    background-position: -416px -684px;
}
.tabMarket ul li.sharing a {
    background-position: -554px -645px;
}
.tabMarket ul li.sharing a.on {
    background-position: -554px -684px;
}

/* 2014-11-18 롤백으로 인한 블라인드 처리*/
/*.tabSilver{margin:0 0 20px 0;}*/
/* // 2014-11-18 롤백으로 인한 블라인드 처리 */
.tabSilver {
    margin: 0 0 15px 0;
}
.tabSilver ul li a {
    width: 230px;
    height: 39px;
}
.tabSilver ul li.all a {
    width: 232px;
    background-position: 0 -728px;
}
.tabSilver ul li.all a.on {
    background-position: 0 -767px;
}
.tabSilver ul li.general a {
    background-position: -232px -728px;
}
.tabSilver ul li.general a.on {
    background-position: -232px -767px;
}
.tabSilver ul li.suggest a {
    background-position: -462px -728px;
}
.tabSilver ul li.suggest a.on {
    background-position: -462px -767px;
}

/* S: 180102[수정] */
.tabFanArt {
    margin: 0 0 50px 0;
}
.tabFanArt ul {
    overflow: visible;
    zoom: 1;
}
.tabFanArt ul:after {
    clear: both;
    display: block;
    content: "";
}
.tabFanArt ul li a {
    width: 139px;
    height: 39px;
}
.tabFanArt ul li.all a {
    background-position: 0 -1588px;
}
.tabFanArt ul li.all a.on {
    background-position: 0 -1627px;
}
.tabFanArt ul li.illust a {
    background-position: -139px -1588px;
}
.tabFanArt ul li.illust a.on {
    background-position: -139px -1627px;
}
.tabFanArt ul li.cartoon a {
    background-position: -278px -1588px;
}
.tabFanArt ul li.cartoon a.on {
    background-position: -278px -1627px;
}
.tabFanArt ul li.handmade a {
    background-position: -417px -1588px;
}
.tabFanArt ul li.handmade a.on {
    background-position: -417px -1627px;
}
.tabFanArt ul li.writer a {
    background-position: -554px -203px;
}
.tabFanArt ul li.writer a.on {
    background-position: -554px -242px;
}
.tabFanArt ul li.contest a {
    width: 136px;
    background-position: -556px -1588px;
}
.tabFanArt ul li.contest a.on {
    background-position: -556px -1627px;
}
.tabFanArt ul li.writer {
    position: relative;
    z-index: 100;
}
.tabFanArt ul li.writer ul {
    background: #f8f8f8;
    border: 1px solid #c7c7c7;
    padding: 14px 16px 4px;
    position: absolute;
    right: 0;
    top: 44px;
    z-index: 90;
    display: none;
}
.tabFanArt ul li.writer ul li {
    width: 186px;
    height: auto;
    margin: 0 0 10px;
    overflow: hidden;
}
.tabFanArt ul li.writer ul li a {
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
}
.tabFanArt ul li.writer ul li p.imgProfile {
    margin: 0 6px 0 0;
    float: left;
}
.tabFanArt ul li.writer ul li p.imgProfile img {
    width: 44px;
    height: 44px;
    border: 1px solid #dcdcdc;
    display: block;
}
.tabFanArt ul li.writer ul li p.info {
    width: 133px;
    line-height: 15px;
    padding: 9px 0 0 0;
    float: left;
}
.tabFanArt ul li.writer .pin {
    width: 5px;
    height: 4px;
    background: url(../images/common/bullet/bgBallonPin.gif) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 74px;
    top: 41px;
    z-index: 100;
    display: none;
}
/* E: 180102[수정] */

.tabLatest {
    margin: 0 0 9px 0;
}
.tabLatest ul li a {
    width: 320px;
}
.tabLatest ul li.article a {
    background-position: 0 -114px;
}
.tabLatest ul li.article a.on {
    background-position: 0 -153px;
}
.tabLatest ul li.comment a {
    background-position: -320px -114px;
}
.tabLatest ul li.comment a.on {
    background-position: -320px -153px;
}

.tabItemShop {
    margin: 0 0 20px 0;
}
/* S : 201007 수정 */
.tabItemShop ul li a {
    width: 115px;
    height: 39px;
}
.tabItemShop ul li.gm a {
    width: 116px;
    background-position: 0 -818px;
}
.tabItemShop ul li.gm a.on {
    width: 114px;
    background-position: -1px -857px;
}
.tabItemShop ul li.pat a {
    background-position: -116px -818px;
}
.tabItemShop ul li.pat a.on {
    width: 114px;
    background-position: -116px -857px;
}
.tabItemShop ul li.term a {
    background-position: -231px -818px;
}
.tabItemShop ul li.term a.on {
    width: 114px;
    background-position: -231px -857px;
}
.tabItemShop ul li.consumable a {
    width: 116px;
    background-position: -346px -818px;
}
.tabItemShop ul li.consumable a.on {
    width: 114px;
    background-position: -346px -857px;
}
.tabItemShop ul li.etc a {
    background-position: -462px -818px;
}
.tabItemShop ul li.etc a.on {
    width: 114px;
    background-position: -461px -857px;
}
/* E : 201007 수정 */
/* S : 201007 추가 */
.tabItemShop ul li.itemChar a {
    background-position: -577px -818px;
}
.tabItemShop ul li.itemChar a.on {
    background-position: -576px -857px;
}
/* E : 201007 추가 */

.tabPointShop ul li a {
    width: 345px;
}
.tabPointShop ul li.gp a {
    width: 347px;
    background-position: 0 -913px;
}
.tabPointShop ul li.gp a.on {
    background-position: 0 -952px;
}
.tabPointShop ul li.pcbang a {
    background-position: -347px -913px;
}
.tabPointShop ul li.pcbang a.on {
    background-position: -347px -952px;
}

.tabFAQ {
    margin: 0 0 10px 0;
}
.tabFAQ ul li a {
    width: 87px;
}
.tabFAQ ul li.customer a {
    background-position: 0 -1002px;
}
.tabFAQ ul li.customer a.on {
    background-position: 0 -1041px;
}
.tabFAQ ul li.install a {
    background-position: -87px -1002px;
}
.tabFAQ ul li.install a.on {
    background-position: -87px -1041px;
}
.tabFAQ ul li.account a {
    background-position: -174px -1002px;
}
.tabFAQ ul li.account a.on {
    background-position: -174px -1041px;
}
.tabFAQ ul li.game a {
    background-position: -261px -1002px;
}
.tabFAQ ul li.game a.on {
    background-position: -261px -1041px;
}
.tabFAQ ul li.payment a {
    background-position: -348px -1002px;
}
.tabFAQ ul li.payment a.on {
    background-position: -348px -1041px;
}
.tabFAQ ul li.event a {
    background-position: -435px -1002px;
}
.tabFAQ ul li.event a.on {
    background-position: -435px -1041px;
}
.tabFAQ ul li.gemocon a {
    background-position: -522px -1002px;
}
.tabFAQ ul li.gemocon a.on {
    background-position: -522px -1041px;
}
.tabFAQ ul li.etc a {
    width: 83px;
    background-position: -609px -1002px;
}
.tabFAQ ul li.etc a.on {
    background-position: -609px -1041px;
}

.tabInquiry {
    margin: 0 0 20px 0;
}
.tabInquiry ul li a {
    width: 346px;
}
.tabInquiry ul li.inquiry a {
    background-position: 0 -1088px;
}
.tabInquiry ul li.inquiry a.on {
    background-position: 0 -1127px;
}
.tabInquiry ul li.inquiryList a {
    background-position: -346px -1088px;
}
.tabInquiry ul li.inquiryList a.on {
    background-position: -346px -1127px;
}

.tabJukebox {
    margin: 0 0 20px 0;
}
.tabJukebox ul li a {
    width: 346px;
}
.tabJukebox ul li.bgm a {
    background-position: 0 -1173px;
}
.tabJukebox ul li.bgm a.on {
    background-position: 0 -1212px;
}
.tabJukebox ul li.char a {
    background-position: -346px -1173px;
}
.tabJukebox ul li.char a.on {
    background-position: -346px -1212px;
}

.geWorldContents .tabCharRank {
    margin: 0 0 25px 0;
}
.geWorldContents .tabCharRank ul li a {
    width: 230px;
    height: 41px !important;
}
.geWorldContents .tabCharRank ul li.char1 a {
    width: 232px;
    background-position: 0 -1258px;
}
.geWorldContents .tabCharRank ul li.char1 a.on {
    background-position: 0 -1299px;
}
.geWorldContents .tabCharRank ul li.char2 a {
    background-position: -232px -1258px;
}
.geWorldContents .tabCharRank ul li.char2 a.on {
    background-position: -232px -1299px;
}
.geWorldContents .tabCharRank ul li.char3 a {
    background-position: -462px -1258px;
}
.geWorldContents .tabCharRank ul li.char3 a.on {
    background-position: -462px -1299px;
}

.tabWikiSearch {
    margin: 0 0 8px 0;
}
.tabWikiSearch ul li a {
    width: 230px;
    height: 39px;
    position: relative;
    z-index: 10;
} /* 2014-08-26 */
.tabWikiSearch ul li a small {
    height: 39px;
    line-height: 44px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 0;
    color: #505050;
    display: block;
    position: absolute;
    left: 114px;
    top: -1px;
}
.tabWikiSearch ul li a.on small {
    color: #fff;
}
.tabWikiSearch ul li.subject a {
    width: 232px;
    background-position: 0 -1369px;
}
.tabWikiSearch ul li.subject a.on {
    background-position: 0 -1408px;
}
.tabWikiSearch ul li.list a {
    background-position: -232px -1369px;
}
.tabWikiSearch ul li.list a.on {
    background-position: -232px -1408px;
}
.tabWikiSearch ul li.contents a {
    background-position: -462px -1369px;
}
.tabWikiSearch ul li.contents a.on {
    background-position: -462px -1408px;
}

/*QUICK MENU*/
.quickM {
    position: absolute;
    top: 186px;
    left: -110px;
    width: 98px;
    border: 1px solid #bfbfbf;
}
.quickM h2 {
    height: 36px;
    background: url(../images/common/bgQuick.jpg) no-repeat;
    text-indent: -9999px;
}
/* 2015-03-30 */
.quickM ul {
    background: #fff; /*padding:10px 0;*/
}
.quickM li {
    width: 90px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: -1px;
    padding: 11px 0; /*padding:7px 0;*/
    border-bottom: 1px solid #f2f2f2;
}
/* // 2015-03-30 */
.quickM li.last {
    border: none;
}
.quickM li a {
    font-size: 11px;
    color: #636363;
}
.quickM li a:hover {
    font-weight: bold;
}
.quickMWing {
    border: 0 none;
    left: auto;
    right: -110px;
}
.quickM .topBtn {
    background: #fff;
}
.quickM .topBtn a {
    margin: 0 0 1px 1px;
    display: block;
    width: 96px;
    height: 37px;
    background: url(../images/common/sprBtnSet.png) no-repeat 0 -794px;
    text-indent: -9999px;
}

/* 공통 게시판 템플릿 ======================================== */

/* 페이지네이션 */
.pagination {
    width: 692px;
    height: 19px;
    margin: 25px 0 19px;
    text-align: center;
    overflow: hidden;
    line-height: 0;
}
.pagination a,
.pagination strong {
    min-width: 11px;
    _width: 11px;
    height: 17px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font: normal 10px/17px Verdana;
    letter-spacing: -1px;
    text-align: center;
    color: #565656;
    vertical-align: top;
    padding: 0 3px;
    display: inline-block;
}
.pagination a:hover,
.pagination strong {
    background: #81461e;
    color: #fff;
    text-decoration: none;
}
.pagination .prev,
.pagination .next {
    width: 19px;
    height: 19px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    border: 0 none;
    overflow: hidden;
}
.pagination .prev span,
.pagination .next span {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.pagination .prev {
    background-position: -185px -57px;
    padding: 0;
    margin-right: 5px;
}
.pagination .prev:hover {
    background: url(../images/common/sprBtnSet.png) -185px -57px no-repeat;
}
.pagination .next {
    background-position: -209px -57px;
    padding: 0;
    margin-left: 5px;
}
.pagination .next:hover {
    background: url(../images/common/sprBtnSet.png) -209px -57px no-repeat;
}
/* 2013-09-16 */
.pagination .srchPrev,
.pagination .srchNext {
    width: 56px;
    height: 19px;
    background: url(../images/common/sprBtnSet.png) no-repeat !important;
    text-indent: -9999px;
    border: 0 none;
    padding: 0;
}
.pagination .srchPrev,
.pagination .srchPrev:hover {
    background-position: -50px -532px !important;
}
.pagination .srchNext,
.pagination .srchNext:hover {
    background-position: -109px -532px !important;
}
.txtResult {
    line-height: 15px;
    font-size: 11px;
    text-align: center;
    padding: 20px 0 0 0;
}
.txtResult strong {
    color: #aa0b10;
}
/* // 2013-09-16 */

/* 검색필드 */
.boardContents .listWrap .search {
    padding: 0 0 0 177px;
}
.boardContents .listWrap .search select {
    width: 100px;
    height: 23px;
    font: normal 12px dotum;
    color: #767676;
    margin: 0 8px 0 0;
    float: left;
}
.boardContents .listWrap .search input {
    width: 166px;
    height: 21px;
    line-height: 21px;
    border: 1px solid #dcdcdc;
    color: #767676;
    margin: 0 3px 0 0;
    padding: 0 5px;
    float: left;
}
.boardContents .listWrap .search button {
    width: 46px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -235px -57px no-repeat;
    text-indent: -9999px;
    float: left;
    display: block;
}

/* 게시판 버튼 */
.boardContents .btnArea {
    border-top: 1px solid #dcdcdc;
    margin: 0 0 42px 0;
    padding: 10px 0 0 0;
}
.boardContents .btnArea p.btnL {
    float: left;
}
.boardContents .btnArea p.btnR {
    margin-right: -3px;
    float: right;
}
.boardContents .btnArea p button {
    width: 55px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    margin: 0 3px 0 0;
    float: left;
}
.boardContents .btnArea p button.list {
    background-position: 0 -253px;
}
.boardContents .btnArea p button.write {
    background-position: -55px -253px;
}
.boardContents .btnArea p button.reply {
    background-position: -110px -253px;
}
.boardContents .btnArea p button.recom {
    background-position: -165px -253px;
}
.boardContents .btnArea p button.del {
    background-position: -220px -253px;
}
.boardContents .btnArea p button.edit {
    background-position: -275px -253px;
}
.boardContents .btnArea p button.last {
    margin-right: 0;
}
.boardContents .btnArea p button.cancel {
    background-position: -330px -253px;
}
.boardContents .btnArea p button.confirm {
    background-position: -385px -253px;
}
.boardContents .listWrap .btnArea {
    border-top: 0 none;
    margin-bottom: 0;
}

/* 게시판 리스트 헤더 */
.boardContents .listWrap .boardListNotice {
    background: url(../images/board/bgBoardListHeader_notice.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListFree {
    background: url(../images/board/bgBoardListHeader_free.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListUpdate {
    background: url(../images/board/bgBoardListHeader_update.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListTip {
    background: url(../images/board/bgBoardListHeader_tip.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListPr {
    background: url(../images/board/bgBoardListHeader_pr.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListSilver {
    background: url(../images/board/bgBoardListHeader_silver.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListLatest {
    background: url(../images/board/bgBoardListHeader_latest.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListPartyList {
    background: url(../images/board/bgBoardListHeader_partyList.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListFindFamily {
    background: url(../images/board/bgBoardListHeader_findFamily.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListMarket {
    background: url(../images/board/bgBoardListHeader_market.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListCabinet {
    background: url(../images/board/bgBoardListHeader_cabinet.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListExpress {
    background: url(../images/board/bgBoardListHeader_express.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListInquiry {
    background: url(../images/customer/bgInquiryListHeader.gif) no-repeat;
    padding: 43px 0 0 0;
}
.boardContents .listWrap .boardListDev {
    background: url(../images/board/bgBoardListHeader_dev.gif) no-repeat;
    padding: 43px 0 0 0;
} /* 2014-06-09 */

/* 게시판 리스트 컨테이너 (테이블 형식) */
.boardContents .listWrap table.tblList {
    width: 692px;
}
.boardContents .listWrap table.tblList th {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.boardContents .listWrap table.tblList td {
    height: 30px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    word-break: break-all;
    word-wrap: break-word;
}
.boardContents .listWrap table.tblList td div {
    position: relative;
}
.boardContents .listWrap table.tblList td img {
    vertical-align: middle;
    margin: 0 2px 0 0;
}
/* 2013-12-20 */
.boardContents .listWrap table.tblList td.author a img {
    width: 13px;
    height: 13px;
}
/* // 2013-12-20 */
.boardContents .listWrap table.tblList td a span {
    font-size: 11px;
    color: #694025;
}
.boardContents .listWrap table.tblList td.num {
    font-weight: bold;
}
.boardContents .listWrap table.tblList td.subject {
    text-align: left;
    padding-left: 10px;
}
/* 2014-11-17 */
.boardContents .listWrap table.tblList td.subject .selectList {
    text-decoration: underline;
}
/* // 2014-11-17 */
.boardContents .listWrap table.tblList td.author {
    text-align: left;
    padding-left: 4px;
}
.boardContents .listWrap table.tblList td.author.delete {
    text-align: center;
}
.boardContents .listWrap table.tblList td.party {
    text-align: left;
    padding-left: 4px;
}
.boardContents .listWrap table.tblList td.lv,
.boardContents .listWrap table.tblList td.char {
    font: normal 11px Verdana;
}
.boardContents .listWrap table.tblList td.date,
.boardContents .list table td.cnt {
    font-size: 11px;
}
/* 2013-12-20 */
.boardContents .listWrap table.tblList td.recom span {
    width: 39px;
    height: 15px;
    background: url(../images/common/bullet/sprBulSet.png) no-repeat;
    text-indent: -9999px;
    margin: 0 0 0 3px;
    display: block;
}
.boardContents .listWrap table.tblList td.recom span.type1 {
    background-position: 0 -1357px;
}
.boardContents .listWrap table.tblList td.recom span.type2 {
    background-position: 0 -1418px;
}
.boardContents .listWrap table.tblList td.recom span.type3 {
    background-position: 0 -1485px;
}
/* // 2013-12-20 */
.boardContents .listWrap .boardListFindFamily table.tblList td.party {
    padding-left: 8px;
}
.boardContents .listWrap table.tblList td a:hover {
    color: #694025;
}
/*.boardContents .listWrap table.tblList td a:visited{color:#770088;}*/
.boardContents .listWrap table.tblList td small {
    width: 243px;
    line-height: 16px;
    background: #fff;
    border: 1px solid #c7c7c7;
    font-size: 11px;
    padding: 9px 11px 11px 11px;
    word-break: break-all;
    word-wrap: break-word;
    position: absolute;
    left: -8px;
    top: 16px;
    z-index: 100;
    display: none;
}
.boardContents .listWrap table.tblList td small span {
    width: 5px;
    height: 4px;
    background: url(../images/common/bullet/bgBallonPin.gif) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 91px;
    top: -4px;
}
/*.boardContents .listWrap .boardListFree table.tblList td small{left:40px;}
.boardContents .listWrap table.tblList tr.notice td{background:#fbfaf9;}*/
.boardContents .listWrap table.tblList tr.notice td.subject {
    font-weight: bold;
}
.boardContents .listWrap table.tblList tr.notice td.subject small {
    font-weight: normal;
}
.boardContents .listWrap table.tblList tr.notice td.subject a:hover {
    color: #565656;
}
/* .boardContents .listWrap table.tblList tr.first td{padding-top:3px;} */

/* 게시판 리스트 컨테이너 (업데이트) */
.boardContents .listWrap .boardListUpdate ul li {
    padding: 20px 0;
    border-bottom: 1px solid #e2e2e2;
    zoom: 1;
}
.boardContents .listWrap .boardListUpdate ul li:after {
    clear: both;
    display: block;
    content: "";
}
.boardContents .listWrap .boardListUpdate ul li.first {
    border-top: 1px solid #e2e2e2;
}
.boardContents .listWrap .boardListUpdate ul li p.img {
    border: 1px solid #c7c7c7;
    margin: 0 12px 0 0;
    float: left;
}
.boardContents .listWrap .boardListUpdate ul li p.img img {
    width: 218px;
    height: 83px;
    display: block;
}
.boardContents .listWrap .boardListUpdate ul li .contents {
    width: 443px;
    padding: 2px 0 0 0;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
}
.boardContents .listWrap .boardListUpdate ul li .contents a.tit {
    line-height: 16px;
    color: #767676;
}
.boardContents .listWrap .boardListUpdate ul li .contents a.tit strong {
    font-size: 14px;
    color: #915935;
    margin: 0 0 5px 0;
    display: block;
}
.boardContents .listWrap .boardListUpdate ul li .contents a.tit span {
    height: 51px;
    padding: 0 0 0 2px;
    display: block;
}
.boardContents .listWrap .boardListUpdate ul li .contents dl {
    font-size: 11px;
    padding: 0 0 0 2px;
}
.boardContents .listWrap .boardListUpdate ul li .contents dl dt {
    width: 37px;
    color: #282828;
    float: left;
}
.boardContents .listWrap .boardListUpdate ul li .contents dl dd {
    width: 87px;
    font-family: Verdana;
    color: #767676;
    margin: -1px 0 0 0;
    float: left;
}

/* 게시판 리스트 컨테이너 (이벤트) */
.boardContents .listWrap .boardListEvent .contents {
    margin: 0 0 30px 0;
}
.boardContents .listWrap .boardListEvent .contents ul {
    width: 702px;
    overflow: hidden;
}
.boardContents .listWrap .boardListEvent .contents ul li {
    width: 222px;
    height: 153px;
    border: 1px solid #c7c7c7;
    margin: 20px 10px 0 0;
    float: left;
    position: relative;
}
.boardContents .listWrap .boardListEvent .contents ul li.nthChild-3n {
    margin-right: 0;
}
.boardContents .listWrap .boardListEvent .contents ul li img {
    width: 222px;
    height: 153px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
}
.boardContents .listWrap .boardListEvent .contents ul li dl {
    width: 222px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
}
.boardContents .listWrap .boardListEvent .contents ul li dl dd {
    width: 222px;
    height: 20px;
    font: normal 11px/20px Verdana;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.boardContents .listWrap .boardListEvent .contents ul li dl dd.date {
    z-index: 19;
}
.boardContents .listWrap .boardListEvent .contents ul li dl dd.overlay {
    z-index: 18;
    background: #170601;
    opacity: 0.75;
    filter: Alpha(opacity=75);
}
.boardContents .listWrap .boardListEvent .contents ul li .detail {
    width: 222px;
    height: 153px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    display: none;
}
.boardContents .listWrap .boardListEvent .contents ul li .detail p {
    line-height: 16px;
    position: relative;
    z-index: 29;
}
.boardContents .listWrap .boardListEvent .contents ul li .detail p a,
.boardContents .listWrap .boardListEvent .contents ul li .detail p span.end {
    width: 197px;
    height: 103px;
    padding: 50px 0 0 25px;
    color: #fff;
    display: block;
}
.boardContents .listWrap .boardListEvent .contents ul li .detail p a:hover {
    text-decoration: none;
}
.boardContents .listWrap .boardListEvent .contents ul li .detail p strong {
    font-size: 16px;
    text-decoration: underline;
    color: #fff;
    margin: 0 0 7px 0;
    display: block;
}
.boardContents .listWrap .boardListEvent .contents ul li .detail p a span,
.boardContents
    .listWrap
    .boardListEvent
    .contents
    ul
    li
    .detail
    p
    span.end
    span {
    width: 170px;
    height: 30px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    word-break: break-all;
    word-wrap: break-word;
}
.boardContents
    .listWrap
    .boardListEvent
    .contents
    ul
    li
    .detail
    p
    span.end
    span {
    cursor: default !important;
}
.boardContents .listWrap .boardListEvent .contents ul li .detail .overlay {
    width: 222px;
    height: 153px;
    background: #000;
    opacity: 0.65;
    filter: Alpha(opacity=65);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 28;
}

/* 게시판 리스트 컨테이너 (프론티어스) */
.boardContents .listWrap .boardListFrontiers {
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 29px 0 0 0;
}
.boardContents .listWrap .boardListFrontiers .btnReaderDown {
    margin: 0 0 5px 0;
    overflow: hidden;
    zoom: 1;
}
.boardContents .listWrap .boardListFrontiers .btnReaderDown a {
    width: 130px;
    height: 29px;
    background: url(../images/common/sprBtnSet.png) -460px 0 no-repeat;
    text-indent: -9999px;
    float: right;
    overflow: hidden;
}
.boardContents .listWrap .boardListFrontiers ul {
    overflow: hidden;
}
.boardContents .listWrap .boardListFrontiers ul li {
    width: 165px;
    height: 286px;
    line-height: 16px;
    text-align: center;
    margin: 0 10px 0 0;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
}
.boardContents .listWrap .boardListFrontiers ul li.nthChild-4n {
    margin-right: 0;
}
.boardContents .listWrap .boardListFrontiers ul li.nthChild-4n2 {
    margin-right: 12px;
}
.boardContents .listWrap .boardListFrontiers ul li img {
    width: 163px;
    height: 198px;
    border: 1px solid #c7c7c7;
    margin: 0 0 8px 0;
    display: block;
}
.boardContents .listWrap .boardListFrontiers ul li strong {
    color: #282828;
    display: block;
}
.boardContents .listWrap .boardListFrontiers ul li strong span {
    font: bold 11px Verdana;
    letter-spacing: -1px;
    color: #694025;
}
.boardContents .listWrap .boardListFrontiers ul li strong img {
    width: auto;
    height: auto;
    border: 0 none;
    margin: 0;
    display: inline;
}
.boardContents .listWrap .boardListFrontiers ul li small {
    font: normal 11px Verdana;
}

/* 게시판 리스트 컨테이너 (갤러리형식) */
.boardContents .listWrap .boardListGallery {
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 29px 0 0 0;
}
.boardContents .listWrap .boardListGallery div.best {
    width: 692px;
    margin: 0 0 18px 0;
}
.boardContents .listWrap .boardListGallery div.best ul.notice {
    padding: 10px 19px 0;
    background: #f4efeb;
    border: 1px solid #c7c7c5;
    border-bottom: 0 none;
    overflow: hidden;
}
.boardContents .listWrap .boardListGallery div.best ul.notice li {
    background: url(../images/common/bullet/sprBulSet.png) 0 -700px no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 48px;
    display: block;
}
.boardContents .listWrap .boardListGallery div.best ul.notice li.last {
    margin-bottom: 0;
}
.boardContents .listWrap .boardListGallery div.best ul.notice li a {
    color: #282828;
}
.boardContents .listWrap .boardListGallery div.best ul.list {
    height: 204px;
    background: url(../images/board/bgGalleryBest.gif) no-repeat;
    border-bottom: 0 none;
    padding: 21px 0 0 22px;
}
.boardContents .listWrap .boardListGallery div.best ul.list li {
    width: 202px;
    height: auto;
    margin-right: 21px;
}
.boardContents .listWrap .boardListGallery div.best ul.list li img {
    width: 200px;
    height: 140px;
}
.boardContents .listWrap .boardListGallery div.best ul.list li strong.best {
    width: 57px;
    height: 57px;
    background: url(../images/board/bgGalleryBestUnit.png) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.boardContents .listWrap .boardListGallery ul.list {
    width: 711px;
    border-bottom: 1px solid #e2e2e2;
}
.boardContents .listWrap .boardListGallery ul.list li {
    width: 217px;
    height: 211px;
    line-height: 16px;
    margin: 0 20px 0 0;
    word-break: break-all;
    word-wrap: break-word;
    float: left;
    position: relative;
}
.boardContents .listWrap .boardListGallery ul.list li.nthChild-3n {
    margin-right: 0;
}
.boardContents .listWrap .boardListGallery ul.list li img {
    width: 215px;
    height: 140px;
    border: 1px solid #c7c7c7;
    margin: 0 0 8px 0;
    display: block;
}
.boardContents .listWrap .boardListGallery ul.list li strong {
    color: #282828;
    padding: 0 0 0 7px;
    display: block;
}
.boardContents .listWrap .boardListGallery ul.list li strong img {
    width: auto !important;
    height: auto !important;
    border: 0 none;
    margin: 0;
    display: inline;
}
.boardContents .listWrap .boardListGallery ul.list li strong span {
    font: bold 11px Verdana;
    letter-spacing: -1px;
    color: #694025;
}
.boardContents .listWrap .boardListGallery ul.list li small {
    font-size: 11px;
    color: #282828;
    padding: 0 0 0 7px;
}
.boardContents .listWrap .boardListGallery ul.list li small img {
    width: 13px !important;
    height: 13px !important;
    vertical-align: top;
    border: 0;
    margin: 0;
    display: inline;
}
.boardContents .listWrap .btnWriterApp {
    margin: 0 0 4px 0;
}
.boardContents .listWrap .btnWriterApp a {
    width: 100px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -335px -368px no-repeat;
    text-indent: -9999px;
    float: right;
    overflow: hidden;
}

/* 게시판 뷰 컨테이너 */
.boardContents .viewWrap .viewHeader {
    width: 677px;
    height: 74px;
    background: url(../images/board/bgBoardViewHeader.gif) no-repeat;
    padding: 0 0 0 15px;
}
.boardContents .viewWrap .viewHeader h4 {
    height: 39px;
    line-height: 42px;
    color: #694025;
}
.boardContents .viewWrap .viewHeader dl {
    height: 35px;
    line-height: 38px;
    color: #565656;
}
.boardContents .viewWrap .viewHeader dl.left {
    float: left;
}
.boardContents .viewWrap .viewHeader dl.right {
    float: right;
}
.boardContents .viewWrap .viewHeader dl dt {
    color: #282828;
    margin: 0 9px 0 0;
    float: left;
}
.boardContents .viewWrap .viewHeader dl dd {
    font-family: Verdana;
    font-size: 11px;
    margin: -1px 20px 0 0;
    float: left;
}
.boardContents .viewWrap .viewHeader dl dd.author {
    margin: 0;
    font-family: "돋움", dotum;
    font-weight: bold;
}
.boardContents .viewWrap .viewHeader dl dd.author img {
    display: inline-block;
    vertical-align: middle;
}
.boardContents .viewWrap .viewHeader dl dd.type,
.boardContents .viewWrap .viewHeader dl dd.world {
    font: normal 12px/38px dotum;
    margin-top: 0;
}
.boardContents .viewWrap .viewHeader dl dd.status {
    margin-left: -6px;
}
.boardContents .viewWrap .viewHeader dl dd.status span {
    width: 39px;
    height: 15px;
    background: url(../images/common/bullet/sprBulSet.png) no-repeat;
    text-indent: -9999px;
    margin: 12px 0 0 0;
    display: block;
}
.boardContents .viewWrap .viewHeader dl dd.status span.type1 {
    background-position: 0 -1357px;
}
.boardContents .viewWrap .viewHeader dl dd.status span.type2 {
    background-position: 0 -1418px;
}
.boardContents .viewWrap .viewHeader dl dd.status span.type3 {
    background-position: 0 -1485px;
}

.boardContents .viewWrap .viewContents {
    line-height: 17px;
    padding: 15px 15px 40px 15px;
    word-break: break-all;
    word-wrap: break-word;
}
.boardContents .viewWrap .viewContents .attach {
    margin: 0 0 10px 0;
}
.boardContents .viewWrap .viewContents .attach a {
    background: url(../images/common/bullet/sprBulSet.png) 0 -350px no-repeat;
    padding: 0 0 0 21px;
    color: #565656;
    float: right;
}
.boardContents .viewWrap .viewContents img {
    max-width: 100%;
}
.boardContents .viewWrap .viewContents .answer {
    width: 660px;
    border: 1px solid #dcdcdc;
    margin: 15px 0 0 -15px;
    padding: 15px;
}
.boardContents .viewWrap .viewContents .waiting {
    text-align: center;
}

/* S : 2015-05-26 추가 */
.boardContents .viewWrap .nonContents {
    padding: 170px 0 190px 0;
    font-size: 14px;
    text-align: center;
}
/* E : 2015-05-26 추가 */

.boardContents .viewWrap .btnRecom {
    padding: 0 0 0 306px;
}
.boardContents .viewWrap .btnRecom button {
    width: 95px;
    height: 38px;
    background: url(../images/common/sprBtnSet.png) -597px -368px no-repeat;
    display: block;
}
.boardContents .viewWrap .btnRecom button strong {
    width: 51px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    padding: 0 0 0 42px;
    display: block;
}
.boardContents .viewWrap .scrap {
    padding: 25px 0 0 0;
}
.boardContents .viewWrap .scrap .innerWrap {
    float: right;
}
.boardContents .viewWrap .scrap h5 {
    height: 16px;
    line-height: 16px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -848px no-repeat;
    font-weight: normal;
    color: #767676;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
    float: left;
}
.boardContents .viewWrap .scrap h5 small {
    font-size: 11px;
    font-weight: bold;
    color: #694025;
}
.boardContents .viewWra p .scrap ul {
    float: left;
}
.boardContents .viewWrap .scrap ul li {
    margin: 0 3px 0 0;
    float: left;
    position: relative;
}
.boardContents .viewWrap .scrap ul li.facebook {
    margin-right: 0;
}
.boardContents .viewWrap .scrap ul li button {
    width: 16px;
    height: 16px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    display: block;
}
.boardContents .viewWrap .scrap ul li.hanbiton button {
    background-position: -589px -176px;
}
.boardContents .viewWrap .scrap ul li.twitter button {
    background-position: -605px -176px;
}
.boardContents .viewWrap .scrap ul li.me2day button {
    background-position: -621px -176px;
}
.boardContents .viewWrap .scrap ul li.facebook button {
    background-position: -637px -176px;
}
/*S:2015-06-19 수정*/
.boardContents .viewWrap .scrap ul li .layer {
    width: 59px;
    background: #f2f2f2;
    border: 1px solid #cacaca;
    padding: 1px;
    position: absolute;
    left: 0;
    top: -22px;
    display: none;
}
/*E:2015-06-19 수정*/
.boardContents .viewWrap .scrap ul li .layer a {
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    letter-spacing: -1px;
    color: #676767;
    padding: 0 2px;
    display: block;
}
.boardContents .viewWrap .authorInfo {
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    border-bottom: 0 none;
    margin: 13px 0 0 0;
    padding: 14px 10px;
    position: relative;
}
.boardContents .viewWrap .authorInfo .imgProfile {
    margin: 0 10px 0 0;
    float: left;
}
.boardContents .viewWrap .authorInfo .imgProfile img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
    display: block;
}
.boardContents .viewWrap .authorInfo dl {
    padding: 3px 0 0 0;
    float: left;
}
.boardContents .viewWrap .authorInfo dl dt {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.boardContents .viewWrap .authorInfo dl dd.name {
    height: 20px;
    *height: 14px;
    font-weight: bold;
}
.boardContents .viewWrap .authorInfo dl dd.name a {
    color: #694025;
}
.boardContents .viewWrap .authorInfo dl dd.etc {
    line-height: 15px;
    word-break: break-all;
    word-wrap: break-word;
}
.boardContents .viewWrap .authorInfo dl dd.etc span {
    color: #282828;
    background: url(../images/common/bullet/bgAuthorInfoEtc.gif) right 1px
        no-repeat;
    padding: 0 7px;
}
.boardContents .viewWrap .authorInfo dl dd.etc span.lv {
    padding-left: 0;
}
.boardContents .viewWrap .authorInfo dl dd.etc span.family a {
    color: #694025;
}
.boardContents .viewWrap .authorInfo dl dd.etc span.server {
    padding-right: 0;
    background: none;
}
.boardContents .viewWrap .authorInfo p.btn {
    position: absolute;
    right: 14px;
    top: 11px;
}
.boardContents .viewWrap .authorInfo p.btn a {
    height: 18px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
    overflow: hidden;
}
.boardContents .viewWrap .authorInfo p.btn a.family {
    width: 59px;
    background-position: -460px -253px;
    margin: 0 3px 0 0;
}
.boardContents .viewWrap .authorInfo p.btn a.latest {
    width: 69px;
    background-position: -519px -253px;
}
.boardContents .viewWrap .viewEvent .contents {
    margin: 20px 0 25px;
}
.boardContents .viewWrap .rated {
    background: #f8f8f8;
    margin-top: -15px;
    padding: 17px;
}
.boardContents .viewWrap .rated .txt {
    color: #282828;
    background: url(../images/common/bullet/bulType4.gif) 0 4px no-repeat;
    margin: 0 0 7px 0;
    padding: 0 0 0 7px;
}
.boardContents .viewWrap .rated ul {
    padding: 5px 0 0 8px;
    float: left;
}
.boardContents .viewWrap .rated ul li {
    margin: 0 14px 0 0;
    float: left;
}
.boardContents .viewWrap .rated ul li input {
    width: 13px;
    height: 13px;
    margin: 1px 3px 0 0;
    float: left;
}
.boardContents .viewWrap .rated ul li label {
    float: left;
}
.boardContents .viewWrap .rated ul li label span {
    height: 15px;
    background: url(../images/common/bullet/bulRated.png) no-repeat;
    text-indent: -9999px;
    display: block;
}
.boardContents .viewWrap .rated ul li.rated1 label span {
    width: 15px;
}
.boardContents .viewWrap .rated ul li.rated2 label span {
    width: 31px;
}
.boardContents .viewWrap .rated ul li.rated3 label span {
    width: 47px;
}
.boardContents .viewWrap .rated ul li.rated4 label span {
    width: 63px;
}
.boardContents .viewWrap .rated ul li.rated5 label span {
    width: 80px;
}
.boardContents .viewWrap .rated ul li.rated6 label span {
    width: 95px;
}
.boardContents .viewWrap .rated .btnComplete {
    float: left;
}
.boardContents .viewWrap .rated .btnComplete button {
    width: 70px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -514px -329px no-repeat;
    text-indent: -9999px;
    display: block;
}

/* 게시판 코멘트 */
.boardContents .listComments {
    margin: 0 0 15px 0;
}
.boardContents .listComments h5 {
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
}
.boardContents .listComments h5 span {
    font-weight: normal;
}
.boardContents .listComments h5 strong {
    font: bold 14px Verdana;
    color: #694025;
}
.boardContents .listComments .commentWrite {
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    padding: 14px 0 14px 14px;
    overflow: hidden;
}
.boardContents .listComments .commentWrite textarea {
    width: 564px;
    height: 29px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font: normal 12px dotum;
    color: #565656;
    margin: 0 5px 7px 0;
    padding: 12px;
    float: left;
    overflow-y: scroll;
}
.boardContents .listComments .commentWrite button {
    width: 67px;
    height: 55px;
    background: url(../images/common/sprBtnSet.png) -625px -223px no-repeat;
    text-indent: -9999px;
    float: left;
}
.boardContents .listComments .commentWrite p {
    font-size: 11px;
    color: #282828;
    clear: both;
}
.boardContents .listComments ul li {
    border-top: 1px dotted #dcdcdc;
    padding: 15px;
    position: relative;
}
.boardContents .listComments ul li.first {
    border-top: 0 none;
    padding-top: 19px;
}
.boardContents .listComments ul li.last {
    border-bottom: 1px dotted #dcdcdc;
}
.boardContents .listComments ul li.last fieldset {
    padding-bottom: 3px;
}
.boardContents .listComments ul li .innerWrap {
    zoom: 1;
}
.boardContents .listComments ul li .innerWrap:after {
    clear: both;
    display: block;
    content: "";
}
.boardContents .listComments ul li .imgProfile {
    margin: 0 10px 0 0;
    float: left;
}
.boardContents .listComments ul li .imgProfile img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
    display: block;
}
.boardContents .listComments ul li dl {
    width: 596px;
    padding: 3px 0 0 0;
    float: left;
}
.boardContents .listComments ul li dl dt {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.boardContents .listComments ul li dl dd.name {
    height: 20px;
    *height: 14px;
    font-weight: bold;
    margin: 0 10px 0 0;
    float: left;
}
.myPageParty .boardContents .listComments ul li dl dd.name {
    background: url(../images/common/bullet/bgAuthorInfoEtc.gif) right 1px
        no-repeat;
    padding: 0 9px 0 0;
}
.boardContents .listComments ul li dl dd.date {
    height: 20px;
    *height: 14px;
    font: normal 11px Verdana;
    margin: -2px 0 0 0;
    float: left;
}
.boardContents .listComments ul li dl dd.party {
    height: 20px;
    *height: 14px;
    background: url(../images/common/bullet/bgAuthorInfoEtc.gif) right 1px
        no-repeat;
    margin: 0 9px 0 0;
    padding: 0 9px 0 0;
    float: left;
}
.boardContents .listComments ul li dl dd.world {
    height: 20px;
    *height: 14px;
    margin: 0 18px 0 0;
    float: left;
}
.boardContents .listComments ul li dl dd.contents {
    line-height: 15px;
    word-break: break-all;
    word-wrap: break-word;
    clear: both;
}
.boardContents .listComments ul li dl dd.contents img {
    max-width: 100%;
    margin: 10px 0;
    display: block;
}
.boardContents .listComments ul li .btn {
    position: absolute;
    right: 15px;
    top: 15px;
}
.boardContents .listComments ul li .btn button {
    height: 14px;
    background: url(../images/common/sprBtnSet.png);
    text-indent: -9999px;
    margin: 0 3px 0 0;
    float: left;
}
.boardContents .listComments ul li .btn button.recommend {
    *width: 52px;
    font: normal 12px dotum;
    letter-spacing: -1px;
    text-indent: 0;
    color: #767676;
    background: url(../images/common/bullet/sprBulSet.png) 0 -400px no-repeat;
    margin-right: 8px;
    padding: 0 0 0 10px;
}
.boardContents .listComments ul li .btn button.recommend span {
    float: left;
}
.boardContents .listComments ul li .btn button.recommend small {
    font: bold 11px Verdana;
    color: #694025;
    margin: -1px 0 0 0;
    float: left;
}
.boardContents .listComments ul li .btn button.del {
    width: 14px;
    background-position: -593px -223px;
}
.boardContents .listComments ul li .btn button.edit {
    width: 14px;
    background-position: -593px -239px;
}
.boardContents .listComments ul li .btn button.write {
    width: 27px;
    background-position: -593px -255px;
    margin-right: 0;
}
.boardContents .listComments ul li fieldset {
    width: 612px;
    background: url(../images/common/bullet/bulRe1.gif) 38px 35px no-repeat;
    margin: 0 0 0 -15px;
    padding: 11px 0 0 81px;
    overflow: hidden;
}
.boardContents .listComments ul li fieldset textarea {
    width: 498px;
    height: 29px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font: normal 12px dotum;
    color: #565656;
    margin: 0 5px 7px 0;
    padding: 12px;
    float: left;
    overflow-y: scroll;
}
.boardContents .listComments ul li fieldset button {
    width: 67px;
    height: 55px;
    background: url(../images/common/sprBtnSet.png) -625px -223px no-repeat;
    text-indent: -9999px;
    float: left;
}
.boardContents .listComments ul li .attach {
    padding-top: 5px;
    padding-left: 67px;
}
.boardContents .listComments ul li.edit .attach {
    padding-left: 17px;
}
.boardContents .listComments ul li.comments {
    width: 597px;
    border-bottom: 0 none;
    padding-left: 81px;
    background: url(../images/common/bullet/bulRe1.gif) 38px 35px no-repeat;
}
.boardContents .listComments ul li.comments dl {
    width: 531px;
    float: left;
}
.boardContents .listComments ul li.edit {
    width: 677px;
    background: none;
    padding-left: 0;
}
.boardContents .listComments ul li.edit fieldset {
    width: 692px;
    background: none;
    margin-left: 0;
    padding-left: 15px;
}
.boardContents .listComments ul li.edit fieldset textarea {
    width: 565px;
}
.boardContents .listComments ul li.best {
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    border-top: 0 none;
}
.boardContents .listComments ul li.best .innerWrap {
    width: 622px;
    background: url(../images/board/bgBestComment.gif) no-repeat;
    padding: 20px 0 20px 40px;
}
.boardContents .listComments ul li.best .bgBtm {
    width: 662px;
    height: 3px;
    background: url(../images/board/bgBestCommentBtm.gif) no-repeat;
    *margin-top: -2px;
}
.boardContents .listComments ul li.best dl {
    float: left;
    width: 524px;
}

/* 게시판 쓰기 */
#ctl00_BodyContent_Write1_Characon1 {
    position: relative;
    top: 1px;
    float: left;
}
#characonDivs {
    left: 20px !important;
    top: 0 !important;
}
.boardContents .writeWrap .writeHeader {
    width: 682px;
    height: 28px;
    background: url(../images/board/bgWriteHeader.gif) no-repeat;
    padding: 10px 0 0 10px;
}
.boardContents .writeWrap .writeHeader select {
    width: 100px;
    height: 23px;
    font: normal 12px dotum;
    margin: 0 6px 0 0;
    float: left;
}
.boardContents .writeWrap .writeHeader input {
    width: 550px;
    height: 21px;
    line-height: 20px;
    border: 1px solid #dcdcdc;
    color: #565656;
    margin: 0 5px 0 0;
    padding: 0 7px;
    float: left;
}
.boardContents .writeWrap .attach {
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    border-top: 0 none;
    margin: 0 0 14px 0;
    padding: 17px 0 13px 20px;
}
.boardContents .writeWrap .attach select {
    width: 492px;
    height: 66px;
    font: normal 12px dotum;
    color: #000;
    border: 1px solid #878787;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 7px 0 0;
    float: left;
}
.boardContents .writeWrap .attach .limit {
    float: left;
}
.boardContents .writeWrap .attach .limit p {
    margin: 0 0 3px 0;
}
.boardContents .writeWrap .attach .limit p input {
    width: 49px;
    height: 17px;
    line-height: 17px;
    background: #fff;
    border: 1px solid #969696;
    text-align: right;
    font-weight: normal;
    color: #676767;
    margin: 0 5px 0 0;
    padding: 0 5px;
    float: left;
}
.boardContents .writeWrap .attach .limit p span {
    height: 19px;
    line-height: 19px;
    color: #676767;
    float: left;
}
.boardContents .writeWrap .attach .limit button {
    width: 36px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -500px -223px no-repeat;
    text-indent: -9999px;
    display: block;
}
.boardContents .writeWrap .export {
    position: relative;
}
.boardContents .writeWrap .export .innerWrap {
    position: absolute;
    left: 7px;
    top: 13px;
}
.boardContents .writeWrap .export .innerWrap p {
    height: 12px;
    letter-spacing: -1px;
    color: #565656;
    margin: 0 0 7px 0;
}
.boardContents .writeWrap .export .innerWrap p strong {
    width: 83px;
    height: 12px;
    line-height: 12px;
    font-size: 11px;
    background: url(../images/common/bullet/bulType4.gif) 0 5px no-repeat;
    margin-top: 1px;
    padding: 0 0 0 7px;
    float: left;
}
.boardContents .writeWrap .export .innerWrap p input {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    float: left;
}
.boardContents .writeWrap .export .innerWrap p label {
    height: 13px;
    line-height: 14px;
    font-size: 11px;
    float: left;
}

/* 실버서버 */
.silverHeader {
    width: 692px;
    height: 113px;
    background: url(../images/board/bgSilverHeader.gif) no-repeat;
    margin: 0 0 35px 0;
}
.silverHeader .btn {
    margin: 0 19px 0 0;
    padding: 21px 0 0 23px;
    float: left;
}
.silverHeader .btn button {
    width: 203px;
    height: 69px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.silverHeader .btn button.start {
    background-position: 0 -456px;
    margin: 0 7px 0 0;
}
.silverHeader .btn button.down {
    background-position: -204px -456px;
}
/* 2013-12-20 */
.silverHeader .txt {
    line-height: 16px;
    letter-spacing: -1px;
    color: #282828;
    margin: 24px 0 0 0;
    float: left;
}
/* // 2013-12-20 */
.boardContents .silverBtn {
    margin: 0 0 4px 0;
}
.boardContents .silverBtn p {
    float: right;
}
.boardContents .silverBtn p button {
    height: 23px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.boardContents .silverBtn p button.bug {
    width: 67px;
    background-position: -625px -192px;
    margin: 0 3px 0 0;
}
.boardContents .silverBtn p button.download {
    width: 117px;
    background-position: -503px -192px;
}
/* 2014-11-10 */
.boardContents .silverState p {
    float: right;
    padding: 0 0 4px 0;
}
.boardContents .silverState p label {
    float: left;
    margin: 0 2px 0 0;
    color: #282828;
    line-height: 18px;
}
.boardContents .silverState p select {
    float: left;
    margin: 0 2px 0 0;
    width: 108px;
}
.boardContents .silverState p button {
    float: left;
    width: 36px;
    height: 18px;
    text-indent: -9999px;
    background: url(../images/common/sprBtnSet.png) no-repeat -460px -223px;
}
/* // 2014-11-10 */

/* 월드 선택 */
.worldValSel {
    margin: 0 0 4px 0;
}
.worldValSel fieldset {
    float: right;
}
.worldValSel fieldset label {
    height: 20px;
    line-height: 20px;
    color: #282828;
    margin: 0 6px 0 0;
    float: left;
}
.worldValSel fieldset select {
    width: 130px;
    height: 18px;
    font: normal 11px dotum;
    margin: 0 2px 0 0;
    float: left;
}
.worldValSel fieldset button {
    width: 36px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -460px -223px no-repeat;
    text-indent: -9999px;
    float: left;
}

/* 팁 게시판 베스트 글 */
.boardContents .bestList {
    width: 656px;
    height: 100px;
    background: url(../images/board/bgTipBest.gif) no-repeat;
    margin: 0 0 31px 0;
    padding: 57px 0 0 36px;
}
.boardContents .bestList .article {
    width: 240px;
    margin: 0 84px 0 0;
    float: left;
}
.boardContents .bestList .article h5 {
    margin: 3px 0 7px 0;
}
.boardContents .bestList .article h5 a {
    line-height: 18px;
    font-size: 14px;
    color: #694025;
    text-decoration: underline;
    background: url(../images/common/bullet/sprBulSet.png) 0 -648px no-repeat;
    padding: 0 0 0 43px;
}
.boardContents .bestList .article p {
    line-height: 16px;
}
.boardContents .bestList .article p a {
    color: #282828;
}
.boardContents .bestList ul {
    float: left;
}
.boardContents .bestList ul li {
    height: 21px;
    vertical-align: top;
}
.boardContents .bestList ul li a {
    letter-spacing: -1px;
    color: #282828;
    background: url(../images/common/bullet/bulType4.gif) 0 5px no-repeat;
    padding: 0 0 0 5px;
}

/* 레이어 팝업 템플릿 ======================================== */

/* 기본 템플릿 */
#layerPopup {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}
#layerPopup .layer {
    position: fixed;
    left: 50%;
    top: 50%;
    _position: absolute;
    _left: 80px;
    _top: 80px;
    _margin: 0 !important;
    z-index: 910;
}
#layerPopup .layer .innerWrap {
    background-color: #fff;
    border: 5px solid #2b190f;
}
#layerPopup .overlay {
    width: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: relative;
    z-index: 900;
}
#layerPopup .btnClose {
    zoom: 1;
}
#layerPopup .btnClose:after {
    clear: both;
    display: block;
    content: "";
}
#layerPopup .btnClose button {
    width: 33px;
    height: 29px;
    background: url(../images/common/sprBtnSet.png) -659px 0 no-repeat;
    text-indent: -9999px;
    float: right;
}

/* 레티샤 페소 선물 상자 */
.layerFesoResult {
    width: 412px;
    height: 408px;
    margin-top: -204px;
    margin-left: -206px;
}
.layerFesoResult .innerWrap {
    width: 402px;
    height: 369px;
    background: url(../images/itemshop/bgLayerFesoBuyResult.gif) no-repeat;
}
.layerFesoResult h4 {
    line-height: 16px;
    text-align: center;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 39px 0 145px 0;
}
.layerFesoResult h4 span {
    font-size: 16px;
    font-weight: bold;
}
.layerFesoResult h4 strong {
    color: #694025;
}
.layerFesoResult .imgItem {
    position: absolute;
    left: 264px;
    top: 168px;
}
.layerFesoResult .imgItem img {
    width: 62px;
    height: 62px;
    display: block;
}
.layerFesoResult .item {
    height: 60px;
    padding: 0 0 0 64px;
}
.layerFesoResult .item span {
    width: 98px;
    line-height: 15px;
    letter-spacing: -1px;
    text-align: center;
    color: #282828;
    float: left;
}
.layerFesoResult .item span.first {
    margin: 0 79px 0 0;
}
.layerFesoResult .cnt {
    text-align: center;
    margin: 0 0 20px 0;
}
.layerFesoResult .cnt strong {
    font: bold 14px Verdana;
    color: #694025;
    vertical-align: middle;
}
.layerFesoResult .cnt img {
    vertical-align: middle;
}
/* 2014-09-01 */
.layerFesoResult .btnOpen,
.layerFesoResult .btnOpen1 {
    width: 65px;
    margin: 0 auto;
}
.layerFesoResult .btnOpen button {
    width: 65px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) -282px -192px no-repeat;
    text-indent: -9999px;
    display: block;
}
.layerFesoResult .btnOpen1 button {
    width: 65px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) -550px -672px no-repeat;
    text-indent: -9999px;
    display: block;
}
/* // 2014-09-01 */
.layerFesoHistory {
    width: 662px;
    height: 538px;
    margin-top: -269px;
    margin-left: -331px;
}
.layerFesoHistory .innerWrap {
    width: 632px;
    height: 480px;
    padding: 19px 0 0 20px;
}
.layerFesoHistory h4 {
    width: 145px;
    height: 20px;
    background: url(../images/common/sprTxtSet.png) 0 -748px no-repeat;
    text-indent: -9999px;
}
.layerFesoHistory iframe {
    width: 612px;
    height: 400px;
}
.layerFesoHistory .btnOk {
    width: 55px;
    margin: 0 auto;
}
.layerFesoHistory .btnOk button {
    width: 55px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) -385px -253px no-repeat;
    text-indent: -9999px;
    display: block;
}
.iframeFesoHistory {
    padding: 44px 0 0 0;
    background: url(../images/itemshop/bgFesoHistoryHeader.gif) no-repeat;
}
.iframeFesoHistory table {
    width: 612px;
}
.iframeFesoHistory table th {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.iframeFesoHistory table td {
    height: 46px;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0 0 7px;
}
.iframeFesoHistory table td.date {
    font: normal 11px Verdana;
    text-align: center;
    padding-left: 0;
}
.iframeFesoHistory .pagination {
    width: 612px;
}

/* GE포인트샵 응모 */
.layerGPEntry {
    width: 662px;
    height: 368px;
    margin-top: -184px;
    margin-left: -331px;
}
.layerGPEntry .innerWrap {
    width: 604px;
    height: 281px;
    padding: 19px 24px 29px;
}
.layerGPEntry h5 {
    height: 15px;
    background: url(../images/common/bullet/bulType6.gif) 0 6px no-repeat;
    font: bold 14px dotum;
    color: #694025;
    margin: 0 0 5px 0;
    padding: 0 0 0 7px;
}
.layerGPEntry h5 img {
    vertical-align: top;
}
.layerGPEntry .list {
    width: 612px;
    background: url(../images/itemshop/bgLayerGPEntryHeader.gif) no-repeat;
    margin: 0 0 7px 0;
    padding: 4px 0 0 0;
}
.layerGPEntry .list table {
    width: 612px;
}
.layerGPEntry .list table th,
.layerGPEntry .innerWrap .list table td {
    height: 29px;
    border: 1px solid #ddd7d6;
    padding: 0 0 0 10px;
}
.layerGPEntry .list table th {
    background: #f6f3f2;
    text-align: left;
    font-weight: normal;
    color: #282828;
}
.layerGPEntry .list table tr.goods th,
.layerGPEntry .innerWrap .list table tr.goods td {
    height: 89px;
}
.layerGPEntry .list table tr.goods th {
    vertical-align: top;
    padding-top: 8px;
}
.layerGPEntry .list table tr.goods td div {
    width: 100%;
    height: 79px;
    line-height: 14px;
    padding: 8px 0;
    overflow-y: scroll;
}
.layerGPEntry .list table td select {
    width: 160px;
    height: 19px;
    font: normal 11px dotum;
    display: block;
}
.layerGPEntry .notes {
    background: url(../images/common/bullet/bulType4.gif) 0 4px no-repeat;
    font-size: 11px;
    margin: 0 0 27px 0;
    padding: 0 0 0 7px;
}
.layerGPEntry .btnArea {
    width: 124px;
    margin: 0 auto;
}
.layerGPEntry .btnArea button {
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.layerGPEntry .btnArea button.entry {
    width: 65px;
    height: 25px;
    background-position: -345px -310px;
    margin: 0 4px 0 0;
}
.layerGPEntry .btnArea button.cancel {
    width: 55px;
    height: 25px;
    background-position: -330px -253px;
}

/* GP 지급기준 */
.layerGPStandards {
    width: 662px;
    height: 508px;
    margin-top: -254px;
    margin-left: -331px;
}
.layerGPStandards .innerWrap {
    width: 612px;
    height: 423px;
    padding: 18px 20px 28px;
}
.layerGPStandards h5 {
    width: 129px;
    height: 21px;
    background: url(../images/common/sprTxtSet.png) -394px -578px no-repeat;
    text-indent: -9999px;
}
.layerGPStandards .list {
    width: 612px;
    background: url(../images/itemshop/bgLayerGPStandards.gif) no-repeat;
    margin: 0 0 7px 0;
    padding: 39px 0 0 0;
}
.layerGPStandards .list table {
    width: 611px;
}
.layerGPStandards .list table th {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.layerGPStandards .list table td {
    height: 29px;
    background: #f6f3f2;
    border: 1px solid #ddd7d6;
    color: #282828;
    text-align: center;
}
.layerGPStandards .notes {
    font-size: 11px;
    margin: 0 0 20px 0;
}
.layerGPStandards .notes h6 {
    line-height: 15px;
    font-weight: normal;
}
.layerGPStandards .notes span {
    font: normal 11px Verdana;
}
.layerGPStandards .notes ul {
    padding: 4px 0 4px 15px;
}
.layerGPStandards .notes ul li {
    background: url(../images/common/bullet/bulType7.gif) 0 4px no-repeat;
    font-size: 11px;
    margin: 0 0 5px 0;
    padding: 0 0 0 6px;
}
.layerGPStandards .btnArea {
    width: 55px;
    margin: 0 auto;
}
.layerGPStandards .btnArea button {
    width: 55px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) -538px -57px no-repeat;
    text-indent: -9999px;
    display: block;
}

/* 아이템 구매 (PC방포인트) */
.layerBuyItem {
    width: 412px;
    height: 418px;
    margin-top: -209px;
    margin-left: -206px;
}
.layerBuyItem .innerWrap {
    width: 364px;
    height: 341px;
    padding: 19px;
}
.layerBuyItem .innerWrap h5 {
    width: 362px;
    height: 24px;
    background: url(../images/common/sprTxtSet.png) -220px -554px no-repeat;
    text-indent: -9999px;
    margin: 0 0 17px 0;
}
.layerBuyItem .innerWrap .info {
    height: 90px;
    background: url(../images/itemshop/bgLayerBuyItem.gif) 10px 0 no-repeat;
    margin: 0 0 15px 0;
    padding: 0 0 0 22px;
}
.layerBuyItem .innerWrap .info .imgItem {
    margin: 0 25px 0 0;
    padding: 14px 0 0 0;
    float: left;
}
.layerBuyItem .innerWrap .info .imgItem img {
    width: 62px;
    height: 62px;
    display: block;
}
.layerBuyItem .innerWrap .info .name {
    width: 240px;
    padding: 2px 0 0 0;
    float: left;
}
.layerBuyItem .innerWrap .info .name strong {
    height: 16px;
    font-size: 15px;
    letter-spacing: -1px;
    color: #282828;
    margin: 0 0 4px 0;
    display: block;
    overflow: hidden;
}
.layerBuyItem .innerWrap .info .name small {
    height: 31px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -749px no-repeat;
    font: bold 12px Verdana;
    color: #694025;
    padding: 0 0 0 15px;
    display: block;
}
.layerBuyItem .innerWrap .info .name span {
    height: 30px;
    line-height: 15px;
    display: block;
    overflow: hidden;
}
.layerBuyItem .innerWrap table {
    width: 341px;
    margin: 0 0 9px 0;
    padding: 0 0 0 10px;
}
.layerBuyItem .innerWrap table th,
.layerBuyItem .innerWrap table td {
    height: 30px;
    border: 1px solid #dcdcdc;
}
.layerBuyItem .innerWrap table th {
    background: #f2f2f2;
    letter-spacing: -1px;
    text-align: left;
    font-weight: normal;
    color: #282828;
    padding: 0 0 0 7px;
}
.layerBuyItem .innerWrap table td {
    padding: 0 0 0 7px;
}
.layerBuyItem .innerWrap table td.consum {
    color: #694025;
}
.layerBuyItem .innerWrap table td select {
    height: 19px;
    font: normal 11px dotum;
    display: block;
}
.layerBuyItem .innerWrap table td select.butCnt {
    width: 56px;
}
.layerBuyItem .innerWrap table td select.paymentFamily {
    width: 186px;
}
.layerBuyItem .notes {
    background: url(../images/common/bullet/bulType4.gif) 0 4px no-repeat;
    font-size: 11px;
    margin: 0 0 19px 0;
    padding: 0 0 0 7px;
}
.layerBuyItem .btnArea {
    width: 124px;
    margin: 0 auto;
}
.layerBuyItem .btnArea button {
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.layerBuyItem .btnArea button.buy {
    width: 65px;
    height: 25px;
    background-position: -137px -341px;
    margin: 0 4px 0 0;
}
.layerBuyItem .btnArea button.cancel {
    width: 55px;
    height: 25px;
    background-position: -330px -253px;
}

/* FAQ 상단 자주 묻는 질문 */
.layerFAQ {
    width: 662px;
    height: 328px;
    margin-top: -164px;
    margin-left: -331px;
}
.layerFAQ .innerWrap {
    width: 612px;
    height: 252px;
    padding: 17px 20px 20px 20px;
}
.layerFAQ .innerWrap dl dt {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.layerFAQ .innerWrap dl dd.question {
    height: 21px;
    background: url(../images/common/bullet/bulFAQ.gif) no-repeat;
    border-bottom: 1px solid #e2e2e2;
    font-weight: bold;
    color: #694025;
    margin: 0 0 3px 0;
    padding: 0 0 0 16px;
}
.layerFAQ .innerWrap dl dd.answer {
    width: 574px;
    height: 223px;
    line-height: 16px;
    background: url(../images/common/bullet/bulFAQ.gif) 0 -64px no-repeat;
    padding: 3px 15px 0 22px;
    overflow-y: scroll;
    word-break: break-all;
    word-wrap: break-word;
}

/* 메인 ======================================== */

/* 메인 프로모션 영역 */
body.main .topContents {
    width: 979px;
    height: 392px;
    background: url(../images/main/bgPromotionArea.jpg) no-repeat;
    margin: 0 0 7px -1px;
    padding: 0 0 0 3px;
}
/* S: 2016-07-27 수정 */

.topContents .promotionArea {
    width: 715px;
    margin: 0 2px 0 0;
    float: left;
}
.topContents .promotionArea .rollBanner {
    width: 715px;
    height: 422px;
    border-bottom: 1px solid #000;
    margin-top: -34px;
    position: relative;
}
.roll_banner_slider {
    width: 715px;
    height: 422px;
}
.roll_banner_slider .slider {
    text-align: right;
}
.roll_banner_slider .slider .slider_list {
    padding: 375px 0 0 0;
    margin-right: 87px;
}
.roll_banner_slider .slider > button {
    position: absolute;
}
.roll_banner_slider .slider .control {
    position: absolute;
    right: 58px;
    top: 375px;
    padding: 0;
}
.roll_banner_slider .slider .control button,
.roll_banner_slider .slider > button {
    width: 20px;
    height: 20px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprBtnSet.png) no-repeat 0 0;
}
.roll_banner_slider .slider .control .btn_play {
    position: absolute;
    top: 0;
    right: 0;
    background-position: -140px -794px;
}
.roll_banner_slider .slider .control .btn_stop {
    position: absolute;
    top: 0;
    right: 0;
    background-position: -160px -794px;
}
.roll_banner_slider .slider .btn_prev {
    left: auto;
    right: 38px;
    top: 383px;
    background-position: -180px -794px;
}
.roll_banner_slider .slider .btn_next {
    right: 18px;
    top: 383px;
    background-position: -200px -794px;
}
.roll_banner_slider .slider ul.slider_list li {
    margin-left: 3px;
}
.roll_banner_slider .slider ul.slider_list li .dot {
    width: 18px;
    height: 18px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprBtnSet.png) no-repeat -230px -794px;
}
.roll_banner_slider .slider ul.slider_list li.on .dot {
    background-position: -258px -794px;
}
.roll_banner_slider .slider ul.slider_list li .content {
    display: none;
}
.roll_banner_slider .slider ul.slider_list li.on .content {
    display: block;
}

/*.topContents .promotionArea .rollBanner .banner{width:715px; height:422px; position:absolute; left:0; top:0; z-index:10; opacity:0; display:none;}*/
/*.topContents .promotionArea .rollBanner .current{z-index:20; opacity:1;}*/
/*.topContents .promotionArea .rollBanner .static{position:absolute; right:38px; bottom:17px; z-index:60;}*/
/*.topContents .promotionArea .rollBanner .static li{float:left; margin:0 -1px 0 0;}*/
/*.topContents .promotionArea .rollBanner .static button{width:21px; height:24px; background:url(../images/common/sprBtnSet.png) -78px -6px no-repeat; text-indent:-9999px; display:block;}*/
/*.topContents .promotionArea .rollBanner .static button.on{background-position:-101px -6px;}*/
/*.topContents .promotionArea .rollBanner .btnControl{position:absolute; right:17px; bottom:18px; z-index:60;}*/
/*.topContents .promotionArea .rollBanner .btnControl button{width:21px; height:24px; background:url(../images/common/sprBtnSet.png) -150px -6px no-repeat; text-indent:-9999px; display:block;}*/
/*.topContents .promotionArea .rollBanner .btnControl button.play{background-position:-126px -6px;}*/
/*.topContents .promotionArea .btmArea{overflow:hidden;}*/
/*.topContents .promotionArea .btmArea .hotKnow{width:357px; height:100px; background-repeat:no-repeat; border-right:1px solid #000; float:left; position:relative;}*/
/*.topContents .promotionArea .btmArea .hotKnow h2 a{width:357px; height:100px; display:block; text-indent:-9999px; display:block; overflow:hidden;}*/
/*.topContents .promotionArea .btmArea .hotKnow ul{position:absolute; left:53px; top:49px;}*/
/*.topContents .promotionArea .btmArea .hotKnow ul li{height:15px; line-height:16px; font-size:11px; letter-spacing:-1px; margin:0 0 6px 0; vertical-align:top;}*/
/*.topContents .promotionArea .btmArea .hotKnow ul li:after{clear:both; display:block; content:'';}*/
/*.topContents .promotionArea .btmArea .hotKnow ul li small{width:49px; height:15px; background:url(../images/common/bullet/sprBulSet.png) no-repeat; text-indent:-9999px; margin:0 12px 0 0; display:block; float:left;}*/
/*.topContents .promotionArea .btmArea .hotKnow ul li.wait small{background-position:0 -200px;}*/
/*.topContents .promotionArea .btmArea .hotKnow ul li.unresolved small{background-position:0 -215px;   }*/
/*.topContents .promotionArea .btmArea .hotKnow ul li a{float:left; color:#848484;}*/
/*.topContents .promotionArea .btmArea .frontiers{float:left;}*/
/*!* S : 2015-01-12 추가 *!*/
/*.topContents .promotionArea .btmArea .frontiers:first-child {border-right:1px solid #000;}*/
/* E : 2015-01-12 추가 */
/*.topContents .promotionArea .btmArea .frontiers img{width:357px; height:100px;}*/
/* E: 2016-07-27 수정 */

/* 메인 하단컨텐츠 */
/* S: 2016-07-27 수정 */
body.main .btmContents {
    margin-top: 32px;
}
body.main .btmContents .mainArea .header h2 {
    height: 15px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
}
body.main .btmContents .mainArea .contents h3.tit {
    background: url(../images/common/bullet/bgTabDiv.gif) right 5px no-repeat;
    padding: 4px 5px 0 0;
    position: absolute;
    top: 3px;
}
body.main .btmContents .mainArea .contents h3.tit a {
    padding: 4px 0 0 0;
    font-size: 11px;
    font-weight: normal;
}
body.main .btmContents .mainArea .contents h3.on a {
    background: url(../images/common/bullet/bulType3.gif) center top no-repeat;
    color: #694025;
    text-decoration: none;
}

body.main .btmContents .mainArea .hotIssue {
    width: 247px;
    float: left;
}
body.main .btmContents .mainArea .hotIssue .header {
    margin: 0 0 10px 0;
    padding: 0 0 4px 0;
}
body.main .btmContents .mainArea .hotIssue .header h2 {
    width: 71px;
    height: 17px;
    background-position: 0 -1155px;
}
/*body.main .btmContents .mainArea .hotIssue .titCon{margin:0 0 10px 0;}*/
/*body.main .btmContents .mainArea .hotIssue .titCon .img{margin:0 7px 0 0; float:left;}*/
/*body.main .btmContents .mainArea .hotIssue .titCon .img img{width:101px; height:67px; border:1px solid #dcdcdc;}*/
/*body.main .btmContents .mainArea .hotIssue .titCon .con{width:137px; float:left;}*/
/*body.main .btmContents .mainArea .hotIssue .titCon .con h3{width:120px; line-height:15px; margin:0 0 6px 0;}*/
/*body.main .btmContents .mainArea .hotIssue .titCon .con h3 a{color:#694025;}*/
/*body.main .btmContents .mainArea .hotIssue .titCon .con p{line-height:15px;}*/
/*body.main .btmContents .mainArea .hotIssue ul{padding:0 0 0 3px;}*/
/*body.main .btmContents .mainArea .hotIssue ul li{background:url(../images/common/bullet/bulType4.gif) 0 5px no-repeat; margin:0 0 8px 0; padding:0 0 0 6px;}*/
body.main .btmContents .mainArea .hotIssue .hotIssue_list li:first-child {
    margin-top: 0;
}
body.main .btmContents .mainArea .hotIssue .hotIssue_list li {
    margin-top: 1px;
}
body.main .btmContents .mainArea .hotIssue .hotIssue_list li a {
    display: inline-block;
    width: 247px;
    height: 77px;
    vertical-align: top;
}
/* E: 2016-07-27 수정 */

/* S: 2016-07-27 수정 */
body.main .btmContents .mainArea .character_gallery {
    margin-left: 25px;
    width: 420px;
    height: 264px;
    float: left;
}
body.main .btmContents .mainArea .character_gallery .header {
    margin: 0 0 10px 0;
    padding: 0 0 4px 0;
}
body.main .btmContents .mainArea .character_gallery .header h2 {
    width: 80px;
    height: 17px;
    background-position: -76px -1155px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_viewer {
    width: 418px;
    height: 161px;
    border: 1px solid #2f2f2f;
    background-color: #2f2f2f;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area {
    width: 418px;
    height: 69px;
    border-left: 1px solid #2f2f2f;
    border-bottom: 1px solid #2f2f2f;
    border-right: 1px solid #2f2f2f;
    background: url(../images/main/character_bg.jpg) no-repeat 0 0;
    overflow: hidden;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list {
    padding-top: 14px;
    height: 40px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .slider
    ul.slider_list {
    padding: 0;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .slider
    ul.slider_list
    li:first-child {
    margin-left: 0;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .slider
    ul.slider_list
    li {
    margin-left: 10px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .slider
    ul.slider_list
    li
    .dot {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 999px;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
    background: transparent;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .slider
    ul.slider_list
    li
    .content {
    padding: 0 67px;
    width: 284px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .slider
    ul.slider_list
    li
    .content
    .mlist
    li
    a
    img {
    width: 63px;
    height: 40px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .prev_btn,
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .next_btn {
    width: 20px;
    height: 30px;
    position: absolute;
    top: 6px;
    z-index: 1100;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .prev_btn
    a,
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .next_btn
    a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprBtnSet.png) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .prev_btn {
    left: 30px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .prev_btn
    a {
    background-position: -337px -902px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .next_btn {
    right: 30px;
}
body.main
    .btmContents
    .mainArea
    .character_gallery
    .contents
    .character_slider
    .character_list_area
    .character_list
    .next_btn
    a {
    background-position: -358px -902px;
}

body.main .btmContents .mainArea .target {
    padding: 30px 0 0 25px;
    width: 420px;
    float: left;
    position: relative;
}
body.main .btmContents .mainArea .target .header {
    margin: 0 0 6px 0;
    padding: 0 0 4px 0;
}
body.main .btmContents .mainArea .target .header h2 {
    width: 56px;
    height: 17px;
    background-position: -208px -1155px;
}
body.main .btmContents .mainArea .target .contents .searchWrap {
    position: absolute;
    top: 25px;
    right: 0;
    padding: 0;
}
body.main .btmContents .mainArea .target .contents .searchWrap .searchSelect {
    height: 20px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .searchWrap
    .searchSelect
    .txt {
    line-height: 20px;
}
body.main .btmContents .mainArea .target .contents .searchWrap .searchField {
    border: 3px solid #000;
    background: #000;
    float: left;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .searchWrap
    .searchField
    input {
    width: 90px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    color: #565656;
    border: 0;
    padding: 0 0 0 7px;
    float: left;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .searchWrap
    .searchField
    button {
    width: 32px;
    height: 20px;
    background: url(../images/common/sprBtnSet.png) -78px -32px no-repeat;
    text-indent: -9999px;
    float: left;
    display: block;
}
body.main .btmContents .mainArea .target .contents .target_cate_list {
    margin-top: 6px;
    position: relative;
    width: 418px;
    height: 156px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}
body.main .btmContents .mainArea .target .contents .target_cate_list > li {
    float: left;
    width: 84px;
    height: 36px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    > li:first-child {
    width: 82px;
}
body.main .btmContents .mainArea .target .contents .target_cate_list > li .tit {
    position: static;
    padding: 0;
    width: 100%;
    height: 100%;
}

body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    > li
    .tit
    a {
    display: inline-block;
    overflow: hidden;
    line-height: 999px;
    vertical-align: top;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url(../images/common/sprBtnSet.png) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .beginner
    .tit
    a {
    background-position: 0 -1126px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .character
    .tit
    a {
    background-position: -85px -1126px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .mission
    .tit
    a {
    background-position: -170px -1126px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .item
    .tit
    a {
    background-position: -250px -1126px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .etc
    .tit
    a {
    background-position: -334px -1126px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .beginner
    .tit.on
    a,
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .beginner
    .tit
    a:hover {
    background-position: 0 -1164px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .character
    .tit.on
    a,
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .character
    .tit
    a:hover {
    background-position: -85px -1164px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .mission
    .tit.on
    a,
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .mission
    .tit
    a:hover {
    background-position: -170px -1164px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .item
    .tit.on
    a,
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .item
    .tit
    a:hover {
    background-position: -250px -1164px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .etc
    .tit.on
    a,
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .target_cate_list
    .etc
    .tit
    a:hover {
    background-position: -334px -1164px;
}

body.main .btmContents .mainArea .target .contents .target_list {
    padding: 25px;
    top: 36px;
    position: absolute;
    left: 0;
    width: 368px;
    height: 70px;
    background-color: #f6f3f1;
}
body.main .btmContents .mainArea .target .contents .target_list li {
    position: relative;
    margin-top: 7px;
    padding-right: 50px;
}
body.main .btmContents .mainArea .target .contents .target_list li:first-child {
    margin-top: 0;
}
body.main .btmContents .mainArea .target .contents .target_list li a {
    line-height: 13px;
}
body.main .btmContents .mainArea .target .contents .target_list li a:hover {
    font-weight: bold;
    letter-spacing: -1px;
}
body.main .btmContents .mainArea .target .contents .target_list li .date {
    position: absolute;
    right: 0;
    top: 0;
    font: normal 10px Verdana;
}

body.main .btmContents .mainArea .target .contents .other_info {
    margin-top: 30px;
}
/* S : 2019-01-03 수정 */
body.main .btmContents .mainArea .target .contents .other_info .other_left {
    overflow: hidden;
}
body.main .btmContents .mainArea .target .contents .other_info .other_left a {
    float: left;
}
body.main .btmContents .mainArea .target .contents .other_info .wiki_guide {
    display: block;
    width: 207px;
    height: 86px;
    text-align: center;
    background: url(../images/main/ohter_info_wiki3.jpg) no-repeat 0 0;
}
body.main .btmContents .mainArea .target .contents .other_info .boutique {
    display: block;
    width: 213px;
    height: 86px;
    margin-top: 5px;
    text-align: center;
    background: url(../images/main/ohter_info_boutique.gif) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .scenario_history {
    display: block;
    width: 208px;
    height: 86px;
    margin-right: 5px;
    text-align: center;
    background: url(../images/main/bnr_history3.jpg) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .wiki_guide
    .go_wiki_guide {
    margin-top: 114px;
    display: inline-block;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    width: 61px;
    height: 24px;
    background: url(../images/common/sprBtnSet.png) no-repeat -337px -841px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list {
    margin-top: 5px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list
    li {
    float: left;
    width: 105px;
    height: 86px;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list
    li
    a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list
    li.facebook
    a {
    background: url(../images/main/other_info_facebook1.jpg) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list
    li.cash_charge
    a {
    background: url(../images/main/other_info_cash.jpg) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list
    li.party_support
    a {
    background: url(../images/main/other_info_party1.jpg) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list
    li.benefits_pc_room
    a {
    background: url(../images/main/other_info_benefit1.jpg) no-repeat 0 0;
}
body.main
    .btmContents
    .mainArea
    .target
    .contents
    .other_info
    .other_info_list
    li.search_pc_room
    a {
    background: url(../images/main/other_info_search1.jpg) no-repeat 0 0;
}
/* E : 2019-01-03 수정 */

/*body.main .btmContents .mainArea .target .contents .beginner h3{width:33px; left:240px;}*/
/*body.main .btmContents .mainArea .target .contents .etc h3{width:33px; left:398px; background:none;}*/
/*body.main .btmContents .mainArea .target .contents .character h3{width:33px; left:282px;}*/
/*body.main .btmContents .mainArea .target .contents .item h3{width:33px; left:356px;}*/
/*body.main .btmContents .mainArea .target .contents .mission h3{width:28px; left:324px; padding:4px 0 0 0;}*/
/*body.main .btmContents .mainArea .target .contents ul li{left:0; top:19px;}*/
/*body.main .btmContents .mainArea .target .contents ul li ul{display:none;}*/
/*body.main .btmContents .mainArea .target .contents .beginner ul{display:block;}*/
/*body.main .btmContents .mainArea .target .contents ul li ul li{height:20px; vertical-align:top; overflow:hidden; position:static;}*/
/*body.main .btmContents .mainArea .target .contents ul li ul li:after{clear:both; display:block; content:'';}*/
/*body.main .btmContents .mainArea .target .contents ul li ul li small{width:43px; height:13px; background:url(../images/common/bullet/sprBulSet.png) no-repeat; text-indent:-9999px; margin:0 7px 0 0; float:left; display:block;}*/
/*body.main .btmContents .mainArea .target .contents ul li ul li a{height:13px; line-height:14px; float:left;}*/
/*body.main .btmContents .mainArea .target .contents ul li ul li.tit{height:auto; margin:0 0 8px 0;}*/
/*body.main .btmContents .mainArea .target .contents ul li ul li.tit a{height:auto; float:none;}*/
/*body.main .btmContents .mainArea .target .contents ul li ul li.tit img{width:418px; height:78px; border:1px solid #dcdcdc;}*/
/*body.main .btmContents .mainArea .target .contents ul li.beginner ul li small{background-position:0 -952px;}*/
/*body.main .btmContents .mainArea .target .contents ul li.etc ul li small{background-position:0 -939px;}*/
/*body.main .btmContents .mainArea .target .contents ul li.character ul li small{background-position:0 -978px;}*/
/*body.main .btmContents .mainArea .target .contents ul li.item ul li small{background-position:0 -1017px;}*/
/*body.main .btmContents .mainArea .target .contents ul li.mission ul li small{background-position:0 -1004px;}*/

body.main .btmContents .mainArea .gallery {
    position: relative;
    margin-top: 30px;
    width: 247px;
    float: left;
    clear: both;
} /* 2019-04-04 수정 */
body.main .btmContents .mainArea .gallery .header {
    margin: 0 0 4px 0;
}
body.main .btmContents .mainArea .gallery .header h2 {
    width: 43px;
    height: 17px;
    background-position: -161px -1155px;
}
body.main .btmContents .mainArea .gallery .contents .gallery_list {
    margin-top: 10px;
}
body.main .btmContents .mainArea .gallery .contents .gallery_list li {
    margin-top: 11px;
}
body.main
    .btmContents
    .mainArea
    .gallery
    .contents
    .gallery_list
    li:first-child {
    margin-top: 0;
    padding-bottom: 11px;
} /* 2019-01-03 수정 */
body.main
    .btmContents
    .mainArea
    .gallery
    .contents
    .gallery_list
    li:first-child
    .thum_txt {
    font-size: 12px;
    width: 100%;
    margin-top: 13px;
    text-align: center;
    font-weight: bold;
}
body.main .btmContents .mainArea .gallery .contents .gallery_list li img {
    float: left;
    border: 1px solid #dcdcdc;
    width: 122px;
    height: 82px;
}
body.main
    .btmContents
    .mainArea
    .gallery
    .contents
    .gallery_list
    li:first-child
    img {
    width: 247px;
    height: 133px;
}
body.main .btmContents .mainArea .gallery .contents .gallery_list li .thum_txt {
    font-size: 12px;
    letter-spacing: -1px;
    width: 116px;
    float: right;
    margin-top: 24px;
    text-align: left;
    line-height: 16px;
}
/*body.main .btmContents .mainArea .gallery .contents h3{top:-21px;}*/
/*body.main .btmContents .mainArea .gallery .contents .screenshot h3{width:45px; left:168px;}*/
/*body.main .btmContents .mainArea .gallery .contents .photo h3{width:100px; left:221px; background:none; padding:4px 0 0 0;}*/
/*body.main .btmContents .mainArea .gallery .contents ul li{position:absolute; left:0; top:20px;}*/
/*body.main .btmContents .mainArea .gallery .contents ul li ul{display:none;}*/
/*body.main .btmContents .mainArea .gallery .contents .screenshot ul{display:block;}*/
/*body.main .btmContents .mainArea .gallery .contents ul li ul:after{clear:both; display:block; content:'';}*/
/*body.main .btmContents .mainArea .gallery .contents ul li ul li{width:121px; float:left; position:static;}*/
/*body.main .btmContents .mainArea .gallery .contents ul li ul li.first{margin:0 5px 0 0;}*/
/*body.main .btmContents .mainArea .gallery .contents ul li ul li img{width:119px; height:83px; border:1px solid #dcdcdc; margin:0 0 10px 0; display:block;}*/
/*body.main .btmContents .mainArea .gallery .contents ul li ul li span{width:121px; line-height:15px; text-align:center; display:block;}*/

body.main .btmContents .mainArea .characterRoll {
    width: 414px;
    height: 175px;
    background: url(../images/main/bgCharRolling.jpg) no-repeat;
    padding: 3px 3px 4px 3px;
    float: right;
    position: relative;
}
body.main .btmContents .mainArea .characterRoll .btnControl {
    position: absolute;
    right: 80px;
    bottom: 43px;
    z-index: 30;
}
body.main .btmContents .mainArea .characterRoll .btnControl button {
    width: 21px;
    height: 24px;
    background: url(../images/common/sprBtnSet.png) -150px -6px no-repeat;
    text-indent: -9999px;
    display: block;
}
body.main .btmContents .mainArea .characterRoll .btnControl button.play {
    background-position: -126px -6px;
}
body.main .btmContents .mainArea .characterRoll ul.conNormal {
    position: relative;
}
body.main .btmContents .mainArea .characterRoll ul.conNormal li {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
body.main .btmContents .mainArea .characterRoll ul.conNormal li.first {
    display: list-item;
}
body.main .btmContents .mainArea .characterRoll ul.conNormal li img {
    width: 342px;
    height: 141px;
}
body.main .btmContents .mainArea .characterRoll .conThumb {
    width: 45px;
    height: 134px;
    margin: 4px 0 0 0;
    padding: 0 11px 0 0;
    float: right;
    position: relative;
}
body.main .btmContents .mainArea .characterRoll .conThumb ul {
    width: 45px;
    height: 93px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: 10;
}
body.main .btmContents .mainArea .characterRoll .conThumb ul li {
    width: 43px;
    height: 28px;
    border: 1px solid #000;
    margin: 0 0 1px 0;
}
body.main .btmContents .mainArea .characterRoll .conThumb ul li.current {
    border: 1px solid #b0b0b0;
}
body.main .btmContents .mainArea .characterRoll .conThumb ul li button {
    width: 43px;
    height: 28px;
    display: block;
}
body.main .btmContents .mainArea .characterRoll .conThumb ul li img {
    width: 43px;
    height: 28px;
}
body.main .btmContents .mainArea .characterRoll .conThumb .btn {
    position: absolute;
    left: 0;
    z-index: 20;
}
body.main .btmContents .mainArea .characterRoll .conThumb .prev {
    top: 0;
}
body.main .btmContents .mainArea .characterRoll .conThumb .next {
    bottom: 0;
}
body.main .btmContents .mainArea .characterRoll .conThumb .btn button {
    width: 45px;
    height: 21px;
    background: url(../images/common/sprBtnSet.png);
    text-indent: -9999px;
    display: block;
}
body.main .btmContents .mainArea .characterRoll .conThumb .prev button {
    background-position: -122px -30px;
}
body.main .btmContents .mainArea .characterRoll .conThumb .next button {
    background-position: -122px -54px;
}

body.main .btmContents .mainArea .recomItem {
    width: 247px;
    height: 167px;
    float: left;
}
body.main .btmContents .mainArea .recomItem .header {
    margin: 0 0 4px 0;
}
body.main .btmContents .mainArea .recomItem .header h2 {
    width: 67px;
    background-position: -193px -406px;
}
body.main .btmContents .mainArea .recomItem .jcarousel-container-horizontal,
body.main .btmContents .mainArea .recomItem ul {
    width: 227px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    padding: 12px 9px;
    zoom: 1;
}
body.main .btmContents .mainArea .recomItem ul:after {
    clear: both;
    display: block;
    content: "";
}
body.main .btmContents .mainArea .recomItem .jcarousel-list-horizontal {
    border: 0 none;
}
body.main .btmContents .mainArea .recomItem .jcarousel-clip {
    overflow: hidden;
}
body.main .btmContents .mainArea .recomItem .jcarousel-clip-horizontal {
    width: 227px;
}
body.main .btmContents .mainArea .recomItem .jcarousel-item,
body.main .btmContents .mainArea .recomItem ul li {
    width: 75px;
    float: left;
}
/* 2014-06-26 */
body.main .btmContents .mainArea .recomItem .jcarousel-item img,
body.main .btmContents .mainArea .recomItem ul li img {
    width: 51px;
    height: 50px;
    border: 2px solid #dfdfdf;
    margin: 0 auto 9px;
    *margin: 0 auto 5px;
    display: block;
}
body.main .btmContents .mainArea .recomItem .jcarousel-item span,
body.main .btmContents .mainArea .recomItem ul li span {
    width: 70px;
    *line-height: 11px;
    *vertical-align: bottom;
    font-size: 11px;
    letter-spacing: -1px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
/* // 2014-06-26 */
body.main .btmContents .mainArea .recomItem .jcarousel-prev-horizontal {
    width: 16px;
    height: 15px;
    background: url(../images/common/sprBtnSet.png) -78px -57px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 14px;
    top: -21px;
}
body.main .btmContents .mainArea .recomItem .jcarousel-next-horizontal {
    width: 16px;
    height: 15px;
    background: url(../images/common/sprBtnSet.png) -94px -57px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: -2px;
    top: -21px;
}

body.main .btmContents .mainArea .fanArt {
    width: 420px;
    height: 167px;
    float: right;
    position: relative;
}
body.main .btmContents .mainArea .fanArt .header {
    margin: 0 0 4px 0;
}
body.main .btmContents .mainArea .fanArt .header h2 {
    width: 79px;
    background-position: -266px -406px;
}
body.main .btmContents .mainArea .fanArt .contents h3 {
    top: -20px;
}
body.main .btmContents .mainArea .fanArt .contents .illust h3 {
    width: 44px;
    left: 280px;
}
body.main .btmContents .mainArea .fanArt .contents .webtoon h3 {
    width: 22px;
    left: 334px;
}
body.main .btmContents .mainArea .fanArt .contents .handmade h3 {
    width: 55px;
    left: 365px;
    background: none;
    padding: 4px 0 0 0;
}
body.main .btmContents .mainArea .fanArt .contents ul li {
    position: absolute;
    left: 0;
    top: 20px;
}
body.main .btmContents .mainArea .fanArt .contents ul li ul {
    display: none;
}
body.main .btmContents .mainArea .fanArt .contents .illust ul {
    display: block;
}
body.main .btmContents .mainArea .fanArt .contents ul li ul {
    zoom: 1;
}
body.main .btmContents .mainArea .fanArt .contents ul li ul:after {
    clear: both;
    display: block;
    content: "";
}
body.main .btmContents .mainArea .fanArt .contents ul li ul li {
    width: 207px;
    float: left;
    position: static;
}
body.main .btmContents .mainArea .fanArt .contents ul li ul li.first {
    margin: 0 5px 0 0;
}
body.main .btmContents .mainArea .fanArt .contents ul li ul li img {
    width: 205px;
    height: 85px;
    border: 1px solid #dcdcdc;
    margin: 0 0 10px 0;
    display: block;
}
body.main .btmContents .mainArea .fanArt .contents ul li ul li span {
    width: 207px;
    line-height: 15px;
    text-align: center;
    display: block;
}

/*!* S : 2015-03-03 *!*/
/*body.main .btmContents .mainArea .worldInfo{width:690px; !*height:192px;*! !*height:165px;*! background:url(../images/main/bgWorldInfo.gif) no-repeat; border:1px solid #e1e1e1; float:left;}*/
/*!* E : 2015-03-03 *!*/
/*body.main .btmContents .mainArea .worldInfo .table{width:231px; _width:230px; float:left; position:relative;}*/
/*body.main .btmContents .mainArea .worldInfo .clique{width:228px;}*/
/*body.main .btmContents .mainArea .worldInfo .table h3{height:33px; background:url(../images/common/sprTxtSet.png) no-repeat; text-indent:-9999px;}*/
/*body.main .btmContents .mainArea .worldInfo .pvp{background:url(../images/common/bullet/bgWorldInfoDiv.gif) right top no-repeat;}*/
/*body.main .btmContents .mainArea .worldInfo .pvp h3{width:96px; background-position:0 -335px;}*/
/*body.main .btmContents .mainArea .worldInfo .world h3{width:61px; background-position:-108px -335px;}*/
/*body.main .btmContents .mainArea .worldInfo .clique h3{width:90px; background-position:0 -234px;}*/

/*!* 2014-06-12 *!*/
/*body.main .btmContents .mainArea .worldInfo .pvp .nav{position:absolute; right:3px; top:-20px;}*/
/*body.main .btmContents .mainArea .worldInfo .pvp .nav li{margin:0 1px 0 0; float:left;}*/
/*body.main .btmContents .mainArea .worldInfo .pvp .nav li a{width:48px; height:19px; line-height:21px; font-size:11px; letter-spacing:-1px; text-decoration:none; text-align:center; color:#fff; background:url(../images/common/sprBtnSet.png) -223px -532px no-repeat; display:block; overflow:hidden;}*/
/*body.main .btmContents .mainArea .worldInfo .pvp .nav li a.on{color:#454545; background-position:-171px -532px;}*/
/*body.main .btmContents .mainArea .worldInfo .tabTable .contents, #pvpTeam{display:none;}*/
/*body.main .btmContents .mainArea .worldInfo #tablePVP1 .contents, body.main .btmContents .mainArea .worldInfo #tablePVP1_1 .contents, body.main .btmContents .mainArea .worldInfo #tableWorld1 .contents, body.main .btmContents .mainArea .worldInfo #tableClique1 .contents{display:block;}*/
/*body.main .btmContents .mainArea .worldInfo table{width:230px;}*/
/*body.main .btmContents .mainArea .worldInfo table th, body.main .btmContents .mainArea .worldInfo table td{height:24px; text-align:center; color:#454545; letter-spacing:-1px;}*/
/*body.main .btmContents .mainArea .worldInfo table th{height:30px; font-size:11px; color:#565656;}*/
/*body.main .btmContents .mainArea .worldInfo table td.con{text-align:left;}*/
/*body.main .btmContents .mainArea .worldInfo table td.point{font-size:12px; letter-spacing:0;}*/
/*body.main .btmContents .mainArea .worldInfo table tr.top td.con a{font-weight:bold; color:#694025;}*/
/*body.main .btmContents .mainArea .worldInfo h4{font-weight:normal; background:url(../images/common/bullet/bgTabDiv2.gif) right 1px no-repeat; padding:0 5px 0 0; position:absolute; top:12px;}*/
/*body.main .btmContents .mainArea .worldInfo h4.last{margin:0; background:none;}*/
/*body.main .btmContents .mainArea .worldInfo h4 a{font-size:11px; letter-spacing:-1px; color:#454545;}*/
/*body.main .btmContents .mainArea .worldInfo h4.on a{color:#694025;}*/
/*body.main .btmContents .mainArea .worldInfo #tablePVP1 h4, body.main .btmContents .mainArea .worldInfo #tablePVP1_1 h4{right:29px;}*/
/*body.main .btmContents .mainArea .worldInfo #tablePVP2 h4, body.main .btmContents .mainArea .worldInfo #tablePVP2_1 h4{right:0;}*/

/*body.main .btmContents .mainArea .worldInfo #tableWorld1 h4{right:40px;}*/
/*body.main .btmContents .mainArea .worldInfo #tableWorld2 h4{right:5px;}*/
/*body.main .btmContents .mainArea .worldInfo #tableWorld3 h4{right:0;}*/
/*body.main .btmContents .mainArea .worldInfo #tableClique1 h4{right:69px;}*/
/*body.main .btmContents .mainArea .worldInfo #tableClique2 h4{right:0;}*/
/* // 2014-06-12 */

/* pvp 콘텐츠 */

body.main .btmContents .worldInfo {
    padding-top: 30px;
    clear: both;
}
body.main .btmContents .worldInfo .header h2 {
    width: 81px;
    height: 17px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprTxtSet.png) no-repeat -482px -1155px;
}
body.main .btmContents .worldInfo .pvp_list {
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    margin-top: 7px;
}
/* S :210304 수정 */
body.main .btmContents .worldInfo .table {
    width: 230px;
    height: 177px;
    float: left;
    margin-left: -1px;
    position: relative;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}
body.main .btmContents .worldInfo .table h3 {
    position: relative;
    height: 35px;
}
body.main .btmContents .worldInfo .table h3 .txt {
    position: absolute;
    left: 10px;
    top: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    background: url(../images/common/sprTxtSet.png) no-repeat;
}
body.main .btmContents .worldInfo .pvp_single {
    width: 232px;
}
body.main .btmContents .worldInfo .pvp_single h3,
body.main .btmContents .worldInfo .clique h3 {
    background-color: #dddcda;
}
body.main .btmContents .worldInfo .pvp_team h3,
body.main .btmContents .worldInfo .world h3 {
    background-color: #e3e4e9;
}
/* E: 210304 수정 */
body.main .btmContents .worldInfo .pvp_single h3 .txt {
    width: 122px;
    height: 14px;
    background-position: 0 -1183px;
}
body.main .btmContents .worldInfo .pvp_team h3 .txt {
    width: 122px;
    height: 14px;
    background-position: -132px -1183px;
}
body.main .btmContents .worldInfo .world h3 .txt {
    width: 48px;
    height: 14px;
    background-position: -265px -1183px;
}
body.main .btmContents .worldInfo .clique h3 .txt {
    width: 88px;
    height: 14px;
    background-position: -324px -1183px;
}

body.main .btmContents .worldInfo .pvp .nav {
    position: absolute;
    right: 3px;
    top: -20px;
}
body.main .btmContents .worldInfo .pvp .nav li {
    margin: 0 1px 0 0;
    float: left;
}
body.main .btmContents .worldInfo .pvp .nav li a {
    width: 48px;
    height: 19px;
    line-height: 21px;
    font-size: 11px;
    letter-spacing: -1px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: url(../images/common/sprBtnSet.png) -223px -532px no-repeat;
    display: block;
    overflow: hidden;
}
body.main .btmContents .worldInfo .pvp .nav li a.on {
    color: #454545;
    background-position: -171px -532px;
}
body.main .btmContents .worldInfo #tablePVP1 .contents,
body.main .btmContents .worldInfo #tablePVP1_1 .contents,
body.main .btmContents .worldInfo #tableWorld1 .contents,
body.main .btmContents .worldInfo #tableClique1 .contents {
    display: block;
}
body.main .btmContents .worldInfo .tabTable .contents,
#pvpTeam {
    display: block;
}
body.main .btmContents .worldInfo table {
    width: 90%;
    margin: 3px auto 0;
} /* 210304 수정 */
body.main .btmContents .worldInfo table th,
body.main .btmContents .worldInfo table td {
    height: 24px;
    text-align: center;
    color: #454545;
    letter-spacing: -1px;
} /* 210304 수정 */
body.main .btmContents .worldInfo table th {
    height: 30px;
    font-size: 11px;
    color: #565656;
}
body.main .btmContents .worldInfo table td.con {
    text-align: left;
}
body.main .btmContents .worldInfo table td.point {
    font-size: 12px;
    letter-spacing: 0;
    font-family: Verdana;
}
body.main .btmContents .worldInfo table tr.top td.con a {
    font-weight: bold;
    color: #694025;
}
/* S : 2019-04-11 수정 */
body.main .btmContents .worldInfo h4 {
    font-weight: normal;
    padding: 0 7px 0 0;
    position: absolute;
    top: 12px;
} /* 210304 수정 */
/* E : 2019-04-11 수정 */
body.main .btmContents .worldInfo h4.last {
    margin: 0;
    background: none;
}
body.main .btmContents .worldInfo h4 a {
    font-size: 11px;
    letter-spacing: -1px;
    color: #454545;
}
body.main .btmContents .worldInfo h4.on a {
    color: #694025;
    font-weight: bold;
}
body.main .btmContents .worldInfo #tablePVP1 h4,
body.main .btmContents .worldInfo #tablePVP1_1 h4 {
    right: 10%;
} /* 2019-04-11 수정 */
body.main .btmContents .worldInfo #tablePVP2 h4,
body.main .btmContents .worldInfo #tablePVP2_1 h4 {
    right: 10px;
}

body.main .btmContents .worldInfo #tableWorld1 h4 {
    right: 40px;
}
body.main .btmContents .worldInfo #tableWorld2 h4 {
    right: 5px;
}
body.main .btmContents .worldInfo #tableWorld3 h4 {
    right: 0;
}
body.main .btmContents .worldInfo #tableClique1 h4 {
    right: 69px;
}
body.main .btmContents .worldInfo #tableClique2 h4 {
    right: 0;
}

/* 가이드 ======================================== */

/* 게임 소개*/
.guideContents .aboutGame {
    width: 692px;
    height: 881px;
    background: url(../images/guide/imgAboutGame.jpg) no-repeat;
}

/* 위키 가이드 */
.guideContents .wiki {
    width: 692px;
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 20px 0 0 0;
}
.guideContents .wiki .wikiSearch {
    width: 692px;
    height: 60px;
    background: url(../images/guide/bgWikiSearch.gif) no-repeat;
    position: relative;
}
.guideContents .wiki .wikiSearch fieldset {
    margin: 0 22px 0 0;
    padding: 15px 0 0 15px;
    float: left;
}
.guideContents .wiki .wikiSearch fieldset label {
    width: 87px;
    height: 30px;
    background: url(../images/common/sprTxtSet.png) 0 -272px no-repeat;
    text-indent: -9999px;
    float: left;
}
/*S : 2016-01-19 추가*/
.guideContents .wiki .wikiSearch.chronicleSearch fieldset label {
    background: url(../images/common/sprTxtSet.png) -612px -624px no-repeat;
}
/*E : 2016-01-19 추가*/
.guideContents .wiki .wikiSearch fieldset input {
    width: 462px;
    height: 22px;
    background: #fff;
    border: 4px solid #552103;
    font: bold 14px/25px dotum;
    color: #1b1a1a;
    margin: 0 8px 0 0;
    padding: 0 7px;
    float: left;
    display: block;
}
.guideContents .wiki .wikiSearch fieldset button {
    width: 73px;
    height: 30px;
    background: url(../images/common/sprBtnSet.png) -345px -415px no-repeat;
    text-indent: -9999px;
    float: left;
    overflow: hidden;
}
.guideContents .wiki .wikiSearch fieldset .customSelect {
    width: 95px;
    height: 26px;
    background: #fff;
    border: 2px solid #5d2c10;
    margin: 0 3px 0 0;
    float: left;
}
.guideContents .wiki .wikiSearch fieldset .customSelect .txt {
    line-height: 26px;
    background: url(../images/common/bullet/bulType10.gif) 80px 50% no-repeat;
    text-indent: 9px;
    font-weight: bold;
    color: #565656;
    position: absolute;
    left: 0;
    top: 0;
    _display: none;
}
.guideContents .wiki .wikiSearch .btnHowWiki {
    margin: 15px 0 0 0;
    float: left;
}
.guideContents .wiki .wikiSearch .btnHowWiki a {
    width: 184px;
    height: 32px;
    background: url(../images/common/sprBtnSet.png) -150px -415px no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}
.guideContents .wiki .wikiSearch .autoComplete {
    position: absolute;
    left: 106px;
    top: 42px;
    z-index: 20;
} /* 2014-08-26 */
.guideContents .wiki .wikiSearch .autoComplete ul {
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 6px 0;
}
.guideContents .wiki .wikiSearch .autoComplete ul li a {
    width: 462px;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    display: block;
}
.guideContents .wiki .wikiSearch .autoComplete ul li strong {
    color: #8d0c11;
}
.guideContents .wiki .tagList ul {
    height: 41px;
    line-height: 41px;
    background: url(../images/common/bullet/sprBulSet.png) 5px -1038px no-repeat;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 0 0 16px;
}
.guideContents .wiki .tagList ul li {
    background: url(../images/common/bullet/bgWikiTagListDiv.gif) right 15px
        no-repeat;
    padding: 0 8px;
    float: left;
}
.guideContents .wiki .tagList ul li.last {
    background: none;
}

.guideContents .wiki .wikiIndex .bestWiki {
    margin: 0 0 30px 0;
    padding: 15px 0 0 0;
}
.guideContents .wiki .wikiIndex .bestWiki ul {
    width: 711px;
}
.guideContents .wiki .wikiIndex .bestWiki ul li {
    width: 217px;
    margin: 0 20px 0 0;
    float: left;
}
.guideContents .wiki .wikiIndex .bestWiki ul li.last {
    margin-right: 0;
}
/* 2014-04-16 */
.guideContents .wiki .wikiIndex .bestWiki ul li img {
    width: 215px;
    height: 110px;
    border: 1px solid #c7c7c7;
    margin: 0 0 10px 0;
    display: block;
}
/* // 2014-04-16 */
.guideContents .wiki .wikiIndex .bestWiki ul li span {
    height: 43px;
    line-height: 14px;
    font-size: 11px;
    padding: 0 7px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.guideContents .wiki .wikiIndex .bestWiki ul li span strong {
    font-size: 12px;
    color: #565656;
    margin: 0 0 3px 0;
    display: block;
}
.guideContents .wiki .wikiIndex .bestWiki ul li a:hover {
    text-decoration: none;
}
.guideContents .wiki .wikiIndex .bestWiki ul li a:hover span strong {
    text-decoration: underline;
}
.guideContents .wiki .wikiIndex .wikiList table {
    width: 692px;
}
.guideContents .wiki .wikiIndex .wikiList table th {
    height: 35px;
    background: #f4f3f2 url(../images/common/bullet/bgWikiListTblTh.gif) top
        repeat-x;
    border: 1px solid #e2e2e2;
    border-top: 0 none;
    font: bold 14px dotum;
    color: #282828;
}
.guideContents .wiki .wikiIndex .wikiList table td {
    padding: 14px 20px 8px;
    border: 1px solid #e2e2e2;
    border-bottom: 0 none;
}
.guideContents .wiki .wikiIndex .wikiList table tr.last td {
    border-bottom: 1px solid #e2e2e2;
}
.guideContents .wiki .wikiIndex .wikiList table td ul li {
    background: url(../images/common/bullet/bulType4.gif) 0 5px no-repeat;
    margin: 0 0 8px 0;
    padding: 0 0 0 6px;
}
.guideContents .wiki .wikiIndex .wikiList table td ul li a:hover {
    color: #694025;
}
.guideContents .wiki .wikiIndex .wikiList ul li {
    width: 172px;
    border-left: 1px solid #e2e2e2;
    float: left;
}
.guideContents .wiki .wikiIndex .wikiList ul li .tit {
    height: 35px;
    background: #f4f3f2 url(../images/common/bullet/bgWikiListTblTh.gif) top
        repeat-x;
    font: bold 14px/35px dotum;
    text-align: center;
    color: #282828;
    border-bottom: 1px solid #e2e2e2;
}
.guideContents .wiki .wikiIndex .wikiList ul li ul {
    padding: 14px 20px 8px;
}
.guideContents .wiki .wikiIndex .wikiList ul li ul li {
    width: auto;
    background: url(../images/common/bullet/bulType4.gif) 0 5px no-repeat;
    margin: 0 0 8px 0;
    padding: 0 0 0 6px;
    border: 0 none;
    float: none;
}
.guideContents .wiki .wikiIndex .wikiList ul li.nthChild-4n {
    width: 171px;
    border-right: 1px solid #e2e2e2;
}
.guideContents .wiki .wikiIndex .wikiList ul.last li {
    border-bottom: 1px solid #e2e2e2;
}
.guideContents .wiki .wikiIndex .wikiList ul.last li ul li {
    border-bottom: 0 none;
}

.guideContents .wiki .wikiView {
    padding: 15px 0 0 0;
}
/* 2015-04-15 수정 */
.guideContents .wiki .wikiView .editing {
    height: 14px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -1100px no-repeat;
    font-size: 11px;
    letter-spacing: -1px;
    padding: 2px 0 18px 14px;
}
/* //2015-04-15 수정 */
.guideContents .wiki .wikiView .editing strong {
    color: #694025;
}
.guideContents .wiki .wikiView .editOpen {
    background-position: 0 -1150px;
}
.guideContents .wiki .wikiView .viewHeader {
    width: 678px;
    height: 39px;
    background: url(../images/guide/bgWikiViewHeader.gif) no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 14px;
}
.guideContents .wiki .wikiView .viewHeader h4 {
    font-size: 14px;
    line-height: 40px;
    color: #8d0c11;
    margin: 0 13px 0 0;
    float: left;
}
.guideContents .wiki .wikiView .viewHeader .editing {
    color: #282828;
    margin: 14px 0 0 0;
}
.guideContents .wiki .wikiView .viewContents .imgTit {
    margin: 0 0 24px 0;
}
.guideContents .wiki .wikiView .viewContents .imgTit img {
    max-width: 100%;
    display: block;
}
.guideContents .wiki .wikiView .viewContents .index {
    margin: 0 0 5px 0;
}

.guideContents .wiki .wikiView .viewContents .index h5 {
    width: 26px;
    height: 18px;
    background: url(../images/common/sprTxtSet.png) -260px -729px no-repeat;
    text-indent: -9999px;
}

.guideContents .wiki .wikiView .viewContents .index .innerWrap {
}
.guideContents .wiki .wikiView .viewContents .index .list {
    float: left;
}
.guideContents .wiki .wikiView .viewContents .index .list .inner {
    border: 1px solid #c7c7c7;
}
.guideContents .wiki .wikiView .viewContents .index .list .inner ol {
    width: 239px;
    background: #f2f2f2;
    border: 1px solid #fff;
    padding: 12px 12px 2px 12px;
}
.guideContents .wiki .wikiView .viewContents .index .list .inner ol li {
    background: url(../images/common/bullet/bulType8.gif) 0 5px no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 8px;
    vertical-align: top;
}
.guideContents .wiki .wikiView .viewContents .index .list .inner ol li a {
    color: #282828;
}
.guideContents .wiki .wikiView .viewContents .index .summary {
    width: 385px;
    line-height: 16px;
    background: #fafafa;
    padding: 11px 20px;
    float: left;
}
.guideContents .wiki .wikiView .viewContents .index .summary img {
    max-width: 100%;
}
.guideContents .wiki .wikiView .viewContents .section {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
}
/* 2015-04-15 수정 */
.guideContents .wiki .wikiView .viewContents .section .tit {
    margin: 0 0 10px 0;
    height: 22px;
    background: url(../images/common/bullet/bgWikiViewSectionTit.gif) bottom
        repeat-x;
}
/* //2015-04-15 수정 */
.guideContents .wiki .wikiView .viewContents .section .tit h5 {
    background: url(../images/common/bullet/sprBulSet.png) 0 -1200px no-repeat;
    font-size: 14px;
    color: #282828;
    margin: 0 15px 0 0;
    padding: 0 0 0 18px;
    float: left;
}
.guideContents .wiki .wikiView .viewContents .section .tit .editing strong {
    font-weight: normal;
}
/* 2015-04-15 수정 */
.guideContents .wiki .wikiView .viewContents .section .editArea .btnEdit {
    margin: -7px 0 0 0;
    float: right;
}
.guideContents
    .wiki
    .wikiView
    .viewContents
    .section
    .editArea
    .btnEdit
    button {
    width: 42px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -293px -341px no-repeat;
    text-indent: -9999px;
    display: block;
}
/* // 2015-04-15 수정 */
.guideContents .wiki .wikiView .viewContents .section .contents {
    padding: 11px 12px 0 6px;
}
.guideContents .wiki .wikiView .viewContents .section .contents * {
    line-height: 18px;
}
.guideContents .wiki .wikiView .viewContents .section .contents img {
    max-width: 100%;
}
/* // 2013-11-29 */
.guideContents .wiki .wikiView .viewContents .info {
    background: #fafafa;
    border: 1px solid #dcdcdc;
    margin: 0 0 50px 0;
    padding: 13px;
}
.guideContents .wiki .wikiView .viewContents .info dl {
    float: left;
}
.guideContents .wiki .wikiView .viewContents .info dl dt {
    background: url(../images/common/bullet/bulType9.gif) 0 4px no-repeat;
    padding: 0 0 0 7px;
    float: left;
}
.guideContents .wiki .wikiView .viewContents .info dl dd {
    margin: 0 38px 0 0;
    padding: 0 0 0 3px;
    float: left;
}
.guideContents .wiki .wikiView .viewContents .info dl dd img {
    margin: -9px 0 0 0;
}
.guideContents .wiki .wikiView .viewContents .info .btnHistory {
    margin: -4px 0 0 0;
    float: right;
}
.guideContents .wiki .wikiView .viewContents .info .btnHistory a {
    width: 84px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -345px -350px no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}
.guideContents .wiki .wikiView .viewContents .info .cc img {
    margin: 0 7px 0 0;
    vertical-align: middle;
}
.guideContents .wiki .wikiView .feedback {
    margin: 0 0 15px 0;
}
.guideContents .wiki .wikiView .feedback h6 {
    width: 71px;
    height: 15px;
    background: url(../images/common/sprTxtSet.png) -629px -578px no-repeat;
    text-indent: -9999px;
    margin: 0 9px 0 0;
    float: left;
}
.guideContents .wiki .wikiView .feedback p {
    font-size: 11px;
    line-height: 15px;
    float: left;
}

.guideContents .wiki .wikiView .viewContents .section .template {
    margin: 0 0 0 -6px;
}
.guideContents .wiki .wikiView .viewContents .section .template table {
    width: 692px;
}
.guideContents .wiki .wikiView .viewContents .section .template table th,
.guideContents .wiki .wikiView .viewContents .section .template table td {
    border: 1px solid #dcdcdc;
    padding: 10px 0;
}
.guideContents .wiki .wikiView .viewContents .section .template table th {
    background: #f6f3f2;
    color: #282828;
}
.guideContents .wiki .wikiView .viewContents .section .template table td {
    letter-spacing: -1px;
    padding-left: 10px;
    padding-right: 10px;
}
.guideContents .wiki .wikiView .viewContents .section .template table img.item {
    width: 54px;
    height: 54px;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
}
.guideContents .wiki .wikiView .viewContents .section .template table .alignL {
    text-align: left;
}
.guideContents .wiki .wikiView .viewContents .section .template table .alignC {
    text-align: center;
}
.guideContents .wiki .wikiView .viewContents .section .template table .itemTh {
    text-align: left;
    padding-left: 16px;
    padding-right: 16px;
}

.guideContents .wiki .wikiSearchResult .searchHeader {
    width: 678px;
    height: 39px;
    background: url(../images/guide/bgWikiViewHeader.gif) no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 14px;
}
.guideContents .wiki .wikiSearchResult .searchHeader h4 {
    font-size: 14px;
    line-height: 40px;
    color: #8d0c11;
    margin: 0 13px 0 0;
    float: left;
}
.guideContents .wiki .wikiSearchResult .searchHeader h4 span {
    font-size: 12px;
    color: #282828;
}
.guideContents .wiki .wikiSearchResult .searchHeader h4 span strong {
    color: #694025;
}
.guideContents .wiki .wikiSearchResult .searchHeader select {
    width: 78px;
    height: 18px;
    font-size: 11px;
    margin: 10px 15px 0 0;
    float: right;
    display: inline;
}
.guideContents .wiki .wikiSearchResult .resultList li {
    padding: 14px 0;
    border-bottom: 1px dotted #dcdcdc;
    zoom: 1;
}
.guideContents .wiki .wikiSearchResult .resultList li:after {
    clear: both;
    display: block;
    content: "";
}
.guideContents .wiki .wikiSearchResult .resultList li.last {
    border-bottom: 1px solid #e2e2e2;
}
.guideContents .wiki .wikiSearchResult .resultList li .img {
    margin: 0 9px 0 0;
    float: left;
}
.guideContents .wiki .wikiSearchResult .resultList li .img img {
    width: 138px;
    height: 88px;
    border: 1px solid #dcdcdc;
    display: block;
}
.guideContents .wiki .wikiSearchResult .resultList li .info {
    width: 660px;
    line-height: 16px;
    padding: 1px 0 0 0;
    float: left;
}
.guideContents .wiki .wikiSearchResult .resultList li .info a {
    display: block;
}
.guideContents .wiki .wikiSearchResult .resultList li .info a:hover {
    color: #565656;
}
.guideContents .wiki .wikiSearchResult .resultList li .info a strong {
    font-size: 14px;
    color: #565656;
    margin: 0 0 6px 0;
    display: block;
}
/* 2014-01-22 */
.guideContents .wiki .wikiSearchResult .resultList li .info a strong span {
    color: #c50008;
}
/* // 2014-01-22 */
.guideContents .wiki .wikiSearchResult .resultList li.img .info {
    width: 510px;
}

/* 2013-11-04 구글 검색결과 커스터마이징 */
.gsc-control {
    width: 300px;
}
.gsc-control div {
    position: static;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 13px;
}
.gsc-control-cse div {
    position: static;
}
form.gsc-search-box {
    font-size: 13px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 4px;
    margin-left: 0;
    width: 100%;
}
table.gsc-search-box {
    border-style: none;
    border-width: 0;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 2px;
}
table.gsc-search-box td {
    vertical-align: middle;
}
table.gsc-search-box td.gsc-input {
    padding-right: 12px;
}
td.gsc-search-button {
    width: 1%;
}
td.gsc-clear-button {
    width: 14px;
}
table.gsc-branding td,
table.gsc-branding,
table.gcsc-branding td,
table.gcsc-branding {
    margin: 0;
    padding: 0;
    border: 0;
}
table.gsc-branding,
table.gcsc-branding {
    border-style: none;
    border-width: 0;
    border-spacing: 0;
    width: 100%;
}
.gsc-branding-text,
.gcsc-branding-text,
.gsc-branding-text-name,
.gcsc-branding-text-name {
    color: #676767;
}
td.gsc-branding-text,
td.gcsc-branding-text {
    vertical-align: top;
}
td.gsc-branding-text div.gsc-branding-text,
td.gcsc-branding-text div.gcsc-branding-text {
    padding-bottom: 2px;
    text-align: right;
    font-size: 11px;
    margin-right: 2px;
}
div.gsc-branding-youtube td.gsc-branding-text {
    vertical-align: middle;
}
td.gsc-branding-img-noclear,
td.gcsc-branding-img-noclear {
    width: 51px;
    vertical-align: bottom;
}
td.gsc-branding-img,
td.gcsc-branding-img {
    width: 65px;
    vertical-align: bottom;
}
div.gsc-branding-youtube td.gsc-branding-img-noclear {
    width: 55px;
}
div.gsc-branding-youtube td.gsc-branding-img {
    width: 69px;
}
table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
    margin-right: 0;
    text-align: center;
}
table.gsc-branding-vertical td.gsc-branding-img-noclear {
    text-align: center;
}
div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear,
div.gcsc-branding-img,
div.gcsc-branding-img-noclear,
img.gcsc-branding-img,
img.gcsc-branding-img-noclear {
    padding-top: 1px;
}
img.gsc-branding-img,
img.gsc-branding-img-noclear,
img.gcsc-branding-img,
img.gcsc-branding-img-noclear {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    border: 0;
    display: inline;
}
td.gcsc-branding-text {
    white-space: nowrap;
    width: 100%;
}
td.gcsc-branding-text div.gcsc-branding-text {
    margin: 0 2px;
}
td.gcsc-branding-img-noclear {
    width: auto;
}
a.gsc-branding-clickable {
    cursor: pointer;
}
input.gsc-search-button {
    margin-left: 2px;
}
div.gsc-clear-button {
    display: inline;
    text-align: right;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("//www.google.com/uds/css/clear.gif");
    cursor: pointer;
}
.gsc-search-box-tools .gsc-clear-button {
    display: none;
}
.gsc-results-close-btn {
    background-image: url("//www.google.com/images/nav_logo114.png");
    background-repeat: no-repeat;
    background-position: -140px -230px;
    float: right;
    display: none;
    opacity: 0;
    height: 12px;
    width: 12px;
    position: absolute !important;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.gsc-results-close-btn-visible {
    display: block;
    opacity: 1;
}
.gsc-results-wrapper-overlay {
    border: 0;
    margin: auto;
    border-radius: 1px;
    overflow: auto;
    height: 80%;
    -webkit-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    -ms-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    -o-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    border-collapse: separate;
    background: white;
    padding: 30px;
    width: 70%;
    position: fixed !important;
    top: 5%;
    left: 12%;
    opacity: 0;
    z-index: 100002;
    visibility: hidden;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7,Direction=135,Color='#888888');
}
.gsc-results-wrapper-visible {
    opacity: 1 !important;
    visibility: visible !important;
}
.gsc-modal-background-image {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 130%;
    width: 100%;
    z-index: 100001;
    background-color: white;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    display: none;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.gsc-modal-background-image-visible {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    display: block;
}
.gsc-overflow-hidden {
    overflow: hidden;
}
input.gsc-input {
    padding: 1px 6px;
    border: 1px solid #ddd;
    width: 99%;
}
.gsc-keeper {
    color: #36c;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
    font-weight: normal;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: 1px 3px;
    background-image: url("//www.google.com/uds/css/blue_check.gif");
}
.gsc-resultsHeader {
    width: 100%;
    clear: both;
}
.gsc-resultsHeader td.gsc-twiddleRegionCell {
    width: 75%;
}
.gsc-resultsHeader td.gsc-configLabelCell {
    text-align: right;
    width: 75%;
}
.gsc-resultsHeader .gsc-twiddle {
    margin-top: 4px;
    display: inline;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle {
    background-image: url("//www.google.com/uds/css/arrow_close.gif");
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle {
    background-image: url("//www.google.com/uds/css/arrow_open.gif");
}
.gsc-resultsHeader .gsc-title {
    color: #676767;
    margin-right: 10px;
    padding-left: 14px;
    display: inline;
}
.gsc-resultsHeader .gsc-stats {
    color: #676767;
    font-size: 11px;
    font-weight: normal;
    display: inline;
}
.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
    display: none;
}
.gsc-results-selector {
    display: inline;
}
.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
    display: none;
}
.gsc-result-selector {
    cursor: pointer;
    display: inline;
    font-size: 13px;
    padding-left: 13px;
    background-repeat: no-repeat;
    background-position: center left;
}
.gsc-one-result {
    background-image: url("//www.google.com/uds/css/one-complex-dark.gif");
}
.gsc-more-results {
    background-image: url("//www.google.com/uds/css/more-complex-dark.gif");
}
.gsc-all-results {
    background-image: url("//www.google.com/uds/css/all-complex-dark.gif");
    padding-right: 1px;
}
.gsc-one-result-active .gsc-one-result {
    background-image: url("//www.google.com/uds/css/one-complex-light-blue.gif");
}
.gsc-more-results-active .gsc-more-results {
    background-image: url("//www.google.com/uds/css/more-complex-light-blue.gif");
}
.gsc-all-results-active .gsc-all-results {
    background-image: url("//www.google.com/uds/css/all-complex-light-blue.gif");
}
.gsc-resultsHeader .gsc-configLabel {
    color: #676767;
    display: inline;
    font-size: 11px;
    cursor: pointer;
}
.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
    padding-right: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("//www.google.com/uds/css/settings.gif");
}
.gsc-tabsArea {
    clear: both;
    margin-top: 6px;
    margin-bottom: 8px;
}
.gsc-tabsArea .gs-spacer {
    font-size: 1px;
    margin-right: 0;
    overflow: hidden;
}
.gsc-tabsArea .gs-spacer-opera {
    margin-right: 0;
}
.gsc-tabsAreaInvisible,
.gsc-refinementsAreaInvisible,
.gsc-refinementBlockInvisible {
    display: none;
}
.gsc-tabHeader {
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 2px;
    margin-top: 2px;
}
.gsc-tabHeader.gsc-tabhActive {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-top: 2px solid #f90;
    color: black;
}
.gsc-tabHeader.gsc-tabhInactive {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-top: 2px solid #e9e9e9;
    background: #e9e9e9;
    color: #676767;
    cursor: pointer;
}
.gsc-tabData.gsc-tabdActive {
    display: block;
}
.gsc-tabData.gsc-tabdInactive {
    display: none;
}
.gsc-tabData.gsc-tabdActive.gsc-resultsbox-invisible {
    display: none;
}
.gsc-refinementsArea {
    clear: both;
    margin-bottom: 4px;
    padding-left: 8px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 5px;
}
.gsc-refinementHeader {
    margin-right: 2px;
    padding: 2px 8px 0 8px;
}
.gsc-refinementHeader.gsc-refinementhActive {
    font-weight: bold;
}
.gsc-refinementHeader.gsc-refinementhInactive {
    text-decoration: underline;
    cursor: pointer;
}
.gsc-tabData .gsc-resultsHeader .gsc-title {
    display: none;
}
.gsc-tabData .gsc-resultsHeader .gsc-stats {
    display: none;
}
.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
    display: none;
}
.gsc-completion-selected {
    background: #eee;
    cursor: default;
}
.gsc-completion-selected .gsc-completion-promotion-table {
    cursor: pointer;
}
.gsc-completion-container {
    font-family: Arial, sans-serif;
    font-size: 13px;
    background: white;
    border: 1px solid #ddd;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: 0;
}
.gsc-completion-title {
    color: #00c;
    line-height: normal;
    white-space: normal;
}
.gsc-completion-snippet {
    line-height: normal;
    white-space: normal;
}
.gsc-completion-container .gsc-completion-icon-cell {
    width: 42px;
    height: 42px;
    padding-right: 10px;
}
.gsc-completion-icon {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 1px solid #ddd;
}
.gsc-completion-container .gsc-completion-promotion-table {
    font-size: inherit;
    background: inherit;
    margin: 5px 0;
    width: 100%;
}
.gsc-resultsbox-visible {
    display: block;
}
.gsc-resultsbox-invisible {
    display: none;
}
.gsc-results {
    padding-bottom: 2px;
    width: 99%;
}
.gsc-result {
    margin-bottom: 10px;
}
.gsc-result .gs-title {
    height: 1.4em;
    overflow: hidden;
}
.gsc-result div.gs-watermark {
    display: none;
}
.gsc-results .gsc-result img.gs-ad-marker {
    display: none;
}
.gsc-wrapper {
    position: relative;
    display: block;
}
.gsc-adBlock {
    position: relative;
    display: block;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 4px;
}
.gsc-adBlock h2 {
    float: right;
    margin: 3px 5px 0;
    font-weight: normal;
    font-size: 0.9em;
    color: #676767;
}
.gsc-adBlock .gsc-ad {
    padding-left: 8px;
    padding-top: 5px;
    padding-right: 3px;
}
.gsc-adBlock .gsc-ad a {
    font-weight: bolder;
    color: #00c;
    line-height: 1.4em;
}
.gsc-adBlock .gsc-ad cite {
    font-style: normal;
    color: green;
}
.gsc-adBlock .gsc-ad span {
    padding-left: 8px;
}
.gsc-adBlockNoHeight {
    height: 0;
}
.gsc-adBlockInvisible {
    display: none;
}
.gsc-adBlockVertical {
    position: relative;
    display: block;
    float: right;
    clear: right;
    width: 30%;
}
.gsc-adBlockBottom {
    position: relative;
    display: block;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    margin-bottom: 4px;
}
.gsc-thinWrapper {
    width: 69%;
    float: left;
    overflow: hidden;
}
.gsc-adBlockVertical h2 {
    text-align: center;
    font-weight: normal;
    font-size: 0.9em;
    color: #676767;
    margin-top: 6px;
}
.gsc-adBlockVertical .gsc-ad {
    padding-left: 8px;
    padding-top: 5px;
}
.gsc-adBlockVertical .gsc-ad a {
    font-weight: bolder;
    color: #00c;
    line-height: 1.4em;
}
.gsc-adBlockVertical .gsc-ad cite {
    font-style: normal;
    color: green;
    display: block;
}
div.gsc-config {
    border: 1px solid #e9e9e9;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
}
form.gsc-config {
    margin-bottom: 0;
}
.gsc-configSetting {
    margin-top: 6px;
}
.gsc-configSetting_Label {
    color: #676767;
}
.gsc-configSettingInput {
    color: #676767;
    border: 1px solid #e9e9e9;
    width: 75%;
}
.gsc-configSettingCheckbox {
    color: #676767;
    margin-right: 6px;
}
.gsc-configSettingCheckboxLabel {
    display: inline;
    color: #676767;
}
div.gsc-configSettingSubmit {
    margin-top: 8px;
    text-align: right;
}
input.gsc-configSettingSubmit {
    display: inline;
    font-size: 11px;
    cursor: pointer;
}
.gsc-webResult:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.gsc-webResult {
    zoom: 1;
}
.gsc-webResult .gsc-result {
    margin: 0;
    padding: 0.5em 0;
    border-bottom: 1px solid #ebebeb;
}
.gsc-above-wrapper-area {
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 0 5px 0;
}
.gsc-above-wrapper-area-invisible {
    display: none;
}
.gsc-above-wrapper-area-container {
    width: 100%;
}
.gsc-result-info {
    text-align: left;
    color: #676767;
    font-size: 13px;
    padding-left: 8px;
    margin: 10px 0 10px 0;
}
.gsc-result-info-container {
    text-align: left;
}
.gsc-result-info-invisible {
    display: none;
}
.gsc-orderby-container {
    text-align: right;
    background: transparent;
}
.gsc-orderby-invisible {
    display: none;
}
.gsc-orderby-label {
    color: #676767;
    padding: 5px 5px 6px 0;
}
.gsc-selected-option-container {
    background-color: transparent;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    max-width: 90%;
    min-width: 54px;
    outline: 0;
    padding: 0 28px 0 6px;
    position: relative;
    text-align: center;
}
.gsc-selected-option {
    position: relative;
    width: 100%;
}
.gsc-control-cse .gsc-option-selector {
    border: 0;
    height: 11px;
    margin-top: -4px;
    position: absolute;
    right: 5px;
    top: 12px;
    width: 7px;
    padding: 0 5px 0 5px;
    background: url(//www.google.com/uds/css/grey-disclosure-arrow-down.png)
        center no-repeat;
}
.gsc-option-menu-invisible {
    display: none;
}
.gsc-control-cse .gsc-option-menu-container {
    color: #000;
    font-size: 80%;
    position: relative;
}
.gsc-control-cse .gsc-option-menu {
    background: #fff;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    font-size: 13px;
    margin: 0;
    max-height: 360px;
    outline: 0;
    padding: 6px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 7;
}
.gsc-option-menu-item {
    color: #777;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0 30px 0 30px;
    white-space: nowrap;
}
.gsc-option-menu-item-highlighted {
    background-color: #eee;
    border-color: #eee;
    border-width: 1px 0;
    color: #333;
}
.gsc-option {
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
    line-height: 27px;
    text-align: left;
}
.gs-web-image-box,
.gs-promotion-image-box {
    float: left;
    padding: 2px 8px 2px 0;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    width: 62px;
}
.gs-web-image-box img.gs-image,
.gs-promotion-image-box img.gs-promotion-image {
    border: 1px solid #e2e2e2;
    max-width: 60px;
    max-height: 120px;
    width: expression(this.width>64 ? "64px": true);
    height: expression(this.height>120 ? "120px": true);
}
div.gs-action {
    display: inline;
    margin-right: 0.6em;
}
div.gs-action a.gs-action {
    color: #77c;
}
div.gs-action.cart a.gs-action,
div.gs-action.star a.gs-action,
div.gs-action.rss a.gs-action,
div.gs-action.download a.gs-action,
div.gs-action.email a.gs-action,
div.gs-action.mobile a.gs-action,
div.gs-action.share a.gs-action,
div.gs-action.fullscreen a.gs-action,
div.gs-action.generic a.gs-action,
div.gs-action.link a.gs-action {
    padding-left: 18px;
    background: transparent
        url("//www.google.com/cse/images/action_icons_sprite.gif") no-repeat;
}
div.gs-action.cart a.gs-action {
    background-position: 0 0;
}
div.gs-action.star a.gs-action {
    background-position: -16px -34px;
}
div.gs-action.rss a.gs-action {
    background-position: -48px -98px;
}
div.gs-action.download a.gs-action {
    background-position: -64px -128px;
}
div.gs-action.email a.gs-action {
    background-position: -112px -224px;
}
div.gs-action.mobile a.gs-action {
    background-position: -131px -257px;
}
div.gs-action.share a.gs-action {
    background-position: -32px -64px;
}
div.gs-action.fullscreen a.gs-action {
    background-position: -79px -162px;
}
div.gs-action.generic a.gs-action {
    background-position: -144px -290px;
}
div.gs-action.link a.gs-action {
    background-position: -159px -321px;
}
.gsc-imageResult .gs-imageResult .gs-text-box .gs-ellipsis {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}
.gsc-imageResult {
    float: left;
    margin-bottom: 1em;
    margin-right: 20px;
}
.gsc-imageResult-column {
    margin-right: 70px;
}
.gs-imageResult {
    width: 114px;
    overflow: hidden;
}
.gs-imageResult .gs-image-box {
    height: 86px;
    width: 114px;
    position: relative;
}
.gs-imageResult .gs-text-box {
    text-align: center;
    overflow: hidden;
    height: 4em;
}
.gs-imageResult div.gs-title,
.gs-imageResult .gs-snippet,
.gs-imageResult .gs-visibleUrl,
.gs-imageResult .gs-visibleUrl-short,
.gs-imageResult .gs-spelling {
    padding: 0;
}
.gs-imageResult .gs-snippet {
    overflow: hidden;
    line-height: 1em;
    white-space: nowrap;
}
.gs-imageResult .gs-visibleUrl {
    overflow: hidden;
    line-height: 1.3em;
    height: 1.3em;
}
.gs-imageResult .gs-size {
    color: #6f6f6f;
}
.gs-imageResult .gs-image-box {
    text-align: center;
}
.gs-imageResult .gs-image-box img.gs-image {
    border: 0;
}
.gs-imageResult-classic .gs-text-box .gs-title {
    display: none;
}
.gs-imageResult-column {
    width: 474px;
    height: 84px;
}
.gs-imageResult-column .gs-image-box {
    float: left;
    margin-right: 10px;
    text-align: left;
}
.gs-imageResult-column .gs-text-box {
    float: left;
    width: 350px;
    height: 86px;
}
.gsc-imageResult-column .gs-imageResult-column .gs-text-box .gs-title {
    height: auto;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.gs-imageResult-column .gs-text-box .gs-size {
    display: none;
}
.gsc-imageResult.gsc-imageResult-popup,
.gsc-results .gsc-imageResult-popup:hover {
    margin: 0;
    padding: 0;
    border: 0;
}
.gsc-imageResult .gs-imageResult-popup {
    width: auto;
    overflow: visible;
    position: relative;
}
.gs-imageResult-popup .gs-image-thumbnail-box {
    padding: 5px;
}
.gs-imageResult-popup .gs-image-box {
    width: auto;
}
.gs-imageResult-popup .gs-image-popup-box {
    width: auto;
    position: absolute;
    padding: 10px;
    background: white;
    left: 0;
    top: 0;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    -webkit-outline: 1px solid rgba(0, 0, 0, 0.2);
    display: none;
}
.gs-imageResult-popup .gs-image-popup-box .gs-image-box {
    height: auto;
    width: auto;
    margin-bottom: 10px;
}
.gs-imageResult-popup .gs-image-popup-box .gs-text-box {
    height: auto;
    width: auto;
}
.gs-imageResult-popup .gs-text-box .gs-title {
    display: none;
}
.gsc-videoResult .gs-videoResult .gs-title {
    line-height: 1.3em;
    height: 1.3em;
    overflow: hidden;
}
.gsc-videoResult .gs-videoResult .gs-snippet {
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
}
.gsc-imageResult .gsc-trailing-more-results {
    clear: both;
}
.gsc-results .gsc-trailing-more-results {
    margin-bottom: 10px;
}
.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
    color: #00c;
    text-decoration: underline;
}
.gsc-imageResult .gsc-cursor-box {
    clear: both;
}
.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
    margin-bottom: 0;
    display: inline;
}
.gsc-results .gsc-cursor {
    display: inline;
}
.gsc-results .gsc-cursor-box {
    margin-bottom: 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    cursor: pointer;
    color: #000;
    text-decoration: underline;
    margin-right: 8px;
    display: inline;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    cursor: default;
    color: #a90a08;
    font-weight: bold;
    text-decoration: none;
}
.gs-result .gs-title,
.gs-result .gs-title * {
    color: #00c;
    text-decoration: underline;
}
.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
    font-size: 16px;
}
.gsc-control-cse .gs-result .gs-spelling-original {
    font-size: 13px;
}
.gs-divider {
    padding-bottom: 8px;
    text-align: center;
    color: #676767;
}
.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
    color: #008000;
    text-decoration: none;
}
.gs-relativePublishedDate,
.gs-publishedDate {
    color: #6f6f6f;
    text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
    color: #008000;
    text-decoration: underline;
    cursor: pointer;
}
.gs-newsResult .gs-publisher {
    color: #6f6f6f;
    display: inline;
    text-decoration: none;
}
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
    display: inline;
    margin-left: 4px;
}
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
    display: none;
}
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
    display: none;
}
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
    display: inline;
}
.gs-newsResult .gs-location {
    color: #6f6f6f;
    display: inline;
    text-decoration: none;
}
.gs-promotion .gs-title,
.gs-promotion .gs-title * {
    text-decoration: none;
}
.gs-promotion a.gs-title,
.gs-promotion a.gs-title * {
    text-decoration: underline;
}
.gs-title .gs-promotion-title-right {
    color: #000;
}
.gsc-webResult.gsc-result.gsc-promotion {
    background-color: #fff;
}
span.gs-fileFormat {
    color: #666;
    font-size: 12px;
}
span.gs-fileFormatType {
    font-size: 12px;
}
.gs-promotion table {
    border: 0;
    border-style: none;
    border-width: 0;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}
.gs-promotion table .gs-snippet a span.gs-title,
.gs-promotion table .gs-snippet a span.gs-title * {
    font-size: 13px;
}
.gs-promotion em {
    font-style: normal;
    font-weight: bold;
}
.gs-promotion .gs-title em {
    color: inherit;
    text-decoration: inherit;
}
.gs-result img.gs-image,
.gs-result img.gs-promotion-image {
    vertical-align: middle;
    border: 1px solid #e2e2e2;
}
.gs-result .gs-directions,
.gs-result .gs-directions * {
    color: #77c;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
.gs-secondary-link,
.gs-secondary-link * {
    color: #77c;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
.gs-result .gs-directions-to-from {
    display: none;
    margin-top: 4px;
}
.gs-result .gs-directions-to-from .gs-label {
    display: inline;
    margin-right: 4px;
}
.gs-result .gs-directions-to-from div.gs-secondary-link {
    display: inline;
}
.gs-result .gs-directions-to-from .gs-spacer {
    display: inline;
    margin-right: 3px;
    margin-left: 3px;
}
.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
    color: #008000;
    text-decoration: none;
}
.gs-result a {
    cursor: pointer;
}
.gsc-loading-fade .gsc-result-info,
.gsc-loading-fade .gsc-loading-resultsRoot,
.gsc-loading-resultsRoot,
.gsc-loading-fade .gsc-loading-refinementsArea,
.gsc-loading-fade .gsc-adBlock,
.gsc-loading-fade .gsc-adBlockVertical,
.gsc-loading-fade .gsc-adBlockNoHeight {
    -ms-filter: "alpha(opacity=33.3)";
    filter: alpha(opacity=33.3);
    opacity: 0.333;
}
.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
    padding: 5px;
    margin: 5px;
    border: 1px solid #fc3;
    background-color: #fff4c2;
}
.gs-result .gs-watermark {
    font-size: 10px;
    color: #77c;
}
div.gs-results-attribution {
    text-align: center;
    margin-bottom: 4px;
}
div.gs-results-attribution,
div.gs-results-attribution * {
    font-size: 10px;
    color: #676767;
    text-decoration: none;
}
div.gs-results-attribution a {
    color: #00c;
    cursor: pointer;
}
div.gs-results-attribution a:hover {
    text-decoration: underline;
}
.gs-result .gs-metadata {
    color: #676767;
}
.gs-localAd img.gs-ad-marker,
.gs-webAd img.gs-ad-marker {
    padding-left: 4px;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
    overflow: hidden;
    display: none;
}
.gs-webResult div.gs-per-result-labels a.gs-label {
    text-decoration: underline;
    cursor: pointer;
    padding: 3px;
    color: black;
}
.gs-webResult div.gs-per-result-labels a.gs-label.gs-labelActive {
    cursor: default;
    text-decoration: none;
}
.gs-localAd div.gs-address * {
    color: #676767;
}
.gs-localAd div.gs-street {
    display: inline;
}
div.gs-city {
    display: inline;
}
div.gs-region {
    display: inline;
}
div.gs-country {
    display: none;
}
div.gs-infoWindow * {
    font-size: 11px;
}
.gs-videoResult * {
    font-size: 13px;
}
.gs-videoResult td div.gs-image-box {
    width: 110px;
    height: 78px;
}
.gs-videoResult td div.gs-text-box {
    vertical-align: top;
    margin-left: 4px;
}
div.gs-book-image-box td,
.gs-bookResult td {
    vertical-align: top;
}
div.gs-book-image-box,
div.gs-book-image-box div {
    position: static;
    text-align: start;
}
div.gs-book-image-box {
    width: 75px;
    height: 90px;
}
.gs-bookResult td div.gs-text-box {
    vertical-align: top;
    margin-left: 4px;
}
div.gs-book-image-box img {
    border-spacing: 0;
    border: 0;
}
div.gs-book-image-box div.gs-row-1 {
    line-height: 7px;
}
div.gs-book-image-box img.gs-pages {
    height: 7px;
    width: 45px;
}
div.gs-book-image-box img.gs-page-edge {
    height: 7px;
    width: 11px;
}
div.gs-book-image-box img.gs-image {
    height: 80px;
    border: 1px solid #a0a0a0;
}
.gs-bookResult .gs-author {
    display: inline;
    color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
    display: inline;
}
.gs-bookResult .gs-pageCount {
    display: inline;
    color: #6f6f6f;
    margin-left: 4px;
}
.gs-patentResult td {
    vertical-align: top;
}
.gs-patentResult .gs-patent-number,
.gs-patentResult .gs-publishedDate,
.gs-patentResult .gs-author {
    display: inline;
}
.gs-patentResult .gs-image-box {
    padding-right: 8px;
}
.gs-patentResult img.gs-image {
    border: 1px solid #77c;
}
.gs-spelling a {
    color: #00c;
    cursor: pointer;
    text-decoration: underline;
}
.gsc-control-cse:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.gs-bidi-start-align {
    text-align: left;
}
.gs-bidi-end-align {
    text-align: right;
}
.gsc-control-cse-zh_CN .gs-snippet b,
.gsc-control-cse-zh_CN .gs-promotion em,
.gsc-control-cse-zh_TW .gs-snippet b,
.gsc-control-cse-zh_TW .gs-promotion em {
    color: #c03;
    font-style: normal;
    font-weight: normal;
}
.gsc-snippet-metadata {
    color: #767676;
    vertical-align: top;
}
.gsc-role {
    color: #767676;
}
.gsc-tel {
    color: #767676;
}
.gsc-org {
    color: #767676;
}
.gsc-location {
    color: #767676;
}
.gsc-rating-bar {
    vertical-align: top;
    display: inline-block;
    width: 64px;
    height: 12px;
    background: transparent url(/uds/css/cse_snippets_stars.png) -65px 0
        no-repeat;
    overflow: hidden;
    margin: 2px 0 0 0;
}
.gsc-rating-bar span {
    vertical-align: top;
    display: inline-block;
    height: 12px;
    background: transparent url(/uds/css/cse_snippets_stars.png) 0 0 no-repeat;
    padding: 2px 0 0 0;
}
.gsc-review-agregate-first-line {
    margin: 0 40px 0 0;
    padding: 6px 0;
}
.gsc-review-agregate-odd-lines,
.gsc-review-agregate-even-lines {
    margin: 0 40px 0 0;
    padding: 6px 0;
    border-top: 1px solid #ebebeb;
}
.gsc-reviewer {
    color: #00c;
}
.gsc-author {
    color: #00c;
}
.gsc-table-result,
.gs-promotion-table {
    border-spacing: 0;
}
.gsc-table-cell-thumbnail,
.gs-promotion-image-cell {
    vertical-align: top;
}
.gsc-table-cell-snippet-close,
.gs-promotion-text-cell {
    vertical-align: top;
    width: 100%;
}
.gsc-table-cell-snippet-open {
    vertical-align: top;
    width: 100%;
}
.gsc-preview-reviews li {
    list-style: none;
    width: 90%;
}
.gsc-zippy {
    margin: 2px 8px 0 0;
    float: right;
    outline: 0;
    overflow: hidden;
    height: 14px;
    width: 14px;
    background-position: -19px -5px;
    position: relative;
    top: -6px;
}
.gsc-table-cell-snippet-close .gsc-preview-reviews {
    display: none;
}
.gsc-table-cell-snippet-close .gsc-zippy {
    background: transparent url(/uds/css/plus_icons.png) -19px -5px no-repeat;
}
.gsc-table-cell-snippet-open .gsc-zippy {
    background: transparent url(/uds/css/minus_icons.png) -19px -5px no-repeat;
}
.gsc-collapsable {
    cursor: pointer;
}
html > body .gsc-inline-block {
    display: -moz-inline-box;
    display: inline-block;
}
.gsc-inline-block {
    position: relative;
    display: inline-block;
}
* html .gsc-inline-block {
    display: inline;
}
*:first-child + html .gsc-inline-block {
    display: inline;
}
.gsc-url-top {
    display: none;
}
.gsc-url-bottom {
    display: block;
}
.gsc-thumbnail-left {
    display: block;
}
.gsc-thumbnail-inside {
    display: none;
}
.guideContents .wiki .gsc-control-cse {
    background: none;
    margin: 0;
    padding: 15px 0 0 0;
    border: 0 none;
}
.guideContents .wiki .gsc-above-wrapper-area {
    width: 664px;
    height: 39px;
    background: url(../images/guide/bgWikiViewHeader.gif) no-repeat;
    margin: 0 0 10px 0;
    padding: 0 14px;
}
.guideContents .wiki .gsc-result-info {
    width: 499px;
    line-height: 40px;
    font-size: 12px;
    color: #282828;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.guideContents .wiki .gsc-orderby {
    zoom: 1;
}
.guideContents .wiki .gsc-orderby:after {
    clear: both;
    display: block;
    content: "";
}
.guideContents .wiki .gsc-orderby-label {
    height: 40px;
    line-height: 40px;
    color: #282828;
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
}
.guideContents .wiki .gsc-option-menu-container {
    margin: 5px 0 0 0;
    float: left;
}
.guideContents .wiki .gsc-selected-option-container {
    background: #fff;
}
.guideContents .wiki .gs-title {
    text-decoration: none;
}
.guideContents .wiki .gs-title a {
    font: bold 14px dotum;
    color: #565656;
}
.guideContents .wiki .gs-title a:hover {
    text-decoration: underline;
}
.guideContents .wiki .gs-title a b {
    font-size: 14px;
    color: #c50008;
    text-decoration: none;
}
.guideContents .wiki .gsc-table-result {
    font: normal 12px dotum;
    margin: 0;
}
.guideContents .wiki .gsc-adBlock {
    display: none !important;
}
/* 2014-01-22 */
.guideContents .wiki .gsc-table-result b {
    color: #c50008;
}
/* // 2014-01-22 */
.guideContents .wiki .gsc-result {
    border: 0 none;
    border-bottom: 1px dotted #dcdcdc;
    margin: 0;
    padding: 14px 0;
}
.guideContents .wiki .gsc-result:hover {
    border: 0 none;
    border-bottom: 1px dotted #dcdcdc;
}
.guideContents .wiki .gs-visibleUrl {
    display: none;
}
.guideContents .wiki .gsc-cursor {
    width: 692px;
    height: 19px;
    margin: 25px 0 0 0;
    text-align: center;
    overflow: hidden;
    line-height: 0;
    display: block;
}
.guideContents .wiki .gsc-cursor-page {
    min-width: 11px;
    _width: 11px;
    height: 17px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font: normal 10px/17px Verdana;
    letter-spacing: -1px;
    text-align: center;
    color: #565656 !important;
    vertical-align: top;
    padding: 0 3px;
    text-decoration: none !important;
    display: inline-block !important;
    *display: inline !important;
    margin: 0 4px 0 0 !important;
    zoom: 1;
}
.guideContents .wiki .gsc-cursor-page:hover,
.guideContents .wiki .gsc-cursor-current-page {
    background: #81461e;
    color: #fff !important;
    text-decoration: none;
}
.guideContents .wiki .gs-no-results-result .gs-snippet {
    text-align: center;
    background: none;
    border: 0;
}
.guideContents .wiki .gcsc-branding {
    margin: 20px 0 0 0;
}
/* // 2013-11-04 구글 검색결과 커스터마이징 */

.guideContents .wiki .wikiHistory .historyHeader {
    margin: 0 0 6px 0;
}
.guideContents .wiki .wikiHistory .historyHeader h4 {
    font-size: 14px;
    color: #282828;
    margin: 0 0 9px 0;
    padding: 15px 0 0 0;
}
.guideContents .wiki .wikiHistory .historyHeader h4 strong {
    font-size: 18px;
    color: #694025;
}
.guideContents .wiki .wikiHistory .historyHeader p span {
    background: url(../images/common/bullet/bulType1.gif) 0 4px no-repeat;
    font-size: 11px;
    padding: 0 0 0 8px;
    float: left;
}
.guideContents .wiki .wikiHistory .historyHeader p a {
    width: 58px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -433px -350px no-repeat;
    text-indent: -9999px;
    margin: -10px 0 0 0;
    float: right;
    overflow: hidden;
}
.guideContents .wiki .wikiHistory .historyList {
    background: url(../images/guide/bgWikiHistoryListHeader.gif) no-repeat;
    padding: 41px 0 0 0;
}
.guideContents .wiki .wikiHistory .historyList dl {
    text-align: center;
    zoom: 1;
}
.guideContents .wiki .wikiHistory .historyList dl:after {
    clear: both;
    display: block;
    content: "";
}
.guideContents .wiki .wikiHistory .historyList dl dt {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.guideContents .wiki .wikiHistory .historyList dl dd {
    height: 31px;
    line-height: 31px;
    border-bottom: 1px solid #e2e2e2;
    float: left;
}
.guideContents .wiki .wikiHistory .historyList dl dd.ver {
    width: 81px;
    font: bold 11px/31px Verdana;
}
.guideContents .wiki .wikiHistory .historyList dl dd.contents {
    width: 437px;
    padding: 0 0 0 3px;
}
/* 2013-12-20 */
.guideContents .wiki .wikiHistory .historyList dl dd.contents button {
    width: 100%;
    line-height: 31px;
    background: none;
    text-align: center;
    color: #565656;
    display: block;
}
/* // 2013-12-20 */
.guideContents .wiki .wikiHistory .historyList dl dd.contents button.hover {
    text-decoration: underline;
    color: #694025;
}
.guideContents .wiki .wikiHistory .historyList dl dd.editor {
    width: 91px;
}
.guideContents .wiki .wikiHistory .historyList dl dd.date {
    width: 80px;
    font: normal 11px/31px Verdana;
}
.guideContents .wiki .wikiHistory .historyList dl dd.detail {
    height: auto;
    line-height: 1;
    *line-height: 1.2;
    text-align: left;
    padding: 15px 0;
    clear: both;
    display: none;
}
.guideContents .wiki .wikiHistory .historyList dl dd.detail img {
    max-width: 100%;
}

.guideContents .wiki .wikiWrite .writeHeader {
    padding: 15px 0 0 0;
}
.guideContents .wiki .wikiWrite .writeHeader h4 {
    font-size: 14px;
    color: #282828;
    margin: 0 0 9px 0;
}
.guideContents .wiki .wikiWrite .writeHeader h4 strong {
    font-size: 18px;
    color: #694025;
}
.guideContents .wiki .wikiWrite .writeHeader ul li {
    background: url(../images/common/bullet/bulType1.gif) 0 5px no-repeat;
    font-size: 11px;
    vertical-align: top;
    margin: 0 0 4px 0;
    padding: 0 0 0 8px;
}
.guideContents .wiki .wikiWrite .writeHeader ul li strong,
.guideContents .wiki .wikiWrite .writeHeader ul li a {
    color: #694025;
    font-weight: normal;
}
.guideContents .wiki .wikiWrite .writeHeader .input {
    width: 679px;
    height: 37px;
    background: url(../images/guide/bgWikiWriteHeader.gif) no-repeat;
    padding: 0 0 0 13px;
}
.guideContents .wiki .wikiWrite .writeHeader .input label {
    width: 63px;
    height: 37px;
    line-height: 42px;
    font-weight: bold;
    color: #282828;
    float: left;
}
.guideContents .wiki .wikiWrite .writeHeader .input input {
    width: 593px;
    height: 21px;
    line-height: 21px;
    background: #fff;
    border: 1px solid #dcdcdc;
    color: #565656;
    margin: 9px 0 0 0;
    padding: 0 5px;
    float: left;
}
.guideContents .wiki .wikiWrite .cc {
    margin: 6px 0 16px;
}
.guideContents .wiki .wikiWrite .cc img {
    margin: 0 7px 0 0;
    vertical-align: middle;
}

/* S : 210401 수정 */
/* GE월드 ======================================== */
/* 랭킹 1위~5위 템플릿 */
.geWorldContents .topRankList {
    width: 341px;
    height: 480px;
    background: url(../images/world/bgWorldInfoColony.gif) 0 28px no-repeat;
    margin: 0 10px 0 0;
    float: left;
    position: relative;
} /* 2014-06-12 */
.geWorldContents .goods {
    background: url(../images/world/bgWorldInfoGoods.gif) no-repeat;
}
.geWorldContents .topRankList h4 {
    height: 28px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
}
.geWorldContents .topRankList h4.colony {
    width: 93px;
    background-position: 0 -651px;
}
.geWorldContents .topRankList h4.clique {
    width: 144px;
    background-position: -126px -912px;
}
.geWorldContents .topRankList h4.goods {
    width: 105px;
    background-position: -394px -912px;
}
.geWorldContents .topRankList ol {
    padding: 0 0 0 46px;
    position: relative;
}
.geWorldContents .topRankList ol li {
    height: 70px;
    padding: 11px 0 0 0;
    zoom: 1;
    line-height: 0;
    font-size: 0;
}
.geWorldContents .topRankList ol li:after {
    clear: both;
    display: block;
    content: "";
}
.geWorldContents .topRankList ol li .imgProfile {
    float: left;
    margin: 0 14px 0 0;
}
.geWorldContents .topRankList ol li .imgProfile img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
    display: block;
}
/* S : 2015-02-12 수정 */
.geWorldContents .topRankList ol li dl {
    width: 220px; /*padding:6px 0 0 0;*/
    padding: 14px 0 0 0;
    float: left;
}
/* E : 2015-02-12 수정 */
.geWorldContents .topRankList ol li dl dt {
    width: 35px;
    height: 11px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    margin: 0 0 5px 0;
    float: left;
}
.geWorldContents .topRankList ol li dl dt.party {
    background-position: -394px -651px;
}
.geWorldContents .topRankList ol li dl dt.leader {
    background-position: -435px -651px;
}
.geWorldContents .topRankList ol li dl dt.colony {
    background-position: -394px -668px;
}
.geWorldContents .topRankList ol li dl dd {
    width: 175px;
    height: 11px;
    line-height: 15px;
    font-size: 12px;
    color: #282828;
    margin: 0 0 5px 0;
    float: left;
}
.geWorldContents .topRankList ol li dl dd a {
    color: #282828;
    line-height: 15px;
}
.geWorldContents .topRankList ol li dl dd.leader a,
.geWorldContents .topRankList ol li dl dd.family a {
    font-weight: bold;
    color: #8d0c11;
}
.geWorldContents .topRankList ol li dl dd.party a:hover {
    font-weight: bold;
}
.geWorldContents .topRankList ol li.rank1 {
    height: 104px;
    margin-left: -22px;
    padding: 20px 0 0 0;
}
.geWorldContents .topRankList ol li.rank1 strong {
    width: 45px;
    height: 46px;
    background: url(../images/world/bgWorldInfo1stUnit.png) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 14px;
    top: 1px;
}
.geWorldContents .topRankList ol li.rank1 .imgProfile {
    margin-right: 9px;
}
.geWorldContents .topRankList ol li.rank1 .imgProfile img {
    width: 81px;
    height: 81px;
    border: 1px solid #242424;
}
.geWorldContents .topRankList ol li.rank1 dl {
    padding-top: 12px;
}
.geWorldContents .topRankList ol li.rank1 dl dt,
.geWorldContents .topRankList ol li.rank1 dl dd {
    margin-bottom: 10px; /*margin-bottom:20px;*/
}
.geWorldContents .topRankList ol li.rank1 dl dt.party {
    background-position: -310px -651px;
}
.geWorldContents .topRankList ol li.rank1 dl dt.leader {
    background-position: -310px -668px;
}
.geWorldContents .topRankList ol li.rank1 dl dt.colony {
    background-position: -353px -651px;
}
/* S : 2015-02-12 수정 */
.geWorldContents .topRankList2 ol li.rank1 dl {
    /*padding-top:6px;*/
    padding-top: 13px;
}
/* E : 2015-02-12 수정 */
.geWorldContents .topRankList2 ol li.rank1 dl dt.family {
    background-position: -394px -703px;
}
.geWorldContents .topRankList2 ol li.rank1 dl dt.party {
    background-position: -435px -703px;
}
.geWorldContents .topRankList2 ol li.rank1 dl dt.entirely {
    background-position: -475px -703px;
}
.geWorldContents .topRankList2 ol li.rank1 dl dt.point {
    background-position: -515px -703px;
}
.geWorldContents .topRankList2 ol li.rank1 dl dt.contribution {
    background-position: -475px -668px;
}
.geWorldContents .topRankList2 ol li dl dt.family {
    background-position: -394px -718px;
}
.geWorldContents .topRankList2 ol li dl dt.party {
    background-position: -435px -718px;
}
.geWorldContents .topRankList2 ol li dl dt.point {
    background-position: -475px -718px;
}
.geWorldContents .topRankList #tabFix1,
.geWorldContents .topRankList #tabFix2 {
    display: none;
}
.geWorldContents .topRankList .nav {
    position: absolute;
    right: 8px;
    top: 4px;
}
/* S : 2019-04-11 수정 */
.geWorldContents .topRankList .nav li {
    padding: 4px 0 0 0;
    float: left;
}
/* E : 2019-04-11 수정 */
.geWorldContents .topRankList .nav li.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}
.geWorldContents .topRankList .nav li a {
    padding: 4px 0 0 0;
    font-size: 11px;
    font-weight: normal;
}
.geWorldContents .topRankList .nav li a.on {
    background: url(../images/common/bullet/bulType3.gif) center top no-repeat;
    color: #694025;
    text-decoration: none;
}

/*2013-10-15 수정*/
.geWorldContents .topRankList3 {
    width: 691px;
    padding-bottom: 10px;
}
.geWorldContents .topRankList3 h4.goods {
    width: 105px;
    background-position: -394px -912px;
}
.geWorldContents .topRankList3 ol {
    padding: 0 0 0 46px;
    position: relative;
}
.geWorldContents .topRankList3 ol li {
    height: 70px;
    padding: 11px 0 0 0;
    zoom: 1;
}
.geWorldContents .topRankList3 ol li:after {
    clear: both;
    display: block;
    content: "";
}
.geWorldContents .topRankList3 ol li .imgProfile {
    float: left;
    margin: 0 14px 0 0;
}
.geWorldContents .topRankList3 ol li .imgProfile img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
    display: block;
}
.geWorldContents .topRankList3 ol li dl {
    width: 220px;
    padding: 6px 0 0 0;
    float: left;
}
.geWorldContents .topRankList3 ol li dl dt {
    width: 35px;
    height: 11px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    margin: 0 0 5px 0;
    float: left;
}
.geWorldContents .topRankList3 ol li dl dt.party {
    background-position: -394px -651px;
}
.geWorldContents .topRankList3 ol li dl dt.leader {
    background-position: -435px -651px;
}
.geWorldContents .topRankList3 ol li dl dd {
    width: 175px;
    height: 11px;
    color: #282828;
    margin: 0 0 5px 0;
    float: left;
}
.geWorldContents .topRankList3 ol li dl dd a {
    color: #282828;
}
.geWorldContents .topRankList3 ol li dl dd.leader a,
.geWorldContents .topRankList ol li dl dd.family a {
    font-weight: bold;
    color: #8d0c11;
}
.geWorldContents .topRankList3 ol li dl dd.party a:hover {
    font-weight: bold;
}
.geWorldContents .cliqueRank {
    margin-top: 10px;
    width: 692px;
    height: 100%;
    background: url(../images/world/bgWorldInfoCliqueRank.gif) no-repeat 0 23px;
}
.geWorldContents .cliqueRank ol {
    padding: 0;
    height: 184px;
}
.geWorldContents .cliqueRank ol li {
    float: left;
    padding-left: 43px;
}
.geWorldContents .cliqueRank ol li .imgProfile {
    margin-right: 9px;
}
.geWorldContents .cliqueRank ol li dl dt.contribution {
    background-position: -515px -718px;
}
.geWorldContents .cliqueRank ol li.rank1 {
    margin: 0;
    width: 157px;
    height: 146px;
    padding-left: 23px;
}
.geWorldContents .cliqueRank ol li.rank1 .imgProfile {
    float: none;
    padding-left: 26px;
}
.geWorldContents .cliqueRank ol li.rank1 dl {
    padding-top: 9px;
}
.geWorldContents .cliqueRank ol li.rank1 dl dt.family {
    background-position: -394px -732px;
}
.geWorldContents .cliqueRank ol li.rank1 dl dt.party {
    background-position: -435px -732px;
}
.geWorldContents .cliqueRank ol li.rank1 dl dt.entirely {
    background-position: -475px -703px;
}
.geWorldContents .cliqueRank ol li.rank1 dl dt.point {
    background-position: -515px -703px;
}
.geWorldContents .cliqueRank ol li.rank1 dl dt.contribution {
    background-position: -475px -732px;
}
.geWorldContents .cliqueRank ol li.topRow {
    padding-top: 21px;
}
.geWorldContents .cliqueRank ol li dl {
    width: 146px;
    padding: 6px 0 0 0;
    float: left;
}
.geWorldContents .cliqueRank ol li dl dt {
    width: 35px;
}
.geWorldContents .cliqueRank ol li dl dd {
    width: 111px;
}
.geWorldContents .cliqueRank ol li dl dt.family {
    background-position: -394px -718px;
}
.geWorldContents .cliqueRank ol li dl dt.party {
    background-position: -435px -718px;
}
.geWorldContents .cliqueRank ol li dl dt.point {
    background-position: -475px -718px;
}
.geWorldContents .cliqueRank ol li dl dt.contribution {
    background-position: -515px -718px;
}

/* S : 210401 pvp 개인전 추가  */
.geWorldContents .topRankList2 {
    background: none;
    width: 100%;
    height: 480px;
    margin: 0 10px 0 0;
    position: relative;
} /* 2014-06-12 */
.geWorldContents .topRankList2 ol {
    position: relative;
    padding: 0;
}
.geWorldContents .topRankList2 ol li {
    height: 85px;
    padding: 11px 7px 0 8px;
    zoom: 1;
    line-height: 0;
    font-size: 0;
    background: #ece9e1;
    float: left;
    box-sizing: border-box;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
}
.geWorldContents .topRankList2 ol li:first-child,
.geWorldContents .topRankList2 ol li:nth-child(2) {
    border: 0;
}
.geWorldContents .topRankList2 ol li:nth-child(9),
.geWorldContents .topRankList2 ol li:last-child {
    border-bottom: 1px solid #c4c4c4;
}
.geWorldContents .topRankList2 ol li:nth-child(2n) {
    margin-left: 5px;
}
.geWorldContents .topRankList2 ol li:after {
    clear: both;
    display: block;
    content: "";
    border: 1px dotted #9f9c95;
}
.geWorldContents .topRankList2 ol li:first-child:after,
.geWorldContents .topRankList2 ol li:nth-child(2):after,
.geWorldContents .topRankList2 ol li:nth-child(9):after,
.geWorldContents .topRankList2 ol li:last-child:after {
    border: 0;
}
.geWorldContents .topRankList2 ol li .imgProfile {
    float: left;
    margin: 0 14px 10px 0;
}
.geWorldContents .topRankList2 ol li.rank1 {
    height: 125px;
    border: 4px solid #d6d3cc;
    padding: 0;
    padding-top: 20px;
    margin-left: 0;
}
.geWorldContents .topRankList2 ol li.rank2 {
    height: 125px;
    border: 4px solid #d6d3cc;
    padding: 0;
    padding-top: 20px;
    padding-left: 10px;
}
.geWorldContents .topRankList2 ol li.rank2 span {
    margin-top: 34px;
}
.geWorldContents .topRankList2 ol li.rank2 .imgProfile {
    margin-top: 18px;
    margin-bottom: 19px;
}
.geWorldContents .topRankList2 ol li.rank2 dl {
    margin-top: 17px;
}
.geWorldContents .topRankList2 ol li span {
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 21px;
    border: 1px solid #ccba86;
    color: #333;
    background: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-top: 18px;
    margin-right: 10px;
}
.geWorldContents .topRankList2 ol li.rank1 .imgProfile {
    margin-right: 9px;
    padding-left: 20px;
}
/* E : 210401 pvp 개인전 추가 */
/* E : 210401 수정 */

/* 월드정보 */
.geWorldContents .worldInfo {
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 20px 0 0 0;
}
.geWorldContents .worldInfo h4 {
    height: 23px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
}
/*2016-04-07 수정*/
.geWorldContents .worldInfo .goodsList {
    position: relative;
    width: 691px;
    height: 452px;
    background: url(../images/world/bgWorldInfoGoods.gif) no-repeat;
}
.geWorldContents .worldInfo .goodsList .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100;
    line-height: 999;
    overflow: hidden;
    text-align: top;
    background: url(../images/world/empty.png) no-repeat 0 0;
}
/*2016-04-07 수정*/
.geWorldContents .worldInfo .goodsList ol {
    float: left;
    padding-right: 14px;
}
.geWorldContents .worldInfo .goodsList ol.right {
    padding-right: 0px;
}
.geWorldContents .worldInfo .goodsList ol li {
    height: 72px;
    padding-top: 14px;
}
.geWorldContents .worldInfo .goodsList ol li.first {
    margin-top: 10px;
}
.geWorldContents .worldInfo .goodsList ol li.fL {
    float: left;
}
.geWorldContents .worldInfo .goodsList ol li dl dt.party {
    background-position: -558px -686px;
}
.geWorldContents .worldInfo .goodsList ol li dl dt.leader {
    background-position: -558px -703px;
}
.geWorldContents .worldInfo .goodsList ol li dl dt.certificate {
    background-position: -558px -718px;
}
.geWorldContents .worldInfo .rankWrap {
    margin: 9px 0 14px 0;
}
.geWorldContents .worldInfo .rankWrap .last {
    margin-right: 0;
}
.geWorldContents .worldInfo .colonyState {
    margin: 0 19px 0 0;
    width: 100%;
}
.geWorldContents .worldInfo .colonyState .colHeader h4 {
    float: left;
    width: 93px;
    background-position: -281px -912px;
}
.geWorldContents .worldInfo .colonyState .colHeader p {
    float: right;
    line-height: 16px;
}
.geWorldContents .worldInfo .colonyState .colHeader span {
    padding: 0 9px 0 16px;
}
/*2014-05-28 수정*/
.geWorldContents .worldInfo .colonyState .colHeader .aType {
    background: url(../images/world/bgWorldInfoAtype.gif) no-repeat;
}
.geWorldContents .worldInfo .colonyState .colHeader .bType {
    padding-right: 0px;
    background: url(../images/world/bgWorldInfoCtype.gif) no-repeat;
}
.geWorldContents .worldInfo .colonyState ul li {
    float: left;
    width: 134px;
    height: 147px;
    margin: 0 2px 3px 0;
    text-align: center;
}
.geWorldContents .worldInfo .colonyState ul li.aType {
    border: 1px solid #c8ada6;
}
.geWorldContents .worldInfo .colonyState ul li.bType {
    border: 1px solid #b7cca1;
}
.geWorldContents .worldInfo .colonyState ul li dt {
    padding: 3px 0 0 0;
    font-size: 11px;
    line-height: 19px;
    font-weight: bold;
}
.geWorldContents .worldInfo .colonyState ul li dd dt {
    padding: 0;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
}
.geWorldContents .worldInfo .colonyState ul li.aType dd dt {
    background: #ede8e4;
}
.geWorldContents .worldInfo .colonyState ul li.bType dd dt {
    background: #e9eae2;
}
.geWorldContents .worldInfo .colonyState ul li dt span {
    letter-spacing: -1px;
}
.geWorldContents .worldInfo .colonyState ul li dd {
    padding: 6px 0 0 0;
    line-height: 16px;
    color: #282828;
}
.geWorldContents .worldInfo .colonyState ul li dd.firstDd {
    padding: 0 0 5px 0;
    line-height: 13px;
}
.geWorldContents .worldInfo .colonyState ul li dd.secondDd {
    padding: 6px 0 0 0;
}
.geWorldContents .worldInfo .colonyState ul li.aType dd.firstDd {
    background: #e9dad5;
    color: #501100;
}
.geWorldContents .worldInfo .colonyState ul li.bType dd.firstDd {
    background: #d0ddc3;
    color: #162b04;
}
.geWorldContents .worldInfo .colonyState ul li dd .nick {
    color: #8d0c11;
    font-weight: bold;
    font-weight: bold;
}
.geWorldContents .worldInfo .colonyState ul li dd p {
    line-height: 15px;
}
.geWorldContents .worldInfo .colonyState ul li dd p a {
    color: #282828;
}
.geWorldContents .worldInfo .colonyState ul li dd p a:hover {
    font-weight: bold;
}
.geWorldContents .worldInfo .colonyState ul li dd .nick a {
    color: #8e0d12;
}
.geWorldContents .worldInfo .colonyState ul li dd .nick a:hover {
    font-weight: bold;
    color: #8d0c11;
}
.geWorldContents .worldInfo .colonyState ul li.aType dt {
    background: #e9dad5;
    color: #501202;
}
.geWorldContents .worldInfo .colonyState ul li.bType dt {
    background: #d0ddc3;
    color: #142b00;
}
/*E:2015-02-02 수정*/
/*//2014-05-28 수정*/

.geWorldContents .worldInfo .rightCon {
    float: left;
}
.geWorldContents .worldInfo .rightCon ul li {
    width: 152px;
    padding: 30px 0 0 18px;
    float: left;
}
.geWorldContents .worldInfo .rightCon ul li .imgProfile {
    margin: 0 0 14px 26px;
}
.geWorldContents .worldInfo .rightCon ul li .imgProfile img {
    width: 81px;
    height: 81px;
    border: 1px solid #242424;
}
.geWorldContents .worldInfo .rightCon ul li dl {
    width: 160px;
}
.geWorldContents .worldInfo .rightCon ul li dl dt {
    width: 35px;
    height: 11px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    margin: 0 0 5px 0;
    float: left;
}
.geWorldContents .worldInfo .rightCon ul li dl dd {
    width: 121px;
    height: 11px;
    color: #282828;
    margin: 0 0 5px 0;
    float: left;
}
.geWorldContents .worldInfo .rightCon ul li dl dd a {
    color: #282828;
}
.geWorldContents .worldInfo .rightCon ul li dl dd.leader a,
.geWorldContents .worldInfo .rightCon ul li dl dd.family a {
    font-weight: bold;
    color: #8d0c11;
}
.geWorldContents .worldInfo .rightCon .clique {
    width: 341px;
    height: 223px;
    background: url(../images/world/bgWorldInfoClique.gif) 0 28px no-repeat;
    margin: 0 0 34px 0;
}
.geWorldContents .worldInfo .rightCon .clique h4 {
    width: 124px;
    background-position: -95px -651px;
}
.geWorldContents .worldInfo .rightCon .clique ul li dl dt.family {
    background-position: -475px -651px;
}
.geWorldContents .worldInfo .rightCon .clique ul li dl dt.party {
    background-position: -515px -651px;
}
.geWorldContents .worldInfo .rightCon .clique ul li dl dt.contribution {
    background-position: -475px -668px;
}
.geWorldContents .worldInfo .rightCon .duke {
    width: 341px;
    height: 223px;
    background: url(../images/world/bgWorldInfoDuke.gif) 0 28px no-repeat;
}
.geWorldContents .worldInfo .rightCon .duke h4 {
    width: 80px;
    background-position: -220px -651px;
}
.geWorldContents .worldInfo .rightCon .duke ul li dl dt.name {
    background-position: -558px -651px;
}
.geWorldContents .worldInfo .rightCon .duke ul li dl dt.leader {
    background-position: -515px -668px;
}
.geWorldContents .worldInfo .rightCon .duke ul li dl dt.cnt {
    background-position: -558px -668px;
}
.geWorldContents .notes {
    font-size: 11px;
}
.geWorldContents .notes span {
    font-size: 12px;
} /* 2014-02-04 */

/* 당 정보센터 */
.geWorldContents .partyInfo .myPartyInfo {
    width: 685px;
    height: 118px;
    background: url(../images/world/bgMyPartyInfo.gif) no-repeat;
    margin: 0 0 25px 0;
    padding: 40px 0 0 7px;
}
.geWorldContents .partyInfo .myPartyInfo .login {
    width: 679px;
    height: 108px;
    background: url(../images/world/bgMyPartyInfoLogin.gif) no-repeat;
}
.geWorldContents .partyInfo .myPartyInfo .login p.btnLogin {
    padding: 59px 0 0 299px;
}
.geWorldContents .partyInfo .myPartyInfo .login p.btnLogin button {
    width: 82px;
    height: 25px;
    text-indent: -9999px;
    background: none;
    display: block;
}
.geWorldContents .partyInfo .myPartyInfo .loginedNoParty {
    width: 679px;
    height: 108px;
    background: url(../images/world/bgMyPartyInfoNoParty.gif) no-repeat;
}
.geWorldContents .partyInfo .myPartyInfo .loginedNoFamily {
    width: 679px;
    height: 108px;
    background: url(../images/world/bgMyPartyInfoNoFamily.gif) no-repeat;
}
.geWorldContents .partyInfo .myPartyInfo .loginedNoFamily p.btnFamily {
    padding: 59px 0 0 299px;
}
.geWorldContents .partyInfo .myPartyInfo .loginedNoFamily p.btnFamily button {
    width: 82px;
    height: 25px;
    text-indent: -9999px;
    background: none;
    display: block;
}
.geWorldContents .partyInfo .myPartyInfo .logined {
    padding: 13px 0 0 17px;
}
.geWorldContents .partyInfo .myPartyInfo .logined .imgProfile {
    float: left;
    margin: 0 14px 0 0;
}
.geWorldContents .partyInfo .myPartyInfo .logined .imgProfile img {
    width: 81px;
    height: 81px;
    border: 1px solid #242424;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl {
    width: 422px;
    height: 80px;
    margin: 0 26px 0 0;
    padding: 9px 0 0 0;
    float: left;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dt {
    height: 11px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    margin: 0 0 13px 0;
    float: left;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dt.name {
    width: 33px;
    background-position: -394px -686px;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dt.leader {
    width: 36px;
    background-position: -435px -686px;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dt.cnt {
    width: 33px;
    background-position: -475px -686px;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dt.clique {
    width: 35px;
    background-position: -515px -686px;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dd {
    width: 175px;
    height: 11px;
    color: #282828;
    margin: 0 0 13px 0;
    float: left;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dd a {
    color: #282828;
}
.geWorldContents .partyInfo .myPartyInfo .logined dl dd.leader a {
    font-weight: bold;
    color: #8d0c11;
}
.geWorldContents .partyInfo .myPartyInfo .logined .imgLeader {
    width: 102px;
    height: 38px;
    text-align: center;
    float: left;
    position: relative;
}
.geWorldContents .partyInfo .myPartyInfo .logined .imgLeader strong {
    width: 38px;
    height: 37px;
    background: url(../images/world/bgMyPartyInfoLeaderUnit.png) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 23px;
    top: 0;
}
.geWorldContents .partyInfo .myPartyInfo .logined .imgLeader img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
}
.geWorldContents .partyInfo .myPartyInfo .logined .imgLeader span {
    color: #282828;
    display: block;
    padding: 7px 0 0 0;
}
.geWorldContents .partyInfo .partyList .header {
    margin: 0 0 3px 0;
}
.geWorldContents .partyInfo .partyList .header h4 {
    width: 57px;
    height: 15px;
    background: url(../images/common/sprTxtSet.png) 0 -714px no-repeat;
    text-indent: -9999px;
    margin: 3px 0 0 0;
    float: left;
}

/* 가문 정보센터 */
.geWorldContents .familyInfo {
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 23px 0 0 0;
}
.geWorldContents .familyInfo .topRankWrap {
    margin: 0 0 39px 0;
}
.geWorldContents .familyInfo .topRankWrap .last {
    margin-right: 0;
}
.geWorldContents .familyInfo .topRankList h4.pvpSolo {
    width: 151px;
    background-position: 0 -623px;
    margin: 0 auto;
}
.geWorldContents .familyInfo .topRankList h4.pvpGroup {
    width: 152px;
    background-position: -151px -623px;
}
.geWorldContents .familyInfo .findFamily {
    margin: 0 0 5px 0;
}
.geWorldContents .familyInfo .findFamily h4 {
    width: 58px;
    height: 28px;
    background: url(../images/common/sprTxtSet.png) -310px -623px no-repeat;
    text-indent: -9999px;
}
.geWorldContents .familyInfo .findFamily fieldset {
    width: 677px;
    height: 51px;
    background: url(../images/world/bgFindFamilyField.gif) no-repeat;
    padding: 11px 0 0 15px;
}
.geWorldContents .familyInfo .findFamily .frame {
    margin: 0 0 3px 0;
}
.geWorldContents .familyInfo .findFamily .world p,
.geWorldContents .familyInfo .findFamily .family label {
    width: 63px;
    height: 18px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.geWorldContents .familyInfo .findFamily .world p {
    background-position: -376px -623px;
    margin: 0 29px 0 0;
}
.geWorldContents .familyInfo .findFamily .family label {
    background-position: -449px -623px;
    margin: 0 22px 0 0;
}
.geWorldContents .familyInfo .findFamily .world ul {
    float: left;
}
.geWorldContents .familyInfo .findFamily .world ul li {
    margin: 0 17px 0 0;
    padding: 3px 0 0 0;
    float: left;
}
.geWorldContents .familyInfo .findFamily .world ul li input {
    width: 11px;
    height: 11px;
    margin: 0 6px 0 0;
    float: left;
}
.geWorldContents .familyInfo .findFamily .world ul li label {
    float: left;
}
.geWorldContents .familyInfo .findFamily .family input {
    width: 482px;
    height: 16px;
    border: 1px solid #c7c7c7;
    font: normal 12px/16px dotum;
    color: #565656;
    margin: 0 3px 0 0;
    padding: 0 5px;
    float: left;
}
.geWorldContents .familyInfo .findFamily .family button {
    width: 36px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -589px -155px no-repeat;
    text-indent: -9999px;
    float: left;
}

/* 마이페이지 */
.familyValSel {
    padding-top: 10px;
    margin-bottom: 0;
    float: right;
}
.geWorldContents .feedHeader {
    background: url(../images/world/bgMyPageFeedHeader.gif) bottom repeat-x;
    margin: 0 0 15px 0;
    padding: 0 0 8px 0;
}
.geWorldContents .feedHeader h4 {
    width: 63px;
    height: 11px;
    background: url(../images/common/sprTxtSet.png) -524px -623px no-repeat;
    text-indent: -9999px;
    float: left;
}
.geWorldContents .feedHeader .exportSpot {
    margin-bottom: 0;
    padding-top: 0;
    float: right;
}
.geWorldContents .myPage .summary {
    width: 682px;
    height: 164px;
    background: url(../images/world/bgMyPageSummary.gif) no-repeat;
    margin: 0 0 28px 0;
    padding: 19px 0 0 10px;
}
.geWorldContents .myPageParty .summary {
    background: url(../images/world/bgMyPagePartySummary.gif) no-repeat;
}
.geWorldContents .myPage .summary .imgProfile {
    width: 144px;
    height: 144px;
    margin: 0 15px 0 0;
    float: left;
    position: relative;
}
.geWorldContents .myPage .summary .imgProfile img {
    width: 141px;
    height: 141px;
    border: 1px solid #242424;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.geWorldContents .myPage .summary .imgProfile p {
    width: 144px;
    height: 144px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    display: none;
}
.geWorldContents .myPage .summary .imgProfile p label {
    width: 144px;
    height: 90px;
    line-height: 16px;
    text-align: center;
    text-decoration: underline;
    color: #fff;
    padding: 54px 0 0 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 19;
}
.geWorldContents .myPage .summary .imgProfile p span.overlay {
    width: 144px;
    height: 144px;
    background: #000;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 18;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}
.geWorldContents .myPage .summary .imgProfile p input {
    width: 144px;
    height: 144px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 19;
    opacity: 0;
    filter: Alpha(opacity=0);
}
.geWorldContents .myPage .summary .detailInfo {
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl {
    height: 29px;
    padding: 5px 0 0 0;
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dd {
    color: #282828;
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dd a {
    color: #282828;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dd.name {
    font-size: 17px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #694025;
    background: url(../images/common/bullet/bgMyPageSummaryDiv1.gif) right
        no-repeat;
    padding: 0 9px 0 0;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dd.name small {
    font-size: 11px;
    font-weight: normal;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dd.party {
    background: url(../images/common/bullet/bgMyPageSummaryDiv2.gif) right 6px
        no-repeat;
    padding: 5px 8px 0;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dd.world {
    padding: 5px 7px 0 8px;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dt.day {
    font-size: 11px;
    color: #282828;
    padding: 6px 0 0 8px;
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo dl dd.day {
    font-size: 11px;
    padding: 6px 0 0 5px;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo .btnArea {
    float: right;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo .btnArea button {
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    display: block;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo .btnArea .spot {
    width: 23px;
    height: 22px;
    background-position: -648px -83px;
    margin: 3px 0 0 0;
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo .btnArea .memo {
    width: 21px;
    height: 22px;
    background-position: -671px -83px;
    margin: 3px 0 0 0;
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo .btnArea .repFamily {
    width: 62px;
    height: 23px;
    background-position: -438px -192px;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo .btnArea .join {
    width: 76px;
    height: 23px;
    background-position: -356px -192px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo {
    width: 514px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl {
    height: 30px;
    line-height: 30px;
    margin: 0 0 11px 0;
    padding: 0 0 0 1px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dt {
    text-align: center;
    color: #282828;
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dd {
    color: #565656;
    float: left;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dd img {
    vertical-align: middle;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dt.char {
    width: 94px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dd.char {
    width: 47px;
    padding: 0 0 0 8px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dt.pvp {
    width: 57px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dd.pvp {
    width: 152px;
    padding: 0 0 0 4px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dt.clique {
    width: 70px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dd.clique {
    width: 70px;
    padding: 0 0 0 6px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dt.cnt {
    width: 103px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dd.cnt {
    width: 136px;
    padding: 0 0 0 10px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dt.cliqueName {
    width: 110px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo dl dd.cliqueName {
    width: 140px;
    padding: 0 0 0 11px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo ul {
    padding: 0 0 0 13px;
}
.geWorldContents .myPage .summary .detailInfo .subInfo ul li {
    margin: 0 3px 0 0;
    float: left;
    position: relative;
}
.geWorldContents .myPage .summary .detailInfo .subInfo ul li.leader strong {
    width: 38px;
    height: 37px;
    background: url(../images/world/bgMyPartyInfoLeaderUnit.png) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.geWorldContents .myPage .summary .detailInfo .subInfo ul li img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
    display: block;
}
.geWorldContents .tabCategory ul {
    overflow: hidden;
}
.geWorldContents .tabCategory ul li {
    float: left;
}
.geWorldContents .tabCategory ul li a {
    width: 230px;
    height: 39px;
    background: url(../images/common/sprTabCategorySet.gif) no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}
.geWorldContents .tabCategory ul li.feed a {
    width: 232px;
    background-position: 0 -24px;
}
.geWorldContents .tabCategory ul li.feed a.on {
    background-position: 0 -63px;
}
.geWorldContents .tabCategory ul li a {
    background-position: -232px -24px;
    position: relative;
}
.geWorldContents .tabCategory ul li.notification a.on {
    background-position: -232px -63px;
}
.geWorldContents .tabCategory ul li.notification a:hover {
    text-decoration: none;
}
.geWorldContents .tabCategory ul li.notification a small {
    height: 39px;
    font: bold 14px/39px Verdana;
    letter-spacing: -1px;
    text-indent: 0;
    color: #694025;
    display: block;
    position: absolute;
    left: 113px;
    top: -1px;
}
.geWorldContents .tabCategory ul li.notification a.on small {
    color: #fff;
}
.geWorldContents .tabCategory ul li.market a {
    background-position: -462px -24px;
}
.geWorldContents .tabCategory ul li.market a.on {
    background-position: -462px -63px;
}
.geWorldContents .exportSpot {
    margin: 0 0 6px 0;
    padding: 9px 0 0 0;
}
.geWorldContents .exportSpot p {
    float: right;
}
.geWorldContents .exportSpot p input {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    float: left;
}
.geWorldContents .exportSpot p label {
    height: 13px;
    line-height: 13px;
    font-size: 11px;
    letter-spacing: -1px;
    padding: 0 3px 0 0;
    float: left;
}
.geWorldContents .attach {
    clear: both;
}
.geWorldContents .attach .file {
    float: left;
}
.geWorldContents .attach .file {
    width: 31px;
    height: 25px;
    position: relative;
}
.geWorldContents .attach .file label {
    width: 31px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) -366px -30px no-repeat;
    text-indent: -9999px;
    display: block;
}
.geWorldContents .attach .file input {
    font-size: 28px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.geWorldContents .attach ul {
    float: left;
}
.geWorldContents .attach ul li {
    width: 58px;
    height: 58px;
    border: 0 none;
    margin: 0 6px 0 0;
    padding: 0;
    float: left;
    position: relative;
}
.geWorldContents .attach ul li img {
    width: 56px;
    height: 56px;
    border: 2px solid #7e2f04;
    display: block;
}
.geWorldContents .attach ul li button.del {
    width: 15px;
    height: 15px;
    background: url(../images/common/sprBtnSet.png) -228px -30px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.geWorldContents .btnMore {
    padding: 5px 0 0 0;
}
.geWorldContents .notification .btnMore {
    padding-top: 0;
}
.geWorldContents .btnMore button {
    width: 691px;
    height: 15px;
    background: url(../images/common/sprBtnSet.png) 0 -290px no-repeat;
    text-indent: -9999px;
    display: block;
}
/*s : 내소식 닫기 버튼 추가 2015-11-04*/
.geWorldContents .notification ul li {
    position: relative;
}
/*e : 내소식 닫기 버튼 추가 2015-11-04*/
.geWorldContents .notification ul li a {
    color: #565656;
    border-bottom: 1px dotted #dcdcdc;
    padding: 14px 15px 16px;
    word-break: break-all;
    word-wrap: break-word;
    cursor: pointer;
    display: block;
    zoom: 1;
}
.geWorldContents .notification ul li a:hover {
    background: #fbfaf8;
    text-decoration: none;
}
.geWorldContents .notification ul li a:after {
    clear: both;
    display: block;
    content: "";
}
.geWorldContents .notification ul li.last a {
    border-bottom: 0 none;
}
.geWorldContents .notification ul li .imgProfile {
    margin: 0 10px 0 0;
    float: left;
}
.geWorldContents .notification ul li .imgProfile img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
    display: block;
}
.geWorldContents .notification ul li .contents {
    width: 590px;
    line-height: 16px;
    float: left;
}
.geWorldContents .notification ul li .contents .tit {
    margin: 0 0 4px 0;
}
.geWorldContents .notification ul li .contents .tit strong {
    color: #282828;
}
.geWorldContents .notification ul li .contents .tit small {
    font: normal 11px Verdana;
    padding: 0 0 0 22px;
}
/*s : 내소식 닫기 버튼 추가 2015-11-04*/
.geWorldContents .notification ul li .btn {
    position: absolute;
    right: 15px;
    top: 15px;
}
.geWorldContents .notification ul li .btn button {
    height: 14px;
    background: url(../images/common/sprBtnSet.png);
    text-indent: -9999px;
    margin: 0 3px 0 0;
    float: left;
}
.geWorldContents .notification ul li .btn button.del {
    width: 14px;
    background-position: -593px -223px;
}
/*e : 내소식 닫기 버튼 추가 2015-11-04*/
.geWorldContents .characterList .header {
    border-bottom: 1px solid #c7c7c7;
}
.geWorldContents .characterList .header h4 {
    width: 98px;
    height: 18px;
    background: url(../images/common/sprTxtSet.png) -63px -714px no-repeat;
    text-indent: -9999px;
    float: left;
}
.geWorldContents .characterList .header h4.party {
    background-position: -529px -578px;
}
.geWorldContents .characterList .header dl {
    font: bold 14px/13px Verdana;
    letter-spacing: -1px;
    color: #694025;
    float: left;
}
.geWorldContents .characterList ul {
    border-top: 3px solid #e4e4e4;
    border-bottom: 1px solid #e2e2e2;
}
.geWorldContents .characterList ul li {
    width: 324px;
    border-bottom: 1px dotted #dcdcdc;
    padding: 16px 0 14px 15px;
    float: left;
}
.geWorldContents .characterList ul li.last {
    border-bottom: 0 none;
}
.geWorldContents .characterList ul li.nthChild-2n {
    width: 338px;
}
.geWorldContents .characterList ul li .imgChar {
    margin: 0 9px 0 0;
    float: left;
}
.geWorldContents .characterList ul li .imgChar img {
    width: 54px;
    height: 54px;
    border: 1px solid #dcdcdc;
    display: block;
}
.geWorldContents .characterList ul li .contents {
    float: left;
}
.geWorldContents .characterList ul li .contents .name {
    padding: 6px 0 0 0;
}
.geWorldContents .characterList ul li .contents .name {
    margin: 0 0 9px 0;
}
.geWorldContents .characterList ul li .contents .name a {
    font-weight: bold;
    background: url(../images/common/bullet/bgCharListNameDiv.gif) right 1px
        no-repeat;
    padding: 0 8px 0 0;
}
.geWorldContents .myPageParty .characterList ul li .contents .name a {
    background: none;
}
.geWorldContents .characterList ul li .contents .name a:hover {
    color: #694025;
}
.geWorldContents .characterList ul li .contents .name small {
    color: #282828;
    padding: 0 0 0 8px;
}
.geWorldContents .characterList ul li .contents .btnArea {
    zoom: 1;
}
.geWorldContents .characterList ul li .contents .btnArea:after {
    clear: both;
    display: block;
    content: "";
}
.geWorldContents .characterList ul li .contents .btnArea a {
    height: 18px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
    overflow: hidden;
}
.geWorldContents .characterList ul li .contents .btnArea a.detail {
    width: 80px;
    background-position: -460px -272px;
}
.geWorldContents .characterList ul li .contents .btnArea a.spot {
    width: 67px;
    background-position: -549px -120px;
    margin: 0 3px 0 0;
}
.geWorldContents .characterList ul li .contents .btnArea a.memo {
    width: 70px;
    background-position: -622px -120px;
}
.geWorldContents .characterList fieldset,
.geWorldContents .marketInfo fieldset {
    width: 335px;
    margin: 0 auto;
}
.geWorldContents .characterList fieldset input,
.geWorldContents .marketInfo fieldset input {
    width: 274px;
    height: 21px;
    line-height: 21px;
    color: #565656;
    border: 1px solid #dcdcdc;
    margin: 0 3px 0 0;
    padding: 0 5px;
    float: left;
}
.geWorldContents .characterList fieldset button,
.geWorldContents .marketInfo fieldset button {
    width: 46px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -235px -57px no-repeat;
    text-indent: -9999px;
    float: left;
}
.geWorldContents .characterList .pagination {
    margin-top: 30px;
}
.geWorldContents .marketInfo {
    padding: 9px 0 0 0;
}
.geWorldContents .marketInfo .tab {
    margin: 0 0 8px 0;
    padding: 10px 0 0 5px;
}
.geWorldContents .marketInfo .tab li {
    background: url(../images/common/bullet/bgMarketInfoTabDiv.gif) right 8px
        no-repeat;
    padding: 7px 5px 0;
    float: left;
}
.geWorldContents .marketInfo .tab li.express {
    background: none;
}
.geWorldContents .marketInfo .tab li a {
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    padding: 6px 0 0 0;
}
.geWorldContents .marketInfo .tab li a.on,
.geWorldContents .marketInfo .tab li a:hover,
.geWorldContents .marketInfo .tab li a:focus {
    color: #694025;
    background: url(../images/common/bullet/bgMarketInfoTab.gif) center top
        no-repeat;
    *background-position: center 1px;
    border-top: 1px solid #694025;
}
.geWorldContents .marketInfo .pagination {
    margin-top: 43px;
}

/* 캐릭터 랭킹 2014-01-13 */
.geWorldContents .charRank .btnMore {
    margin: 0 0 10px 0;
    padding: 8px 0 0 0;
}
.geWorldContents .charRank .btnMore button {
    width: 691px;
    height: 40px;
    background: url(../images/common/sprBtnSet.png) 0 -627px no-repeat;
    text-indent: -9999px;
    display: block;
}
.geWorldContents .charRank .rankTop {
    width: 717px;
    margin: 0 0 24px 0;
}
.geWorldContents .charRank .rankTop li {
    float: left;
    position: relative;
}
.geWorldContents .charRank .rankTop li ul li {
    float: none;
    position: static;
}
.geWorldContents .charRank .rankTop li strong {
    width: 45px;
    height: 46px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
}
.geWorldContents .charRank .rankTop li span {
    font: bold 12px gulim;
    color: #8d0c11;
}
.geWorldContents .charRank .rankMain {
    background: #ececec;
    border: 1px solid #c4c4c4;
    padding: 1px;
}
.geWorldContents .charRank .rankMain .innerWrap {
    background: #d8d8d8;
    border: 2px solid #e8e8e8;
    padding: 1px;
}
.geWorldContents .charRank .rankMain ol {
    background: #f5f5f5;
    border: 1px solid #ffffff;
    padding: 1px 0 0 8px;
}
.geWorldContents .charRank .rankMain li {
    background: url(../images/common/bullet/bgCharRankDiv.gif) bottom repeat-x;
    font-size: 0;
    zoom: 1;
}
.geWorldContents .charRank .rankMain li.last {
    background: none;
}
.geWorldContents .charRank .rankMain li:after {
    clear: both;
    display: block;
    content: "";
}
.geWorldContents .charRank .rankMain li .rank {
    float: left;
}
.geWorldContents .charRank .rankMain li .rank strong {
    width: 22px;
    height: 22px;
    background: url(../images/common/bullet/bulCharRankNum.gif) no-repeat;
    font: bold 11px/21px verdana;
    text-align: center;
    letter-spacing: -1px;
    color: #282828;
    margin: 0 5px 0 0;
}
.geWorldContents .charRank .rankMain li .rank span {
    height: 22px;
    line-height: 23px;
    font-size: 11px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #000;
}
.geWorldContents .charRank .rankMain li .rank span.new span {
    font: bold 11px dotum;
    color: #fc9400;
    float: none;
}
.geWorldContents .charRank .rankMain li .rank span small {
    font-weight: bold;
}
.geWorldContents .charRank .rankMain li ul {
    float: left;
}
.geWorldContents .charRank .rankMain li ul li {
    background: none;
    padding: 0;
    float: left;
}
.geWorldContents .charRank .rankMain li ul li img {
    width: 38px;
    height: 38px;
    border: 1px solid #cecece;
    float: left;
}
.geWorldContents .charRank .rankMain li ul li span {
    font: bold 12px gulim;
    letter-spacing: -1px;
    color: #8d0c11;
    float: left;
}
.geWorldContents .charRank span.bg {
    width: 100%;
    height: 2px;
    background: #ebebeb;
    display: block;
}
.geWorldContents .charRank .rankType1 .rankMain li {
    width: 663px;
    padding: 6px 0;
}
.geWorldContents .charRank .rankType1 .rankMain li .rank {
    width: 69px;
    padding: 8px 0 0 0;
}
.geWorldContents .charRank .rankType1 .rankMain li .rank strong {
    float: left;
}
.geWorldContents .charRank .rankType1 .rankMain li .rank span {
    float: left;
}
.geWorldContents .charRank .rankType1 .rankMain li ul li {
    width: 198px;
    padding: 0;
}
.geWorldContents .charRank .rankType1 .rankMain li ul li img {
    margin: 0 6px 0 0;
}
.geWorldContents .charRank .rankType1 .rankMain li ul li span {
    padding: 15px 0 0 0;
}
.geWorldContents .charRank .rankType2 .rankMain ol {
    width: 675px;
    zoom: 1;
}
.geWorldContents .charRank .rankType2 .rankMain ol:after {
    clear: both;
    display: block;
    content: "";
}
.geWorldContents .charRank .rankType2 .rankMain li {
    width: 209px;
    margin: 0 16px 0 0;
    padding: 15px 0;
    float: left;
}
.geWorldContents .charRank .rankType2 .rankMain li .rank {
    width: 42px;
    text-align: center;
}
.geWorldContents .charRank .rankType2 .rankMain li .rank strong {
    margin: 0 auto;
    display: block;
}
.geWorldContents .charRank .rankType2 .rankMain li ul li {
    width: auto;
    margin: 0;
    padding: 0;
}
.geWorldContents .charRank .rankType2 .rankMain li ul li img {
    margin: 0 4px 0 0;
}
.geWorldContents .charRank .rankType2 .rankMain li ul li span {
    padding: 13px 0 0 0;
}

/* 2014-10-13 */
.geWorldContents .charRank .rankType1 .rankTop li {
    width: 214px;
    height: 230px;
    background: url(../images/world/bgCharRankTop1.gif) no-repeat;
    margin: 0 25px 0 0;
}
.geWorldContents .charRank .rankType1 .rankTop li small,
.geWorldContents .charRank .rankType2 .rankTop2 li small {
    width: 158px;
    height: 24px;
    padding-left: 30px;
    line-height: 24px;
    font-family: gulim;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 12px;
    top: 14px;
    *top: 16px;
}
.geWorldContents .charRank .rankType1 .rankTop li strong.rank1 {
    background: url(../images/world/bgWorldInfo1stUnit.png) no-repeat;
}
.geWorldContents .charRank .rankType1 .rankTop li strong.rank2 {
    background: url(../images/world/bgWorldInfo2ndUnit.png) no-repeat;
}
.geWorldContents .charRank .rankType1 .rankTop li strong.rank3 {
    background: url(../images/world/bgWorldInfo3rdUnit.png) no-repeat;
}
.geWorldContents .charRank .rankType1 .rankTop li ul {
    padding: 47px 0 0 17px;
}
.geWorldContents .charRank .rankType1 .rankTop li ul li {
    width: auto;
    height: 61px;
    background: none;
    font-size: 0;
    margin: 0;
    zoom: 1;
}
.geWorldContents .charRank .rankType1 .rankTop li ul li:after {
    clear: both;
    display: block;
    content: "";
}
.geWorldContents .charRank .rankType1 .rankTop li img {
    width: 45px;
    height: 45px;
    border: 1px solid #cecece;
    margin: 0 6px 0 0;
    float: left;
}
.geWorldContents .charRank .rankType1 .rankTop li span {
    padding: 20px 0 0 0;
    float: left;
}
.geWorldContents .charRank .rankType2 .rankTop li {
    width: 214px;
    height: 182px;
    background: url(../images/world/bgCharRankTop2.gif) no-repeat;
    text-align: center;
    margin: 0 25px 0 0;
}
.geWorldContents .charRank .rankType2 .rankTop2 li {
    background: url(../images/world/bgCharRankTop2_1.gif) no-repeat;
}
.geWorldContents .charRank .rankType2 .rankTop li img {
    width: 98px;
    height: 98px;
    border: 1px solid #2b2b2b;
    display: block;
    margin: 32px auto 7px;
}
.geWorldContents .charRank .rankType2 .rankTop2 li img {
    width: 85px;
    height: 85px;
    margin-top: 48px;
}
.geWorldContents .charRank .rankType2 .rankTop li strong.rank1 {
    background: url(../images/world/bgWorldInfo1stUnit.png) no-repeat;
}
.geWorldContents .charRank .rankType2 .rankTop li strong.rank2 {
    background: url(../images/world/bgWorldInfo2ndUnit1.png) no-repeat;
}
.geWorldContents .charRank .rankType2 .rankTop li strong.rank3 {
    background: url(../images/world/bgWorldInfo3rdUnit1.png) no-repeat;
}
.geWorldContents .charRank .rankType2 .rankMain li.top {
    position: relative;
}
.geWorldContents .charRank .rankType2 .rankMain li.top ul li span {
    padding-top: 2px;
}
.geWorldContents .charRank .rankType2 .rankMain li.top ul li small {
    width: 124px;
    height: 16px;
    line-height: 16px;
    *line-height: 18px;
    font-family: Gulim;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #ab9178;
    border: 1px solid #977a5e;
    position: absolute;
    left: 87px;
    top: 37px;
}
.geWorldContents .charRank .rankType2 .rankMain li.rank10 ul li small {
    left: 97px;
    top: 33px;
}
.geWorldContents .charRank .rankType2 .rankMain li.rank10 {
    width: 676px;
    background: url(../images/common/bullet/bgCharRankDiv3.gif) left bottom
        repeat-x;
    padding: 11px 0 15px 10px;
    position: relative;
    left: -10px;
}
/* // 2014-10-13 */

/* 2014-06-17 */
.geWorldContents .charRank .rankType1 .rankMain li.rank10 {
    width: 684px;
    background: url(../images/common/bullet/bgCharRankDiv2.gif) bottom no-repeat;
    margin-bottom: 12px;
    margin-left: -10px;
    padding: 6px 0 25px 0;
}
.geWorldContents .charRank .rankType1 .rankMain li.rank10 .rank {
    padding-left: 10px;
}
.geWorldContents .charRank .rankType1 .rankMain li.top ul li {
    width: 181px;
    position: relative;
}
.geWorldContents .charRank .rankType1 .rankMain li.top ul li small {
    width: 55px;
    height: 32px;
    line-height: 32px;
    *line-height: 35px;
    font-family: Gulim;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ab9178;
    border: 1px solid #977a5e;
    position: absolute;
    right: -51px;
    top: 3px;
}
/* // 2014-06-17 */

/* 점검 레이어 */
.geWorldContents .maintenance {
    width: 692px;
    height: 183px;
    background: url(../images/world/bgMaintenance.png) no-repeat;
    margin: 0 0 28px 0;
}

/* 아이템샵 ======================================== */

/* 아이템 리스트 템플릿 */
.itemShopContents .itemList ul.listWrap li {
    width: 138px;
    border-bottom: 1px dotted #dcdcdc;
    padding: 21px 0 17px;
    text-align: center;
    float: left;
    height: 176px;
}
.itemShopContents .itemList ul.listWrap li.last {
    border-bottom: 1px solid #dcdcdc;
}
.itemShopContents .itemList ul.listWrap li .imgItem {
    width: 67px;
    height: 67px;
    background: url(../images/itemshop/bgImgItem.jpg) no-repeat;
    margin: 0 auto 6px;
    padding: 5px 0 0 5px;
    position: relative;
}
.itemShopContents .itemList ul.listWrap li .imgItem img {
    width: 62px;
    height: 62px;
    display: block;
    position: relative;
    z-index: 10;
}
.itemShopContents .itemList ul.listWrap li .imgItem small {
    width: 37px;
    height: 38px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}
.itemShopContents .itemList ul.listWrap li .imgItem small.epic {
    background: url(../images/itemshop/bgItemValueUnit_epic.png) no-repeat;
}
.itemShopContents .itemList ul.listWrap li .imgItem small.rare {
    background: url(../images/itemshop/bgItemValueUnit_rare.png) no-repeat;
}
.itemShopContents .itemList ul.listWrap li .imgItem small.magic {
    background: url(../images/itemshop/bgItemValueUnit_magic.png) no-repeat;
}
.itemShopContents .itemList ul.listWrap li .imgItem small.normal {
    background: url(../images/itemshop/bgItemValueUnit_normal.png) no-repeat;
}
.itemShopContents .itemList ul.listWrap li .imgItem small.popular {
    background: url(../images/itemshop/bgItemValueUnit_popular.png) no-repeat;
}
.itemShopContents .itemList ul.listWrap li .name {
    height: 30px;
    line-height: 16px;
    overflow: hidden;
}
.itemShopContents .itemList ul.listWrap li .price {
    font: bold 12px Verdana;
    color: #694025;
    margin: 0 0 9px 0;
    padding: 6px 0 0 0;
}
.itemShopContents .itemList ul.listWrap li .price s {
    color: #565656;
    background: url(../images/common/bullet/sprBulSet.png) 0 -1249px no-repeat;
    padding: 0 0 0 15px;
}
.itemShopContents .itemList ul.listWrap li .price span {
    width: 15px;
    height: 13px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -749px no-repeat;
    padding: 0 0 0 15px;
}
.itemShopContents .itemList ul.listWrap li .btn {
    width: 113px;
    margin: 0 auto;
}
.itemShopContents .itemList ul.listWrap li .btn button {
    height: 23px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.itemShopContents .itemList ul.listWrap li .btn button.buy {
    width: 62px;
    background-position: -282px -223px;
    margin: 0 4px 0 0;
}
.itemShopContents .itemList ul.listWrap li .btn button.gift {
    width: 47px;
    background-position: -356px -223px;
}
.itemShopContents .shopPCBang .itemList ul.listWrap li .btn {
    width: 62px;
}
.itemShopContents .shopPCBang .itemList ul.listWrap li .btn button.buy {
    margin-right: 0;
}
.itemShopContents .itemList .notes {
    padding: 15px 0 0 3px;
}
.itemShopContents .itemList .notes h5 {
    font-size: 11px;
    margin: 0 0 5px 0;
}
.itemShopContents .itemList .notes h5 span {
    font-size: 12px;
    font-weight: normal;
}
.itemShopContents .itemList .notes ul {
    font-size: 11px;
    padding: 0 0 0 14px;
}
.itemShopContents .itemList .notes ul li {
    line-height: 15px;
    vertical-align: top;
    margin: 0 0 2px 0;
} /* 2014-08-28 */

/* 레티샤 페소 선물상자 */
/*.itemShopContents .feso .header{width:692px; height:304px; background:url(../images/itemshop/bgHeaderFeso.jpg) no-repeat; text-indent:-9999px; margin:0 0 40px 0; overflow:hidden; position:relative;}*/
/* S : 2015-09-11 수정 */
.itemShopContents .feso .header {
    width: 692px;
    height: 304px;
    background: url(../images/itemshop/bgHeaderFeso1.jpg) no-repeat;
    text-indent: -9999px;
    margin: 0 0 40px 0;
    overflow: hidden;
    position: relative;
}
/* E : 2015-09-11 수정 */
.itemShopContents .feso .header .btnBuyHistory {
    position: absolute;
    right: 0;
    top: 32px;
}
.itemShopContents .feso .header .btnBuyHistory a {
    width: 86px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -438px -30px no-repeat;
    display: block;
    overflow: hidden;
}
.itemShopContents .feso .buyField {
    width: 692px;
    height: 70px;
    background: url(../images/itemshop/bgFesoBuyField.gif) no-repeat;
    margin: 0 0 5px 0;
}
.itemShopContents .feso .buyField fieldset {
    padding: 14px 0 0 15px;
}
.itemShopContents .feso .buyField label,
.itemShopContents .feso .buyField dt {
    width: 61px;
    height: 19px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.itemShopContents .feso .buyField .input {
    width: 290px;
    float: left;
}
.itemShopContents .feso .buyField .input p {
    margin: 0 0 5px 0;
}
.itemShopContents .feso .buyField .input .family label {
    background-position: 0 -729px;
}
.itemShopContents .feso .buyField .input .family select {
    width: 158px;
    height: 19px;
    font: normal 12px dotum;
    color: #282828;
    float: left;
}
.itemShopContents .feso .buyField .input .cnt label {
    background-position: -63px -729px;
}
.itemShopContents .feso .buyField .input .cnt input {
    width: 67px;
}
.itemShopContents .feso .buyField .holders {
    width: 270px;
    float: left;
}
.itemShopContents .feso .buyField .holders dl {
    width: 185px;
}
.itemShopContents .feso .buyField .holders dl dt.hold {
    background-position: -130px -729px;
}
.itemShopContents .feso .buyField .holders dl dt.payment {
    background-position: -193px -729px;
}
.itemShopContents .feso .buyField .holders dl dd {
    width: 120px;
    height: 19px;
    line-height: 19px;
    color: #282828;
    float: left;
}
.itemShopContents .feso .buyField .holders dl dd strong {
    color: #694025;
}
.itemShopContents .feso .buyField .btnPayment {
    float: left;
}
.itemShopContents .feso .buyField .btnPayment a {
    width: 95px;
    height: 38px;
    background: url(../images/common/sprBtnSet.png) -597px -30px no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}

/* 아이템샵 */
.itemShopContents .itemShop .listWrap .header {
    width: 680px;
    height: 164px;
    background: url(../images/itemshop/bgHeaderList.gif) no-repeat;
    margin: 0 0 30px 0;
    padding: 42px 0 0 12px;
}
.itemShopContents .itemShop .listWrap .header .banner {
    margin: 0 17px 0 0;
    float: left;
}
.itemShopContents .itemShop .listWrap .header .banner img {
    width: 399px;
    height: 144px;
    border: 3px solid #868070;
    display: block;
}
.itemShopContents .itemShop .listWrap .header .popularItem {
    float: left;
}
.itemShopContents .itemShop .listWrap .header .popularItem h4 {
    width: 245px;
    height: 26px;
    background: url(../images/common/sprTxtSet.png) 0 -597px no-repeat;
    text-indent: -9999px;
}
.itemShopContents
    .itemShop
    .listWrap
    .header
    .popularItem
    .jcarousel-container-horizontal {
    width: 240px;
    padding: 12px 1px 0 1px;
}
.itemShopContents .itemShop .listWrap .header .popularItem .jcarousel-clip {
    overflow: hidden;
}
.itemShopContents
    .itemShop
    .listWrap
    .header
    .popularItem
    .jcarousel-clip-horizontal {
    width: 240px;
}
.itemShopContents .itemShop .listWrap .header .popularItem .jcarousel-item,
.itemShopContents .itemShop .listWrap .header .popularItem ul li {
    width: 72px;
    background: url(../images/itemshop/bgImgItem2.jpg) no-repeat;
    margin: 0 12px 0 0;
    padding: 4px 0 0 0;
    float: left;
}
.itemShopContents .itemShop .listWrap .header .popularItem .jcarousel-item img,
.itemShopContents .itemShop .listWrap .header .popularItem ul li img {
    width: 64px;
    height: 64px;
    margin: 0 0 13px 0;
    padding: 0 0 0 4px;
    display: block;
}
.itemShopContents .itemShop .listWrap .header .popularItem .jcarousel-item span,
.itemShopContents .itemShop .listWrap .header .popularItem ul li span {
    width: 51px;
    height: 28px;
    line-height: 14px;
    font-size: 12px;
    letter-spacing: -1px;
    text-align: center;
    color: #282828;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.itemShopContents .itemShop .listWrap .header .popularItem ul {
    width: 252px;
    padding: 12px 1px 0 1px;
    zoom: 1;
}
.itemShopContents .itemShop .listWrap .header .popularItem ul:after {
    clear: both;
    display: block;
    content: "";
}
.itemShopContents
    .itemShop
    .listWrap
    .header
    .popularItem
    .jcarousel-prev-horizontal {
    width: 21px;
    height: 20px;
    background: url(../images/common/sprBtnSet.png) -593px -83px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 4px;
    top: -39px;
}
.itemShopContents
    .itemShop
    .listWrap
    .header
    .popularItem
    .jcarousel-next-horizontal {
    width: 20px;
    height: 20px;
    background: url(../images/common/sprBtnSet.png) -614px -83px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: -16px;
    top: -39px;
}
.itemShopContents .itemShop .listWrap .itemSearch fieldset {
    float: right;
}
.itemShopContents .itemShop .listWrap .itemSearch fieldset label {
    height: 20px;
    line-height: 20px;
    color: #282828;
    margin: 0 6px 0 0;
    float: left;
}
.itemShopContents .itemShop .listWrap .itemSearch fieldset input {
    width: 108px;
    height: 16px;
    font: normal 11px/16px dotum;
    border: 1px solid #c7c7c7;
    margin: 0 2px 0 0;
    padding: 0 5px;
    float: left;
}
.itemShopContents .itemShop .listWrap .itemSearch fieldset button {
    width: 36px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -589px -155px no-repeat;
    text-indent: -9999px;
    float: left;
}

.itemShopContents .itemShop .viewWrap .header {
    width: 665px;
    padding: 25px 0 0 27px;
}
.itemShopContents .itemShop .viewWrap .header .imgItem {
    margin: 0 27px 0 0;
    padding: 11px 0 0 0;
    float: left;
}
.itemShopContents .itemShop .viewWrap .header .imgItem img {
    width: 62px;
    height: 62px;
    display: block;
}
.itemShopContents .itemShop .viewWrap .header .contents {
    float: left;
}
.itemShopContents .itemShop .viewWrap .header .contents .tit {
    height: 22px;
}
.itemShopContents .itemShop .viewWrap .header .contents .tit h4 {
    font-size: 15px;
    color: #282828;
    margin: 0 20px 0 0;
    float: left;
}
.itemShopContents .itemShop .viewWrap .header .contents .tit p {
    background: url(../images/common/bullet/sprBulSet.png) 0 -798px no-repeat;
    font: bold 12px Verdana;
    color: #694025;
    padding: 0 0 0 15px;
    float: left;
}
.itemShopContents .itemShop .viewWrap .header .contents .tit p s {
    color: #565656;
    background: url(../images/common/bullet/sprBulSet.png) 0 -1249px no-repeat;
    padding: 0 0 0 15px;
}
.itemShopContents .itemShop .viewWrap .header .contents .tit p span {
    width: 15px;
    height: 13px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -749px no-repeat;
    padding: 0 0 0 15px;
}

.itemShopContents .itemShop .viewWrap .header .data dl {
    width: 562px;
}
.itemShopContents .itemShop .viewWrap .header .data dl dt,
.itemShopContents .itemShop .viewWrap .header .data dl dd {
    height: 31px;
    line-height: 32px;
    padding: 0 0 0 8px;
    float: left;
}
.itemShopContents .itemShop .viewWrap .header .data dl dt {
    color: #282828;
}
.itemShopContents .itemShop .viewWrap .header .btnArea {
    padding: 10px 0 0 0;
}
.itemShopContents .itemShop .viewWrap .header .btnArea p {
    float: right;
}
.itemShopContents .itemShop .viewWrap .header .btnArea button {
    height: 23px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.itemShopContents .itemShop .viewWrap .header .btnArea button.buy {
    width: 62px;
    background-position: -282px -223px;
    margin: 0 4px 0 0;
}
.itemShopContents .itemShop .viewWrap .header .btnArea button.gift {
    width: 47px;
    background-position: -356px -223px;
}

.itemShopContents .itemShop .viewWrap .headerInfo {
    height: 110px;
    background: url(../images/itemshop/bgHeaderView_info.gif) no-repeat;
}
.itemShopContents .itemShop .viewWrap .headerInfo .data dl dt.stock {
    width: 93px;
}
.itemShopContents .itemShop .viewWrap .headerInfo .data dl dd.stock {
    width: 155px;
}
.itemShopContents .itemShop .viewWrap .headerInfo .data dl dt.cnt {
    width: 89px;
}
.itemShopContents .itemShop .viewWrap .headerInfo .data dl dd.cnt {
    width: 193px;
}
.itemShopContents .itemShop .viewWrap .headerInfo .data dl dd.cnt input {
    width: 67px;
    height: 15px;
    margin: 6px 5px 0 0;
    float: left;
}
.itemShopContents .itemShop .viewWrap .headerInfo .data dl dd.cnt span {
    float: left;
}

.itemShopContents .itemShop .viewWrap .headerBuy {
    height: 110px;
    background: url(../images/itemshop/bgHeaderView_buy.gif) no-repeat;
}
.itemShopContents .itemShop .viewWrap .headerBuy .data dl dt {
    width: 131px;
}
.itemShopContents .itemShop .viewWrap .headerBuy .data dl dd {
    width: 414px;
}
.itemShopContents
    .itemShop
    .viewWrap
    .headerBuy
    .data
    dl
    dd
    .spinnerArea
    .ui-spinner {
    width: 150px;
}
.itemShopContents .itemShop .viewWrap .headerBuy .data dl dd.cnt input {
    width: 67px;
    height: 15px;
    margin: 6px 5px 0 0;
    float: left;
}
.itemShopContents .itemShop .viewWrap .headerBuy .data dl dd.cnt span {
    float: left;
}
.itemShopContents .itemShop .viewWrap .headerBuy .data dl dd.family select {
    width: 220px;
    height: 19px;
    font: normal 11px dotum;
    margin: 6px 0 0 0;
    display: block;
}

.itemShopContents .itemShop .viewWrap .headerGift {
    height: 138px;
    background: url(../images/itemshop/bgHeaderView_gift.gif) no-repeat;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dt {
    width: 92px;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd {
    width: 173px;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd select {
    width: 126px;
    height: 19px;
    font: normal 11px dotum;
    margin: 6px 0 0 0;
    display: block;
    float: left;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd button {
    width: 36px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -460px -223px no-repeat;
    text-indent: -9999px;
    margin: 6px 0 0 3px;
    float: left;
    display: inline;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd.cnt input {
    width: 67px;
    height: 15px;
    margin: 6px 5px 0 0;
    float: left;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd.cnt span {
    float: left;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd.msg {
    width: 452px;
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd.recipient input {
}
.itemShopContents .itemShop .viewWrap .headerGift .data dl dd.msg input {
    width: 423px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    border: 1px solid #c7c7c7;
    padding: 0 5px;
}

.itemShopContents .itemShop .viewWrap .headerComplete {
    height: 110px;
    background: url(../images/itemshop/bgHeaderView_complete.gif) no-repeat;
}
.itemShopContents .itemShop .viewWrap .headerComplete .data dl dt {
    width: 91px;
}
.itemShopContents .itemShop .viewWrap .headerComplete .data dl dd {
    width: 170px;
    padding-left: 12px;
    font-weight: bold;
}
.itemShopContents .itemShop .viewWrap .headerComplete .data dl dd span {
    font-weight: normal;
}
.itemShopContents .itemShop .viewWrap .headerComplete .data dl dd.payment {
    color: #694025;
}
.itemShopContents .itemShop .viewWrap .headerComplete .data dl dd.payment span {
    color: #565656;
}

.itemShopContents .itemShop .viewWrap .cashStatus {
    width: 692px;
    height: 110px;
    background: url(../images/itemshop/bgCashStatus.gif) no-repeat;
    position: relative;
}
.itemShopContents .itemShop .viewWrap .cashStatus dd {
    width: 218px;
    height: 32px;
    font: bold 16px/32px dotum;
    text-align: center;
    color: #694025;
    border: 3px solid #b65d05;
    padding: 0 11px;
    position: absolute;
    top: 44px;
}
.itemShopContents .itemShop .viewWrap .cashStatus dd.hold {
    left: 41px;
}
.itemShopContents .itemShop .viewWrap .cashStatus dd.payment {
    left: 306px;
}
.itemShopContents .itemShop .viewWrap .cashStatus .btnArea button {
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
}
.itemShopContents .itemShop .viewWrap .cashStatus .btnArea button.charge {
    width: 38px;
    height: 18px;
    background-position: -438px -57px;
    left: 188px;
    top: 21px;
}
.itemShopContents .itemShop .viewWrap .cashStatus .btnArea button.payment {
    width: 95px;
    height: 38px;
    background-position: -597px -30px;
    left: 557px;
    top: 44px;
}

.itemShopContents .itemShop .viewWrap .detail {
    padding: 37px 15px 31px;
}
.itemShopContents .itemShop .viewWrap .detail dl dt {
    background: url(../images/common/bullet/bulType5.gif) 0 4px no-repeat;
    font-weight: bold;
    color: #282828;
    margin: 0 0 3px 0;
    padding: 0 0 0 7px;
}
.itemShopContents .itemShop .viewWrap .detail dl dd {
    line-height: 15px;
    margin: 0 0 20px 0;
    padding: 0 0 0 7px;
}

.itemShopContents .itemShop .viewWrap .btnArea {
    border-top: 1px solid #dcdcdc;
    padding: 11px 0 45px;
}
.itemShopContents .itemShop .viewWrap .btnArea p {
    float: right;
}
.itemShopContents .itemShop .viewWrap .btnArea button {
    width: 55px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    margin: 0 3px 0 0;
    float: left;
}
.itemShopContents .itemShop .viewWrap .btnArea button.list {
    background-position: 0 -253px;
}

.itemShopContents .itemShop .viewWrap .etcItem {
    width: 636px;
    height: 122px;
    background: #fcfcfc;
    border: 1px solid #dcdcdc;
    padding: 16px 0 0 54px;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-container-horizontal,
.itemShopContents .itemShop .viewWrap .etcItem ul {
    width: 583px;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-clip {
    overflow: hidden;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-clip-horizontal {
    width: 583px;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-item,
.itemShopContents .itemShop .viewWrap .etcItem ul li {
    width: 72px;
    background: url(../images/itemshop/bgImgItem.jpg) no-repeat;
    margin: 0 30px 0 0;
    padding: 4px 0 0 0;
    float: left;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-item img,
.itemShopContents .itemShop .viewWrap .etcItem ul li img {
    width: 64px;
    height: 64px;
    margin: 0 0 13px 0;
    padding: 0 0 0 4px;
    display: block;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-item span,
.itemShopContents .itemShop .viewWrap .etcItem ul li span {
    width: 60px;
    height: 30px;
    line-height: 15px;
    font-size: 12px;
    letter-spacing: -1px;
    text-align: center;
    color: #565656;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.itemShopContents .itemShop .viewWrap .etcItem ul li.last {
    margin-right: 0;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-prev-horizontal {
    width: 14px;
    height: 137px;
    background: url(../images/common/sprBtnSet.png) 0 -310px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: -54px;
    top: -15px;
}
.itemShopContents .itemShop .viewWrap .etcItem .jcarousel-next-horizontal {
    width: 14px;
    height: 137px;
    background: url(../images/common/sprBtnSet.png) -14px -310px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: -53px;
    top: -15px;
}

.itemShopContents .itemShop .viewWrap .complete {
    line-height: 20px;
    text-align: center;
}
.itemShopContents .itemShop .viewWrap .complete p {
    padding: 60px 0;
}
.itemShopContents .itemShop .viewWrap .complete strong {
    font-size: 16px;
    font-weight: bold;
    color: #282828;
}

/*아이템샵 거래보안번호 설정 2014-06-13*/
.itemShopContents .security .header {
    margin: 0 0 27px 0;
    width: 692px;
    height: 115px;
    background: url(../images/itemshop/sprHeaderSecurity.gif) no-repeat;
}
.itemShopContents .security .contents {
    padding: 32px 0 0 0;
    width: 692px;
    height: 348px;
    background: url(../images/itemshop/bgSecurityList.gif) no-repeat;
}
/* 2015-04-06 삭제 */
/*.itemShopContents .security.gameEdit.step1 .contents,*/
/*.itemShopContents .security.clear.step1 .contents{padding:32px 0 0 0; width:690px; height:420px; background:#ececec; border:1px solid #d9d0d0;}*/
/*.itemShopContents .security .contents .conArea .notice {margin:16px 0 30px 0;width:632px; height:64px; background: url(../images/itemShop/txtSecurityNotice.gif) no-repeat;}*/
/* //2015-04-06 삭제 */
.itemShopContents .security .contents dl.title {
    margin: 0 0 18px 35px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
}
.itemShopContents .security .contents .conArea {
    margin: 0 0 0 30px;
}
.itemShopContents .security .contents li {
    float: left;
    width: 300px;
    height: 272px;
    background: url(../images/itemshop/sprContentsSecurity.gif) no-repeat;
}
.itemShopContents .security .contents li.phone {
    margin: 0 32px 0 0;
}
.itemShopContents .security .contents li.ipin {
    background-position: -332px 0;
}
.itemShopContents .security .contents .btn {
    margin: 0 auto;
    width: 174px;
}
.itemShopContents .security .contents .btn button {
    display: block;
    width: 174px;
    height: 53px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
}
.itemShopContents .security .contents button.phoneBtn {
    background-position: 0 -672px;
}
.itemShopContents .security .contents button.ipinBtn {
    background-position: -178px -672px;
}

.itemShopContents .security.step1 .contents dl.title {
    width: 336px;
    height: 21px;
    background-position: 0 -138px;
}
.itemShopContents .security.step1 .contents .btn {
    padding: 171px 0 0 0;
}
.itemShopContents .security.step2 .header {
    background-position: 0 -115px;
}
.itemShopContents .security.step2 .contents dl.title {
    width: 430px;
    height: 21px;
    background-position: 0 -110px;
}
.itemShopContents .security.step2 .conArea {
    width: 620px;
    height: 258px;
    background: #fff;
    border: 6px solid #7e5a25;
}
.itemShopContents .security.step2 .conArea fieldset input {
    display: block;
    padding: 0 10px;
    width: 208px;
    height: 28px;
    background: #f5f5f5;
    border: 1px solid #c7c7c7;
    line-height: 28px;
}
.itemShopContents .security.step2 .conArea fieldset dl {
    padding: 46px 0 0 118px;
}
.itemShopContents .security.step2 .conArea fieldset dt {
    padding: 6px 0 0 0;
    float: left;
    width: 153px;
}
.itemShopContents .security.step2 .conArea fieldset dt label {
    display: block;
    height: 16px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
}
.itemShopContents .security.step2 .conArea fieldset dt.input label {
    width: 119px;
    background-position: -350px -234px;
}
.itemShopContents .security.step2 .conArea fieldset dt.reInput {
    clear: both;
}
.itemShopContents .security.step2 .conArea fieldset dt.reInput label {
    margin: 0 20px 0 0;
    width: 133px;
    background-position: -494px -234px;
}
.itemShopContents .security.step2 .conArea fieldset dd {
    float: left;
}
.itemShopContents .security.step2 .conArea fieldset dd span {
    display: block;
    padding: 9px 0 11px 0;
    font-size: 11px;
    letter-spacing: -1px;
}
.itemShopContents .security.step2 .conArea fieldset .btn {
    padding: 38px 0 0 0;
}
.itemShopContents .security.step2 .conArea fieldset button {
    background-position: -356px -672px;
}
.itemShopContents .security.step3 .header {
    background-position: 0 -230px;
}
.itemShopContents .security.step3 .conArea {
    padding: 56px 0 0 0;
    margin: 0;
}
.itemShopContents .security.step3 .conArea .txt {
    margin: 0 auto;
    width: 383px;
    height: 74px;
    background: url(../images/itemshop/txtSecurityComplete.gif) no-repeat;
    text-indent: -9999px;
}
.itemShopContents .security.step3 .conArea .btn {
    padding: 80px 0 0 0;
}
.itemShopContents .security.step3 .conArea .btn button {
    background-position: 0 -730px;
}

/*아이템샵 거래번호 초기화 2014-06-13*/
.itemShopContents .security.edit .header {
    background-position: 0 -367px;
}
.itemShopContents .security.edit.step3 .header {
    background-position: 0 -513px;
}
.itemShopContents .security.edit.step1 .contents dl.title {
    width: 499px;
    height: 21px;
    background-position: 0 -80px;
}
.itemShopContents .security.edit .conArea .txt {
    width: 419px;
    height: 54px;
    background: url(../images/itemshop/txtSecurityEditComplete.gif) no-repeat;
}
.itemShopContents .security.edit.step3 .conArea .btn {
    width: 364px;
    padding: 100px 0 0 0;
}
.itemShopContents .security.edit.step3 .conArea .btn button {
    float: left;
}
.itemShopContents .security.edit.step3 .conArea .btn button.reEditBtn {
    margin: 0 16px 0 0;
    background-position: -278px -730px;
}

/*아이템샵 게임 거래 잠금번호 초기화 2014-06-13*/
.itemShopContents .security.gameEdit .header {
    background-position: 0 -655px;
}
.itemShopContents .security.gameEdit.step3 .header {
    background-position: 0 -798px;
}
.itemShopContents .security.gameEdit.step1 .contents dl.title {
    width: 361px;
    height: 21px;
    background-position: 0 -51px;
}
.itemShopContents .security.gameEdit .conArea .txt {
    width: 419px;
    height: 54px;
    background: url(../images/itemshop/txtSecurityGameComplete.gif) no-repeat;
}
.itemShopContents .security.gameEdit .conArea .btn {
    padding: 100px 0 0 0;
}
.itemShopContents .security.gameEdit.step1 .conArea .btn {
    padding: 171px 0 0 0;
}
.itemShopContents .security.gameEdit .conArea .btn button.confirm {
    background-position: -457px -730px;
}

/* 게임 거래 제한 해제   2015-03-18 */
.itemShopContents .security.clear .header {
    background-position: 0 -655px;
}
.itemShopContents .security.clear.step3 .header {
    background-position: 0 -798px;
}
.itemShopContents .security.clear.step1 .contents dl.title {
    width: 361px;
    height: 21px;
    background-position: 0 -1124px;
}
.itemShopContents .security.clear .conArea .txt {
    width: 404px;
    height: 78px;
    background: url(../images/itemshop/txtSecurityClearComplete.gif) no-repeat;
}
.itemShopContents .security.clear .conArea .btn button.confirm {
    background-position: -457px -730px;
}

/* 부가서비스 */
.itemShopContents .valAddService {
    background: url(../images/itemshop/bgValAddServiceHeader.gif) no-repeat;
    padding: 39px 0 0 0;
}
/* 2014-06-27 */
.itemShopContents .valAddService table {
    width: 692px;
}
.itemShopContents .valAddService table th {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.itemShopContents .valAddService table td {
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
}
.itemShopContents .valAddService table td.description div {
    width: 570px;
    height: 120px;
    background: url(../images/itemshop/sprValAddServiceDesc.jpg) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
} /* 210713 수정 */
.itemShopContents .valAddService table td.description div.sexChange {
    background-position: 0 -120px;
}
.itemShopContents .valAddService table td.description div.nameChange {
    background-position: 0 -240px;
}
.itemShopContents .valAddService table td.description div.familyCopy {
    background-position: 0 -360px;
}
.itemShopContents .valAddService table td.description div.otp {
    background-position: 0 -480px;
}
.itemShopContents .valAddService table td.price strong {
    font-weight: bold;
    color: #694025;
}
/* S : 190725 수정 */
.itemShopContents .valAddService table td.price button {
    width: 62px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -282px -223px no-repeat;
    text-indent: -9999px;
    display: block;
    margin: 9px auto 0;
}
/* E : 190725 수정 */
.itemShopContents .valAddService .btn {
    padding: 20px 10px 0 0;
}
.itemShopContents .valAddService .btn button {
    width: 175px;
    height: 38px;
    background: url(../images/common/sprBtnSet.png) -416px -552px no-repeat;
    text-indent: -9999px;
    float: right;
}
.itemShopContents .valAddService .cautions {
    background: url(../images/itemshop/ValAddServiceCaution.jpg) no-repeat;
    width: 570px;
    height: 127px;
} /* 210713 추가 */
/* // 2014-06-27 */

/* 포인트샵 */
.itemShopContents .pointShop .shopGP .header {
    width: 692px;
    height: 100px;
    background: url(../images/itemshop/bgHeaderGP.jpg) no-repeat;
    margin: 0 0 35px 0;
    padding: 162px 0 0 0;
    overflow: hidden;
    position: relative;
}
.itemShopContents .pointShop .shopGP .header .btnGPStandards {
    position: absolute;
    right: 0;
    top: 28px;
}
.itemShopContents .pointShop .shopGP .header .btnGPStandards button {
    width: 80px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) no-repeat -542px -310px;
    text-indent: -9999px;
    display: block;
}
.itemShopContents .pointShop .shopGP .header .entry {
    padding: 0 0 0 15px;
    position: relative;
}
.itemShopContents .pointShop .shopGP .header .entry .contents {
    width: 390px;
}
.itemShopContents .pointShop .shopGP .header .entry .contents dl {
    height: 36px;
}
.itemShopContents .pointShop .shopGP .header .entry .contents dl dt {
    height: 17px;
    background: url(../images/common/sprTxtSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.itemShopContents .pointShop .shopGP .header .entry .contents dl dd {
    height: 17px;
    line-height: 18px;
    color: #282828;
    float: left;
}
.itemShopContents .pointShop .shopGP .header .entry .contents dl dt.period {
    width: 53px;
    background-position: -254px -597px;
}
.itemShopContents .pointShop .shopGP .header .entry .contents dl dd.period {
    width: 241px;
}
.itemShopContents .pointShop .shopGP .header .entry .contents dl dt.recur {
    width: 32px;
    background-position: -310px -597px;
}
.itemShopContents .pointShop .shopGP .header .entry .contents p {
    height: 50px;
    line-height: 16px;
    color: #282828;
    padding: 0 0 0 2px;
    overflow: hidden;
}
.itemShopContents .pointShop .shopGP .header .entry .btnEntry {
    position: absolute;
    right: 29px;
    top: 36px;
}
.itemShopContents .pointShop .shopGP .header .entry .btnEntry button {
    width: 101px;
    height: 50px;
    background: url(../images/common/sprBtnSet.png) -32px -354px no-repeat;
    text-indent: -9999px;
    display: block;
}
.itemShopContents .pointShop .shopGP .header .entry .btnEntry button small {
    font: normal 10px dotum;
    text-indent: 0;
    color: #fff;
    display: block;
    line-height: 30px;
}
.itemShopContents
    .pointShop
    .shopGP
    .header
    .entry
    .btnEntry
    button
    small
    strong {
    font: normal 10px Verdana;
    text-decoration: underline;
}
.itemShopContents .pointShop .shopGP .top100 h5 {
    width: 387px;
    height: 19px;
    background: url(../images/common/sprTxtSet.png) 0 -578px no-repeat;
    text-indent: -9999px;
}
.itemShopContents .pointShop .shopGP .top100 .list {
    background: url(../images/itemshop/bgGPTop100Header.gif) no-repeat;
    padding: 43px 0 0 0;
}
.itemShopContents .pointShop .shopGP .top100 .list table {
    width: 692px;
}
.itemShopContents .pointShop .shopGP .top100 .list table th {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.itemShopContents .pointShop .shopGP .top100 .list table td {
    height: 30px;
    border-bottom: 1px solid #e2e2e2;
}
.itemShopContents .pointShop .shopGP .top100 .list table td img {
    vertical-align: middle;
}
.itemShopContents .pointShop .shopGP .top100 .list table td.rank {
    text-align: center;
    font-weight: bold;
}
.itemShopContents .pointShop .shopGP .top100 .list table td.family {
    padding: 0 0 0 7px;
}
.itemShopContents .pointShop .shopGP .top100 .list table td.family a:hover {
    color: #694025;
}
.itemShopContents .pointShop .shopGP .top100 .list table td.gp {
    text-align: center;
}
.itemShopContents .pointShop .shopPCBang .header {
    width: 692px;
    height: 30px;
    background: url(../images/itemshop/bgHeaderPCBang.jpg) no-repeat;
    margin: 0 0 32px 0;
    padding: 201px 0 0 0;
    overflow: hidden;
    position: relative;
}
.itemShopContents .pointShop .shopPCBang .header .btnFindPCBang {
    position: absolute;
    right: 10px;
    top: 39px;
}
.itemShopContents .pointShop .shopPCBang .header .btnFindPCBang a {
    width: 122px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -416px -310px no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl {
    padding: 0 0 0 15px;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dt,
.itemShopContents .pointShop .shopPCBang .header .summary dl dd {
    height: 18px;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dt.hold {
    width: 95px;
    background: url(../images/common/sprTxtSet.png) 0 -560px no-repeat;
    text-indent: -9999px;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dd.hold {
    width: 243px;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dd.hold strong {
    width: 150px;
    height: 16px;
    line-height: 16px;
    background: #fff;
    border: 1px solid #c7c7c7;
    font-weight: normal;
    text-align: right;
    margin: 0 3px 0 0;
    padding: 0 5px;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dd.hold img {
    padding: 4px 0 0 0;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dt.family label {
    width: 114px;
    height: 18px;
    background: url(../images/common/sprTxtSet.png) -96px -560px no-repeat;
    text-indent: -9999px;
    display: block;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dd.family select {
    width: 131px;
    height: 18px;
    font: normal 11px dotum;
    margin: 0 4px 0 0;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .header .summary dl dd.family button {
    width: 62px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -625px -310px no-repeat;
    text-indent: -9999px;
    float: left;
    color: transparent;
}
.itemShopContents .pointShop .shopPCBang .limitedList {
    width: 692px;
    height: 223px;
    background: url(../images/itemshop/bgPCBangLimitedList.gif) no-repeat;
}
.itemShopContents .pointShop .shopPCBang .limitedList h5 {
    height: 34px;
    line-height: 34px;
    color: #282828;
    padding: 0 0 0 17px;
}
.itemShopContents .pointShop .shopPCBang .limitedList h5 small {
    font-size: 11px;
    font-weight: normal;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul {
    padding: 21px 0 0 29px;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li {
    width: 211px;
    margin: 0 12px 0 0;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li.last {
    margin-right: 0;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .info {
    margin: 0 0 12px 0;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .info .imgItem {
    width: 67px;
    height: 67px;
    background: url(../images/itemshop/bgImgItem.jpg) no-repeat;
    margin: 0 9px 0 0;
    padding: 5px 0 0 5px;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .info .imgItem img {
    width: 62px;
    height: 62px;
    display: block;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .info .name {
    width: 110px;
    line-height: 16px;
    padding: 1px 0 0 0;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .info .name strong {
    height: 30px;
    color: #694025;
    margin: 0 0 7px 0;
    display: block;
    overflow: hidden;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .info .name span {
    height: 30px;
    color: #282828;
    display: block;
    overflow: hidden;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li dl {
    color: #282828;
    padding: 0 0 0 2px;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li dl dt {
    width: 67px;
    height: 20px;
    background: url(../images/common/bullet/bulType4.gif) 0 5px no-repeat;
    padding: 0 0 0 7px;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li dl dd {
    width: 130px;
    height: 20px;
    float: left;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li dl dd.point {
    color: #694025;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li dl dd.point img {
    vertical-align: middle;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .btn {
    width: 62px;
    padding: 0 0 0 57px;
}
.itemShopContents .pointShop .shopPCBang .limitedList ul li .btn button {
    width: 62px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -282px -223px no-repeat;
    text-indent: -9999px;
    display: block;
}

/* 다운로드 ======================================== */

/* 게임 다운로드 */
.downloadContents .download {
    width: 692px;
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 29px 0 0 0;
}
.downloadContents .download .gameDown {
    width: 654px;
    height: 171px;
    background: url(../images/download/bgDownloadLink.jpg) no-repeat;
    margin: 0 0 49px 0;
    padding: 40px 0 0 38px;
}
.downloadContents .download .gameDown .link {
    margin: 0 0 24px 0;
}
.downloadContents .download .gameDown .link li {
    margin: 0 10px 0 0;
    float: left;
}
.downloadContents .download .gameDown .link li button {
    width: 303px;
    height: 78px;
    background: none;
    text-indent: -9999px;
    display: block;
}
.downloadContents .download .gameDown .notes li {
    background: url(../images/common/bullet/bulType4.gif) 0 5px no-repeat;
    color: #282828;
    margin: 0 0 5px 0;
    padding: 0 0 0 6px;
    vertical-align: top;
}
.downloadContents .download .gameDown .notes li span {
    margin: 0 7px 0 0;
    float: left;
}
.downloadContents .download .gameDown .notes li a {
    width: 62px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -593px -329px no-repeat;
    text-indent: -9999px;
    margin: -4px 0 0 0;
    float: left;
    overflow: hidden;
}
.downloadContents .download .table {
    background: url(../images/download/bgDownTableTop.gif) repeat-x;
    padding: 2px 0 0 0;
}
.downloadContents .download .table table {
    width: 692px;
}
.downloadContents .download .table table td,
.downloadContents .download table th {
    border: 1px solid #e2e2e2;
}
.downloadContents .download .spec {
    margin: 0 0 49px 0;
}
.downloadContents .download .spec h4 {
    width: 96px;
    height: 21px;
    background: url(../images/common/sprTxtSet.png) -363px -335px no-repeat;
    text-indent: -9999px;
}
.downloadContents .download .spec table th,
.downloadContents .download .spec table td {
    height: 34px;
    text-align: center;
}
.downloadContents .download .spec table td {
    letter-spacing: -1px;
}
.downloadContents .download .spec table th {
    background: #f6f3f2;
    color: #282828;
}
.downloadContents .download .spec table th.th {
    font-weight: normal;
}
.downloadContents .download .driver h4 {
    width: 214px;
    height: 21px;
    background: url(../images/common/sprTxtSet.png) -475px -335px no-repeat;
    text-indent: -9999px;
}
.downloadContents .download .driver table th {
    background: #f6f3f2;
    padding: 16px 0;
}
.downloadContents .download .driver table td {
    line-height: 15px;
    text-align: center;
    padding: 10px 0 16px;
}
.downloadContents .download .driver table td a {
    width: 62px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -137px -368px no-repeat;
    text-indent: -9999px;
    margin: 14px auto 0;
    display: block;
    overflow: hidden;
}
/*한빛온런처 다운로드 추가 230717*/
.downloadContents .download .launcher {
    margin: 0 0 49px 0;
}
.downloadContents .download .launcher h4 {
    width: 155px;
    height: 21px;
    background: url(../images/common/sprTxtSet.png) -538px -360px no-repeat;
    text-indent: -9999px;
}
.downloadContents .download .launcher .game_box {
    height: 135px;
    border: solid 1px #e2e2e2;
    background: url(../images/download/bgDownTableTop.gif) repeat-x;
    padding: 2px 0 0 0;
    text-align: center;
}
.downloadContents .download .launcher .game_box p {
    margin-top: 30px;
    line-height: 1.2;
}
.downloadContents .download .launcher .game_box a {
    width: 62px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -137px -368px no-repeat;
    text-indent: -9999px;
    margin: 14px auto 0;
    display: block;
    overflow: hidden;
}
/* 갤러리 */
.downloadContents .gallery {
    width: 692px;
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 29px 0 0 0;
}
.downloadContents .gallery .objectArea {
    height: 500px;
    background: #000;
    margin: 0 0 1px 0;
}
.downloadContents .galMovie .objectArea {
    height: 460px;
}
.downloadContents .gallery .objectArea h4 {
    height: 30px;
    line-height: 30px;
    background: #282828;
    font-weight: normal;
    color: #fff;
    padding: 0 0 0 15px;
}
.downloadContents .gallery .objectArea .object img {
    width: 692px;
    height: 470px;
    display: block;
}
.downloadContents .gallery .nav {
    width: 608px;
    height: 137px;
    padding: 25px 42px 0;
    background: url(../images/download/bgGalleryNav.gif) no-repeat;
    position: relative;
}
.downloadContents .gallery .nav .jcarousel-container-horizontal {
    width: 605px;
}
.downloadContents .gallery .nav .jcarousel-clip {
    overflow: hidden;
}
.downloadContents .gallery .nav .jcarousel-clip-horizontal {
    width: 605px;
}
.downloadContents .gallery .nav .jcarousel-item,
.downloadContents .gallery .nav ul li {
    margin: 0 12px 0 0;
    float: left;
}
.downloadContents .gallery .nav .jcarousel-item button,
.downloadContents .gallery .nav ul li button {
    width: 142px;
    background: none;
    text-align: center;
    display: block;
}
.downloadContents .gallery .nav .jcarousel-item img,
.downloadContents .gallery .nav ul li img {
    width: 140px;
    height: 90px;
    border: 1px solid #f3f3f3;
    margin: 0 0 9px 0;
    display: block;
}
.downloadContents .gallery .nav .jcarousel-item span,
.downloadContents .gallery .nav ul li span {
    width: 142px;
    height: 30px;
    letter-spacing: -1px;
    display: block;
    overflow: hidden;
}
.downloadContents .gallery .nav ul li.last {
    margin-right: 0;
}
.downloadContents .gallery .nav .jcarousel-prev-horizontal {
    width: 16px;
    height: 31px;
    background: url(../images/common/sprBtnSet.png) -32px -416px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: -30px;
    top: 39px;
}
.downloadContents .gallery .nav .jcarousel-next-horizontal {
    width: 16px;
    height: 31px;
    background: url(../images/common/sprBtnSet.png) -50px -416px no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: -30px;
    top: 39px;
}
.downloadContents .gallery .nav li.on button img {
    border: 1px solid #8d0c11;
}
.downloadContents .gallery .nav li.on button span {
    font-weight: bold;
}

/* 쥬크박스 */
.jukeboxContents .jukeboxList {
    width: 692px;
    padding: 39px 0 0 0;
}
.jukeboxContents .jukeboxList table {
    width: 691px;
}
.jukeboxContents .jukeboxList table th {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.jukeboxContents .jukeboxList table td {
    height: 34px;
    border: 1px solid #e2e2e2;
}
.jukeboxContents .jukeboxList table .first td {
    border-top: 0 none;
}
.jukeboxContents .jukeboxList table td.subject {
    letter-spacing: -1px;
    padding: 0 0 0 10px;
}
.jukeboxContents .jukeboxList table td a {
    width: 20px;
    height: 19px;
    background: url(../images/common/sprBtnSet.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.jukeboxContents .jukeboxList table td a.play {
    background-position: -78px -416px;
    margin: 0 2px 0 14px;
}
.jukeboxContents .jukeboxList table td a.playOn {
    background-position: -120px -416px;
}
.jukeboxContents .jukeboxList table td button.stop {
    width: 20px;
    height: 19px;
    background: url(../images/common/sprBtnSet.png) -99px -416px no-repeat;
    text-indent: -9999px;
    float: left;
}
.jukeboxContents .jukeboxList table td img.sound {
    padding: 0 0 0 3px;
    display: none;
}
.jukeboxContents .jukeboxBGM {
    background: url(../images/download/bgJukeboxListHeader_bgm.gif) no-repeat;
}
.jukeboxContents .jukeboxChar {
    background: url(../images/download/bgJukeboxListHeader_char.gif) no-repeat;
}

/* S : 2021-03-30 추가 */
/* 미디어팩 */
.mediapackContents .mediapack {
    width: 692px;
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    padding: 29px 0 0 0;
}
.mediapackContents .mediapack > p {
    color: #282828;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: pre-line;
    line-height: 16px;
}
.mediapackContents .mediapack-list {
    margin-top: 22px;
}
.mediapackContents .mediapack-list li {
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    padding: 25px 0;
}
.mediapackContents .thumbnail {
    float: left;
    border: 1px solid #c7c7c7;
    width: 346px;
    height: 185px;
}
.mediapackContents .txt-info {
    position: relative;
    float: left;
    width: 312px;
    padding-left: 32px;
    color: #565656;
    font-size: 11px;
    padding-top: 18px;
}
.mediapackContents .txt-info h4 {
    color: #282828;
    font-size: 12px;
    padding-bottom: 6px;
}
.mediapackContents .txt-info p {
    line-height: 16px;
    padding-top: 6px;
}
.mediapackContents .mediapack-download {
    position: absolute;
    top: 125px;
    background: url(../images/common/sprBtnSet.png) -403px -922px no-repeat;
    width: 144px;
    height: 42px;
}
.mediapackContents .mediapack-commingsoon {
    position: absolute;
    top: 125px;
    background: url(../images/common/sprBtnSet.png) -403px -875px no-repeat;
    width: 144px;
    height: 42px;
}
/* E : 2021-03-30 추가 */

/* 고객센터 ======================================== */

/* FAQ */
.customerContents .faq .header {
    background: #9d8161;
    border-bottom: 2px solid #ececeb;
    margin: 0 0 28px 0;
    padding: 4px;
}
.customerContents .faq .header h4 {
    width: 684px;
    height: 33px;
    background: url(../images/common/sprTxtSet.png) 0 -302px no-repeat;
    text-indent: -9999px;
}
.customerContents .faq .header ul {
    background: #fff;
    padding: 4px 0 0 1px;
}
.customerContents .faq .header ul li {
    width: 310px;
    height: 29px;
    line-height: 29px;
    background: url(../images/common/bullet/sprBulSet.png) 0 -892px no-repeat;
    border-bottom: 1px dotted #dcdcdc;
    margin: 0 7px 0 0;
    padding: 0 0 0 27px;
    float: left;
    overflow: hidden;
}
.customerContents .faq .header ul li.nthChild-2n {
    margin-right: 2px;
}
.customerContents .faq .header ul li.last {
    border-bottom: 0 none;
}
.customerContents .faq .header ul li a:hover {
    color: #694025;
}
.customerContents .faq .header fieldset {
    padding: 13px 0 9px 59px;
}
.customerContents .faq .header fieldset label {
    width: 92px;
    height: 23px;
    background: url(../images/common/sprTxtSet.png) -260px -335px no-repeat;
    text-indent: -9999px;
    float: left;
}
.customerContents .faq .header fieldset input {
    width: 414px;
    height: 23px;
    line-height: 23px;
    background: #000;
    border: 0;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 0 5px;
    float: left;
}
.customerContents .faq .header fieldset button {
    width: 46px;
    height: 23px;
    background: url(../images/common/sprBtnSet.png) -235px -57px no-repeat;
    text-indent: -9999px;
    float: left;
}
.customerContents .faq .faqList .list {
    background: url(../images/customer/bgFaqListHeader.gif) no-repeat;
    padding: 39px 0 0 0;
}
.customerContents .faq .faqList .list dl {
    zoom: 1;
}
.customerContents .faq .faqList .list dl:after {
    clear: both;
    display: block;
    content: "";
}
.customerContents .faq .faqList .list dl dt {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
}
.customerContents .faq .faqList .list dl dd {
    border-bottom: 1px solid #e2e2e2;
}
.customerContents .faq .faqList .list dl dd.division {
    width: 102px;
    height: 34px;
    line-height: 34px;
    font-size: 11px;
    letter-spacing: -1px;
    font-weight: bold;
    text-align: center;
    color: #694025;
    float: left;
}
.customerContents .faq .faqList .list dl dd.question {
    width: 573px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px 0 7px;
    float: left;
}
.customerContents .faq .faqList .list dl dd.question button {
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: none;
    text-align: left;
    color: #565656;
    display: block;
}
.customerContents .faq .faqList .list dl dd.question button.hover {
    color: #694025;
    text-decoration: underline;
}
.customerContents .faq .faqList .list dl dd.answer {
    line-height: 16px;
    color: #282828;
    background: #fcfbfa url(../images/common/bullet/bulFAQ.gif) 15px -57px
        no-repeat;
    padding: 10px 30px 12px 36px;
    word-break: break-all;
    word-wrap: break-word;
    clear: both;
    display: none;
}
.customerContents .faq .faqList .list li.noResult {
    border-bottom: 1px solid #e2e2e2;
    zoom: 1;
}
.customerContents .faq .faqList .list li.noResult p {
    width: 231px;
    height: 67px;
    background: url(../images/customer/txtFAQNoResult.gif) no-repeat;
    text-indent: -9999px;
    margin: 130px auto;
}
/* 2014-09-11 추가 */
.customerContents .faq .btnGoFaq {
    margin: -20px 0 38px;
}
.customerContents .faq .btnGoFaq a {
    width: 87px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) -416px -593px no-repeat;
    text-indent: -9999px;
    float: right;
    overflow: hidden;
}
/* // 2014-09-11 추가 */

/* 1대1 문의 */
.customerContents .inquiry .inquiryForm {
    border-top: 2px solid #b65d05;
    *padding-top: 1px;
    overflow: hidden;
}
.customerContents .inquiry .inquiryForm table {
    width: 692px;
    border-top: 1px solid #e7e2de;
}
.customerContents .inquiry .inquiryForm table th,
.customerContents .inquiry .inquiryForm table td {
    background: #f6f5f1 url(../images/customer/bgInquiryTable.gif) top repeat-x;
    border-bottom: 1px solid #fff;
}
.customerContents .inquiry .inquiryForm table th {
    text-align: left;
    letter-spacing: -1px;
    color: #282828;
    padding: 7px 0 5px 15px;
}
.customerContents .inquiry .inquiryForm table td {
    background-color: transparent;
    padding-left: 8px;
    padding: 7px 0 5px 8px;
}
.customerContents .inquiry .inquiryForm table td select {
    width: 115px;
    height: 18px;
    font-size: 11px;
    color: #565656;
}
/* 2014-09-11 */
.customerContents .inquiry .inquiryForm table td textarea {
    width: 528px;
    height: 68px;
    border: 1px solid #dcdcdc;
    font: normal 12px dotum;
    color: #565656;
    padding: 5px;
    overflow-y: scroll;
}
.customerContents .inquiry .inquiryForm table td textarea#inputContents {
    height: 300px;
}
/* // 2014-09-11 */
.customerContents .inquiry .inquiryForm table tr.division td select {
    margin: 0 3px 0 0;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.division td button {
    width: 36px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -460px -223px no-repeat;
    text-indent: -9999px;
    float: left;
    margin: 0 10px 0 0;
}
.customerContents .inquiry .inquiryForm table tr.subject td input {
    width: 528px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #dcdcdc;
    padding: 0 5px;
    display: block;
}
.customerContents .inquiry .inquiryForm table tr.phone td p.phone {
    margin: 0 17px 0 0;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.phone td p.phone span {
    height: 18px;
    line-height: 18px;
    margin: 0 6px 0 0;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.phone td p.phone button {
    width: 62px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -545px -272px no-repeat;
    text-indent: -9999px;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.phone td p.sms {
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.phone td p.sms span {
    height: 18px;
    line-height: 18px;
    margin: 0 8px 0 0;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.phone td p.sms input {
    width: 13px;
    height: 13px;
    margin: 2px 2px 0 0;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.phone td p.sms label {
    height: 18px;
    line-height: 18px;
    margin: 0 27px 0 0;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.attach td input {
    margin: 0 0 4px 0;
    display: block;
}
.customerContents .inquiry .inquiryForm table tr.attach td span strong {
    color: #694025;
}
.customerContents .inquiry .inquiryForm table tr.pcInfo td textarea {
    margin: 0 0 3px 0;
}
.customerContents .inquiry .inquiryForm table tr.pcInfo td button {
    width: 93px;
    height: 18px;
    background: url(../images/common/sprBtnSet.png) -416px -329px no-repeat;
    text-indent: -9999px;
    margin: 0 11px 0 0;
    float: left;
}
.customerContents .inquiry .inquiryForm table tr.pcInfo td span {
    height: 18px;
    line-height: 18px;
    float: left;
}
.customerContents .inquiry .inquiryForm table .notes {
    font-size: 11px;
    border-bottom: 0 none;
    padding-top: 10px;
    padding-left: 0;
}
.customerContents .inquiry .inquiryForm table .notes span {
    font-family: tahoma;
}
.customerContents .inquiry .btnSubmit p {
    margin: -17px 0 0 0;
    float: right;
}
.customerContents .inquiry .btnSubmit button {
    width: 77px;
    height: 25px;
    background: url(../images/common/sprBtnSet.png) -209px -341px no-repeat;
    text-indent: -9999px;
    display: block;
}

/* S : 2020-01-31 추가 */
.customerContents .inquiry .inquiryForm .data-collect {
    position: relative;
    padding: 10px 0;
    line-height: 22px;
}
.customerContents .inquiry .inquiryForm .data-collect input,
.customerContents .inquiry .inquiryForm .data-collect label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.customerContents .inquiry .inquiryForm .detail-view-btn {
    display: block;
    position: absolute;
    top: 15px;
    right: 2px;
    width: 85px;
    height: 23px;
    line-height: 25px;
    background: #eee;
    border: 1px solid #c3c2c2;
    text-align: center;
    color: #333;
    cursor: pointer;
}
.customerContents .inquiry .inquiryForm .detail-view-box {
    display: none;
    position: relative;
    top: -34px;
    border: 1px solid #c3c2c2;
    background: #fff;
    padding: 10px;
    margin: 0 auto;
    box-sizing: border-box;
}
.customerContents .inquiry .inquiryForm .detail-view-box ol {
    list-style-type: decimal;
    padding-left: 15px;
    line-height: 18px;
    margin-top: 8px;
}
/* E : 2020-01-31 추가 */

/* 운영정책 */
.customerContents .policy .nav {
    width: 692px;
    background: url(../images/common/bullet/bgSubTitBtm.gif) repeat-x;
    margin: 0 0 10px 0;
    padding: 29px 0 0 0;
}
/* 2014-08-18 */
.customerContents .policy .nav ol {
    background: #7f6341;
    border: 1px solid #dcdcdc;
}
.customerContents .policy .nav ol li {
    float: left;
}
.customerContents .policy .nav ol li a {
    width: 152px;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #998267;
    border-bottom: 1px solid #998267;
    color: #f3f3f2;
    padding: 0 0 0 20px;
    display: block;
}
.customerContents .policy .nav ol li a:hover,
.customerContents .policy .nav ol li a.current {
    font-weight: bold;
    color: #fff1ce;
}
.customerContents .policy .nav ol li.nthChild-4n a {
    width: 151px;
    border-right: 0 none;
}
.customerContents .policy .nav ol li.last a {
    border-bottom: 0 none;
}
.customerContents .policy .policyWrap {
    height: 640px;
    line-height: 16px;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 19px;
    overflow-y: scroll;
}
/* // 2014-08-18 */
.customerContents .policy .policyWrap .appDate {
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: bold;
    text-decoration: underline;
    color: #694025;
    margin: 0 0 17px 0;
}
.customerContents .policy .policyFrame {
    margin: 0 0 15px 0;
}
.customerContents .policy .policyFrame h4 {
    color: #282828;
    margin: 0 0 6px 0;
}
.customerContents .policy .policyFrame h5 {
    margin: 10px 0 6px;
}
.customerContents .policy .policyFrame ul li ul {
    padding: 0 0 0 27px;
}
.customerContents .policy .policyFrame ul li ul li ul {
    padding-left: 0;
}
.customerContents .policy .policyFrame table {
    width: 100%;
    margin: 0 0 20px 0;
}
.customerContents .policy .policyFrame table th,
.customerContents .policy .policyFrame table td {
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 5px 0;
}
.customerContents .policy .policyFrame table tr.header th {
    height: 30px;
}

/*S:2015-06-19 추가*/
.sideArea .personalize .logined .goCommunity button {
    width: 228px;
    height: 16px;
    line-height: 18px;
    *line-height: 16px;
    background: url(../images/common/bgLoginCommSel.gif) no-repeat;
    font-size: 11px;
    text-align: left;
    color: #fff;
    padding: 0 0 0 5px;
    display: block;
}
/*E:2015-06-19 추가*/

/*S:2015-10-05 추가*/
.ar_pop_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 260px;
    height: 263px;
    z-index: 150;
}
.ar_pop_area .ar_pop {
    position: relative;
    margin: 73px auto 0;
    width: 192px;
    height: 128px;
    background: url(../images/main/ar_bg.jpg) no-repeat 0 0;
    text-align: center;
}
.ar_pop_area .ar_pop .ar_txt {
    margin: 0 auto;
    color: #7e7b79;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding-top: 28px;
    line-height: 16px;
}
.ar_pop_area .ar_pop .ar_txt .ar_brown {
    color: #d7670c;
}
.ar_pop_area .ar_dimmed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ar_pop_area .ar_pop .ar_read_btn {
    margin-top: 14px;
    display: inline-block;
    overflow: hidden;
    width: 83px;
    height: 34px;
    background: url(../images/main/ar_read_btn.jpg) no-repeat 0 0;
    line-height: 999px;
    vertical-align: top;
}
.ar_pop_area .ar_pop .ar_close_btn {
    position: absolute;
    right: 6px;
    top: 6px;
    display: inline-block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    background: url(../images/main/ar_close_btn.png) no-repeat 0 0;
    line-height: 999px;
    vertical-align: top;
}
/*E:2015-10-05 추가*/

/* S: 171213[수정] */
#WingBanner .rW_btn {
    width: 100px;
    height: 245px;
    background: url(../images/common/btn_gemoconR.jpg) 0 0 no-repeat;
}
#WingBanner a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}
/* E: 171213[수정] */

/* 202406 OTP 팝업 */
.otp-popup {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #7f7f7f;
    width: 640px;
    z-index: 100;
}
.otp-popup .headline-wrapper {
    background: url(../images/common/otp-headline-background.jpg) repeat-y 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 78px;
}
.otp-popup .headline-wrapper .headline {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.75px;
}
.otp-popup .content-wrapper {
    background: #fff;
    padding: 58px 50px;
}
.otp-popup .content-wrapper .content:nth-child(1) {
    border-bottom: 1px solid #dadada;
    padding-bottom: 40px;
}
.otp-popup .content-wrapper .content:nth-child(2) {
    padding-top: 40px;
}
.otp-popup .content-wrapper .paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.75px;
    color: #333333;
    text-align: center;
}
.otp-popup .content-wrapper .paragraph strong {
    font-size: 18px;
    font-weight: bold;
}
.otp-popup .content-wrapper .paragraph.notice::before {
    content: "!";
    border-radius: 50%;
    background: #edc422;
    display: block;
    width: 28px;
    height: 28px;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin: 0 auto 10px;
}
.otp-popup .content-wrapper .input-otp {
    border: 1px solid #8e8e8e;
    display: block;
    width: 279px;
    height: 53px;
    font-size: 14px;
    letter-spacing: -0.75px;
    text-align: center;
    margin: 20px auto 0;
}
.otp-popup .content-wrapper .button-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
.otp-popup .content-wrapper .button-wrapper .button-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 244px;
    height: 52px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #fff;
    margin: 0 6px;
}
.otp-popup .content-wrapper .button-wrapper .button-popup:hover {
    text-decoration: none;
}
.otp-popup .content-wrapper .button-wrapper .button-popup.button-negative {
    background: #232323;
}
.otp-popup .content-wrapper .button-wrapper .button-popup.button-positive {
    background: #ce3231;
}

/* 260511 아이템샵 카테고리 탭 수정 */
.tabCategory .tabCategory-list {
    display: flex;
    overflow: auto;
}
.tabCategory .tabCategory-list .tabCategory-item {
    float: none;
}
.tabCategory .tabCategory-list .tabCategory-item .tabCategory-link {
    background: #f5f5f5;
    text-indent: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #656565;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
}
.tabCategory .tabCategory-list .tabCategory-item .tabCategory-link:hover {
    text-decoration: none;
}
.tabCategory .tabCategory-list .tabCategory-item .tabCategory-link.active {
    background: #52310e;
    border-color: #52310e;
    color: #fff;
}

/* 260619 가문정보센터 차단버튼 추가 */
.geWorldContents
    .myPage
    .summary
    .detailInfo
    .mainInfo
    .btnArea
    button.button-block {
    background: none;
    text-indent: 0;
    background: #58350f;
    color: #fff;
    padding: 4px 8px;
    display: inline-block;
    margin-top: 3px;
}
.geWorldContents .myPage .summary .detailInfo .mainInfo .btnArea .memo {
    float: none;
    display: inline-block;
}
.geWorldContents
    .myPage
    .summary
    .detailInfo
    .mainInfo
    .btnArea
    button.button-block:disabled {
    background: #6e6e6e;
    cursor: not-allowed;
}