/* https://csscompressor.com/ */
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
/* Reset CSS - YUI 3.12.0 (build 8655935) */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
}
legend {
  color: #000;
}
#yui3-css-stamp.cssreset {
  display: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* Common Container */
html {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
  text-decoration: none;
}
a img {
  border: 0 none;
}
input,
select {
  outline-style: none;
}
strong,
b {
  font-weight: bold;
}
button {
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}
.clear {
  clear: both;
}

/* Layout */
body {
  background-color: #e2e2e2;
  font-family: "Roboto", sans-serif;
}

.wrap {
  position: relative;
  margin: 0 auto;
  width: 1100px;
}
.top {
  background: url(../images/tob_bg.png) repeat-x 0;
  min-width: 1100px;
  height: 70px;
}
.top .logo {
  position: absolute;
  top: 12px;
  left: 10px;
  background: url(../images/logo.png) no-repeat 0 0;
  width: 186px;
  height: 42px;
}
.top .logo a span {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.top ul {
  position: absolute;
  top: 25px;
  right: 184px;
  height: 21px;
}
.top li {
  display: block;
  float: left;
  margin-left: 14px;
  height: 21px;
  color: #594025;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: -0.03em;
}
.top li a {
  color: #594025;
  text-decoration: none;
}
.top li a:hover {
  text-decoration: underline;
}
.top li span {
  display: block;
  height: 21px;
}
.top li span.top_login {
  border: 1px solid #fb9f00;
  background-color: #ffa200;
  padding: 0 10px;
  color: #883600;
  text-decoration: none !important;
}
.top li span.top_login:hover {
  border-color: #f08800;
  background-color: #ff9000;
  color: #883600;
}
.top li span.top_ecash {
  background: url(../images/top_ecash.png) no-repeat 0 0;
  padding-left: 38px;
}
.top dl {
  position: absolute;
  top: 20px;
  right: 10px;
  height: 29px;
}
.top dt {
  display: none;
}
.top dd {
  display: block;
  float: left;
  margin-left: 3px;
  background: url(../images/sns_top_icon.png) no-repeat;
  width: 29px;
  height: 29px;
}
.top dd span {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.top dd.fb {
  margin-left: 0;
  background-position: 0 0;
}
.top dd.yt {
  background-position: -29px 0;
}
.top dd.tw {
  background-position: -58px 0;
}
.top dd.tc {
  background-position: -87px 0;
}
.top dd.st {
  background-position: -116px 0;
}
.top dd.fb:hover {
  background-position: 0 -29px;
}
.top dd.yt:hover {
  background-position: -29px -29px;
}
.top dd.tw:hover {
  background-position: -58px -29px;
}
.top dd.tc:hover {
  background-position: -87px -29px;
}
.top dd.st:hover {
  background-position: -116px -29px;
}

.nav {
  border-bottom: 1px solid #1a140d;
  background-color: #2e2317;
  min-width: 1100px;
  height: 53px;
}
.nav li {
  display: block;
  float: left;
  width: 157px;
  height: 53px;
  color: #f3f2ee;
  font-weight: 500;
  font-size: 18px;
  line-height: 53px;
  letter-spacing: -0.03em;
  text-align: center;
}
.nav li a {
  color: #f3f2ee;
  text-decoration: none;
}
.nav_sub {
  position: absolute;
  top: 123px;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid #1a140d;
  background-color: #2e2317;
  width: 100%;
  min-width: 1100px;
  height: 140px;
}
.nav_sub ul {
  float: left;
  width: 157px;
  height: 140px;
}
.nav_sub li {
  display: block;
  width: 157px;
  height: 26px;
  color: #959595;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.03em;
  text-align: center;
}
.nav_sub li a {
  color: #959595;
  text-decoration: none;
}
.nav_sub li a:hover {
  color: #fafafa;
}
.nav li.on,
.nav_sub ul.on {
  background-color: #221a11;
}
.nav li.on a {
  color: #ffdb1d;
}

/* 메인 페이지 */
.main_bg {
  background: #f9f9f9 url(../images/main_bg.jpg) no-repeat center 0;
  min-width: 1100px;
}
.main_banner_hover {
  margin-bottom: 10px;
  width: 100%;
  height: 400px;
}
.main_banner_wrap {
  position: relative;
  margin: 0 auto;
  width: 1100px;
  height: 400px;
}
.main_banner {
  position: relative;
  width: 1100px;
  height: 400px;
  overflow: hidden;
}
.main_banner ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.main_banner li {
  float: left;
  width: 100%;
  height: 400px;
}
.main_banner_nav {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 1100px;
  height: 40px;
}
.main_banner_nav .bn {
  position: absolute;
  top: 0;
  cursor: pointer;
  background: url(../images/btn_bn.gif) no-repeat;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
.main_banner_nav .bn.bn_prev {
  left: 0;
  background-position: 0 0;
}
.main_banner_nav .bn.bn_next {
  right: 0;
  background-position: -40px 0;
}
.main_banner_nav .paging_wrap {
  position: absolute;
  top: 0;
  left: 40px;
  width: 1020px;
  height: 40px;
  overflow: hidden;
}
.main_banner_nav .paging {
  position: absolute;
  width: 4080px;
  height: 40px;
}
.main_banner_nav .paging .btn_page {
  float: left;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
  cursor: pointer;
  border-right: 1px solid #323232;
  background-color: rgba(0, 0, 0, 0.55);
  padding: 0 30px;
  width: 143px;
  height: 40px;
  overflow: hidden;
  color: #8f8f8f;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_banner_nav .paging .btn_page:hover {
  color: #ebebeb;
}
.main_banner_nav .paging .btn_page.on {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000);
  background-color: rgba(0, 0, 0, 0.2);
  color: #f9f8f8;
}

.main_wbanner {
  margin: 0 auto 10px;
  width: 1100px;
  height: 70px;
}

.bbox_wrap {
  margin: 0 auto 10px;
  width: 1100px;
}
.bbox_wrap:after {
  display: block;
  clear: both;
  content: "";
}
.main_bbox {
  position: relative;
  float: left;
  border: 1px solid #d7d7d7;
  background-color: #ffffff;
  padding: 40px 30px 0;
  width: 337px;
  height: 315px;
}
.main_bbox h3 {
  padding-bottom: 14px;
  color: #464646;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
}
.main_bbox ul {
  width: 337px;
  height: 260px;
}
.main_bbox ul li {
  border-top: 1px solid #f1f1f1;
  padding-top: 9px;
  width: 337px;
  height: 42px;
}
.main_bbox ul li:first-child {
  border-top: none;
}
.main_bbox .bbox_tag {
  display: block;
  float: left;
  margin-right: 13px;
  margin-bottom: 26px;
  width: 50px;
  height: 16px;
  color: #ffffff;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
}
.main_bbox .bbox_tag.bbt_notice {
  background-color: #12a1f3;
}
.main_bbox .bbox_tag.bbt_sales {
  background-color: #ec4444;
}
.main_bbox .bbox_tag.bbt_update {
  background-color: #9dc818;
}
.main_bbox .bbox_tag.bbt_maint {
  background-color: #b061d8;
}
.main_bbox .bbox_tag.bbt_event {
  background-color: #ffb816;
}
.main_bbox .bbox_tag.bbt_limit {
  background-color: #f5568e;
}
.main_bbox .bbox_tag.bbt_credit {
  background-color: #04b4ae;
}
.main_bbox.mbb_devblog .bbox_tag {
  border-radius: 8px;
  text-transform: uppercase;
}
.main_bbox .bbox_tag.bbt_news {
  background-color: #ff7181;
}
.main_bbox .bbox_tag.bbt_general {
  background-color: #5f52a0;
}
.main_bbox .bbox_tag.bbt_column {
  background-color: #13b5b1;
}
.main_bbox .bbox_tag.bbt_public {
  background-color: #f19149;
}
.main_bbox .bbox_sq {
  display: block;
  float: left;
  margin: 5px 11px 32px 0;
  background-color: #d7d7d7;
  width: 5px;
  height: 5px;
}
.main_bbox .bbox_text {
  display: block;
  float: left;
  margin-bottom: 3px;
  width: 240px;
  height: 16px;
  overflow: hidden;
  color: #5e5e5e;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_bbox .bbox_text a {
  color: #5e5e5e;
  text-decoration: none;
}
.main_bbox .bbox_text a:hover {
  text-decoration: underline;
}
.main_bbox .bbox_new {
  display: block;
  float: left;
  margin-top: 1px;
  margin-left: 5px;
  background-color: #8f8f8f;
  width: 13px;
  height: 13px;
  color: #ffffff;
  font-size: 9px;
  line-height: 13px;
  text-align: center;
}
.main_bbox .bbox_new:after {
  content: "N";
}
.main_bbox .bbox_date {
  display: block;
  float: left;
  width: 240px;
  height: 16px;
  color: #acacac;
  font-size: 13px;
  line-height: 16px;
}
.main_bbox.mbb_devblog {
  margin-left: -1px;
}
.main_fbanner {
  float: left;
  margin-left: -1px;
  background-color: #fbc800;
  width: 304px;
  height: 108px;
  overflow: hidden;
}
/* .main_fbanner:hover img,
.main_fbanner .hover {
  display: none;
}
.main_fbanner:hover .hover {
  display: block;
} */
.main_csbox {
  position: relative;
  float: left;
  margin-left: -1px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  padding: 20px 30px 0;
  width: 242px;
  height: 119px;
}
.main_csbox h3 {
  border-bottom: 1px solid #ddd;
  height: 22px;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.main_csbox ul {
  margin-top: 7px;
  width: 242px;
  height: 168px;
}
.main_csbox ul:after {
  display: block;
  clear: both;
  content: "";
}
.main_csbox li {
  float: left;
  cursor: pointer;
  margin-left: 5px;
  border: 1px solid #ddd;
  border-radius: 1px;
  width: 75px;
  height: 68px;
  text-align: center;
}
.main_csbox li:first-child {
  margin-left: 0;
}

.main_csbox li:before {
  display: block;
  margin-left: 17px;
  background: url(../images/main_csicon.png) no-repeat;
  width: 41px;
  height: 41px;
  content: "";
}
.main_csbox li:first-child:before {
  background-position: 0 0;
}
.main_csbox li:first-child + li:before {
  background-position: 0 -41px;
}
.main_csbox li:first-child + li + li:before {
  background-position: 0 -82px;
}
.main_csbox li h5 {
  margin-top: 6px;
  color: #545454;
  font-weight: bold;
  font-size: 14px;
}

.main_story_wrap {
  position: relative;
  margin: 0 auto 18px;
  border: 1px solid #d7d7d7;
  width: 1098px;
  height: 283px;
}
.main_story {
  position: relative;
  width: 1098px;
  height: 283px;
  overflow: hidden;
}
.main_story_nav {
  position: absolute;
  top: 255px;
  left: 0;
  width: 100%;
  height: 12px;
}
.main_story_nav .paging {
  width: 100%;
  height: 100%;
  text-align: center;
}
.main_story_nav .paging li {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  border-radius: 100%;
  background-color: #b2b2b2;
  width: 11px;
  height: 11px;
  text-indent: -9999px;
}
.main_story_nav .paging li.on {
  background-color: #ffb816;
}

.main_gtitle {
  position: relative;
  margin: 0 auto 14px;
  width: 1100px;
  height: 22px;
  text-align: center;
}
.main_gtitle span {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #f9f9f9;
  padding: 0 10px;
  width: auto;
  height: 22px;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.main_gtitle:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #b7b7b7;
  width: 1100px;
  height: 1px;
  content: "";
}
.main_gthumb {
  margin: 0 auto;
  padding-bottom: 70px;
  width: 1100px;
  height: 200px;
}
.main_gthumb li {
  display: block;
  position: relative;
  float: left;
  cursor: pointer;
  margin-left: 12px;
  width: 266px;
  height: 200px;
}
.main_gthumb li:first-child {
  margin-left: 0;
}
.main_gthumb li span.thumb_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
  background: none;
  width: 100%;
  height: 100%;
}
.main_gthumb li:hover span.thumb_bg {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);
  background: rgba(0, 0, 0, 0.3);
}
.gthumb_img:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-top: -19px;
  margin-left: -19px;
  width: 39px;
  height: 39px;
  content: "";
}
.gthumb_mov:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-top: -28px;
  margin-left: -28px;
  width: 57px;
  height: 57px;
  content: "";
}
.gthumb_img:hover:after {
  background: url(../images/gthumb_img.png) no-repeat 0 0;
}
.gthumb_mov:hover:after {
  background: url(../images/gthumb_mov.png) no-repeat 0 0;
}

