@charset "UTF-8";
/* //////////////////////////////////////////////////// */
/* ////////////////////// COLOR /////////////////////// */
/* //////////////////////////////////////////////////// */
/*$cl_medium_ori : #afb6c1;*/
/* //////////////////////////////////////////////////// */
/* ////////////////////// IMAGE /////////////////////// */
/* //////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////// */
/* ///////////////////// BUTTON /////////////////////// */
/* //////////////////////////////////////////////////// */
/* //////////////////////////////////////// */
/* ////////////// 서브 레이아웃 /////////// */
/* //////////////////////////////////////// */
#wrapper.sub {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/bg_sub.jpg) no-repeat top center;
    background-size: 100%;
    background-color: #31313c;
}

.sub #content {
    min-height: 800px;
}

.sub .row-w {
    max-width: 1100px;
    box-sizing: border-box;
    margin-bottom: 66px;
    margin-botom: 4.215rem;
    padding: 66px 70px;
    padding: 4.125rem 4.375rem;
    border-top: 3px solid #a173ff;
    background: #fff;
    color: #696e77;
}

.sub .nav-tab0 .row-w {
    border-top: none;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    padding: 0;
    padding-top: 264px;
    padding-top: 13.8vw;
    padding-top: 16.5rem;
    background: none;
}

.bg-chr {
    position: absolute;
    z-index: 0;
    height: 21rem;
    left: 50%;
    top: 3.4rem;
    margin-left: 12%;
}

.sub .step {
    float: none;
    padding-bottom: 50px;
    padding-bottom: 3.125rem;
}

/* 본문컨텐츠 초기 화면 설정*/
.nav-tab {
    width: 100%;
    display: none;
}

.nav-tab.on {
    display: block;
}

.tab-btn ul {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.tab-btn ul li {
    height: 3.125rem;
    /* 50px */
    line-height: 3.125rem;
    background: transparent;
    border-top: 1px solid #a173ff;
    border-bottom: 1px solid #a173ff;
    border-right: 1px solid #a173ff;
    color: #a173ff;
    font-weight: 500;
    position: relative;
    box-sizing: border-box;
    display: table-cell;
    transition: all 0.2s ease-in;
}
.tab-btn ul li.on, .tab-btn ul li:hover {
    background: #a173ff;
    color: #000;
}
.tab-btn ul li:nth-child(1) {
    border-left: 1px solid #a173ff;
}

.tab-btn ul li a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem;
    color: inherit;
}

.tab-btn ul li a, .tab-btn ul li a:visited, .tab-btn ul li a:active {
    background: transparent;
}

.tab-btn ul li.on a, .tab-btn ul li:hover a {
    background: inherit;
    color: #fff;
}

/* 서브 브레드 스크럼 */
h1.bread-scrum {
    position: relative;
    overflow: hidden;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: normal;
    color: #a173ff;
}

h1.bread-scrum + article {
    margin-top: 14px;
    margin-top: 0.875rem;
    padding-top: 16px;
    padding-top: 1rem;
}

.bread-scrum-nav {
    float: right;
}

.bread-scrum-nav li {
    float: left;
}

.bread-scrum-nav li a {
    display: inline-block;
    padding: 4px;
    font-weight: normal;
    color: #b8bec9;
    font-size: 14px;
    font-size: 0.875rem;
    vertical-align: unset;
}

.bread-scrum-nav li.current a, .bread-scrum-nav li a:hover {
    color: #a173ff;
}

.bread-scrum-nav li:after {
    content: ">";
    font-size: 0.825rem;
    vertical-align: baseline;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-family: "Arial", Sans-serif;
    font-weight: bold;
    color: #b8bec9;
}

.bread-scrum-nav li:last-child:after {
    content: "";
    font-size: 0.825rem;
    vertical-align: baseline;
    margin-left: 0.5rem;
    margin-right: 0;
    font-family: "Arial", Sans-serif;
    font-weight: bold;
}

.bread-scrum-nav li a i {
    font-size: 1.25rem;
}

/* 검색창 */
.search {
    width: 100%;
    text-align: center;
    padding: 1rem;
    background: #f9f9f9;
    border: 2px solid #edeff4;
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
}

.search .wrap-select {
    position: relative;
    display: inline-block;
    width: 30%;
    max-width: 130px;
    margin-right: 2%;
    overflow: hidden;
    border: 0;
    z-index: 0;
    vertical-align: middle;
}

.search select {
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    margin: 0;
    background: #fff url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_arrow_down.png) no-repeat center right 10px;
    border: 1px solid #c7cbd1;
    color: #6b767e;
}

.search .wrap-search {
    position: relative;
    display: inline-block;
    width: 68%;
    max-width: 350px;
    text-align: left;
}

.search .wrap-search .txt-search {
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
    min-width: auto;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0;
    padding: 0px 32px 0 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #696e77;
    border: 1px solid #c7cbd1;
    background: #fff;
    text-align: left;
}

.search .wrap-search .txt-search:hover, .search .wrap-search .txt-search:focus {
    border: 1px solid #46aee2;
}

.search .wrap-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin: 0;
    padding: 0px;
    border-left: none;
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_search.png) left center no-repeat;
    cursor: pointer;
}

.search .wrap-search .btn-search:hover {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_search_hover.png) left center no-repeat;
}

/* 최근 공지글 전광판 */
.notice-board {
    width: 100%;
    height: 110px;
    height: 6.875rem;
    overflow: hidden;
    /* line-height:100px;*/
    background-image: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/bg_notice_board.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right;
    background-color: #ecf3ff;
}

.notice-board li {
    margin: 0;
    padding: 28px 0;
    padding: 1.75rem 0;
    height: 110px;
    height: 6.875rem;
    padding-left: 90px;
    padding-left: 5.625rem;
}

.notice-board > div {
    width: 100%;
    height: 100%;
}

.notice-board .nboard-cont a {
    outline: none;
}

.notice-board .nboard-cont .cate-mb {
    display: none;
}

.notice-board .nboard-cont .cate {
    display: inline-block;
    width: 56px;
    width: 3.5rem;
    height: 54px;
    height: 3.375rem;
    background: #90adda;
    margin-right: 1rem;
    line-height: 54px;
    line-height: 3.375rem;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.notice-board .nboard-cont .cate + div {
    display: inline-block;
    width: 90%;
    vertical-align: middle;
    color: #696e77;
}

.notice-board .nboard-cont .nboard-info {
    font-size: 12px;
    color: #696e77;
}

.notice-board .nboard-cont .nboard-info .date {
    color: #b8bec9;
}

.notice-board .nboard-cont .nboard-info .space {
    margin: 0 0.875rem;
    color: #b8bec9;
}

.notice-board .nboard-cont .nboard-info .icon_gm {
    display: inline-block;
    width: 15px;
    width: 0.9375rem;
    height: 16px;
    height: 1rem;
    vertical-align: middle;
    margin-right: 3px;
}

.notice-board .nboard-cont .nboard-tit {
    display: block;
    width: 66%;
    font-size: 24px;
    font-size: 1.5rem;
    color: #696e77;
    margin-top: 10px;
    margin-top: 0.625rem;
}

/* 게시판 리스트 */
.sub #board table {
    width: 100%;
    table-layout: fixed;
    /*margin-top:34px;margin-top:2.125rem;*/
    margin-bottom: 42px;
    margin-bottom: 2.688rem;
    text-align: center;
}

