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

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

hr { display: none; }

html { -webkit-text-size-adjust: 100%; }

html, body { width: 100%; margin: 0; padding: 0; background: #fff; color: #000000; font-family: "Open Sans", "Noto Sans TC"; font-size: 14px; }

a { color: #374e80; text-decoration: none; outline: none; }
a:link, a:active, a:visited, a:hover { color: #374e80; }
a:focus { outline: none; }

legend { display: none; }

p, form, input, select, textarea, button, dl, dt, dd { margin: 0; padding: 0; font-family: "Open Sans", "Noto Sans TC"; font-size: 14px; }

img { vertical-align: top; border: 0 none; }

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

select, button, input { *overflow: visible; line-height: normal; outline: none; border: 0; }

select { -webkit-appearance: button; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; background: transparent; }

hr { display: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

/* don't show the x for text inputs */
::-ms-clear { display: none; }

/* don't show the eye for password inputs */
::-ms-reveal { display: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

#container { z-index: 99; min-height: calc(100% - 131px); }

#header { position: relative; margin: 0 auto; min-width: 1100px; position: relative; height: 150px; text-align: center; background-color: #000; }
#header #sub_visual_wrap { position: relative; overflow: hidden; width: 100%; height: 150px; }
#header #sub_visual_wrap .sub { position: absolute; z-index: 0; width: 100%; height: 150px; }
#header #sub_visual_wrap .sub.visual_01 { background: url("../img/common/sub/visual_01.jpg") no-repeat 0 -70px; }
#header #sub_visual_wrap .sub.visual_02 { background: url("../img/common/sub/visual_02.jpg") no-repeat 0 -70px; }
#header #sub_visual_wrap .sub.visual_03 { background: url("../img/common/sub/visual_03.jpg") no-repeat 0 -70px; }
#header #sub_visual_wrap .sub.visual_04 { background: url("../img/common/sub/visual_04.jpg") no-repeat 0 -70px; }
#header p { position: absolute; z-index: 99; top: 100px; width: 100%; font-size: 0; color: #FFF; text-align: center; }

#contents { position: relative; margin: 0 auto; min-width: 1100px; padding: 120px 0 200px; min-height: calc(100% - 470px); }

.hide { text-indent: -99999px; overflow: hidden; font-size: 0; }

#contents { padding-top: 100px; }

.wrapContent { width: 1040px; margin: 0 auto; }

header.top { position: relative; width: 1100px; margin: 0 auto; }
header.top h1 { font-size: 40px; color: #2d3f73; margin-bottom: 20px; padding-left: 29px; text-transform: uppercase; }
header.top .menu { clear: both; height: 60px; margin-bottom: 54px; background-color: #273661; display: block; }
header.top .menu nav li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
header.top .menu nav li.on a { background-color: #152453; color: #fff; }
header.top .menu nav li a { font-weight: 400; display: block; color: #a9bbe7; padding: 22px 30px; font-size: 16px; }
header.top .menu nav li a:hover { color: #fff; }
header.top .menu .nCoin { position: absolute; bottom: 23px; right: 0; margin: 18px 30px 0 0; width: 300px; text-align: right; }
header.top .menu .nCoin strong { padding-left: 25px; color: #fff; background: url("../img/common/iconNcoin.png") no-repeat left 0; }
header.top .menu .nCoin .btnCharge { width: 50px; margin-left: 15px; padding: 3px 8px 3px 8px; font-size: 12px; color: #FFF; background-color: #bb9569; }
header.top .menu .nCoin .btnCharge:hover { background-color: #d1aa76; }

html, body { height: 100%; }

body.main #header { display: none; }
body.main #container { min-height: calc(100% - 180px); height: 780px; }
body.main #container #ncFooter { position: relative; }
body.main #contents { width: 100% !important; min-width: 320px; height: 100%; min-height: 100%; padding: 0 !important; }
body.main #contents header.top { display: none; }
body.main .wrapContent { width: 100% !important; height: 100%; }

.wrap_effect { position: relative; height: 100%; background-color: #000; }
.wrap_effect .text { display: none; position: absolute; z-index: 9; top: 200px; width: 100%; margin-left: -50%; margin: 0 auto; padding-bottom: 40px; text-align: center; color: #ffffff; }
.wrap_effect .text h1 { padding-bottom: 30px; font-size: 120px; text-align: center; }
.wrap_effect .text p { font-size: 18px; line-height: 150%; }
.wrap_effect .subMenu { display: none; position: absolute; z-index: 9; top: 430px; width: 100%; margin-left: -50%; margin: 0 auto; text-align: center; }
.wrap_effect .subMenu.mxm .menu03 { display: none; }
.wrap_effect .subMenu.l2m { margin-top: 40px; }
.wrap_effect .subMenu li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 57px; height: 57px; margin: 0 3px; }
.wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; background: url("../img/portal/main/btn.png") no-repeat -0px 0; }
.wrap_effect .subMenu li.menu01 a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.wrap_effect .subMenu li.menu02 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; background: url("../img/portal/main/btn.png") no-repeat -66px 0; }
.wrap_effect .subMenu li.menu02 a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.wrap_effect .subMenu li.menu03 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; background: url("../img/portal/main/btn.png") no-repeat -132px 0; }
.wrap_effect .subMenu li.menu03 a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.wrap_effect .subMenu li a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100%; height: 100%; font-size: 0; }
.wrap_effect .gameMenu { position: absolute; z-index: 9; bottom: 0; width: 100%; text-align: center; }
.wrap_effect .gameMenu:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; content: ''; display: block; position: absolute; bottom: 0; z-index: 0; width: 100%; height: 120px; background: #000; }
.wrap_effect .gameMenu ul { position: relative; z-index: 9; max-width: 1300px; height: 120px; margin: 0 auto; overflow: hidden; }
.wrap_effect .gameMenu li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: calc(100% / 7 - 5px); height: 100%; border-right: 1px solid #13181c; }
.wrap_effect .gameMenu li:first-child { border-left: 1px solid #13181c; }
.wrap_effect .gameMenu li a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100%; height: 100%; font-size: 0; }

.wrap_effect .gameMenu li.game01 a { background: url("../img/portal/main/menu-202506.png") no-repeat -7px -20px; width: 188px;}
.wrap_effect .gameMenu li.game01 a:hover { background: url("../img/portal/main/menu-202506.png") no-repeat -7px -135px;}
.wrap_effect .gameMenu li.game01.on a { background: url("../img/portal/main/menu-202506.png") no-repeat -7px -135px;}

.wrap_effect .gameMenu li.game02 {display: none !important;}
.wrap_effect .gameMenu li.game02 a { background: url("../img/portal/main/menu-202506.png") no-repeat -188px -20px; width: 124px;}
.wrap_effect .gameMenu li.game02 a:hover { background: url("../img/portal/main/menu-202506.png") no-repeat -188px -135px;}
.wrap_effect .gameMenu li.game02.on a { background: url("../img/portal/main/menu-202506.png") no-repeat -188px -135px; }

.wrap_effect .gameMenu li.game03 {display: none !important;}
.wrap_effect .gameMenu li.game03 a { background: url("../img/portal/main/menu-202506.png") no-repeat -311px -20px; width: 106px;}
.wrap_effect .gameMenu li.game03 a:hover { background: url("../img/portal/main/menu-202506.png") no-repeat -311px -135px; }
.wrap_effect .gameMenu li.game03.on a { background: url("../img/portal/main/menu-202506.png") no-repeat -311px -135px;}

.wrap_effect .gameMenu li.game04 a { background: url("../img/portal/main/menu-202506.png") no-repeat -416px -20px; width: 109px;}
.wrap_effect .gameMenu li.game04 a:hover { background: url("../img/portal/main/menu-202506.png") no-repeat -416px -135px; }
.wrap_effect .gameMenu li.game04.on a { background: url("../img/portal/main/menu-202506.png") no-repeat -416px -135px; }

.wrap_effect .gameMenu li.game05 a { background: url("../img/portal/main/menu-202506.png") no-repeat -525px -20px; width: 137px;}
.wrap_effect .gameMenu li.game05 a:hover { background: url("../img/portal/main/menu-202506.png") no-repeat -525px -135px; }
.wrap_effect .gameMenu li.game05.on a { background: url("../img/portal/main/menu-202506.png") no-repeat -525px -135px; }

.wrap_effect .gameMenu li.game06 a { background: url("../img/portal/main/menu-202506.png") no-repeat -662px -20px; width: 139px;}
.wrap_effect .gameMenu li.game06 a:hover { background: url("../img/portal/main/menu-202506.png") no-repeat -662px -135px; }
.wrap_effect .gameMenu li.game06.on a { background: url("../img/portal/main/menu-202506.png") no-repeat -662px -135px; }

.wrap_effect .gameMenu li.game07 a { background: url("../img/portal/main/menu-202506.png") no-repeat -800px -20px; width: 160px;}
.wrap_effect .gameMenu li.game07 a:hover { background: url("../img/portal/main/menu-202506.png") no-repeat -800px -135px; }
.wrap_effect .gameMenu li.game07.on a { background: url("../img/portal/main/menu-202506.png") no-repeat -800px -135px; }

.wrap_effect .gameMenu li.game08 a { background: url("../img/portal/main/menu-202508.png") no-repeat -7px -20px; width: 140px;}
.wrap_effect .gameMenu li.game08 a:hover { background: url("../img/portal/main/menu-202508.png") no-repeat -7px -133px; }
.wrap_effect .gameMenu li.game08.on a { background: url("../img/portal/main/menu-202508.png") no-repeat -7px -133px; }

.wrap_effect .visual { display: none; position: absolute; top: 0; z-index: 0; width: 100%; height: 100%; }
.wrap_effect .visual.bns01 { background: url("../img/portal/main/visual/bns01_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.bns02 { background: url("../img/portal/main/visual/bns02_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.bns03 { background: url("../img/portal/main/visual/bns03_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.aion01 { background: url("../img/portal/main/visual/aion01_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.aion02 { background: url("../img/portal/main/visual/aion02_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.aion03 { background: url("../img/portal/main/visual/aion03_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.l201 { background: url("../img/portal/main/visual/l201_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.l202 { background: url("../img/portal/main/visual/l202_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.l203 { background: url("../img/portal/main/visual/l203_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.l2m01 { background: url("../img/portal/main/visual/l2m01_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.l2m02 { background: url("../img/portal/main/visual/l2m02_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.l2m03 { background: url("../img/portal/main/visual/l2m03_pc_1920.jpg") no-repeat 50% 0; }
.wrap_effect .visual.b201 { background: url("../img/portal/main/visual/b2_pc_1920_01_1.jpg") no-repeat 50% 0; }
.wrap_effect .visual.b202 { background: url("../img/portal/main/visual/b2_pc_1920_02_1.jpg") no-repeat 50% 0; }
.wrap_effect .visual.b203 { background: url("../img/portal/main/visual/b2_pc_1920_03_1.jpg") no-repeat 50% 0; }

.wrap_effect .visual.hoyeon01 { background: url("../img/portal/main/visual/hoyeon_pc_1920_01.jpg") no-repeat 50% 0; }
.wrap_effect .visual.hoyeon02 { background: url("../img/portal/main/visual/hoyeon_pc_1920_02.jpg") no-repeat 50% 0; }
.wrap_effect .visual.hoyeon03 { background: url("../img/portal/main/visual/hoyeon_pc_1920_03.jpg") no-repeat 50% 0; }

.wrap_effect .visual.lostsword01 { background: url("../img/portal/main/visual/lostsword_pc_1920_1.jpg") no-repeat 50% 0; }
.wrap_effect .visual.lostsword02 { background: url("../img/portal/main/visual/lostsword_pc_1920_2.jpg") no-repeat 50% 0; }
.wrap_effect .visual.lostsword03 { background: url("../img/portal/main/visual/lostsword_pc_1920_3.jpg") no-repeat 50% 0; }

.wrap_effect .visual.aion201 { background: url("../img/portal/main/visual/aion2_pc_1920_1.jpg") no-repeat 50% 0; }
.wrap_effect .visual.aion202 { background: url("../img/portal/main/visual/aion2_pc_1920_2.jpg") no-repeat 50% 0; }
.wrap_effect .visual.aion203 { background: url("../img/portal/main/visual/aion2_pc_1920_3.jpg") no-repeat 50% 0; }

.wrap_effect #visual-wrap { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; }

#userinfo-btn { display: block; position: absolute; top: 16px; right: 16px; font-size: 0; }
#userinfo-btn.loginAccount { width: 28px; height: 28px; background: url("../img/portal/main/btnUserinfo.png") no-repeat 0 0; background-size: 28px 84px; /* &.fb { background-position: 0 -56px !important;
} */ }
#userinfo-btn.loginAccount.email { background-position: 0 -28px !important; }
#userinfo-btn.loginAccount.google { background: url("../img/layout/gnb/userinfoLayer/icon_profile_google.svg") no-repeat 0 0; background-size: cover; }
#userinfo-btn.loginAccount.facebook { background: url("../img/layout/gnb/userinfoLayer/icon_profile_facebook.svg") no-repeat 0 0; background-size: cover; }
#userinfo-btn.loginAccount.appleid { background: url("../img/layout/gnb/userinfoLayer/icon_profile_apple.svg") no-repeat 0 0; background-size: cover; }

@media only screen and (min-width: 960px) { #nctGnb.rwd { display: block; }
  #userinfo-btn { display: none; } 
}

@media only screen and (min-width: 641px) and (max-width: 959px) { #container { height: calc(100% - 30px) !important; min-height: 580px !important; }
  #nctGnb.rwd { display: none; }
  #nctFooter.rwd { height: 30px !important; padding: 10px  0 !important; }
  .wrap_effect .text { top: 180px; }
  .wrap_effect .text h1 { font-size: 84px; }
  .wrap_effect .text p { font-size: 16px; }
  .wrap_effect .text.b2 p span {display: block;}
  .wrap_effect .text.lostsword p span {display: block;}
  .wrap_effect .text.lostsword p br {display: none;}
  .wrap_effect .text.aion2 p span {display: block;}
  .wrap_effect .subMenu { top: 360px; }
  .wrap_effect .subMenu.l2m { margin-top: 40px; }
  .wrap_effect .subMenu.b2 { margin-top: 60px; }
  .wrap_effect .subMenu li { width: 47.5px; height: 47.5px; margin: 0 2px; }
  .wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: url("../img/portal/main/btn_mobile.png") no-repeat -0px 0 !important; background-size: 155px 46.66667px !important; }
  .wrap_effect .subMenu li.menu02 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: url("../img/portal/main/btn_mobile.png") no-repeat -54.33333px 0 !important; background-size: 155px 46.66667px !important; }
  .wrap_effect .subMenu li.menu03 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: url("../img/portal/main/btn_mobile.png") no-repeat -108.66667px 0 !important; background-size: 155px 46.66667px !important; }
  .wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

  .wrap_effect .gameMenu { position: absolute; bottom: 0; }
  .wrap_effect .gameMenu:before { height: 100%; }
  .wrap_effect .gameMenu ul { height: inherit !important; }
  .wrap_effect .gameMenu li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100%; text-align: left; border: 0 none !important; border-top: 1px solid #13181c !important; }
  .wrap_effect .gameMenu li:first-child { border-top: 0 none; }
  .wrap_effect .gameMenu li a { width: calc(100% - 30px) !important; height: 20px; padding: 10px 10px 10px 20px; font-size: 16px !important; color: #919396; background: url("../img/portal/main/arrow.png") no-repeat 96% 50% !important; background-size: 9.33333px 16.66667px !important; }
  .wrap_effect .gameMenu li.on a { color: #fff; }

  .visual.bns01 { background: url("../img/portal/main/visual/bns01_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.bns02 { background: url("../img/portal/main/visual/bns02_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.bns03 { background: url("../img/portal/main/visual/bns03_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.aion01 { background: url("../img/portal/main/visual/aion01_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.aion02 { background: url("../img/portal/main/visual/aion02_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.aion03 { background: url("../img/portal/main/visual/aion03_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.l201 { background: url("../img/portal/main/visual/l201_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.l202 { background: url("../img/portal/main/visual/l202_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.l203 { background: url("../img/portal/main/visual/l203_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.atlas01 { background: url("../img/portal/main/visual/atlas01_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.atlas02 { background: url("../img/portal/main/visual/atlas02_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.atlas03 { background: url("../img/portal/main/visual/atlas03_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.l2m01 { background: url("../img/portal/main/visual/l2m01_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.l2m02 { background: url("../img/portal/main/visual/l2m02_tablet_960.jpg") no-repeat 50% 0 !important; }
  .visual.l2m03 { background: url("../img/portal/main/visual/l2m03_tablet_960.jpg") no-repeat 50% 0 !important; } 
}

@media only screen and (max-width: 640px) { 
  #container { height: calc(100% - 30px) !important; min-height: 540px !important; }
  #nctGnb.rwd { display: none; }
  #nctFooter.rwd { height: 30px !important; padding: 10px  0 !important; }
  .wrap_effect .text { position: relative !important; top: 100px; }
  .wrap_effect .text h1 { font-size: 5em; padding-bottom: 10px; }
  .wrap_effect .text p { font-size: 14px; }
  .wrap_effect .text.rk { top: 60px; margin-bottom: 20px; }
  .wrap_effect .text.rk h1 { font-size: 4.0em; }
  .wrap_effect .text.b2 p { font-size: 14px; word-break: keep-all;}
  .wrap_effect .text.b2 p span {display: block;}
  .wrap_effect .text.lostsword p span {display: block;}
  .wrap_effect .text.lostsword p br {display: none;}
  .wrap_effect .text.aion2 p span {display: block;}

  .wrap_effect .subMenu { position: relative !important; top: 80px; }
  .wrap_effect .subMenu.rk { top: 10px; }
  .wrap_effect .subMenu.l2m { margin-top: 0; }
  .wrap_effect .subMenu li { width: 46.66667px; height: 46.66667px; margin: 0 2px; }
  .wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: url("../img/portal/main/btn_mobile.png") no-repeat -0px 0 !important; background-size: 155px 46.66667px !important; }
  .wrap_effect .subMenu li.menu02 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: url("../img/portal/main/btn_mobile.png") no-repeat -54.33333px 0 !important; background-size: 155px 46.66667px !important; }
  .wrap_effect .subMenu li.menu03 a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: url("../img/portal/main/btn_mobile.png") no-repeat -108.66667px 0 !important; background-size: 155px 46.66667px !important; }
  .wrap_effect .subMenu li.menu01 a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .wrap_effect .gameMenu { position: absolute; bottom: 0; }
  .wrap_effect .gameMenu:before { height: 100%; }
  .wrap_effect .gameMenu ul { height: inherit !important; }
  .wrap_effect .gameMenu li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100%; text-align: left; border: 0 none !important; border-top: 1px solid #13181c !important; }
  .wrap_effect .gameMenu li:first-child { border-top: 0 none; }
  .wrap_effect .gameMenu li a { width: calc(100% - 30px) !important; height: 20px; padding: 10px 10px 10px 20px; font-size: 16px !important; color: #919396; background: url("../img/portal/main/arrow.png") no-repeat 96% 50% !important; background-size: 9.33333px 16.66667px !important; }
  .wrap_effect .gameMenu li.on a { color: #fff; }
  .wrap_effect .visual.bns01 { background: url("../img/portal/main/visual/bns01_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.bns02 { background: url("../img/portal/main/visual/bns02_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.bns03 { background: url("../img/portal/main/visual/bns03_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.aion01 { background: url("../img/portal/main/visual/aion01_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.aion02 { background: url("../img/portal/main/visual/aion02_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.aion03 { background: url("../img/portal/main/visual/aion03_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.l201 { background: url("../img/portal/main/visual/l201_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.l202 { background: url("../img/portal/main/visual/l202_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.l203 { background: url("../img/portal/main/visual/l203_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.atlas01 { background: url("../img/portal/main/visual/atlas01_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.atlas02 { background: url("../img/portal/main/visual/atlas02_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.atlas03 { background: url("../img/portal/main/visual/atlas03_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.l2m01 { background: url("../img/portal/main/visual/l2m01_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.l2m02 { background: url("../img/portal/main/visual/l2m02_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.l2m03 { background: url("../img/portal/main/visual/l2m03_mobile_640.jpg") no-repeat 50% 0 !important; background-size: cover !important; }

  .wrap_effect .visual.hoyeon01 { background: url("../img/portal/main/visual/hoyeon_mobile_640_01.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.hoyeon02 { background: url("../img/portal/main/visual/hoyeon_mobile_640_02.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.hoyeon03 { background: url("../img/portal/main/visual/hoyeon_mobile_640_03.jpg") no-repeat 50% 0 !important; background-size: cover !important; }

  .wrap_effect .visual.lostsword01 { background: url("../img/portal/main/visual/lostsword_mobile_640_1.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.lostsword02 { background: url("../img/portal/main/visual/lostsword_mobile_640_2.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.lostsword03 { background: url("../img/portal/main/visual/lostsword_mobile_640_3.jpg") no-repeat 50% 0 !important; background-size: cover !important; }

  .wrap_effect .visual.aion201 { background: url("../img/portal/main/visual/aion2_mobile_640_1.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.aion202 { background: url("../img/portal/main/visual/aion2_mobile_640_2.jpg") no-repeat 50% 0 !important; background-size: cover !important; }
  .wrap_effect .visual.aion203 { background: url("../img/portal/main/visual/aion2_mobile_640_3.jpg") no-repeat 50% 0 !important; background-size: cover !important; }


body.show-mobile-gnb-wrap { overflow: hidden; }

#mobile-gnb-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .6; filter: alpha(opacity=60); }

#mobile-navi-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

#mobile-userinfo-wrap { display: none; position: fixed; top: 0; right: 0; z-index: 999; width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

#mobile-navi-wrap.slide-in, #mobile-userinfo-wrap.slide-in { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

}

@media (min-width: 600px) { 
#mobile-navi-wrap { width: 50%; }
#mobile-userinfo-wrap { width: 50%; } }
.error_container #container { min-height: calc(100% - 180px); }
.error_container section.error header h2 { display: none; }

.error { width: 800px; margin: 0 auto; text-align: center; }
.error .wrapBox { margin-top: 100px; }
.error .wrapBox p { font-size: 24px; color: #333; line-height: 130%; }
.error .wrapButton { margin-top: 50px; }
.error .wrapButton .btn { width: 220px; height: 56px; font-size: 18px; color: #FFF; background-color: #3e5791; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 56px; text-align: center; text-decoration: none; cursor: pointer; border: 0 none; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; }
.error .wrapButton .btn.disable { background-color: #c1c1c1; cursor: default; }
.error .wrapButton .btn.disable:hover { background-color: #c1c1c1; }
.error .wrapButton .btn:hover { background-color: #2b417d; color: #FFF !important; }

body.legal.termsOfUse .menu .menu01 a { background-color: #152453; color: #fff; }
body.legal section header { display: none; }
body.legal .wrapBox { text-align: left; }
body.legal .wrapBox .wrap { color: #404040; line-height: 2.5; margin-top: -25px; }
body.legal .wrapBox table { width: 100%; margin-top: 30px; border-collapse: collapse; border-spacing: 0; border: 1px solid #d9d9d9; }
body.legal .wrapBox table caption { padding: 0 0 10px 0; }
body.legal .wrapBox table th { padding: 15px 0; color: #404040; text-align: center; border: 1px solid #d9d9d9; background-color: #e5e5e5; }
body.legal .wrapBox table td { padding: 10px 10px; color: #777777; border: 1px solid #d9d9d9; background-color: #ffffff; }
}