@charset "UTF-8";
body {
    background: #fff;
    color: #000;
    font-size: 13px;
}
body, body button, body input, body textarea {
    font-family: Tahoma, Verdana, sans-serif;
}
* {
    margin: 0;
    padding: 0;
}
*, :after, :before {
    -webkit-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-button {
    display: none;
}
::-webkit-scrollbar-track {
    margin: -1px 0;
    border-left: 1px solid #bdbdbd;
    background: #e0e0e0;
}
::-webkit-scrollbar-thumb {
    border: 1px solid #9e9e9e;
    background: #bdbdbd;
}
article, aside, footer, header, main, nav, section {
    display: block;
}
time {
    display: inline;
}
a {
    color: #0d47a1;
    text-decoration: none;
    -webkit-transition-property: color;
    transition-property: color;
}
[hover=true], a:hover {
    color: #039be5;
}
a img {
    border: 0;
}
li, ol, ul {
    list-style: none;
}
fieldset {
    border: 0;
}
legend {
    display: none;
}
button, input, select, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    outline-style: none;
}
button {
    padding: 0;
}
input[readonly] {
    background: #757575;
    cursor: default;
}
input[type=button], input[type=reset], input[type=submit] {
    border: 0;
    cursor: pointer;
}
input[type=password]::-ms-reveal, input[type=text]::-ms-clear {
    display: none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}
input::-webkit-input-placeholder {
    color: rgba(45, 45, 45, .6);
}
input::-moz-placeholder {
    color: rgba(45, 45, 45, .6);
}
input:-ms-input-placeholder {
    color: rgba(45, 45, 45, .6);
}
input::-ms-input-placeholder {
    color: rgba(45, 45, 45, .6);
}
input::placeholder {
    color: rgba(45, 45, 45, .6);
}
button {
    border: 0;
    cursor: pointer;
}
select::-ms-expand {
    border: 0;
    background: rgba(0, 0, 0, 0);
}
table {
    table-layout: fixed;
    border-collapse: collapse;
}
strong {
    font-weight: 700;
}
img {
    max-width: 100%}
[hover] {
    -webkit-transition-property: color;
    transition-property: color;
}
[contenteditable]:focus {
    outline: 0 solid rgba(0, 0, 0, 0);
}
.hide, [hide] {
    display: none!important;
}
body.popup {
    overflow: hidden;
}
#wrap {
    margin: 0 auto;
    min-width: 1400px;
    background: #f6f6f6;
}
#layout.default #header {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #e2e2e2;
    height: 85px;
    background: #fff;
    -webkit-transition-property: border, background;
    transition-property: border, background;
}
#layout.default #header .header-body {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 86px;
    max-width: 1700px;
    min-width: 1400px;
}
#layout.default #header .logo {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 42;
    width: 100px;
    height: 68px;
    overflow: hidden;
    background: url(../img/logo.png) no-repeat 0 0;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#layout.default #header .menu nav {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
}
#layout.default #header .menu nav>ul {
    display: block;
    position: relative;
    margin: 0 350px 0 200px;
    font-size: 0;
    text-align: center;
}
#layout.default #header .menu nav>ul:before {
    display: block;
    position: absolute;
    z-index: 2;
    top: 86px;
    right: -100%;
    bottom: 100%;
    left: -100%;
    background: #1a1a1a;
    content: "";
    -webkit-transition-property: bottom;
    transition-property: bottom;
}
@media screen and (max-width:1699px) {
    #layout.default #header .menu nav>ul: before {
    right: -350px;
    left: -200px;
}
}#layout.default #header .menu nav>ul>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    width: 25%;
    height: 85px;
    overflow: hidden;
}
#layout.default #header .menu nav>ul>li>a {
    display: inline-block;
    position: relative;
    padding: 0 20px;
    height: 85px;
    color: #000;
    font-size: 20px;
    line-height: 85px;
    -webkit-transition-property: color;
    transition-property: color;
}
#layout.default #header .menu nav>ul>li>a:after {
    display: block;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;
    margin: 0 auto;
    border-radius: 3.5px;
    width: 0;
    height: 7px;
    background: #4080ff;
    content: "";
    -webkit-transition-property: opacity, width;
    transition-property: opacity, width;
}
#layout.default #header .menu nav>ul>li>ul {
    display: block;
    padding: 20px 0 25px;
    text-align: center;
}
#layout.default #header .menu nav>ul>li>ul>li {
    display: block;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
#layout.default #header .menu nav>ul>li>ul>li>a {
    display: block;
    position: relative;
    height: 45px;
    color: #dfdfdf;
    font-size: 16px;
    line-height: 45px;
    -webkit-transition-property: color;
    transition-property: color;
}
#layout.default #header .menu nav>ul>li>ul>li>a span:before {
    display: block;
    opacity: 0;
    position: absolute;
    top: 3px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background: #4080ff;
    content: "";
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}
#layout.default #header .menu nav>ul>li>ul>li>a:hover {
    color: #4080ff;
}
#layout.default #header .menu .aside .game-start {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 290px;
    height: 85px;
    overflow: hidden;
    background: url(../img/game-download.png) no-repeat 0 0;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#layout.default #header .menu .aside .game-start:hover {
    background-image: url(../img/game-download_hover.png);
}
#layout.default #header.transparent {
    border-bottom-color: hsla(0, 0%, 100%, .1);
    background-color: rgba(0, 0, 0, 0);
}
#layout.default #header.transparent .logo {
    background-image: url(../img/logo.png);
}
#layout.default #header.transparent .menu nav>ul>li>a {
    color: #fff;
}
#layout.default #header.on, #layout.default #header.scrolled, #layout.default #header:hover {
    background-color: #fff;
}
#layout.default #header.on .logo, #layout.default #header.scrolled .logo, #layout.default #header:hover .logo {
    background-image: url(../img/logo.png);
}
#layout.default #header.on .menu nav>ul>li>a, #layout.default #header.scrolled .menu nav>ul>li>a, #layout.default #header:hover .menu nav>ul>li>a {
    color: #000;
}
#layout.default #header.scrolled {
    position: fixed;
    z-index: 50;
    top: 0;
    right: 0;
    left: 0;
    border-bottom-color: #e2e2e2;
}
#layout.default #header.scrolled+#content {
    margin-top: 0;
}
#layout.default #header.on, #layout.default #header:hover {
    border-bottom-color: #74a9df;
}
#layout.default #header.on .menu nav>ul:before, #layout.default #header:hover .menu nav>ul:before {
    bottom: 0;
}
#layout.default #header.on .menu nav>ul>li, #layout.default #header:hover .menu nav>ul>li {
    height: auto;
}
#layout.default #header.on .menu nav>ul>li:hover>a:after, #layout.default #header:hover .menu nav>ul>li:hover>a:after {
    opacity: 1;
    width: 43px;
}
#layout.default #header.on .menu nav>ul>li>ul>li, #layout.default #header:hover .menu nav>ul>li>ul>li {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#layout.default #header.on .menu nav>ul>li>ul>li a:hover span:before, #layout.default #header:hover .menu nav>ul>li>ul>li a:hover span:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#layout.default #header.on .menu nav>ul>li>ul>li:first-child, #layout.default #header:hover .menu nav>ul>li>ul>li:first-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(2), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(3), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(4), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(5), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(6), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(7), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(7) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(8), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(9), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(9) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}
#layout.default #header.on .menu nav>ul>li>ul>li:nth-child(10), #layout.default #header:hover .menu nav>ul>li>ul>li:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
#layout.default #header.on+#content #main:after, #layout.default #header:hover+#content #main:after {
    visibility: visible;
    opacity: 1;
}
#layout.default #content {
    position: relative;
    z-index: 1;
    margin: -86px 0 0;
    padding: 86px 0 0;
}
#layout.default .page-header {
    position: relative;
    height: 80px;
}
#layout.default .page-header:after {
    display: block;
    clear: both;
    content: ""}
#layout.default .page-header .page-info {
    float: left;
    height: 80px;
    font-size: 0;
    white-space: nowrap;
}
#layout.default .page-header .page-info .name {
    display: inline-block;
    height: 80px;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 80px;
}
#layout.default .page-header .page-info .breadcrumbs {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 -7px 10px;
    line-height: 45px;
}
#layout.default .page-header .page-info .breadcrumbs ul, #layout.default .page-header .page-info .breadcrumbs ul li {
    display: inline-block;
}
#layout.default .page-header .page-info .breadcrumbs ul li+li:before {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px 2px;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background: #bdbdbd;
    content: "";
    font-size: 14px;
}
#layout.default .page-header .page-info .breadcrumbs ul li a, #layout.default .page-header .page-info .breadcrumbs ul li span {
    color: #989898;
    font-size: 14px;
}
#layout.default .page-header .page-info .breadcrumbs ul li a.on, #layout.default .page-header .page-info .breadcrumbs ul li span.on {
    color: #414141;
}
#layout.default .page-category-menu {
    float: right;
    height: 80px;
}
#layout.default .page-category-menu ul {
    position: absolute;
    right: 0;
    bottom: 17px;
    font-size: 0;
}
#layout.default .page-category-menu ul li {
    display: inline-block;
}
#layout.default .page-category-menu ul li+li {
    margin-left: 15px;
}
#layout.default .page-category-menu ul li a {
    display: block;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 16px;
    height: 32px;
    color: #686868;
    font-size: 16px;
    line-height: 32px;
    -webkit-transition-property: border, background;
    transition-property: border, background;
}
#layout.default .page-category-menu ul li a.on, #layout.default .page-category-menu ul li a:hover {
    border-color: #b7b7b7;
    background: #fff;
}
#layout.default .paging ul {
    font-size: 0;
    text-align: center;
}
#layout.default .paging ul li {
    display: inline-block;
}
#layout.default .paging ul li+li {
    margin-left: 9px;
}
#layout.default .paging ul li a, #layout.default .paging ul li button {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0);
    color: #747474;
    font-size: 16px;
    line-height: 36px;
    -webkit-transition-property: color;
    transition-property: color;
}
#layout.default .paging ul li a.on, #layout.default .paging ul li a:hover, #layout.default .paging ul li button.on, #layout.default .paging ul li button:hover {
    color: #4080ff;
}
#layout.default .paging ul li a.shortcut, #layout.default .paging ul li button.shortcut {
    border: 1px solid #cacaca;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0) no-repeat 11px 10px;
    text-indent: -10000em;
    -webkit-transition-property: border, background;
    transition-property: border, background;
}
#layout.default .paging ul li a.shortcut:hover, #layout.default .paging ul li button.shortcut:hover {
    border-color: #4080ff;
    background-color: #4080ff;
}
#layout.default .paging ul li a.first, #layout.default .paging ul li a.last, #layout.default .paging ul li button.first, #layout.default .paging ul li button.last {
    background-image: url(../img/last.png);
}
#layout.default .paging ul li a.first:hover, #layout.default .paging ul li a.last:hover, #layout.default .paging ul li button.first:hover, #layout.default .paging ul li button.last:hover {
    background-image: url(../img/last_hover.png);
}
#layout.default .paging ul li a.next, #layout.default .paging ul li a.prev, #layout.default .paging ul li button.next, #layout.default .paging ul li button.prev {
    background-image: url(../img/prev.png);
}
#layout.default .paging ul li a.next:hover, #layout.default .paging ul li a.prev:hover, #layout.default .paging ul li button.next:hover, #layout.default .paging ul li button.prev:hover {
    background-image: url(../img/prev_hover.png);
}
#layout.default .paging ul li a.last, #layout.default .paging ul li a.next, #layout.default .paging ul li button.last, #layout.default .paging ul li button.next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#layout.default .paging.type2 ul li a, #layout.default .paging.type2 ul li button {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
#layout.default .paging.type2 ul li a.shortcut, #layout.default .paging.type2 ul li button.shortcut {
    background-position: 8px 7px;
}
#layout.default .player-popup {
    display: none;
    position: relative;
    z-index: 5000;
}
#layout.default .player-popup:before {
    display: block;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85);
    content: ""}
#layout.default .player-popup .popup-wrap {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 864px;
    height: 486px;
}
#layout.default .player-popup .popup-wrap .popup-body {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #22c898;
    width: 862px;
    height: 484px;
    background: #000;
}
#layout.default .player-popup .popup-wrap .close {
    position: absolute;
    top: 0;
    right: -85px;
    border: 0;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: #4080ff url(../img/close.png) no-repeat 50%;
    text-indent: -10000em;
}
#layout.default .view-popup {
    display: none;
    position: fixed;
    z-index: 5000;
}
#layout.default .view-popup:before {
    display: block;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85);
    content: ""}
#layout.default .view-popup .popup-wrap-out {
    display: table;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%}
#layout.default .view-popup .popup-wrap {
    display: table-row;
}
#layout.default .view-popup .popup-wrap .popup-body {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
}
#layout.default .view-popup .popup-wrap .popup-body .image {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 85px;
    border: 1px solid #22c898;
}
#layout.default .view-popup .popup-wrap .popup-body .image img {
    display: block;
    max-height: calc(100vh - 87px);
}
#layout.default .view-popup .popup-wrap .popup-body .image .close {
    position: absolute;
    top: 0;
    right: -85px;
    border: 0;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: #4080ff url(../img/close.png) no-repeat 50%;
    text-indent: -10000em;
}
#layout.default #footer {
    height: 202px;
    min-width: 1400px;
    background: #2f3239;
}
.ch-hangame #layout.default #footer, .ch-naver #layout.default #footer, .ch-nexon #layout.default #footer {
    height: 242px;
}
#layout.default #footer .footer-wrap {
    margin: 0 auto;
    width: 1400px;
}
#layout.default #footer .footer-wrap .link {
    padding: 45px 0 0;
}
#layout.default #footer .footer-wrap .link ul {
    font-size: 0;
}
#layout.default #footer .footer-wrap .link ul li {
    display: inline-block;
}
#layout.default #footer .footer-wrap .link ul li+li:before {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 13px -2px;
    width: 1px;
    height: 11px;
    background: #9fa5af;
    content: ""}
#layout.default #footer .footer-wrap .link ul li a {
    color: #9fa5af;
    font-size: 12px;
    text-decoration: none;
    line-height: 16px;
    -webkit-transition-property: -webkit-text-decoration;
    transition-property: -webkit-text-decoration;
    transition-property: text-decoration;
    transition-property: text-decoration, -webkit-text-decoration;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0);
}
#layout.default #footer .footer-wrap .link ul li a:hover {
    text-decoration: underline;
}
#layout.default #footer .footer-wrap .link ul li a strong {
    color: #fff;
    font-weight: 400;
}
#layout.default #footer .footer-wrap .info-wrap {
    margin: 20px 0 0;
}
#layout.default #footer .footer-wrap .info-wrap .info {
    font-size: 0;
}
#layout.default #footer .footer-wrap .info-wrap .info>*, #layout.default #footer .footer-wrap .info-wrap .info>* a {
    display: inline-block;
    color: #797e86;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}
#layout.default #footer .footer-wrap .info-wrap .info>*+* {
    margin-left: 13px;
}
#layout.default #footer .footer-wrap .info-wrap .info .biz-info {
    border-bottom: 1px solid #90959c;
    color: #90959c;
}
#layout.default #footer .footer-wrap .copyright {
    color: #646972;
    font-size: 12px;
    line-height: 18px;
}
#layout.default #footer .footer-wrap .copyright .channel-info {
    display: block;
    margin: 22px 0 0;
    color: #797e86;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}