.sub #board table thead th {
    /*font-size:15px;font-size:0.9375rem;*/
    font-size: 12px;
    font-size: 0.75rem;
    padding: 22px 22px 19px;
    padding: 0.9375rem;
    /*background:#edeff4;*/
    color: #3c4047;
    border-top: 1px solid #c7cbd1;
    border-bottom: 1px solid #c7cbd1;
}

.sub #board table tbody td {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 18px 22px 16px;
    padding: 0.9375rem;
    color: #696e77;
    border-bottom: 1px solid #c7cbd1;
    vertical-align: middle;
}

.sub #board table tbody td:nth-child(3) {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
    text-align: left;
}

.sub #board table tbody td:nth-child(3) .ellipsis {
    /* width:calc(100% - 35px); */
    width: calc(100% - 44px);
    vertical-align: middle;
}

.sub #board table tbody td:nth-child(n+4) {
    font-size: 12px;
    font-size: 0.75rem;
}

.sub #board table tbody td a.ellipsis {
    max-width: calc(100% - 2rem);
    vertical-align: middle;
}

.sub #board table tbody td a span.cmt-count {
    color: #46aee2;
}

.sub #board table tbody td img {
    vertical-align: middle;
}

.sub #board .server {
    background: #46aee2;
    padding: 2px 6px;
    margin-right: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: 300;
}

/* paging */
.paging {
    display: block;
    text-align: center;
    margin-top: 80px;
    margin-top: 5rem;
}

.paging ul {
    display: inline-block;
    width: auto;
    margin: 0 auto;
}

.paging ul li {
    float: left;
    margin-left: 10px;
}

.paging ul li:first-child {
    margin-left: 0px;
}

.paging ul li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.2rem;
    text-align: center;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
}

.paging ul li a.num, .paging ul li a.fa {
    color: #696e77;
    /*border: 1px solid $cl_default;*/
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.paging ul li.on a.num, .paging ul li.on a.fa, .paging ul li a:hover .paging ul li a.num, .paging ul li a:hover .paging ul li a.fa {
    color: #46aee2;
    border: 1px solid #46aee2;
}

.paging ul li.off a {
    color: #b8bec9;
    /*border: 1px solid #afb6c1;*/
    cursor: default;
}

/* 검색 결과 없음 */
.no-result {
    text-align: center;
    margin: 2rem 0;
}

.no-result h3 {
    color: #696e77;
    font-size: 24px;
    font-size: 1.5rem;
    margin: 28px 0 16px;
    margin: 1.75rem 0 1rem;
}

.no-result p {
    color: #c7cbd1;
    font-size: 18px;
    font-size: 1.125rem;
}

#faq .no-search {
    display: none;
}

#faq .no-search tbody tr td {
    padding: 3rem 0;
    text-align: center;
}

/* 글 쓰기 */
.board-write table.tbl-write {
    width: 100%;
    border-top: 2px solid #3c4047;
}

.board-write table.tbl-write > tbody > tr {
    width: 100%;
    border-bottom: 1px solid #c7cbd1;
}

.board-write table.tbl-write tr td {
    vertical-align: middle;
    padding: 10px 0;
}

.board-write table.tbl-write tr td:first-child {
    width: 100px;
    max-width: 100px;
    text-align: center;
    color: #c7cbd1;
    font-size: 13px;
}

.board-write table.tbl-write tr td > .pull-left {
    width: 100px;
    max-width: 100px;
    text-align: center;
}

.board-write table.tbl-write tr td > .pull-right {
    width: calc(100% - 100px);
}

.sub input[type=text] {
    background: #f9f9f9;
    color: #696e77;
    border: 1px solid #c7cbd1;
    margin: 0;
    text-align: left;
}

.sub table.tbl-write textarea {
    margin-top: 0;
    width: 100%;
    height: 250px;
    overflow: visible;
}

/* 글쓰기 > 첨부파일 */
.file-attach .files {
    position: relative;
    padding-bottom: 50px;
}

.file-attach .files input {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    padding: 0;
    background: #fff;
    border: 1px solid #b8bec9;
    color: #6b767e;
}

.file-attach .files input[type=file i]::-webkit-file-upload-button {
    color: inherit;
    background: inherit;
    cursor: pointer;
    font-size: 15px;
    font-size: 0.9375rem;
}

.file-attach .files ul {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #b8bec9;
    min-height: 110px;
}

.file-attach .files ul li {
    float: none;
    width: 100%;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #696e77;
    padding: 10px 12px;
}

.file-attach .files ul li div.ellipsis {
    width: calc(100% - 10rem);
    line-height: 1.3;
    text-align: left;
    word-break: break-all;
}

.file-attach .files ul li span.ellipsis {
    display: inline-block;
    width: 4rem;
    text-align: right;
}

.file-attach .files ul li a {
    color: #6b767e;
    visibility: hidden;
    margin-top: 2px;
}

.file-attach .files ul li:hover {
    background: rgba(70, 174, 226, 0.2);
}

.file-attach .files ul li:hover a {
    visibility: visible;
}

/* 게시판 상세보기 */
.board-view {
    border-bottom: 1px solid #c7cbd1;
}

.view-info {
    width: 100%;
    border-top: 2px solid #3c4047;
}

.view-info .view-tit {
    padding: 22px 30px;
    padding: 1.375rem 1.875rem;
    background: #edeff4;
    border-bottom: 0.5px solid #c7cbd1;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    color: #3c4047;
}

.view-info > div {
    border-bottom: 1px solid #c7cbd1;
}

.view-info > div > div {
    padding: 16px 30px;
    padding: 1rem 1.875rem;
    font-size: 13px;
    font-size: 0.8125rem;
}

.view-info span.space {
    color: #c7cbd1;
    margin: 0 1rem;
}

.board-view + .wrap-btn .cmt-control-mb {
    display: none;
}

.board-view + .wrap-btn .cmt-control-mb.news {
    display: none;
}

/* 게임소개 */
.view-cont {
    padding: 30px;
    padding: 1.875rem 1.875rem 2rem;
    /*border-bottom:1px solid #d9dde3;*/
    font-size: 15px;
    font-size: 0.9375rem;
}

.view-cont img {
    width: auto;
    max-width: 100%;
    margin: 2rem 0;
}

.view-cont p {
    line-height: 1.6;
    word-break: break-all;
}

.view-cont span {
    line-height: 1.6;
    word-break: break-all;
}

.view-cont table {
    border-collapse: collapse;
    margin-top: 5px;
    margin-bottom: 10px;
}

.view-cont table, .view-cont table th, .view-cont table td {
    border: 1px solid #c7cbd1;
    padding: 10px;
}

.nage .view-cont a {
    color: cornflowerblue;
}