/* 로그인 */
.login_bg {
  background-color: #f9f9f9;
  min-width: 1100px;
}
.login_wrap {
  margin: 0 auto;
  padding: 68px 50px 0;
  width: 1000px;
}
.login_wrap.bg_type1 {
  background: url(../images/login_bg.png) no-repeat center 0;
}
.login_wrap.bg_type2 {
  background: url(../images/login_bg.jpg) no-repeat center 0;
}
.login_wrap:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}
.login_wrap h1 {
  margin-bottom: 48px;
  border-bottom: 1px solid #282017;
  padding-bottom: 10px;
  color: #0d0d0d;
  font-size: 32px;
}
.login_wrap .btn_login {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c', endColorstr='#ffad00', GradientType=0);
  border: 1px solid #ffa200;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  width: 100%;
  height: 52px;
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
}
.login_box {
  position: relative;
  padding-bottom: 222px;
  width: 440px;
  font-size: 0;
}
.login_box > * {
  font-size: 16px;
}
.login_box.center {
  margin: 0 auto;
}
.login_box h3 {
  margin-bottom: 28px;
  height: 19px;
  color: #0d0d0d;
  font-size: 18px;
  line-height: 19px;
}
.login_box input[type="text"],
.login_wrap .login_box input[type="password"] {
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 0 18px;
  width: 100%;
  height: 40px;
  color: #0d0d0d;
  font-size: 16px;
  line-height: 40px;
}
.login_box input.email {
  width: 240px;
}
.login_box .email_at {
  display: inline-block;
  width: 35px;
  text-align: center;
}
.login_box select.email_domain {
  vertical-align: top;
  padding-left: 18px;
  width: 165px;
  height: 40px;
}
.login_box .btn_login {
  margin-top: 36px;
}
.login_box ul {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.login_box li {
  display: inline-block;
  border-left: 1px solid #c2c2c2;
  padding: 0 16px;
  height: 14px;
  line-height: 14px;
}
.login_box li:first-child {
  border-left: none;
}
.login_box li a {
  color: #c2c2c2;
  font-size: 13px;
  text-decoration: none;
}
.login_box li a:hover {
  color: #b98000;
  font-size: 13px;
  text-decoration: underline;
}

.btn_signin {
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border: none;
  border-radius: 3px;
  background-image: url(../images/login_icon.png);
  background-repeat: no-repeat;
  padding: 0 0 0 36px;
  width: 184px;
  height: 40px;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif;
  letter-spacing: -0.03em;
}
.btn_signin.s_fb {
  background-position: 0 0;
  background-color: #4263a9;
}
.btn_signin.s_gp {
  background-position: 0 -40px;
  background-color: #dc4e41;
}
.btn_signin.s_z8 {
  background-position: 0 -80px;
  background-color: #ff8623;
}
.btn_signin.s_fb:hover {
  background-color: #3b5998;
}
.btn_signin.s_gp:hover {
  background-color: #c53829;
}
.btn_signin.s_z8:hover {
  background-color: #ff7a0e;
}

/* 회원가입 */
.signup_box {
  font-size: 0;
}
.signup_box > *{
  font-size: 14px;
}
.signup_box h3 {
  margin-bottom: 22px;
  height: 19px;
  font-size: 18px;
  line-height: 19px;
}
.signup_box .title {
  display: block;
  padding: 14px 0 4px;
  width: 100%;
  height: 15px;
  color: #5f5f5f;
  font-size: 14px;
  line-height: 14px;
}
.signup_box.rbox {
  float: left;
  padding-left: 74px;
  width: 307px;
}
.signup_box.rbox .btn_signin {
  margin-bottom: 9px;
}
.signup_box.lbox {
  position: relative;
  float: left;
  margin-bottom: 160px;
  border-left: 1px solid #e1e1e1;
  padding-left: 64px;
  width: 480px;
}
.signup_box.lbox input[type="text"],
.signup_box.lbox input[type="password"] {
  box-sizing: border-box;
  border: 1px solid #b7b7b7;
  padding: 0 18px;
  width: 100%;
  height: 40px;
  color: #0d0d0d;
  font-size: 16px;
  line-height: 40px;
}
.signup_box.lbox input.email {
  width: 165px;
}
.signup_box.lbox .email_at {
  display: inline-block;
  width: 35px;
  text-align: center;
}
.signup_box.lbox select.email_domain {
  width: 165px;
}
.signup_box.lbox .btn_chk {
  vertical-align: top;
  margin-left: 15px;
  border: 1px solid #b7b7b7;
  background-color: #cccccc;
  width: 100px;
  height: 40px;
  color: #ffffff;
  font-size: 16px;
}
.signup_box.lbox .btn_chk.ok {
  border: 1px solid #fbb200;
  background-color: #ffbd1d;
}
.signup_box.lbox select {
  border: 1px solid #c2c2c2;
  padding-left: 18px;
  width: 150px;
  height: 40px;
  font-size: 16px;
}
.signup_box.lbox select + select {
  margin-left: 15px;
}
.signup_box.lbox dl {
  margin: 18px 0 10px;
}
.signup_box.lbox dl:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}
.signup_box.lbox dt {
  float: left;
  padding-bottom: 12px;
  width: 30px;
}
.signup_box.lbox dd {
  float: left;
  padding-bottom: 12px;
  width: 450px;
  color: #5f5f5f;
  font-size: 13px;
}
.signup_box.lbox dd a {
  color: #ff0000;
  text-decoration: underline;
}
.signup_box.lbox .btn_login {
  margin: 28px 0 26px;
}
.signup_box.lbox .gologin {
  display: block;
  padding-bottom: 28px;
  color: #5f5f5f;
  font-size: 13px;
}
.signup_box.lbox .gologin a {
  color: #ff0000;
  text-decoration: underline;
}
.signup_title {
  margin: 0 auto;
  border-bottom: 2px solid #e3e3e3;
  width: 1100px;
  height: 119px;
  color: #ffa200;
  font-size: 30px;
  line-height: 119px;
  text-align: center;
}
.signup_title:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 18px;
  background: url(../images/signup_ok.png) no-repeat 0 0;
  width: 56px;
  height: 56px;
  content: "";
}
.signup_ok_info {
  margin: 0 auto;
  padding: 58px 0;
  width: 1100px;
  color: #363636;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

/* 환영 페이지 */
.welcome_box {
  display: table;
  margin: 0 auto;
  background: url(../images/welcome.png) no-repeat 0 0;
  padding: 92px 243px 106px 241px;
  width: 616px;
  height: 545px;
}
.welcome_box span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}
.welcome_box span h1 {
  margin: 0 auto 38px;
  border-bottom: 2px solid #dfdfdf;
  width: 196px;
  color: #ffa200;
  font-size: 30px;
}
.welcome_box span p {
  color: #363636;
  font-size: 16px;
  line-height: 18px;
}
.welcome_box span p small {
  font-size: 14px;
}
.welcome_box span a {
  color: #e49101;
  text-decoration: underline;
}
.welcome_box span a:after {
  content: " ▶";
}
.welcome_box .btn_ok_yellow {
  margin-top: 38px;
}

/* 서브페이지 */
.sub_bg {
  background-color: #ffffff;
  min-width: 1100px;
}
.sub_title {
  margin: 0 auto;
  border-bottom: 2px solid #e3e3e3;
  background: url(../images/title_bg.jpg) no-repeat;
  width: 1100px;
  height: 119px;
  color: #0d0d0d;
  font-size: 30px;
  line-height: 119px;
}
.sub_title.title_mypage {
  background-position: 0 0;
}
.sub_title.title_news {
  background-position: 0 -119px;
}
.sub_title.title_media {
  background-position: 0 -238px;
}
.sub_title.title_download {
  background-position: 0 -357px;
}
.sub_title.title_support {
  background-position: 0 -476px;
}
.sub_title.title_shop {
  background-position: 0 -595px;
}
.sub_title.title_policies {
  background: none;
}
.sub_nav {
  height: 50px;
}
.sub_nav ul {
  margin: 0 auto;
  width: 1100px;
  height: 50px;
  line-height: 50px;
  text-align: right;
}
.sub_nav li {
  display: inline;
  color: #959595;
  font-size: 12px;
}
.sub_nav li a {
  color: #959595;
  text-decoration: none;
}
.sub_nav li a:hover {
  text-decoration: underline;
}
.sub_nav li.on a {
  text-decoration: underline;
}
.sub_nav li:before {
  padding: 0 10px;
  content: ">";
}
.sub_nav li:first-child:before {
  padding: 0;
  content: "";
}

.tab_nav {
  position: relative;
  margin: 0 auto;
  border-bottom: 1px solid #604e26;
  width: 1100px;
  height: 49px;
}
.tab_nav ul:after {
  display: block;
  clear: both;
  content: "";
}
.tab_nav li {
  display: block;
  position: relative;
  float: left;
  cursor: pointer;
  margin-left: -1px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #604e26;
  border-left: 1px solid #d7d7d7;
  padding: 0 14px;
  min-width: 130px;
  height: 48px;
  color: #c2c2c2;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
}
.tab_nav li.on {
  z-index: 1;
  border-top: 1px solid #604e26;
  border-right: 1px solid #604e26;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #604e26;
  color: #ffa200;
}
.tab_nav select {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #d7d7d7;
  padding-left: 12px;
  height: 30px;
  color: #464646;
  font-size: 12px;
}
.tab_nav li a {
  color: #c2c2c2;
  text-decoration: none;
}
.tab_nav li.on a {
  color: #ffa200;
}
.tab_nav li a span {
  display: block;
  width: 100%;
  height: 100%;
}

.sub_title2 {
  margin: 42px auto 8px;
  width: 1100px;
  color: #363636;
  font-size: 18px;
  line-height: 1.2em;
}
.sub_title2a {
  margin: 0 auto 8px;
  width: 1100px;
  color: #363636;
  font-size: 18px;
  line-height: 1.2em;
}
.sub_title2 small {
  color: #a1a1a1;
  font-size: 13px;
}

/* 마이페이지 */
.ecash_table,
.ecash_table_p,
.account_table {
  margin: 0 auto;
  width: 1100px;
  table-layout: fixed;
}
.ecash_table th {
  position: relative;
  border-top: 2px solid #555555;
  border-bottom: 1px solid #e9e9e9;
  width: 550px;
  height: 50px;
  color: #464646;
  font-size: 14px;
  text-align: center;
}
.ecash_table th:first-child,
.ecash_table td:first-child {
  border-right: 1px solid #e9e9e9;
  width: 549px;
}
.ecash_table th img {
  vertical-align: top;
  cursor: pointer;
  margin-left: 2px;
}
.ecash_table td {
  border-bottom: 1px solid #acacac;
  width: 550px;
  height: 108px;
  color: #464646;
  font-size: 36px;
  line-height: 108px;
  text-align: center;
}
.ecash_table td .ibutton {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #ffa200;
  padding: 0 8px;
  height: 24px;
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
}
.ecash_table_info {
  display: block;
  margin: 14px auto 0;
  width: 1100px;
  color: #a1a1a1;
  font-size: 13px;
}
.ecash_table_info a {
  color: #555555;
  text-decoration: underline;
}
.ecash_purchase {
  margin: 0 auto;
  width: 1100px;
  height: 51px;
}
.ecash_purchase:after {
  display: block;
  clear: both;
  content: "";
}
.ecash_purchase li {
  float: left;
  cursor: pointer;
  border-top: 2px solid #e9e9e9;
  background-color: #ffffff;
  width: 550px;
  height: 49px;
  color: #a1a1a1;
  line-height: 49px;
  text-align: center;
}
.ecash_purchase li.on {
  border-top-color: #ffb816;
  background-color: #fff8e7;
  color: #e08900;
}
.ecash_table_p {
  border-bottom: 1px solid #acacac;
}
.ecash_table_p th {
  border-top: 1px solid #acacac;
  padding: 0 10px;
  height: 40px;
  color: #464646;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
}
.ecash_table_p td {
  border-top: 1px solid #d7d7d7;
  padding: 0 10px;
  height: 40px;
  color: #a1a1a1;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
}
.ecash_table_p th:first-child,
.ecash_table_p th:first-child + th + th,
.ecash_table_p th:first-child + th + th + th {
  width: 134px;
}
.ecash_table_p th:first-child + th,
.ecash_table_p td:first-child + td {
  text-align: left;
}

.ecash_help {
  position: absolute;
  bottom: 62px;
  left: 146px;
  background: url(../images/ecash_help.png) no-repeat 0 -19px;
  padding: 0 23px;
  width: 247px;
  min-height: 90px;
  max-height: 254px;
  text-align: left;
}
.ecash_help:before {
  position: absolute;
  top: -19px;
  left: 0;
  background: url(../images/ecash_help.png) no-repeat 0 0;
  width: 293px;
  height: 19px;
  content: "";
}
.ecash_help:after {
  position: absolute;
  bottom: -27px;
  left: 0;
  background: url(../images/ecash_help.png) no-repeat 0 -273px;
  width: 293px;
  height: 27px;
  content: "";
}