#layout.default #footer .footer-wrap .copyright .bi {
    margin: 22px 0 0;
}
#layout.default #footer .footer-wrap .copyright .bi * {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -10000em;
}
#layout.default #footer .footer-wrap .copyright .bi *+* {
    margin-left: 15px;
}
#layout.default #footer .footer-wrap .copyright .bi .nhn {
    width: 40px;
    height: 10px;
    background: url(../img/nhn.png) no-repeat 0 0;
}
#layout.default #footer .footer-wrap .copyright .bi .naver {
    width: 51px;
    height: 10px;
    background: url(../img/naver.png) no-repeat 0 0;
}
#layout.default #footer .footer-wrap .copyright .bi .enpgames {
    width: 113px;
    height: 16px;
    background: url(../img/enpgames.png) no-repeat 0 0;
}
#layout.default #footer .footer-wrap .copyright .bi .eyedentitygames {
    width: 155px;
    height: 15px;
    background: url(../img/eyedentitygames.png) no-repeat 0 0;
}
#layout.default #footer .footer-wrap .copyright .bi .iahgames {
    width: 77px;
    height: 16px;
    background: url(../img/iahgames.png) no-repeat 0 0;
}
#layout.default #footer .footer-wrap .copyright .bi .barunson {
    width: 81px;
    height: 14px;
    background: url(../img/barunson.png) no-repeat 0 0;
}
#main {
    position: relative;
    margin: -86px 0 0;
    min-height: 1000px;
}
#main:after {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 780px;
    content: "";
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
#main .section.main-cover {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    height: 685px;
    min-width: 1400px;
    background: #292933 url(../img/cover.jpg) no-repeat center 0;
}
#main .section.main-cover .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
    height: 780px;
}
#main .section.main-cover .left-banner {
    position: absolute;
    z-index: 1;
    top: 185px;
    left: 0;
    width: 330px;
    height: 500px;
    overflow: hidden;
    border-top-left-radius: 60px;
}
#main .section.main-cover .left-banner .banner-wrap {
    position: relative;
    z-index: 1;
    width: 330px;
    height: 500px;
    font-size: 0;
    white-space: nowrap;
}
#main .section.main-cover .left-banner .banner-wrap .banner {
    display: inline-block;
    width: 330px;
    height: 500px;
    overflow: hidden;
    background: none no-repeat 0 0;
    text-indent: -10000em;
}
#main .section.main-cover .left-banner .banner-page {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 24px;
}
#main .section.main-cover .left-banner .banner-page ul {
    font-size: 0;
}
#main .section.main-cover .left-banner .banner-page ul li {
    display: inline-block;
}
#main .section.main-cover .left-banner .banner-page ul li+li {
    margin-left: 4px;
}
#main .section.main-cover .left-banner .banner-page ul li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .9;
    border: 2px solid hsla(0, 0%, 100%, .9);
    border-radius: 5.5px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    text-indent: -10000em;
    -webkit-transition-property: width, background;
    transition-property: width, background;
}
#main .section.main-cover .left-banner .banner-page ul li button.on {
    width: 45px;
    background: hsla(0, 0%, 100%, .9);
}
#main .section.main-cover .left-banner[js-banner-type=fade] .banner-wrap .banner {
    opacity: 1;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
#main .section.main-cover .left-banner[js-banner-type=fade] .banner-wrap .banner.on {
    opacity: 1;
    z-index: 2;
}
#main .section.main-cover .left-banner[js-banner-type=slide] .banner-wrap {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#main .section.main-cover .main-banner {
    position: absolute;
    z-index: 2;
    top: 113px;
    left: 330px;
    width: 740px;
    height: 647px;
}
#main .section.main-cover .main-banner:after, #main .section.main-cover .main-banner:before {
    display: block;
    position: absolute;
    top: 69px;
    width: 17px;
    height: 503px;
}
#main .section.main-cover .main-banner:before {
    left: -17px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, .2));
    content: "";
    pointer-events: none;
}
#main .section.main-cover .main-banner:after {
    right: -17px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, .2));
    content: "";
    pointer-events: none;
}
#main .section.main-cover .main-banner .trigger a {
    position:
    absolute;
    top:50%;
    margin-top:-35px;
    width:36px;
    height:71px;
    cursor: pointer;
    z-index: 1;
}
#main .section.main-cover .main-banner .trigger .btn_prev {
    left:25px;
}
#main .section.main-cover .main-banner .trigger .btn_next {
    right:25px;
}
#main .section.main-cover .main-banner .banner-side-effect {
    width: 740px;
    height: 647px;
    overflow: hidden;
}
#main .section.main-cover .main-banner .banner-wrap {
    position: relative;
    z-index: 1;
    width: 740px;
    height: 620px;
    background: #292933;
    font-size: 0;
    white-space: nowrap;
}
#main .section.main-cover .main-banner .banner-wrap .banner {
    display: inline-block;
    width: 740px;
    height: 620px;
    overflow: hidden;
    background: none no-repeat 0 0;
    text-indent: -10000em;
}
#main .section.main-cover .main-banner .banner-page {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 24px;
    border-radius: 24px;
    width: 93px;
    height: 48px;
    background: rgba(24, 31, 40, .9);
}
#main .section.main-cover .main-banner .banner-page .next, #main .section.main-cover .main-banner .banner-page .prev {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 6px;
    border: 2px solid #818282;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0) url(../img/prev.png) no-repeat 10px 9px;
    text-indent: -10000em;
    -webkit-transition-property: border, background;
    transition-property: border, background;
}
#main .section.main-cover .main-banner .banner-page .next:hover, #main .section.main-cover .main-banner .banner-page .prev:hover {
    border-color: #4080ff;
    background-color: #4080ff;
    background-image: url(../img/prev_hover.png);
}
#main .section.main-cover .main-banner .banner-page .prev {
    left: 6px;
}
#main .section.main-cover .main-banner .banner-page .next {
    right: 6px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#main .section.main-cover .main-banner .banner-page .page {
    position: relative;
    margin: 0 auto;
    width: 48px;
    height: 48px;
}
#main .section.main-cover .main-banner .banner-page .page:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 1px;
    background: #818282;
    content: "";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main .section.main-cover .main-banner .banner-page .page .current, #main .section.main-cover .main-banner .banner-page .page .total {
    position: absolute;
    width: 24px;
    height: 28px;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
}
#main .section.main-cover .main-banner .banner-page .page .current {
    top: 0;
    left: 0;
    color: #4080ff;
}
#main .section.main-cover .main-banner .banner-page .page .total {
    right: 0;
    bottom: 0;
    color: #d5d5d5;
}
#main .section.main-cover .main-banner[js-banner-type=fade] .banner-wrap .banner {
    opacity: 1;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
#main .section.main-cover .main-banner[js-banner-type=fade] .banner-wrap .banner.on {
    opacity: 1;
    z-index: 2;
}
#main .section.main-cover .main-banner[js-banner-type=slide] .banner-wrap {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#main .section.main-cover .right-banner {
    position: absolute;
    z-index: 1;
    top: 435px;
    right: 0;
}
#main .section.main-cover .right-banner, #main .section.main-cover .right-banner .banner-wrap {
    width: 330px;
    height: 250px;
    overflow: hidden;
}
#main .section.main-cover .right-banner .banner-wrap .banner {
    display: inline-block;
    width: 330px;
    height: 250px;
    overflow: hidden;
    text-indent: -10000em;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#main .section.main-cover .right-banner .banner-wrap .banner:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#main .section.main-cover .login-area {
    position: absolute;
    z-index: 1;
    top: 185px;
    right: 0;
    width: 330px;
    height: 250px;
    overflow: hidden;
    background: #1e1e1e;
    border-top-right-radius: 60px;
}
#main .section.main-cover .login-area .info-label {
    display: block;
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-family: Tahoma;
    text-align: center;
    line-height: 24px;
}
#main .section.main-cover .login-area .info-label span {
    color: #4080ff;
}
.ch-nexon #main .section.main-cover .login-area .info-label span {
    color: #75a8ff;
}
.ch-hangame #main .section.main-cover .login-area .info-label span {
    color: #f96d00;
}
.ch-naver #main .section.main-cover .login-area .info-label span {
    color: #2eaa07;
}
#main .section.main-cover .login-area .user-menu {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
#main .section.main-cover .login-area .user-menu ul {
    font-size: 0;
}
#main .section.main-cover .login-area .user-menu ul li {
    display: inline-block;
}
#main .section.main-cover .login-area .user-menu ul li+li {
    margin-left: 7px;
}
#main .section.main-cover .login-area .user-menu ul li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #505050;
    border-radius: 1px;
    width: 90px;
    height: 30px;
    background: rgba(0, 0, 0, 0);
    color: #bfbfbf;
    font-size: 14px;
    line-height: 28px;
    -webkit-transition-property: border;
    transition-property: border;
}
#main .section.main-cover .login-area .user-menu ul li button:hover {
    border-color: #fff;
}
#main .section.main-cover .login-area .login-form .info-label {
    top: 68px;
}
.ch-hangame #main .section.main-cover .login-area .login-form .info-label, .ch-naver #main .section.main-cover .login-area .login-form .info-label, .ch-nexon #main .section.main-cover .login-area .login-form .info-label {
    top: 60px;
}
#main .section.main-cover .login-area .login-form .login {
    display: block;
    position: absolute;
    z-index: 0;
    top: 105px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 30px;
    width: 252px;
    height: 60px;
    overflow: hidden;
    background: #d4d4d4;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#main .section.main-cover .login-area .login-form .login:before {
    display: block;
    position: absolute;
    z-index: -1;
    top: -104px;
    left: -32px;
    border-radius: 50%;
    width: 213px;
    height: 213px;
    background: #eaeaea;
    content: "";
    -webkit-transition-property: background;
    transition-property: background;
}
#main .section.main-cover .login-area .login-form .login:after {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 71px;
    height: 20px;
    background: url(../img/login_hover.png) no-repeat 0 0;
    content: ""}
#main .section.main-cover .login-area .login-form .login:hover {
    background-color: #a7a7a7;
}
#main .section.main-cover .login-area .login-form .login:hover:before {
    background-color: #d7d7d7;
}
.ch-hangame #main .section.main-cover .login-area .login-form .login, .ch-naver #main .section.main-cover .login-area .login-form .login, .ch-nexon #main .section.main-cover .login-area .login-form .login {
    top: 120px;
}
.ch-hangame #main .section.main-cover .login-area .login-form .login:after, .ch-naver #main .section.main-cover .login-area .login-form .login:after, .ch-nexon #main .section.main-cover .login-area .login-form .login:after {
    background-image: url(../img/login.png);
}
.ch-nexon #main .section.main-cover .login-area .login-form .login {
    background-color: #6c9aea;
}
.ch-nexon #main .section.main-cover .login-area .login-form .login:before {
    background-color: #89aeee;
}
.ch-nexon #main .section.main-cover .login-area .login-form .login:hover {
    background-color: #3071e3;
}
.ch-nexon #main .section.main-cover .login-area .login-form .login:hover:before {
    background-color: #598de8;
}
.ch-hangame #main .section.main-cover .login-area .login-form .login {
    background-color: #f96d00;
}
.ch-hangame #main .section.main-cover .login-area .login-form .login:before {
    background-color: #fa8a32;
}
.ch-hangame #main .section.main-cover .login-area .login-form .login:hover {
    background-color: #de6100;
}
.ch-hangame #main .section.main-cover .login-area .login-form .login:hover:before {
    background-color: #e48032;
}
.ch-naver #main .section.main-cover .login-area .login-form .login {
    background-color: #2eaa07;
}
.ch-naver #main .section.main-cover .login-area .login-form .login:before {
    background-color: #57ba38;
}
.ch-naver #main .section.main-cover .login-area .login-form .login:hover {
    background-color: #228f00;
}
.ch-naver #main .section.main-cover .login-area .login-form .login:hover:before {
    background-color: #4ea532;
}
#main .section.main-cover .login-area .login-form .login-menu {
    position: absolute;
    top: 180px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 240px;
}
#main .section.main-cover .login-area .login-form .login-menu ul li button {
    display: block;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0);
    color: #b0b0b0;
    font-size: 14px;
    font-family: Tahoma;
    line-height: 16px;
    -webkit-transition-property: color;
    transition-property: color;
}
#main .section.main-cover .login-area .login-form .login-menu ul li button.regist {
    left: 0;
}
#main .section.main-cover .login-area .login-form .login-menu ul li button.find {
    right: 0;
}
#main .section.main-cover .login-area .login-form .login-menu ul li button:hover {
    color: #fff;
}
#main .section.main-cover .login-area .game-agree .info-label {
    top: 55px;
}
#main .section.main-cover .login-area .game-agree .agree {
    position: absolute;
    top: 114px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 25px;
    width: 252px;
    height: 50px;
    background: #c1c1c1;
    color: #000;
    font-size: 18px;
    font-family: Tahoma;
    line-height: 50px;
    -webkit-transition-property: background;
    transition-property: background;
}
#main .section.main-cover .login-area .game-agree .agree:hover {
    background-color: #f3f3f3;
}
#main .section.main-cover .login-area .game-agree .user-menu {
    top: 178px;
}
#main .section.main-cover .login-area .user-info .info-label {
    top: 62px;
}
.ch-hangame #main .section.main-cover .login-area .user-info .info-label, .ch-naver #main .section.main-cover .login-area .user-info .info-label, .ch-nexon #main .section.main-cover .login-area .user-info .info-label {
    top: 38px;
}
#main .section.main-cover .login-area .user-info .cash-info {
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 248px;
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info, .ch-naver #main .section.main-cover .login-area .user-info .cash-info, .ch-nexon #main .section.main-cover .login-area .user-info .cash-info {
    top: 71px;
}
#main .section.main-cover .login-area .user-info .cash-info .cash {
    position: relative;
    border: 1px solid #4080ff;
    border-radius: 24px;
    width: 246px;
    height: 48px;
    background: #fff;
}
.ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash {
    border-color: #597bb5;
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash {
    border-color: #f96d00;
}
.ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash {
    border-color: #2eaa07;
}
#main .section.main-cover .login-area .user-info .cash-info .cash+.cash {
    margin-top: 7px;
}
#main .section.main-cover .login-area .user-info .cash-info .cash .label {
    display: block;
    position: absolute;
    top: 7px;
    left: 13px;
    width: 34px;
    height: 34px;
    background: url(../img/misc/i-026b-cc2ci-a7eb-217a.png) no-repeat 0 0;
}
.ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash .label {
    background-image: url(../img/misc/i-026b-cc2ci-e3c8-ccc0.png);
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash .label {
    background-image: url(../img/misc/i-026b-cc2ci-2c04-0959.png);
}
.ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash .label {
    background-image: url(../img/misc/i-026b-cc2ci-ca_f-0ee_.png);
}
#main .section.main-cover .login-area .user-info .cash-info .cash .label span {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -9px;
    right: 9px;
    overflow: hidden;
    text-indent: -10000em;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform;
}
.ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash .label span {
    width: 54px;
    height: 29px;
    background: url(../img/misc/i-026b-cc2ci-914b-9ecf.png) no-repeat 0 0;
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash .label span {
    width: 62px;
    height: 29px;
    background: url(../img/misc/i-026b-cc2ci-05b2-_728.png) no-repeat 0 0;
}
.ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash .label span {
    width: 63px;
    height: 29px;
    background: url(../img/misc/i-026b-cc2ci-fcfc-2c30.png) no-repeat 0 0;
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash .label:hover span, .ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash .label:hover span, .ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash .label:hover span {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#main .section.main-cover .login-area .user-info .cash-info .cash strong {
    display: block;
    position: absolute;
    top: 0;
    right: 65px;
    width: 130px;
    height: 48px;
    color: #23bd91;
    font-size: 20px;
    font-family: Tahoma;
    font-weight: 400;
    text-align: right;
    line-height: 48px;
}
.ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash strong {
    color: #597bb5;
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash strong {
    color: #f96d00;
}
.ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash strong {
    color: #2eaa07;
}
#main .section.main-cover .login-area .user-info .cash-info .cash button {
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    border-radius: 9px;
    width: 44px;
    height: 24px;
    background: #505050;
    color: #fff;
    font-size: 15px;
    font-family: Tahoma;
    line-height: 24px;
    -webkit-transition-property: background;
    transition-property: background;
}
#main .section.main-cover .login-area .user-info .cash-info .cash button:hover {
    background-color: #858585;
}
#main .section.main-cover .login-area .user-info .cash-info .cash.pupu span {
    width: 54px!important;
    height: 29px!important;
    background: url(../img/misc/i-026b-cc2ci-77e6-6e12.png) no-repeat 0 0!important;
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash.pupu, .ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash.pupu, .ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash.pupu {
    border-color: #c83621;
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash.pupu .label, .ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash.pupu .label, .ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash.pupu .label {
    background-image: url(../img/misc/i-026b-cc2ci-8552-6b4a.png);
}
.ch-hangame #main .section.main-cover .login-area .user-info .cash-info .cash.pupu strong, .ch-naver #main .section.main-cover .login-area .user-info .cash-info .cash.pupu strong, .ch-nexon #main .section.main-cover .login-area .user-info .cash-info .cash.pupu strong {
    color: #c83621;
}
#main .section.main-cover .login-area .user-info .user-menu {
    top: 174px;
}
.ch-hangame #main .section.main-cover .login-area .user-info .user-menu, .ch-naver #main .section.main-cover .login-area .user-info .user-menu, .ch-nexon #main .section.main-cover .login-area .user-info .user-menu {
    top: 192px;
}
#main .section.main-info {
    padding: 113px 0 76px;
    min-width: 1400px;
    background: #fff;
}
#main .section.main-info .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#main .section.main-info .section-wrap:after {
    display: block;
    clear: both;
    content: ""}