/* 상세보기 > 좋아요 & 공유 */
.btn-like-sns {
    text-align: center;
    margin: 8rem 0 2rem;
}

.like input[type=checkbox] {
    display: none;
}

.like input[type=checkbox] + label {
    display: inline-block;
    width: 145px;
    padding: 0.5rem 0;
    border: 1px solid #a173ff;
    color: #c7cbd1;
}

.like input[type=checkbox]:checked + label {
    color: #a173ff;
}

.like input[type=checkbox] + label:hover {
    cursor: pointer;
}

.share {
    margin-top: 3rem;
}

.share li {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.share li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.share li a.nv {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_nv.png) no-repeat center;
}

.share li a.ka {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_ka.png) no-repeat center;
}

.share li a.fb {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_fb.jpg) no-repeat center;
}

.share li a.copy {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_copy.png) no-repeat center;
}

/* //////////////////////////////////////// */
/* ////////////////  댓글 ///////////////// */
/* //////////////////////////////////////// */
/* 댓글수 */
#numCmt {
    font-size: 14px;
    color: #c7cbd1;
    padding: 10px 0;
}

#numCmt img {
    vertical-align: middle;
    margin-right: 6px;
}

/* 댓글쓰기 */
#comment {
    position: relative;
}

.sub textarea {
    float: left;
    width: calc(100% - 100px);
    margin-top: 12px;
    background: #f9f9f9;
    color: #696e77;
    height: 80px;
    border: 1px solid #c7cbd1;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
    word-break: keep-all;
    resize: none;
}

.sub textarea::placeholder {
    font-size: 13px;
}

.sub .select-server {
    position: relative;
    width: calc(100% - 110px);
}

.sub .select-server span {
    position: absolute;
    right: 0;
    bottom: 4px;
}

/* 댓글 레이아웃 */
#comment .list-wrap {
    padding: 18px 0;
    border-top: 1px solid #e6e6e6;
}

.comment-tree li {
    padding: 1.875rem 1rem;
}

.comment-tree > li {
    border-top: 1px solid #e6e6e6;
}

.comment-tree > li:first-child {
    border-top: none;
}

.comment-tree > li > ul li:last-child {
    padding: 1.875rem 0 0rem 1.5rem;
    /* margin-top:-1.875rem*/
}

.comment-tree > li > ul li:first-child {
    margin-top: 0;
}

.comment-tree li.cmt-list-edit {
    padding: 1.875rem 1rem 1.2rem;
}

.comment-tree li.cmt-2depth {
    position: relative;
    margin-left: 40px;
    margin-left: 2.5rem;
    margin-top: -1.875rem;
    padding: 1.875rem 0 1.875rem 1.5rem;
}

.comment-tree li.cmt-2depth:before {
    content: "";
    position: absolute;
    left: 0;
    top: 26px;
    top: 1.625rem;
    width: 15px;
    height: 15px;
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_reply.png) no-repeat center;
}

.comment-tree li.cmt-list-reply-edit {
    padding: 1.875rem 1.5rem 1.2rem;
    border-top: none;
}

.comment-tree em {
    color: #3c4047;
    font-size: 13px;
    margin-right: 0.25rem;
}

.comment-tree em i {
    margin-right: 0.25rem;
    font-size: 0.75rem;
}

.comment-tree span.space {
    color: #c7cbd1;
    margin: 0 0.25rem;
    font-size: 0.8125rem;
}

.comment-tree .server {
    color: #46aee2;
    font-size: 12px;
}

.comment-tree .date {
    /*color:#868c96;*/
    color: #b8bec9;
    font-size: 12px;
}

.comment-tree .txt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    word-break: break-all;
}

.comment-tree .info {
    padding-bottom: 1rem;
    position: relative;
}

.comment-tree .info .cmt-control-mb {
    display: none;
}

.comment-tree .info .cmt-control {
    display: block;
}

.comment-tree .info .cmt-control a {
    color: #b8bec9;
    font-size: 12px;
    margin-left: 0.5rem;
}

.comment-tree .info .cmt-control a:hover {
    color: #46aee2;
}

/* //////// 댓글 유형에 따라 댓글,수정,취소,삭제 버튼 //////// */
.comment-tree .info .cmt-control a.cmt-modify, .comment-tree .info .cmt-control a.cmt-cancel, .comment-tree .info .cmt-control a.cmt-remove {
    display: none;
}

.comment-tree li.cmt-2depth .info a.cmt-reply {
    display: none;
}

.comment-tree li.cmt-2depth .info a.cmt-modify {
    display: none;
}

.comment-tree li.cmt-2depth .info a.cmt-cancel {
    display: none;
}

.comment-tree li.cmt-2depth .info a.cmt-remove {
    display: none;
}

.comment-tree li.cmt-list-mine .info .cmt-control a.cmt-modify, .comment-tree li.cmt-list-mine .info .cmt-control a.cmt-remove {
    display: inline-block;
}

.comment-tree li.cmt-list-mine.cmt-2depth .info .cmt-control a.cmt-modify, .comment-tree li.cmt-list-mine.cmt-2depth .info .cmt-control a.cmt-remove {
    display: inline-block;
}

.comment-tree li.cmt-2depth .info .cmt-control a.cmt-reply {
    display: none;
}

.comment-tree li.cmt-list-mine.cmt-edit .info .cmt-control a.cmt-reply,
.comment-tree li.cmt-list-mine.cmt-edit .info .cmt-control a.cmt-modify,
.comment-tree li.cmt-list-mine.cmt-edit .info .cmt-control a.cmt-remove {
    display: none;
}

.comment-tree li.cmt-list-mine.cmt-edit .info .cmt-control a.cmt-cancel {
    display: inline-block;
}

/* //////////////////////////////////////// */
/* ////////////// 버튼 버튼 /////////////// */
/* //////////////////////////////////////// */
.btn-wrap {
    margin-top: 20px;
    text-align: center;
}

.btn + .btn {
    margin-left: 1rem;
}

.wrap-btn {
    margin: 32px 0 64px;
    margin: 2rem 0 4rem;
}

.wrap-btn ul li {
    display: inline-block;
}

.btn-main {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: "FontAwesome", "Noto Sans KR", Sans-serif;
    line-height: 43px;
    color: #fff;
    width: 201px;
    height: 43px;
    border: 3px solid #63b8e3;
    font-weight: normal;
    background: #3f86ac;
    font-size: 16px;
    line-height: 37px;
}
.btn-main:hover {
    cursor: pointer;
}
.btn-main:hover {
    background: #42a3d4;
}
.btn-main img {
    vertical-align: sub;
    margin-right: 4px;
}

.btn-go .btn {
    width: 100px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: "FontAwesome", "Noto Sans KR", Sans-serif;
    line-height: 36px;
    color: #fff;
    width: 6.25rem;
    height: 36px;
    border: 1px solid #b8bec9;
    font-weight: normal;
    background: #fff;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #6b767e;
    line-height: 34px;
    margin-right: 4px;
}
.btn-go .btn:hover {
    cursor: pointer;
}
.btn-go .btn.btn-prev img {
    margin-right: 0.5rem;
    vertical-align: initial;
}
.btn-go .btn.btn-next img {
    margin-left: 0.5rem;
    vertical-align: initial;
}

