/* Override default browser styles */
* { margin: 0; padding: 0; box-sizing: border-box;}
body { font: 13px/20px Arial, Verdana, sans-serif; color: #999;}
a { text-decoration: none; outline: none; color:#999; -moz-transition: inherit; -o-transition: inherit; -webkit-transition: inherit;transition: inherit;}
ul { list-style: none; }
img, input, textarea, select { border: none; }
table { border-collapse: collapse; }
html {min-width:1400px;}
#combineMenu {box-sizing: border-box;}

/* Shortcuts */
.dn { display: none; }
.ds { display: block; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.cb { clear: both; }
.oh { overflow: hidden; }
.txt_c { text-align:center !important; }
.clearfix:after { height: 0; content: ''; visibility: hidden; clear: both; display: block; }
.clearfix2:before { height: 0; content: ''; visibility: hidden; clear: both; display: block; }

/* TYPOGRAPHY */
.fwb { font-weight:bold; }
.tdu { text-decoration:underline; }

/* COLORS */
.purple { color: #36193B; }

/* SPACING HELPERS */
/*
   m = margin
   a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
   xs,s,m,l,xl,xxl,3xl,n =x-small(5px),small(10px),medium(15px),large(20px),x-large(25px),xx-large(30px),3xl(40px),none(0px)
*/
.mtn,.mvn,.man { margin-top:0; }
.mtxs,.mvxs,.maxs { margin-top:2px; }
.mts,.mvs,.mas { margin-top:3px; }
.mtm,.mvm,.mam { margin-top:10px; }
.mtl,.mvl,.mal { margin-top:15px; }
.mtxl,.mvxl,.maxl { margin-top:20px; }
.mtxxl,.mvxxl,.maxxl { margin-top:25px; }
.mt3xl,.mv3xl,.ma3xl { margin-top:30px; }
.mt4xl,.mv4xl,.ma4xl { margin-top:40px; }
.mt5xl,.mv5xl,.ma5xl { margin-top:50px; }
.mt6xl,.mv6xl,.ma6xl { margin-top:60px; }

.mrn,.mhn,.man { margin-right:0; }
.mrxs,.mhxs,.maxs { margin-right:2px; }
.mrs,.mhs,.mas { margin-right:5px; }
.mrm,.mhm,.mam { margin-right:10px; }
.mrl,.mhl,.mal { margin-right:15px; }
.mrxl,.mhxl,.maxl { margin-right:20px; }
.mrxxl,.mhxxl,.maxxl { margin-right:25px; }
.mr3xl,.mh3xl,.ma3xl { margin-right:30px; }
.mr4xl,.mh4xl,.ma4xl { margin-right:40px; }
.mr5xl,.mh5xl,.ma5xl { margin-right:50px; }
.mr6xl,.mh6xl,.ma6xl { margin-right:60px; }

.mbn,.mvn,.man { margin-bottom:0; }
.mbxs,.mvxs,.maxs { margin-bottom:2px; }
.mbs,.mvs,.mas { margin-bottom:5px; }
.mbm,.mvm,.mam { margin-bottom:10px; }
.mbl,.mvl,.mal { margin-bottom:15px; }
.mbxl,.mvxl,.maxl { margin-bottom:20px; }
.mbxxl,.mvxxl,.maxxl { margin-bottom:25px; }
.mb3xl,.mv3xl,.ma3xl { margin-bottom:30px; }
.mb4xl,.mv4xl,.ma4xl { margin-bottom:40px; }
.mb3xl,.mv3xl,.ma3xl { margin-bottom:40px; }
.mb5xl,.mv5xl,.ma5xl { margin-bottom:50px; }
.mb6xl,.mv6xl,.ma6xl { margin-bottom:60px; }

.mln,.mhn,.man { margin-left:0; }
.mlxs,.mhxs,.maxs { margin-left:2px; }
.mls,.mhs,.mas { margin-left:5px; }
.mlm,.mhm,.mam { margin-left:10px; }
.mll,.mhl,.mal { margin-left:15px; }
.mlxl,.mhxl,.maxl { margin-left:20px; }
.mlxxl,.mhxxl,.maxxl { margin-left:20px; }
.ml3xl,.mh3xl,.ma3xl { margin-left:30px; }
.ml4xl,.mh4xl,.ma4xl { margin-left:40px; }
.ml5xl,.mh5xl,.ma5xl { margin-left:50px; }
.ml6xl,.mh6xl,.ma6xl { margin-left:60px; }

/* Lists */
.ls-disc { list-style-type:disc; }
.ls-circ { list-style-type:circle; }
.ls-none { list-style-type:none; }

/* Manual Ordered List - IE9 changes decimal numbers to 0 when $().tabber() fades in other <ol> tags that were previously hidden */
.list-ol { padding-left:0 !important; } /* reset left padding applied by .basic_power */
.list-ol label { float:left; margin-right:10px; }
.list-ol span { width:90%; display:inline-block; }

/* Fake GNT - REMOVE BEFORE SENDING TO WEBDEV */
#gnt { height: auto; background: #ccc; }

/* str : 20170210_상단 GNG 게임배너 추가 */
.topline_ad { position:relative; margin:0 auto; z-index:100; min-width:1100px; background-color: rgba( 255, 255, 255, 0.2 ); }
/* .topline_ad .bg_rt { position:absolute; top: 0; left:50%; width:50%; height:100%; background-color: rgba( 255, 255, 255, 0.2 ); } */
.topline_ad .inner { overflow:hidden; position:relative; width:1000px; margin:0 auto;}
.topline_ad .inner a, .topline_ad .inner img { float:left; }
.topline_ad .btn_close { display:block; position:absolute; right:0; top:15px; width:40px; height:64px; background:url(https://cdn.valofe.com/at/web/eu/images/filedata/banner/gng/btn_close.png) right top no-repeat; text-indent:-999em;}
/* //end : 20170210_상단 GNG 게임배너 추가 */

/* Site base styles */
#site-wrap { /*width: 1100px;*/ margin: 0 auto 60px; width:1400px;}
#header { width: 1100px; height: 139px; margin-top: 32px;margin-left:150px; background: transparent url(https://cdn.valofe.com/at/web/us/images/bg/nav-bottom.png) center 77px no-repeat; position: relative; }
#body-wrap { width:1002px; margin:0 auto; background: transparent url(https://cdn.valofe.com/at/web/us/images/bg/wrap.png) 0 0 no-repeat; }
#top-row { height: 262px; margin-bottom: 16px; }

#left-column, #right-column { float: left; }
#left-column { width: 300px; margin-right:15px;}
#left-column.main.steam { margin-top:-246px;}
.subpage #left-column { width: 309px; margin-right: 0; margin-top:10px;}
#right-column { width: 686px; /*min-height: 800px;*/ }
.subpage #right-column { width: 692px; margin-top:10px; }

/* Logo */
#main-logo { position: absolute; top: 6px; left: 421px; width: 260px; height: 143px; z-index: 4; }
#main-logo a { height: 142px; text-indent: -9999px; background: transparent url(https://cdn.valofe.com/at/web/us/images/btn/logo.png) 0 0 no-repeat; display: block; }

/* Navigation */
#nav-wrap, #nav, .nav-corn.subpage #right-columner { z-index: 3; }
#nav-wrap { width: 1024px; height: 64px; position: relative; top: 48px; margin: 0 auto; left: 0px; }
#nav-wrap:hover #nav-dropdown { display: block;}
#nav { position: relative; margin: 0 auto; padding: 0 41px; height: 65px;}
#nav li { float: left; }
#nav a { display: block; height: 60px; margin-top: 2px; text-indent: -9999px;
    background-color:transparent;
    background-image:url(https://cdn.valofe.com/at/web/us/images/btn/nav-text_en.png);
    background-position: 0 0 ;
    background-repeat:no-repeat;
}
#navNews a { width: 65px; background-position: 4px 19px; }
#navNews.pt a { width: 97px;}
#navNews.es a { width: 97px;}
#navNews a:hover, #navNews.hoverMatch a { background-position: 4px -27px; }

#navGuides { margin-left: 52px; }
#navGuides.pt { margin-left: 22px; }
#navGuides.es { margin-left: 22px; }
#navGuides a { width: 80px; background-position: -113px 19px; }
#navGuides a:hover, #navGuides.hoverMatch a { background-position: -113px -27px; }

#navCommunity { /*margin-left: 33px;*/ margin-left: 17px;}
#navCommunity a {/* width: 127px; */ width: 132px; background-position: -247px 19px; }
#navCommunity a:hover, #navCommunity.hoverMatch a { background-position: -247px -27px; }
#navRanking { margin-left: /*230px;*/243px; }
#navRanking a { width: 94px; background-position: -429px 19px; }
#navRanking a:hover, #navRanking.hoverMatch a { background-position: -429px -27px; }
#navItemMall { margin-left: 29px; }
#navItemMall a { width: 109px; background-position: -578px 19px; }
#navItemMall a:hover, #navItemMall.hoverMatch a { background-position: -578px -27px; }
#navSupport { margin-left: 26px; }
#navSupport a { width: 90px; background-position: -741px 19px; }
#navSupport a:hover, #navSupport.hoverMatch a { background-position: -741px -27px; }

/* 언어별 헤더 호버 이미지 위치 조정 */
/* es */
#navSupport.es a:hover, #navSupport.es.hoverMatch a {background-position: -741px 19px;}
/* pt */
#navNews.pt a:hover, #navNews.hoverMatch.pt a {background-position: 4px -24px;}
#navGuides.pt a:hover, #navGuides.hoverMatch.pt a { background-position: -113px -24px; }
#navCommunity.pt a:hover, #navCommunity.hoverMatch.pt a { background-position: -247px -24px; }

#navRanking.pt a:hover, #navRanking.hoverMatch.pt a { background-position: -429px -24px; }
#navItemMall.pt a:hover, #navItemMall.hoverMatch.pt a { background-position: -578px -24px; }
#navSupport.pt a:hover, #navSupport.hoverMatch.pt a {background-position: -740px -24px;}

/* cn */
#nav > ul{overflow:hidden;}
#navNews.cn,
#navGuides.cn,
#navCommunity.cn,
#navRanking.cn,
#navItemMall.cn,
#navSupport.cn{margin-top:-3px;overflow:hidden;}
#navNews.cn a:hover, #navNews.hoverMatch.cn a {background-position: 4px -22px;}
#navGuides.cn a:hover, #navGuides.hoverMatch.cn a { background-position: -113px -22px; }
#navCommunity.cn a:hover, #navCommunity.hoverMatch.cn a { background-position: -247px -22px; }

#navRanking.cn a:hover, #navRanking.hoverMatch.cn a { background-position: -429px -22px; }
#navItemMall.cn a:hover, #navItemMall.hoverMatch.cn a { background-position: -578px -22px; }
#navSupport.cn a:hover, #navSupport.hoverMatch.cn a {background-position: -741px -22px;}


.nav-corner { width: 100px; height: 82px; z-index:3; background: transparent url(https://cdn.valofe.com/at/web/us/images/bg/nav-corners.png) 0 0 no-repeat; position: absolute; top: 36px; }
#nav-left-corner { left: -12px; }
#nav-right-corner { background-position: right top; right: -12px; }
#nav-dropdown { z-index: 2; overflow: hidden; display: none; position: absolute; top: 62px; left: 50%; margin-left: -501px; width: 1002px; height: 222px; background: transparent url(https://cdn.valofe.com/at/web/us/images/bg/dropdown.png) center 0 repeat; border: 1px solid #534f72; border-top: none;}
#nav-dropdown a { color: #b3b5d4; }
#nav-dropdown a:hover { color: #8083fe; }
#subnav {}
#subnav li { text-align: center; float: left; }
.subnav-list { height: 167px; margin-top: 26px; }
.subnav-list li { margin-bottom: 12px; float: none !important; }
#subNews { width: 137px; }
#subNews.es { width: 141px; }
#subGuides { width: 115px; }
#subGuides.es { margin-left:5px; }
#subCommunity { width: 139px; margin-left: 7px; }
#subRanking { width: 124px; margin-left: 199px; }
#subMall { width: 122px; margin-left: 5px; }
#subSupport { width: 130px; }

/* Sub-modules for Main page and Subpages - Left Column */
#submodule-panel {width: 300px; margin-top:5px; padding: 0; background: #181818 url(https://cdn.valofe.com/at/web/us/images/bg/submodules-xl.png) 0 0 repeat-y; border: 1px solid #393939;}
/* Subpage overrides */
.subpage #submodule-panel { width: 300px; padding: 0; margin-top: -2px;background-image: url(https://cdn.valofe.com/at/web/eu/images/bg/submodules.png); }
.steam .subpage #submodule-panel{padding: 0px 0 38px;}
.submodules { margin-bottom: 0px; }
.subpage .submodules { margin-bottom: 0; }
#items.submodules { margin-bottom: 0; }
.karma.submodules { margin-bottom: 0; }
/* Subheaders styles */
.subheaders{ width: 311px; height: 42px; padding-left: 15px; margin-left: -7px; font-family: 'Quattrocento', serif; font-weight: normal; font-size: 17px; color: #dbcc7a; line-height: 39px; background: transparent url(https://cdn.valofe.com/at/web/us/images/headers/subtitles.png) 0 0 no-repeat; position: relative; z-index: 1; text-align:left;}
.subpage .subheaders { width: 307px; }

/* Submodule content wrap */
.subcontent {width: 100%; margin: -5px 0 0 0px; padding-top: 0px; background: #262729; padding-bottom:8px; }

/* Main page & Subpage header styles - Right Column */
.subpage-header { width: 686px;  height: 58px; padding-left: 18px; font-family: 'Quattrocento', serif; font-weight: normal; font-size: 21px; color: #cacbf0; line-height: 50px; background: transparent url(https://cdn.valofe.com/at/web/us/images/headers/main-page.png) 0 0 no-repeat; position: relative; z-index: 1; }
.subpage .subpage-header { width: 100%; height: 52px; color: #e2d0de; line-height: 48px; background-image: url(https://cdn.valofe.com/at/web/us/images/headers/subpage-main.png); }
#content {width: 100%; /* 메인 레이아웃 수정 : min-height: 1036px;*/ margin-top: -11px; margin-bottom:22px; padding: 6px 33px 16px; background: #414147 url(https://cdn.valofe.com/at/web/us/images/bg/main-page-content.png) 0 0 repeat-y; border: 1px solid #646464; border-top: none; position: relative; }
.subpage #content { width: 100%; /* 포럼 게시판의 길이가 짧아 min-height 수정 필요함 : min-height: 1039px; */ min-height: 739px; margin-top: -5px; padding: 10px 28px 88px; background-image: url(https://cdn.valofe.com/at/web/us/images/bg/subpage-content.png); }

/* gCoins 상단 마진 삭제 */
div.karma{border-top:solid 1px #444444;}
div.karma img{display: block; width:260px;margin:8px auto 8px auto;}
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/* left_include */
/* Featured Items */
#featured-items {}
#item-display{ position:relative; overflow:hidden; width: 260px; height: 170px; margin: 8px auto 12px;}
#item-display img { width: 260px; height: 149px; }
#item-display .item{float:left;}

/* Dots */
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots {
    display: block;
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0 ;
    bottom: 0;
    left: 0;
    list-style: none;
    text-align: center;
    z-index: 999; 
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li:first-child{margin-left:0}

.slick-dots li button {
    display: block;
    box-sizing:border-box;
    width: 10px;
    height: 10px;
    outline: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
    opacity: 0.65;
    border-radius: 5px;
    background: #fff;
    border:1px solid rgba(255,255,255,0.65);
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    box-sizing:border-box;
    outline: none;
}

.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button{
    box-sizing:border-box;
    opacity:1;
    background:#D7AC24;
    border:1px solid #D7AC24;
}

#prev-btn { background-position: left top; float: left; }
#next-btn { background-position: right top; float: right; }
/*#item-thumbs { width: 239px; height: 55px; margin: 0 auto; padding: 1px 0; position: relative; overflow: hidden; }
#item-thumbs ul { min-width: 246px; height: 55px; position: absolute; }
#item-thumbs li, #item-thumbs img { width: 75px; height: 55px; }
#item-thumbs li { margin-right: 7px; background: #000; float: left; cursor: pointer; }
#item-thumbs li.active img { outline: 1px solid #000; }*/

/* Free League Ranking */
#league-ranking table { width: 100%; margin-top: 12px; text-align: center; }
#rank-col { width: 26%; }
#server-col { width: 30%; }
#player-col { width: 44%; }
#league-ranking th { padding: 6px 0; color: #8083fe; background: #1b1b1b; }
#league-ranking td { padding: 4px 0 2px; color: #949494; }
#league-ranking span { width: 100px; margin: 0 auto; text-overflow: ellipsis; overflow: hidden; display: block; }

/* Social Links */
#social-links { position:relative; margin-top:16px; margin-bottom:36px;}
#social-links .subcontent { background:transparent; }
#ytube, #fb { position: absolute; display:block; top:-1px; z-index:1;}
#ytube {right:68px; padding-right:16px; background: url(https://cdn.valofe.com/at/web/us/images/bg/social-divider.png) right 9px no-repeat;}
#fb {right:16px;}

/* 2017.09.22 랭킹 tab 추가 */
/* .league-ranking */
.submodules.rank{position:relative; height:259px;}
.rank .subcontent{min-height:180px;}
#league-ranking ul.menu{list-style-type:none;display:inline-block;}
#league-ranking ul.menu > li{display:block; float:left;}
#league-ranking ul.menu li > table{display:none;position:absolute; width:100%;left:0;margin:-1px 0 0 0;z-index:-1;text-align:left;padding:0; text-align: center; }

.rank1{display:inline-block; width:40px; height: 20px; line-height: 20px; border-radius:10px ; font-size:12px; background:url('/static/images/rank-1st.gif') center center no-repeat; }
.rank2{display:inline-block; width:40px; height: 20px; line-height: 20px; border-radius:10px ; font-size:12px; background:url('/static/images/rank-2nd.gif') center center no-repeat; }
.rank3{display:inline-block; width:40px; height: 20px; line-height: 20px; border-radius:10px ; font-size:12px; background:url('/static/images/rank-3rd.gif') center center no-repeat; }

.btn-tab{position:absolute;display:inline-block; width: 219px;/*314px - btn-rank-more 가로값*/ text-align: center;left:0;bottom: 10px;}
.btn-rank-more{position:absolute;display:inline-block; width:83px;height:22px;text-align: left; right: 12px; bottom: 10px; text-indent:-9999px;
  /*  background-image:url('https://cdn.valofe.com/at/web/us/images/btn/btn-more-en.png');*/
    background-position:0 0;
    background-repeat:no-repeat;
    }
.btn-tab > a{color:#000;text-decoration:none;display:inline-block;text-align:center;margin-right:5px; width:11px; height:11px; background-image:url('/static/images/thumb-dots-xl.png');background-position:0px 0px;background-repeat:no-repeat;
    -moz-user-select:none; cursor:pointer; text-indent:-9999px;
}
.btn-tab > a:hover, .btn-tab > a.rankOn{background-position:0 -11px;}
/* // 2017.09.22 랭킹 tab 추가 */

/* ./ left_include */

/* Play */
#play { width: 300px; height: 261px; background: #ccc; }
#site-wrap.steam #play{display:none;}
/* Show button as offline */
#play.offline #play-btn { background-position: left bottom; cursor: default; }
#play-btn { display: block; width: 300px; height: 158px; text-indent: -9999px;
background-position:left top; background-repeat:no-repeat;
}
#play-btn:hover { background-position: left center; }
#play-links { width: 300px; height: 103px; padding: 5px 0 0 1px; background: transparent url(https://cdn.valofe.com/at/web/us/images/bg/play-links.png) 0 0 no-repeat; }
#play-links a { width: 149px; height: 100%; padding-top: 28px; font-family: 'Quattrocento', serif; font-weight: normal; font-size: 16px; color: #c2b56d; text-transform: uppercase; text-align: center; line-height: 22px; background-color: transparent; background-image: url(https://cdn.valofe.com/at/web/us/images/btn/play-links.png); background-repeat: no-repeat; float: left; display: block; }
#play-links a:hover {color:#e4d372;}
#dl-game { background-position: left top; }
#sign-up, #manage-account { background-position: right top; }
.loggedout #manage-account, .loggedin #sign-up { display: none; }
.loggedin #manage-account { display: block; }

/* Side navigation for subpages */
.sidenav ul { margin-left: 28px; margin-bottom:32px; }
.sidenav li { padding: 10px 0 7px; font-size: 15px; font-weight: bold; }
.sidenav a { color: #8083fe; }
.sidenav a:hover, .sidenav .active a { color: #8859ad; }

/* Navigational Bubbles */
.nav-bubble { width: 254px; margin-top: 13px; background: #111000; border: 1px solid #000; border-radius: 4px; position: relative; }
.nav-bubble ul { margin-left: 0 !important; padding: 12px 0 8px 20px; }
.nav-bubble li { margin-bottom: 5px; padding: 0 !important; }
.nav-bubble a { font-size: 14px; font-weight: normal; color: #888 !important; }
.nav-bubble .active a { color: #8859ad !important; border-bottom: none !important; font-weight:bold }
.nav-bubble a:hover { color: #8859ad; }
.bubble-tip { width: 13px; height: 7px; background: transparent url(https://cdn.valofe.com/at/web/us/images/item-mall/subnav-tip.png) 0 0 no-repeat; position: absolute; top: -7px; left: 14px; }
/* Side banner */
#side-banner { width: 273px; height: 209px; margin: 55px 0 0 18px; }

/* Pager */
.s-pager { margin-top: 30px; color: #949494; text-align: center; }
.s-pager li { height: 19px; margin: 0 6px; line-height: 21px; display: inline-block; }
.s-pager .apb-r { margin-right: 5px; margin-top:35px; }
.s-pager .apb-l { margin-left: 5px; }
#first-pg-btn, #prev-pg-btn, #next-pg-btn, #last-pg-btn {color:#999; }
#first-pg-btn.active:hover, #prev-pg-btn.active:hover, #next-pg-btn.active:hover, #last-pg-btn.active:hover { border-bottom: 1px dotted #949494; cursor: pointer; }
.pg-number a { min-width: 21px; height: 20px; color: #666; background: #18181a; display: block; }
.pg-number.current a, .pg-number a:hover { color: #fff; background: #484b9b; }

/* Presentation border - DO NOT CHANGE */
.bottom-border { width: 100%; height: 8px; background: #363636; position: absolute; bottom: 0; left: 0; }
.subpage .bottom-border { background: #414147; }

/* Footer */
/* str : 20161226_수정 */
/* 사용하지 않음
#footer-nav { width: 962px; margin: 29px auto 20px; }
#footer-nav a { color: #666666; text-decoration: none; }
#footer-nav a:hover { color: #8083fe; cursor: pointer; }
#footer-nav dl { margin-left: 96px; text-align: left; float: left; }
#footer-nav dt { margin-bottom: 15px; font-weight: bold; color: #c0c0c0; }
#footer-nav dd { margin-bottom: 1px; }
#footer-nav .cf { clear: both; }
*/
#foot-copy { width: 840px; margin: 49px auto 12px; text-align: left; background: url("https://cdn.valofe.com/at/web/us/images/bg/copyright-logo-red.png") no-repeat scroll left top transparent; cursor: default;}
#foot-copy ul {margin: 4px 0 0 389px;}
#foot-copy ul li {display:inline-block; margin-right:25px; font-size: 13px; font-weight:bold;}
#foot-copy ul li a {color:#c0c0c0;}
#foot-copy ul li a:hover {color:#8083fe;}
#foot-copy small { font-family: KlavikaL, sans-serif; margin: 4px 0 0 446px; font-size: 12px; color: #808080; display: block;}
/* //end : 20161226_수정 */

/********* Popups common *********/
/* #screen { background: transparent url(https://cdn.valofe.com/at/web/us/images/bg/screen-overlay.png) 0 0 repeat; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 499; display: none; } */
#fullbackground { position:fixed; top:0; width:100%; height:100%; background-color:Black; z-index:1000; }
#popup { width: 666px; /* min-height: 371px;*/ margin-left: -333px; background: #414147 url(https://cdn.valofe.com/at/web/us/images/bg/popup-content.png) 0 0 repeat-y; box-shadow: 0 0 6px 6px rgba(0,0,0,0.3); /* position: absolute; top: 9%; left: 50%;*/ z-index: 2147483641; display: none; }
#popup { position:fixed; top:50%; left:50%;}
#popup-close { width: 13px; height: 15px; text-indent: -9999px; background: transparent url(https://cdn.valofe.com/at/web/us/images/btn/popup-close.png) 0 0 no-repeat; position: absolute; top: 10px; right: 13px; z-index: 2; }
#popup-close a { height: 15px; display: block; }
#popup .subpage-header{ width: calc(100% + 56px); height: 44px; margin-left: -28px; font-size: 18px; line-height: 34px; background-image: url(https://cdn.valofe.com/at/web/us/images/headers/popup.png); }
#popup-content { /* min-height: 294px; */ padding: 1px 28px 32px; /* Padding-top 1px to fix collapsible-margin*/ }
.popup-message { margin-top:-7px }
.popup-message .message-content { color:#000; background:#D0AF35; padding: 5px 10px; font-size:14px; width:645px; margin: 0 0 0 -28px; border-bottom: 10px solid #414147 }
.popup-message .message-content .title { width:10%; float:left; font-weight:bold; margin-left:7px; }
.popup-message .message-content .msg { width: 85%; float:left; }
.popup-message .message-content a { color: #36193B; font-weight: bold; text-decoration:underline; }
.popup-message .message-content a:hover { text-decoration:none; }

/* Search */
.search-input, .search-btn { background-color: #151515; border: 1px solid #010101; float: left; }
.search-input { width: 230px; height: 32px; color: #ccc; padding-left: 12px; font-style: italic; font-size: 14px; border-right: none; }
.search-btn { width: 29px; height: 32px; text-indent: -9999px; background-image: url(https://cdn.valofe.com/at/web/us/images/btn/magnifier-icon2.png); background-position: center center; background-repeat: no-repeat; border-left: none; cursor: pointer; }

/* Yellow submit button styles */
.yellow-grad-btn { width: 255px; height: 38px; font-family: 'Quattrocento', serif; font-weight: 600; font-size: 19px; color: #000 !important; text-align: center; line-height: 40px; background: transparent url(https://cdn.valofe.com/at/web/us/images/btn/purchase-nx.png) left bottom no-repeat; display: block; }
.yellow-grad-btn:hover { text-decoration: none !important; background-position: left top; }

/* Mediabox */
.mb-caption {
    color:#E2D0DE;
    font-size:21px;
    padding-top:5px;
}

.mb-thumb {
    border:2px solid #84236a;
}
#mediabox-wrap { width: 100%; position: absolute; top: 105px; z-index: 500; display: none; }
#mediabox { width: 250px; height: 250px; margin: 0 auto; padding: 10px; background: rgba(0,0,0,0.5); position: relative; }
#mediabox-close { width: 22px; height: 22px; text-indent: -9999px; background: transparent url(https://cdn.valofe.com/at/web/us/images/btn/popup-close-2.png) 0 0 no-repeat; position: absolute; top: -12px; right: -12px; }
#mediabox-inner {}
.mediabox-btn { width: 30px; height: 56px; margin-top: -28px; text-indent: -9999px; background: transparent url(https://cdn.valofe.com/at/web/us/images/btn/popup-arrow.png) left top no-repeat; position: absolute; top: 50%; z-index: 502; display: block; }
#mediabox-prev { left: 1.5%; }
#mediabox-prev:hover { background-position: left bottom; }
#mediabox-next { right: 1.5%; background-position: right top; }
#mediabox-next:hover { background-position: right bottom; }
#mediabox-content { margin: 0 auto; text-align: center; }
#mediabox-load { width: 27px; height: 6px; margin: -3px 0 0 -13.5px; background: transparent url(https://cdn.valofe.com/at/web/us/images/bg/popup-loader.gif) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; display: none; }

/* TEMPORARY CODE */
/*body { background-image: url(https://cdn.valofe.com/at/web/us/images/bg/test.jpg); background-position: -468px 0; }
#body-wrap { background-image: none; }
.subpage #content { background-color: transparent; background-image: none !important; }*/
/*.subpage #content, #content, #body-wrap { background: none; }
body { background-image: url(https://cdn.valofe.com/at/web/us/images/bg/test10.jpg); background-position: -472px 0; }*/

/* 2016-12-01 : popup css 추가 : 장동호 */
#gnt_screen{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:url(/static/transparent/b5.png);background:rgba(0,0,0,0.5);z-index:11000;}
#gnt_popup{display:none;position:absolute;top:200px;left:50%;margin-left:-372.5px;padding:15px;border-radius:20px;-moz-border-radius:20px;-webkit-background-clip:padding-box;border-radius:20px;-moz-border-radius:20px;-webkit-background-clip:padding-box;border-radius:20px;-moz-border-radius:20px;-webkit-background-clip:padding-box;border-radius:20px;background:url(https://cdn.valofe.com/at/web/us/images/transparent/b5.png);background:rgba(0,0,0,0.5);color:#555;z-index:12000;font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif;}
#gnt_popup .gnt_top{background:#fff;padding:27px 33px;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-top-left-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-top-left-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;border-top-right-radius:5px;border-top-left-radius:5px;text-align:left;width:354px;}
#gnt_popup .gnt_top.fb_signup{width:607px;}
#gnt_popup .gnt_top.fb_signup:after{height:0;content:'';visibility:hidden;clear:both;display:block;}
#gnt_popup .gnt_left_signup,#gnt_popup .gnt_right_signup{min-height:290px;float:left;}
#gnt_popup .gnt_left_signup{width:352px;}
#gnt_popup .gnt_right_signup{width:255px;}
#gnt_popup .gnt_or_spacing{width:25px;height:270px;text-indent:-9999px;background:transparent url(https://cdn.valofe.com/at/web/us/images/gnt_signup_or_space.png) 6px 50px no-repeat;float:left;}
#gnt_popup .gnt_fb_area{width:230px;height:100%;float:left;}
#gnt_popup .gnt_bot{margin-top:-5px;background:#fff;padding:10px 32px 10px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-background-clip:padding-box;border-bottom-right-radius:5px;border-bottom-left-radius:5px;text-align:right;min-height:24px;max-width:356px;}
#gnt_popup .gnt_bot.al{text-align:left;}
#gnt_popup .gnt_col3{width:32%;float:left;}
#gnt_popup .gnt_col3 + .gnt_col3{margin-left:2%;}
#gnt_popup .gnt_col_either{width:45%;float:left;}
#gnt_popup .gnt_col_or{width:10%;margin:12px 0 0;color:#2c53ad;font-size:16px;float:left;text-align:center;font-weight:bold;font-family:KlavikaNX,sans-serif;}
#gnt_popup .gnt_input{display:block;height:23px;border:1px solid #d5d5d5;padding:5px 10px;background:#f6f6f6 url(https://cdn.valofe.com/at/web/us/images/gnp_bot.png) 0 -4px repeat-x;position:relative;z-index:12000;}
#gnt_popup .gnt_input label,#gnt_popup .gnt_input input{line-height:23px;height:23px;width:300px;font-size:13px;display:block;color:#555;border:0;background:url(https://cdn.valofe.com/at/web/us/images/transparent/b0.png);background:rgba(0,0,0,0);position:relative;z-index:12002;outline:none;font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif;}
#gnt_popup .gnt_input label{z-index:12001;top:5px;left:10px;position:absolute;}
#gnt_popup .gnt_input.gnt_focus label{color:#aaa;}
#gnt_popup .gnt_input.gnt_focus{background-color:#fff;}
#gnt_popup .gnt_input label.gnt_input_disabled{color:#aaa;text-shadow:0 1px #fff;}
#gnt_popup .gnt_input .gnt_problems{display:block;position:absolute;top:0;right:0;width:33px;height:33px;line-height:33px;font-size:20px;border-left:1px solid #d5d5d5;background:none;color:#555;text-align:center;font-weight:bold;text-decoration:none;z-index:12003;}
#gnt_popup .gnt_input .gnt_password_strength{position:absolute;right:10px;top:5px;line-height:20px;}
#gnt_popup .gnt_select{display:block;padding:0;background:#f6f6f6 url(https://cdn.valofe.com/at/web/us/images/gnp_bot.png) 0 -4px repeat-x;}
#gnt_popup .gnt_select select{display:block;line-height:23px;width:100%;border:1px solid #d5d5d5;padding:4px;background:#f6f6f6 url(https://cdn.valofe.com/at/web/us/images/gnp_bot.png) 0 -4px repeat-x;font-size:16px;vertical-align:center;margin:0;}
#gnt_popup .gnt_select select:focus{outline:0;}
#gnt_popup .gnt_select_dob .gnt_select{float:left;width:90px;margin-right:10px;}
#gnt_popup .gnt_checkbox input{margin:0 5px 0 0;}
#gnt_popup .iresize{width:302px;}
#gnt_popup .sfr{margin:18px 28px 0 0;float:right;}
#gnt_popup .fri{margin:15px 32px 0 0;float:right;}
#gnt_popup a{color:#4f78cf;}
#gnt_popup a:hover{color:#213D78;}
#gnt_popup p{font-size:12px;line-height:18px;}
#gnt_popup small{font-size:12px;line-height:16px;}
#gnt_popup .gnt_title{color:#2c53ad;font-size:20px;letter-spacing:0.5px;line-height:24px;padding-bottom:1px;margin-bottom:1px;font-family:KlavikaNX,sans-serif;}
#gnt_popup .gnt_subtitle{font-size:19px;line-height:24px;}
#gnt_popup .gnt_signup_subtitle{margin-bottom:26px;}
#gnt_popup .gnt_error{color:#fe1c1c;}
#gnt_popup .gnt_error a{color:#fe1c1c;}
#gnt_popup .gnt_input_explanation{text-align:right;}
#gnt_popup .gnt_spacer{height:10px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
#gnt_popup .gnt_text_callout{font-size:21px;line-height:24px;font-weight:bold;font-family:KlavikaNX,sans-serif;display:block;padding:10px 0;text-align:center;}
#gnt_popup .gnt_text_callout:hover{color:#2c53ad;}
#gnt_popup .gnt_padding_callout{padding:10px 110px;}
#gnt_popup .gnt_padding_callout_wide{padding:10px 50px;}
#gnt_popup .gnt_align_right{text-align:right;padding-right:20px;}
#gnt_popup .fb_subtext{width:148px;margin:9px 0 0 48px;text-align:center;}
#gnt_popup .gnt_mbs{margin-bottom:5px;}
#gnt_popup .gnt_mbm{margin-bottom:10px;}
#gnt_popup .gnt_mbl{margin-bottom:20px;}
#gnt_popup .gnt_mts{margin-top:5px;}
#gnt_popup .gnt_mtm{margin-top:15px;}
#gnt_popup .gnt_mtl{margin-top:20px;}
#gnt_popup .gnt_mbnm{margin-bottom:-10px;}
#gnt_popup .gnt_input_mb{margin-bottom:8px;}
#gnt_popup .wwd{margin:81px 0 0 15px;display:block;}
#gnt_popup .wfb{margin-top:6px;}
#gnt_popup_close{width:14px;height:14px;background:url(https://cdn.valofe.com/at/web/us/images/gnp_close.gif) 50% 50% no-repeat;position:absolute;top:20px;right:20px;display:block;border-radius:3px;-moz-border-radius:3px;-webkit-background-clip:padding-box;border-radius:3px;-moz-border-radius:3px;-webkit-background-clip:padding-box;border-radius:3px;-moz-border-radius:3px;-webkit-background-clip:padding-box;border-radius:3px;z-index:10000;}

.modal-launcher{line-height:18px;position:relative;z-index:10000;overflow:hidden;display:block;width:645px;height:340px;background:#1C1C1C;border:1px solid #202C45;font-family:"Klavika","Monda",Arial,Helvetica,sans-serif !important;}
.at_launcher_popup { background: none !important;}
.at_launcher_popup #gnt_popup_close {z-index: 10000;background-image:url(https://cdn.valofe.com/at/web/us/images/gnt_close_purple.png); background-color:transparent;}
.modal-launcher-title,.modal-launcher-info,.modal-launcher-button,.modal-launcher-button-ghost,.modal-launcher-instructions{text-align:center;}
.modal-launcher-title{color:#5673B4;font-size:28px;margin:48px auto 21px auto;}
.modal-launcher-info{color:#FFFBFB;font-size:16px !important;margin:0 auto;}
.modal-launcher-buttons{display:block;width:550px;height:66px;list-style:none;margin:35px auto 40px auto;padding:0;}
.modal-launcher-button-left,.modal-launcher-button-right{position:relative;}
.modal-launcher-button-left{float:left;}
.modal-launcher-button-right{float:right;}
.modal-launcher-button,.modal-launcher-button-ghost,.modal-launcher-button:hover,.modal-launcher-button-ghost:hover{border:2px solid #5673B4;display:block;width:260px;height:66px;background:#5673B4;text-transform:uppercase;text-decoration:none !important;color:#1a1a1a !important;font-size:18px;font-weight:bold;cursor:pointer !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.modal-launcher-button:hover{background:#6485d0;border-color:#6485d0;}
.modal-launcher-button-ghost,.modal-launcher-button-ghost:hover{background:none;}
.modal-launcher-button-ghost{color:#5673B4 !important;}
.modal-launcher-button-ghost:hover{color:#6485d0 !important;border-color:#6485d0;}
.modal-launcher-button span,.modal-launcher-button-ghost span{position:relative;top:13px;}
.modal-launcher-instructions{clear:both;font-size:14px !important;line-height:16px;color:#FFFBFB;}
#gnt_popup #protocol,
#gnt_popup #hiddenIframe,
#gnt_popup #hiddenLink {height: 1px;width:1px;border: 0;padding: 0;margin:0;float: left;opacity:0.01;background: transparent;display: block;}

/* floating Banner */
#fBanner{
    width: 98px;
    height: 217px;
    display: inline-block;
    position: fixed;
    top: 230px;
    left: 50%;
    margin-left: 520px;
}
#fBanner a{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    background:url(https://file.valofe.com/Valofe_file/web/aca/webtoon/fBanner/bg-fbanner.jpg);
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
#fBanner a i{position:absolute;display:block;left:0;top:15px;height:20px;font-size: 10px;width:100%;text-align:center;font-family:'notoKr', sans-serif;color:#f7f7f7;font-style:normal;font-weight:bold;display:none;}
#fBanner a span{position:absolute;display:block;left:0;width:100%;text-align:center;font-family:'notoKr', sans-serif;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    display:none;
}
#fBanner a span:nth-child(2){bottom:35px;font-weight:bold;font-size:18px;color:#c19250;letter-spacing:-1px;}
#fBanner a span:nth-child(3){bottom:15px;font-weight:bold;font-size:16px;color:#fff;}

#fBanner a:hover span:nth-child(1){color:#66e5fd;}
@media screen and (max-width: 1024px) {
    #site-wrap {padding-top:60px;}
}