@charset "utf-8";
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,blockquote,th,td,p,a {font-size:16px;color:#6f6f6f;}
input, .selectbox {box-sizing:border-box;}
input::-ms-clear {display: none;}
input::-webkit-input-placeholder{color:#6f6f6f;}
input::-moz-input-placeholder{color:#6f6f6f;}
input::-ms-input-placeholder{color:#8289a0;}
textarea::-webkit-input-placeholder{color:#6f6f6f;}
textarea::-moz-input-placeholder{color:#6f6f6f;}
textarea::-ms-input-placeholder{color:#8289a0;}
.screen-out {overflow:hidden;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;text-indent:-9999px;color:transparent !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color:#fff !important;
    transition: background-color 5000s ease-in-out 0s;
    /*-webkit-text-fill-color: #fff !important;*/
}

/* layout */
.global-top-bar-container .global-top-bar {width:1240px;}
#container {position:relative;overflow:hidden;min-width:1280px;margin:0 auto;}
#contents > div {position:relative;width:1240px;margin:0 auto;}
.sub #contents > div, .sub #contents > section, .sub #contents > article {padding-bottom:140px !important;}
#contents .page_list {position:relative;width:1240px;margin:0 auto;padding-bottom:100px;}
#contents h2 {padding:93px 0 34px;text-align:center;font-weight:bold;font-size:46px;color:#1f1f1f;}
#contents h2 + .sub {margin-top:-26px;text-align:center;}

    /* gnb */
#gnb {position:absolute;left:0;top:0;z-index:101;width:100%;}
#gnb section {position:relative;height:70px;overflow:hidden;}
#gnb section:before {content:'';position:absolute;top:0;left:0;right:0;z-index:-1;height:70px;background-color:rgba(0,0,0,0.7);}
#gnb article {position:relative;width:1240px;margin:0 auto;}
#gnb article h1, #gnb article nav, #gnb nav li {float:left;}
#gnb article h1 {width:108px;margin-left:-23px;}
#gnb .logo-r2 {overflow:hidden;display:block;width:108px;height:70px;background:url('../images/main/logo_r2.png') no-repeat;text-indent:-1000em;}
#gnb nav {height:100%;margin-left:34px;}
#gnb nav li {text-align:center;}
#gnb nav li a, #gnb nav li strong {display:inline-block;}
#gnb nav li strong {height:70px;font-size:18px;color:#fff;font-weight:normal;line-height:70px;}
#gnb nav ul {padding:11px 0 0;}
#gnb nav ul li {float:none;padding:7px 0 6px;}
#gnb nav ul li a {font-size:16px;color:#fff;}
#gnb .nav-page1 {width:111px;}
#gnb .nav-page2 {width:144px;}
#gnb .nav-page3 {width:147px;}
#gnb .nav-page4 {width:126px;}
#gnb .nav-page5 {width:110px;}
#gnb .nav-page6 {width:94px;}
#gnb .nav-page7 {width:127px;}
#gnb.hover section {height:329px;}
#gnb.hover section:after {content:'';position:absolute;top:71px;left:0;right:0;z-index:-1;height:258px;background-color:rgba(0,0,0,0.7);}
#gnb .selected, #gnb a:hover, #gnb .selected strong, #gnb li:hover strong {color:#ffcf7b;}
#gnb .game-start {display:block;width:190px;height:70px;position:absolute;right:0;top:0;background:url('../images/main/bg_game.jpg') no-repeat;text-indent:-1000em;}
.scrolling #gnb{position:fixed;}

/* header */
#header{position:relative;}
.sub #header section {height:390px;}
.main #header section {height:710px;}
.util-wrap {width:100%;height:60px;background:#272727;}
.util-box {position:relative;width:1240px;height:60px;margin:0 auto;}
.util-box:after {content:"";display:table;clear:both;}
.util-box .dot {position:relative;display:inline-block;margin-left:13px;padding-left:6px;color:#9f9f9f;font-size:14px;}
.util-box .dot:hover {text-decoration:underline;}
.util-box .dot:before {content:"";position:absolute;top:50%;left:0;width:2px;height:2px;margin-top:-1px;background:#9f9f9f;}
.util-box .pcbang-box {overflow:hidden;float:left;height:30px;padding:15px 0;}
.util-box .pcbang-box .title {position:relative;float:left;margin-right:7px;padding-right:69px;color:#fff;font-size:16px;font-weight:normal;line-height:30px;}
.util-box .pcbang-box .title > em {position:absolute;top:-5px;right:0;display:inline-block;width:50px;height:40px;color:#fff;font-size:14px;font-family:'Verdana';text-align:center;line-height:40px;}
.util-box .pcbang-box .title > em.on {background:#7e2ce0;}
.util-box .pcbang-box .title > em.off {background:#3f3f3f;}
.util-box .pcbang-box .btnset {float:left;height:30px;line-height:30px;}
.util-box .notice-box {overflow:hidden;float:left;}
.util-box .notice-box ul {position:relative;width:400px;height:60px;}
.util-box .notice-box li {position:relative;overflow:hidden;width:100%;height:100%;padding-left:15px;white-space:nowrap;text-overflow: ellipsis;box-sizing:border-box;}
.util-box .notice-box li:before {content:"";position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;background:#9f9f9f;}
.util-box .notice-box a {color:#9f9f9f;font-size:16px;line-height:60px;}
.util-box .notice-box a:hover {text-decoration:underline;}
.util-box .login-box {overflow:hidden;float:right;height:30px;padding:15px 0;}
.util-box .login-box .member {float:left;line-height:30px;}
.util-box .login-box .btnset {float:left;margin:-5px 0 -5px 17px;}
.util-box .login-box .btnset a {overflow:hidden;display:inline-block;height:40px;margin-left:1px;background-image:url('../images/main/bg_common_sprites.png');background-repeat:no-repeat;text-indent:-1000em;}
.util-box .login-box .btn-webzen {width:160px;background-position:0 -140px;}
.util-box .login-box .btn-naver {width:40px;background-position:0 -184px;}
.util-box .login-box .btn-facebook {width:40px;background-position:-44px -184px;}
.util-box .login-box .btn-google {width:40px;background-position:-88px -184px;}
.util-box .member-box {overflow:hidden;float:right;height:30px;padding:14px 0 16px;}
.util-box .member-box .charact {float:left;width:30px;height:30px;}
.util-box .member-box .charact img {width:100%;}
.util-box .member-box .info {float:left;margin-left:4px;color:#9f9f9f;font-size:14px;line-height:30px;}
.util-box .member-box .info em {margin-left:6px;color:#fff;font-weight:600;}
.util-box .member-box .btnset {position:relative;float:left;padding-left:6px;line-height:30px;}
.util-box .member-box .btnset a {color:#9f9f9f;font-size:13px;}
.util-box .member-box .btnset a:hover {text-decoration:underline;}
.util-box .member-box a.btn-logout {position:relative;margin-left:16px;}
.util-box .member-box a.btn-logout:before {content:"";position:absolute;top:2px;left:-11px;width:1px;height:12px;background:#636363;}
.util-box .member-box a.btn-game {display:inline-block;width:113px;height:32px;margin:-3px 0 -3px 6px;border:2px solid #f77d28;border-radius:15px;color:#f77d28;font-size:12px;font-family:'Verdana';font-weight:bold;line-height:32px;text-align:center;}
.util-box .member-box a.btn-game:hover {text-decoration:none;}
.util-box .member-box a.btn-time {display:inline-block;width:116px;height:32px;margin:-3px 4px -3px 6px;border:2px solid #6f6f6f;border-radius:15px;color:#dfdfdf;font-size:13px;line-height:32px;text-align:center;word-spacing:-1px;}
.util-box .member-box a.btn-time:hover {text-decoration:none;}
.util-box .agreement {position:absolute;left:0;top:0;padding:14px 0 16px;}
.util-box .agreement p {float:left;margin-right:4px;padding-left:15px;line-height:30px;}
.util-box .agreement p:before {content:"";position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;background:#9f9f9f;}
.util-box .agreement a.btn-agreement {display:inline-block;width:116px;height:32px;margin:-3px 4px -3px 6px;border:2px solid #6f6f6f;border-radius:15px;color:#dfdfdf;font-size:13px;line-height:32px;text-align:center;word-spacing:-1px;}


#container .util-box a.btn-time {letter-spacing:-0.5px;}
.layer-charact {position:absolute;top:60px;right:158px;z-index:10;display:block;width:280px;min-height:276px;background:#fff;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.2);box-shadow:0 0 3px 2px rgba(0,0,0,0.2);}
.layer-charact .title {height:60px;background:#f6f6f6;text-indent:20px;}
.layer-charact .title strong {color:#3f3f3f;line-height:60px;}
.layer-charact .close {position:absolute;top:10px;right:10px;overflow:hidden;display:block;width:38px;height:38px;background:url('../images/main/bg_common_sprites.png') no-repeat 0 -228px;text-indent:-1000em;}
.layer-charact .server-select {padding:10px 20px;}
.layer-charact .server-select .design-selectbox2 {width:100%;}
.layer-charact .server-select .design-selectbox2 a {height:33px;line-height:33px;font-size:15px;}
.layer-charact .server-select .design-selectbox2 a.active {border-color:#dfdfdf;}
.layer-charact .server-select .design-selectbox2 a + * {top:34px;padding:8px 0;border-color:#dfdfdf;border-top-color:#efefef;}
.layer-charact .server-select label {box-sizing:border-box;position:relative;float:left;padding:0;width:50%;line-height:30px;font-size:14px;}
.layer-charact .server-select .design-selectbox2 label::before {content:'·';margin-right:5px;}
.layer-charact .server-select .design-selectbox2 label:nth-child(odd) {padding-left:14px;}
.layer-charact .server-select label:active,
.layer-charact .server-select label:hover {color:#7e2ce0;}
.layer-charact .server-select label input {position:absolute;}
.layer-charact .design-selectbox2 + .select-after {margin-top:10px;border-top:1px solid #efefef;}
.layer-charact .design-selectbox2 + .select-after p {padding-top:48px;text-align:center;font-size:15px;}
.layer-charact .select-charactor {padding-top:10px;}
.layer-charact .select-charactor label {display:block;margin-left:-20px;padding-left:20px;width:280px;line-height:40px;cursor:pointer;font-size:15px;}
.layer-charact .select-charactor label:hover {background-color:#f6f6f6;}
.layer-charact .select-charactor .default::after {content:'대표';float:right;margin-top:11px;margin-right:22px;padding:0 8px;line-height:18px;color:#fff;font-size:12px;background-color:#7e2ce0;}
.layer-charact .select-charactor label input {visibility:hidden;}

#gnb .layer-game {display:none;width:1080px;height:240px;position:fixed;top:50%;left:50%;margin:-120px 0 0 -540px;padding-bottom:0;z-index:10000;background:transparent;}
.layer-game .server-list {position:relative;width:1120px;height:240px;/*background:url(../images/main/bg_game_server.png) no-repeat center 0;*/}
.layer-game .server-list button {display:block;position:absolute;top:0;overflow:hidden;width:50%;height:100%;z-index:5;cursor:pointer;}
.layer-game .server-list .base {left:20px;background:url(../images/main/bg_game_server1.png) no-repeat;}
.layer-game .server-list .reboot {right:20px;background:url(../images/main/bg_game_server2.png) no-repeat;}
.layer-game .server-list .over {z-index:1;}

.layer-game .server-list button span {position:absolute;top:0;height:240px;}
.layer-game .server-list button .bg-off {width:330px;}
.layer-game .server-list button .server {position:absolute;top:0;}
.layer-game .server-list button .charactor {opacity:0;position:absolute;top:0;left:-20px;}
.layer-game .server-list button .text {opacity:0;position:absolute;top:85px;left:180px;}
.layer-game .server-list .base .server {left:0;}
.layer-game .server-list .reboot .server {right:0;}

/* main header */
#header .slider-wrap {overflow:hidden;width:100%;height:100%;}
.slider-wrap .slider {position:relative;}
.slider-wrap .slider li {position:absolute;overflow:hidden;width:100%;}
.slider-wrap .slider li:not(:first-child) {display:none;}
.main-banner {position:relative;width:100%;height:650px;margin:0 auto;transition-duration:3.0s;transition-timing-function:ease;}
.main-banner li .item {position:relative;display:block;width:1240px;height:650px;margin:0 auto;}
.main-banner li .pic {position:absolute;top:0;right:0;width:1040px;height:650px;}
.main-banner li .text {position:relative;z-index:1;width:470px;padding-top:180px;color:#fff;box-sizing:border-box;}
.main-banner li em {display:inline-block;width:69px;height:25px;margin-bottom:16px;border:2px solid #fff;border-radius:14px;color:#fff;font-size:9px;font-family:'Verdana';font-weight:bold;line-height:25px;text-align:center;}
.main-banner li strong {display:block;color:#fff;font-weight:bold;font-size:42px;line-height:1.1;}
.main-banner li span {display:block;width:90%;margin-top:21px;color:#fff;font-size:16px;line-height:1.45;}
.main-banner li .arr {position:relative;display:inline-block;margin-top:33px;padding-right:68px;color:#fff;font-size:16px;line-height:1.4;font-style:normal;}
.main-banner li .arr:before {content:'';position:absolute;top:6px;right:0;width:55px;height:9px;background:url('../images/main/bg_common_sprites.png') no-repeat -71px -4px;}
.main-banner .btn-control {}
.main-banner .btn-control button {position:absolute;top:349px;left:50%;z-index:10;opacity:0.5;overflow:hidden;width:32px;height:62px;background:transparent url('../images/main/bg_common_sprites.png') no-repeat;text-indent:-1000em;cursor:pointer;}
.main-banner .btn-control button:hover {opacity:1;}
.main-banner .btn-control .prev {margin-left:-682px;background-position:0 0;}
.main-banner .btn-control .next {margin-left:650px;background-position:-36px 0;}
.main-banner .slider-progress {position:absolute;bottom:70px;left:50%;margin-left:-620px;}
.main-banner .timer {position:relative;width:190px;height:2px;margin-top:15px;background:rgba(255,255,255,0.3);}
.main-banner .timer .bar {position:absolute;display:block;width:0;height:2px;margin:0;background:#fff;}
.main-banner .number {color:rgba(255,255,255,0.5);font-size:16px;}
.main-banner .number .current {margin-right:2px;color:#fff;font-weight:normal;}
.main-banner .number .total {margin-left:6px;}
#container .main-banner .number {letter-spacing:-1px;}

/* sub header */
.sub-banner {position:relative;width:100%;height:330px;margin:0 auto;transition-duration:3.0s;transition-timing-function:ease;}
.sub-banner li .item {display:table;width:1240px;height:330px;margin:0 auto;}
.sub-banner li .pic {display:table-cell;width:650px;height:330px;}
.sub-banner li .pic img {width:650px;height:330px;}
.sub-banner li .text {display:table-cell;width:400px;height:100%;padding-top:70px;color:#fff;vertical-align:middle;box-sizing:border-box;}
.sub-banner li strong {display:block;width:400px;color:#fff;font-weight:bold;font-size:32px;line-height:1.25;}
.sub-banner li span {display:block;width:380px;margin-top:12px;color:#fff;font-size:14px;line-height:1.45;}
.sub-banner .btn-control {}
.sub-banner .btn-control button {position:absolute;top:170px;left:50%;z-index:10;overflow:hidden;width:32px;height:62px;background:transparent url('../images/main/bg_common_sprites.png') no-repeat;text-indent:-1000em;cursor:pointer;}
.sub-banner .btn-control .prev {margin-left:-682px;background-position:0 0;}
.sub-banner .btn-control .next {margin-left:650px;background-position:-36px 0;}
.sub-banner .slider-progress {position:absolute;bottom:20px;left:50%;margin-left:-620px;}
.sub-banner .timer {position:relative;width:190px;height:2px;margin-top:15px;background:rgba(255,255,255,0.3);}
.sub-banner .timer .bar {position:absolute;display:block;width:0;height:2px;margin:0;background:#fff;}
.sub-banner .number {color:rgba(255,255,255,0.5);font-size:16px;}
.sub-banner .number .current {margin-right:2px;color:#fff;font-weight:normal;}
.sub-banner .number .total {margin-left:6px;}
#container .sub-banner .number {letter-spacing:-1px;}

/* footer */
#footer {position:relative;z-index:100;height:260px;padding-top:60px;background:#2b2b2b;}
#footer article {width:1240px;margin:0 auto;}
#footer .logo-webzen {overflow:hidden;display:inline-block;width:67px;height:58px;margin-right:29px;background:url('../images/main/logo_webzen.png') no-repeat;text-indent:-1000em;}
#footer .logo-r2 {overflow:hidden;display:inline-block;width:56px;height:58px;margin-right:29px;background:url('../images/main/logo_r2_footer.png') no-repeat;text-indent:-1000em;}
#footer .menu {position:relative;padding:12px 0 7px;}
#footer .menu a,
#footer .menu span {float:left;color:#999;font-size:16px;}
#footer .menu span {position:relative;overflow:hidden;height:22px;margin:0 6px 0 12px;line-height:200px;}
#footer .menu span:before {content:"";position:absolute;left:0;top:4px;width:1px;height:14px;background:#999;}
#footer .menu .classification {display:block; width:831px; height:118px; background:url('../images/main/img_classification.png') no-repeat; position:absolute; top:-102px; left:260px; text-indent:-9999em;}
#footer .menu strong {color:#616bbb;}
#footer address {color:#747474;font-size:14px;line-height:1.45;}
#footer address span {overflow:hidden;display:inline-block;width:13px;text-indent:-1000em;}
#footer address a {color:#999;font-size:14px;line-height:26px;}
#footer address a.mail {text-decoration:underline;}
#footer .copyright {display:block;padding-top:26px;color:#999;font-size:14px;}

.main #contents section {background-color:#fff;}
.main #contents h2 + section {background-color:#f6f6f6;}
.main #contents h2 + section + section {padding-bottom:40px;}
.main #contents section > * {margin:0 auto;}
.main #contents h2 + section > * {width:1240px;}
.main #contents h2 + section + section > * {width:1440px;}
.main #contents h2 + section + section > h3 {width:1240px;}
.main #contents h3 {padding:35px 0 12px;height:32px;font-size:24px;color:#1f1f1f;}
.main #contents h3 > a {display:inline-block;position:relative;z-index:10;margin-top:-2px;margin-left:8px;width:22px;height:22px;line-height:0;vertical-align:middle;font-size:0;background:url(../images/main/bg_common_sprites.png) no-repeat 100% 100%;}
.main #contents .tab {margin-bottom:34px;}
.main #contents .tab a {display:inline-block;margin-right:12px;color:#9f9f9f;}
.main #contents .tab a.current {color:#7e2ce0;border-bottom:1px solid #7e2ce0;}
.main .news-slider {position:relative;}
.main .news-slider .slider {overflow:hidden;height:395px;}
.main .news-slider .slider li:not(:first-child) {display:none;}
.main .news-slider .slider li > div {position:relative;float:left;width:295px;height:335px;background-color:#fff;box-shadow:0 4px 4px 0 rgba(238, 238, 238, 0.2), 0 6px 4px 0 rgba(238, 238, 238, 0.19)}
.main .news-slider .slider li > div:not(:first-child) {margin-left:20px;}
.main .news-slider .slider li .label {display:block;margin-bottom:2px;}
.main .news-slider .slider li .title {padding: 16px 20px;}
.main .news-slider .slider li .title strong {display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;vertical-align:middle;height:56px;line-height:28px;font-weight:normal;font-size:18px;color:#1f1f1f;}
.main .news-slider .slider li .notice .title,
.main .news-slider .slider li .update .title {display:table-cell;vertical-align:middle;padding:0 36px;width:295px;height:184px;text-align:center;}
.main .news-slider .slider li .notice .title {background-image:linear-gradient(to right, #7e2ce0, #5e6fb8);background-image:-webkit-linear-gradient(to right, #7e2ce0, #5e6fb8);}
.main .news-slider .slider li .update .title {background-image:linear-gradient(to right, #f03f20, #f56d23);background-image:-webkit-linear-gradient(to right, #f03f20, #f56d23);}
.main .news-slider .slider li .notice .label,
.main .news-slider .slider li .update .label {color:#bfbfbf;}
.main .news-slider .slider li .notice .title strong,
.main .news-slider .slider li .update .title strong {font-size:22px;color:#fff;}
.main .news-slider .slider li .text {padding:16px 20px 4px;line-height:1.6;font-size:14px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;height:88px;-webkit-line-clamp:4;}
.main .news-slider .slider li .date {position:absolute;bottom:14px;left:20px;font-size:14px;color:#9f9f9f;}
.main .news-slider .slider li .img {overflow:hidden;width:100%;height:184px;}
.main .news-slider .slider li .img img {width:100%;}
.main .news-slider .slider a:hover .img + .title,
.main .news-slider .slider a:hover .text {text-decoration:underline;}

.main .news-slider .btn-control button {position: absolute;top:152px;width: 32px;height: 32px;cursor:pointer;line-height:0;font-size:0;background:url(../images/main/bg_common_sprites.png) no-repeat;}
.main .news-slider .btn-control .prev {left:-60px;background-position: 0 -306px;pointer-events:none;opacity:0.2;}
.main .news-slider .btn-control .next {right:-60px;background-position: -30px -306px;}

.main .ban-wrapper {position:relative;width:1240px;font-size:0;}
.main .ban-set1 {display:inline-block;width:610px;margin:0 20px;}
.main .ban-set1 a {display:block;position:relative;float:left;width:295px;height:255px;}
.main .ban-set1 > *:first-child {margin-right:20px;}
.main .ban-set1 a > strong {display:block;position:relative;z-index:2;padding:20px 20px 23px;line-height:18px;font-size:18px;color:#fff;background:url(../images/main/ico_arrow.png) no-repeat 20px 100%;}
.main .ban-set1 a .img {position:absolute;left:0;top:0;width:100%;height:100%;}
.main .ban-set1 a .img img {width:100%;}
.main .ban-set1 a p {position:relative;padding:98px 40px 0;text-align:center;line-height:1.3;}
.main .ban-set1 a p strong {display:block;margin-bottom:5px;font-weight:normal;font-size:18px;color:#fff;}
.main .ban-set1 a p span {font-size:14px;color:#fff;opacity:0.5;}
.main .search-guide {position:absolute;left:315px;top:275px;overflow:hidden;width:610px;height:255px;background:url(../images/main/bg_guide.jpg) no-repeat;}
.main .search-guide fieldset {margin:120px auto 18px;width:340px;}
.main .search-guide input {width:290px;height:45px;color:#fff;padding-left:6px;background:none;}
.main .search-guide input::placeholder {color:#fff;}
.main .search-guide fieldset a {display:inline-block;width:45px;height:45px;text-indent:-99999px;vertical-align:top;}
.main .favorite-word {padding:0;}
.main .favorite-word dt {width:90px;color: #c8c8c8;text-align:left;}
.main .search-guide a {color:#fff;}
.main #bannerSlider {overflow:hidden;position:absolute;right:0px;top:0;width:295px;height:530px;}
.main #bannerSlider .pager {z-index:30;position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.main #bannerSlider .pager span {display:inline-block;margin:0 3px;width:13px;height:13px;line-height:0;cursor:pointer;vertical-align:top;font-size:0;background:url(../images/main/bg_common_sprites.png) no-repeat -17px 100%;}
.main #bannerSlider .pager span.current {background-position:0 100%;}
.main .ban-set2 {overflow:hidden;padding:20px 0 120px;}
.main .ban-set2 a {display:block;overflow:hidden;float:left;width:400px;height:140px;}
.main .ban-set2 a:first-child + a {margin:0 20px;}
.main .ban-set2 a img {margin-top:-140px;}
.main .ban-set2 a:hover img {margin-top:0;}

.main .map-server {position:relative;display:table;height:134px;padding:45px 0 0 242px;border:0 none;background:transparent;box-sizing:border-box;}
.main .map-server > div {display:table-cell;}
.main #contents .map-server {width:1240px;margin-top:-80px;}
.main .map-server .date {position:absolute;top:80px;left:0;color:#9f9f9f;}
.main .map-server strong {display:block;padding-bottom:10px;}
.main .map-server .server-select {width:200px;}
.main .map-server .map-select {width:337px;}
.main .map-server .design-selectbox2 {width:160px;margin-top:-6px;}
.main .map-land {display:inline-block;}
.main .map-wrap {width:1440px;height:752px;}
.main .map-wrap .map-war {margin:0;}

.main a:hover {text-decoration:none;}

/* common */
#container div, #container dl, #container dt, #container dd, #container ul, #container ol, #container menu, #container li, #container h1, #container h2, #container h3, #container h4,
#container h5, #container h6, #container fieldset, #container input, #container button, #container textarea, #container th, #container td, #container p, #container a {letter-spacing:-0.3px;}

.bbs-paging span a, .bbs-selectbox a, .design-selectbox a.selected, .bbs-container .bbs-table .icon,
.top-bbs h3 a, .bbs-container .bbs-table th.goods span,
.bbs-view .bbs-view-contents .aside .menu a, .bbs-comment .comment-field .alert a, .bbs-comment .comment-list .delete p,
.bbs-comment .comment-paging a, .bbs-container .bbs-table .result .back, .bbs-img-type .flag, .bbs-img-type .caption span,
.bbs-vote li .count, .bbs-view .bbs-view-header .best, .bbs-container .radio label, .bbs-container .checkbox label, .bbs-checkbox label, .bbs-write table .editor .files .list li .delete,
.cs-help table.form td .file-list li .delete, .cs-help table.form td .add-file, .bbs-container .bbs-table td.condition a, .top-bbs ul li .best,
.top-bbs.double article.best .paging a, .download .notify a, .bbs-container .bbs-table .login, .ranking-table .ranking .my-ranking, .bbs-comment .comment-list .choose {background-image:url('../images/board/bg_board_sprites.png');background-repeat:no-repeat;}
.bbs-container .bbs-tab li.selected a, .bbs-container .bbs-tab li:hover a, .bbs-paging .button a, .top-bbs ul li .category, .cs-center .button a, .popup h1,
#contents .security .button a, .view-youtube h1, .bbs-write .button .ok,  .btn-sc-cancel {background:#7e2ce0; color:#fff;}
.bbs-container .bbs-tab + * {margin-top:-10px;padding-top:0;}
.bbs-container .bbs-tab + * + .bbs-faq {margin-top:-10px;padding-top:0;}
#contents .security .button a, .view-youtube h1 {background:#7e2ce0; color:#fff;}
.bbs-container .bbs-tab a {font-size:14px;background-color:#f6f6f6;background-image:url(../images/board/bg_faq_sprites.png);background-position:-93px 103%;}
.bbs-container .bbs-tab.bbs-tab2 {width:260px;margin:-11px auto 80px;padding:0;}
.bbs-container .bbs-tab.bbs-tab2 a {background:#f6f6f6;color:#6f6f6f;}
.bbs-container .bbs-tab.bbs-tab2 li.selected a {background:#3f3f3f;}
.bbs-container .bbs-tab.bbs-tab2 li:hover a {background:#3f3f3f;}

.bbs-container .bbs-table .result{height:60px; margin:0; position:relative;border-top:1px solid #9f9f9f;text-align:center; font-size:18px; line-height:60px;}
.bbs-container .bbs-table .result strong,
.bbs-faq .faq-list li .keyword {font-weight:normal;color:#913ee6;}
.bbs-container .bbs-table .result .back{padding:0 0 0 12px; position:absolute; left:20px; top:50%; margin-top:-8px; background-position:-294px -192px; line-height:15px;font-size:14px;color:#9f9f9f;}
.bbs-container .bbs-table .no-text{height:200px;border-bottom:1px solid #dfdfdf; text-align:center; line-height:200px; font-size:24px;color:#9f9f9f;}


/* notice */
.bbs-container .bbs-table td .text {margin-left:20px;}
.bbs-container .bbs-table td .preview {max-width:465px;margin-top:6px;padding:15px 14px 15px 19px;border:1px solid #dfdfdf;line-height:1.6;}
.bbs-container .bbs-table td.date,
.bbs-container .bbs-table td.hit {color:#9f9f9f;font-size:15px;}
.bbs-container .bbs-table .notice-top {background-color:#f6f6f6;}
.bbs-container .bbs-table .notice-top .text:before {content:'';display:inline-block;width:22px;height:18px;margin-right:15px;background:url('../images/board/bg_board_sprites.png') no-repeat 0 -624px;vertical-align:middle;}
.bbs-container .bbs-table .notice-top .group:before {content:'';overflow:hidden;display:inline-block;width:22px;height:18px;background: url(../images/board/bg_board_sprites.png) no-repeat 0 -624px;vertical-align:middle;}
.bbs-container .bbs-table .notice-top .group {position:relative;text-align:center;}
.bbs-container .bbs-table .notice-top .group:before {content:'';overflow:hidden;display:inline-block;width:22px;height:18px;background: url(../images/board/bg_board_sprites.png) no-repeat 0 -624px;vertical-align:middle;}
.bbs-container .bbs-table .group + .title .text {margin-left:0;}
.bbs-container .bbs-table .category + .title .text {margin-left:0;}
.bbs-container .bbs-table .notice-top .group + .title .text:before {display:none;}

.bbs-container .listing {height:20px;}
.bbs-container .listing li a {height:18px;border:1px solid #dfdfdf;border-radius:0;color:#9f9f9f;line-height:18px;}
.bbs-container .listing li:hover a,
.bbs-container .listing li.selected a {border-color:#6f6f6f;background:#6f6f6f;color:#fff;}
.bbs-container .listing ul.align li {position:relative;margin-top:-5px;margin-left:9px;padding-left:9px;}
.bbs-container .listing ul.align li a {display:inline;width:auto;border:0;background:none;color:#9f9f9f;font-size:14px;line-height:20px;}
.bbs-container .listing ul.align li a:hover {color:#3f3f3f;}
.bbs-container .listing ul.align li:before {content:"";position:absolute;top:6px;left:0;display:block;width:1px;height:10px;background:#9f9f9f;}
.bbs-container .listing ul.align li:first-child:before {display:none;}
.bbs-container .listing ul.align li.selected a {border:0;background:none;color:#3f3f3f;}

.bbs-search {margin-top:20px;text-align:center;}
.bbs-search .btn {background:#3f3f3f;color:#fff;vertical-align:top;}
.bbs-search .keyword {margin:0;border:1px solid #dfdfdf;background:#fff;vertical-align:top;}
.bbs-search .keyword + .btn {margin-left:-5px;}
.bbs-search .design-selectbox {vertical-align:top;}
.bbs-search .design-selectbox + .keyword {margin-left:-6px;}

.bbs-view .bbs-view-contents table th {background:#f6f6f6;}
.bbs-view .bbs-view-contents table th,
.bbs-view .bbs-view-contents table td {border:1px solid #dfdfdf;}

.bbs-vote h4 {background:url('../images/board/bg_board_sprites.png') no-repeat;}
.cont-event .bbs-vote.ing h4 {background-position:-211px -875px;}
.cont-event .bbs-vote.end h4 {background-position:-121px -875px;}
div.bbs-vote h4 strong {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;font-size:16px;color:#3f3f3f;background-color:#fff;}
div.bbs-vote .information span {font-size:16px;color:#9f9f9f;}
div.bbs-vote ul {margin-top:-1px;margin-bottom:40px;border:1px solid #dfdfdf;}
div.bbs-vote li .condition .progress {background-color:#d7d7d7;}
div.bbs-vote li .condition .progress strong {background-color:#6f6f6f;}
div.bbs-vote .submit a {display:inline-block;width:118px;height:48px;border:1px solid #cdcdcd;font-size:16px;color:#9f9f9f;line-height:48px;font-weight:bold;background:#dedfe1;}
.bbs-vote.ing .submit a {border-color:#7e2ce0;background:#7e2ce0;color:#fff;}




    /* history */
.update-list {overflow:hidden;}
.update-date {float:left;width:210px;}
.update-date {padding-top:42px;border-top:1px solid #dfdfdf;}
.update-date .year {display:block;padding-bottom:20px;font-weight:bold;font-size:34px;color:#3f3f3f;}
.update-date .date {display:block;font-size:24px;color:#9f9f9f;}
.update-content {float:right;width:945px;border-top:1px solid #dfdfdf;}
.update-content > div {position:relative;overflow:hidden;}
.update-content .update-img {display:block;float:left;overflow:hidden;margin-right:20px;width:240px;height:144px;}
.update-content .update-img img {width:100%;}
.update-content .update-title {display:block;padding:18px 0 2px;font-size:18px;font-weight:bold;letter-spacing:0;}
.update-content a:hover .update-title {color:#7e2ce0;text-decoration:underline;}
.update-content p {line-height:1.6;font-size:15px;}
.update-content .more {display:inline-block;position:absolute;left:260px;bottom:14px;padding-right:23px;font-size:14px;color:#9f9f9f;background:url('../images/board/bg_board_sprites.png') no-repeat 100% -784px;}

.update-new .update-date {border-top:2px solid #7e2ce0;}
.update-new .update-content {padding:40px 0 19px;border-top:1px solid #7e2ce0;}
.update-new .update-content > div {padding-bottom:20px;}
.update-new .update-content .label {position:absolute;left:0;top:0;padding:0 8px;height:22px;line-height:22px;color:#fff;font-size:11px;font-family:Verdana;font-weight:bold;background-color:#7e2ce0;}
.update-new .update-content .update-title {padding-bottom:0;font-size:16px;color:#3f3f3f;}
.update-new  .update-content .update-img {width:185px;height:111px;}
.update-new .update-content > div:first-child .update-img {width:370px;height:222px;}
.update-new .update-content > div:first-child .update-title {padding-bottom:14px;font-size:24px;color:#7e2ce0;}
.update-new .update-content > div:first-child .more {left:390px;bottom:35px;}
.update-history > div {overflow:hidden;}
.update-history > div:nth-of-type(1) .update-date,
.update-history > div:nth-of-type(1) .update-content {border-color:#7e2ce0;}
.update-history .update-date {height:182px;}
.update-history .update-content {padding-top:40px;padding-bottom:40px;}
.list-more {padding-top:40px;border-top:1px solid #dfdfdf;text-align:center;}


/* ranking */
h3.title-article, h3.tit-article {margin-top:40px;padding-bottom:12px;color:#3f3f3f;font-size:22px;}

.ranking-server {margin-bottom:40px;padding:20px;border-top:1px solid #9f9f9f;border-bottom:1px solid #dfdfdf;background-color:#f6f6f6;}
.ranking-server .server-select {display:inline-block;margin-right:34px;}
.ranking-server strong {margin-right:10px;font-weight:normal;}
.ranking-server .design-selectbox2 {width:190px;}
.date-select .design-selectbox2 {width:240px;}
.date-select {display:inline-block;}
.date-select .text {width:190px;border:1px solid #dfdfdf;height:38px;line-height:38px;text-indent:20px;background:#fff url(../images/board/bg_board_sprites.png) no-repeat -132px -690px;}
.ui-calendar {display:inline-block;position:relative;}
#uiCalendar {z-index:100;position:absolute;left:-1px;top:0;width:340px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-color:#fff;}
#uiCalendar .yearMonthPicker {padding-top:16px;padding-bottom:4px;height:70px;background-color:#7e2ce0;}
#uiCalendar .yearMonthPicker button,
#uiCalendar .close button {position:absolute;top:16px;width:20px;height:40px;line-height:0;color:transparent;font-size:0;cursor:pointer;}
#uiCalendar .yearMonthPicker .prevMonth {left:20px;background:url(../images/board/bg_board_sprites.png) no-repeat -294px -722px;}
#uiCalendar .yearMonthPicker .nextMonth {right:20px;background:url(../images/board/bg_board_sprites.png) no-repeat -281px -751px;}
#uiCalendar .current {height:40px;line-height:40px;text-align:center;font-weight:bold;font-size:24px;color:#fff;}
#uiCalendar .monthTable {margin-top:-30px;}
#uiCalendar table col {width:42px;}
#uiCalendar table tbody {border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#uiCalendar table th {height:30px;text-align:center;font-size:12px;font-weight:normal;color:#fff;text-transform:uppercase;}
#uiCalendar table td {padding:8px 0 4px;}
#uiCalendar table td:first-child {padding-left:22px;}
#uiCalendar table td:last-child {padding-right:23px;}
#uiCalendar table tbody tr:first-child td {padding-top:12px;}
#uiCalendar table tbody tr:last-child td {padding-bottom:10px;}
#uiCalendar table button {width:42px;height:42px;text-align:center;cursor:pointer;background:none;}
#uiCalendar table button:not(.today):hover {color:#7d2ce0;font-weight:bold;}
#uiCalendar table .today {border-radius:50%;color:#fff;background-color:#7d2ce0;}
.match-list {position:relative;}
.match-list > div {position:absolute;text-align:center;}
.match-list > div span {display:block;float:left;color:#9f9f9f;}
.match-list > div strong {margin-top:4px;color:#fff;}
.match-list .winner {left:670px;top:66px;color:#ffe171;}
.match-list .winner span {width:540px;}
.match-list .winner strong {color:#ffe171;}
.match-list div.winner strong {margin-left:20px;vertical-align:middle;font-size:36px;letter-spacing:14px;}
.match-list .final {left:80px;top:252px;}
.match-list .final span {width:360px;}
.match-list .final span:first-child {margin-right:360px;}
.match-list .final strong {display:block;margin-top:7px;font-size:24px;}
.match-list .semifinal2 {left:20px;top:421px;}
.match-list .semifinal2 span {width:240px;}
.match-list .semifinal2 span:nth-child(2) {margin-right:240px;}
.match-list .semifinal2 strong {display:block;font-size:20px;}
.match-list .semifinal {left:140px;top:586px;}
.match-list .semifinal span {width:240px;}
.match-list .semifinal strong {display:block;font-size:18px;}
.match-list .quarterfinal {left:20px;top:748px;}
.match-list .quarterfinal span {width:120px;font-size:14px;}
.match-list .quarterfinal span:first-child + span {position:absolute;left:auto;right:-120px;top:0;}
.match-list .quarterfinal strong {display:block;}
.match-schedule {left:0;bottom:0;height:60px;line-height:60px;width:100%;font-size:14px;color:#9f9f9f;}
.match-list .match-schedule span {display:inline;float:none;margin-right:10px;color:#fff;}
.cont-ranking .bbs-table table tbody tr:hover td {background:none;}
.cont-ranking .bbs-table table tbody tr:first-child td:first-child,
.cont-ranking .bbs-table table tbody tr:nth-child(2) td:first-child,
.cont-ranking .bbs-table table tbody tr:nth-child(3) td:first-child {font-size:0;color:transparent;background:url(../images/sub/ico_medal.png) no-repeat;}
.cont-ranking .bbs-table table tbody tr:first-child td:first-child {background-position:center 0;}
.cont-ranking .bbs-table table tbody tr:nth-child(2) td:first-child {background-position:center -61px;}
.cont-ranking .bbs-table table tbody tr:nth-child(3) td:first-child {background-position:center -122px;}
.cont-ranking .bbs-table table th:nth-child(2),
.cont-ranking .bbs-table table td:nth-child(2) {color:#f77d28;}
.cont-ranking .bbs-table table thead tr th,
.cont-ranking .bbs-table table tbody tr td {width:250px;}
.cont-ranking .bbs-table table thead tr th:last-child,
.cont-ranking .bbs-table table tbody tr td:last-child {width:auto;}
.cont-ranking .notice {margin-top:12px;text-align:right;color:#f77d28;font-size:14px;}

/* faq */
.bbs-faq .faq-list li, .bbs-faq .faq-list li .title, .bbs-faq .faq-list li .comment .comment-answer, .favorite-word dt, .faq-search-form a{background-image:url('../images/board/bg_faq_sprites.png'); background-repeat:no-repeat;}
.favorite-word {padding-bottom:95px;height:25px;text-align:center;}
.favorite-word dt, .favorite-word dd {display:inline-block;float:none;padding:0;}
.favorite-word dt {margin-right:12px;text-indent:0;color:#9f9f9f;background:none;}
.favorite-word dd a{color:#f77d28;}
.bbs-container .bbs-table.bbs-faq {border-top:1px solid #9f9f9f;}
.bbs-faq .faq-list li{border-bottom:1px solid #dfdfdf;background-position:100% -127px; cursor:pointer;}
.bbs-faq .faq-list li.selected,
.bbs-faq .faq-list li:hover {background-color:#f6f6f6;}
.bbs-faq .faq-list li.selected {background-position:100% -180px;}
.bbs-faq .faq-list li .title{padding:0 0 0 47px; background-position:23px -243px;}
.bbs-faq .faq-list li .comment{padding: 0 40px 0 173px;}
.bbs-faq .faq-list li .category,
.bbs-faq .faq-list li .title{float:left; width:970px;height:60px; line-height:60px;}
.bbs-faq .faq-list li .category{width:130px; color:#9f9f9f;font-weight:normal; text-align:center;}
.bbs-faq .faq-list li .title{padding:0 0 0 138px; background-position:50px -239px;}
.bbs-faq .faq-list li .comment{clear:both; padding-left:181px; display:none;background-color:inherit;}
.bbs-faq .faq-list li .comment .comment-answer{padding:20px 87px; background-position:0 -288px; line-height:160%;}
.bbs-faq .faq-list li .comment{border-top:1px solid #dfdfdf;}
.bbs-container .bbs-faq .result {margin-top:-1px;border-bottom:1px solid #dfdfdf;}
.faq-search-form{margin:0 auto 14px;padding:4px;width:932px;height:62px;border:0 none;background-image: linear-gradient(to right, #7e2ce0 , #5e6fb8);background-image: -webkit-linear-gradient(to right, #7e2ce0 , #5e6fb8);}
.faq-search-form input{height:62px;font-size:18px;color:#9f9f9f;text-indent:20px;}
.faq-search-form a {right:1px;top:1px;}


/* paging */
.bbs-paging{padding:40px 0; position:relative; text-align:center;}
.bbs-paging span, .bbs-paging a{display:inline-block; height:26px; line-height:26px; margin:0 1px; vertical-align:middle;}
.bbs-paging span{padding:0 13px;}
.bbs-paging a{width:26px; text-align:center; letter-spacing:-1px;}
.bbs-paging span .first{background-position:-248px 0;}
.bbs-paging span .prev{background-position:-248px -26px;}
.bbs-paging span .next{background-position:-274px -26px;}
.bbs-paging span .last{background-position:-274px 0;}
.bbs-paging span a{font-size:0px; line-height:0px;}
.bbs-paging span a:hover{background-color:transparent;}
.bbs-paging .button{position:absolute; right:0; top:50%; margin-top:-20px;}
.bbs-paging .button a{float:left; width:98px; height:38px; margin-left:5px; line-height:38px;}

.bbs-paging {padding:33px 0 34px;}
.bbs-paging span {padding:0;}
.bbs-paging > a {color:#9f9f9f;font-size:18px;font-family:'Verdana','Tahoma','sans-serif';}
.bbs-paging > a.selected,
.bbs-paging > a:hover {color:#913ee6;}
.bbs-paging .button {margin-top:-25px;}
.bbs-paging .button a {display:inline-block;float:none;width:120px;height:50px;line-height:50px;font-size:16px;font-weight:bold;}
.bbs-selectbox {border:1px solid #dfdfdf;}
.bbs-selectbox a {background-color:#fff;color:#6f6f6f;}
.bbs-checkbox label {height:20px;line-height:20px;font-size:16px;}

/* cs */
.cs-center {margin-top:0;}
.cs-center .notice {border:0;background:#f6f6f6;font-size:15px;}
.cs-center .notice ul.notice {padding:0;}
.cs-center .notice li {background-image:url('../images/board/ico_bullet.gif');color:#9f9f9f;font-size:15px;}
.cs-center .notice li a {color:#5e6fb8;}
.cs-center .notice li.important {background-image:url('../images/board/ico_bullet_important.gif');color:#f77d28;}
.cs-center .notice fieldset strong {color:#9f9f9f;font-size:15px;}
.cs-center .notice p strong {color:#f77d28;}
.cs-center .notice p span {color:#9f9f9f;font-size:15px;}
.cs-center .notice .bbs-checkbox label {text-decoration:none;}
.cs-center .button {padding-top:40px;text-align:center;}
.cs-center .button a {width:120px;height:50px;line-height:50px;font-weight:bold;}

.cs-help {border-top:1px solid #9f9f9f;}
.cs-help table.form {border-top:1px solid #dfdfdf;}
.cs-help table.form th {padding-top:20px;padding-bottom:0;border-bottom:1px solid #dfdfdf;color:#9f9f9f;vertical-align:top;}
.cs-help table.form th span {color:#d55a61;}
.cs-help table.form td {color:#3f3f3f;border-bottom:1px solid #dfdfdf;}
.cs-help table.form td .text,
.cs-help table.form td .textarea  {border:1px solid #dfdfdf;background:transparent;}
.cs-help table.form td .text-date {color:#9f9f9f;}
.cs-help table.form td .notice {color:#9f9f9f;font-size:14px;}
.cs-help table.form td .add-file {width:80px;height:30px;}
.cs-help table.form td .file-list {padding-top:0;}
.cs-help table.form td .file-list li {height:30px;margin-top:10px;background:#f6f6f6;color:#3f3f3f;font-size:14px;}
.cs-help table.form td .file-check {height:30px;margin-left:6px;color:#9f9f9f;font-size:14px;line-height:30px;}
.cs-help table.form .bbs-checkbox label {color:#9f9f9f;font-size:14px;}
.cs-help table.form td .select-server,
.cs-help table.form td .select-telephone {margin-right:6px;}
.cs-help table.form td .sms {margin-left:15px;}
.cs-help table.form td .textarea textarea {height:134px;padding:9px 0;}
.cs-help #noCharacter {margin-left:15px;color:#f77d28;font-size:14px;}


.bbs-container .bbs-table table {border-top:1px solid #9f9f9f;}
.bbs-container .bbs-table th {border-bottom:1px solid #dfdfdf;font-size:14px;}
.bbs-container .bbs-table td {border-bottom:1px solid #dfdfdf;}
.bbs-container .bbs-table tr:hover td {background-color:#f6f6f6;}
.bbs-container .bbs-table th {height:40px;color:#9f9f9f;}
.bbs-container .bbs-table td {height:60px;}
.bbs-container .bbs-table td.condition a {width:80px;height:30px;}
.bbs-container .bbs-table td.condition .delete {background-position:-84px -330px;}
.bbs-container .bbs-table .selected td {background-color:#f6f6f6;}
.bbs-container .bbs-table td .text .keyword {color:#7e2ce0;}

.bbs-view {position:relative;padding-bottom:70px;}
.bbs-view h3 {padding:19px 30px 19px 20px;border-top:1px solid #9f9f9f;border-bottom:1px solid #dfdfdf;background:#f6f6f6;color:#3f3f3f;font-size:16px;}
.bbs-view .bbs-view-header {height:auto;padding:19px 0 19px 30px;border-bottom:1px solid #dfdfdf;background:#f6f6f6;}
.bbs-view .bbs-view-header:after {content:"";display:table;clear:both;}
.bbs-view .bbs-view-header .writer {position:absolute;top:12px;left:20px;}
.bbs-view .bbs-view-header .writer .nickname {color:#3f3f3f;}
.bbs-view .bbs-view-header .infomation {margin-right:21px;}
.bbs-view .bbs-view-header .infomation li {height:auto;padding:0 19px;background:none;color:#9f9f9f;line-height:inherit;}
.bbs-view .bbs-view-contents {padding-left:20px;padding-right:20px;border-bottom:1px solid #dfdfdf;}
.bbs-view .bbs-view-contents p {padding:0;color:#3f3f3f;line-height:1.4;}
.bbs-view .bbs-written-contents {border-bottom:1px solid #cacaca;}
.bbs-view .bbs-written-contents .written {position:relative;padding:54px 30px 53px 180px;}
.bbs-view .bbs-written-contents .written .title {position:absolute;left:0;display:block;width:180px;text-align:center;line-height:1.75;}
.bbs-view .bbs-written-contents .written  p {padding-top:0;line-height:1.75;}
.bbs-view .bbs-written-contents .admin-written {border-top:2px dotted #dfdfdf;}
.bbs-written-contents .user-written .title {color:#f77d28;}
.bbs-written-contents .admin-written .title {color:#7e2ce0;}
.bbs-view .bbs-view-footer {height:50px;padding-top:40px;}
.bbs-view .bbs-view-footer .prev,
.bbs-view .bbs-view-footer .next {width:118px;padding:0;text-align:center;background:transparent;}
.bbs-view .bbs-view-footer a,
.list-more a {display:inline-block;float:none;width:118px;height:48px;margin:0;border:1px solid #dfdfdf;font-size:16px;line-height:48px;font-weight:bold;}
.bbs-view .bbs-view-footer a + a {margin-left:6px;}
.bbs-view .bbs-view-footer a.write {border-color:#7e2ce0;background:#7e2ce0;color:#fff;}


.cont-cs .bbs-view h3 {padding-left:0;background:#fff;color:#6f6f6f;}
.cont-cs .bbs-view span {display:inline-block;width:180px;text-align:center;}
.cont-cs .bbs-view .bbs-view-header {position:absolute;top:1px;right:0;overflow:hidden;padding:19px 0 19px 30px;border-bottom:0;background:#fff;}
.cont-cs .bbs-view .bbs-view-header .writer {left:-1000em;}
.cont-cs .bbs-view .bbs-view-footer {text-align:center;}
.cont-cs .bbs-view .bbs-view-footer .menu {float:none;}
.cont-cs .bbs-view .bbs-view-footer .menu a {margin:0;}
.cont-cs .bbs-view .bbs-view-footer .menu a + a {margin-left:6px;}

/* event */
.bbs-img-type.bbs-event li {width:400px;height:320px;}
.bbs-img-type.bbs-event li.selected a,
.bbs-img-type.bbs-event li:hover a {margin:4px;width:392px;height:312px;border:0;}
.bbs-img-type.bbs-event li .image {width:400px;height:240px;}
.bbs-img-type.bbs-event li .date {color:#9f9f9f;font-size:15px;}
.bbs-img-type.bbs-event .title {margin-bottom:-2px;}

/* security card */
.cont-sc {width:100% !important;background:url(../images/sub/bg_graybar.png) repeat-x 0 378px;}
.cont-sc > * {position:relative;margin:0 auto;width:1240px;}
.sc-cancel {background-image:url(../images/sub/bg_graybar.png);background-size:1px 336px;}
.sc-cancel .btn-sc-cancel {position:absolute;right:0;top:433px;padding:0 20px;height:50px;line-height:50px;}

/* policy */
#contents .policy {margin-top:40px;height:650px; padding:20px 39px; overflow:auto;border:1px solid #dfdfdf;}
#contents .policy h3 {padding:16px 0;}
#contents .policy p {padding-top:12px;line-height:1.7;}
#contents .policy p span {color:#6f6f6f !important;}
/*#contents .policy p:first-child span,*/
/*#contents .policy p:nth-child(2) span,*/
/*#contents .policy p:nth-child(3) span,*/
/*#contents .policy p:nth-child(4) span,*/
/*#contents .policy p:nth-child(5) span,*/
/*#contents .policy p:nth-child(6) span {color:#ff0000 !important;}*/
/*#contents .policy p:nth-child(7) > span > span:first-child,*/
/*#contents .policy p:nth-child(7) > span > span:nth-child(2) > span:first-child {color:#ff0000 !important;}*/
.policy::scrollbar {width:12px;}
.policy::-webkit-scrollbar {width:12px;}
.policy::-webkit-scrollbar-track {background-color:transparent;}
.policy::-webkit-scrollbar-thumb {background-color:#c9c9c9;}

/* board list */
.bbs-container .bbs-table td.group {color:#999;font-size:14px;}
.bbs-container .bbs-table td.goods {color:#9f9f9f;font-size:15px;}
.bbs-container .bbs-table td.writer a {color:#9f9f9f;font-size:15px;}
.bbs-container .writer .writer-info {display:inline-block;}
.bbs-container .writer .more {left:0;right:auto;padding:0;background:transparent;}
.bbs-container .writer .more a {display:block;margin-top:6px;padding:11px 13px 11px 14px;border:1px solid #dfdfdf;background:#fff;font-size:15px;color:#6f6f6f;white-space:nowrap;}
.bbs-view .bbs-view-header .writer .more,
.bbs-comment .writer .more {position:absolute;left:50px;right:auto;display:none;margin-top:-10px;padding:0;background:transparent;}
.bbs-view .bbs-view-header .writer .more a,
.bbs-comment .writer .more a {display:block;margin-top:6px;padding:11px 13px 11px 14px;border:1px solid #dfdfdf;background:#fff;font-size:15px;color:#6f6f6f;white-space:nowrap;}
.bbs-view .bbs-view-header .writer-info {position:relative;display:inline-block;}

.design-selectbox {position:relative;display:inline-block;height:40px;}
.design-selectbox a.selected {display:block;height:38px;padding: 0 20px;border:1px solid #dfdfdf;color:#9f9f9f;font-size:14px;text-align:left;line-height:38px;background-color:#fff;background-position:100% -526px;}
.design-selectbox a.selected.active {border-color:#9f9f9f;}
.design-selectbox ul {position:absolute;left:0;right:0;top:39px;display:none;border:1px solid #9f9f9f;background:#fff;}
.design-selectbox li {height:38px;padding: 0 20px;text-align:left;}
.design-selectbox li a {color:#9f9f9f;font-size:14px;line-height:38px;}
.design-selectbox li:hover a {color:#3f3f3f;}
.bbs-search .design-selectbox {width:125px;}

.design-selectbox2 {position:relative;display:inline-block;width:190px;height:40px;z-index:10;}
.design-selectbox2 a {display:block;height:38px;padding: 0 20px;border:1px solid #dfdfdf;color:#6f6f6f;font-size:16px;text-align:left;line-height:38px;background:#fff url('../images/board/bg_board_sprites.png') no-repeat 100% -526px;}
.design-selectbox2 a + * {position:absolute;left:0;right:0;top:39px;display:none;border:1px solid #9f9f9f;background:#fff;}
.design-selectbox2 a.active {border-color:#9f9f9f;}
.design-selectbox2 a.active + * {display:block;}
.design-selectbox2 label {display:block;padding:0 20px 0 8px;line-height:38px;color:#9f9f9f;cursor:pointer;}
.design-selectbox2 label:hover {color:#6f6f6f;}
.design-selectbox2 label input {visibility:hidden;}

/* board view */
.bbs-view .bbs-view-contents .aside .good a {height:48px;padding:0 18px 0 22px;border:1px solid #e41e26;border-radius:5px;color:#e41e26;font-size:16px;font-family:Verdana;}
.bbs-view .bbs-view-contents .aside .good strong {position:relative;padding-left:48px;}
.bbs-view .bbs-view-contents .aside .good strong:before {content:"";position:absolute;top:16px;left:0;display:block;width:16px;height:14px;background:url('../images/board/bg_board_sprites.png') no-repeat -115px -17px;}
.bbs-view .bbs-view-contents .aside .good span {height:48px;background:transparent;line-height:48px;}
.bbs-view .bbs-view-contents .aside .menu {padding:5px 0;}

.bbs-comment {margin:-10px 0 70px;padding:30px 0px 0;border-top:1px solid #dfdfdf;}
.bbs-comment .total {margin:0 60px;color:#222;font-size:16px;}
.bbs-comment .total em {position:relative;bottom:-2px;color:#7e2ce0;font-size:34px;font-family:Verdana;}
.bbs-comment > .comment-field {margin-left:60px;margin-right:60px;}
.bbs-comment .comment-field {height:140px;padding:49px 19px 19px;border:1px solid #cdcdcd;background:#f6f6f6;box-sizing:border-box;}
.bbs-comment .comment-field .form {height:68px;margin:0 110px 0 0;padding:0;border:1px solid #cdcdcd;}
.bbs-comment .comment-field .form textarea {height:68px;padding:10px 20px;box-sizing:border-box;overflow:auto;}
.bbs-comment .comment-field .form .button {right:-110px;width:100px;height:70px;background:#7e2ce0;color:#fff;line-height:70px;box-sizing:border-box;}
.bbs-comment .comment-field .form .button.disabled {border:1px solid #cdcdcd;background:#dedfe1;color:#9f9f9f;cursor:default;}
.bbs-comment .comment-field .word-counter {top:15px;color:#9f9f9f;}
.bbs-comment .comment-field .word-counter em {color:#e41e26;}
.bbs-comment .comment-field .alert {top:16px;height:24px;color:#9f9f9f;}
.bbs-comment .comment-field .alert .login {width:50px;height:24px;}
.bbs-comment .comment-field .alert .agreement {width:90px;height:24px;}
.bbs-comment .comment-list {border-top:1px solid #dfdfdf;}
.bbs-comment .comment-list li {position:relative;padding:30px 60px 30px 25px;border-bottom:1px solid #dfdfdf;}
.bbs-comment .comment-list li.field {margin-top:0;padding-top:30px;border-top:0;}
.bbs-comment .comment-list ul {margin:0 -60px 0 -25px;}
.bbs-comment .comment-list ul li {margin-top:30px;padding:30px 60px 0 60px;border-top:1px dashed #e0e0e0;}
.bbs-comment .comment-list ul li:before {content:"";position:absolute;top:30px;left:25px;width:17px;height:17px;background:url('../images/board/bg_board_sprites.png') no-repeat -284px -604px;}
.bbs-comment .comment-list ul ul {margin:0 -60px 0 -60px;}
.bbs-comment .comment-list ul ul li {padding:20px 60px 0 90px;}
.bbs-comment .comment-list ul ul li.field {padding-left:60px;}
.bbs-comment .comment-list ul ul li:before {left:60px;}
.bbs-comment .comment-list ul ul ul {margin:0 -60px 0 -90px;}
.bbs-comment .comment-list .date {margin:0 0 0 20px;color:#9f9f9f;}
.bbs-comment .comment-list .text {margin-bottom:-4px;padding:10px 0 0 54px;}
.bbs-comment .comment-list .writer .nickname img {width:35px;height:35px;margin:0 15px 0 0;}
.bbs-comment .comment-list .delete p {padding:0 0 0 50px;}
.bbs-comment .comment-list .menu {position:absolute;right:60px;}
.bbs-comment .comment-list .menu a {position:relative;display:inline-block;margin-left:6px;padding:0 0 0 11px;color:#9f9f9f;}
.bbs-comment .comment-list .menu a:before {content:"";position:absolute;top:8px;left:0;width:1px;height:14px;background:#9f9f9f;}
.bbs-comment .comment-list .menu a:first-child:before {display:none;}
.bbs-comment .comment-list .writer a {color:#3f3f3f;}
.bbs-comment .comment-list .text {color:#3f3f3f;}

/* image board */
.bbs-img-type {width:1260px;margin:0 -10px;padding:30px 0;border-top:1px solid #9f9f9f;border-bottom:1px solid #dfdfdf;}
.bbs-img-type li {position:relative;width:295px;height:314px;margin:10px 10px;}
.bbs-img-type li a {overflow:hidden;position:relative;width:100%;height:100%;margin:0;background:#fff;}
.bbs-img-type li a:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #dfdfdf;}
.bbs-img-type li .comment {width:400px;height:240px;line-height:240px;background:rgba(0,0,0,0.8);color:#fff;}
.bbs-img-type li .image {position:relative;width:295px;height:184px;}
.bbs-img-type li .image img {width:100%;height:100%;}
.bbs-img-type .title {overflow:hidden;max-height:55px;padding-top:14px;color:#3f3f3f;font-size:18px;line-height:1.5;word-wrap:break-word;}
.bbs-img-type .keyword {color:#7e2ce0;}
.bbs-img-type .caption {top:auto;right:0;bottom:0;left:0;width:auto;height:auto;padding-bottom:13px;background:none;}
.bbs-img-type .caption strong {color:#6f6f6f;font-size:14px;}
.bbs-img-type .caption span {padding:0 20px 0 29px;color:#e41e26;font-size:15px;font-family:Verdana;}
.bbs-img-type .caption .date {clear:both;float:left;padding:0 0 0 20px;color:#9f9f9f;font-size:14px;font-style:normal;background:none;}

.bbs-img-type li.selected,
.bbs-img-type li:hover {background-image: linear-gradient(to right, #7e2ce0 , #5e6fb8);background-image: -webkit-linear-gradient(to right, #7e2ce0 , #5e6fb8);}
.bbs-img-type li.selected .title,
.bbs-img-type li:hover .title {color:#7e2ce0;text-decoration:underline;}
.bbs-img-type li.selected a,
.bbs-img-type li:hover a {margin:4px;width:287px;height:306px;border:0;}
.bbs-img-type li.selected a:before,
.bbs-img-type li:hover a:before {display:none;}
.bbs-img-type li.selected .image,
.bbs-img-type li:hover .image,
.bbs-img-type li.selected .comment,
.bbs-img-type li:hover .comment {margin:-4px -4px 0;}
.bbs-img-type li.selected .title,
.bbs-img-type li:hover .title,
.bbs-img-type.bbs-event li.selected .date,
.bbs-img-type.bbs-event li:hover .date {padding-left:16px;padding-right:16px;}
.bbs-img-type li.selected .caption,
.bbs-img-type li:hover .caption {right:-4px;bottom:-4px;left:-4px;}

.bbs-img-type.bbs-gm {}
.bbs-img-type.bbs-gm .caption strong {margin-bottom:-2px;}
.bbs-img-type.bbs-gm li {height:334px;}
.bbs-img-type.bbs-gm li.selected a,
.bbs-img-type.bbs-gm li:hover a {height:326px;}

.bbs-gm .vote-ing,
.bbs-gm .vote-end {position:absolute;left:0;top:0;z-index:10;width:60px;height:60px;background:url(../images/board/bg_board_sprites.png) no-repeat 0 -875px;}
.bbs-gm .vote-ing {background-position:-60px -875px;}
.bbs-img-type.bbs-gm li.selected .vote-ing,
.bbs-img-type.bbs-gm li:hover .vote-ing,
.bbs-img-type.bbs-gm li.selected .vote-end,
.bbs-img-type.bbs-gm li:hover .vote-end {left:-4px;top:-4px;}

.cont-event,
.cont-image,
.cont-gm {overflow:hidden;}
.cont-image .no-text,
.cont-gm .no-text,
.cont-event .no-text {border-top:1px solid #9f9f9f;}
.cont-image .bbs-img-type + .no-text,
.cont-gm .bbs-img-type + .no-text,
.cont-event .bbs-img-type + .no-text {border-top:0;}

/* board write */
.bbs-container .bbs-write {padding:0;}
.bbs-container .bbs-write table {border-top:1px solid #9f9f9f;}
.bbs-container .bbs-write table th {text-indent:0;border-bottom:1px solid #dfdfdf;}
.bbs-write table td {color:#3f3f3f;border-bottom:1px solid #dfdfdf;}
.bbs-write table td .text-title {width:100%;height:40px; text-indent:20px;border:1px solid #dfdfdf;background:transparent;}
.board-write table td.editor {text-align:left;}
.bbs-write table .files .list li {position:relative;float:left;margin-right:10px;border:1px solid #cacaca}
.bbs-write table .files .list li img {width:68px;height:68px;}
.bbs-write table .files .list li .delete{display:none; width:68px; height:68px; position:absolute; left:0; top:0;text-align:center;font-size:13px;color:#9f9f9f; background:rgba(255,255,255,0.8);}
.bbs-write table .files .list li .delete:before {content:'';display:block;margin:0 auto;padding:18px 0 6px;width:16px;height:16px;background:url(../images/board/bg_board_sprites.png) no-repeat 0 -662px;}
.bbs-write table .files .list li:hover .delete {display:block;}
.bbs-write table .files .caption {float:right;margin-top:-22px;height:22px;font-size:15px;font-weight:normal;}
.bbs-write table .files .caption span {color:#e41e26;}
.bbs-write table td .notice {padding:12px 0;line-height:1.8;text-align:center;color:#3f3f3f;}
.bbs-write table .bbs-selectbox {width:188px;}
.bbs-write .button {padding:40px 0 0 0;text-align:center;}
.bbs-write .button a {width:118px;height:48px;margin:0;border:1px solid #dfdfdf;font-size:16px;line-height:48px;font-weight:bold;}
.bbs-write .button a.ok {border-color:#7e2ce0;}
.bbs-write .button a + a {margin-left:6px;}


/* guide */
.cont-guide .title-article {margin-top:0;padding-bottom:15px;}
.guide_location {float:right;margin-top:-42px;}
.guide_location .home {float:left;color:#9f9f9f;padding:4px 0 4px 20px;font-size:14px;background:url('../images/sub/ico_guide_sprites.png') no-repeat 0 -135px;}
.guide_location .menu_list {float:left;}
.guide_location .menu_list li {float:left;position:relative;padding:4px 16px 4px 8px;background:url("../images/sub/ico_guide_sprites.png") no-repeat 100% -16px;}
.guide_location .menu_list li a.first_child {background:none;}
.guide_location .menu_list li a {color:#9f9f9f;font-size:14px;}
.guide_location .menu_list li a:hover {text-decoration:none;}
.guide_location .menu_list li a.on {color:#913ee6;}
.guide_location .menu_list li a span {padding-right:6px;color:#9f9f9f;font-size:8px;line-height:1.0;font-family:dotum;}
.guide_location .menu_list .map_list {display:none;position:absolute;right:0px;top:32px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background:#fff;z-index:10000;}
.guide_location .menu_list li:hover .map_list {display:block;}
.guide_location .menu_list .map_list a {position:relative;display:block;min-width:140px;height:35px;line-height:34px;padding:0 20px 0 16px;white-space:nowrap;text-align:left;background:none;}
.guide_location .menu_list .map_list a:hover,
.guide_location .menu_list .map_list a.on {color:#fff;background:#913ee6;}
.guide_location .menu_list .map_list a:hover::after,
.guide_location .menu_list .map_list a.on::after {content:'';width:10px;height:12px;background: url("../images/board/bg_board_sprites.png") no-repeat 100% -660px;background-size:260px 691px;position: absolute;right: 12px;top: 12px;}

.cont-boot {padding-top:440px;background: url(../images/sub/title_camp.jpg) no-repeat 50% 0;}
.cont-boot h2,
.cont-boot .tit_info_guide {display:none;}

.cont-guide .bbs-container .bbs-tab li {display:inline-block;width:12.5%;}
.cont-guide .bbs-container .bbs-tab a,
.cont-boot .bbs-container .bbs-tab a {box-sizing:border-box;display:flex;flex-direction: column;justify-content:center;resize:vertical;padding:0 8px;width:auto;height:49px;line-height:20px;border:1px solid #dfdfdf;background:none;}

.cont-guide .bbs-container .bbs-tab li:nth-child(8n+1) a,
.cont-boot .bbs-container .bbs-tab li:nth-child(8n+1) a {margin-left:0;}
.cont-guide .bbs-container .bbs-tab li:nth-child(8) ~ li a,
.cont-boot .bbs-container .bbs-tab li:nth-child(8) ~ li a {margin-top:-1px;}
.cont-guide .bbs-container .bbs-tab .selected a,
.cont-guide .bbs-container .bbs-tab a:hover,
.cont-boot .bbs-container .bbs-tab .selected a,
.cont-boot .bbs-container .bbs-tab a:hover {border-color:#7e2ce0;}
.cont-guide .depth02 {padding-left:10px;border-bottom:1px solid #9f9f9f;}
.depth02 .in {overflow:hidden;position:relative;}
.depth02 ul {padding:6px 0 12px;}
.depth02 li {display:inline;}
.depth02 li a {display:inline-block;padding:5px 8px 5px 12px;background:url("../images/board/ico_bullet.gif") no-repeat 0 center;background-size:1px 8px;}
.depth02 li:first-child a {background:none;}
.depth02 li a.on {color:#7e2ce0;font-weight:bold;}
.depth03 {clear:both;margin-top:20px;border:1px solid #393d42;}
.depth03 ul {padding-bottom:15px;overflow:hidden;zoom:1;}
.depth03 li {width:20%;float:left;padding-top:14px;}
.depth03 li span {display:block;padding-left:30px;background:url("/R2/v3/contents/guide_bul_box02.gif") 21px 8px no-repeat;}
.depth03 li a {color:#999;}
.depth03 li a.on,
.depth03 li a:hover {color:#008c9d;font-weight:bold;text-decoration:underline;}
.guide_edit_entry p {line-height:1.7 !important;}
.guide_edit_entry p img {display:block;margin:4px;max-width:100%;}
.guide_edit_entry table tbody td {border-color:#9f9f9f !important;}
.guide_edit_entry strong span {color:#ed7d31 !important;}
.guide_edit_entry strong strong {color:#ff0000 !important;}

.guide_menu {position:relative;margin-bottom:40px;}
.guide_menu .menu_list {position:relative;width:100%;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;box-sizing:border-box;}
.guide_menu .menu_list:after {content:"";display:table;clear:both;}
.guide_menu .menu_list .m1 {float:left;width:25%;}
.guide_menu .menu_list .m1:before {content:"";position:absolute;top:59px;bottom:0;width:1px;background:#dfdfdf;}
.guide_menu .menu_list .m1>strong {display:block;height:60px;margin:-1px;background:#5066c5;color:#fff;font-weight:bold;font-size:16px;line-height:60px;text-align:center;}
.guide_menu .menu_list .m1>ul {padding:11px 0 30px;}
.guide_menu .menu_list .m2 {position:relative;padding:6px 0 6px 20px;}
.guide_menu .menu_list .m2:before {content:"";display:inline-block;width:2px;height:2px;margin-right:6px;background:#6f6f6f;vertical-align:middle;}
.guide_menu .menu_list .m2 > a {color:#6f6f6f;font-size:15px;padding-right:16px;white-space:nowrap;}
.guide_menu .menu_list .m2 > a.on {background:url('../images/sub/ico_guide_sprites.png') no-repeat 100% -24px;}
.guide_menu .menu_list .m2 > a:hover {color:#913ee6;}
.guide_menu .menu_list .m3 {position:absolute;left:0;top:0;z-index:1;overflow:hidden;display:none;min-width:180px;padding:8px 0;background:#fff;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.2);box-shadow:0 0 3px 2px rgba(0,0,0,0.2);}
.guide_menu .menu_list .m3 li {margin:2px 0;}
.guide_menu .menu_list .m3 li a {display:block;padding:7px 35px 6px 22px;color:#6f6f6f;font-size:15px;white-space:nowrap;}
.guide_menu .menu_list .m3 li a:hover {background:#913ee6 url('../images/sub/arr_guide.gif') no-repeat 100% 50%;color:#fff;text-decoration:none;}
.guide_menu .menu_list .first:before {display:none;}

.guide_search_wrap .txt_result_count {position:relative;height:60px;margin:0;border-top:1px solid #9f9f9f;border-bottom:1px solid #dfdfdf;background:#f6f6f6;text-align:center; font-size:16px; line-height:60px;}
.guide_search_wrap .txt_result_count strong {font-weight:normal;color:#913ee6;}
.guide_search_wrap .txt_result_count .back{padding:0 0 0 12px; position:absolute; left:20px; top:50%; margin-top:-8px; line-height:15px;font-size:14px;color:#9f9f9f;background:url(../images/board/bg_board_sprites.png) no-repeat -294px -192px;}

.guide_search_wrap .txt_result {overflow:hidden;padding:16px 40px 17px;border-bottom:1px solid #dfdfdf;}
.guide_search_wrap .txt_result > a {display:table;width:100%;}
.guide_search_wrap .txt_result .txt {display:table-cell;line-height:1.5;color:#6f6f6f;font-size:16px;vertical-align:middle;}
.guide_search_wrap .txt_result .txt strong {color:#913ee6;font-weight:normal;}
.guide_search_wrap .txt_result .thumb {display:table-cell;width:130px;padding-right:18px;padding-top:4px;text-align:left;}
.guide_search_wrap .txt_result .cate {padding-bottom:1px;}
.guide_search_wrap .txt_result .cate a {color:#9f9f9f;font-size:13px;}
.guide_search_wrap .txt_result .cate span {overflow:hidden;display:inline-block;width:4px;height:5px;background:url("../images/sub/ico_guide_sprites.png") no-repeat 0 -176px;line-height:200px;vertical-align:middle;}
.guide_search_wrap .txt_result a:hover {text-decoration:underline;}

.guide_search_wrap .no_result {height:190px;padding-top:70px;text-align:center;border-bottom:1px solid #dfdfdf;}
.guide_search_wrap .no_result p {margin-bottom:10px;font-size:24px;}
.guide_search_wrap .no_result ul {}
.guide_search_wrap .no_result li {margin:6px 0;padding-left:12px;color:#9f9f9f;font-size:15px;}
.guide_search_wrap .no_result li:before {content:"";display:inline-block;width:2px;height:2px;margin-right:8px;background:#9f9f9f;vertical-align:middle;}


.guide_table_wrap {clear:both;}
.guide_table_wrap h4 {font-size:20px;color:#3f3f3f;background:url("../images/sub/ico_guide_sprites.png") no-repeat 0 6px;margin-top:26px;padding-left: 27px;margin-bottom:14px;}
.guide_table_wrap .hd h4 {float:left;margin-right:10px;;}
.guide_table_wrap .hd .sel {}
.guide_table_list01 {clear:both;margin-bottom:30px;}
.guide_table_list01 table {width:100%;}
.guide_table_list01 thead th {text-align:center;background-color:#5066c5;font-weight:normal;color:#fff;height:50px;}
.guide_table_list01 thead th a {color:inherit;}
.guide_table_list01 thead th .align {display:inline-block;background:  url("../images/sub/ico_guide_sprites.png") no-repeat 100.5% -22px; padding-right:15px;}
.guide_table_list01 thead th .align.on {background:url("../images/sub/ico_guide_sprites.png") no-repeat 100.5% -42px;}
.guide_table_list01 tbody td {padding:15px 0;border-bottom:1px solid #dfdfdf;text-align:center;color:#9f9f9f;}
.guide_table_list01 tbody td.tal {text-align:left;}
.guide_table_list01 tbody td img {vertical-align:middle;}
.guide_table_list01 .image { width:120px;}
.guide_table_list01 td.image img {width:50px;height:50px;}
.guide_table_list01 td.name {text-align:left;padding-left:8px;}
.cls span{display:inline-block;height:24px;vertical-align:middle;background:url("../images/sub/ico_class.png") no-repeat;}
.cls span.assassin{background-position:0px 0px;}
.cls span.night{background-position:0px -34px;}
.cls span.ranger{background-position:0px -68px;}
.cls span.elf{background-position:0px -102px;}
.cls span.summoner{background-position:0px -136px;}
.guide_table_list01 .cls span {margin:3px 1px;width:24px;font-size:0;}
table td a.zoom_in{display:inline-block;width:34px;height:34px;vertical-align:middle;background:url("../images/sub/ico_guide_sprites.png") 0 -100px no-repeat;text-indent:-9999px;}
.guide_table_list01 td.name a {color:#3f3f3f;}
.guide_table_list01 td.name a:hover {text-decoration:underline;}
.guide_table_list01 td.name .wear-item {margin-left:10px;padding-left:14px;color:#f77d28;font-size:12px;text-decoration:underline;background:url("../images/sub/ico_guide_sprites.png") no-repeat 0 -70px;}
.guide_table_list01 .w80 {width:80px;}
.guide_table_list01 .desc {color:#766d5e;}
.guide_table_list01 .grade,
.guide_table_list01 .type,
.guide_table_list01 .attack,
.guide_table_list01 .change,
.guide_table_list01 .trans,
.guide_table_list01 .damage,
.guide_table_list01 .level,
    /*.guide_table_list01 .item_option {width:240px;}*/
.guide_table_list01 .item_drop,
.guide_table_list01 .item_drop02,
.guide_table_list01 .item_make {width:10%;}
.guide_table_list01 .job {width:200px;}
.guide_table_list01 .item_buff {width:400px;}
/*.guide_table_list01 .item_buff02 {width:300px;}*/
.guide_table_list01 td.item_buff {width:390px;text-align:left;padding-left:8px;}
.guide_table_list01 td.item_buff02 {/*width:290px;*/text-align:left;padding-left:8px;}
.guide_table_list01 .item_star {width:160px;}
.guide_table_list01 td.item_star {color:#cd4806;}
.guide_table_list01 .movie {width:80px;}
.guide_table_list01 .lvl {width:80px;}
.guide_table_list01 .skill {width:320px;}
.guide_table_list01 td.skill {text-align:left;padding-left:10px;}
.guide_table_list01 .defense {width:70px;}
.guide_table_list01 th.quest_name {}
.guide_table_list01 td.quest_name {text-align:left;padding-left:15px;color:#ccc;}
.guide_table_list01 th.start_npc {width:140px;}
.guide_table_list01 td.start_npc {}
.guide_table_list01 th.end_npc {width:140px;}
.guide_table_list01 td.end_npc {}
.guide_table_list01 th.reward {width:220px;}
.guide_table_list01 td.reward div {padding:5px 40px;text-align:left;}

.guide_table_list02 {clear:both;margin-bottom:20px;}
.guide_table_list02 table {width:100%;}
.guide_table_list02 thead th {background-color:#5066c5;font-weight:normal;color:#fff;height:32px;text-align:center;}
.guide_table_list02 tbody td {padding:10px 0;border-bottom:1px solid #ccc;text-align:center;color:#333;}
.guide_table_list02 tbody td.tal {text-align:left;}
.guide_table_list02 tbody td img {vertical-align:middle;}
.guide_table_list02 .image {width:70px;}
.guide_table_list02 td.image img {width:50px;height:50px;}
.guide_table_list02 td.name {text-align:left;padding-left:10px;}
.guide_table_list02 .state{width:60px;}
.guide_table_list02 .map{width:90px;}
.guide_table_list02 .damage{width:100px;}
.guide_table_list02 .option{width:120px;padding:0 10px;}
.guide_table_list02 .buff{width:130px;padding:0 10px;}
.guide_table_list02 .job{width:160px;}
.guide_table_list02 .cls{width:160px;}
.guide_table_list02 th.map {width:110px;}
.guide_table_list02 th.job{width:170px;}
.guide_table_list02 .cls span {margin:3px 1px;width:24px;font-size:0;}

.guide_map_info {clear:both;margin-bottom:30px;}
.guide_game_bx span.customSelect {font-size:13px; background:#0b0b0d url('/R2/v3/contents/guide_bul_arrow04.gif') right 0 no-repeat;color:#008c9d;font-weight:bold;padding:5px 0 0;text-indent: 4px;height: 23px;border:1px solid #0a454b; vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.guide_game_bx span.customSelect.changed {background-color: #f0dea4;}
.guide_game_bx select.styled {height:30px; border:1px solid #0a454b; font-size:12px; color:#008c9d; vertical-align:middle;}
.guide_game_bx .customSelect .customSelectInner {padding-right:30px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.guide_job_list {clear:both;height:64px;text-align:right;font-size:14px;color:#929292;}
.guide_job_list.cls span {margin-right:15px;padding-left:34px;line-height:24px;}

.guide_table_wrap .select-disign {float:left;}
.guide_table_wrap .select2-container .select2-choice {height:26px;padding:6px 0 0 15px;}
.guide_table_wrap .select2-container .select2-choice div b {background:url('//image.webzen.kr/contents/select-icons.png') no-repeat right -116px;}
.guide_table_wrap .select2-container .select2-choice {color:#008c9d;}

.tit_info_guide {position:relative;margin:-28px 0 36px;text-align:center;}
.cont-guide .guide_game_bx {width:1340px;margin:0 -50px;text-align:center;}
.cont-guide .guide_game_bx .key {margin-top:-57px;}

.guide_popup {padding:20px 20px 0; font-family:"Dotum";}
.guide_popup * {font-size:13px;}
.guide_popup h1 {overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;color:transparent;}
.guide_popup .item_detail_wrap {clear:both;}
.guide_popup .item_detail_wrap .item_detail {position:relative;}
.guide_popup .item_detail_wrap .item_detail .thumb {position:absolute;left:0;top:0;}
.guide_popup .item_detail_wrap .item_detail dl {padding:7px 0 20px 60px;line-height:1.2;min-height: 43px;}
.guide_popup .item_detail_wrap .item_detail dt {color:#333;margin-bottom:2px;}
.guide_popup .item_detail_wrap .item_detail dd {color:#666;}
.guide_popup .item_detail_wrap .item_state {width:100%;table-layout:fixed;border-collapse:collapse;margin-bottom:17px;}
.guide_popup .item_detail_wrap .item_state th {padding-left:30px;width:90px;height:30px;text-align:left;font-weight:normal;border:1px solid #ccc;background-color:#f0f0f0;color:#666;}
.guide_popup .item_detail_wrap .item_state td {padding-left:30px;border:1px solid #ccc;word-wrap:break-word;}
.guide_popup .txt_imp {position:relative;color:#f77d28;padding:0 0 20px 10px;}
.guide_popup .txt_imp:before {content:"";position:absolute;top:6px;left:0;display:block;width:4px;height:5px;background:url('../images/sub/ico_guide_sprites.png') no-repeat -14px -176px;}
.guide_popup .drop_item_list li {position:relative;color:#f77d28;padding:0 0 5px 10px;}
.guide_popup .drop_item_list li:before {content:"";position:absolute;top:6px;left:0;display:block;width:4px;height:5px;background:url('../images/sub/ico_guide_sprites.png') no-repeat -14px -176px;}
.guide_popup h2 + .drop_item_list {margin-top:-3px;}
.guide_popup .material_list {border-top:1px solid #ccc;border-left:1px solid #ccc;margin-bottom:20px;}
.guide_popup .material_list .item {position:relative;padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.guide_popup .material_list .item .thumb {position:absolute;left:10px;top:10px;}
.guide_popup .material_list .item dl {padding:7px 0 0 60px;line-height:1.2;height:43px;}
.guide_popup .material_list .item dt {color:#333;margin-bottom:2px;}
.guide_popup .material_list .item dd {color:#666;}
.guide_popup .material_list .item dd span {color:#cd4806;}
.guide_popup .item_look {}
.guide_popup .item_look dt {margin-bottom:17px;color:#333;}
.guide_popup .item_look dd {display:inline-block;border:1px solid #333;}
.guide_popup .item_drop_info {}
.guide_popup .item_drop_info h2 {font-size:13px;color:#333;margin-bottom:17px;}
.guide_popup .info_scroll {height: 250px; overflow-x:hidden; overflow-y: scroll}
.guide_popup .guide_job_list.cls span {padding-left:30px;color:#666;font-size:12px;}
.guide_popup .guide_table_list02 td.name,
.guide_popup .guide_table_list02 thead th.name{width:70px;}
.guide_popup .guide_table_list02 .option{width:90px;}
.guide_popup .guide_table_list02 .buff{width:100px;}

#contents .cont-boot.intro {width:100%;}
.boot-list {width:100%;}
.boot-list .inbox {overflow:hidden;width:1240px;margin:0 auto;}
.boot-list .item {float:left;
    overflow: hidden;}
.boot-list .item a {display:block;width:100%;height:100%;font-size:0;color:transparent;text-indent:-999px;}
.boot-list .item.item01,
.boot-list .item.item02,
.boot-list .item.item03 {width:400px;height:550px;}
.boot-list .item.item04,
.boot-list .item.item05 {margin-top: 20px;width:610px;height:400px;}
.boot-list .item.item01 {background:url('../images/sub/guide01.jpg') no-repeat 0 0;}
.boot-list .item.item02 {margin:0 20px;background:url('../images/sub/guide02.jpg') no-repeat 0 0;}
.boot-list .item.item03 {background:url('../images/sub/guide03.jpg') no-repeat 0 0;}
.boot-list .item.item04 {margin-right: 20px;background:url('../images/sub/guide04.jpg') no-repeat 0 0;}
.boot-list .item.item05 {background:url('../images/sub/guide05.jpg') no-repeat 0 0;}

.btn-top,
.guide-float-menu {
    display:none;
    z-index:1000;
    position:fixed;
    left:calc(100% - 200px);
    top:50%;
    transform:translateY(-50%);
    width:180px;
    background-color: #fff;
    border: 1px solid #e0e0e0 \0/IE89;
    -webkit-box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);
}
.guide-float-menu a {
    display:block;
    box-sizing: border-box;
    position: relative;
    padding:7px 18px 6px 25px;
    font-size: 14px;
}
.guide-float-menu a.current {
    color:#fff;
    background-color:#7e2ce0;
}
.guide-float-menu a:before {
    content:'>';
    position:absolute;
    display:block;
    width:10px;
    left:8px;
    top:6px;
    font-size:10px;
}
.btn-top.visible,
.guide-float-menu.visible {
    display:block;
}
.btn-top {
    overflow: hidden;
    left:calc(100% - 60px);
    top:calc(100% - 60px);
    width: 40px;
    height: 40px;
    font-size:0;
    text-indent:-999px;
    background-image:url(../images/board/bg_faq_sprites.png);background-position:94% -190px;
}
@media all and (max-width:1000px) {
    .btn-top,
    .guide-float-menu.visible {
        display:none;
    }
}

    /*.boot-list .subtit {height:60px;background:#7e2ce0;color:#fff;font-weight:bold;text-align:center;line-height:60px;}
    .boot-list .list {margin:37px 40px 0;}
    .boot-list .list li {position:relative;margin:13px 0 12px;padding-left:13px;}
    .boot-list .list li:before {content:'';position:absolute;top:10px;left:0;display:block;width:2px;height:2px;background:#6f6f6f;}
    .boot-list .list a {color:#6f6f6f;}
    .boot-list .list a:hover {color:#913ee6;text-decoration:underline;}
    .cont-boot .boot-content {display:none;margin:0 auto;width:1240px;}
    .cont-boot .depth02 ul:not(:first-child),
    .cont-boot .tab-content div:not(:first-child) {display:none;}
    .cont-boot .tab-content {border-top:1px solid #9f9f9f;border-bottom:1px solid #9f9f9f;}
    .cont-boot .tab-content .cont02 > div {padding-top:40px;}
    .cont-boot .bbs-container .bbs-tab li {width:155px;}*/


/* seige */
.cont-siege .notice {margin:-7px 0 7px;color:#f77d28;font-size:14px;}
.map-server {margin-bottom:20px;padding:20px;border-top:1px solid #9f9f9f;border-bottom:1px solid #dfdfdf;background-color:#f6f6f6;}
.map-server .server-select {display:inline-block;margin-right:34px;}
.map-server strong {margin-right:10px;color:#b2b2b2;font-size:15px;font-weight:normal;}
.map-server .design-selectbox2 {width:190px;}
.map-select {display:inline-block;margin-left:35px;}
.map-select > div {display:inline-block;}
.map-select strong {margin-right:6px;}
.map-select a {color:#9f9f9f;font-size:16px;}
.map-select a + a {margin-left:13px;}
.map-select .active {color:#7e2ce0;text-decoration:underline;}
.map-land {margin-top:26px;}
.map-land > div {display:inline-block;}
.map-land span {position:relative;margin-left:13px;padding-right:17px;}
.map-land span:first-child {margin-left:0;}
.map-land span:before {content:'';position:absolute;top:2px;right:0;display:block;width:13px;height:13px;background:url('../images/sub/ico_land.png') no-repeat;}
.map-land .land-black:before {background-position:-15px 0;}
.map-land .land-byron:before {background-position:-30px 0;}
.map-land .land-lowden:before {background-position:-45px 0;}
.map-land .land-altele:before {background-position:-60px 0;}
.map-land .land-denginke:before {background-position:-75px 0;}
.map-land .land-motona:before {background-position:-90px 0;}
.map-land .land-reunabe:before {background-position:-105px 0;}

.map-war {position:relative;width:1440px;height:752px;}
.sub .map-war {margin-left:-100px;}
.map-war li {position:absolute;display:block;height:28px;}
.map-war .capture {position:absolute;left:50%;padding-right:28px;transform:translateX(-50%);}
.map-war .capture:before {content:'';position:absolute;top:-9px;right:0;overflow:hidden;display:block;width:29px;height:40px;}
.map-war.demojareu .capture:after {content:'';position:absolute;top:-44px;left:50%;margin-left:-10px;overflow:hidden;display:block;width:44px;height:40px;background:url('../images/sub/ico_master.png') no-repeat;}
.map-war.demojareu .capture.off:after {background:url('../images/sub/ico_master_off.png') no-repeat;}
.map-war .off .inbox {color:#9f9f9f;}
.map-war .off .inbox:before {content:'';display:inline-block;width:24px;height:24px;margin-right:6px;background:url('../images/sub/guidemark_off.jpg') no-repeat;vertical-align:middle;}
.map-war .inbox {display:inline-block;padding:2px 9px 2px 2px;background:#171717;color:#fff;font-size:13px;line-height:24px;white-space:nowrap;}
.map-war .inbox img {display:inline-block;width:22px;height:22px;margin-right:6px;border:1px solid #000;vertical-align:middle;}
.map-war .capture:before {background:url('../images/sub/ico_map.png') no-repeat;}

.map-war.coalport {background:url('../images/sub/map_coalport.jpg') no-repeat;}
.byron-pos .capture:before {background-position:0 0;}
.byron-pos .cnum0 {top:68px;left:270px;}
.byron-pos .cnum1 {top:42px;left:507px;}
.byron-pos .cnum2 {top:113px;left:759px;}
.byron-pos .cnum3 {top:160px;left:136px;}
.byron-pos .cnum4 {top:212px;left:441px;}
.byron-pos .cnum5 {top:326px;left:319px;}
.byron-pos .cnum6 {top:366px;left:183px;}
.fourier-pos .capture:before {background-position:-30px 0;}
.fourier-pos .cnum0 {top:446px;left:455px;}
.fourier-pos .cnum1 {top:417px;left:634px;}
.fourier-pos .cnum2 {top:514px;left:540px;}
.fourier-pos .cnum3 {top:531px;left:315px;}
.fourier-pos .cnum4 {top:614px;left:152px;}
.fourier-pos .cnum5 {top:685px;left:301px;}
.fourier-pos .cnum6 {top:690px;left:580px;}
.black-pos .capture:before {background-position:-60px 0;}
.black-pos .cnum0 {top:202px;left:877px;}
.black-pos .cnum1 {top:278px;left:1119px;}
.black-pos .cnum2 {top:442px;left:919px;}
.black-pos .cnum3 {top:489px;left:1176px;}
.black-pos .cnum4 {top:536px;left:1072px;}
.black-pos .cnum5 {top:599px;left:696px;}
.black-pos .cnum6 {top:665px;left:972px;}
.lowden-pos .capture:before {background-position:-90px 0;}
.lowden-pos li {top:38px;left:1208px;}

.map-war.altele {background:url('../images/sub/map_altele.jpg') no-repeat;}
.altele-pos .capture:before {background-position:-120px 0;}
.altele-pos li {top:553px;left:496px;}

.map-war.demojareu {background:url('../images/sub/map_demojareu.jpg') no-repeat;}
.denginke-pos .capture:before {background-position:-150px 0;}
.denginke-pos .cnum0 {top:671px;left:348px;}
.denginke-pos .cnum0 .capture:after {content:none;}
.denginke-pos .cnum1 {top:471px;left:380px;}
.motona-pos .cnum0 {top:467px;left:726px;}
.motona-pos .cnum0 .capture:before {background-position:-180px 0;}
.reunabe-pos .cnum0 {top:299px;left:610px;}
.reunabe-pos .cnum0 .capture:before {background-position:-210px 0;}


/* download */
.cont-download {margin-top:-30px !important;padding-top:30px;width:100% !important;background:url(../images/sub/bg_graybar.png) repeat-x 0 30px;background-size:1px 280px;}
.cont-download > * {position:relative;margin:0 auto;width:1240px;}
.cont-download .game-download {overflow:hidden;margin:36px 0 76px;}
.cont-download .game-download li {float:left;width:50%;height:200px;}
.cont-download .game-download li a {display:block;float:left;margin-right:30px;width:200px;}
.cont-download .game-download li a:hover img {margin-top:-200px;}
.cont-download .game-download .description {padding:25px 0;}
.cont-download .game-download .description strong {display:block;margin-bottom:46px;font-size:20px;line-height:1.5;color:#3f3f3f;}
.cont-download .game-download .description .info {font-size:14px;color:#9f9f9f;}
.cont-download .game-download .description .info span {color:#6f6f6f;}
.cont-download h3 + p {margin-bottom:14px;line-height:1.6;}
.cont-download h3 + p a {text-decoration:underline;color:#5e6fb8;}
.cont-download .comment {display:block;padding-top:3px;font-size:14px;color:#9f9f9f;}
.cont-download .comment i {font-size:7px;font-style:normal;vertical-align:1px;}
.cont-download .notify {overflow:hidden;padding-top:16px;padding-bottom:16px;}
.cont-download .notify a {color:#5e6fb8;font-size:inherit;text-decoration:underline;}
.cont-download .notify div {float:left; width:50%;}
.cont-download .notify div strong {font-size:15px;color:#f77d28;}
.cont-download .notify div ul li {line-height:1.7;font-size:14px;color:#9f9f9f;}
.cont-download .notify div ul li:first-child {margin-top:8px;}
.cont-download .notify div ul li:before {content:'·';margin-right:8px;}
.cont-download .bbs-view {padding-bottom:0;}
.cont-download .bbs-view .bbs-view-contents {padding:0;border-bottom:0 none;}
.cont-download .bbs-view-contents table {margin:0 0 20px;}
.cont-download .bbs-view-contents table thead th {padding:14px;border-top:1px solid #9f9f9f;}
.cont-download .bbs-view-contents table tr > * {padding:19px;}
.cont-download .bbs-view-contents table td {text-align:center;}
.cont-download .bbs-view-contents table tr th:first-child {border-left:0 none;}
.cont-download .bbs-view-contents table tr *:last-child {border-right:0 none;}
.cont-download .bbs-view-contents table th:nth-of-type(4),
.cont-download .bbs-view-contents table td:nth-of-type(3) {color:#7e2ce0;}
.cont-download .check-mypc {position: absolute;right: 0;top: 52px;padding-top:136px;width: 339px;height: 251px;background:#fff;}
.cont-download .bbs-view-contents table td strong {font-size:15px;color:#f77d28;}
.btn-check-pc {display:inline-block;margin-top:14px;width:173px;line-height:50px;text-indent:28px;color:#fff;font-weight:bold;background:#7e2ce0 url(../images/sub/ico_pc.png) no-repeat 20px center;}
.download-driver {overflow:hidden;margin-left:-20px;}
.download-driver li {float:left;margin-left:20px;}

/* media */
.media-list {overflow:hidden;margin-left:-2px;}
.media-list > * {display:block;overflow:hidden;position:relative;float:left;margin-bottom:2px;margin-left:2px;width:412px;height:231px;}
.media-list a:hover:before,
.media-list a:hover:after {content:'';z-index:5;position:absolute;left:0;top:0;width:100%;height:100%;}
.media-list a:hover:before {background:rgba(126,44,224,0.8);}
.media-list a:hover:after {background:url(../images/sub/ico_viewer.png) no-repeat 192px 106px;}
.media-list img {width:100%;}
.media-list .title {position:absolute;left:0;bottom:0;padding:20px;font-weight:bold;color:#fff;}
.btn-paging {padding-top:40px;height:50px;text-align:center;}
.btn-paging a {display:inline-block;width:120px;height:50px;line-height:0;font-size:0;vertical-align:top;background:#7e2ce0 url(../images/sub/btn_load_page.png) no-repeat;}
#contents .dimmed {position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000;opacity:0.6; z-index:10000;}
#contents .viewer-layer {z-index:10001;position:fixed !important;left:50%;top:50%;margin-left:-620px;margin-top:-350px;width:1240px;height:698px;}
.viewer-layer button {position:absolute;top:338px;width:40px;height:40px;line-height:0;font-size:0;cursor:pointer;background:transparent url(../images/board/bg_board_sprites.png) no-repeat;}
.viewer-layer #movePrev {left:-40px;background-position:0px -724px;}
.viewer-layer #moveNext {right:-40px;background-position:28px -768px;}
.viewer-layer .img {display:block;overflow:hidden;height:698px;}
.viewer-layer img {width:100%;}

/* etc */
html,body {width:100%;height:100%;}
#container.playing {padding-top:6%;min-width:600px;min-height:400px;width:100%;height:100%;background:#000 url('../images/sub/bg_playing.jpg') no-repeat 50% 0;background-size:cover;box-sizing:border-box;}
#container.playing section {width:100%;height:100%;}
.playing .playing-note {position:relative;width:100%;height:100%;margin:0 auto;padding:0;}
.playing .playing-note h1 {margin:0 auto;width:589px;}
.playing .playing-note p {position:absolute;top:29%;bottom:29%;left:0;width:100%;text-align:center;}
.playing .playing-note h1 img {width:100%;}
.playing .playing-note p img {height:100%;max-width:589px;max-height:338px;}
.playing .btnset {position:absolute;bottom:16%;left:0;right:0;text-align:center;}
.playing .btnset a {display:inline-block;height:50px;padding:0 30px;border:1px solid #000;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:50px;box-sizing:border-box;background-color:rgba(0,0,0,0.5);}
.playing .btnset a + a {margin-left:15px;}
.playing .btnset a.on {border:0;background:#7e2ce0;}
.playing footer {position:absolute;left:50%;bottom:4%;margin-left:-285px;}

/* popup */
.bbs-radio label {height:16px;padding-left:25px;padding-bottom:4px;background-image:url('../images/board/bg_board_sprites.png');background-repeat:no-repeat;color:#3f3f3f;font-size:16px;line-height:16px;cursor:pointer;}

.popup {position:relative;}
.popup h1 {height:60px;padding:0 0 0 30px;font-size:22px;line-height:60px;font-weight:normal;background:#7e2ce0;}
.popup .pop-contents {padding:40px 29px;border-top:none;background:#fff;}
.popup .pop-contents .bbs-selectbox {position:absolute;top:0;}
.popup .pop-contents .bbs-selectbox {left:0;}
.popup .button {padding:20px 0 0;text-align:center;}
.popup .button a {display:inline-block;width:118px;height:48px;margin:0;border:1px solid #dfdfdf;background:#fff;color:#6f6f6f;font-size:16px;line-height:48px;font-weight:bold;text-align:center;}
.popup .button a.ok {border-color:#7e2ce0;background:#7e2ce0;color:#fff;}
.popup .button a + a {margin-left:6px;}
.popup .close {display:block;width:22px;height:22px;position:absolute;right:0px;top:-45px;background:url('../images/sub/btn_pop_close.png') no-repeat;background-size:22px;text-indent:-9999px;}
.popup .cs-center table.form {border-top:0;}
.popup .cs-center .notice {background:#fff;}
.popup .cs-center table.form th,
.popup .cs-center table.form td {height:27px;padding-top:13px;padding-bottom:10px;vertical-align:top;}
.popup .cs-center table.form th {width:160px;padding-left:20px;}
.popup .cs-center table.form li {margin-top:5px;}
.popup .server-select {margin:14px 0 20px;}
.popup .server-select strong {margin-right:13px;color:#9f9f9f;font-weight:normal;}
.popup .server-select .design-selectbox2 {width:160px;}
.popup .remain-msg {margin-top:-3px;color:#9f9f9f;}
.popup .remain-msg strong {color:#7e2ce0;font-weight:normal;}
.popup .remain-time {display:table;width:100%;margin-bottom:15px;border-top:1px solid #9f9f9f;border-bottom:1px solid #dfdfdf;}
.popup .remain-time p {display:table-cell;width:50%;height:150px;color:#3f3f3f;font-size:16px;box-sizing:border-box;text-align:center;vertical-align:middle;}
.popup .remain-time p + p {border-left:1px solid #dfdfdf;}
.popup .remain-time em {display:block;margin-top:6px;color:#7e2ce0;font-weight:bold;font-size:24px;}
.pop-note {margin-bottom:17px;}
.pop-note li {position:relative;margin:5px 0 6px;padding-left:10px;color:#9f9f9f;font-size:15px;}
.pop-note li:before {content:'';position:absolute;top:10px;left:0;display:block;width:2px;height:2px;background:#9f9f9f;}
.pop-note li.emp {color:#f77d28;}

.layer-browser {display:none; width:720px; height:472px; position:fixed; top:50%; left:50%; margin:-236px 0 0 -360px; padding-bottom:0; z-index:10000; background:#fff;}
.layer-browser .browser {margin-top:-5px;text-align:center;}
.layer-browser h2 {padding:0;color:#1f1f1f;font-weight:bold;font-size:24px;}
.layer-browser p {margin-top:9px;color:#6f6f6f;font-size:18px;line-height:1.4;}
.layer-browser .browser-list {overflow:hidden;width:280px;margin:37px auto 0;background:url('../images/sub/bg_browser.png') no-repeat;}
.layer-browser .browser-list li {float:left;width:50%;padding-top:102px;text-align:center;color:#9f9f9f;font-size:16px;}
.layer-browser .browser-list a {display:block;width:120px;height:50px;margin-top:33px;border:1px solid #dfdfdf;color:#6f6f6f;font-size:16px;font-weight:bold;line-height:50px;text-align:center;box-sizing:border-box;}
.layer-browser .browser-list a:hover {border-color:#7e2ce0;background:#7e2ce0;color:#fff;}
.layer-browser .browser-list li:last-child a {margin-left:20px}

#container .dimmed {position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000;opacity:0.7; z-index:10000;}
#container .layer-renew {z-index:10001;position:fixed !important;left:50%;top:50%;margin-left:-500px;margin-top:-281px;width:1000px;height:562px;}
.layer-renew .btn-control button {position:absolute;top:270px;width:40px;height:40px;line-height:0;font-size:0;cursor:pointer;background:transparent url(../images/board/bg_board_sprites.png) no-repeat;}
.layer-renew .btn-control .prev {left:-40px;background-position:0 -724px;}
.layer-renew .btn-control .next {right:-40px;background-position:28px -768px;}
.layer-renew .img {display:block;overflow:hidden;height:562px;}
.layer-renew img {width:100%;}
.layer-renew .pager {z-index:30;position:absolute;left:0;bottom:40px;width:100%;text-indent:40px;}
.layer-renew .pager span {display:inline-block;margin:0 4px;width:12px;height:12px;line-height:0;border:none;border-radius:50%;background-color:#fff;opacity:0.5;font-size:0;cursor:pointer;}
.layer-renew .pager .current {opacity:1;}
.layer-renew .check-cookie {position:absolute;left:0;bottom:-40px;height:20px;line-height:20px;font-size:14px;color:#9f9f9f;}
.layer-renew .check-cookie .check {cursor:pointer;display:inline-block;margin-right:10px;width:18px;height:18px;color:#fff;border:1px solid #dfdfdf;vertical-align:top;text-align:center;}
.layer-renew .check-cookie input {position:absolute;visibility:hidden;}
.layer-renew .check-cookie input[type=checkbox]:checked + .check {border-color:#913ee6;background:url(../images/main/ico_check.png) no-repeat;}

/* Hacks for IE */
/* IE 9 only */
@media screen and (min-width:0) and (min-resolution: .001dpcm) {
    .faq-search-form,
    .main .news-slider .slider li .notice .title {background-color:#7e2ce0\9;}
}

/* IE10 and IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main .news-slider .slider li .text {margin-top:-8px;}
}

/* over 1920*/
@media screen and (min-width:1921px) {
    .playing {
        min-height:1440px;padding-top:252px;background-image:url('../images/sub/bg_playing2.jpg');
    }
}

@media screen and (max-height:950px) {
    .playing .playing-note h1 {width:400px;}
    .playing .btnset {bottom:9%;}
    .playing .btnset a {padding:0 12px;height:40px;line-height:40px;font-size:13px;}
    .playing footer {bottom:2%;}
}