#main .section.main-info .news {
    float: left;
    padding: 16px 0 0;
    width: 560px;
}
#main .section.main-info .news .title {
    display: inline-block;
    position: relative;
    height: 53px;
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
}
#main .section.main-info .news .title:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 1px;
    border-radius: 3.5px;
    width: 33px;
    height: 7px;
    background: #4080ff;
    content: ""}
#main .section.main-info .news a .title {
    padding-right: 35px;
}
#main .section.main-info .news a .title:after {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    border: 1px solid hsla(0, 0%, 82.7%, .7);
    border-radius: 50%;
    width: 27px;
    height: 27px;
    background: url(../img/misc/i-026b-cc2ci-7_c1-24a7.png) no-repeat 7px 6px;
    content: "";
    -webkit-transition-property: border, background;
    transition-property: border, background;
}
#main .section.main-info .news a:hover .title:after {
    border-color: #4080ff;
    background-image: url(../img/misc/i-026b-cc2ci-61fe-f28c.png);
}
#main .section.main-info .news .board-list {
    padding: 11px 0;
}
#main .section.main-info .news .board-list table {
    width: 100%}
#main .section.main-info .news .board-list table colgroup col.category {
    width: 70px;
}
#main .section.main-info .news .board-list table colgroup col.time {
    width: 100px;
}
#main .section.main-info .news .board-list table tr td, #main .section.main-info .news .board-list table tr th {
    padding: 13px 9px;
    border-top: 1px solid #e5e5e5;
}
#main .section.main-info .news .board-list table tr td.category, #main .section.main-info .news .board-list table tr th.category {
    padding: 0;
    text-align: center;
}
#main .section.main-info .news .board-list table tr td.category .category, #main .section.main-info .news .board-list table tr th.category .category {
    display: inline-block;
    border-radius: 15.5px;
    width: 62px;
    height: 31px;
    background: #e2e2e2;
    color: #3e3e3e;
    font-size: 13px;
    text-align: center;
    line-height: 33px;
}
#main .section.main-info .news .board-list table tr td.subject a, #main .section.main-info .news .board-list table tr th.subject a {
    display: block;
}
#main .section.main-info .news .board-list table tr td.subject a .subject, #main .section.main-info .news .board-list table tr th.subject a .subject {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    color: #2f2f2f;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition-property: color;
    transition-property: color;
}
#main .section.main-info .news .board-list table tr td.subject a .subject:hover, #main .section.main-info .news .board-list table tr th.subject a .subject:hover {
    color: #7d7d7d;
}
#main .section.main-info .news .board-list table tr td.subject a .subject .text, #main .section.main-info .news .board-list table tr th.subject a .subject .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#main .section.main-info .news .board-list table tr td.subject a .subject .indicate, #main .section.main-info .news .board-list table tr th.subject a .subject .indicate {
    float: right;
    overflow: hidden;
    font-size: 0;
    text-indent: -10000em;
}
#main .section.main-info .news .board-list table tr td.subject a .subject .indicate .icon, #main .section.main-info .news .board-list table tr th.subject a .subject .indicate .icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
#main .section.main-info .news .board-list table tr td.subject a .subject .indicate .new, #main .section.main-info .news .board-list table tr th.subject a .subject .indicate .new {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #ff9506 url(../img/misc/i-026b-cc2ct-2170-bbcc.png) no-repeat 50%}
#main .section.main-info .news .board-list table tr td.subject a .content, #main .section.main-info .news .board-list table tr th.subject a .content {
    display: block;
    overflow: hidden;
    color: #898989;
    font-size: 15px;
    text-overflow: ellipsis;
    line-height: 20px;
    white-space: nowrap;
}
#main .section.main-info .news .board-list table tr td.time, #main .section.main-info .news .board-list table tr th.time {
    color: #898989;
    font-size: 15px;
    text-align: right;
}
#main .section.main-info .news .board-list table tr.important td.category, #main .section.main-info .news .board-list table tr.important th.category {
    position: relative;
    padding: 0 10px;
}
#main .section.main-info .news .board-list table tr.important td.category .category, #main .section.main-info .news .board-list table tr.important th.category .category {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 1px 0 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 14px;
}
#main .section.main-info .news .board-list table tr.important td.category .category.inspection, #main .section.main-info .news .board-list table tr.important th.category .category.inspection {
    background: #6277d0;
}
#main .section.main-info .news .board-list table tr.important td.category .category.notice, #main .section.main-info .news .board-list table tr.important th.category .category.notice {
    background: #f8335c;
}
#main .section.main-info .news .board-list table tr.important td.category .category.update, #main .section.main-info .news .board-list table tr.important th.category .category.update {
    background: #00afc9;
}
#main .section.main-info .news .board-list table tr.important td.category .category.item, #main .section.main-info .news .board-list table tr.important th.category .category.item {
    background: #a656ff;
}
#main .section.main-info .news .board-list table tr.important td.category .category.update, #main .section.main-info .news .board-list table tr.important th.category .category.update {
    padding: 3px 5px 0;
    line-height: 17px;
}
#main .section.main-info .news .board-list table tr.important td.category .category.item, #main .section.main-info .news .board-list table tr.important td.category .category.update, #main .section.main-info .news .board-list table tr.important th.category .category.item, #main .section.main-info .news .board-list table tr.important th.category .category.update {
    font-size: 15px;
}
#main .section.main-info .news .board-list table tr:first-child td, #main .section.main-info .news .board-list table tr:first-child th {
    border-top: 0;
}
#main .section.main-info .right-area {
    float: right;
    margin: 48px 0 0;
    width: 717px;
    height: 288px;
    background: #f4f4f4;
}
#main .section.main-info .right-area .skill-simulator {
    float: left;
    margin-top: -48px;
    margin-left: -62px;
}
#main .section.main-info .right-area .service-banner {
    float: right;
}
#main .section.main-info .skill-simulator {
    position: relative;
    width: 383px;
    height: 376px;
    background: url(../img/quick-menu.png) no-repeat 0 0;
}
#main .section.main-info .skill-simulator .banner {
    display: block;
    position: absolute;
    top: 224px;
    left: 272px;
    width: 123px;
    height: 68px;
    overflow: hidden;
    background: url(../img/misc/i-026b-cc2ci-1168-b4e4.png) no-repeat 0 0;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#main .section.main-info .skill-simulator .banner:hover {
    background-image: url(../img/misc/i-026b-cc2ci-8eb0-_9f1.png);
}
#main .section.main-info .service-banner {
    float: right;
    margin: 17px 23px 0 0;
    width: 350px;
}
#main .section.main-info .service-banner .user-service {
    display: block;
}
#main .section.main-info .service-banner .user-service ul {
    font-size: 0;
    white-space: nowrap;
}
#main .section.main-info .service-banner .user-service ul li {
    display: inline-block;
    vertical-align: top;
}
#main .section.main-info .service-banner .user-service ul li+li {
    margin-left: 10px;
}
#main .section.main-info .service-banner .user-service ul li a, #main .section.main-info .service-banner .user-service ul li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 110px;
    height: 109px;
    background: #fff;
    -webkit-transition-property: border;
    transition-property: border;
}
#main .section.main-info .service-banner .user-service ul li a:before, #main .section.main-info .service-banner .user-service ul li button:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 65px;
    background: no-repeat 50%;
    content: ""}
#main .section.main-info .service-banner .user-service ul li a:hover, #main .section.main-info .service-banner .user-service ul li button:hover {
    border-color: #4080ff;
}
#main .section.main-info .service-banner .user-service ul li a span, #main .section.main-info .service-banner .user-service ul li button span {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 57px 0 0;
    width: 110px;
    height: 107px;
    color: #646464;
    font-size: 15px;
    text-align: center;
    line-height: 17px;
}
#main .section.main-info .service-banner .user-service ul li a.register:before, #main .section.main-info .service-banner .user-service ul li button.register:before {
    background-image: url(../img/register.png);
}
#main .section.main-info .service-banner .user-service ul li a.changepass:before, #main .section.main-info .service-banner .user-service ul li button.changepass:before {
    background-image: url(../img/changepass.png);
}
#main .section.main-info .service-banner .user-service ul li a.topup:before, #main .section.main-info .service-banner .user-service ul li button.topup:before {
    background-image: url(../img/topup.png);
}
#main .section.main-info .service-banner .sns-service {
    display: block;
    margin: 10px 0 0;
}
#main .section.main-info .service-banner .sns-service ul {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    font-size: 0;
    white-space: nowrap;
}
#main .section.main-info .service-banner .sns-service ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 117px;
    height: 135px;
}
#main .section.main-info .service-banner .sns-service ul li+li {
    margin-left: 1px;
    width: 116px;
}
#main .section.main-info .service-banner .sns-service ul li+li:before {
    display: block;
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    width: 1px;
    background: url(../img/misc/i-026b-cc2cs-12f5-ab_b.png) repeat-y 0 0;
    content: ""}
#main .section.main-info .service-banner .sns-service ul li a, #main .section.main-info .service-banner .sns-service ul li button {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff no-repeat center 19px;
    -webkit-transition-property: background;
    transition-property: background;
}
#main .section.main-info .service-banner .sns-service ul li a:hover, #main .section.main-info .service-banner .sns-service ul li button:hover {
    background-color: #c9e5f2;
}
#main .section.main-info .service-banner .sns-service ul li a span, #main .section.main-info .service-banner .sns-service ul li button span {
    display: block;
    position: absolute;
    top: 86px;
    right: 0;
    left: 0;
    color: #2f2f2f;
    font-size: 17px;
    text-align: center;
}
#main .section.main-info .service-banner .sns-service ul li a span strong, #main .section.main-info .service-banner .sns-service ul li button span strong {
    font-weight: 400;
}
#main .section.main-info .service-banner .sns-service ul li a.facebook_group, #main .section.main-info .service-banner .sns-service ul li button.facebook_group {
    background-image: url(../img/facebook_group.png);
}
#main .section.main-info .service-banner .sns-service ul li a.facebook_group span strong, #main .section.main-info .service-banner .sns-service ul li button.facebook_group span strong {
    color: #639fd1;
}
#main .section.main-info .service-banner .sns-service ul li a.facebook, #main .section.main-info .service-banner .sns-service ul li button.facebook {
    background-image: url(../img/facebook.png);
}
#main .section.main-info .service-banner .sns-service ul li a.facebook span strong, #main .section.main-info .service-banner .sns-service ul li button.facebook span strong {
    color: #1877f2;
}
#main .section.main-info .service-banner .sns-service ul li a.youtube, #main .section.main-info .service-banner .sns-service ul li button.youtube {
    background-image: url(../img/youtube.png);
}
#main .section.main-info .service-banner .sns-service ul li a.youtube span strong, #main .section.main-info .service-banner .sns-service ul li button.youtube span strong {
    color: red;
}
#main .section.gallery-board {
    padding: 38px 0 83px;
    min-width: 1400px;
    background: #292933;
}
#main .section.gallery-board .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
    font-size: 0;
}
#main .section.gallery-board .section-wrap:after {
    display: block;
    clear: both;
    content: ""}
#main .section.gallery-board .gallery {
    display: inline-block;
    vertical-align: top;
    margin: 36px 0 0 36px;
    width: 682px;
}
#main .section.gallery-board .gallery:nth-child(odd) {
    margin-left: 0;
}
#main .section.gallery-board .gallery .title {
    display: inline-block;
    position: relative;
    height: 53px;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
}
#main .section.gallery-board .gallery .title:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 1px;
    border-radius: 3.5px;
    width: 33px;
    height: 7px;
    background: #4080ff;
    content: ""}
#main .section.gallery-board .gallery a .title {
    padding-right: 35px;
}
#main .section.gallery-board .gallery a .title:after {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    border: 1px solid hsla(0, 0%, 82.7%, .7);
    border-radius: 50%;
    width: 27px;
    height: 27px;
    background: url(../img/misc/i-026b-cc2ci-45e_-8353.png) no-repeat 7px 6px;
    content: "";
    -webkit-transition-property: border, background;
    transition-property: border, background;
}
#main .section.gallery-board .gallery a:hover .title:after {
    border-color: #4080ff;
    background-image: url(../img/misc/i-026b-cc2ci-61fe-f28c.png);
}
#main .section.gallery-board .gallery .board-list {
    padding: 10px 0 0;
    font-size: 0;
}
#main .section.gallery-board .gallery .board-list .article {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 10px 0 0 10px;
    border-radius: 5px;
    width: 327px;
    height: 363px;
    overflow: hidden;
    background: #fff;
}
#main .section.gallery-board .gallery .board-list .article:nth-child(odd) {
    margin-left: 0;
}
#main .section.gallery-board .gallery .board-list .article a {
    display: block;
    width: 100%;
    height: 100%}
#main .section.gallery-board .gallery .board-list .article a:hover .thumbnail {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#main .section.gallery-board .gallery .board-list .article .subject {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 20px;
    height: 82px;
    overflow: hidden;
    background: #fff;
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    line-height: 82px;
    white-space: nowrap;
}
#main .section.gallery-board .gallery .board-list .article .thumbnail {
    position: absolute;
    z-index: 1;
    top: 82px;
    right: 0;
    left: 0;
    height: 200px;
    background: none no-repeat 0 0;
    background-size: cover;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#main .section.gallery-board .gallery .board-list .article .info {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    height: 81px;
    background: #fff;
}
#main .section.gallery-board .gallery .board-list .article .info .writer {
    display: block;
    float: left;
    color: #646464;
    font-size: 18px;
    line-height: 81px;
    white-space: nowrap;
}
#main .section.gallery-board .gallery .board-list .article .info .time {
    display: block;
    float: right;
    color: #646464;
    font-size: 15px;
    line-height: 81px;
    white-space: nowrap;
}
#board {
    position: relative;
    padding: 80px 0 115px;
	min-height: 1000px;
}
#board .board-category {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #898989;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
#board .board-category.notice, #board .board-categoryfanmovie {
    color: #f8335c;
}
#board .board-category.free, #board .board-category.inspection {
    color: #6277d0;
}
#board .board-category.question, #board .board-category.screenshot, #board .board-category.update {
    color: #00afc9;
}
#board .board-category.guide, #board .board-category.item {
    color: #c400ee;
}
#board .board-category.fanart, #board .board-category.trade {
    color: #ed9c00;
}
#board .board-category.guild {
    color: #00bb0d;
}
#board .board-category.fanart, #board .board-category.fanmovie, #board .board-category.item {
    font-size: 15px;
}
#board .board-category.screenshot, #board .board-category.update {
    padding: 7px 5px 0;
    font-size: 15px;
    line-height: 17px;
}
#board .date-category {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 3px 0 0;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background: #fff;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 70px;
}
#board .date-category:before {
    display: block;
    position: absolute;
    top: 17px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 1.5px;
    width: 14px;
    height: 3px;
    background: #fff;
    content: ""}