.account_table {
  margin-top: 42px;
  margin-bottom: 30px;
  border-bottom: 1px solid #acacac;
}
.account_table td {
  vertical-align: middle;
  border-top: 1px solid #e9e9e9;
  padding-top: 38px;
  padding-bottom: 38px;
  min-height: 85px;
  color: #363636;
  font-size: 14px;
}
.account_table td:first-child {
  vertical-align: top;
  padding-left: 38px;
  width: 134px;
}
.account_table tr:first-child td {
  border-top-color: #acacac;
}

.account_table button.edit {
  margin-top: 28px;
  margin-right: 4px;
  border: 1px solid #cbcbcb;
  background-color: #ffffff;
  width: 78px;
  height: 34px;
  color: #363636;
  font-size: 15px;
}
.account_table button.edit strong {
  color: #ffa200;
  font-weight: 500;
}
.account_table input[type="text"],
.account_table input[type="password"] {
  box-sizing: border-box;
  border: 1px solid #b7b7b7;
  padding: 0 18px;
  width: 440px;
  height: 42px;
  color: #0d0d0d;
  font-size: 16px;
  line-height: 42px;
}
.account_table select {
  border: 1px solid #c2c2c2;
  padding-left: 18px;
  width: 92px;
  height: 40px;
}
.account_table select + select {
  margin-left: 8px;
}
.account_table .link_sns {
  color: #5f5f5f;
  font-size: 14px;
}
.account_table .link_sns .btn_signin {
  display: inline-block;
  margin-top: 10px;
  margin-right: 8px;
}
.account_table .link_pic {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-right: 14px;
  width: 61px;
  height: 61px;
}
.account_table .link_pic .facebook {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: url(../images/sns_icon.png) no-repeat 0 0;
  width: 18px;
  height: 18px;
}
.account_table .link_pic .google {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: url(../images/sns_icon.png) no-repeat 0 -18px;
  width: 18px;
  height: 18px;
}
.account_table .link_sns_ok {
  display: inline-block;
  vertical-align: top;
  height: 61px;
}
.account_table .link_sns_ok .btn_rmlink {
  margin-top: 5px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  background-color: #f2f2f2;
  width: 212px;
  height: 36px;
  color: #636363;
  font-weight: bold;
  font-size: 13px;
}

.account_edit {
  margin: 42px auto 0;
  border-bottom: 1px solid #acacac;
  padding: 0 0 44px;
  width: 1100px;
}
.account_edit h3 {
  border-bottom: 1px solid #acacac;
  padding-bottom: 10px;
  height: 19px;
  color: #363636;
  font-size: 18px;
  line-height: 19px;
}
.account_edit .title {
  display: block;
  float: left;
  clear: both;
  margin-top: 44px;
  padding: 0 0 0 38px;
  width: 168px;
  min-height: 42px;
  color: #5f5f5f;
  font-weight: 500;
  font-size: 14px;
  line-height: 42px;
}
.account_edit input[type="text"],
.account_edit input[type="password"] {
  float: left;
  box-sizing: border-box;
  margin-top: 44px;
  border: 1px solid #b7b7b7;
  padding: 0 18px;
  width: 480px;
  height: 42px;
  color: #0d0d0d;
  font-size: 16px;
  line-height: 42px;
}
.account_edit > input[type="text"] {
  width: 370px;
}
.account_edit .btn_chk {
  vertical-align: top;
  margin-top: 44px;
  margin-left: -1px;
  border: 1px solid #b7b7b7;
  background-color: #cccccc;
  width: 111px;
  height: 42px;
  color: #ffffff;
  font-size: 16px;
}
.account_edit .btn_chk.ok {
  border: 1px solid #fbb200;
  background-color: #ffbd1d;
}
.account_edit select {
  float: left;
  margin-top: 44px;
  border: 1px solid #c2c2c2;
  padding-left: 18px;
  width: 150px;
  height: 40px;
}
.account_edit select + select {
  margin-left: 15px;
}
.account_edit dl {
  margin: 34px 0 0 38px;
}
.account_edit dl:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}
.account_edit dt {
  float: left;
  padding-bottom: 12px;
  width: 30px;
}
.account_edit dd {
  float: left;
  padding-bottom: 12px;
  width: 618px;
  color: #5f5f5f;
  font-size: 13px;
}
.account_edit dd a {
  color: #ff0000;
  text-decoration: underline;
}
.account_edit .btn_login {
  margin: 28px 0 26px;
}
.account_edit .gologin {
  display: block;
  padding-bottom: 28px;
  color: #5f5f5f;
  font-size: 13px;
}
.account_edit .gologin a {
  color: #ff0000;
  text-decoration: underline;
}
.account_edit .link_sns {
  float: left;
  margin-top: 44px;
  width: 560px;
  height: 84px;
  color: #5f5f5f;
  font-size: 12px;
  line-height: 42px;
}
.account_edit .link_sns .btn_signin {
  display: inline-block;
  margin-right: 8px;
}

.caution_box {
  margin: 0 auto;
  padding: 22px 32px;
  width: 1036px;
}
.caution_box ul {
  display: block;
  background: url(../images/caution_box_bg2.png) no-repeat 0 center;
  padding: 12px 12px 12px 86px;
  width: 938px;
}
.caution_box li {
  color: #919191;
  font-size: 13px;
  line-height: 22px;
}
.caution_box li strong {
  color: #363636;
  font-weight: 500;
}
.caution_box li:before {
  content: "* ";
}

.btn_ok_yellow {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c', endColorstr='#ffad00', GradientType=0);
  border: 1px solid #ffa200;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  padding: 0 20px;
  height: 40px;
  color: #ffffff;
  font-size: 16px;
}
.btn_ok_gray {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 );
  border: 1px solid #d7d7d7;
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #f9f9f9 0%, #e5e5e5 100%);
  padding: 0 20px;
  height: 40px;
  color: #636363;
  font-size: 16px;
}

/* 게시판 */
.bbs_list {
  margin: 42px auto 0;
  border-bottom: 1px solid #acacac;
  width: 1100px;
  table-layout: fixed;
}
.bbs_list tr {
  cursor: pointer;
}
.bbs_list th,
.bbs_list td {
  border-top: 1px solid #d7d7d7;
  height: 70px;
  line-height: 70px;
}
.bbs_list thead tr:first-child th,
.bbs_list tbody tr:first-child td {
  border-top-color: #acacac;
}
.bbs_list th {
  background-color: #f8f8f8;
}
.bbs_list .num,
.bbs_list .category {
  width: 70px;
  color: #a1a1a1;
  font-size: 12px;
}
.bbs_list th.num:after {
  display: block;
  float: left;
  background-color: #ffbd1d;
  width: 6px;
  height: 70px;
  content: "";
}
.bbs_list th.num img {
  vertical-align: middle;
}
.bbs_list .num {
  padding-right: 23px;
  text-align: center;
}
.bbs_list .date {
  padding-right: 18px;
  width: 110px;
  color: #a1a1a1;
  font-size: 12px;
  text-align: center;
}
.bbs_list .subject span {
  display: block;
  width: 100%;
  height: 70px;
  overflow: hidden;
  color: #464646;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bbs_list .subject span:hover {
  text-decoration: underline;
}
.bbs_list .subject small {
  display: inline-block;
  padding-right: 12px;
  color: #73a4ff;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
.bbs_list .category {
  text-align: left;
}
.bbs_list.faq .subject {
  padding-right: 60px;
}
.category .notice {
  color: #12a1f3;
}
.category .event {
  color: #ffb816;
}
.category .maint {
  color: #b061d8;
}
.category .update {
  color: #40aa01;
}
.category .sales {
  color: #ed1c24;
}
.category .limit {
  color: #f5568e;
}
.category .credit {
  color: #04b4ae;
}
.category .news {
  color: #ff7181;
}
.category .general {
  color: #5f52a0;
}
.category .column {
  color: #13b5b1;
}
.category .public {
  color: #f19149;
}
.search_box {
  padding-bottom: 126px;
  height: 35px;
  text-align: center;
}
.search_box select {
  vertical-align: top;
  margin-right: 4px;
  border: 1px solid #d7d7d7;
  padding-left: 8px;
  height: 35px;
  color: #464646;
  font-size: 12px;
}
.search_box input[type="text"] {
  vertical-align: top;
  margin: 0 4px;
  border: 1px solid #d7d7d7;
  padding: 0 12px;
  width: 200px;
  height: 33px;
  font-size: 12px;
  line-height: 32px;
}
.search_box button {
  vertical-align: top;
  margin-left: 4px;
  border: none;
  background-color: #666666;
  padding: 0 18px;
  height: 35px;
  color: #ffffff;
  font-size: 12px;
}

.request_info .content dd .bbs_list_simple {
  margin-left: -10px;
  width: 684px;
}
.bbs_list_simple li {
  display: block;
  box-sizing: border-box;
  padding: 10px 0 0;
  height: 44px;
}
.bbs_list_simple li + li {
  background: url(../images/dot_gray1.gif) repeat-x -1px 0;
}
.bbs_list_simple a {
  display: block;
  position: relative;
  font-size: 0;
  text-decoration: none !important;
  white-space: nowrap;
}
.bbs_list_simple .category {
  float: left;
  border-radius: 35px;
  width: 71px;
  height: 26px;
  color: #fff;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  text-overflow: ellipsis;
}
.bbs_list_simple .category.notice {
  background: #12a1f3;
}
.bbs_list_simple .category.event {
  background: #ffb816;
}
.bbs_list_simple .category.maint {
  background: #b061d8;
}
.bbs_list_simple .category.update {
  background: #40aa01;
}
.bbs_list_simple .category.sales {
  background: #ed1c24;
}
.bbs_list_simple .category.limit {
  background: #f5568e;
}
.bbs_list_simple .category.news {
  background: #ff7181;
}
.bbs_list_simple .category.general {
  background: #5f52a0;
}
.bbs_list_simple .category.column {
  background: #13b5b1;
}
.bbs_list_simple .category.public {
  background: #f19149;
}
.bbs_list_simple .category.credit {
  background: #04b4ae;
}
.bbs_list_simple .subject {
  display: block;
  margin: 0 100px 0 81px;
  padding: 3px 0 0;
  overflow: hidden;
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
}
.bbs_list_simple .time {
  position: absolute;
  top: 0;
  right: 0;
  vertical-align: middle;
  float: right;
  margin: 3px 10px 0 0;
  color: #8c8c8c;
  font-size: 16px;
}
.bbs_list_simple .mark {
  margin-top: -3px;
  background: none no-repeat 0 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -10000em;
}
.bbs_list_simple .mark.new {
  background-image: url(../images/icon_new1.png);
}

.bbs_view {
  margin: 44px auto 0;
  width: 1100px;
  height: auto;
}
.bbs_view .bbs_title {
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #e2e2e2;
  background-color: #f8f8f8;
  width: 1100px;
  height: 74px;
  table-layout: fixed;
}
.bbs_view .bbs_title th {
  vertical-align: middle;
}
.bbs_view .bbs_title th:first-child {
  padding-left: 50px;
}
.bbs_view .bbs_title .category {
  padding-right: 10px;
  width: 70px;
  font-size: 16px;
  text-align: left;
}
.bbs_view .bbs_title .subject {
  text-align: left;
}
.bbs_view .bbs_title .subject span {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #464646;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bbs_view .bbs_title.faq .subject {
  padding-right: 60px;
}
.bbs_view .bbs_title .date {
  width: 104px;
  color: #a1a1a1;
  font-size: 14px;
  text-align: center;
}
.bbs_view .bbs_title .views {
  padding-right: 50px;
  width: 90px;
  color: #a1a1a1;
  font-size: 14px;
  text-align: right;
}
.bbs_view .bbs_title .views:before {
  float: left;
  content: "|";
}
.bbs_view .bbs_vbox {
  margin: 0 0 30px;
  border-bottom: 1px solid #acacac;
  padding: 0 50px 50px;
  width: 1000px;
}
.bbs_view .bbs_vbox .share_box {
  padding: 13px 0;
  height: 24px;
  line-height: 24px;
  text-align: right;
}
.bbs_view .bbs_vbox .share_box .url {
  padding-right: 6px;
  color: #a1a1a1;
  font-size: 12px;
}
.bbs_view .bbs_vbox .share_box .btn_copy {
  vertical-align: top;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #e1e1e1;
  width: 62px;
  height: 24px;
  color: #a1a1a1;
  font-size: 12px;
  line-height: 18px;
}
.bbs_view .bbs_vbox .faq_cbox {
  padding: 13px 0;
  height: 24px;
  color: #73a4ff;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
}
.bbs_view .bbs_vbox .btn_share {
  border: none;
  background: url(../images/channel_icon_small.png) no-repeat;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
}
.bbs_view .bbs_vbox .btn_share.s_fb {
  background-position: 0 0;
}
.bbs_view .bbs_vbox .btn_share.s_gp {
  background-position: -24px 0;
}
.bbs_view .bbs_vbox .btn_share.s_tw {
  background-position: -48px 0;
}
.bbs_view .bbs_vbox .cont {
  padding: 36px 0 50px;
  color: #636363;
  font-size: 14px;
}
.bbs_view .bbs_vbox .cont img {
  max-width: 1000px;
  height: auto;
}
.bbs_view .bbs_vnav {
  padding-bottom: 170px;
  height: 35px;
}
.bbs_view .bbs_vnav:after {
  display: block;
  clear: both;
  content: "";
}
.bbs_view .bbs_vnav .bbs_vleft {
  float: left;
}
.bbs_view .bbs_vnav .bbs_vleft li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 2px;
  border: 1px solid #e2e2e2;
  background: url(../images/page_icon.png) no-repeat #ffffff;
  width: 33px;
  height: 33px;
  text-indent: -9999px;
}
.bbs_view .bbs_vnav .bbs_vleft li.p_prev {
  background-position: center -66px;
}
.bbs_view .bbs_vnav .bbs_vleft li.p_next {
  background-position: center -99px;
}
.bbs_view .bbs_vnav .bbs_vright {
  float: right;
}
.bbs_view .bbs_vnav .bbs_vright button {
  border: none;
  background-color: #a1a1a1;
  padding: 0 26px;
  height: 31px;
  color: #ffffff;
  font-size: 18px;
}