.btn-do .btn {
    width: 100px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: "FontAwesome", "Noto Sans KR", Sans-serif;
    line-height: 36px;
    color: #fff;
    width: 6.25rem;
    height: 36px;
    border: 1px solid #b8bec9;
    font-weight: normal;
    background: #fff;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #6b767e;
}
.btn-do .btn:hover {
    cursor: pointer;
}
.btn-do .btn:hover {
    background: #f9f9f9;
}

.wrap-btn {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.nage .sub .btn-more {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: "FontAwesome", "Noto Sans KR", Sans-serif;
    line-height: 36px;
    color: #fff;
    width: 200px;
    height: 36px;
    border: 1px solid #b8bec9;
    font-weight: normal;
    color: #6b767e;
    font-size: 15px;
    font-size: 0.875rem;
    background-image: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_load.png);
    background-repeat: no-repeat;
    background-position: center right 1rem;
    background-color: #fff;
}
.nage .sub .btn-more:hover {
    cursor: pointer;
}
.nage .sub .btn-more:hover {
    background-color: #f9f9f9;
}

/* 서버/캐릭터 선택 인풋(버튼) */
.wrap-select.default {
    display: inline-block;
    width: 146px;
    height: 28px;
}
.wrap-select.default select {
    width: 100%;
    height: 100%;
    line-height: 26px;
    padding: 0 12px;
    border: 1px solid #b8bec9;
    color: #6b767e;
    background-color: #fff;
    font-size: 12px;
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/news/icon_selet_server.png) no-repeat center right 1rem;
}
.wrap-select.default select:hover {
    cursor: pointer;
}

.nage .btn-write {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: "FontAwesome", "Noto Sans KR", Sans-serif;
    line-height: 36px;
    color: #fff;
    width: 148px;
    height: 36px;
    border: 1px solid #252231;
    font-weight: normal;
    background: #3c334d;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 34px;
    /*&:hover {background:#564e75; border:1px solid #494265;}*/
}
.nage .btn-write:hover {
    cursor: pointer;
}
.nage .btn-write:hover {
    background: #706b84;
    border: 1px solid #645f77;
}

#inquiry .wrap-btn {
    text-align: right;
}

.btn-send-cmt {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: "FontAwesome", "Noto Sans KR", Sans-serif;
    line-height: 82px;
    color: #fff;
    width: 88px;
    height: 82px;
    border: 1px solid #252231;
    font-weight: normal;
    background: #3c334d;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: 12px;
}
.btn-send-cmt:hover {
    cursor: pointer;
}
.btn-send-cmt:hover {
    background: #706b84;
    border: 1px solid #645f77;
}

/* //////////////////////////////////////// */
/* ////////////// slick css /////////////// */
/* //////////////////////////////////////// */
body.nage .slick-prev:after, body.nage .slick-next:after {
    content: "";
}

body.nage .slick-prev:before, body.nage .slick-next:before {
    content: "";
}

body.nage .slick-prev {
    background-image: url(https://file.valofe.com/Valofe_file/web/nage/images/main/icon_left.png);
    background-repeat: no-repeat;
    background-position: left;
}

body.nage .slick-next {
    background-image: url(https://file.valofe.com/Valofe_file/web/nage/images/main/icon_right.png);
    background-repeat: no-repeat;
    background-position: right;
}

body.nage .wrap-banner .slick-prev {
    width: 60px;
    height: 60px;
    height: 100%;
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/main/icon_left.png) no-repeat left 25px center;
    left: 0;
}

body.nage .wrap-banner .slick-next {
    width: 60px;
    height: 60px;
    height: 100%;
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/main/icon_right.png) no-repeat right 25px center;
    right: 0;
}

.wrap-ranking .slick-prev, .wrap-ranking .slick-next {
    top: 6.5%;
    width: 1rem;
    height: 1rem;
}

.wrap-banner .slick-dotted.slick-slider {
    margin-bottom: 1.25rem;
}

.wrap-banner .slick-dots {
    /*bottom:3rem*/
    bottom: 2rem;
    padding-left: 6.8755rem;
    text-align: left;
}

.wrap-banner .slick-dots li {
    margin: 0 3px;
}

.wrap-banner .slick-dots li button {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 2px solid #fff;
    opacity: 0.3;
    border-radius: 50%;
}

.wrap-banner .slick-dots li.slick-active button {
    background: #46aee2;
    border: 2px solid #46aee2;
    opacity: 1;
}

.slick-dots li button:before {
    content: none;
}

.slick-dots li.slick-active button:before {
    content: none;
}

body.nage .notice-board .slick-prev {
    left: 40px;
    left: 2.5rem;
    top: 22px;
    top: 1.375rem;
    width: 40px;
    width: 2.5rem;
    height: 30px;
    height: 1.875rem;
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_arrow_up.png) no-repeat center/auto;
    transform: translate(0, 0);
}

body.nage .notice-board .slick-prev:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 15px;
    left: 0.9375rem;
    display: inline-block;
    width: 10px;
    border-bottom: 1px solid #a5aab4;
}

body.nage .notice-board .slick-next {
    right: auto;
    left: 40px;
    left: 2.5rem;
    top: auto;
    bottom: 22px;
    bottom: 1.375rem;
    width: 40px;
    width: 2.5rem;
    height: 30px;
    height: 1.875rem;
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/sub/common/icon_arrow_down.png) no-repeat center/auto;
    transform: translate(0, 0);
}

body.nage #artworks .slick-dotted.slick-slider {
    margin-bottom: 0;
}

body.nage #artworks .slick-dots {
    bottom: 0.25rem;
    padding-left: 0;
    text-align: center;
}

body.nage #artworks .slick-dots li {
    margin: 0 3px;
}

body.nage #artworks .slick-dots li button {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 2px solid #fff;
    opacity: 0.3;
    border-radius: 50%;
}

body.nage #artworks .slick-dots li.slick-active button {
    background: #46aee2;
    border: 2px solid #46aee2;
    opacity: 1;
}

body.nage #artworks .slick-prev {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/common/icon_pop_left.png) no-repeat left;
    width: 54px;
    width: 3.375rem;
    height: 108px;
    height: 6.75rem;
    left: -5rem;
}

body.nage #artworks .slick-next {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/common/icon_pop_right.png) no-repeat right;
    width: 54px;
    width: 3.375rem;
    height: 108px;
    height: 6.75rem;
    right: -5rem;
}

.wrap-artworks {
    overflow: unset;
}

@media screen and (max-width: 1024px) {
    body.nage #artworks .slick-prev {
        width: 20px;
        height: 20px;
        top: 50%;
        left: 25px;
    }

    body.nage #artworks .slick-next {
        width: 20px;
        height: 20px;
        top: 50%;
        right: 25px;
    }
}
html, body {
    font-size: 16px;
}

/* :not(#wrapper) {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
} */
/* COMMON.CSS */
html {
    font-size: 16px;
}