#board .date-category.open {
    background: #4080ff;
}
#board .date-category.close {
    background: #555;
}
#board .date-category.close:before {
    display: none;
}
#board .ucc-category {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 2px 0 0;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background: #fff;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 70px;
}
#board .ucc-category:before {
    display: block;
    position: absolute;
    right: 0;
    bottom: -9px;
    left: 0;
    margin: auto;
    border-radius: 1.5px;
    width: 24px;
    height: 3px;
    background: #fff;
    content: ""}
#board .ucc-category.screenshot {
    padding: 16px 15px 0;
    line-height: 19px;
}
#board .ucc-category.screenshot, #board .ucc-category.screenshot:before {
    background: #00afc9;
}
#board .ucc-category.fanart, #board .ucc-category.fanart:before {
    background: #ffae00;
}
#board .ucc-category.fanmovie, #board .ucc-category.fanmovie:before {
    background: #f8335c;
}
#board .board-subject {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 10px);
}
#board .board-subject a {
    text-decoration: none;
    -webkit-transition-property: color, -webkit-text-decoration;
    transition-property: color, -webkit-text-decoration;
    transition-property: color, text-decoration;
    transition-property: color, text-decoration, -webkit-text-decoration;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0);
}
#board .board-subject a:hover {
    text-decoration: underline;
}
#board .board-subject>.text {
    display: block;
}
#board .board-subject .indicate {
    float: right;
    overflow: hidden;
    font-size: 0;
    text-indent: -10000em;
}
#board .board-subject .indicate .comment {
    display: inline-block;
    margin-left: 7px;
}
#board .board-subject .indicate .comment span {
    display: none;
}
#board .board-subject .indicate .comment .count {
    display: inline-block;
    vertical-align: middle;
    color: #4080ff;
    font-size: 18px;
}
#board .board-subject .indicate .comment .count:before {
    content: "["}
#board .board-subject .indicate .comment .count:after {
    content: "]"}
#board .board-subject .indicate .icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}
#board .board-subject .indicate .image {
    width: 19px;
    height: 16px;
    background: url(../img/misc/i-026b-cc2ci-f8b3-_cae.png) no-repeat 0 0;
}
#board .board-subject .indicate .attachment {
    width: 15px;
    height: 16px;
    background: url(../img/misc/i-026b-cc2ci-3597-5250.png) no-repeat 0 0;
}
#board .board-subject .indicate .new {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #ff9506 url(../img/misc/i-026b-cc2ct-2170-bbcc.png) no-repeat 50%}
#board .time-dash {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 25px;
    background: url(../img/misc/i-026b-cc2ci-1e49-fe_4.png) no-repeat 0;
    color: #898989;
    font-size: 15px;
    line-height: 17px;
}
#board .time-dash:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background: #dedede;
    content: ""}
#board .time-dash.today {
    background-image: url(../img/misc/i-026b-cc2ci-6f68-6ba4.png);
    color: #4080ff;
}
#board .section.board-list .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#board .section.board-list .board-list:after, #board .section.board-list .board-list:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#board .section.board-list .board-list.list table {
    width: 100%}
#board .section.board-list .board-list.list table colgroup col.time {
    width: 175px;
}
#board .section.board-list .board-list.list table colgroup col.category {
    width: 56px;
}
#board .section.board-list .board-list.list table colgroup col.writer {
    width: 180px;
}
#board .section.board-list .board-list.list table colgroup col.like-count, #board .section.board-list .board-list.list table colgroup col.read-count {
    width: 120px;
}
#board .section.board-list .board-list.list table thead {
    display: none;
}
#board .section.board-list .board-list.list table tr td, #board .section.board-list .board-list.list table tr th {
    padding: 12px 10px;
    border-top: 1px solid #ddd;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.list table tr td.time, #board .section.board-list .board-list.list table tr th.time {
    padding-right: 15px;
}
#board .section.board-list .board-list.list table tr td.category, #board .section.board-list .board-list.list table tr th.category {
    padding: 20px 0;
    text-align: center;
}
#board .section.board-list .board-list.list table tr td.subject, #board .section.board-list .board-list.list table tr th.subject {
    height: 63px;
    line-height: 30px;
}
#board .section.board-list .board-list.list table tr td.subject a, #board .section.board-list .board-list.list table tr th.subject a {
    display: block;
    color: #2f2f2f;
    font-size: 16px;
}
#board .section.board-list .board-list.list table tr td.subject a .text, #board .section.board-list .board-list.list table tr th.subject a .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#board .section.board-list .board-list.list table tr td.writer, #board .section.board-list .board-list.list table tr th.writer {
    color: #646464;
    font-size: 16px;
    text-align: left;
}
#board .section.board-list .board-list.list table tr td.writer span, #board .section.board-list .board-list.list table tr th.writer span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#board .section.board-list .board-list.list table tr td.writer .admin, #board .section.board-list .board-list.list table tr th.writer .admin {
    display: inline-block;
    width: 113px;
    height: 25px;
    overflow: hidden;
    background: url(../img/misc/i-026b-cc2cl-c04b-5343.png) no-repeat 50%;
    background-size: contain;
    text-indent: -10000em;
}
#board .section.board-list .board-list.list table tr td.like-count, #board .section.board-list .board-list.list table tr td.read-count, #board .section.board-list .board-list.list table tr th.like-count, #board .section.board-list .board-list.list table tr th.read-count {
    text-align: left;
}
#board .section.board-list .board-list.list table tr td.like-count span, #board .section.board-list .board-list.list table tr td.read-count span, #board .section.board-list .board-list.list table tr th.like-count span, #board .section.board-list .board-list.list table tr th.read-count span {
    display: inline-block;
    color: #898989;
    font-size: 15px;
    line-height: 17px;
}
#board .section.board-list .board-list.list table tr td.like-count span:before, #board .section.board-list .board-list.list table tr td.read-count span:before, #board .section.board-list .board-list.list table tr th.like-count span:before, #board .section.board-list .board-list.list table tr th.read-count span:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 3px 0;
    content: ""}
#board .section.board-list .board-list.list table tr td.read-count span:before, #board .section.board-list .board-list.list table tr th.read-count span:before {
    width: 21px;
    height: 13px;
    background: url(../img/misc/i-026b-cc2ci-901f-ff13.png) no-repeat 0 0;
}
#board .section.board-list .board-list.list table tr td.like-count span:before, #board .section.board-list .board-list.list table tr th.like-count span:before {
    width: 14px;
    height: 17px;
    background: url(../img/misc/i-026b-cc2ci-2f5a-1415.png) no-repeat 0 0;
}
#board .section.board-list .board-list.list table tr:hover td, #board .section.board-list .board-list.list table tr:hover th {
    background-color: #e0ebf2;
}
#board .section.board-list .board-list.list table tr.important {
    background-color: #e9e9e9;
}
#board .section.board-list .board-list.list table tr.important:hover td, #board .section.board-list .board-list.list table tr.important:hover th {
    background-color: #dedede;
}
#board .section.board-list .board-list.list table tr:first-child td, #board .section.board-list .board-list.list table tr:first-child th {
    border-top: 0;
}
#board .section.board-list .board-list.gallery ul {
    padding: 43px 0 65px;
    font-size: 0;
}
#board .section.board-list .board-list.gallery ul li {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    margin: 46px 0 0 46px;
    border: 1px solid #e3e3e3;
    width: 436px;
    overflow: hidden;
}
#board .section.board-list .board-list.gallery ul li:nth-child(-n+3) {
    margin-top: 0;
}
#board .section.board-list .board-list.gallery ul li:nth-child(3n+1) {
    margin-left: 0;
}
#board .section.board-list .board-list.gallery ul li button {
    display: inline-block;
    border: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}
#board .section.board-list .board-list.gallery ul li a .thumbnail, #board .section.board-list .board-list.gallery ul li button .thumbnail {
    display: block;
    position: relative;
    z-index: 1;
    width: 434px;
    height: 245px;
    background: no-repeat 50%;
    background-size: cover;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}
#board .section.board-list .board-list.gallery ul li a .main-info, #board .section.board-list .board-list.gallery ul li button .main-info {
    position: relative;
    z-index: 2;
    padding: 0 100px;
    border-top: 1px solid #e3e3e3;
    height: 65px;
    background: #fff;
    text-align: center;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.gallery ul li a .main-info .board-subject, #board .section.board-list .board-list.gallery ul li button .main-info .board-subject {
    line-height: 65px;
}
#board .section.board-list .board-list.gallery ul li a .main-info .board-subject .text, #board .section.board-list .board-list.gallery ul li button .main-info .board-subject .text {
    overflow: hidden;
    color: #2f2f2f;
    font-size: 18px;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition-property: color, -webkit-text-decoration;
    transition-property: color, -webkit-text-decoration;
    transition-property: color, text-decoration;
    transition-property: color, text-decoration, -webkit-text-decoration;
    white-space: nowrap;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0);
}
#board .section.board-list .board-list.gallery ul li a .sub-info, #board .section.board-list .board-list.gallery ul li button .sub-info {
    padding: 0 8px 0 0;
    border-top: 1px solid #e3e3e3;
    height: 49px;
    background: #fff;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.gallery ul li a .sub-info .label, #board .section.board-list .board-list.gallery ul li button .sub-info .label {
    display: block;
    float: left;
    width: 40px;
    height: 49px;
    overflow: hidden;
    background: no-repeat 50%;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.gallery ul li a .sub-info .text, #board .section.board-list .board-list.gallery ul li button .sub-info .text {
    display: block;
    margin: 0 8px 0 40px;
    color: #898989;
    font-size: 15px;
    text-align: right;
    line-height: 49px;
    -webkit-transition-property: color;
    transition-property: color;
}
#board .section.board-list .board-list.gallery ul li a .sub-info .time, #board .section.board-list .board-list.gallery ul li button .sub-info .time {
    float: left;
}
#board .section.board-list .board-list.gallery ul li a .sub-info .time .label, #board .section.board-list .board-list.gallery ul li button .sub-info .time .label {
    background-image: url(../img/misc/i-026b-cc2ci-1e49-fe_4.png);
}
#board .section.board-list .board-list.gallery ul li a .sub-info .read-count, #board .section.board-list .board-list.gallery ul li button .sub-info .read-count {
    float: right;
}
#board .section.board-list .board-list.gallery ul li a .sub-info .read-count .label, #board .section.board-list .board-list.gallery ul li button .sub-info .read-count .label {
    background-image: url(../img/misc/i-026b-cc2ci-901f-ff13.png);
}
#board .section.board-list .board-list.gallery ul li a:hover .thumbnail, #board .section.board-list .board-list.gallery ul li button:hover .thumbnail {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#board .section.board-list .board-list.gallery ul li a:hover .main-info, #board .section.board-list .board-list.gallery ul li button:hover .main-info {
    background: #e8f2fa;
}
#board .section.board-list .board-list.gallery ul li a:hover .main-info .board-subject .text, #board .section.board-list .board-list.gallery ul li button:hover .main-info .board-subject .text {
    text-decoration: underline;
}
#board .section.board-list .board-list.gallery ul li a:hover .sub-info, #board .section.board-list .board-list.gallery ul li button:hover .sub-info {
    background: #e8f2fa;
}
#board .section.board-list .board-list.gallery.size2 ul li a .thumbnail, #board .section.board-list .board-list.gallery.size2 ul li button .thumbnail {
    height: 260px;
}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info {
    padding: 0 100px;
    height: 91px;
}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info .board-subject {
    height: 53px;
    overflow: hidden;
    line-height: 65px;
}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info .date-category {
    position: absolute;
    top: -39px;
    left: 14px;
}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info .date-category.close~.sub-title.time {
    background-image: url(../img/misc/i-026b-cc2ci-1e49-fe_4.png);
    color: #979797;
}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info .ucc-category {
    position: absolute;
    top: -39px;
    left: 14px;
}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info .sub-title {
    display: block;
    margin: -2px 0 0;
    height: 17px;
    color: #646464;
    font-size: 15px;
    line-height: 18px;
}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info .sub-title:before {
    display: block;
    width: 100%;
    height: 1px;
    content: ""}