.noresult {
  padding: 80px 0;
  text-align: center;
}

/* 미디어 */
.mov_list {
  margin: 42px auto 0;
  width: 1100px;
}
.mov_list:after {
  display: block;
  clear: both;
  content: "";
}
.mov_list li {
  position: relative;
  float: left;
  cursor: pointer;
  margin-bottom: 16px;
  margin-left: 16px;
  width: 356px;
  height: 268px;
}
.mov_list li:first-child,
.mov_list li:first-child + li + li + li,
.mov_list li:first-child + li + li + li + li + li + li {
  margin-left: 0;
}
.mov_list li .description {
  position: absolute;
  bottom: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0 20px;
  width: 100%;
  height: 50px;
  overflow: hidden;
  color: #ffffff;
  font-size: 14px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mov_list li span.thumb_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
  background: none;
  width: 100%;
  height: 100%;
}
.mov_list li:hover span.thumb_bg {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);
  background: rgba(0, 0, 0, 0.3);
}
.mov_list li:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-top: -28px;
  margin-left: -28px;
  width: 57px;
  height: 57px;
  content: "";
}
.mov_list li:hover:after {
  background: url(../images/gthumb_mov.png) no-repeat 0 0;
}
.mov_ytitle {
  position: relative;
  margin: 0 auto;
  width: 1100px;
  height: 42px;
  text-align: left;
}
.mov_ytitle span {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  padding: 0 10px 0 0;
  width: auto;
  height: 42px;
  color: #959595;
  font-size: 14px;
  line-height: 42px;
}
.mov_ytitle:before {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  background-color: #b7b7b7;
  width: 980px;
  height: 1px;
  content: "";
}
.mov_ytitle button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: url(../images/youtube_logo.png) no-repeat center center #e52d27;
  width: 108px;
  height: 42px;
}

.img_list {
  margin: 42px auto;
  width: 1100px;
}
.img_list:after {
  display: block;
  clear: both;
  content: "";
}
.img_list li {
  position: relative;
  float: left;
  cursor: pointer;
  margin-bottom: 12px;
  margin-left: 12px;
  width: 266px;
  height: 200px;
}
.img_list li:first-child,
.img_list li:first-child + li + li + li + li,
.img_list li:first-child + li + li + li + li + li + li + li + li {
  margin-left: 0;
}
.img_list li span.thumb_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
  background: none;
  width: 100%;
  height: 100%;
}
.img_list li:hover span.thumb_bg {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);
  background: rgba(0, 0, 0, 0.3);
}
.img_list li:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-top: -19px;
  margin-left: -19px;
  width: 39px;
  height: 39px;
  content: "";
}
.img_list li:hover:after {
  background: url(../images/gthumb_img.png) no-repeat 0 0;
}

.page {
  height: 35px;
  text-align: center;
}
.page.page_ecash {
  margin-top: 40px;
  padding-bottom: 160px;
}
.page.page_bbslist {
  margin-top: 62px;
  padding-bottom: 30px;
}
.page.page_media {
  margin-top: 60px;
  padding-bottom: 150px;
}
.page li {
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
  width: 33px;
  height: 33px;
}
.page .page_nav {
  vertical-align: top;
  border: 1px solid #e2e2e2;
  background: url(../images/page_icon.png) no-repeat #ffffff;
  text-indent: -9999px;
}
.page .page_nav.p_first {
  background-position: center 0;
}
.page .page_nav.p_prev {
  background-position: center -66px;
}
.page .page_nav.p_next {
  background-position: center -99px;
}
.page .page_nav.p_last {
  background-position: center -33px;
}
.page .page_nav span {
  display: block;
  width: 100%;
  height: 100%;
}
.page .page_num {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #9d9d9d;
  font: 16px/33px Arial, "돋움", Helvetica, sans-serif;
}
.page .page_num:hover {
  border-color: #f6f6f6;
  background-color: #f6f6f6;
}
.page .page_num.on {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
  color: #000000;
}
.page .page_num a {
  color: #9d9d9d;
  text-decoration: none;
}
.page .page_num.on a {
  color: #000000;
}

/* 게임소개 */
.container {
  min-width: 1100px;
}
.game_top {
  background: url(../images/game/game_top_bg.jpg) no-repeat center 0;
  width: 100%;
  height: 274px;
  text-align: center;
}
.game_top h2 {
  padding-top: 70px;
  color: #c7c7c7;
  font-size: 26px;
  letter-spacing: 0.1em;
}
.game_top h2 em {
  color: #ffb816;
  font-size: 64px;
  letter-spacing: 0.15em;
}
.game_top p {
  color: #9e9e9e;
  font-size: 17px;
}

.topTxt {
  margin: 0 auto;
  padding: 55px 0 30px;
  width: 1100px;
  text-align: center;
}
.topTxt em {
  display: block;
  color: #333333;
  font-size: 28px;
}
.topTxt p.txt {
  margin-top: 9px;
  color: #999999;
  font-size: 14px;
  line-height: 20px;
}