body {
    background-color: #31313c;
    /* #wrapper랑 같은 색 */
    font-size: 16px;
    font-size: 1rem;
    font-family: "Font Awesome 5 Free", "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    overflow: unset;
}

#wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

.skip-navi {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    top: -1px;
    left: -1px;
    text-indent: -9999px;
}

.skip-navi {
    text-indent: -9999px;
}

.clearfix {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* 연령고지 팝업 */
.layer-popup-grade {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9999;
    display: none;
    /* 연령고지 성격 */
    /* 연령고지성격 끝 */
    /* 연령고지 나이 테이블 */
    /* 연령고지 나이 테이블 끝 */
    /* 팝업 레이어 배경 */
}

.layer-popup-grade .btn-pop-close {
    display: block;
}

.layer-popup-grade .popup-layer {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    /*min-width: 657px;*/
    min-width: auto;
    min-height: 222px;
}

.layer-popup-grade .popup-layer .btn-pop-close {
    margin-left: calc(100% - 47px);
    margin-bottom: 5px;
    cursor: pointer;
}

.layer-popup-grade .popup-layer .grade-wrap {
    /*min-width: 584px;*/
    min-width: auto;
    height: 100%;
    margin-bottom: 18px;
    background: #262626;
    background: rgba(59, 60, 64, 0.95);
    padding: 60px 60px 45px;
    padding: 3.75rem 3.75rem 2.8125rem;
    /* 주석하지 마세요. 게임 이용등급에서 사용 */
    border-radius: 8px;
}

.layer-popup-grade .popup-layer .grade-wrap h2 {
    padding-bottom: 15px;
    margin-bottom: 22px;
    color: #585858;
    border-radius: 6px;
    letter-spacing: -1px;
}

.layer-popup-grade .popup-layer .grade-wrap .grade {
    margin-bottom: 5px;
}

.layer-popup-grade .popup-layer .grade-wrap .grade h3 {
    display: none;
}

.layer-popup-grade .popup-layer ul li {
    display: inline-block;
}

.layer-popup-grade .grade-wrap .grade-character {
    float: left;
}

.layer-popup-grade .grade-wrap .grade-character ul li {
    display: none;
}

.layer-popup-grade .grade-wrap .grade-character ul li img {
    width: 55px;
    vertical-align: inherit;
}

.layer-popup-grade .grade-wrap .grade-character ul.violence li.violence {
    display: inline-block;
    margin-top: 4px;
}

.layer-popup-grade .grade-wrap .grade-character ul.fear li.fear {
    display: inline-block;
}

.layer-popup-grade .grade-wrap .grade-character ul.crime li.crime {
    display: inline-block;
}

.layer-popup-grade .grade-wrap .grade-character ul.drug li.drug {
    display: inline-block;
}

.layer-popup-grade .grade-wrap .grade-character ul.gambling li.gambling {
    display: inline-block;
}

.layer-popup-grade .grade-wrap .grade-character ul.sensibility li.sensibility {
    display: inline-block;
}

.layer-popup-grade .grade-wrap .grade-character ul.words li.words {
    display: inline-block;
}

.layer-popup-grade .grade-wrap .grade-age {
    float: right;
}

.layer-popup-grade .grade-wrap .grade-age img {
    vertical-align: 0px;
    width: 57px;
}

.layer-popup-grade .grade-wrap .grade-age ul li ul li {
    display: none;
}

.layer-popup-grade .grade-wrap .grade-age ul.g-12 li.g-12 {
    display: block;
}

.layer-popup-grade .grade-wrap .grade-age ul.g-15 li.g-15 {
    display: block;
}

.layer-popup-grade .grade-wrap .grade-age ul.g-18 li.g-18 {
    display: block;
}

.layer-popup-grade .grade-wrap .grade-age ul.g-all li.g-all {
    display: block;
}

.layer-popup-grade .grade-wrap .grade-age ul.g-test li.g-test {
    display: block;
}

.layer-popup-grade .grade-wrap .grade-age table.tbl-grade {
    width: 458px;
    max-width: 458px;
    height: 70px;
    box-sizing: border-box;
    text-align: left;
}

.layer-popup-grade .grade-wrap .grade-age table.tbl-grade tbody td {
    color: #fff;
    font-size: 11px;
    vertical-align: middle;
    padding-left: 10px;
}

.layer-popup-grade .grade-wrap .grade-age table.tbl-grade tr {
    border-bottom: 1px solid #f7f7f7;
}

.layer-popup-grade .grade-wrap .grade-age table.tbl-grade tr:last-child {
    border-bottom: 0px;
}

.layer-popup-grade .grade-wrap .grade-age table.tbl-grade td {
    border-right: 1px solid #f7f7f7;
}

.layer-popup-grade .grade-wrap .grade-age table.tbl-grade td:last-child {
    border-right: 0px;
}

.layer-popup-grade .grade-wrap .grade-age > ul.g-all table {
    background: #2a7943;
}

.layer-popup-grade .grade-wrap .grade-age > ul.g-12 table {
    background: #1968b3;
}

.layer-popup-grade .grade-wrap .grade-age > ul.g-15 table {
    background: #be8e1a;
}

.layer-popup-grade .grade-wrap .grade-age > ul.g-18 table {
    background: #842340;
}

.layer-popup-grade .grade-wrap .grade-age > ul.g-test table {
    visibility: hidden;
}

.layer-popup-grade .shadow {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    /*background: url(/static/images/common/shadow.png) 0 0 repeat;*/
}

.layer-popup-grade:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

/*공통요소*/
.row-w {
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.ellipsis {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a {
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.btn-wrap {
    margin-top: 20px;
    text-align: center;
}

/*.btn-more, .btn-more:visited {
    z-index: 30;
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    line-height: 23px;
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
    border: 2px solid #000;
    background: #000;
    color: #fff;
    opacity: 0.5;
}

.btn-more:hover, .btn-more:active {
    border: 2px solid #df810f;
    background: #df8104;
    color: #fff;
}*/
.color-ry {
    color: #ff9922;
}

.color-ry2 {
    color: #df8104;
}

.color-ry3 {
    color: #a66405;
}

.color-r {
    color: #bf0303;
}

.color-grey {
    color: #8a8a8a;
}

.color-wh {
    color: #fff;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.btn-top {
    z-index: 9999;
    position: fixed;
    display: none;
    bottom: 150px;
    right: 2rem;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    font-size: 30px;
    text-align: center;
    color: #282828;
    background: #ff9922;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.btn-top span.fa {
    margin-top: 5px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: block;
}

.btn-top:hover {
    background: #8a5312;
}

.btn-top span.btn-top-txt {
    display: block;
    width: 60px;
    height: 16px;
    line-height: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 100;
    color: #282828;
}

.btn-toggle {
    display: none;
}

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

#loading-mask {
    background-color: white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/*레이아웃*/
#mobileHeader, #mobileGnb {
    display: none;
}

/* 모바일 커런트 메뉴 표시 */
#mobileHeader, .mbSub {
    display: none;
}

#desktopHeader {
    position: absolute;
    /*position:relative;*/
    z-index: 8880;
    /* 컴바인 베뉴 v wallet 8880 보다 낮아야 함 */
    width: 100%;
    background: rgba(10, 10, 10, 0.13);
    color: #fff;
    transition: all 0.4s;
}

#desktopHeader .underline-desktop-header {
    display: block;
    display: none;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 52px;
    background: rgba(0, 0, 0, 0.25);
}