#board .section.board-list .board-list.gallery.type2 ul li a .main-info .sub-title .time {
    padding: 0 0 0 25px;
    background: url(../img/misc/i-026b-cc2ci-6f68-6ba4.png) no-repeat 0;
    color: #4080ff;
}
#board .section.board-list .board-list.gallery.play ul li button .thumbnail:after {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    background: url(../img/misc/i-026b-cc2ci-_59_-c793.png) no-repeat 0 0;
    content: "";
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
#board .section.board-list .board-list.gallery.play ul li button:hover .thumbnail {
    opacity: .85;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#board .section.board-list .board-list.gallery.play ul li button:hover .thumbnail:after {
    opacity: 1;
}
#board .section.board-list .board-list.gallery.play ul li button:hover .main-info {
    background: #fff;
}
#board .section.board-list .board-list.gallery.play ul li button:hover .main-info .board-subject .text {
    text-decoration: none;
}
#board .section.board-list .board-list.gallery.view ul li button .thumbnail:after {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    background: url(../img/misc/i-026b-cc2ci-5c0b-399f.png) no-repeat 0 0;
    content: "";
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
#board .section.board-list .board-list.gallery.view ul li button .main-info {
    padding: 0 95px 0 28px;
    height: 67px;
    text-align: left;
}
#board .section.board-list .board-list.gallery.view ul li button .main-info .board-subject {
    line-height: 67px;
}
#board .section.board-list .board-list.gallery.view ul li button .main-info .board-subject .text {
    font-size: 20px;
}
#board .section.board-list .board-list.gallery.view ul li button:hover .thumbnail {
    opacity: .85;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#board .section.board-list .board-list.gallery.view ul li button:hover .thumbnail:after {
    opacity: 1;
}
#board .section.board-list .board-list.gallery.view ul li button:hover .main-info {
    background: #fff;
}
#board .section.board-list .board-list.gallery.view ul li button:hover .main-info .board-subject .text {
    text-decoration: none;
}
#board .section.board-list .board-list.gallery.view ul li button.download {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    width: 67px;
    height: 67px;
    overflow: hidden;
    background: #4e4e4e url(../img/misc/i-026b-cc2ci-3f66-f79a.png) no-repeat 50%;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.gallery.view ul li button.download:hover {
    background-color: #333;
}
#board .section.board-list .board-list.ost .music-player {
    position: relative;
    margin: 39px 0 0;
    border-bottom: 1px solid #ddd;
    height: 248px;
    background: #505561;
}
#board .section.board-list .board-list.ost .music-player .volume {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 118px;
}
#board .section.board-list .board-list.ost .music-player .volume .is-volume {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    width: 25px;
    height: 22px;
    overflow: hidden;
    background: url(../img/misc/i-026b-cc2ci-41_1-c5bb.png) no-repeat 2px 0;
    text-indent: -10000em;
    cursor: pointer;
}
#board .section.board-list .board-list.ost .music-player .volume .is-volume.mute {
    background: url(../img/misc/i-026b-cc2ci-8e28-0566.png) no-repeat 0 top;
}
#board .section.board-list .board-list.ost .music-player .volume .volume-size {
    position: absolute;
    top: 39px;
    left: 25px;
    border-radius: 2px;
    width: 4px;
    height: 63px;
    overflow: hidden;
    background: #7b7b7b;
    text-indent: -10000em;
    cursor: pointer;
}
#board .section.board-list .board-list.ost .music-player .volume .volume-size span {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    width: 4px;
    overflow: hidden;
    background: #afafaf;
}
#board .section.board-list .board-list.ost .music-player .album {
    position: absolute;
    top: 40px;
    left: 127px;
    width: 217px;
    height: 162px;
    background: url(../img/misc/i-026b-cc2ci-602e-8_5e.png) no-repeat 0 0;
}
#board .section.board-list .board-list.ost .music-player .album button {
    display: block;
    position: absolute;
    top: 46px;
    left: 46px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: none no-repeat 0 0;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.ost .music-player .album button.play {
    background-image: url(../img/misc/i-026b-cc2ci-0603-e5ce.png);
}
#board .section.board-list .board-list.ost .music-player .album button.play:hover {
    background-image: url(../img/misc/i-026b-cc2ci-5eca-7925.png);
}
#board .section.board-list .board-list.ost .music-player .album button.pause {
    background-image: url(../img/misc/i-026b-cc2ci-f4b_-f5_c.png);
}
#board .section.board-list .board-list.ost .music-player .album button.pause:hover {
    background-image: url(../img/misc/i-026b-cc2ci-7414-0780.png);
}
#board .section.board-list .board-list.ost .music-player .info {
    display: block;
    position: absolute;
    top: 100px;
    left: 385px;
    width: 590px;
}
#board .section.board-list .board-list.ost .music-player .info .ost-title {
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 33px;
}
#board .section.board-list .board-list.ost .music-player .info .ost-info {
    display: block;
    color: #c9c9c9;
    font-size: 16px;
    line-height: 23px;
}
#board .section.board-list .board-list.ost .music-player .time .current {
    position: absolute;
    bottom: 12px;
    left: 16px;
    color: #cdcdcd;
    font-size: 15px;
    text-align: left;
}
#board .section.board-list .board-list.ost .music-player .time .total {
    position: absolute;
    right: 16px;
    bottom: 12px;
    color: #cdcdcd;
    font-size: 15px;
    text-align: right;
}
#board .section.board-list .board-list.ost .music-player .time .seek {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #000;
    cursor: pointer;
}
#board .section.board-list .board-list.ost .music-player .time .seek span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    background: #4080ff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#board .section.board-list .board-list.ost .music-player .download {
    display: block;
    position: absolute;
    top: 89px;
    right: 98px;
    border: 0;
    border-radius: 35px;
    width: 240px;
    height: 70px;
    background: #4080ff;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 70px;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.ost .music-player .download:hover {
    background: #4080ff;
}
#board .section.board-list .board-list.ost table {
    width: 100%}
#board .section.board-list .board-list.ost table colgroup col.index {
    width: 130px;
}
#board .section.board-list .board-list.ost table colgroup col.menu {
    width: 230px;
}
#board .section.board-list .board-list.ost table thead {
    display: none;
}
#board .section.board-list .board-list.ost table tr td, #board .section.board-list .board-list.ost table tr th {
    padding: 16px 10px;
    border-top: 1px solid #ddd;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.ost table tr td.index span, #board .section.board-list .board-list.ost table tr th.index span {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 50px 0 30px;
    color: #898989;
    font-size: 15px;
    line-height: 17px;
}
#board .section.board-list .board-list.ost table tr td.index span:after, #board .section.board-list .board-list.ost table tr th.index span:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background: #dedede;
    content: ""}
#board .section.board-list .board-list.ost table tr td.ost .ost-title, #board .section.board-list .board-list.ost table tr th.ost .ost-title {
    color: #2f2f2f;
    font-size: 18px;
    line-height: 25px;
}
#board .section.board-list .board-list.ost table tr td.ost .ost-info, #board .section.board-list .board-list.ost table tr th.ost .ost-info {
    color: #646464;
    font-size: 16px;
}
#board .section.board-list .board-list.ost table tr td.menu, #board .section.board-list .board-list.ost table tr th.menu {
    font-size: 0;
    text-align: center;
}
#board .section.board-list .board-list.ost table tr td.menu button, #board .section.board-list .board-list.ost table tr th.menu button {
    display: inline-block;
    overflow: hidden;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-list.ost table tr td.menu button+button, #board .section.board-list .board-list.ost table tr th.menu button+button {
    margin-left: 18px;
}
#board .section.board-list .board-list.ost table tr td.menu button.play, #board .section.board-list .board-list.ost table tr th.menu button.play {
    width: 50px;
    height: 50px;
    background: url(../img/misc/i-026b-cc2ci-59e5-8955.png) no-repeat 0 0;
}
#board .section.board-list .board-list.ost table tr td.menu button.play:hover, #board .section.board-list .board-list.ost table tr th.menu button.play:hover {
    background-image: url(../img/misc/i-026b-cc2ci-8f97-09fb.png);
}
#board .section.board-list .board-list.ost table tr td.menu button.download, #board .section.board-list .board-list.ost table tr th.menu button.download {
    width: 50px;
    height: 50px;
    background: url(../img/misc/i-026b-cc2ci-2419-2671.png) no-repeat 0 0;
}
#board .section.board-list .board-list.ost table tr td.menu button.download:hover, #board .section.board-list .board-list.ost table tr th.menu button.download:hover {
    background-image: url(../img/misc/i-026b-cc2ci-b604-17f0.png);
}
#board .section.board-list .board-list.ost table tr:hover td, #board .section.board-list .board-list.ost table tr:hover th {
    background-color: #e0ebf2;
}
#board .section.board-list .board-list.ost table tr:first-child td, #board .section.board-list .board-list.ost table tr:first-child th {
    border-top: 0;
}
#board .section.board-list .board-footer .board-menu ul {
    font-size: 0;
    text-align: right;
}
#board .section.board-list .board-footer .board-menu ul li {
    display: inline-block;
    margin: 24px 0 0 24px;
}
#board .section.board-list .board-footer .board-menu ul li a, #board .section.board-list .board-footer .board-menu ul li button {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 70px;
    background: #4080ff;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 70px;
    -webkit-transition-property: background;
    transition-property: background;
    border-bottom-left-radius: 32px;
}
#board .section.board-list .board-footer .board-menu ul li a:hover, #board .section.board-list .board-footer .board-menu ul li button:hover {
    background-color: #4080ff;
}
#board .section.board-list .board-footer .paging {
    margin: 50px 0 0;
}
#board .section.board-list .board-footer .board-search {
    display: block;
    position: relative;
    margin: 40px auto 0;
    border: 1px solid #c6c6c6;
    border-radius: 26.5px;
    width: 485px;
    height: 53px;
}
#board .section.board-list .board-footer .board-search:after {
    display: block;
    position: absolute;
    top: 13px;
    left: 128px;
    width: 1px;
    height: 27px;
    background: #c6c6c6;
    content: ""}
#board .section.board-list .board-footer .board-search .search-type {
    position: relative;
    float: left;
    width: 127px;
    height: 53px;
}
#board .section.board-list .board-footer .board-search .search-type .selected {
    display: block;
    position: relative;
    z-index: 2;
    width: 127px;
    height: 53px;
    color: #515151;
    font-size: 18px;
    text-indent: 23px;
    line-height: 53px;
    cursor: pointer;
}
#board .section.board-list .board-footer .board-search .search-type .selected:after {
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 13px;
    background: url(../img/misc/i-026b-cc2ci-529_-1f0c.png) no-repeat 0 0;
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#board .section.board-list .board-footer .board-search .search-type .select-list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 53px;
    left: 25px;
    border: 1px solid #c6c6c6;
    overflow: hidden;
    background: #f4f4f4;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
#board .section.board-list .board-footer .board-search .search-type .select-list li:first-child {
    margin-top: 10px;
}
#board .section.board-list .board-footer .board-search .search-type .select-list li:last-child {
    margin-bottom: 10px;
}
#board .section.board-list .board-footer .board-search .search-type .select-list li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px;
    width: 100%;
    height: 31px;
    background: rgba(0, 0, 0, 0);
    color: #515151;
    font-size: 18px;
    text-align: left;
    line-height: 31px;
    cursor: pointer;
}
#board .section.board-list .board-footer .board-search .search-type.expend .selected:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
#board .section.board-list .board-footer .board-search .search-type.expend .select-list {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
#board .section.board-list .board-footer .board-search .search-text {
    float: left;
    border: 0;
    width: 295px;
    height: 53px;
    background: #f4f4f4;
    color: #2f2f2f;
    font-size: 18px;
    text-indent: 17px;
    line-height: 53px;
}
#board .section.board-list .board-footer .board-search .search-submit {
    display: block;
    float: left;
    width: 63px;
    height: 53px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0) url(../img/misc/i-026b-cc2ci-be60-f55c.png) no-repeat 50%;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-list .board-footer .board-search .search-submit:hover {
    background-image: url(../img/misc/i-026b-cc2ci-4270-9_03.png);
}
#board .section.board-view .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#board .section.board-view .board-article:after {
    display: block;
    clear: both;
    content: ""}
#board .section.board-view .board-article .article-body {
    float: left;
    width: 1018px;
}
#board .section.board-view .board-article .article-body .body-wrap:after, #board .section.board-view .board-article .article-body .body-wrap:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#board .section.board-view .board-article .article-body .article-header {
    position: relative;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
#board .section.board-view .board-article .article-body .article-header .board-category {
    position: absolute;
    top: 23px;
    left: 0;
}
#board .section.board-view .board-article .article-body .article-header .board-category+.board-subject {
    margin-left: 60px;
}
#board .section.board-view .board-article .article-body .article-header .board-subject {
    display: block;
    margin: 34px 0 35px 10px;
    line-height: 30px;
}
#board .section.board-view .board-article .article-body .article-header .board-subject>.text {
    display: inline;
    vertical-align: middle;
    color: #2f2f2f;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
#board .section.board-view .board-article .article-body .article-header .board-subject .indicate {
    vertical-align: middle;
    float: none;
}
#board .section.board-view .board-article .article-body .article-header .board-subject .indicate .comment .count {
    font-size: 24px;
}
#board .section.board-view .board-article .article-body .article-header .board-subject .time {
    display: block;
    margin: -3px 0 0;
    color: #898989;
    font-size: 15px;
}
#board .section.board-view .board-article .article-body .article-header .board-subject.type2>.text {
    font-size: 18px;
}
#board .section.board-view .board-article .article-body .article-header .board-subject.type3 {
    margin-top: 24px;
    margin-bottom: 25px;
}
#board .section.board-view .board-article .article-body .article-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 62px 58px;
    min-height: 640px;
    color: #2f2f2f;
    font-size: 15px;
    line-height: 28px;
}
#board .section.board-view .board-article .article-body .article-comment {
    margin: 24px 0 0;
}
#board .section.board-view .board-article .article-body .article-comment .comment-count {
    height: 45px;
    color: #2d2d2d;
    font-size: 18px;
    line-height: 45px;
}
#board .section.board-view .board-article .article-body .article-comment .comment-count span {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #4080ff;
}
#board .section.board-view .board-article .article-body .article-comment .comment-form {
    position: relative;
    border: 1px solid #ccc;
    height: 118px;
    background: #fff;
}
#board .section.board-view .board-article .article-body .article-comment .comment-form textarea {
    display: block;
    padding: 25px 0 23px 19px;
    border: 0;
    width: calc(100% - 125px);
    height: 118px;
    color: #4e4e4e;
    font-size: 15px;
    line-height: 21px;
}
#board .section.board-view .board-article .article-body .article-comment .comment-form input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 40px;
    border: 0;
    width: 125px;
    height: 118px;
    background: #4080ff;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 28px;
    -webkit-transition-property: background;
    transition-property: background;
    border-bottom-left-radius: 38px;
    white-space: normal;
}
#board .section.board-view .board-article .article-body .article-comment .comment-form input:hover {
    background-color: #4080ff;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li {
    display: block;
    padding: 23px 0;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li+li {
    border-top: 1px solid #ddd;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li time {
    float: left;
    width: 136px;
    height: 30px;
    overflow: hidden;
    line-height: 34px;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li .writer {
    display: inline-block;
    margin: 0 0 0 13px;
    border-radius: 15px;
    width: 136px;
    height: 30px;
    background: #4080ff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li .comment-content {
    clear: both;
    margin: 10px 70px 0 150px;
    color: #4e4e4e;
    font-size: 15px;
    line-height: 21px;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li .delete {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    margin: 0 0 0 5px;
    border: 1px solid #aaa;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: #b0b0b0;
    text-indent: -10000em;
    -webkit-transition-property: border, background;
    transition-property: border, background;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li .delete:hover {
    border-color: #797979;
    background: #828282;
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li .delete:after, #board .section.board-view .board-article .article-body .article-comment .comment-list ul li .delete:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 12px;
    height: 2px;
    background: #fff;
    content: ""}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li .delete:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#board .section.board-view .board-article .article-body .article-comment .comment-list ul li .delete:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#board .section.board-view .board-article .article-body .guide-header {
    padding: 0 0 0 48px;
    height: 92px;
    background: #ececec;
    color: #2f2f2f;
    font-size: 24px;
    font-weight: 500;
    line-height: 92px;
}
#board .section.board-view .board-article .article-body .guide-header:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 13px 3px 0;
    border-radius: 3px;
    width: 33px;
    height: 6px;
    background: #4080ff;
    content: ""}
#board .section.board-view .board-article .article-body .guide-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 81px;
    padding: 60px 48px 58px;
    border: 1px solid #ccc;
    min-height: 640px;
    background: #fff;
    color: #2f2f2f;
    font-size: 17px;
    line-height: 26px;
}
#board .section.board-view .board-article .article-info {
    position: relative;
    float: right;
    border: 1px solid #ccc;
    border-radius: 55px;
    width: 306px;
    height: 753px;
    overflow: hidden;
    background: #fff;
}
#board .section.board-view .board-article .article-info .writer {
    margin: 62px 0 0;
    color: #4e4e4e;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}
#board .section.board-view .board-article .article-info .writer span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#board .section.board-view .board-article .article-info .writer .admin {
    display: inline-block;
    width: 100px;
    height: 68px;
    overflow: hidden;
    background: url(../img/logo.png) no-repeat 50%;
    background-size: contain;
    text-indent: -10000em;
}
#board .section.board-view .board-article .article-info .info {
    position: relative;
    margin: 0 auto;
    padding: 45px 0 0;
    width: 239px;
}
#board .section.board-view .board-article .article-info .info:before {
    display: block;
    position: absolute;
    top: 21px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 3px;
    width: 26px;
    height: 6px;
    background: #4080ff;
    content: ""}