/* 게임소개 - story 회전 슬라이드 효과 */
.intro {
  background-color: #fff;
  padding-bottom: 105px;
}
.storyContainer {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.storyContainer .card {
  position: relative;
  width: 1100px;
  height: 600px;
  overflow: hidden;
}
.storyContainer .image {
  position: absolute;
}
.storyContainer .panel {
  position: relative;
  z-index: 0;
}
.storyContainer .content {
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
}
.storyContainer .content .header {
  margin-top: 100px;
  color: #ffb816;
  font-size: 36px;
}
.storyContainer .content .subtitle {
  margin-top: 5px;
  font-size: 15px;
}
.storyContainer .content .description {
  margin-top: 300px;
  font-weight: 200;
  font-size: 14px;
  line-height: 22px;
}
.storyContainer .flipPrev.off {
  cursor: default;
  background: #201e1d url("../images/game/arrow_left2.png") no-repeat 200px
    140px !important;
}
.storyContainer .flipNext.off {
  cursor: default;
  background: #201e1d url("../images/game/arrow_left2.png") no-repeat -35px 140px !important;
}
.storyContainer .flipPrev:hover {
  background: #333 url("../images/game/arrow_left2.png") no-repeat 63px 140px;
}
.storyContainer .flipNext:hover {
  background: #333 url("../images/game/arrow_right2.png") no-repeat 103px 140px;
}
.storyContainer .flipPrev {
  position: absolute;
  top: 205px;
  left: 50%;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  margin-left: -550px;
  background: #201e1d url("../images/game/arrow_left2.png") no-repeat 83px 140px;
  width: 190px;
  height: 190px;
  overflow: hidden;
}
.storyContainer .flipNext {
  position: absolute;
  top: 205px;
  left: 50%;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  margin-left: 360px;
  background: #201e1d url("../images/game/arrow_right2.png") no-repeat 83px
    140px;
  width: 190px;
  height: 190px;
  overflow: hidden;
}
.storyContainer .flipNext div.titleConatainer {
  margin-left: -380px;
}
.storyContainer div.titleConatainer {
  display: table;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-left: 0;
}
.storyContainer p.flipTitle {
  display: table-cell;
  vertical-align: middle;
  width: 190px;
  height: 190px;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
}
.storyContainer .image .imageFlipcss2 {
  float: left;
}
.flipPaging {
  position: absolute;
  top: 30px;
  left: 50%;
  z-index: 2;
  margin-left: -95px;
}
.flipPaging a {
  display: inline-block;
  cursor: pointer;
  background: url("../images/game/dot_off.png") no-repeat center center;
  padding: 10px;
  width: 8px;
  height: 8px;
}
.flipPaging a.on {
  background: url("../images/game/dot_on.png") no-repeat center center;
}
.hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

/* 게임소개 - 히어로즈 */
.heroesWrap {
  background-color: #f5f5f5;
  padding-bottom: 105px;
}
.heroes {
  position: relative;
  margin: 0 auto;
  width: 1100px;
}
.heroes .char:after {
  display: block;
  clear: both;
  content: "";
}
.heroes .char a {
  display: block;
  position: relative;
  float: left;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0 12px 12px 0;
  background-color: #fff;
  background: #fff url("../images/game/over_effect.png") no-repeat;
  background-position: -1260px top;
  width: 266px;
  height: 139px;
}
.heroes .char a.char4 {
  margin: 0 0 12px 0;
}
.heroes .char a .default {
  display: block;
  margin-left: 140px;
  padding-right: 4px;
}
.heroes .char a .default strong {
  display: block;
  padding-top: 28px;
  color: #444;
  font-weight: normal;
  font-size: 22px;
}
.heroes .char a .default em {
  display: block;
  padding-top: 12px;
  color: #888;
  font-size: 13px;
}
.heroes .char a img {
  position: absolute;
  top: 0;
  left: 0;
}
.heroes .char a:hover {
  background-position: -680px top;
}

.heroes .charLayer {
  position: relative;
  margin-top: 25px;
  height: 530px;
}
.heroes .charLayer .charInfo {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 1100px;
  height: 530px;
}
.heroes .charLayer .charInfo .pic {
  position: absolute;
  top: -20px;
  right: 0;
}
.heroes .charLayer .charInfo .info {
  padding-left: 70px;
}
.heroes .charLayer .charInfo .info .title {
  padding-top: 67px;
  color: #333;
  font-weight: 500;
  font-size: 40px;
}
.heroes .charLayer .charInfo .info .subtitle {
  padding-top: 23px;
  color: #ffb816;
  font-weight: 400;
  font-size: 22px;
}
.heroes .charLayer .charInfo .info .text {
  padding-top: 30px;
  color: #999;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}
.heroes .charLayer .charInfo .info .sound {
  display: inline-block;
  margin-top: 80px;
  color: #444;
  font-weight: 200;
  font-size: 24px;
}

/* 게임소개 - 드래곤네스트 */
.dragonWrap {
  position: relative;
  background-color: #fff;
  height: 950px;
  overflow: hidden;
}
.dragon {
  position: relative;
}
.dragon .dragonTab {
  margin: 0 auto;
  width: 810px;
  height: 56px;
}
.dragon .dragonTab a {
  position: relative;
  float: left;
  z-index: 1;
  cursor: pointer;
  margin-left: -2px;
  border: 2px solid #f2f2f2;
  width: 266px;
  height: 52px;
  color: #333;
  font-size: 16px;
  line-height: 52px;
  text-align: center;
}
.dragon .dragonTab a.on {
  border-color: #ffb816;
  background: #ffb816;
}
.dragon .dragonCont {
  position: relative;
}
.dragon .dragonCont .cont {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  z-index: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  margin: 0 auto;
  margin-left: -550px;
  width: 1100px;
  height: 757px;
  text-align: center;
}
.dragon .dragonCont .cont.on {
  display: block;
  opacity: 1;
}
.dragon .dragonCont .cont strong.tit {
  display: block;
  padding-top: 57px;
  color: #444;
  font-weight: 400;
  font-size: 27px;
  line-height: 150%;
}
.dragon .dragonCont .cont p.txt {
  margin-top: 53px;
  color: #999;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
.dragon .dragonCont .cont span.subtxt {
  display: block;
  margin-top: 37px;
  color: #444;
  font-weight: 300;
  font-size: 19px;
  line-height: 30px;
}
.dragon .dragonCont .cont3 .cont3Tab {
  padding-top: 60px;
}
.dragon .dragonCont .cont3 .cont3Tab p {
  display: inline-block;
  width: 266px;
  text-align: center;
}
.dragon .dragonCont .cont3 .cont3Tab p a {
  display: inline-block;
  color: #333;
  font-weight: 300;
  font-size: 22px;
  text-align: center;
}
.dragon .dragonCont .cont3 .cont3Tab p a.on {
  border-bottom: 2px solid #ffb816;
  padding-bottom: 3px;
  color: #ffb816;
}
.dragon .dragonCont .cont3 .cont {
  top: 86px;
  height: 671px;
}
.bgClip img {
  position: absolute;
  left: 50%;
  opacity: 0;
  z-index: 0;
  margin-left: -1280px;
}
.ie8Back {
  position: absolute;
  left: 50%;
  margin-left: -1280px;
  width: 2560px;
  height: 950px;
}
html.ie8 .bg .ie8Back {
  background: url("../images/game/tong_bg_story1.jpg") no-repeat;
}

/* 게임소개 - DWC */
.dwcWrap {
  background: #f5f5f5;
  padding-bottom: 110px;
}
.topTxt span.line {
  display: block;
  margin-top: 27px;
  margin-bottom: 36px;
  background: #ffb816;
  width: 100%;
  height: 2px;
}
.topTxt span.sub {
  display: block;
  margin-bottom: 28px;
  color: #ffb816;
  font-weight: 700;
  font-size: 19px;
  line-height: 25px;
}
.dwc {
  margin: 0 auto;
  width: 1100px;
}
.col2cont ul {
  width: 1100px;
  height: 340px;
}
.col2cont ul li {
  position: relative;
  float: left;
  z-index: 0;
  margin-bottom: 20px;
  margin-left: 16px;
  width: 542px;
  height: 340px;
}
.col2cont ul li:first-child {
  margin-left: 0;
}
.col2cont ul li .over {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: url("../images/game/dimmed50.png") repeat;
  width: 542px;
  height: 340px;
}
.col2cont ul li .over .tit {
  padding: 27px 0 0 29px;
  color: #ffb816;
  font-size: 18px;
}
.col2cont ul li .over a.btn_play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  margin: -40px 0 0 -40px;
  background: url("../images/game/btn_play.png") repeat;
  width: 80px;
  height: 80px;
}

/* 다운로드 */
/*
.down_btn_wrap{margin:0 auto;width:1100px;min-height:71px}
.down_btn{margin-bottom:8px;width:1100px;height:71px;background:url(../images/download_ btn.jpg) no-repeat 0 0;border:1px solid #39230C;font-size:24px;text-shadow:0 2px #520474;color:#F8DA12}
.down_btn img{vertical-align:bottom}
*/
.down_info {
  display: table;
  margin: 0 auto;
  border: 1px solid #acacac;
  background-color: #f8f8f8;
  width: 1098px;
  height: 142px;
}
.down_info li {
  display: table-cell;
  vertical-align: middle;
  width: 549px;
  height: 142px;
  color: #464646;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
/*
.down_info li:first-child{width:548px;border-right:1px solid #ACACAC}
.down_info li span{display:inline-block;padding-left:58px;width:272px;height:48px;background:url(../images/download_info_icon.png) no-repeat 0 0;text-align:left}
.down_info li span em{font-size:16px}
.down_info li span em strong{text-decoration:underline;font-weight:normal}
*/
.down_info li button.down_btn_easy {
  position: relative;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0bdd', endColorstr='#63058d',GradientType=0 );
  margin-top: 10px;
  border: 1px solid #0c416b;
  border-radius: 3px;
  background: #cc0bdd;
  background: -moz-linear-gradient(top, #cc0bdd 0%, #8c07b1 5%, #63058d 100%);
  background: -webkit-linear-gradient(
    top,
    #cc0bdd 0%,
    #8c07b1 5%,
    #63058d 100%
  );
  background: linear-gradient(to bottom, #cc0bdd 0%, #8c07b1 5%, #63058d 100%);
  width: 422px;
  height: 68px;
  color: #f8da12;
  font-size: 24px;
  text-indent: 48px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.down_info li button.down_btn_easy:before {
  position: absolute;
  top: 20px;
  left: 64px;
  background: url(../images/download_btn_icon_small.png) no-repeat 0 0;
  width: 37px;
  height: 28px;
  content: "";
}
.down_info li button.down_btn_steam {
  position: relative;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34a5d5', endColorstr='#184b74',GradientType=0 );
  margin-top: 10px;
  border: 1px solid #0c416b;
  border-radius: 3px;
  background: #34a5d5;
  background: -moz-linear-gradient(top, #34a5d5 0%, #216aa0 5%, #184b74 100%);
  background: -webkit-linear-gradient(
    top,
    #34a5d5 0%,
    #216aa0 5%,
    #184b74 100%
  );
  background: linear-gradient(to bottom, #34a5d5 0%, #216aa0 5%, #184b74 100%);
  width: 422px;
  height: 68px;
  color: #c5f0fc;
  font-size: 24px;
  text-indent: 58px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.down_info li button.down_btn_steam:before {
  position: absolute;
  top: 24px;
  left: 54px;
  background: url(../images/steam_icon.png) no-repeat 0 0;
  width: 50px;
  height: 23px;
  content: "";
}

.down_another {
  position: relative;
  margin: 10px auto 0;
  border: 1px solid #acacac;
  padding: 22px 65px 22px 725px;
  width: 308px;
  min-height: 110px;
}
.down_another ul {
  margin-top: 1px;
  width: 308px;
}
.down_another li {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9f9', endColorstr='#e5e6e6',GradientType=0 );
  margin-top: -1px;
  border: 1px solid #d7d7d7;
  background: #f8f9f9;
  background: -moz-linear-gradient(top, #f8f9f9 0%, #e5e6e6 100%);
  background: -webkit-linear-gradient(top, #f8f9f9 0%, #e5e6e6 100%);
  background: linear-gradient(to bottom, #f8f9f9 0%, #e5e6e6 100%);
  width: 308px;
  height: 26px;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}
.down_another li span {
  display: block;
  width: 100%;
  height: 100%;
}
.down_another li a {
  color: #464646;
}
.down_a_info {
  position: absolute;
  top: 22px;
  left: 66px;
  background-color: #eff0f0;
  width: 616px;
  height: 110px;
}
.down_a_info h4 {
  padding: 14px 28px 0;
  color: #464646;
  font-weight: 500;
  font-size: 16px;
}
.down_a_info p {
  padding: 10px 28px;
  color: #909090;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.down_a_info:before {
  display: block;
  position: absolute;
  top: 42px;
  right: -12px;
  background: url(../images/download_arrow.png) no-repeat 0 0;
  width: 12px;
  height: 24px;
  content: "";
}

.rqtable {
  margin: 0 auto;
  width: 1100px;
}
.rqtable th,
.rqtable td {
  vertical-align: middle;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  text-align: center;
}
.rqtable th {
  background-color: #f8f8f8;
  height: 48px;
  color: #464646;
}
.rqtable td {
  height: 70px;
  color: #a1a1a1;
}
.driver_down {
  margin: 0 auto;
  padding-bottom: 136px;
  width: 1100px;
}
.driver_down li {
  display: table;
  border: 1px solid #acacac;
  padding: 26px 46px;
  width: 1006px;
  height: 77px;
}
.driver_down li:first-child {
  border-bottom: none;
}
.driver_down li .lbox {
  display: table-cell;
  vertical-align: middle;
  height: 77px;
  color: #a1a1a1;
  font-size: 14px;
  line-height: 20px;
}
.driver_down li .lbox strong {
  color: #464646;
  font-weight: normal;
  font-size: 16px;
}
.driver_down li .rbox {
  display: table-cell;
  vertical-align: middle;
  height: 77px;
  text-align: right;
}
.driver_down li:first-child .lbox {
  background: url(../images/driver_icon.png) no-repeat 0 0;
  padding-left: 92px;
  width: 614px;
}
.driver_down li:first-child + li .lbox {
  background: url(../images/driver_icon2.png) no-repeat 0 0;
  padding-left: 184px;
  width: 522px;
}
.driver_down li .rbox button {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 );
  border: 1px solid #d7d7d7;
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #f9f9f9 0%, #e5e5e5 100%);
  width: 118px;
  height: 45px;
}

/* 2차 비밀번호 */
.pw_info {
  margin: 0 auto;
  border: 1px solid #acacac;
  width: 1098px;
  height: 158px;
}
.pw_info li {
  display: table;
  float: left;
  height: 158px;
}
.pw_info li:first-child {
  background: url(../images/2ndpw_icon.png) no-repeat 30px center;
  width: 706px;
}
.pw_info li:first-child + li {
  width: 392px;
}
.pw_info li > span {
  display: table-cell;
  vertical-align: middle;
}
.pw_info li:first-child > span {
  padding-left: 103px;
}
.pw_info li:first-child > span span {
  display: block;
  border-left: 1px solid #dbdbdb;
  padding-left: 16px;
  color: #464646;
  font-size: 14px;
  line-height: 20px;
}
.pw_info li:first-child + li button {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c530', endColorstr='#e25816',GradientType=0 );
  border: 1px solid #d2500f;
  border-radius: 3px;
  background: #f6c530;
  background: -moz-linear-gradient(top, #f6c530 0%, #eb7e1f 5%, #e25816 100%);
  background: -webkit-linear-gradient(
    top,
    #f6c530 0%,
    #eb7e1f 5%,
    #e25816 100%
  );
  background: linear-gradient(to bottom, #f6c530 0%, #eb7e1f 5%, #e25816 100%);
  width: 362px;
  height: 90px;
  color: #fffbf7;
  font-size: 12px;
  line-height: 16px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.pw_info li:first-child + li button strong {
  font-size: 18px;
  line-height: 30px;
}
.pw_how_step {
  margin: 0 auto;
  border-top: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-left: 1px solid #acacac;
  background: url(../images/2ndpw_img.jpg) no-repeat 48px center;
  padding: 80px 20px 30px 420px;
  width: 658px;
}
.pw_how_step li {
  padding-bottom: 70px;
  color: #464646;
  font-size: 14px;
  line-height: 20px;
}
.pw_how_step li strong {
  font-size: 18px;
}
.pw_how_caution {
  margin: 0 auto;
  border-right: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
  border-left: 1px solid #acacac;
  background-color: #f7f7f7;
  padding: 22px 30px;
  width: 1038px;
  color: #5f5f5f;
}
.pw_how_caution h5 {
  background: url(../images/2ndpw_caution.png) no-repeat 0 0;
  padding: 0 0 14px 24px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
}
.pw_how_caution li {
  position: relative;
  padding-left: 13px;
  font-size: 13px;
  line-height: 20px;
}
.pw_how_caution li:before {
  position: absolute;
  left: 0;
  content: "-";
}

/* 약관 */
.policy_box {
  margin: 42px auto 0;
  border: 1px solid #acacac;
  padding: 50px;
  width: 998px;
}
.policy_box .pre {
  word-wrap: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-break: normal;
}
.policy_box .pre ul {
  padding-left: 24px;
}
.policy_box .pre li {
  list-style-type: square;
}
.policy_box .pre span {
  display: block;
  padding-left: 24px;
}
.policy_box table {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}
.policy_box table {
  table-layout: fixed;
}
.policy_box th,
.policy_box td {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 4px 6px;
}
.policy_box th {
  font-weight: bold;
}
.policy_box pre p {
  display: block;
  padding: 0 0 0 20px;
}

/* 푸터 */
.footer {
  clear: both;
  background-color: #e2e2e2;
  padding-top: 35px;
  min-width: 1100px;
  height: 77px;
}
.footer .footer_lbox {
  float: left;
  width: 600px;
  height: 77px;
}
.footer .footer_rbox {
  float: right;
  width: 500px;
  height: 77px;
  text-align: right;
}
.footer .footer_lbox img {
  display: block;
  float: left;
  margin: 0 20px 4px 0;
  width: 192px;
  height: 19px;
}
.footer .footer_lbox p {
  clear: both;
  width: 600px;
  height: auto;
  color: #a1a1a1;
  font-size: 12px;
  line-height: 18px;
}
.footer .footer_rbox .select_box {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-left: 12px;
  border: 1px solid #d7d7d7;
  background: url(../images/select_bg.png) no-repeat right 0 #f9f9f9;
  width: 115px;
  height: 28px;
}
.footer .footer_rbox .select_box.on {
  background-position: right -28px;
}
.footer .footer_rbox .select_box label {
  position: absolute;
  top: 0;
  left: 10px;
  color: #000000;
  font-size: 12px;
  line-height: 28px;
}
.footer .footer_rbox .select_box select {
  position: relative;
  opacity: 0;
  z-index: 1;
  filter: alpha(opacity=0);
  padding: 0 4px;
  width: 100%;
  height: 28px;
  min-height: 28px;
  font-size: 12px;
  line-height: 28px;
}
.footer .footer_rbox .channel {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.footer .footer_rbox .channel li {
  display: block;
  float: left;
  margin-right: 8px;
  width: 30px;
  height: 30px;
}
.footer .footer_rbox .channel li span {
  display: block;
  background: url(../images/channel_icon.png) no-repeat;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}
.footer .footer_rbox .channel li span.ch_fb {
  background-position: 0 0;
}
.footer .footer_rbox .channel li span.ch_yt {
  background-position: -30px 0;
}
.footer .footer_rbox .channel li span.ch_tw {
  background-position: -60px 0;
}
.footer .footer_rbox .channel li span.ch_tc {
  background-position: -90px 0;
}
.footer .footer_rbox .time_num {
  position: absolute;
  top: -4px;
  right: 0;
  width: 114px;
  height: 50px;
  color: #464646;
  font-weight: 500;
  font-size: 44px;
  line-height: 44px;
  letter-spacing: -0.01em;
  text-align: right;
}
.footer .footer_rbox .time_title {
  position: absolute;
  top: 0;
  right: 116px;
  width: 120px;
  height: 18px;
  color: #464646;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
}
.footer .footer_rbox .time_date {
  position: absolute;
  top: 18px;
  right: 116px;
  width: 120px;
  height: 18px;
  color: #464646;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.07em;
  text-align: right;
}

/* 팝업 */
.dimmed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: url(../images/dimmed95.png);
  width: 100%;
  height: 100%;
}
.dimmed2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: url(../images/dimmed40.png);
  width: 100%;
  height: 100%;
}
.pop_wrap {
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
}
.pop_wrap .close {
  position: fixed;
  top: 0;
  right: 0;
  cursor: pointer;
  background: url(../images/btn_close.png) no-repeat center center;
  width: 60px;
  height: 60px;
}
.pop_wrap .pop_nav {
  position: fixed;
  top: 50%;
  margin-top: -30px;
  background: url(../images/btn_arrow.png) no-repeat;
  width: 40px;
  height: 60px;
}
.pop_wrap .pop_nav.pn_prev {
  left: 0;
  background-position: 0 0;
}
.pop_wrap .pop_nav.pn_next {
  right: 0;
  background-position: -40px 0;
}
.pop_wrap .pop_nav a span {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.pop_wrap .pop_cont {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.pop_wrap .pop_cont iframe {
  width: 100%;
  max-width: 1100px;
  height: 100%;
  max-height: 619px;
}

.pop_pay,
.pop_reset {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  border: 1px solid #727272;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 30px;
  min-width: 350px;
  max-width: 500px;
}
.pop_pay h2,
.pop_reset h2 {
  padding-bottom: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.pop_pay ul {
  margin: 0 auto 12px;
  text-align: center;
}
.pop_pay li {
  display: inline-block;
  margin: 0 15px;
  width: 124px;
  height: 162px;
}
.pop_pay li input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.pop_pay li label {
  display: block;
  cursor: pointer;
  background: url(../images/pop_pay_icon.png) no-repeat;
  width: 124px;
  height: 124px;
}
.pop_pay li.xsolla_li label {
  background-position: 0 0;
}
.pop_pay li.paypal_li label {
  background-position: -124px 0;
}
.pop_pay li.cherry_li label {
  background-position: -248px 0;
}
.pop_pay li.xsolla_li label.on {
  background-position: 0 -124px;
}
.pop_pay li.paypal_li label.on {
  background-position: -124px -124px;
}
.pop_pay li.cherry_li label.on {
  background-position: -248px -124px;
}
.pop_pay li span {
  display: block;
  height: 30px;
  color: #363636;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.pop_pay .close,
.pop_reset .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background: url(../images/pop_close.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
}

.pop_reset .pw_reset {
  padding: 12px 22px 32px;
}
.pop_reset .pw_reset h3 {
  color: #363636;
  font-size: 14px;
  text-align: center;
}
.pop_reset .pw_reset input[type="text"] {
  margin: 10px auto 20px;
  border: 1px solid #c2c2c2;
  width: 324px;
  height: 40px;
  line-height: 40px;
  text-indent: 18px;
}
.pop_reset .pw_reset small {
  display: block;
  color: #868686;
  font-size: 12px;
  line-height: 18px;
}
.pop_reset .pw_reset small:before {
  content: "! ";
}

.popup {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  content: "";
}
.popup .popup-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  margin: auto;
}
.popup.request-check .popup-inner {
  box-sizing: border-box;
  box-shadow: 5px 5px 10px 0px #878787;
  border: 1px solid #878787;
  background: #fff;
  width: 657px;
  height: 331px;
}
.popup.request-check .title {
  display: block;
  margin-top: 34px;
  color: #000;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}
.popup.request-check .title strong {
  color: #f89e00;
  font-size: 30px;
  text-transform: uppercase;
}
.popup.request-check ul {
  margin: 30px auto 0;
  width: 547px;
}
.popup.request-check ul li {
  display: block;
  position: relative;
  padding-left: 20px;
  color: #505050;
  font-size: 16px;
  line-height: 19px;
}
.popup.request-check ul li + li {
  margin-top: 20px;
}
.popup.request-check ul li::before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  background: #000;
  width: 8px;
  height: 8px;
  content: "";
}
.popup.request-check ul li strong {
  color: #000;
}
.popup.request-check .buttons {
  margin-top: 38px;
  font-size: 0;
  text-align: center;
}
.popup.request-check .buttons button {
  display: inline-block;
}
.popup.request-check .buttons button + button {
  margin-left: 28px;
}
.popup.request-check button {
  display: block;
  border: 0;
  background: #7d7d7d;
  width: 258px;
  height: 52px;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.popup.request-check button.agree {
  background: #ffae00;
}
.popup.attention .popup-inner {
  box-sizing: border-box;
  box-shadow: 5px 5px 10px 0px #878787;
  border: 1px solid #878787;
  background: #fff;
  width: 586px;
  height: 656px;
}
.popup.attention .title {
  display: block;
  color: #ff0018;
  font-size: 43px;
  line-height: 90px;
  text-align: center;
  text-transform: uppercase;
}
.popup.attention .scroll-box {
  display: block;
  box-sizing: border-box;
  margin: auto;
  border: 1px solid #e5e5e5;
  background: #f6f6f6;
  padding: 30px 8px 30px 35px;
  width: 522px;
  height: 493px;
}
.popup.attention .scroll-box-inner {
  width: 469px;
  height: 431px;
  overflow: hidden;
  overflow-y: scroll;
  color: #000;
  font-size: 16px;
  line-height: 19px;
}
.popup.attention .scroll-box-inner::-webkit-scrollbar {
  margin-right: 10px;
  width: 10px;
}
.popup.attention .scroll-box-inner::-webkit-scrollbar-button {
  display: none;
}
.popup.attention .scroll-box-inner::-webkit-scrollbar-track {
  margin: -1px 0;
  border-left: 0;
  background: transparent;
}
.popup.attention .scroll-box-inner::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 5px;
  background: #bababa;
  width: 10px;
}
.popup.attention .scroll-box-inner::-webkit-scrollbar-thumb:hover {
  background: #9b9b9b;
}
.popup.attention .buttons {
  margin: 0 30px;
  line-height: 63px;
}
.popup.attention .buttons .not-today {
  display: inline-block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.popup.attention .buttons .not-today input {
  position: absolute;
  opacity: 0;
}
.popup.attention .buttons .not-today .text {
  display: block;
  position: relative;
  padding-left: 25px;
  font-size: 16px;
}
.popup.attention .buttons .not-today .text::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateY(-1px);
  box-sizing: border-box;
  margin: auto 0;
  border: 1px solid #878787;
  background: none no-repeat center;
  width: 21px;
  height: 21px;
  content: "";
}
.popup.attention .buttons .not-today input:checked + .text::before {
  background-image: url(../images/icon_check1.png);
}
.popup.attention .buttons button.close {
  float: right;
  margin-top: 22px;
  border: 0;
  background: transparent;
  background: url(../images/icon_close1.png) no-repeat 0 center;
  padding: 0;
  width: 65px;
  height: 20px;
  color: #2c2c2c;
  font-size: 16px;
  line-height: 18px;
  text-align: right;
  text-transform: uppercase;
}

/* 에러페이지 */
.error_bg {
  background-color: #ffffff;
}
.error_wrap {
  margin: 0 auto;
  width: 1100px;
  height: 892px;
}
.error_wrap.type1 {
  background: url(../images/error_t1.jpg) no-repeat center 0;
}
.error_wrap.type2 {
  background: url(../images/error_t2.jpg) no-repeat center 0;
}
.error_wrap.type3 {
  background: url(../images/error_t3.jpg) no-repeat center 0;
}
.error_wrap.type4 {
  background: url(../images/error_t4.jpg) no-repeat center 0;
}
.error_wrap h1 {
  font-size: 40px;
}
.error_wrap p {
  padding: 26px 0 58px;
  font-size: 16px;
}
.error_404 {
  padding-top: 210px;
  color: #555555;
  text-align: center;
}
.error_etc {
  padding-top: 138px;
  color: #555555;
  text-align: center;
}

/* 1:1 문의 */
.request_info {
  box-sizing: border-box;
  margin: 0 auto;
  background: url(../images/support_request_info.png) no-repeat 122px 165px;
  padding: 115px 0 30px 410px;
  width: 1100px;
}
.request_info .heading {
  width: 520px;
  color: #000;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
}
.request_info .heading span {
  color: #ffa446;
}
.request_info dl.content {
  margin-top: 40px;
}
.request_info dl.content dt {
  color: #000;
  font-size: 16px;
  line-height: 20px;
}
.request_info dl.content dt:before {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 3px 0 0;
  border-radius: 3px;
  background: #ff9c35;
  width: 6px;
  height: 14px;
  content: "";
}
.request_info dl.content dd {
  margin: 16px 0 34px 20px;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}
.request_info dl.content dd em {
  color: #ff0909;
}
.request_info dl.content dd a {
  color: #1a76ff;
  text-decoration: underline;
}
.request_info dl.content dd ul.info {
  margin-top: 10px;
}
.request_info dl.content dd ul.info li {
  position: relative;
  padding-left: 15px;
}
.request_info dl.content dd ul.info li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.request_info dl.content dd ul.info li {
  color: #000;
  font-size: 16px;
  line-height: 20px;
}
.request-button {
  margin: 37px auto 0;
  border-top: 1px solid #acacac;
  padding: 40px 0 0;
  width: 1100px;
}
.request-button:after {
  display: block;
  clear: both;
  content: "";
}
.request-button .request-type {
  float: left;
  background: #f8f8f8;
  padding: 44px 0 53px;
  width: 540px;
}
.request-button .request-type.account {
  float: right;
}
.request-button .request-type .title {
  display: block;
  color: #000;
  font-size: 20px;
  text-align: center;
}
.request-button .request-type .desc {
  display: block;
  margin: 16px 0 0;
  color: #000;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
}
.request-button .request-type .button {
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1d',endColorstr='#ffb500',GradientType=0);
  margin: 17px auto 0;
  background: #ffbd1d;
  background: -moz-linear-gradient(top, #ffbd1d 0%, #ffb500 100%);
  background: -webkit-linear-gradient(top, #ffbd1d 0%, #ffb500 100%);
  background: linear-gradient(to bottom, #ffbd1d 0%, #ffb500 100%);
  width: 258px;
  height: 52px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 52px;
  text-align: center;
}
.request-button .request-type.account .button.no-login {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#868686',endColorstr='#6f6f6f',GradientType=0);
  background: #868686;
  background: -moz-linear-gradient(top, #868686 0%, #6f6f6f 100%);
  background: -webkit-linear-gradient(top, #868686 0%, #6f6f6f 100%);
  background: linear-gradient(to bottom, #868686 0%, #6f6f6f 100%);
}
.request_table {
  margin: 0 auto;
  margin-top: 42px;
  margin-bottom: 30px;
  border-bottom: 1px solid #acacac;
  width: 1100px;
}
.request_table td,
.request_table th {
  vertical-align: middle;
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #363636;
  font-size: 14px;
}
.request_table th {
  padding-left: 38px;
}
.request_table td:first-child {
  padding-left: 38px;
  width: 200px;
}
.request_table tr:first-child td {
  border-top-color: #acacac;
}
.request_table input[type="text"] {
  box-sizing: border-box;
  border: 1px solid #b7b7b7;
  padding: 0 18px;
  width: 480px;
  height: 42px;
  color: #0d0d0d;
  font-size: 16px;
  line-height: 42px;
}
.request_table textarea {
  width: 480px;
  max-width: 862px;
  height: 120px;
}
.request_table .input-validation-error {
  border-color: #f00 !important;
}
.request_table .field-validation-valid {
  font-weight: bold;
}
.request_table select {
  border: 1px solid #c2c2c2;
  padding-left: 14px;
  height: 40px;
}
.request_table select + select {
  margin-left: 8px;
}
.request_table td.title {
  font-size: 16px;
}
.request_table ul.info {
  margin-top: 18px;
}
.request_table ul.info li {
  position: relative;
  padding-left: 15px;
}
.request_table ul.info li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.request_table ul.info li {
  color: #797979;
  font-size: 14px;
  line-height: 17px;
}
.request_table ul.info li .red {
  color: #ff3232;
}
.ui-datepicker {
  display: none;
}

.btn_top {
  position: fixed;
  right: 20px;
  bottom: 200px;
  background: url(../images/top_btn.png) no-repeat 0 0;
  width: 50px;
  height: 50px;
}
.btn_top span {
  display: block;
  width: 100%;
  height: 100%;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: url(../images/dimmed40.png);
  width: 100%;
  height: 100%;
}
.loading:after {
  display: block;
  background: url(../images/paypal_loading.gif) no-repeat center center;
  width: 100%;
  height: 100%;
  content: "";
}

/* 이메일 제안 */
.email_suggest {
  background: url(../images/caution_email.png) no-repeat 0 0;
  padding-left: 18px;
  color: #111111;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}
.email_suggest span {
  cursor: pointer;
  color: #ff7800;
  text-decoration: underline;
}
.signup_box .email_suggest {
  position: absolute;
  top: 53px;
  left: 120px;
  border-left: 1px solid #c2c2c2;
  background-position: 14px 0;
  padding-left: 32px;
}
.login_box .email_suggest {
  position: absolute;
  top: 44px;
  left: 50%;
  margin-left: -220px;
}

/* 스킬시뮬레이터 배너 */
.skill_banner {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/skill_banner.jpg) no-repeat 0 0;
  width: 397px;
  height: 120px;
}
.skill_banner span {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

/* 웹상점 */
.cash_shop {
  padding-top: 43px;
}
.cash_shop .shop_info {
  box-sizing: border-box;
  box-shadow: 0 2px 2px -1px #d7d7d7;
  border: 1px solid #d7d7d7;
  padding: 11px;
  width: 100%;
  height: 110px;
  text-align: center;
}
.cash_shop .shop_info h1 {
  margin-bottom: 8px;
  color: #ffbd1d;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
}
.cash_shop .shop_info h1 span {
  border-bottom: 2px solid #ffbd1d;
}
.cash_shop .shop_info p {
  color: #959595;
  font-size: 16px;
  line-height: 24px;
}
.cash_shop .shop_info.tier p {
  line-height: 88px;
}
.cash_shop .shop_info.hottime p {
  padding: 10px 0 0;
}
.cash_shop .shop_info.hottime .countdown {
  display: inline-block;
  border-bottom: 2px solid #ffbd1d;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
.cash_shop .shop_info.tier p strong,
.cash_shop .shop_info.hottime p strong,
.cash_shop .shop_info.hottime .countdown strong {
  color: #ffbd1d;
}
.cash_shop .shop_list_wrap.tier {
  margin: 39px 0 0;
  border: 1px solid #d7d7d7;
  padding: 29px;
}
.cash_shop .shop_list_wrap.tier .tier_head {
  text-align: center;
}
.cash_shop .shop_list_wrap.tier .tier_head > strong {
  display: block;
  margin: 4px 0 0;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
}
.cash_shop .shop_list_wrap.tier .tier_head > strong:before {
  content: "[";
}
.cash_shop .shop_list_wrap.tier .tier_head > strong:after {
  content: "]";
}
.cash_shop .shop_list_wrap.tier .tier_head em {
  display: inline-block;
  margin: 4px 0 0;
  border-bottom: 2px solid #ffbd1d;
  color: #959595;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}
.cash_shop .shop_list_wrap.tier .tier_head em strong {
  display: inline;
  color: #ffbd1d;
}
.cash_shop .shop_list_wrap.tier .tier_reward {
  position: relative;
  margin: 35px auto 0;
  box-shadow: 0 2px 2px -1px #d7d7d7;
  border: 1px solid #ffbd1d;
  width: 490px;
  height: 174px;
}
.cash_shop .shop_list_wrap.tier .tier_reward:before {
  display: block;
  position: absolute;
  top: -11px;
  right: 49px;
  background: url(../images/label_reward.png) no-repeat 0 0;
  width: 148px;
  height: 58px;
  overflow: hidden;
  content: "";
}
.cash_shop .shop_list_wrap.tier .tier_reward .sthumb_img {
  display: block;
  width: 246px;
  height: 174px;
  overflow: hidden;
}
.cash_shop .shop_list_wrap.tier .tier_reward .sthumb_img > span {
  display: block;
  transition: 0.3s transform;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 246px;
  height: 174px;
}
.cash_shop .shop_list_wrap.tier .tier_reward:hover .sthumb_img span {
  transform: scale(1.1);
}
.cash_shop .shop_list_wrap.tier .tier_reward h1 {
  display: table;
  position: absolute;
  top: 50px;
  right: 0;
  width: 244px;
  height: 64px;
  overflow: hidden;
  color: #434343;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.cash_shop .shop_list_wrap.tier .tier_reward h1 span {
  display: table-cell;
  vertical-align: middle;
}
.cash_shop .shop_list_wrap.tier .tier_reward .item_get {
  position: absolute;
  top: 110px;
  right: 67px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c',endColorstr='#ffad00',GradientType=0);
  cursor: pointer;
  box-shadow: inset 0 0 1px 1px #ffc721;
  border: 1px solid #da7b00;
  border-radius: 3px;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  width: 108px;
  height: 40px;
  color: #a65a07;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 0 1px #ffcd26;
  text-transform: uppercase;
}
.cash_shop .shop_list_wrap.tier .tier_reward .item_get:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb1e',endColorstr='#ffd426',GradientType=0);
  box-shadow: inset 0 0 1px 1px #ffda2a;
  border: 1px solid #f89a05;
  background: #ffcb1e;
  background: -moz-linear-gradient(top, #ffcb1e 0%, #ffd426 100%);
  background: -webkit-linear-gradient(top, #ffcb1e 0%, #ffd426 100%);
  background: linear-gradient(to bottom, #ffcb1e 0%, #ffd426 100%);
  color: #a65a07;
  text-shadow: 0 1px #ffbd1d;
}
.cash_shop .shop_list_wrap.tier .tier_reward .item_get.locked,
.cash_shop .shop_list_wrap.tier .tier_reward .item_get.optained {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2',endColorstr='#959492',GradientType=0);
  cursor: default;
  box-shadow: inset 0 0 1px 1px #acabaa;
  border-color: #959595;
  background: #b2b2b2;
  background: -moz-linear-gradient(top, #b2b2b2 0%, #959492 100%);
  background: -webkit-linear-gradient(top, #b2b2b2 0%, #959492 100%);
  background: linear-gradient(to bottom, #b2b2b2 0%, #959492 100%);
  color: #535353;
  text-shadow: 0 1px #afaead;
}
.cash_shop .shop_list_wrap.tier .tier_note {
  margin: 50px 0 0;
}
.cash_shop .shop_list_wrap.tier .tier_note h1 {
  position: relative;
  padding: 0 0 0 12px;
  color: #434343;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}
.cash_shop .shop_list_wrap.tier .tier_note h1:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  background: #ffbd1d;
  width: 3px;
  height: 16px;
  overflow: hidden;
  content: "";
}
.cash_shop .shop_list_wrap.tier .tier_note .note {
  padding: 20px 0;
  color: #535353;
  font-size: 16px;
  line-height: 25px;
}
.cash_shop .shop_list {
  padding-top: 8px;
}
.cash_shop .shop_list:after {
  display: block;
  clear: both;
  content: "";
}
.cash_shop .shop_list.empty {
  padding: 100px 0 40px;
  color: #959595;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
.cash_shop .shop_list > li {
  position: relative;
  float: left;
  transition: 0.3s border;
  box-sizing: border-box;
  margin: 32px 0 0 36px;
  box-shadow: 0 2px 2px -1px #d7d7d7;
  border: 3px solid transparent;
  width: 248px;
  height: 365px;
}
.cash_shop .shop_list.tier > li {
  margin-left: 16px;
}
.cash_shop .shop_list.tier > li:after {
  display: block;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  margin: auto 0;
  background: url(../images/btn_arrow2.png) no-repeat 0 0;
  width: 10px;
  height: 32px;
  overflow: hidden;
  content: "";
}
.cash_shop .shop_list > li:hover {
  border-color: #ffbd1d;
}
.cash_shop .shop_list > li:before {
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1px solid #d7d7d7;
  content: "";
}
.cash_shop .shop_list > li:hover:before {
  display: none;
}
.cash_shop .shop_list.tier > li:nth-child(4n + 1):after {
  display: none;
}
.cash_shop .shop_list > li:nth-child(4n + 1) {
  margin-left: 0;
}
.cash_shop .shop_list > li .label {
  position: absolute;
  top: -6px;
  left: 8px;
  z-index: 2;
}
.cash_shop .shop_list > li .label li {
  float: left;
  background: url(../images/shop_icon_label.png) no-repeat 0 0;
  width: 32px;
  height: 43px;
  text-indent: -9999px;
}
.cash_shop .shop_list > li .label li.new {
  background-position: 0 0;
}
.cash_shop .shop_list > li .label li.best {
  background-position: -32px 0;
}
.cash_shop .shop_list > li .label li.dc {
  background-position: -64px 0;
}
.cash_shop .shop_list > li .label li.hot {
  background-position: -96px 0;
}
.cash_shop .shop_list > li .sthumb_wrap {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 242px;
  height: 172px;
}
.cash_shop .shop_list > li:hover .sthumb_wrap {
  overflow: hidden;
}
.cash_shop .shop_list > li .sthumb_img {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin: -2px -2px 0;
  width: 246px;
  height: 174px;
  overflow: hidden;
}
.cash_shop .shop_list > li .sthumb_img > span {
  display: block;
  transition: 0.3s transform;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 246px;
  height: 174px;
}
.cash_shop .shop_list > li .sthumb_img:before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url(../images/shop_icon_detail.png) no-repeat center center
    #ffbd1d;
  width: 36px;
  height: 36px;
  content: "";
}
.cash_shop .shop_list > li:hover .sthumb_img span {
  transform: scale(1.1);
}
.cash_shop .shop_list > li > h1 {
  display: table;
  margin: 175px 17px 0;
  border-bottom: 1px solid #e3e3e3;
  width: 208px;
  height: 64px;
  overflow: hidden;
  color: #434343;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.cash_shop .shop_list > li > h1 span {
  display: table-cell;
  vertical-align: middle;
}
.cash_shop .shop_list > li:hover > h1 {
  border-bottom-color: #ffbd1d;
}
.cash_shop .shop_list > li .sthumb_info {
  float: left;
  margin: 17px 0 0 16px;
  width: 166px;
}
.cash_shop .shop_list > li .sthumb_info li {
  padding-bottom: 3px;
  color: #2e2317;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}
.cash_shop .shop_list > li .sthumb_info li strong {
  color: #ffa200;
  font-size: 16px;
}
.cash_shop .shop_list > li .sthumb_info li small {
  font-size: 12px;
}
.cash_shop .shop_list > li .sthumb_purchase {
  display: block;
  margin: 65px auto 0;
  width: 124px;
}
.cash_shop .shop_list > li .sthumb_purchase .item_purchase {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c',endColorstr='#ffad00',GradientType=0);
  cursor: pointer;
  box-shadow: inset 0 0 1px 1px #ffc721;
  border: 1px solid #da7b00;
  border-radius: 3px;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  width: 124px;
  height: 36px;
  color: #a65a07;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 0 1px #ffcd26;
  text-transform: uppercase;
}
.cash_shop .shop_list > li .sthumb_purchase .item_purchase:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb1e',endColorstr='#ffd426',GradientType=0);
  box-shadow: inset 0 0 1px 1px #ffda2a;
  border: 1px solid #f89a05;
  background: #ffcb1e;
  background: -moz-linear-gradient(top, #ffcb1e 0%, #ffd426 100%);
  background: -webkit-linear-gradient(top, #ffcb1e 0%, #ffd426 100%);
  background: linear-gradient(to bottom, #ffcb1e 0%, #ffd426 100%);
  color: #a65a07;
  text-shadow: 0 1px #ffbd1d;
}
.cash_shop .shop_list > li.soldout:hover {
  border-color: #d7d7d7;
}
.cash_shop .shop_list > li.soldout .sthumb_img {
  border-color: #d7d7d7;
}
.cash_shop .shop_list > li.soldout .sthumb_img > span:before {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  background-color: #959595;
  width: 100%;
  height: 100%;
  content: "";
}
.cash_shop .shop_list > li.soldout .sthumb_img:before {
  display: none;
}
.cash_shop .shop_list > li.soldout > h1 {
  color: #a0a0a0;
}
.cash_shop .shop_list > li.soldout:hover > h1 {
  border-bottom-color: #e3e3e3;
}
.cash_shop .shop_list > li.soldout .sthumb_info li strong {
  color: #959595;
}
.cash_shop .shop_list > li.soldout .sthumb_purchase .item_purchase,
.cash_shop .shop_list > li.locked .sthumb_purchase .item_purchase {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2',endColorstr='#959492',GradientType=0);
  cursor: default;
  box-shadow: inset 0 0 1px 1px #acabaa;
  border-color: #959595;
  background: #b2b2b2;
  background: -moz-linear-gradient(top, #b2b2b2 0%, #959492 100%);
  background: -webkit-linear-gradient(top, #b2b2b2 0%, #959492 100%);
  background: linear-gradient(to bottom, #b2b2b2 0%, #959492 100%);
  width: 100%;
  color: #535353;
  text-shadow: 0 1px #afaead;
}

.cash_shop .shop_detail {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  padding: 48px 70px;
  height: 407px;
}
.cash_shop .shop_detail .sthumb_img_big {
  float: left;
  box-sizing: border-box;
  margin-right: 63px;
  border: 1px solid #604e26;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 416px;
  height: 294px;
}
.cash_shop .shop_detail .label {
  position: absolute;
  top: 45px;
  left: 88px;
  z-index: 2;
}
.cash_shop .shop_detail .label li {
  float: left;
  background: url(../images/shop_icon_label_big.png) no-repeat 0 0;
  width: 40px;
  height: 52px;
  text-indent: -9999px;
}
.cash_shop .shop_detail .label li.new {
  background-position: 0 0;
}
.cash_shop .shop_detail .label li.best {
  background-position: -40px 0;
}
.cash_shop .shop_detail .label li.dc {
  background-position: -80px 0;
}
.cash_shop .shop_detail .label li.hot {
  background-position: -120px 0;
}
.cash_shop .shop_detail .detail_info {
  float: left;
  width: 479px;
}
.cash_shop .shop_detail .detail_info h1 {
  margin-bottom: 18px;
  border-bottom: 1px solid #514f19;
  padding: 10px 0 26px;
  color: #0d0d0d;
  font-size: 24px;
  line-height: 28px;
}
.cash_shop .shop_detail .detail_info .cash_eyet {
  margin-bottom: 20px;
  height: 38px;
}
.cash_shop .shop_detail .detail_info .cash_eyet span {
  display: inline-block;
  vertical-align: top;
}
.cash_shop .shop_detail .detail_info .cash_eyet span.sale_eyet,
.cash_shop .shop_detail .detail_info .cash_eyet span.eyet {
  padding-top: 16px;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
}
.cash_shop .shop_detail .detail_info .cash_eyet span.sale_eyet {
  color: #a0a0a0;
  text-decoration: line-through;
}
.cash_shop .shop_detail .detail_info .cash_eyet span.eyet {
  color: #ffa200;
}
.cash_shop .shop_detail .detail_info .cash_eyet span.sale_eyet:after,
.cash_shop .shop_detail .detail_info .cash_eyet span.eyet:after {
  content: " EYET";
  font-weight: normal;
  font-size: 18px;
}
.cash_shop .shop_detail .detail_info .cash_eyet span.eyet:after {
  color: #2e2317;
}
.cash_shop .shop_detail .detail_info .cash_eyet span.sale_arrow {
  background: url(../images/shop_icon_arrow.png) no-repeat center 20px;
  width: 40px;
  height: 36px;
  color: #e60012;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.025em;
  text-align: center;
}
.cash_shop .shop_detail .detail_info .item_available {
  color: #ffa200;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
}
.cash_shop .shop_detail .detail_info .item_available:after {
  content: " Available";
  color: #2e2317;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
}
.cash_shop .shop_detail .detail_info .item_available.no {
  color: #a0a0a0;
}
.cash_shop .shop_detail .detail_info .item_available.no:after {
  content: "";
}
.cash_shop .shop_detail .btn_box {
  position: absolute;
  bottom: 64px;
  left: 550px;
}
.cash_shop .shop_detail .btn_box .item_purchase {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c', endColorstr='#ffad00', GradientType=0);
  cursor: pointer;
  margin-right: 18px;
  box-shadow: inset 0 0 1px 1px #ffc721;
  border: 1px solid #da7b00;
  border-radius: 3px;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  width: 228px;
  height: 66px;
  color: #a65a07;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 0 1px #ffcd26;
  text-transform: uppercase;
}
.cash_shop .shop_detail .btn_box .item_go_list {
  cursor: pointer;
  margin-right: 18px;
  box-shadow: inset 0 0 1px 1px #f0f0f0;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background: #eaeaea;
  width: 228px;
  height: 66px;
  color: #7d7d7d;
  font-size: 18px;
  text-shadow: 0 1px #f0f0f0;
  text-transform: uppercase;
}
.cash_shop .shop_detail_txt {
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  border-top: none;
  padding: 36px 50px;
}
.cash_shop .shop_detail_txt h1 {
  margin-bottom: 14px;
  margin-left: 8px;
  border-left: 3px solid #ffbd1d;
  padding-left: 9px;
  color: #0d0d0d;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
}
.cash_shop .shop_detail_txt p {
  padding: 14px 20px 40px;
  color: #535353;
  font-size: 16px;
  line-height: 24px;
}
.cash_shop .shop_detail_wrap {
  padding-bottom: 150px;
}
.cash_shop .shop_history_how {
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  padding: 25px 26px;
  height: 446px;
}
.cash_shop .shop_history_how h1 {
  padding: 0 22px;
  color: #2e2317;
  font-weight: bold;
  font-size: 18px;
  line-height: 34px;
  text-transform: uppercase;
}
.cash_shop .shop_history_how p {
  padding: 0 22px;
  color: #7d7d7d;
  font-size: 16px;
  line-height: 28px;
}
.cash_shop .shop_history_how ul {
  padding-top: 22px;
}
.cash_shop .shop_history_how ul:after {
  display: block;
  clear: both;
  content: "";
}
.cash_shop .shop_history_how li {
  float: left;
  margin: 0 4px;
  width: 340px;
  color: #a0a0a0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.025em;
  text-align: center;
  word-spacing: -0.05em;
}
.cash_shop .shop_history_how li > img {
  display: block;
  border: 1px solid #da7b00;
}
.cash_shop .shop_history_how li > span {
  display: block;
  padding-top: 20px;
}
.cash_shop .shop_agreement {
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  padding: 50px 70px;
}
.cash_shop .shop_agreement li {
  padding-left: 20px;
  color: #7d7d7d;
  font-weight: 300;
  font-size: 16px;
  line-height: 40px;
}
.cash_shop .shop_agreement li:before {
  margin-left: -8px;
  content: "- ";
}

.shop_pop_top {
  background: url(../images/tob_bg.png) repeat-x 0;
  min-width: 836px;
  height: 60px;
}
.shop_pop_top h1 {
  margin: 0 auto;
  width: 728px;
  font-weight: bold;
  font-size: 18px;
  line-height: 60px;
}
.shop_pop_content {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 728px;
}
.shop_pop_content h1 {
  padding: 30px 0 6px;
  font-size: 18px;
  line-height: 24px;
}
.shop_pop_content .rqtable {
  margin: 0 auto;
  width: 728px;
}
.shop_pop_content .rqtable th {
  text-transform: uppercase;
}
.shop_pop_content .rqtable .warning {
  background-color: #ffd9d9;
  height: 48px;
  color: #535353;
}
.shop_pop_content .rqtable .warning input[type="button"] {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c', endColorstr='#ffad00', GradientType=0);
  cursor: pointer;
  margin-left: 14px;
  box-shadow: inset 0 0 1px 1px #ffc721;
  border: 1px solid #da7b00;
  border-radius: 3px;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  width: 76px;
  height: 27px;
  color: #a65a07;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 1px #ffcd26;
  text-transform: uppercase;
}
.shop_pop_content .shop_pop_agree {
  padding: 24px 0;
}
.shop_pop_content .shop_pop_agree input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
.shop_pop_content .shop_pop_agree span {
  display: inline-block;
  vertical-align: top;
  padding: 0 6px;
  color: #a0a0a0;
  font-size: 14px;
  line-height: 20px;
}
.shop_pop_content .shop_pop_btn {
  text-align: center;
}
.shop_pop_content .shop_pop_btn .item_purchase {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c', endColorstr='#ffad00', GradientType=0);
  cursor: pointer;
  margin: 0 4px;
  box-shadow: inset 0 0 1px 1px #ffc721;
  border: 1px solid #da7b00;
  border-radius: 3px;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  width: 130px;
  height: 46px;
  color: #a65a07;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 0 1px #ffcd26;
  text-transform: uppercase;
}
.shop_pop_content .shop_pop_btn .item_cancel {
  cursor: pointer;
  margin: 0 4px;
  box-shadow: inset 0 0 1px 1px #f0f0f0;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background: #eaeaea;
  width: 130px;
  height: 46px;
  color: #7d7d7d;
  font-size: 16px;
  text-shadow: 0 1px #f0f0f0;
  text-transform: uppercase;
}

.col_yellow {
  color: #ffa200;
}
.col_red {
  color: #e60012;
}

/* 광고용 랜딩페이지 */
.ad_landing_bg {
  position: relative;
  background: url("../images/ad_landing_bg.jpg") no-repeat center 0;
  min-width: 1024px;
}
.ad_landing_bg .logo {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -512px;
  background: url("../images/logo2.png") no-repeat;
  width: 175px;
  height: 86px;
}
.ad_landing_bg .logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.ad_landing_bg .ec_ban {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 700px;
  background: url("../images/ec_bannar.png") no-repeat;
  width: 130px;
  height: 316px;
  text-indent: -9999px;
}
.landing_wrap {
  margin: 0 auto;
  padding-top: 115px;
  width: 1024px;
}
.landing_wrap:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}
.landing_wrap h1 {
  margin-left: 480px;
  background: url("../images/ad_landing_title.png") no-repeat center 0;
  padding: 10px;
  height: 40px;
  text-indent: -9999px;
}
.landing_wrap .btn_login {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd1c', endColorstr='#ffad00', GradientType=0);
  border: 1px solid #ffa200;
  background: #ffbd1c;
  background: -moz-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: -webkit-linear-gradient(top, #ffbd1c 0%, #ffad00 100%);
  background: linear-gradient(to bottom, #ffbd1c 0%, #ffad00 100%);
  width: 100%;
  height: 52px;
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
}
.landing_wrap .signup_box {
  float: right;
  margin-bottom: 120px;
  border: none;
  background-color: #fff;
  padding: 20px 32px;
}
.landing_wrap .signup_box .email_suggest {
  position: absolute;
  top: 32px;
  left: 88px;
  border-left: 1px solid #c2c2c2;
  background-position: 14px 0;
  padding-left: 32px;
}

/* captcha */
.bdc_captcha_box {
  width: 440px;
}
.signup_box .bdc_captcha_box {
  width: 480px;
}
.pop_reset .bdc_captcha_box {
  width: 326px;
}
.account_table .bdc_captcha_box .BDC_CaptchaDiv {
  margin-top: 20px;
}
.bdc_captcha_box .BDC_CaptchaImageDiv {
  margin-right: 38px;
}
.bdc_captcha_box .BDC_CaptchaImage {
  width: 100%;
  height: 64px;
}
.bdc_captcha_box .BDC_CaptchaIconsDiv a {
  display: block;
}
.bdc_captcha_box .ipt_code {
  display: block;
  margin: 0 auto !important;
  width: 100% !important;
  height: 14px;
}
.bdc_captcha_box .BDC_CaptchaDiv {
  position: relative;
  margin: 0 auto 5px;
}
.bdc_captcha_box .BDC_CaptchaIconsDiv {
  position: absolute;
  right: 0;
  top: 0;
}