#desktopHeader #logo {
    float: left;
    display: inline-block;
    width: 84px;
    height: 29px;
    padding-top: 3.5px;
    margin-left: 40px;
    width: 5.52rem;
    height: 1.8125rem;
    padding-top: 0.21875rem;
    margin-left: 2.5rem;
}

#desktopHeader #gnb {
    /*width: auto;*/
    width: calc(100% - 20.4rem);
    float: left;
    margin-left: 52px;
    margin-left: 3.25rem;
    z-index: 9999;
    display: block;
}

#desktopHeader #util {
    float: right;
    margin-right: 22px;
}

#desktopHeader #gnb > li {
    float: left;
    margin-right: 40px;
    margin-right: 2.5rem;
    min-width: 6.375rem;
    padding: 0 0.5rem;
}

#desktopHeader #gnb > li > a {
    float: left;
    box-sizing: border-box;
    padding-top: 18px;
    padding-bottom: 19px;
    padding-top: 1.125rem;
    padding-bottom: 1.1875rem;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    border-bottom: 2px solid transparent;
}

#desktopHeader #gnb > li:hover > a {
    border-bottom: 2px solid #46aee2;
}

#desktopHeader #gnb > li#btn2nd a {
    color: #a173ff;
}

#desktopHeader #gnb > li#btn2nd:hover a {
    border-bottom: 2px solid #a173ff;
}

#desktopHeader #gnb > li > .sub-menu {
    z-index: 999999;
    opacity: 0;
    display: none;
    clear: both;
    padding-top: 11px;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

#desktopHeader #gnb > li > .sub-menu li {
    z-index: 999999;
    float: none;
    line-height: 1.8;
}

#desktopHeader #gnb > li > .sub-menu li a {
    z-index: 999999;
    display: inline-block;
    color: #fff;
    line-height: 1.2;
    height: 14px;
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0px 1px 1px black;
}

#desktopHeader #gnb > li > .sub-menu li:hover a {
    color: #46aee2;
}

.bg-layer-pc {
    display: none;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 330px;
    top: -330px;
    opacity: 1;
    background: rgba(6, 4, 4, 0.85);
}

.bg-layer-mobile {
    display: none;
    z-index: 8850;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(6, 4, 4, 0.85);
}

#desktopHeader #util > li {
    float: left;
    margin-right: 29px;
}

#desktopHeader #util > li.download {
    margin-right: 0px;
}

#desktopHeader #util > li > a {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    height: 55px;
    height: 3.4375rem;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-top: 1.1875rem;
    padding-bottom: 1.1875rem;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    border-bottom: 2px solid transparent;
}

#desktopHeader #util > li.download a {
    color: #fff;
    background: #46aee2;
    background-image: linear-gradient(to top, #8bebff, transparent);
    border-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    transition: none;
}

#desktopHeader #util > li.download:hover > a {
    background: #9561ff;
    background-image: linear-gradient(to top, rgba(255, 163, 44, 0.35), transparent);
    border-bottom: 0;
    color: #fff;
}

/* (combine) mobile header */
#combine_menu_long {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    height: 60px;
    width: calc(100% - 108px);
    background: #131313;
    z-index: 8888;
}

#combine_menu_long .game-logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -50px;
}

#combine_menu_long .game-logo img {
    max-width: 100px;
    /*margin-top: 11px;*/
    margin-top: 7px;
}

#combine_menu_long .btn-game-open {
    float: right;
    color: #fff;
    font-size: 16px;
    height: 57px;
    line-height: 57px;
    width: 32px;
}

#combine_menu_long .btn-game-open a {
    color: #fff;
}

.bg-black {
    display: none;
    position: fixed;
    z-index: 8888;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 1024px) {
    #combine_menu_long {
        display: block;
    }

    #mobileGnb {
        position: relative;
        top: auto;
        right: auto;
    }
}
/* footer */
#valofeKoFooter {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 0px;
    /*padding-top: 5px;
    padding-bottom: 30px;*/
    text-align: center;
    background-color: #252525;
    letter-spacing: 1px;
}

#valofeKoFooter .row-w {
    position: relative;
    text-align: left;
    /*width: 1100px;*/
    width: 94%;
    margin: 30px auto !important;
}

#valofeKoFooter .row-w .footer-space {
    margin: 0 0.5rem;
}

#valofeKoFooter .nage-footer-logo {
    display: inline-block;
    /*width: 126px;*/
    width: 103px;
    height: 43px;
    background: url(https://file.valofe.com/Valofe_file/web/vfun-ko/images/logoVALOFE_transparent.png) 0 center no-repeat;
    background-size: contain;
}

#valofeKoFooter .nage-footer-logo.nhn {
    margin-top: 40px;
}

#valofeKoFooter .copyright {
    display: inline-block;
    float: right;
    padding-top: 3px;
    padding-left: 56px;
    width: calc(100% - 191px);
    vertical-align: top;
}

#valofeKoFooter #nageFooterNavi {
    position: relative;
    margin-left: 190px;
    margin-left: 16%;
    margin-top: -37px;
    text-align: left;
    overflow: hidden;
    margin-bottom: 16px;
}

#valofeKoFooter #nageFooterNavi ul li {
    width: auto;
    float: left;
    color: #d5d5d5;
    line-height: 1.4;
}

#valofeKoFooter #nageFooterNavi ul li.mt3 {
    margin-top: inherit;
}

#valofeKoFooter #nageFooterNavi ul li a {
    display: inline-block;
    color: #d5d5d5;
    font-size: 13px;
    font-family: "Malgungothic", "맑은고딕", sans-serif;
    letter-spacing: -0.5px;
}

#valofeKoFooter #nageFooterNavi li.privacy a {
    color: #f88218;
    font-weight: bold;
}

#valofeKoFooter address {
    position: relative;
    display: block;
    margin-left: 190px;
    margin-left: 16%;
    margin-top: 0;
    letter-spacing: -0.5px;
    text-align: left;
    font-size: 13px;
    line-height: 1.7;
    color: #acacac;
}

#valofeKoFooter address.nhn {
    margin-top: -53px;
}

#valofeKoFooter address a {
    color: #acacac;
    font-size: 13px;
}

#valofeKoFooter address a.biz-info {
    text-decoration: underline;
}

#valofeKoFooter address a:hover {
    color: #f88218;
}

/* 페이지 로드 애니메이션 속도 */
.fadeInLeft.animated {
    animation-duration: 0.6s;
}

a {
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.nage a {
    color: #fff;
}

.icon-new {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
    border: 1px solid #46aee2;
    color: #46aee2;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    text-indent: -1px;
}

ul li a {
    vertical-align: middle;
}

#content {
    position: relative;
    width: 100%;
}