#board .section.board-view .board-article .article-info .info ul li {
    display: block;
    padding: 1px 0 0;
    height: 38px;
    background: url(../img/misc/i-026b-cc2cl-67ee-2379.png) repeat-x 0 bottom;
    line-height: 38px;
}
#board .section.board-view .board-article .article-info .info ul li button {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}
#board .section.board-view .board-article .article-info .info ul li .label {
    display: block;
    float: left;
    width: 40px;
    height: 38px;
    overflow: hidden;
    background: no-repeat 50%;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-view .board-article .article-info .info ul li .text {
    display: block;
    margin: 0 8px 0 40px;
    color: #898989;
    font-size: 15px;
    text-align: right;
    line-height: 38px;
    -webkit-transition-property: color;
    transition-property: color;
}
#board .section.board-view .board-article .article-info .info ul li.time .label {
    background-image: url(../img/misc/i-026b-cc2ci-1e49-fe_4.png);
}
#board .section.board-view .board-article .article-info .info ul li.read-count .label {
    background-image: url(../img/misc/i-026b-cc2ci-901f-ff13.png);
}
#board .section.board-view .board-article .article-info .info ul li.comment-count .label {
    background-image: url(../img/misc/i-026b-cc2ci-6f_c-8b17.png);
}
#board .section.board-view .board-article .article-info .info ul li.like-count .label {
    background-image: url(../img/misc/i-026b-cc2ci-2f5a-1415.png);
}
#board .section.board-view .board-article .article-info .info ul li.like-count button.on .label {
    background-image: url(../img/misc/i-026b-cc2ci-c8_4-431b.png);
}
#board .section.board-view .board-article .article-info .info ul li.like-count button.on .text {
    color: #4080ff;
}
#board .section.board-view .board-article .article-info .share {
    margin: 25px 0 0;
}
#board .section.board-view .board-article .article-info .share ul {
    font-size: 0;
    text-align: center;
}
#board .section.board-view .board-article .article-info .share ul li {
    display: inline-block;
    vertical-align: top;
}
#board .section.board-view .board-article .article-info .share ul li+li {
    margin-left: 23px;
}
#board .section.board-view .board-article .article-info .share ul li button {
    overflow: hidden;
    text-indent: -10000em;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#board .section.board-view .board-article .article-info .share ul li button:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
#board .section.board-view .board-article .article-info .share ul li button.facebook {
    width: 58px;
    height: 58px;
    background: url(../img/misc/i-026b-cc2ci-a_e6-701f.png) no-repeat 0 0;
}
#board .section.board-view .board-article .article-info .share ul li button.twitter {
    width: 58px;
    height: 58px;
    background: url(../img/misc/i-026b-cc2ci-4855-0018.png) no-repeat 0 0;
}
#board .section.board-view .board-article .article-info .share ul li button.copy-url {
    width: 58px;
    height: 58px;
    background: url(../img/misc/i-026b-cc2ci-5160-7aa9.png) no-repeat 0 0;
}
#board .section.board-view .board-article .article-info .menu {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
#board .section.board-view .board-article .article-info .menu .navigation {
    margin: 0 auto;
    width: 239px;
}
#board .section.board-view .board-article .article-info .menu .navigation ul li {
    position: relative;
    padding: 0 0 0 70px;
    height: 91px;
    background: url(../img/misc/i-026b-cc2cl-67ee-2379.png) repeat-x 0 0;
}
#board .section.board-view .board-article .article-info .menu .navigation ul li:first-child {
    background: none;
}
#board .section.board-view .board-article .article-info .menu .navigation ul li .next, #board .section.board-view .board-article .article-info .menu .navigation ul li .prev {
    display: table-cell;
    vertical-align: middle;
    height: 91px;
}
#board .section.board-view .board-article .article-info .menu .navigation ul li .next a, #board .section.board-view .board-article .article-info .menu .navigation ul li .prev a {
    text-decoration: none;
    -webkit-transition-property: -webkit-text-decoration;
    transition-property: -webkit-text-decoration;
    transition-property: text-decoration;
    transition-property: text-decoration, -webkit-text-decoration;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0);
}
#board .section.board-view .board-article .article-info .menu .navigation ul li .next a:hover, #board .section.board-view .board-article .article-info .menu .navigation ul li .prev a:hover {
    text-decoration: underline;
}
#board .section.board-view .board-article .article-info .menu .navigation ul li .next:before, #board .section.board-view .board-article .article-info .menu .navigation ul li .prev:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 16px;
    width: 58px;
    height: 32px;
    background: #9f9f9f;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
}
#board .section.board-view .board-article .article-info .menu .navigation ul li .next:before {
    content: "다음"}
#board .section.board-view .board-article .article-info .menu .navigation ul li .prev:before {
    content: "이전"}
#board .section.board-view .board-article .article-info .menu .navigation ul li a {
    display: inline-block;
    display: -webkit-box;
    overflow: hidden;
    color: #646464;
    font-size: 17px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#board .section.board-view .board-article .article-info .menu .writer-menu ul {
    font-size: 0;
}
#board .section.board-view .board-article .article-info .menu .writer-menu ul li {
    display: inline-block;
    border-top: 1px solid #ccc;
}
#board .section.board-view .board-article .article-info .menu .writer-menu ul li+li {
    border-left: 1px solid #ccc;
}
#board .section.board-view .board-article .article-info .menu .writer-menu a, #board .section.board-view .board-article .article-info .menu .writer-menu button {
    border: 0;
    background: rgba(0, 0, 0, 0);
}
#board .section.board-view .board-article .article-info .menu .writer-menu a.delete, #board .section.board-view .board-article .article-info .menu .writer-menu a.modify, #board .section.board-view .board-article .article-info .menu .writer-menu a.write, #board .section.board-view .board-article .article-info .menu .writer-menu button.delete, #board .section.board-view .board-article .article-info .menu .writer-menu button.modify, #board .section.board-view .board-article .article-info .menu .writer-menu button.write {
    display: inline-block;
    vertical-align: top;
    width: 101px;
    height: 62px;
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: 62px;
    -webkit-transition-property: color;
    transition-property: color;
}
#board .section.board-view .board-article .article-info .menu .writer-menu a.delete:hover, #board .section.board-view .board-article .article-info .menu .writer-menu a.modify:hover, #board .section.board-view .board-article .article-info .menu .writer-menu a.write:hover, #board .section.board-view .board-article .article-info .menu .writer-menu button.delete:hover, #board .section.board-view .board-article .article-info .menu .writer-menu button.modify:hover, #board .section.board-view .board-article .article-info .menu .writer-menu button.write:hover {
    color: #4080ff;
}
#board .section.board-view .board-article .article-info .menu .writer-menu a.delete, #board .section.board-view .board-article .article-info .menu .writer-menu button.delete {
    width: 102px;
}
#board .section.board-view .board-article .article-info .menu .writer-menu a.list, #board .section.board-view .board-article .article-info .menu .writer-menu button.list {
    display: block;
    margin: 0 -1px;
    border: 0;
    width: 306px;
    height: 81px;
    overflow: hidden;
    background: #5f5f5f url(../img/misc/i-026b-cc2ci-b301-5cac.png) no-repeat 50%;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-view .board-article .article-info .menu .writer-menu a.list:hover, #board .section.board-view .board-article .article-info .menu .writer-menu button.list:hover {
    background-color: #333;
}
#board .section.board-view .board-article .guide-info {
    position: relative;
    float: right;
    border: 1px solid #ccc;
    width: 350px;
    overflow: hidden;
    background: #fff;
}
#board .section.board-view .board-article .guide-info>ul>li button {
    display: block;
    position: relative;
    width: 100%;
    height: 64px;
    overflow: hidden;
    background: #fff;
    color: #2f2f2f;
    font-size: 20px;
    text-align: left;
    line-height: 64px;
    -webkit-transition-property: background, color;
    transition-property: background, color;
}
#board .section.board-view .board-article .guide-info>ul>li button:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 14px 0 28px;
    border-radius: 2.5px;
    width: 20px;
    height: 5px;
    background: #4080ff;
    content: ""}
#board .section.board-view .board-article .guide-info>ul>li button:after {
    display: block;
    position: absolute;
    top: 0;
    right: 27px;
    bottom: 0;
    margin: auto;
    width: 19px;
    height: 13px;
    background: url(../img/misc/i-026b-cc2ci-6297-9e95.png) no-repeat 0 top;
    content: "";
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: background, transform;
    transition-property: background, transform, -webkit-transform;
}
#board .section.board-view .board-article .guide-info>ul>li button:hover {
    background: #f4f4f4;
}
#board .section.board-view .board-article .guide-info>ul>li button.on {
    background: #4e4e4e;
    color: #fff;
}
#board .section.board-view .board-article .guide-info>ul>li button.on:after {
    background: url(../img/misc/i-026b-cc2ci-3_77-e6c2.png) no-repeat 0 top;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#board .section.board-view .board-article .guide-info>ul>li+li {
    border-top: 1px solid #ccc;
}
#board .section.board-view .board-article .guide-info>ul>li>ul {
    display: none;
    border-top: 1px solid #ccc;
    width: 100%}
#board .section.board-view .board-article .guide-info>ul>li>ul>li {
    margin: 0 43px;
    padding: 30px 0;
}
#board .section.board-view .board-article .guide-info>ul>li>ul>li>a {
    color: #2f2f2f;
    font-size: 18px;
    -webkit-transition-property: color;
    transition-property: color;
}
#board .section.board-view .board-article .guide-info>ul>li>ul>li>a.on, #board .section.board-view .board-article .guide-info>ul>li>ul>li>a:hover {
    color: #4080ff;
}
#board .section.board-view .board-article .guide-info>ul>li>ul>li+li {
    background: url(../img/misc/i-026b-cc2cs-7a76-e7cc.png) repeat-x 0 0;
}
#board .section.board-view .board-article .guide-info>ul>li>ul>li>ul {
    margin: 9px 0 0;
}
#board .section.board-view .board-article .guide-info>ul>li>ul>li>ul>li {
    display: block;
    margin: 0 0 0 17px;
    line-height: 30px;
}
#board .section.board-view .board-article .guide-info>ul>li>ul>li>ul>li:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 5px;
    width: 8px;
    height: 2px;
    background: #aeaeae;
    content: ""}
#board .section.board-view .board-article .guide-info>ul>li>ul>li>ul>li>a {
    color: #646464;
    font-size: 16px;
}
#board .section.board-view .board-article .guide-info>ul>li>ul>li>ul>li>a.on, #board .section.board-view .board-article .guide-info>ul>li>ul>li>ul>li>a:hover {
    color: #4080ff;
}
#board .section.board-write .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#board .section.board-write .board-article:after {
    display: block;
    clear: both;
    content: ""}
#board .section.board-write .board-article .article-body {
    float: left;
    width: 1018px;
}
#board .section.board-write .board-article .article-body .body-wrap:after, #board .section.board-write .board-article .article-body .body-wrap:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#board .section.board-write .board-article .article-body .article-header {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
#board .section.board-write .board-article .article-body .article-header .category {
    display: inline-block;
    position: relative;
    border: 1px solid #b3b3b3;
    border-radius: 26.5px;
    width: 172px;
    height: 53px;
    background: #fff;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}
#board .section.board-write .board-article .article-body .article-header .category .selected {
    display: block;
    position: relative;
    z-index: 2;
    width: 172px;
    height: 53px;
    color: #515151;
    font-size: 18px;
    text-indent: 23px;
    line-height: 53px;
    cursor: pointer;
}
#board .section.board-write .board-article .article-body .article-header .category .selected:after {
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 13px;
    background: url(../img/misc/i-026b-cc2ci-529_-1f0c.png) no-repeat 0 0;
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#board .section.board-write .board-article .article-body .article-header .category .select-list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 53px;
    right: -1px;
    left: -1px;
    border: 1px solid #c6c6c6;
    border-radius: 26.5px;
    overflow: hidden;
    background: #fff;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
#board .section.board-write .board-article .article-body .article-header .category .select-list li:first-child {
    margin-top: 10px;
}
#board .section.board-write .board-article .article-body .article-header .category .select-list li:last-child {
    margin-bottom: 10px;
}
#board .section.board-write .board-article .article-body .article-header .category .select-list li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px;
    width: 100%;
    height: 31px;
    background: rgba(0, 0, 0, 0);
    color: #515151;
    font-size: 18px;
    text-align: left;
    line-height: 31px;
    cursor: pointer;
}
#board .section.board-write .board-article .article-body .article-header .category.expend {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#board .section.board-write .board-article .article-body .article-header .category.expend .selected:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
#board .section.board-write .board-article .article-body .article-header .category.expend .select-list {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
#board .section.board-write .board-article .article-body .article-header .category+.subject {
    width: calc(100% - 178px);
}
#board .section.board-write .board-article .article-body .article-header .subject {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    width: 100%;
    height: 53px;
    background: rgba(0, 0, 0, 0);
    font-size: 20px;
    text-indent: 17px;
}
#board .section.board-write .board-article .article-body .article-content {
    padding: 17px 0 54px;
    width: 1018px;
}
#board .section.board-write .board-article .write-info {
    position: relative;
    float: right;
    border: 1px solid #ccc;
    border-radius: 55px;
    width: 306px;
    height: 753px;
    overflow: hidden;
    background: #fff;
}
#board .section.board-write .board-article .write-info .title {
    margin: 62px 0 0;
    color: #4e4e4e;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}
#board .section.board-write .board-article .write-info .info {
    position: relative;
    margin: 20px auto 0;
    padding: 45px 0 0;
    width: 239px;
}
#board .section.board-write .board-article .write-info .info:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 3px;
    width: 26px;
    height: 6px;
    background: #4080ff;
    content: ""}
#board .section.board-write .board-article .write-info .info ol li {
    display: block;
    position: relative;
    margin: 0 0 0 58px;
    color: #646464;
    font-size: 15px;
    line-height: 20px;
    counter-increment: inst;
}
#board .section.board-write .board-article .write-info .info ol li+li {
    margin-top: 40px;
}
#board .section.board-write .board-article .write-info .info ol li:before {
    position: absolute;
    top: 0;
    left: -58px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #efefef;
    content: counter(inst);
    color: #646464;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
}
#board .section.board-write .board-article .write-info .menu {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
#board .section.board-write .board-article .write-info .menu .writer-menu ul {
    width: 100%;
    font-size: 0;
}
#board .section.board-write .board-article .write-info .menu .writer-menu ul li {
    display: inline-block;
    width: 50%}
#board .section.board-write .board-article .write-info .menu .writer-menu a, #board .section.board-write .board-article .write-info .menu .writer-menu button, #board .section.board-write .board-article .write-info .menu .writer-menu input {
    border: 0;
    background: rgba(0, 0, 0, 0);
}
#board .section.board-write .board-article .write-info .menu .writer-menu a.cancle, #board .section.board-write .board-article .write-info .menu .writer-menu a.submit, #board .section.board-write .board-article .write-info .menu .writer-menu button.cancle, #board .section.board-write .board-article .write-info .menu .writer-menu button.submit, #board .section.board-write .board-article .write-info .menu .writer-menu input.cancle, #board .section.board-write .board-article .write-info .menu .writer-menu input.submit {
    display: block;
    width: 100%;
    height: 81px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 81px;
    -webkit-transition-property: background;
    transition-property: background;
}
#board .section.board-write .board-article .write-info .menu .writer-menu a.cancle, #board .section.board-write .board-article .write-info .menu .writer-menu button.cancle, #board .section.board-write .board-article .write-info .menu .writer-menu input.cancle {
    background: #5f5f5f;
}
#board .section.board-write .board-article .write-info .menu .writer-menu a.cancle:hover, #board .section.board-write .board-article .write-info .menu .writer-menu button.cancle:hover, #board .section.board-write .board-article .write-info .menu .writer-menu input.cancle:hover {
    background-color: #333;
}
#board .section.board-write .board-article .write-info .menu .writer-menu a.submit, #board .section.board-write .board-article .write-info .menu .writer-menu button.submit, #board .section.board-write .board-article .write-info .menu .writer-menu input.submit {
    background: #4080ff;
}
#board .section.board-write .board-article .write-info .menu .writer-menu a.submit:hover, #board .section.board-write .board-article .write-info .menu .writer-menu button.submit:hover, #board .section.board-write .board-article .write-info .menu .writer-menu input.submit:hover {
    background-color: #4080ff;
}
#guide {
    position: relative;
    padding: 80px 0 0;
}
#guide .section.game .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#guide .section.game .page-header {
    border-bottom: 5px solid #cecece;
}
#guide .section.game .section-body .game-01 {
    height: 1048px;
    background: url(../img/misc/i-026b-cc2cb-5a19-326f.jpg) no-repeat center 0;
}
#guide .section.game .section-body .game-02 {
    height: 801px;
    background: url(../img/misc/i-026b-cc2cb-4c79-483f.jpg) no-repeat center 0;
}
#guide .section.game .section-body .game-03 {
    height: 633px;
    background: url(../img/misc/i-026b-cc2cb-bc40-a5_a.jpg) no-repeat center 0;
}
#guide .section.game .section-body .game-04 {
    height: 808px;
    background: url(../img/misc/i-026b-cc2cb-_404-eb4f.jpg) no-repeat center 0;
}
#guide .section.game .section-body .game-05 {
    height: 839px;
    background: url(../img/misc/i-026b-cc2cb-7f_7-9817.jpg) no-repeat center 0;
}
#support {
    position: relative;
    padding: 80px 0 115px;
}
#support .section.download .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#support .section.download .page-body {
    min-height: 100px;
}
#support .section.download .page-body:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.download .page-body .sub-title {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
#support .section.download .page-body .sub-title:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 6px 0;
    border-radius: 3.5px;
    width: 33px;
    height: 7px;
    background: #4080ff;
    content: ""}
#support .section.download .page-body .client {
    margin: 50px 0 0;
}
#support .section.download .page-body .client .download {
    margin: 50px 0 0 118px;
    width: 1168px;
    height: 490px;
    background: #eee;
    font-size: 0;
}
#support .section.download .page-body .client .download button {
    position: relative;
    margin: 41px 0 0 54px;
    border: 0;
    border-radius: 55px;
    width: 322px;
    height: 110px;
    overflow: hidden;
    background: #4080ff;
    text-align: center;
}
#support .section.download .page-body .client .download button:before {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .6) url(../img/misc/i-026b-cc2ci-c3cc-bc02.png) no-repeat 50%;
    content: "";
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
#support .section.download .page-body .client .download button:hover:before {
    opacity: 1;
}
#support .section.download .page-body .client .download button+button {
    margin-left: 46px;
}
#support .section.download .page-body .client .download button .type {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
#support .section.download .page-body .client .download button .info {
    color: #fff;
    font-size: 16px;
}
#support .section.download .page-body .client .download ul {
    margin: 50px 0 0 54px;
}
#support .section.download .page-body .client .download ul li {
    height: 28px;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 28px;
}
#support .section.download .page-body .client .download ul li:before {
    content: "-"}
#support .section.download .page-body .system-info {
    margin: 100px 0 0;
}
#support .section.download .page-body .system-info:after {
    display: block;
    margin: 0 0 0 118px;
    border-radius: 2px;
    width: 1168px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.download .page-body .system-info .sub-title:after {
    display: block;
    margin: 50px 0 0 118px;
    border-radius: 2px;
    width: 1168px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.download .page-body .system-info table {
    margin: 0 0 0 118px;
    width: 1168px;
}
#support .section.download .page-body .system-info table colgroup col.category {
    width: 270px;
}
#support .section.download .page-body .system-info table colgroup col.minimum, #support .section.download .page-body .system-info table colgroup col.recommend {
    width: 449px;
}
#support .section.download .page-body .system-info table td, #support .section.download .page-body .system-info table th {
    padding: 25px 0 23px;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
#support .section.download .page-body .system-info table thead tr th {
    border-bottom: 1px solid #cecece;
    background: #eee;
}
#support .section.download .page-body .system-info table tbody tr th {
    background: #e0ebf2;
}
#support .section.download .page-body .driver {
    margin: 100px 0 0;
}
#support .section.download .page-body .driver .description {
    display: block;
    margin: 50px 0 0 118px;
    color: #4e4e4e;
    font-size: 18px;
}
#support .section.download .page-body .driver .download {
    margin: 20px 0 0 118px;
    width: 1168px;
    height: 320px;
    background: #eee;
    font-size: 0;
    text-align: center;
}
#support .section.download .page-body .driver .download span {
    display: inline-block;
    position: relative;
    margin: 41px 0 0;
    border: 0;
    border-radius: 41px;
    width: 305px;
    height: 82px;
    background: no-repeat 50%}
#support .section.download .page-body .driver .download span.directx {
    background-image: url(../img/directx.png);
}
#support .section.download .page-body .driver .download span.nvidia {
    background-image: url(../img/nvidia.png);
}
#support .section.download .page-body .driver .download span.amd {
    background-image: url(../img/amd.png);
}
#support .section.download .page-body .driver .download span button {
    position: absolute;
    right: 0;
    bottom: -45px;
    left: 0;
    margin: auto;
    width: 120px;
    height: 37px;
    overflow: hidden;
    background: url(../img/driver-download.png) no-repeat 0 0;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.download .page-body .driver .download span button:hover {
    background-image: url(../img/driver-download_hover.png);
}
#support .section.download .page-body .driver .download span+span {
    margin-left: 46px;
}
#support .section.download .page-body .driver .download ul {
    margin: 100px 0 0 54px;
}
#support .section.download .page-body .driver .download ul li {
    height: 28px;
    color: #4e4e4e;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
}
#support .section.download .page-body .driver .download ul li:before {
    content: "-"}
#support .section.faq .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#support .section.faq .faq-list:after, #support .section.faq .faq-list:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.faq .faq-list .search {
    margin: 34px 0 0;
    border: 1px solid #cecece;
    border-radius: 79px;
    height: 158px;
    background: #fff;
}
#support .section.faq .faq-list .search .label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 26px 0 153px;
    height: 158px;
    color: #2f2f2f;
    font-size: 24px;
    line-height: 156px;
}
#support .section.faq .faq-list .search .label:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 6px 0;
    border-radius: 3px;
    width: 33px;
    height: 6px;
    background: #4080ff;
    content: ""}
#support .section.faq .faq-list .search .search-form {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 0;
    width: 886px;
    height: 94px;
    font-size: 0;
}
#support .section.faq .faq-list .search .search-form input.text {
    vertical-align: top;
    border: 2px solid #4080ff;
    width: 820px;
    height: 60px;
    color: #2f2f2f;
    font-size: 24px;
    text-indent: 20px;
}
#support .section.faq .faq-list .search .search-form input.submit {
    vertical-align: top;
    width: 66px;
    height: 60px;
    overflow: hidden;
    background: #4080ff url(../img/misc/i-026b-cc2ci-2735-31af.png) no-repeat 50%;
    text-indent: -10000em;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.faq .faq-list .search .search-form input.submit:hover {
    background-color: #4080ff;
}
#support .section.faq .faq-list .search .search-form .favorite {
    display: inline-block;
    margin: 10px 0 0;
}
#support .section.faq .faq-list .search .search-form .favorite span {
    display: inline-block;
    border-radius: 12px;
    width: 90px;
    height: 24px;
    background: #e4e4e4;
    color: #7e7e7e;
    font-size: 15px;
    text-align: center;
    line-height: 24px;
}
#support .section.faq .faq-list .search .search-form .favorite ul {
    display: inline-block;
    margin: 0 0 0 8px;
    font-size: 0;
}
#support .section.faq .faq-list .search .search-form .favorite ul li {
    display: inline-block;
}
#support .section.faq .faq-list .search .search-form .favorite ul li+li:before {
    content: ",  ";
    color: #aeaeae;
    font-size: 15px;
    line-height: 24px;
}
#support .section.faq .faq-list .search .search-form .favorite ul li button {
    background: rgba(0, 0, 0, 0);
    color: #aeaeae;
    font-size: 15px;
    line-height: 24px;
}
#support .section.faq .faq-list .page-category-menu {
    margin: 50px 0 17px;
    height: 34px;
}
#support .section.faq .faq-list .page-category-menu ul {
    position: static;
}
#support .section.faq .faq-list table {
    clear: both;
    width: 100%}
#support .section.faq .faq-list table colgroup col.category {
    width: 170px;
}
#support .section.faq .faq-list table thead {
    display: none;
}
#support .section.faq .faq-list table tr td, #support .section.faq .faq-list table tr th {
    padding: 34px 10px;
    border-top: 1px solid #ddd;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.faq .faq-list table tr td.category, #support .section.faq .faq-list table tr th.category {
    padding: 0;
}
#support .section.faq .faq-list table tr td.category span, #support .section.faq .faq-list table tr th.category span {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 20px 0 50px;
    color: #646464;
    font-size: 15px;
    line-height: 17px;
}
#support .section.faq .faq-list table tr td.category span:after, #support .section.faq .faq-list table tr th.category span:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background: #dedede;
    content: ""}
#support .section.faq .faq-list table tr td.title, #support .section.faq .faq-list table tr th.title {
    padding-left: 80px;
}
#support .section.faq .faq-list table tr td.title a, #support .section.faq .faq-list table tr th.title a {
    color: #2f2f2f;
    font-size: 18px;
}
#support .section.faq .faq-list table tr:hover td, #support .section.faq .faq-list table tr:hover th {
    background-color: #e0ebf2;
}
#support .section.faq .faq-list+.paging {
    margin-top: 60px;
}
#support .section.faq .paging {
    margin: 28px 0 0;
}
#support .section.faq .faq-help {
    margin: 73px 0 0;
    border: 1px solid #cecece;
    background: #fff;
}
#support .section.faq .faq-help:after {
    display: block;
    clear: both;
    content: ""}
#support .section.faq .faq-help .help {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 58px 0 0 85px;
    width: 50%;
    height: 225px;
}
#support .section.faq .faq-help .help .title {
    display: block;
    color: #2f2f2f;
    font-size: 18px;
}
#support .section.faq .faq-help .help .title:after {
    display: block;
    margin: 17px 0;
    border-radius: 3px;
    width: 23px;
    height: 6px;
    background: #4080ff;
    content: ""}
#support .section.faq .faq-help .help .description {
    color: #646464;
    font-size: 16px;
    line-height: 22px;
}
#support .section.faq .faq-help .help .go {
    display: block;
    position: absolute;
    top: 84px;
    left: 391px;
    border-radius: 30px;
    width: 210px;
    height: 60px;
    background: #4080ff;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.faq .faq-help .help .go:hover {
    background: #4080ff;
}
#support .section.faq .faq-help .help.account {
    border-left: 1px solid #cecece;
}
#support .section.faq .faq-help .help.account .go {
    left: 413px;
}
#support .section.faq .faq-help .qna {
    display: block;
    position: relative;
    clear: both;
    padding: 0 0 0 85px;
    border-top: 1px solid #cecece;
    height: 65px;
}
#support .section.faq .faq-help .qna .description {
    color: #646464;
    font-size: 16px;
    line-height: 65px;
}
#support .section.faq .faq-help .qna .go {
    display: block;
    position: absolute;
    top: 13px;
    right: 77px;
    width: 153px;
    height: 40px;
    background: #aaa;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.faq .faq-help .qna .go:after {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 3px 5px;
    width: 15px;
    height: 14px;
    background: url(../img/misc/i-026b-cc2ci-fe90-8044.png) no-repeat 0 0;
    content: ""}
#support .section.faq .faq-help .qna .go:hover {
    background: #787878;
}
#support .section.faq .faq-view .view-body .body-wrap:after, #support .section.faq .faq-view .view-body .body-wrap:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.faq .faq-view .view-body .view-header {
    position: relative;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
#support .section.faq .faq-view .view-body .view-header .category {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 13px;
    border: 1px solid #e8e8e8;
    border-radius: 17.5px;
    width: 120px;
    height: 35px;
    background: #fff;
    color: #646464;
    font-size: 17px;
    text-align: center;
    line-height: 35px;
}
#support .section.faq .faq-view .view-body .view-header .category+.board-subject {
    margin-left: 60px;
}
#support .section.faq .faq-view .view-body .view-header .subject {
    display: inline-block;
    margin: 34px 0 35px 10px;
    color: #2f2f2f;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
#support .section.faq .faq-view .view-body .article-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 62px 58px 143px;
    min-height: 640px;
    color: #2f2f2f;
    font-size: 17px;
    line-height: 26px;
}
#support .section.faq .faq-menu {
    margin: 46px 0 0;
}
#support .section.faq .faq-menu ul {
    display: block;
    font-size: 0;
    text-align: center;
}
#support .section.faq .faq-menu ul li {
    display: inline-block;
}
#support .section.faq .faq-menu ul li a {
    display: block;
    width: 210px;
    height: 64px;
    background: #505050;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 64px;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.faq .faq-menu ul li a:hover {
    background: #3d3d3d;
}
#support .section.faq .faq-write:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.faq .faq-write .notice ul {
    padding: 25px 0;
}
#support .section.faq .faq-write .notice ul li {
    display: block;
    color: #646464;
    font-size: 17px;
    line-height: 25px;
}
#support .section.faq .faq-write .notice ul li:before {
    content: "※ "}
#support .section.faq .faq-write .write-form .category {
    display: inline-block;
    position: relative;
    border: 1px solid #b3b3b3;
    border-radius: 26.5px;
    width: 172px;
    height: 53px;
    background: #fff;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}
#support .section.faq .faq-write .write-form .category .selected {
    display: block;
    position: relative;
    z-index: 2;
    width: 172px;
    height: 53px;
    color: #515151;
    font-size: 18px;
    text-indent: 23px;
    line-height: 53px;
    cursor: pointer;
}
#support .section.faq .faq-write .write-form .category .selected:after {
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 13px;
    background: url(../img/misc/i-026b-cc2ci-529_-1f0c.png) no-repeat 0 0;
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#support .section.faq .faq-write .write-form .category .select-list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 53px;
    right: -1px;
    left: -1px;
    border: 1px solid #c6c6c6;
    border-radius: 26.5px;
    overflow: hidden;
    background: #fff;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
#support .section.faq .faq-write .write-form .category .select-list li:first-child {
    margin-top: 10px;
}
#support .section.faq .faq-write .write-form .category .select-list li:last-child {
    margin-bottom: 10px;
}
#support .section.faq .faq-write .write-form .category .select-list li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px;
    width: 100%;
    height: 31px;
    background: rgba(0, 0, 0, 0);
    color: #515151;
    font-size: 18px;
    text-align: left;
    line-height: 31px;
    cursor: pointer;
}
#support .section.faq .faq-write .write-form .category.expend {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#support .section.faq .faq-write .write-form .category.expend .selected:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
#support .section.faq .faq-write .write-form .category.expend .select-list {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
#support .section.faq .faq-write .write-form .category+.subject {
    width: calc(100% - 178px);
}
#support .section.faq .faq-write .write-form label .label {
    display: inline-block;
    min-width: 95px;
    color: #5f5f5f;
    font-size: 17px;
}
#support .section.faq .faq-write .write-form .text {
    border: 1px solid #ccc;
    border-radius: 28px;
    width: 250px;
    height: 56px;
    background: #fff;
    color: #2f2f2f;
    font-size: 20px;
    text-indent: 35px;
}
#support .section.faq .faq-write .write-form .help {
    display: block;
    margin: 9px 0 0;
    color: #898989;
    font-size: 15px;
    line-height: 20px;
}
#support .section.faq .faq-write .write-form .help:before {
    content: "※ "}
#support .section.faq .faq-write .write-form table {
    width: 100%}