/* reset 초기화된 것 재설정 */
.nage option {
    background: #fff;
}

.nage select option:checked, .nage select option:hover {
    background: #4e92ee;
}

input, select, textarea,
input[type=submit i],
input[type=reset i], input[type=file i]::-webkit-file-upload-button {
    font-size: 1rem;
}

::placeholder {
    color: #c7cbd1 !important;
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
}

/* 랭킹 순위 백그라운드 */
.tbl-ranking tr:nth-child(1) td:nth-child(1) {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/main/bg_rank1.png) no-repeat center;
    color: #fff;
    vertical-align: middle;
}

.tbl-ranking tr:nth-child(2) td:nth-child(1) {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/main/bg_rank2.png) no-repeat center;
    color: #fff;
    vertical-align: middle;
}

.tbl-ranking tr:nth-child(3) td:nth-child(1) {
    background: url(https://file.valofe.com/Valofe_file/web/nage/images/main/bg_rank3.png) no-repeat center;
    color: #fff;
    vertical-align: middle;
}

/* view 페이지 작성자가 운영자일 경우 */
.view-info .pull-left img {
    vertical-align: middle;
    height: 14px;
}

/* 임시 2차비밀번호를 위한 헤더 사이즈조정
@media screen and (max-width: 1440px) {
    #desktopHeader #gnb > li {margin-right:1.5rem;}
    #desktopHeader #gnb > li#btn2nd {margin-right:0;}
}*/
@media screen and (max-width: 1300px) {
    #desktopHeader #gnb {
        margin-left: 1.25rem;
    }

    /* 기존 */
    #desktopHeader #gnb > li {
        margin-right: 1.5rem;
    }

    /* 임시 2차비밀번호 추가한 후 */
    /* #desktopHeader #gnb > li {margin-right: 1rem;} */
    #desktopHeader #gnb > li > a, #desktopHeader #util > li > a {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    html, body {
        font-size: 13px;
    }

    #desktopHeader #gnb > li {
        margin-right: 0.5rem;
    }

    #desktopHeader #gnb > li > .sub-menu li a {
        font-size: 13px;
    }

    #desktopHeader #util > li {
        margin-right: 22px;
    }

    #desktopHeader #gnb > li > a {
        padding: 20px 0;
        padding: 1.538rem 0;
    }
}
@media screen and (max-width: 1024px) {
    .mb-hidden1024 {
        display: none;
    }

    .bg-black {
        display: none;
    }

    #desktopHeader {
        display: none;
    }

    #mobileHeader {
        z-index: 9981;
        position: fixed;
        top: 0;
        right: -300px;
        display: block;
        box-sizing: border-box;
        width: 300px;
        height: 100%;
        border-top: 1px solid #232323;
        background: #131313;
        color: #fff;
        height: 100%;
        overflow-y: auto;
    }

    /*#mobileHeader #mobileGnb {position:absolute; right:0; top:0;}*/
    #mobileHeader #mobileLogo {
        float: left;
        display: inline-block;
        width: 84px;
        height: 29px;
        padding-top: 8px;
        margin-left: 16px;
    }

    #mobileHeader #btnMoblieGnb {
        position: absolute;
        right: 16px;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 37px;
        padding-top: 11px;
        color: #fff;
        font-size: 16px;
        text-align: right;
    }

    #mobileHeader #btnMoblieGnb:hover {
        color: #df8104;
    }

    #mobileHeader #btnMobileDownload {
        position: absolute;
        right: 16px;
        display: inline-block;
        width: 30px;
        height: 30px;
        padding-top: 8px;
        color: #fff;
        background: #df8104;
        font-size: 16px;
        text-align: right;
    }

    #mobileHeader #btnMobileDownload:hover {
        color: #131313;
    }

    #mobileGnb {
        z-index: 8870;
        display: block;
        opacity: 1;
        width: 100%;
        padding: 0px 0px 22px;
        background: #1f1f24;
        color: #fff;
    }

    #mobileGnb h1.tit-mobile {
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        height: 60px;
        line-height: 18px;
        padding: 0px 22px 22px;
        border-bottom: 1px solid #27292d;
    }

    #mobileGnb h1.tit-mobile img {
        vertical-align: middle;
        float: right;
        margin-top: 8px;
    }

    #mobileGnb h1.tit-mobile a#mobileGnbClose {
        display: inline-block;
        margin-top: 23px;
        width: 15px;
        height: 15px;
        float: left;
        background: url(https://file.valofe.com/Valofe_file/web/nage/images/common/btn-mobile-menu-close.png) 0 0 no-repeat;
    }

    #mobileGnb > h2 {
        box-sizing: border-box;
        width: 100%;
        padding: 22px;
        border-bottom: 1px solid #27292d;
        background: #131313;
        overflow: hidden;
    }

    #mobileGnb > h2 #news, #mobileGnb > h2 #event, #mobileGnb > h2 #community {
        float: left;
        color: #fff;
        font-size: 14px;
    }

    #mobileGnb > h2 #community {
        margin-top: 2px;
    }

    #mobileGnb > h2 a:after {
        content: "";
        background: #fff;
        height: 12px;
        width: 1px;
        display: inline-block;
        margin: 2px 21px 0px;
    }

    #mobileGnb > h2 a:last-child:after {
        display: none;
    }

    #mobileGnb > h2 #news:hover,
    #mobileGnb > h2 #event:hover,
    #mobileGnb > h2 #community:hover {
        color: #df8104;
    }

    #mobileGnb > h2 #news {
        margin-left: 0;
    }

    #mobileGnb > li {
        float: none;
        padding-left: 22px;
        padding-right: 22px;
        border-bottom: 1px solid #27292d;
    }

    #mobileGnb > li > a {
        display: block;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding: 18px 0;
        color: #fff;
        font-size: 14px;
    }

    #mobileGnb > li > a > .blit-arrow {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 21px;
        box-sizing: border-box;
        width: 9px;
        height: 8px;
        vertical-align: middle;
        background: url(https://file.valofe.com/Valofe_file/web/nage/images/common/blit-mobile-list.png) 0 0 no-repeat;
    }

    #mobileGnb > li:hover > a {
        color: #46aee2;
    }

    #mobileGnb > li#btn2nd {
        background-image: linear-gradient(to right, #3c7af8 0%, #ff394c 100%);
        background-size: 150%;
        transition: all 0.4s;
    }

    #mobileGnb > li#btn2nd:hover {
        background-position: 100%;
    }

    #mobileGnb > li#btn2nd:hover > a {
        color: #fff;
    }

    #mobileGnb > li.on > a > .blit-arrow,
    #mobileGnb > li:hover > a > .blit-arrow {
        background: url(https://file.valofe.com/Valofe_file/web/nage/images/common/blit-mobile-list-on.png) 0 0 no-repeat;
    }

    #mobileGnb > li > .msub-menu {
        display: none;
        padding-left: 22px;
        border-top: 1px solid #27292d;
    }

    #mobileGnb > li > .msub-menu > li > a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        color: #fff;
        font-size: 13px;
        padding: 16px 0;
    }

    #mobileGnb > li > .msub-menu > li:last-child {
        padding-bottom: 60px;
    }

    #mobileGnb > li > .msub-menu > li:hover > a {
        color: #46aee2;
    }

    /*480*/
    #wrapper {
        /*top: -60px;*/
    }

    #mobileHeader #mobileLogo {
        display: none;
    }

    #mobileHeader #btnMoblieGnb {
        position: absolute;
        right: 16px;
        top: 0px;
        display: inline-block;
        width: 30px;
        height: 30px;
        /* line-height:40px; */
        color: #fff;
        font-size: 16px;
        text-align: right;
    }

    #mobileHeader #btnMoblieGnb:hover {
        color: #df8104;
    }

    #mobileHeader #btnMobileDownload {
        display: none;
    }

    #mobileHeader #btnMobileDownload:hover {
        color: #131313;
    }

    /* 모바일 커런트 메뉴 표시 */
    #mobileHeader #crtMenuSite {
        position: absolute;
        display: inline-block;
        width: 160px;
        left: 50%;
        margin-left: -80px;
        text-align: center;
        line-height: 60px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        /* 검색창 살릴 때는 지우기 */
        /*left:inherit;
        right:0;*/
        /* 검색창 살릴 때는 지우기 */
    }

    #mobileHeader #crtMenuSite .fa-sort-up {
        margin-left: 4px;
        font-size: 16px;
        vertical-align: middle;
    }

    #mobileHeader #crtMenuSite .fa-sort-down {
        margin-left: 4px;
        padding-top: 19px;
        font-size: 16px;
        vertical-align: top;
    }

    /* 모바일 커런트 메뉴 서브 메뉴 표시 */
    /*모바일 로컬메뉴 - 서브 메뉴 */
    .mbSub, #mbSearch {
        display: block;
        z-index: 9000;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        box-sizing: border-box;
        top: 60px;
        left: 0;
        width: 100%;
        padding: 30px 16px 40px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
        -webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .mbSub.on, #mbSearch.on {
        overflow-y: auto;
        height: auto;
        opacity: 1;
        visibility: visible;
        letter-spacing: -1px;
    }

    .mbSub h1 {
        font-size: 18px;
        font-weight: bold;
        color: #000;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 3px solid #3F3F3F;
    }

    .mbSub ul {
        width: 100%;
    }

    .mbSub ul > li {
        box-sizing: border-box;
        float: none;
        width: 100%;
        padding: 10px 0 5px;
    }

    .mbSub ul > li > a, .mbSub > ul > li:visited > a {
        font-size: 16px;
        font-weight: bold;
        color: #3F3F3F;
    }

    .mbSub ul > li.on > a, .mbSub ul > li:hover > a, .mbSub > ul > li:focus > a {
        color: #f39a00;
        font-weight: bold;
    }

    .mbSub .dep2 {
        box-sizing: border-box;
        width: 100%;
        padding: 10px 20px 15px;
        margin-top: 10px;
        background: #FCF3EE;
    }

    .mbSub .dep2 > li > a, .mbSub .dep2 > li > a:visited, .mbSub .dep2 > li > a > .fa {
        font-size: 15px;
        font-size: 0.9375rem;
        color: #000;
    }

    .mbSub .dep2 > li.on > a, .mbSub .dep2 > li > a:hover, .mbSub .dep2 > li > a:focus,
    .mbSub .dep2 > li.on .fa, .mbSub .dep2 > li:hover > .fa, .mbSub .dep2 > li:focus > .fa {
        color: #f39a00;
    }

    /* 모바일 커런트 메뉴 - shadow */
    #mbMenuShadow {
        display: none;
        opacity: 0;
        z-index: 8000 !important;
        width: 100%;
        height: 100%;
        position: fixed;
        padding-bottom: 0px;
        top: 0;
        left: 0;
        background-size: cover;
        background: rgba(0, 0, 0, 0.8);
    }

    #mbMenuShadow.on {
        display: block;
        opacity: 1;
        z-index: 8000 !important;
        width: 100%;
        height: 100%;
        position: fixed;
        padding-bottom: 0px;
        top: 0;
        left: 0;
        background-size: cover;
        background: rgba(0, 0, 0, 0.8);
    }

    /* footer */
    #valofeKoFooter .row-w > span {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }

    #valofeKoFooter #nageFooterNavi {
        margin-left: 0;
        margin-top: 0;
    }

    #valofeKoFooter address {
        margin-left: 0;
        word-break: keep-all;
    }

    #valofeKoFooter address a {
        word-break: keep-all;
    }
}
/* 960 */
/*800 */
/* 768 736*/
@media screen and (max-width: 768px) {
    .row-w {
        max-width: 90% !important;
    }

    .mb-hidden768 {
        display: none;
    }

    .mb-hidden768.duration {
        display: inline-block;
    }
}
/*  667 640 */
@media screen and (max-width: 667px) {
    /*#footer{}
    #footer .copyright{margin-top:30px;}
    #footer .copyright .footer-logo{display:block;height:40px;width:100%;text-align:center;}
    #footer .copyright .footer-logo .logo{position:absolute;left:50%;margin-left:-34.5px;width:69px;}
    #footer .copyright p{width:100%;margin-left:0;clear:left;}*/
    /* 이용등급팝업 */
    .layer-popup-grade .popup-layer {
        width: 94%;
    }

    .layer-popup-grade .popup-layer .grade-wrap {
        min-width: auto;
        padding: 3.75rem 1.75rem 2.8125rem;
    }

    .layer-popup-grade .grade-wrap .grade-age {
        width: 100%;
    }

    .layer-popup-grade .popup-layer ul li:nth-child(2) {
        width: calc(100% - 61px);
    }

    .layer-popup-grade .grade-wrap .grade-age table.tbl-grade {
        width: 100%;
    }
}
/* 568 533 */
@media screen and (max-width: 568px) {
    /* 이용등급팝업 */
    .layer-popup-grade .grade-wrap .grade-age table.tbl-grade tbody td {
        padding: 3px 5px;
        line-height: 1.4;
    }

    .layer-popup-grade .popup-layer .grade-wrap .grade {
        position: relative;
    }

    .layer-popup-grade .grade-wrap .grade-age table.tbl-grade {
        max-width: unset;
    }

    .layer-popup-grade .popup-layer .grade-wrap .grade h3 {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 13px;
        color: #fff;
        line-height: 1.4;
        text-align: left;
        font-weight: 300;
    }

    .layer-popup-grade .popup-layer .grade-wrap .grade h3 span {
        padding: 4px;
        background: #b0063a;
    }

    .layer-popup-grade .popup-layer ul li:first-child {
        width: 100%;
        text-align: right;
    }

    .layer-popup-grade .popup-layer ul li:nth-child(2) {
        width: 100%;
    }
}
/* 533 */
/* 480 */
@media screen and (max-width: 480px) {
    .mb-hidden480 {
        display: none;
    }
}
@media screen and (max-width: 460px) {
    #m-menu-wrap #m-menu li ul li.flag {
        float: left;
        width: 30px;
        height: 30px;
        margin-right: 10%;
    }
}