#support .section.faq .faq-write .write-form table colgroup col.label {
    width: 270px;
}
#support .section.faq .faq-write .write-form table td, #support .section.faq .faq-write .write-form table th {
    padding: 18px 0 17px;
    border-top: 1px solid #ddd;
    height: 84px;
}
#support .section.faq .faq-write .write-form table th {
    font-weight: 400;
}
#support .section.faq .faq-write .write-form table th.label {
    padding-left: 55px;
    text-align: left;
}
#support .section.faq .faq-write .write-form table th.label span {
    color: #2f2f2f;
    font-size: 18px;
}
#support .section.faq .faq-write .write-form table th.label span:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 4px 0;
    border-radius: 3.5px;
    width: 23px;
    height: 7px;
    background: #4080ff;
    content: ""}
#support .section.faq .faq-write .write-form table td.character label+label {
    margin-left: 319px;
}
#support .section.faq .faq-write .write-form table td.subject .text {
    width: 1019px;
}
#support .section.faq .faq-write .write-form .menu {
    margin: 35px 0 0;
}
#support .section.faq .faq-write .write-form .menu:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.faq .faq-write .write-form .menu .writer-menu {
    margin: 35px 0 0;
    text-align: right;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul {
    font-size: 0;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul li {
    display: inline-block;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul li+li {
    margin-left: 24px;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul li input {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul li input.cancle {
    border-radius: 30px;
    width: 210px;
    height: 60px;
    background: #aaa;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul li input.cancle:hover {
    background-color: #8f8f8f;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul li input.submit {
    border-radius: 30px;
    width: 210px;
    height: 60px;
    background: #4080ff;
}
#support .section.faq .faq-write .write-form .menu .writer-menu ul li input.submit:hover {
    background-color: #4080ff;
}
#support .section.faq .my-list:after, #support .section.faq .my-list:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.faq .my-list .state {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #646464;
    border-radius: 18px;
    width: 75px;
    height: 36px;
    color: #646464;
    font-size: 17px;
    text-align: center;
    line-height: 34px;
}
#support .section.faq .my-list .state.receive {
    border-color: #6277d0;
    color: #6277d0;
}
#support .section.faq .my-list .state.processed {
    border-color: #4080ff;
    color: #4080ff;
}
#support .section.faq .my-list .help .title {
    display: block;
    margin: 15px 0 0;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 80px;
}
#support .section.faq .my-list .help .title:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 5px 0;
    border-radius: 3.5px;
    width: 33px;
    height: 7px;
    background: #4080ff;
    content: ""}
#support .section.faq .my-list .help ul {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #cecece;
    border-radius: 61px;
    width: 100%;
    height: 122px;
    background: #fff;
}
#support .section.faq .my-list .help ul li {
    display: block;
    position: absolute;
    top: 42px;
    left: 132px;
}
#support .section.faq .my-list .help ul li+li {
    left: 478px;
}
#support .section.faq .my-list .help ul li+li+li {
    left: 892px;
}
#support .section.faq .my-list .help ul li .state {
    display: block;
    float: left;
}
#support .section.faq .my-list .help ul li .description {
    display: block;
    margin: 0 0 0 95px;
    color: #646464;
    font-size: 16px;
    line-height: 18px;
}
#support .section.faq .my-list .list {
    margin: 39px 0 0;
}
#support .section.faq .my-list .list ul li {
    border-top: 1px solid #ddd;
}
#support .section.faq .my-list .list ul li article {
    font-size: 0;
}
#support .section.faq .my-list .list ul li article .header {
    padding: 22px 0;
}
#support .section.faq .my-list .list ul li article .header .time-dash {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    margin: 0 0 0 32px;
    padding: 0 0 0 25px;
    width: 150px;
    background: url(../img/misc/i-026b-cc2ci-1e49-fe_4.png) no-repeat 0;
    color: #898989;
    font-size: 15px;
    line-height: 17px;
}
#support .section.faq .my-list .list ul li article .header .time-dash:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background: #dedede;
    content: ""}
#support .section.faq .my-list .list ul li article .header .time-dash.today {
    background-image: url(../img/misc/i-026b-cc2ci-6f68-6ba4.png);
    color: #4080ff;
}
#support .section.faq .my-list .list ul li article .header .category {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 0 0 0 27px;
    border: 1px solid #e9e9e9;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #646464;
    font-size: 17px;
    text-align: center;
    line-height: 50px;
}
#support .section.faq .my-list .list ul li article .header .category.general {
    padding: 7px 5px 0;
    font-size: 15px;
    line-height: 17px;
}
#support .section.faq .my-list .list ul li article .header .subject {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    background: rgba(0, 0, 0, 0);
}
#support .section.faq .my-list .list ul li article .header .subject, #support .section.faq .my-list .list ul li article .header .subject>* {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 400;
}
#support .section.faq .my-list .list ul li article .header .state {
    display: block;
    float: right;
    margin: 7px 55px 0 0;
}
#support .section.faq .my-list .list ul li article .content {
    display: none;
    padding: 0 37px 42px 217px;
    background: #e9e9e9;
}
#support .section.faq .my-list .list ul li article .content .question {
    position: relative;
    padding: 44px 0 0 50px;
    color: #4e4e4e;
    font-size: 17px;
    line-height: 26px;
}
#support .section.faq .my-list .list ul li article .content .question:before {
    display: block;
    position: absolute;
    top: 39px;
    left: 0;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background: #7c7c7c;
    content: "Q";
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
}
#support .section.faq .my-list .list ul li article .content .answer {
    position: relative;
    padding: 39px 0 0 50px;
    color: #4e4e4e;
    font-size: 17px;
    line-height: 26px;
}
#support .section.faq .my-list .list ul li article .content .answer:before {
    display: block;
    position: absolute;
    top: 34px;
    left: 0;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background: #4080ff;
    content: "A";
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
}
#support .section.faq .menu {
    margin: 24px 0 0;
    text-align: right;
}
#support .section.faq .menu ul {
    font-size: 0;
}
#support .section.faq .menu ul li {
    display: inline-block;
}
#support .section.faq .menu ul li a {
    display: block;
    width: 210px;
    height: 64px;
    background: #505050;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 64px;
}
#support .section.exchange .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#support .section.exchange .exchange:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.exchange .exchange .title {
    display: block;
    margin: 15px 0 0;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 80px;
}
#support .section.exchange .exchange .title:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 5px 0;
    border-radius: 3.5px;
    width: 33px;
    height: 7px;
    background: #4080ff;
    content: ""}
#support .section.exchange .exchange .description {
    margin: 0 0 0 53px;
    color: #4e4e4e;
    font-size: 18px;
    line-height: 30px;
}
#support .section.exchange .exchange .cash {
    margin: 28px 0 0 53px;
}
#support .section.exchange .exchange .cash ul {
    font-size: 0;
}
#support .section.exchange .exchange .cash ul li {
    display: inline-block;
}
#support .section.exchange .exchange .cash ul li+li {
    margin-left: 55px;
}
#support .section.exchange .exchange .cash ul li button {
    display: block;
    border-radius: 40px;
    width: 365px;
    height: 80px;
    background: #4a4a4a;
    color: #fff;
    font-size: 24px;
    line-height: 80px;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.exchange .exchange .cash ul li button:hover {
    background-color: #393939;
}
.ch-nexon #support .section.exchange .exchange .cash ul li button.channel {
    background: #6c9aea;
}
.ch-nexon #support .section.exchange .exchange .cash ul li button.channel:hover {
    background-color: #437ee5;
}
.ch-hangame #support .section.exchange .exchange .cash ul li button.channel {
    background: #f96d00;
}
.ch-hangame #support .section.exchange .exchange .cash ul li button.channel:hover {
    background-color: #de6100;
}
.ch-naver #support .section.exchange .exchange .cash ul li button.channel {
    background: #2eaa07;
}
.ch-naver #support .section.exchange .exchange .cash ul li button.channel:hover {
    background-color: #228f00;
}
#support .section.exchange .cash-list:after, #support .section.exchange .cash-list:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.exchange .cash-list .search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 42px 0 34px;
    border: 1px solid #cecece;
    border-radius: 61px;
    height: 122px;
    background: #fff;
    line-height: 120px;
}
#support .section.exchange .cash-list .search .title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 58px;
    color: #646464;
    font-size: 18px;
    font-weight: 400;
}
#support .section.exchange .cash-list .search .title:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 0 0;
    border-radius: 3.5px;
    width: 33px;
    height: 7px;
    background: #4080ff;
    content: ""}
#support .section.exchange .cash-list .search .date {
    position: absolute;
    top: 0;
    left: 840px;
}
#support .section.exchange .cash-list .search .select {
    display: inline-block;
    position: relative;
    border: 1px solid #b3b3b3;
    border-radius: 28px;
    width: 174px;
    height: 56px;
    background: #fff;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}
#support .section.exchange .cash-list .search .select+.select {
    margin-left: 14px;
}
#support .section.exchange .cash-list .search .select .selected {
    display: block;
    position: relative;
    z-index: 2;
    width: 174px;
    height: 56px;
    color: #515151;
    font-size: 18px;
    text-indent: 23px;
    line-height: 56px;
    cursor: pointer;
}
#support .section.exchange .cash-list .search .select .selected:after {
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 13px;
    background: url(../img/misc/i-026b-cc2ci-529_-1f0c.png) no-repeat 0 0;
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#support .section.exchange .cash-list .search .select .select-list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 53px;
    right: -1px;
    left: -1px;
    border: 1px solid #c6c6c6;
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
#support .section.exchange .cash-list .search .select .select-list li:first-child {
    margin-top: 10px;
}
#support .section.exchange .cash-list .search .select .select-list li:last-child {
    margin-bottom: 10px;
}
#support .section.exchange .cash-list .search .select .select-list li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px;
    width: 100%;
    height: 31px;
    background: rgba(0, 0, 0, 0);
    color: #515151;
    font-size: 18px;
    text-align: left;
    line-height: 31px;
    cursor: pointer;
}
#support .section.exchange .cash-list .search .select.expend {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#support .section.exchange .cash-list .search .select.expend .selected:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
#support .section.exchange .cash-list .search .select.expend .select-list {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
#support .section.exchange .cash-list .search .submit {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 11px;
    border-radius: 28px;
    width: 85px;
    height: 56px;
    background: #4080ff;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 56px;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.exchange .cash-list .search .submit:hover {
    background-color: #4080ff;
}
#support .section.exchange .cash-list table {
    width: 100%}
#support .section.exchange .cash-list table caption {
    color: #7b7b7b;
    font-size: 15px;
    text-align: right;
    line-height: 50px;
}
#support .section.exchange .cash-list table caption:after {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.exchange .cash-list table colgroup col.state, #support .section.exchange .cash-list table colgroup col.time {
    width: 280px;
}
#support .section.exchange .cash-list table td, #support .section.exchange .cash-list table th {
    padding: 34px 0 33px;
    border-top: 1px solid #ddd;
    text-align: center;
}
#support .section.exchange .cash-list table thead td, #support .section.exchange .cash-list table thead th {
    border-top: 0;
    background: #eee;
    color: #2f2f2f;
    font-size: 18px;
}
#support .section.exchange .cash-list table tbody td, #support .section.exchange .cash-list table tbody th {
    color: #4e4e4e;
    font-size: 18px;
}
#support .section.exchange .cash-list table tbody td.time, #support .section.exchange .cash-list table tbody th.time {
    color: #898989;
    font-size: 15px;
}
#support .section.exchange .cash-list table tbody td.state, #support .section.exchange .cash-list table tbody th.state {
    color: #4080ff;
    font-size: 17px;
}
#support .section.exchange .cash-list+.paging {
    margin-top: 55px;
}
#support .section.exchange .notice {
    margin: 90px 0 0 53px;
    padding: 48px 0;
    background: #eee;
}
#support .section.exchange .notice .title {
    display: block;
    padding: 0 0 0 67px;
    color: #f8335c;
    font-size: 18px;
    font-weight: 400;
}
#support .section.exchange .notice .title:before {
    content: "※ "}
#support .section.exchange .notice ul {
    margin: 20px 0 0 90px;
    width: 1000px;
    font-size: 0;
}
#support .section.exchange .notice ul li {
    display: inline-block;
    width: 50%;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 30px;
}
#support .section.exchange .notice ul li:before {
    content: "- "}
#support .section.exchange .notice .go {
    display: block;
    margin: 20px 0 0 90px;
    width: 196px;
    height: 40px;
    background: #aaa;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    -webkit-transition-property: background;
    transition-property: background;
}
#support .section.exchange .notice .go:after {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 3px 5px;
    width: 15px;
    height: 14px;
    background: url(../img/misc/i-026b-cc2ci-fe90-8044.png) no-repeat 0 0;
    content: ""}
#support .section.exchange .notice .go:hover {
    background: #787878;
}
#support .section.policy .section-wrap {
    position: relative;
    margin: 0 auto;
    width: 1400px;
}
#support .section.policy .menu:before {
    display: block;
    border-radius: 2px;
    height: 5px;
    background: #cecece;
    content: ""}
#support .section.policy .menu .past-policy {
    display: inline-block;
    position: relative;
    margin: 43px 0 0;
    border: 1px solid #b3b3b3;
    border-radius: 28px;
    width: 231px;
    height: 56px;
    background: #fff;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}
#support .section.policy .menu .past-policy .selected {
    display: block;
    position: relative;
    z-index: 2;
    width: 231px;
    height: 56px;
    color: #515151;
    font-size: 18px;
    text-indent: 23px;
    line-height: 56px;
    cursor: pointer;
}
#support .section.policy .menu .past-policy .selected:after {
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 13px;
    background: url(../img/misc/i-026b-cc2ci-529_-1f0c.png) no-repeat 0 0;
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
#support .section.policy .menu .past-policy .select-list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 53px;
    right: -1px;
    left: -1px;
    border: 1px solid #c6c6c6;
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
#support .section.policy .menu .past-policy .select-list li:first-child {
    margin-top: 10px;
}
#support .section.policy .menu .past-policy .select-list li:last-child {
    margin-bottom: 10px;
}
#support .section.policy .menu .past-policy .select-list li button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px;
    width: 100%;
    height: 31px;
    background: rgba(0, 0, 0, 0);
    color: #515151;
    font-size: 18px;
    text-align: left;
    line-height: 31px;
    cursor: pointer;
}
#support .section.policy .menu .past-policy.expend {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#support .section.policy .menu .past-policy.expend .selected:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
#support .section.policy .menu .past-policy.expend .select-list {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
#support .section.policy .menu .category {
    margin: 20px 0 0;
    padding: 23px 0 23px 120px;
    border: 1px solid #cecece;
    background: #fff;
}
#support .section.policy .menu .category:after {
    display: block;
    clear: both;
    content: ""}
#support .section.policy .menu .category ul {
    float: left;
    width: 50%}
#support .section.policy .menu .category ul li {
    display: block;
}
#support .section.policy .menu .category ul li a {
    color: #646464;
    font-size: 16px;
    line-height: 30px;
}
#support .section.policy .date {
    display: block;
    margin: 9px 0 0;
    color: #646464;
    font-size: 15px;
    font-style: normal;
    text-align: right;
}
#support .section.policy .content {
    padding: 40px 0 0;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 26px;
}
#support .section.policy .content a {
    color: #4e4e4e;
    font-size: 16px;
}
#grade {
    position: relative;
    width: 510px;
    height: 494px;
    background: url(../img/misc/i-026b-cc2cb-712f-99f_.jpg) no-repeat 0 0;
}
#grade button {
    display: block;
    position: absolute;
    top: 418px;
    right: 0;
    left: 0;
    margin: auto;
    width: 169px;
    height: 54px;
    background: #2f2f2f;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 54px;
}