body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  margin: 0;
  padding: 0;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  display: block;
}
html,
body {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
img,
form,
fieldset,
svg,
li {
  border: 0;
  vertical-align: top;
}
ul,
ol {
  list-style: none;
}
button {
  overflow: visible;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
button:disabled {
  cursor: default;
}
button::-moz-focus-inner {
  padding: 0;
  margin: -1px;
}
input::-ms-reveal {
  display: none;
}
input::-ms-clear {
  display: none;
}
input,
button,
select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
address,
caption,
em {
  font-style: normal;
}
a,
a:focus,
a:active,
a:hover {
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body, input, select, textarea, button {
  font-family: 'barlow', 'notosans', sans-serif;
}
.blind,
caption span,
legend {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
}
i {
  display: inline-block;
}
body {
  position: relative;
  min-width: 1320px;
}
.skip {
  height: 0;
}
.skip a {
  display: block;
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  height: 25px;
  text-align: center;
}
.skip a:focus,
#skip a:active {
  position: absolute;
  top: 0;
  z-index: 100;
  padding: 10px 0;
  background: #000;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}
.wrap {
  position: relative;
  min-width: 1340px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#content {
  position: relative;
  padding: 200px 0 100px;
}
.main_page #content {
  padding: 0;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 92px;
  border-bottom: solid 1px transparent;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header.fixed_left_header {
  position: fixed !important;
  width: 280px;
  height: 100%;
  padding: 32px 30px;
  background: #323645;
  border-bottom: none;
}
.header.fixed_left_header .sb-content {
  width: 122%;
  padding: 0 30px 0 0;
}
.header .inner {
  z-index: 1;
}
.header.sticky {
  border-bottom: solid 1px #eaeeef;
}
.header.sticky body:not(.main_page) .btn_gamestart {
  display: block;
}
.header .btn_gamestart {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -96px;
  width: 350px;
  height: 92px;
}
.header .btn_gamestart:hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 0;
  width: 350px;
  height: 92px;
}
.header.sub .gnb_util {
  top: 38px;
  right: 325px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.header.sub .login {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  vertical-align: top;
  opacity: 0.7;
}
.header.sub .login .ico_person {
  vertical-align: top;
}
.header.sub .pccafe_benefit {
  position: relative;
  width: auto;
  height: auto;
  margin-left: 10px;
  padding: 0 0 0 10px;
  background: transparent;
  line-height: 18px;
  vertical-align: top;
}
.header.sub .pccafe_benefit:before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 13px;
  background-color: rgba(255, 255, 255, 0.4);
  content: '';
}
.header.sub .pccafe_benefit .txt {
  margin: 0;
  font-family: 'notosans', sans-serif;
  font-size: 14px;
  color: #fff;
  opacity: 0.7;
}
.header.sub .pccafe_benefit .txt span {
  font-family: 'barlow', sans-serif;
  font-size: 16px;
}
.header.sub .pccafe_benefit .on {
  color: #3ea6ff;
}
.header.sub .pccafe_benefit .off {
  color: #909090;
}
.header.sub .btn_gamestart {
  display: block;
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -354px 0;
  width: 230px;
  height: 92px;
}
.header.sub .btn_gamestart:hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -192px;
  width: 230px;
  height: 92px;
}
.header.sub .bg_white .login {
  color: #101010;
}
.header.sub .bg_white .pccafe_benefit:before {
  background-color: rgba(16, 16, 16, 0.4);
}
.header.sub .bg_white .pccafe_benefit .txt {
  color: #101010;
}
.header.member {
  height: 111px;
  background-color: #f4f5f7;
  border-bottom: 1px solid #c4d0dc;
}
.header.member .title {
  top: 16px;
}
.header.member .sub_tit {
  overflow: hidden;
  padding: 0 160px 0 165px;
  font-size: 36px;
  color: #101010;
  line-height: 110px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header.member .lnk_lst {
  position: absolute;
  top: 46px;
  right: 0;
}
.header.member .lnk_lst a:hover {
  text-decoration: none;
}
.title {
  position: absolute;
  left: 0;
  top: 8px;
}
.title a {
  display: block;
  overflow: hidden;
  width: 69px;
  height: 77px;
  background: url(../img/logo.png);
  line-height: 999px;
}
.gnb {
  width: 100%;
  height: 100%;
  padding-left: 95px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gnb .gnb_lst {
  position: relative;
  height: 100%;
  font-size: 0;
}
.gnb .lst_itm {
  display: inline-block;
  position: relative;
  min-width: 80px;
  height: 100%;
  padding: 0 25px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.gnb .lst_itm a {
  display: block;
  position: relative;
  height: 100%;
  padding: 30px 0;
  font-size: 22px;
  color: #fff;
  letter-spacing: -0.3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gnb .lst_itm .sub_lst {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding-top: 11px;
}
.gnb .lst_itm .sub_lst li a {
  display: block;
  padding: 8px 0 7px;
  font-size: 14px;
  font-weight: normal;
}
.gnb_util {
  position: absolute;
  right: 0;
  top: 26px;
  font-size: 0;
}
.gnb_util .pccafe_benefit {
  display: inline-block;
  width: 142px;
  height: 42px;
  padding: 9px 0;
  background: rgba(225, 225, 225, 0.25);
  border-radius: 7px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gnb_util .pccafe_benefit .txt {
  display: inline-block;
  margin: 0 18px 0 23px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
}
.gnb_util .pccafe_benefit .label {
  display: inline-block;
  width: 56px;
  height: 24px;
  background: #fff;
  border-radius: 4px;
  font-family: 'barlow', sans-serif;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 22px;
}
.gnb_util .pccafe_benefit .label.on {
  color: #3387dd;
}
.gnb_util .pccafe_benefit .label.off {
  color: #a5a5b6;
}
.gnb_util .util_lst {
  display: inline-block;
  margin-left: 13px;
}
.gnb_util .util_lst li {
  display: inline-block;
  vertical-align: middle;
}
.gnb_util .util_lst li a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  opacity: 0.7;
  vertical-align: middle;
}
.gnb_util .util_lst li:first-child:after {
  display: inline-block;
  width: 1px;
  height: 13px;
  margin: 0 9px;
  background: #fff;
  opacity: 0.7;
  vertical-align: middle;
  content: '';
}
.depth_bg {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 92px;
  width: 100%;
  height: 201px;
  background: #fff;
  border-bottom: 1px solid #ebeeef;
}
.open {
  border-bottom: 1px solid #ebeeef;
  background: #fff;
}
.open .gnb .lst_itm.on > a, .open .gnb .lst_itm:hover > a {
  color: #3487dd !important;
}
.open .gnb .lst_itm.on > a:after, .open .gnb .lst_itm:hover > a:after{
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #3387dd;
  content: '';
}
.open .gnb .sub_lst li:hover a {
  color: #3487dd !important;
}
.open .gnb_util li:first-child:after {
  background: #c8c8cf;
  opacity: 1;
}
.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
}
.sticky .gnb .lst_itm a {
  color: #101010;
}
.sticky .gnb_util .txt, .sticky .gnb_util .util_lst li a {
  color: #101010;
}
.sticky .gnb_util .util_lst li:first-child:after {
  background: #c8c8cf;
}
.sticky body:not(.main_page) .gnb_util {
  display: none;
}
.footer {
  width: 100%;
  border-top: 1px solid #ebeeef;
  background: #fff;
}
.full_h .footer {
  position: absolute;
  bottom: 0;
}
.info_area {
  padding: 37px 0 54px 0;
  font-size: 13px;
  color: #101010;
}
.info_area .policy_lst {
  position: relative;
  font-size: 0;
}
.info_area .policy_lst .lst_itm {
  display: inline-block;
  position: relative;
  padding: 0 16px;
  vertical-align: middle;
}
/* 2022.06.30 */
.info_area .policy_lst .lst_itm a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #101010;
}
.info_area .policy_lst .lst_itm a strong {
  font-weight: 800;
}
/* // 2022.06.30 */
.info_area .policy_lst .lst_itm:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 16px;
  background: #d9dcde;
  content: '';
}
.info_area .policy_lst .lst_itm:first-child {
  padding-left: 0;
}
.info_area .policy_lst .lst_itm:first-child:before {
  display: none;
}
.info_area .policy_lst .lst_itm .dsc_tooltip {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 41px;
  margin-left: -355px;
  padding: 25px;
  border: 1px solid #d9dfe4;
  border-radius: 6px;
  background: #fff;
}
.info_area .policy_lst .lst_itm .dsc_tooltip:after {
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 19px;
  height: 14px;
  margin-left: 7px;
  background: url("../img/tooltip_arrow.jpg");
  content: '';
}
.info_area .policy_lst .lst_itm .dsc_tooltip .grade_bx {
  display: block;
  margin-top: 10px;
}
.info_area .policy_lst .lst_itm .dsc_tooltip .grade_bx:first-child {
  margin-top: 0;
}
.info_area .info_lst {
  margin-top: 25px;
  font-size: 0;
  white-space: nowrap;
}
.info_area .info_lst li {
  display: inline-block;
  margin-left: 9px;
  font-size: 13px;
}
.info_area .info_lst li:first-child {
  margin-left: 0;
}
.info_area .info_lst li a {
  color: #101010;
}
.info_area .copyright {
  display: block;
  margin-top: 6px;
}
.info_area .logo {
  display: inline-block;
}
.info_area .logo a {
  display: block;
  overflow: hidden;
  width: 106px;
  height: 27px;
  margin-top: 28px;
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -450px -332px;
  width: 106px;
  height: 27px;
  line-height: 999px;
}
.inner {
  position: relative;
  width: 1320px;
  height: 100%;
  margin: 0 auto;
}
.visual_area {
  height: 332px;
  padding-top: 92px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: auto 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.visual_area .sub_tit {
  display: inline-block;
  height: 100%;
  padding-top: 10px;
  font-size: 46px;
  font-weight: normal;
  color: #fff;
  letter-spacing: -2px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.visual_area .sub_tit:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.visual_area .breadcrumb {
  position: absolute;
  right: 0;
  bottom: 18px;
  font-size: 0;
}
.visual_area .breadcrumb .lst_itm {
  display: inline-block;
  position: relative;
  padding-right: 25px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
.visual_area .breadcrumb .lst_itm:after {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 5px;
  height: 9px;
  background: url("../img/location_arrow.png") no-repeat;
  font-size: 13px;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
  content: '';
}
.visual_area .breadcrumb .lst_itm:last-child {
  padding-right: 0;
}
.visual_area .breadcrumb .lst_itm:last-child:after {
  display: none;
}
.visual_area .breadcrumb .lst_itm a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
}
.custom_cb {
  position: relative;
  overflow: hidden;
}
.custom_cb span {
  float: left;
}
.custom_cb span:before {
  display: inline-block;
  margin-right: 7px;
  vertical-align: bottom;
  cursor: pointer;
  content: '';
}
.custom_cb input {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
}
.custom_cb:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: '';
}
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: '';
}
.btn_wrap {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 0;
}
.btn_default {
  display: inline-block;
  width: 162px;
  height: 52px;
  border: 1px solid #5498da;
  border-radius: 3px;
  background-color: #5498da;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn_default:disabled {
  background-color: rgba(165, 165, 182, 0.4);
  border: 0;
}
.btn_default.full_width {
  width: 100%;
}
.btn_default .ico_view_detail, .btn_default .detail_btn:after, .btn_default .cash_container .recharge_btn:after, .cash_container .btn_default .recharge_btn:after, .btn_default .cash_container .cash_itm_container .cash_itm .cash_detail_cont .btn_cash_action:after, .cash_container .cash_itm_container .cash_itm .cash_detail_cont .btn_default .btn_cash_action:after {
  opacity: 0.6;
  margin-left: 5px;
}
.btn_s {
  width: 92px;
  height: 36px;
  font-size: 14px;
  line-height: 34px;
}
.btn_l {
  width: 262px;
}
.btn_xl {
  width: 460px;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
}
.btn_outline {
  background-color: transparent;
  color: #5498da;
}
.detail_btn {
  display: block;
  width: 167px;
  height: 50px;
  margin-top: 26px;
  border: 1px solid #fff;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 46px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.detail_btn:after {
  display: inline-block;
  margin-left: 10px;
  content: '';
}
.to_top_btn {
  position: fixed;
  right: 30px;
  bottom: 140px;
  z-index: 999;
}
.chkbox {
  display: inline-block;
  padding: 0;
  font-size: 0;
}
.chkbox input {
  position: absolute;
  opacity: 0;
}
.chkbox label {
  display: inline-block;
  position: relative;
  padding-left: 27px;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 20px;
  cursor: pointer;
}
.chkbox label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.rdo_bx {
  display: inline-block;
}
.rdo_bx .inp_rdo {
  display: inline-block;
  margin-left: 30px;
}
.rdo_bx .inp_rdo:first-child {
  margin-left: 0;
}
.rdo_bx .inp_rdo.no_txt label {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
}
.rdo_bx .inp_rdo.no_txt label:before {
  top: 0;
}
.rdo_bx input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.rdo_bx input[type="radio"]:checked + label {
  color: #5498da;
}
.rdo_bx input[type="radio"]:disabled + label {
  opacity: 0.6;
  cursor: default;
}
.rdo_bx label {
  position: relative;
  padding-left: 19px;
  font-size: 14px;
  color: #101010;
  line-height: 20px;
  cursor: pointer;
}
.rdo_bx label:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
}
.label {
  display: inline-block;
  min-width: 56px;
  padding: 0 4px;
  border: solid 1px transparent;
  border-radius: 3px;
  font-family: 'notosans', sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.label.orange {
  border-color: rgba(243, 135, 9, 0.6);
  color: #ea5e00;
}
.label.purple {
  border-color: rgba(171, 121, 254, 0.6);
  color: #a068fe;
}
.label.green {
  border-color: rgba(63, 201, 108, 0.6);
  color: #30bb62;
}
.label.lightblue {
  border-color: rgba(89, 152, 216, 0.6);
  color: #49a1de;
}
.label.blue {
  border-color: rgba(121, 138, 239, 0.6);
  color: #798aef;
}
.label.pink {
  border-color: rgba(243, 130, 167, 0.6);
  color: #f86693;
}
.label.cerulean {
  border-color: rgba(25, 190, 214, 0.6);
  color: #19bed6;
}
.label.red {
  border-color: rgba(255, 68, 68, 0.6);
  color: #f43b3b;
}
.label.brown {
  border-color: rgba(196, 122, 73, 0.6);
  color: #c47a49;
}
.label.completed {
  background-color: #f3890d;
  color: #fff;
}
.label.in_progress {
  background-color: #a5a5b6;
  color: #fff;
}
.area.center_area {
  text-align: center;
}
.area > .tit {
  margin-top: 27px;
  font-size: 46px;
  font-weight: 500;
  line-height: 60px;
  letter-spacing: -0.7px;
  text-align: center;
}
.area > .tit .eng_txt {
  font-size: 52px;
}
.area > .tit + img {
  margin-top: 35px;
}
.area_txt {
  margin-top: 17px;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}
.area_txt.blue_txt {
  color: #5498da;
}
.quote {
  font-weight: bold;
  font-style: italic;
}
.lnk_lst {
  font-size: 0;
}
.lnk_lst li {
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: #101010;
  line-height: 20px;
}
.lnk_lst li + li {
  margin-left: 20px;
  padding-left: 20px;
}
.lnk_lst li + li:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #c3c3cb;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.lnk_lst a {
  font-size: 16px;
  font-weight: 300;
  color: #101010;
}
.lnk_lst a:hover {
  text-decoration: underline;
}
.cell_nodata {
  padding: 40px 0;
  line-height: 27px;
}
.txt_blue {
  color: #3489df;
}
.txt_bold {
  font-weight: 600;
}
.txt_light {
  font-weight: 100;
}
.txt_left {
  text-align: left;
}
.txt_large {
  font-size: 18px;
}
.txt_small {
  font-size: 14px !important;
}
input[type="text"]::-ms-clear {
  display: none;
}
.rdo {
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 74px;
  vertical-align: top;
}
.rdo input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.rdo input:checked + label {
  border: none;
  background: #5498da;
  font-weight: 600;
  color: #fff;
  line-height: 36px;
}
.rdo label {
  display: inline-block;
  height: 36px;
  min-width: 92px;
  padding: 0 15px;
  border-radius: 3px;
  border: 1px solid #e2e7ee;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  text-align: center;
  line-height: 34px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.rdo ~ .rdo {
  margin-left: 8px;
}
.txt_default {
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
}
.txt_default strong {
  color: #101010;
}
.txt_default ~ .txt_default {
  margin-top: 12px;
}
.tit_default {
  display: block;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 600;
  color: #101010;
}
.dot_lst {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
}
.dot_lst li {
  position: relative;
  padding-left: 15px;
}
.dot_lst li:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  background: #5e5e5e;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.dot_lst li ~ li {
  margin-top: 11px;
}
.dot_lst li.txt_blue:before {
  background: #5498da;
}
.highlight_bx_ct {
  padding: 33px 30px 57px;
  border-top: 2px solid #747b8f;
  border-bottom: 1px solid #e2e7ee;
  background: #fafbfd;
}
.def_lst {
  display: inline-block;
  margin-left: 74px;
  text-align: left;
}
.def_lst > div:first-child ~ div {
  margin-top: 13px;
}
.def_lst dt {
  display: inline-block;
  width: 179px;
  font-size: 16px;
  color: #717c99;
  /* 2022.07.08 수정사항 확인 */
  vertical-align: top;
  /* // 2022.07.08 수정사항 확인 */
}
.def_lst dt:before {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  content: '';
}
.def_lst dd {
  display: inline-block;
  color: #101010;
  /* 2022.07.08 수정사항 확인 */
  vertical-align: top;
  /* // 2022.07.08 수정사항 확인 */
}
.def_lst dd.eng_txt {
  font-size: 17px;
  font-weight: 600;
}
.def_lst dd.txt_blue {
  color: #5498da;
}
.note {
  color: #5e5e5e;
  letter-spacing: -0.01em;
  line-height: 27px;
}
@font-face {
  font-family: 'notosans';
  src: url('../font/notoSansCJKkr_Regular.eot?');
  src: url('../font/notoSansCJKkr_Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/notoSansCJKkr_Regular.woff') format('woff'),
    url('../font/notoSansCJKkr_Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'notosans';
  font-weight: 300;
  src: url('../font/notoSansCJKkr_Light.eot?');
  src: url('../font/notoSansCJKkr_Light.eot?#iefix') format('embedded-opentype'),
    url('../font/notoSansCJKkr_Light.woff') format('woff'),
    url('../font/notoSansCJKkr_Light.ttf') format('truetype');
}
@font-face {
  font-family: 'notosans';
  font-weight: bold;
  src: url('../font/notoSansCJKkr_Medium.eot?');
  src: url('../font/notoSansCJKkr_Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/notoSansCJKkr_Medium.woff') format('woff'),
    url('../font/notoSansCJKkr_Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'barlow';
  src: url('../font/barlow_Regular.eot?');
  src: url('../font/barlow_Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/barlow_Regular.woff') format('woff'),
    url('../font/barlow_Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'barlow';
  font-weight: 500;
  src: url('../font/barlow_Medium.eot?');
  src: url('../font/barlow_Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/barlow_Medium.woff') format('woff'),
    url('../font/barlow_Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'barlow';
  font-weight: bold;
  src: url('../font/barlow_Bold.eot?');
  src: url('../font/barlow_Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/barlow_Bold.woff') format('woff'),
    url('../font/barlow_Bold.ttf') format('truetype');
}
.btn_down {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -597px;
  width: 60px;
  height: 60px;
}
.btn_top {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -64px -597px;
  width: 60px;
  height: 60px;
}
.ico_amd {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -326px -332px;
  width: 120px;
  height: 30px;
}
.ico_ar_down {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -771px -716px;
  width: 11px;
  height: 6px;
}
.ico_arr_down, .board_lst.accordion .accordion_header:after, .game_guide_page .header .gnb .lst_itm > a:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -696px -583px;
  width: 15px;
  height: 8px;
}
.ico_arr_down_hover, .board_lst.accordion .accordion_header:hover:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -734px -583px;
  width: 15px;
  height: 8px;
}
.ico_arr_right, .cs_ct .customer_consultant .card_bx a:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -775px -444px;
  width: 6px;
  height: 11px;
}
.ico_arr_up, .board_ct.view .attach.open .btn_toggle_attach .ico_arr_down, .board_ct.view .attach.open .btn_toggle_attach .board_lst.accordion .accordion_header:after, .board_lst.accordion .board_ct.view .attach.open .btn_toggle_attach .accordion_header:after, .board_ct.view .attach.open .btn_toggle_attach .game_guide_page .header .gnb .lst_itm > a:after, .game_guide_page .header .gnb .board_ct.view .attach.open .btn_toggle_attach .lst_itm > a:after, .board_lst.accordion .open .accordion_header:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -583px;
  width: 15px;
  height: 8px;
}
.ico_arr_up_hover, .board_ct.view .attach.open .btn_toggle_attach:hover .ico_arr_down, .board_ct.view .attach.open .btn_toggle_attach:hover .board_lst.accordion .accordion_header:after, .board_lst.accordion .board_ct.view .attach.open .btn_toggle_attach:hover .accordion_header:after, .board_ct.view .attach.open .btn_toggle_attach:hover .game_guide_page .header .gnb .lst_itm > a:after, .game_guide_page .header .gnb .board_ct.view .attach.open .btn_toggle_attach:hover .lst_itm > a:after, .board_lst.accordion .open .accordion_header:hover:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -715px -583px;
  width: 15px;
  height: 8px;
}
.ico_blue_r_arr, .main_info_area .main_info_lst .btn_act:after, .popup_page .btn_lnk:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -775px -466px;
  width: 6px;
  height: 11px;
}
.ico_calendar, .datepicker_area .tui-datepicker-input .tui-ico-date {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -466px;
  width: 16px;
  height: 15px;
}
.ico_cash, .cash_container .cash_itm_container .cash_itm .cash_detail_cont .cash_num:before, .cash_number:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -203px;
  width: 24px;
  height: 24px;
}
.ico_cash2 {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -354px -210px;
  width: 133px;
  height: 69px;
}
.ico_cash3, .cash_bx .cash_number:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -222px -550px;
  width: 31px;
  height: 31px;
}
.ico_cash_refund {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -588px -101px;
  width: 83px;
  height: 88px;
}
.ico_cash3, .cash_bx .cash_number:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -330px;
  width: 20px;
  height: 20px;
}
.ico_cbox_checked, .custom_cb input:checked + span:before, .chkbox input:checked + label:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -354px;
  width: 20px;
  height: 20px;
}
.ico_change_password {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -234px -192px;
  width: 114px;
  height: 90px;
}
.ico_check, .def_lst dt:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -772px -699px;
  width: 10px;
  height: 8px;
}
.ico_circle, .step_lst li:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -575px;
  width: 14px;
  height: 14px;
}
.ico_circle_blue, .step_lst li.done:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -593px;
  width: 14px;
  height: 14px;
}
.ico_close_pop {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -257px -550px;
  width: 30px;
  height: 30px;
}
.ico_cogs {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -172px;
  width: 74px;
  height: 64px;
}
.ico_del, .board_ct.write .form_lst > li .file_lst > li .btn_remove_file {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -378px;
  width: 18px;
  height: 18px;
}
.ico_del_hover, .board_ct.write .form_lst > li .file_lst > li .btn_remove_file:hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -400px;
  width: 18px;
  height: 18px;
}
.ico_done, .board_result.done:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -472px -396px;
  width: 84px;
  height: 84px;
}
.ico_down, .ranking_page .board_ct.rank .board_lst .rank_change.down:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -716px;
  width: 12px;
  height: 12px;
}
.ico_download {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -699px;
  width: 13px;
  height: 13px;
}
.ico_download_exe {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -354px -96px;
  width: 100px;
  height: 110px;
}
.ico_download_zip {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -458px -96px;
  width: 100px;
  height: 110px;
}
.ico_error, .board_result.error:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -506px;
  width: 92px;
  height: 87px;
}
.ico_evnt_banner_next, .event_container .evnt_highlight_container .evnt_itm .evnt_banner_lst .slick-next {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -58px;
  width: 27px;
  height: 54px;
}
.ico_evnt_banner_next_hover, .event_container .evnt_highlight_container .evnt_itm .evnt_banner_lst .slick-next:hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -555px -210px;
  width: 27px;
  height: 54px;
}
.ico_evnt_banner_prev, .event_container .evnt_highlight_container .evnt_itm .evnt_banner_lst .slick-prev {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -116px;
  width: 27px;
  height: 54px;
}
.ico_evnt_banner_prev_hover, .event_container .evnt_highlight_container .evnt_itm .evnt_banner_lst .slick-prev:hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px 0;
  width: 27px;
  height: 54px;
}
.ico_facebook {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -526px -506px;
  width: 34px;
  height: 34px;
}
.ico_fansite {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -526px -288px;
  width: 46px;
  height: 39px;
}
.ico_fax {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -663px;
  width: 14px;
  height: 13px;
}
.ico_file {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -775px -422px;
  width: 7px;
  height: 18px;
}
.ico_first {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -602px -506px;
  width: 34px;
  height: 34px;
}
.ico_guide {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -188px -396px;
  width: 82px;
  height: 104px;
}
.ico_hand {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -288px;
  width: 104px;
  height: 104px;
}
.ico_heart {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -646px;
  width: 14px;
  height: 13px;
}
.ico_heart_selected, .board_ct.view .share .btn_recommend.is_selected .ico_heart {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -629px;
  width: 14px;
  height: 13px;
}
.ico_home {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -588px -490px;
  width: 12px;
  height: 12px;
}
.ico_ie {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -128px -597px;
  width: 58px;
  height: 56px;
}
.ico_last {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -488px -506px;
  width: 34px;
  height: 34px;
}
.ico_line_circle_blue, .step_lst li.on:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -503px;
  width: 14px;
  height: 14px;
}
.ico_link {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -184px -550px;
  width: 34px;
  height: 34px;
}
.ico_location {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -680px;
  width: 12px;
  height: 15px;
}
.ico_lock {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -588px 0;
  width: 85px;
  height: 97px;
}
.ico_lock2 {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -640px -506px;
  width: 33px;
  height: 33px;
}
.ico_maintenance, .board_result.maintenance:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -274px -396px;
  width: 92px;
  height: 92px;
}
.ico_member {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -240px;
  width: 68px;
  height: 67px;
}
.ico_member2 {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -284px -506px;
  width: 60px;
  height: 39px;
}
.ico_member_plus {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -588px -193px;
  width: 85px;
  height: 85px;
}
.ico_monitor {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -108px -288px;
  width: 106px;
  height: 82px;
}
.ico_new {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -258px;
  width: 20px;
  height: 20px;
}
.ico_new_member {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -348px -506px;
  width: 60px;
  height: 39px;
}
.ico_next {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -564px -506px;
  width: 34px;
  height: 34px;
}
.ico_nodata, .board_result.nodata:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -96px -506px;
  width: 84px;
  height: 84px;
}
.ico_normal_login, .login_bar_container .account_section .member_info_container .login_status.normal {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -246px -597px;
  width: 52px;
  height: 52px;
}
.ico_nosearch, .board_result.nosearch:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -370px -396px;
  width: 98px;
  height: 84px;
}
.ico_nvidia {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -218px -288px;
  width: 104px;
  height: 78px;
}
.ico_old_member {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -302px -597px;
  width: 60px;
  height: 42px;
}
.ico_paper {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -588px -386px;
  width: 72px;
  height: 100px;
}
.ico_paper_lock {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -661px;
  width: 52px;
  height: 68px;
}
.ico_pdf, .board_ct.write .form_lst > li .file_lst > li:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -282px;
  width: 20px;
  height: 20px;
}
.ico_person {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -444px;
  width: 16px;
  height: 18px;
}
.ico_person_gray, .header.sub .bg_white .login .ico_person {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -422px;
  width: 16px;
  height: 18px;
}
.ico_phone {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -611px;
  width: 14px;
  height: 14px;
}
.ico_plus, .event_container .news_lst_container .plus_btn {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -174px;
  width: 25px;
  height: 25px;
}
.ico_popup {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -521px;
  width: 14px;
  height: 14px;
}
.ico_popup_white, .tab.depth2 li:hover a .ico_popup, .tab.depth2 li.on a .ico_popup {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -485px;
  width: 14px;
  height: 14px;
}
.ico_prev {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -412px -506px;
  width: 34px;
  height: 34px;
}
.ico_rdo, .rdo_bx label:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -539px;
  width: 14px;
  height: 14px;
}
.ico_rdo_checked, .rdo_bx input[type="radio"]:checked + label:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -557px;
  width: 14px;
  height: 14px;
}
.ico_report {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -588px -282px;
  width: 72px;
  height: 100px;
}
.ico_right_angle {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -771px -680px;
  width: 10px;
  height: 10px;
}
.ico_safe {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -56px -661px;
  width: 40px;
  height: 46px;
}
.ico_search {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -306px;
  width: 20px;
  height: 20px;
}
.ico_secure_login, .login_bar_container .account_section .member_info_container .login_status.secure {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -190px -597px;
  width: 52px;
  height: 52px;
}
.ico_server {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -100px -661px;
  width: 40px;
  height: 44px;
}
.ico_shield_lock {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -396px;
  width: 90px;
  height: 106px;
}
.ico_shield_unlock {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -94px -396px;
  width: 90px;
  height: 106px;
}
.ico_sign_up, .login_bar_container .account_section .signup_btn:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -231px;
  width: 21px;
  height: 23px;
}
.ico_slide_next, .top_banner_container .evt_banner_lst .slick-next {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -379px;
  width: 64px;
  height: 64px;
}
.ico_slide_next_hover, .top_banner_container .evt_banner_lst .slick-next:hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -311px;
  width: 64px;
  height: 64px;
}
.ico_slide_prev, .top_banner_container .evt_banner_lst .slick-prev {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -447px;
  width: 64px;
  height: 64px;
}
.ico_slide_prev_hover, .top_banner_container .evt_banner_lst .slick-prev:hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -515px;
  width: 64px;
  height: 64px;
}
.ico_smart_phone {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px 0;
  width: 74px;
  height: 92px;
}
.ico_support {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -144px -661px;
  width: 34px;
  height: 43px;
}
.ico_top, .to_top_btn {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -491px -210px;
  width: 60px;
  height: 60px;
}
.ico_twitter {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -450px -506px;
  width: 34px;
  height: 34px;
}
.ico_up, .ranking_page .board_ct.rank .board_lst .rank_change.up:before {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -604px -490px;
  width: 12px;
  height: 12px;
}
.ico_view_detail, .detail_btn:after, .cash_container .recharge_btn:after, .cash_container .cash_itm_container .cash_itm .cash_detail_cont .btn_cash_action:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -773px -485px;
  width: 6px;
  height: 11px;
}
.ico_window {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -96px;
  width: 72px;
  height: 72px;
}
.img_gamestart {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -96px;
  width: 350px;
  height: 92px;
}
.img_gamestart_hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 0;
  width: 350px;
  height: 92px;
}
.img_gamestart_sub {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -354px 0;
  width: 230px;
  height: 92px;
}
.img_gamestart_sub_hover {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: 0 -192px;
  width: 230px;
  height: 92px;
}
.label_best {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -426px -288px;
  width: 96px;
  height: 40px;
}
.label_end {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -326px -288px;
  width: 96px;
  height: 40px;
}
.label_ing {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -184px -506px;
  width: 96px;
  height: 40px;
}
.s_logo {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -450px -332px;
  width: 106px;
  height: 27px;
}
.sb-container {
  position: relative;
  overflow: hidden !important;
}
.sb-content {
  height: 100%;
  width: 120%;
  padding-top: 40px;
  padding-right: 20%;
  padding-bottom: 40px;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sb-scrollbar-container {
  position: absolute;
  top: 0;
  right: 9px;
  bottom: 0;
  width: 8px;
  border-radius: 4px;
  background: rgba(226, 231, 238, 0.5);
}
.sb-scrollbar-container-hide {
  right: -20px;
}
.sb-scrollbar {
  position: absolute;
  right: 0;
  width: 8px;
  border-radius: 4px;
  background: #aeb6cb;
}
.sb-container-noscroll .sb-scrollbar-container {
  visibility: hidden;
}
.tab.depth2 {
  overflow: hidden;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-radius: 3px;
  font-size: 0;
}
.tab.depth2 li {
  display: table-cell;
  border: solid 1px #c5d0dd;
  border-right: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tab.depth2 li:last-child {
  border-right: solid 1px #c5d0dd;
}
.tab.depth2 li a {
  display: block;
  font-size: 18px;
  color: #5e5e5e;
  font-weight: 300;
  line-height: 58px;
}
.tab.depth2 li span[class^="ico_"] {
  display: inline-block;
  margin-left: 2px;
}
.tab.depth2 li:hover, .tab.depth2 li.on {
  border-color: #5498da;
  background-color: #5498da;
}
.tab.depth2 li:hover a, .tab.depth2 li.on a {
  color: #fff;
  font-weight: 400;
}
.tab.depth2.itms2 li {
  width: 50%;
}
.tab.depth3 {
  margin: 0 -10px;
  font-size: 0;
}
.tab.depth3 li {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  padding-left: 9px;
  vertical-align: middle;
}
.tab.depth3 li:before {
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #c8c8cf;
  content: '';
}
.tab.depth3 li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.tab.depth3 li:first-child:before {
  display: none;
}
.tab.depth3 li:hover a, .tab.depth3 li.on a {
  color: #5498da;
}
.tab.depth3 li.on a {
  font-size: 18px;
  font-weight: 400;
}
.tab.depth3 a {
  display: block;
  padding: 10px;
  font-family: 'notosans', sans-serif;
  line-height: 18px;
  font-size: 16px;
  color: #101010;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.pagination {
  font-size: 0;
}
.pagination .btn_pagination,
.pagination .lst_itm {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.pagination .btn_pagination a,
.pagination .lst_itm a {
  display: block;
  width: 32px;
  height: 34px;
  color: #a5a5a5;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}
.pagination .lst_itm a:hover {
  color: #3489df;
}
.pagination .lst_itm a.on {
  color: #3489df;
  font-weight: 700;
}
.pagination_lst {
  display: inline-block;
  margin: 0 5px;
}
.pagination_lst .lst_itm {
  margin: 0 2px;
}
.search {
  font-size: 0;
  height: 48px;
}
.search_input {
  margin-left: 8px;
}
.search_input,
.select {
  display: inline-block;
  position: relative;
  height: 100%;
  border: solid 1px #dde6eb;
  border-radius: 3px;
  color: #101010;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.02em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select ~ .select {
  margin-left: 8px;
}
.search_input input {
  width: 340px;
  height: 100%;
  padding: 0 45px 0 13px;
  border: none;
}
.search_input input::-webkit-input-placeholder {
  color: #ccc;
}
.search_input input::-moz-placeholder {
  color: #ccc;
}
.search_input input:-ms-input-placeholder {
  color: #ccc;
}
.search_input input:-moz-placeholder {
  color: #ccc;
}
.search_input button {
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px;
  font-size: 0;
}
.select {
  width: 118px;
}
.select:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -771px -716px;
  width: 11px;
  height: 6px;
  content: '';
}
.select button {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 13px;
  border: none;
  font-family: 'notosans', sans-serif;
  font-size: 14px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select .select_lst {
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 46px;
  left: -1px;
  width: 100%;
  max-height: 185px;
  border: 1px solid #dde6eb;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
  z-index: 20;
}
.select .select_lst .btn_option {
  height: 37px;
  /* 2022.07.13 */
  font-family: 'notosans', sans-serif;
  /* // 2022.07.13 */
}
.select .select_lst .btn_option:hover {
  background-color: #efefef;
}
.select .select_lst a {
  overflow: hidden;
  display: block;
  width: 100%;
  padding: 0 20px 0 13px;
  font-size: 13px;
  color: #000;
  line-height: 37px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select.up .select_lst {
  top: auto;
  bottom: 46px;
  border: 1px solid #dde6eb;
  border-radius: 3px 3px 0 0;
}
.select.full_width {
  width: 100%;
}
.dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
}
.layer {
  display: none;
  /* 2022.07.08 수정내용 확인 */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* // 2022.07.08 수정내용 확인 */
  overflow: auto;
  z-index: 10000;
  font-size: 0;
  text-align: center;
}
.popup {
  position: absolute;
  z-index: 10001;
  margin: 30px 0;
  text-align: left;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 52%);
  -ms-transform: translate(50%, 52%);
  transform: translate(50%, 52%);
}
.popup .tit {
  font-size: 34px;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.popup .card_lst {
  margin-top: 24px;
}
.popup .card_lst .card_bx .ico_area {
  width: 43%;
}
.popup .guide_steps_lst li + li {
  margin-top: 36px;
}
.popup .guide_steps_lst > li:last-child {
  margin-bottom: 40px;
}
.popup .guide_steps_lst strong {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  vertical-align: top;
}
.popup .guide_steps_lst .num {
  display: inline-block;
  margin-right: 10px;
  font-weight: 500;
  font-size: 20px;
  vertical-align: top;
}
.popup .subtit {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #101010;
}
.popup .subtit + .lst {
  margin-top: 10px;
}
.popup .lst {
  margin-top: 19px;
}
.popup .lst li {
  position: relative;
  padding-left: 12px;
  font-family: 'notosans', 'barlow', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
  letter-spacing: 0.005em;
  line-height: 25px;
}
.popup .lst li:before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #5e5e5e;
  content: '';
}
.popup .lst li .highlight {
  font-size: 18px;
  font-weight: normal;
  color: #101010;
  letter-spacing: -0.01em;
}
.popup .lst li + li {
  margin-top: 10px;
}
.popup .lst li em {
  font-weight: bold;
  color: #5498da;
}
.popup .lst + .subtit {
  margin-top: 30px;
}
.popup .lst + .card_lst {
  margin-top: 36px;
}
.popup .btn_wrap {
  position: static;
  margin-top: 78px;
  text-align: center;
}
.popup .btn_wrap .btn_default {
  width: 262px;
}
.popup .btn_wrap .btn_default + .btn_default {
  margin-left: 20px;
}
.popup .btn_close {
  display: inline-block;
  position: absolute;
  top: -60px;
  right: -10px;
  padding: 10px;
}
.popup.event {
  width: 1320px;
  padding: 48px 60px 60px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup.event .tit + ul.tab.depth3 {
  margin-top: 16px;
}
.popup.event .tit + .popup_ct {
  margin-top: 31px;
}
.popup.event ul.tab.depth3 {
  margin-top: 0;
}
.popup.event .popup_ct {
  margin-top: 11px;
  padding-top: 15px;
  border-top: solid 2px #747b8f;
}
.popup.event .popup_event_ct.js_scrollbar .lst:first-child {
  margin-top: -22px;
}
.popup.event .popup_event_ct.js_scrollbar .lst ~ .subtit {
  margin-top: 35px;
}
.popup.event .popup_event_ct.js_scrollbar + .btn_wrap {
  margin-top: 30px;
}
.popup.event .popup_event_ct p {
  margin-top: 25px;
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 300;
  line-height: 25px;
}
.popup.event .popup_event_ct p:first-child {
  margin-top: 0;
}
.popup.event .popup_event_ct img {
  margin-top: 24px;
}
.popup.event .popup_event_ct h3 {
  font-size: 18px;
  font-weight: bold;
  color: #101010;
  line-height: 27px;
}
.popup.event .popup_event_ct h3 span {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
}
.popup.event .popup_event_ct h3 ~ h3 {
  margin-top: 34px;
}
.popup.event .popup_event_ct .sb-content-inner > ul {
  margin-top: 28px;
  font-size: 16px;
  color: #5e5e5e;
}
.popup.event .popup_event_ct .sb-content-inner > ul > li {
  position: relative;
  padding-left: 13px;
  line-height: 25px;
}
.popup.event .popup_event_ct .sb-content-inner > ul > li:before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #5e5e5e;
  content: '';
}
.popup.event .popup_event_ct .sb-content-inner > ul > li ~ li {
  margin-top: 9px;
}
.popup.event .popup_event_ct .sb-content-inner > ul > li ul {
  margin-top: 20px;
}
.popup.event .popup_event_ct .sb-content-inner > ul > li ul li {
  position: relative;
  padding-left: 15px;
  margin-top: 10px;
}
.popup.event .popup_event_ct .sb-content-inner > ul > li ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}
.popup.event .popup_event_ct hr {
  display: block;
  height: 1px;
  margin-top: 35px;
  border: none;
  background: #c5d0dd;
  opacity: 0.5;
}
.popup.event .popup_event_ct .sb-content {
  max-height: 496px !important;
  padding-bottom: 0;
}
.popup.event .popup_event_ct .sb-content p:first-child {
  margin-top: 0;
}
.popup.event .popup_guide_ct .lst {
  margin-top: 31px;
}
.popup.event .popup_guide_ct img {
  margin-top: 35px;
}
.popup.event .popup_guide_ct.js_scrollbar .sb-content {
  max-height: 465px !important;
  padding-top: 8px;
  padding-bottom: 0;
}
.popup.event .js_scrollbar {
  width: 1235px;
  padding-right: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup.event .js_scrollbar .sb-scrollbar-container {
  right: 0;
}
.popup.event .js_scrollbar .sb-content-inner {
  width: -webkit-calc(100% + 17px);
  width: calc(100% + 17px);
}
.popup.event .tab_ct {
  display: none;
}
.popup .txt_popup {
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
}
.svg-sample-01 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 19.5' fill='rgb%28206%2C206%2C206%29'%3E%3Cpath d='M24 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2C19.3.6 18 0 16.6 0c-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1C7.7 5.8 4.1 3.9 1.7.9c-.5.7-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8-.1-1.6-.3-2.2-.6V7c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}
.svg-sample-01:hover {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 19.5' fill='rgb%28255%2C165%2C0%29'%3E%3Cpath d='M24 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2C19.3.6 18 0 16.6 0c-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1C7.7 5.8 4.1 3.9 1.7.9c-.5.7-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8-.1-1.6-.3-2.2-.6V7c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}
.svg-sample-02 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='rgb%28255%2C0%2C0%29'%3E%3Cpath d='M11 11H2V2h4V0H0v13h13V7h-2z'/%3E%3Cpath d='M10.5 0H8v2h1.1L4.5 6.9l1.6 1.5L11 3.9V5h2V0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}
.svg-sample-03 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.8 60' fill='rgb%28255%2C165%2C0%29'%3E%3Cpath d='M84 9.4c-1-3.7-3.9-6.6-7.6-7.6C69.7 0 42.9 0 42.9 0S16.1 0 9.4 1.8c-3.7 1-6.6 3.9-7.6 7.6C0 16.1 0 30 0 30s0 13.9 1.8 20.6c1 3.7 3.9 6.6 7.6 7.6C16.1 60 42.9 60 42.9 60s26.8 0 33.5-1.8c3.7-1 6.6-3.9 7.6-7.6 1.8-6.7 1.8-20.6 1.8-20.6s0-13.9-1.8-20.6zM34.3 42.9V17.1L56.6 30 34.3 42.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}
.login_bar_container {
  overflow: hidden;
  position: absolute;
  top: 558px;
  left: 50%;
  z-index: 100;
  height: 110px;
  width: 1320px;
  border-radius: 6px;
  background: #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.login_bar_container .account_section {
  float: left;
  padding: 28px 0 30px 30px;
}
.login_bar_container .account_section .login_btn {
  display: inline-block;
  float: left;
  width: 190px;
  height: 54px;
  border-radius: 3px;
  background: #f3890d;
  font-size: 18px;
  font-weight: bold;
  line-height: 54px;
  text-align: center;
  color: #fff;
}
.login_bar_container .account_section .signup_btn {
  display: inline-block;
  float: left;
  width: 132px;
  height: 54px;
  margin-left: 8px;
  border-radius: 3px;
  background: #a5a5b6;
  font-size: 14px;
  font-weight: bold;
  line-height: 54px;
  text-align: center;
  color: #fff;
}
.login_bar_container .account_section .signup_btn:before {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
  content: '';
}
.login_bar_container .account_section .login_opt_lst {
  float: left;
  margin-left: 15px;
  margin-top: 17px;
}
.login_bar_container .account_section .login_opt_lst li {
  float: left;
}
.login_bar_container .account_section .login_opt_lst li ~ li {
  margin-left: 9px;
}
.login_bar_container .account_section .login_opt_lst li:after {
  display: inline-block;
  width: 1px;
  height: 11px;
  margin-left: 9px;
  background: #c8c8cf;
  vertical-align: middle;
  content: '';
}
.login_bar_container .account_section .login_opt_lst li:last-of-type:after {
  display: none;
}
.login_bar_container .account_section .login_opt_lst li a, .login_bar_container .account_section .login_opt_lst li .remember_check span {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.login_bar_container .account_section .member_info_container {
  display: inline-block;
  vertical-align: top;
}
.login_bar_container .account_section .member_info_container .login_status {
  display: block;
  float: left;
  margin-right: 12px;
}
.login_bar_container .account_section .member_info_container .user_nickname {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
}
.login_bar_container .account_section .member_info_container .info_manage_links {
  margin-left: 65px;
  margin-top: 8px;
  height: 14px;
}
.login_bar_container .account_section .member_info_container .info_manage_links li {
  float: left;
  height: 14px;
}
.login_bar_container .account_section .member_info_container .info_manage_links li a {
  display: inline-block;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  vertical-align: top;
  color: #000;
}
.login_bar_container .account_section .member_info_container .info_manage_links li ~ li {
  margin-left: 9px;
}
.login_bar_container .account_section .member_info_container .info_manage_links li ~ li:before {
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #c8c8cf;
  margin-right: 9px;
  margin-top: 1px;
  vertical-align: top;
  content: '';
}
.login_bar_container .account_section dl {
  display: inline-block;
  margin-top: 10px;
  margin-left: 55px;
}
.login_bar_container .account_section dl dt {
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #000;
}
.login_bar_container .account_section dl dd {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: #3387dd;
}
.login_bar_container .account_section .account_stt_container .account_stt {
  display: inline-block;
  margin-top: 2px;
  min-width: 106px;
  text-align: left;
  vertical-align: top;
}
.login_bar_container .account_section .retention_cache_container {
  margin-left: 57px;
}
.login_bar_container .account_section .retention_cache_container dd {
  font-family: 'barlow', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 13px;
  color: #f78600;
}
.login_bar_container .account_section .retention_cache_container .rentention_num {
  display: inline-block;
  margin-top: 5px;
  min-width: 64px;
  text-align: right;
  vertical-align: top;
}
.login_bar_container .account_section .retention_cache_container .btn {
  margin-left: 10px;
}
.login_bar_container .account_section .btn {
  display: inline-block;
  width: 50px;
  height: 24px;
  margin-left: 7px;
  border-radius: 3px;
  background: #5498da;
  font-size: 13px;
  color: #fff;
}
.login_bar_container .game_start_section {
  float: right;
}
.login_bar_container .game_start_section .game_start_btn {
  display: block;
  width: 452px;
  height: 110px;
  background: url("../img/btn_game_start.jpg") no-repeat center/cover;
}
.login_bar_container .game_start_section .game_start_btn:hover {
  background: url("../img/btn_game_start_hover.jpg") no-repeat center/cover;
}
/* 2022.07.08 수정사항 확인 */
.top_banner_container {
  overflow: hidden;
}
/* // 2022.07.08 수정사항 확인 */
.top_banner_container .evt_banner_lst li {
  position: relative;
}
.top_banner_container .evt_banner_lst .img_container {
  display: block;
  overflow: hidden;
  position: relative;
  height: 708px;
}
.top_banner_container .evt_banner_lst .img_container img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.top_banner_container .evt_banner_lst .inner {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.top_banner_container .evt_banner_lst .content_container {
  position: absolute;
  top: 256px;
  left: 70px;
  z-index: 99;
}
.top_banner_container .evt_banner_lst .content_container .evt_sub_tit {
  display: block;
  margin-left: -2px;
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: -1.3px;
  color: #fff;
}
.top_banner_container .evt_banner_lst .content_container .evt_tit {
  display: block;
  margin-top: 15px;
  margin-left: -5px;
  font-size: 67px;
  font-weight: bold;
  line-height: 71px;
  letter-spacing: -4.6px;
  color: #fff;
}
.top_banner_container .evt_banner_lst .slick-prev {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  margin-left: -772px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.top_banner_container .evt_banner_lst .slick-next {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  margin-left: 772px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.event_container {
  padding: 80px 0;
}
.event_container .news_lst_container {
  float: left;
  width: 530px;
}
.event_container .news_lst_container .tit {
  float: left;
  font-size: 34px;
  line-height: 32px;
  font-weight: 300;
}
.event_container .news_lst_container .plus_btn {
  float: right;
  display: block;
  margin-top: 5px;
}
.event_container .news_lst_container .news_lst {
  margin-top: 40px;
}
.event_container .news_lst_container .news_lst li {
  display: block;
  line-height: 24px;
}
.event_container .news_lst_container .news_lst li ~ li {
  margin-top: 14px;
}
.event_container .news_lst_container .news_lst li a {
  display: block;
  overflow: hidden;
  float: left;
  max-width: 370px;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.event_container .news_lst_container .news_lst li a:hover {
  text-decoration: underline;
}
.event_container .news_lst_container .news_lst li .date {
  float: right;
  font-family: 'barlow', sans-serif;
  font-size: 16px;
  color: #a5a5a5;
}
.event_container .news_lst_container .news_lst li .label {
  display: block;
  float: left;
  width: 58px;
  height: 24px;
  margin-right: 10px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.event_container .evnt_highlight_container {
  float: right;
}
.event_container .evnt_highlight_container .evnt_itm {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  height: 254px;
  width: 350px;
  border-radius: 6px;
}
.event_container .evnt_highlight_container .evnt_itm ~ .evnt_itm {
  margin-left: 30px;
}
.event_container .evnt_highlight_container .evnt_itm .evnt_lbl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 96px;
  height: 40px;
  border-bottom-right-radius: 6px;
  background: #5498da;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.event_container .evnt_highlight_container .evnt_itm .evnt_banner_lst {
  position: relative;
  height: 176px;
}
.event_container .evnt_highlight_container .evnt_itm .evnt_banner_lst .slick-prev {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 999;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.event_container .evnt_highlight_container .evnt_itm .evnt_banner_lst .slick-next {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 999;
  -webkit-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}
.event_container .evnt_highlight_container .evnt_itm .evnt_info {
  padding: 20px 25px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #dde6ea;
  border-top: none;
}
.event_container .evnt_highlight_container .evnt_itm .evnt_info a {
  display: block;
}
.event_container .evnt_highlight_container .evnt_itm .evnt_info .evnt_tit {
  overflow: hidden;
  font-size: 18px;
  line-height: 17px;
  font-weight: 400;
  color: #000;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.event_container .evnt_highlight_container .evnt_itm .evnt_info .evnt_desc {
  overflow: hidden;
  margin-top: 7px;
  font-size: 14px;
  line-height: 13px;
  font-weight: 300;
  color: #000;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.event_container .gm_story_container {
  margin-top: 80px;
}
.event_container .gm_story_container .tabs_cont {
  position: relative;
}
.event_container .gm_story_container .tabs_cont .gm_tab_cont {
  position: absolute;
  top: 35px;
  left: 70px;
}
.event_container .gm_story_container .tabs_cont .gm_story_tit {
  display: block;
  margin-bottom: 25px;
  font-family: 'barlow', sans-serif;
  font-size: 42px;
  font-weight: bold;
  line-height: 39px;
  color: #ffeea5;
}
.event_container .gm_story_container .tabs_cont .tab_num {
  float: left;
  position: relative;
  padding-right: 12px;
  margin-right: 14px;
  margin-left: -3px;
  font-family: 'barlow', sans-serif;
  font-size: 68px;
  font-weight: 500;
  line-height: 49px;
  letter-spacing: -3px;
  color: #fff;
}
.event_container .gm_story_container .tabs_cont .tab_num:after {
  position: absolute;
  right: 0;
  top: 1px;
  width: 1px;
  height: 52px;
  background: #fff;
  opacity: 0.3;
  content: '';
}
.event_container .gm_story_container .tabs_cont .tab_tit {
  display: block;
  overflow: hidden;
  max-width: 715px;
  font-size: 34px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: -1.1px;
  color: #fff;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.event_container .gm_story_container .tabs_cont .tab_sub_tit {
  overflow: hidden;
  max-width: 715px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 15px;
  color: #fff;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.event_container .gm_story_container .tabs_cont .detail_btn {
  width: 118px;
  height: 40px;
  margin-top: 19px;
  border-color: rgba(255, 255, 255, 0.6);
  line-height: 38px;
}
.event_container .gm_story_container .tab_lst {
  position: absolute;
  bottom: 0;
  left: 0;
}
.event_container .gm_story_container .tab_lst li {
  float: left;
  width: 440px;
  height: 130px;
}
.event_container .gm_story_container .tab_lst li a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
.event_container .gm_story_container .tab_lst li a span {
  position: absolute;
  bottom: 16px;
  right: 12px;
  font-family: 'barlow', sans-serif;
  font-size: 42px;
  line-height: 30px;
  color: #fff;
  opacity: 0.6;
}
.event_container .gm_story_container .tab_lst li.selected a span, .event_container .gm_story_container .tab_lst li.hover a span {
  opacity: 1;
}
.event_container .gm_story_container .tab_lst img {
  display: block;
}
.cash_container {
  padding: 80px 0;
  background: #f3f5f6;
}
.cash_container .tit_container {
  float: left;
}
.cash_container .cash_sub_tit {
  font-size: 16px;
  line-height: 16px;
}
.cash_container .cash_tit {
  margin-top: 12px;
  font-size: 46px;
  font-weight: 300;
  line-height: 42px;
  letter-spacing: -1.2px;
}
.cash_container .recharge_btn {
  display: block;
  float: right;
  width: 162px;
  height: 52px;
  margin-top: 21px;
  border-radius: 3px;
  background: #5498da;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.cash_container .recharge_btn:after {
  display: inline-block;
  margin-left: 9px;
  opacity: 0.6;
  content: '';
}
.cash_container .cash_itm_container {
  margin-top: 36px;
}
.cash_container .cash_itm_container .cash_itm {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 630px;
  height: 212px;
  border-radius: 6px;
  background: #fff;
}
.cash_container .cash_itm_container .cash_itm .cash_lbl {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 142px;
  height: 50px;
  border-bottom-right-radius: 6px;
  background: #f18dae;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
.cash_container .cash_itm_container .cash_itm ~ .cash_itm {
  margin-left: 56px;
}
.cash_container .cash_itm_container .cash_itm .cash_info {
  float: left;
  margin-top: 76px;
  margin-left: 58px;
}
.cash_container .cash_itm_container .cash_itm .cash_itm_tit {
  max-width: 258px;
  font-size: 26px;
  line-height: 32px;
  font-weight: bold;
  letter-spacing: -0.6px;
}
.cash_container .cash_itm_container .cash_itm .cash_itm_desc {
  max-width: 325px;
  overflow: hidden;
  font-size: 14px;
  line-height: 14px;
  margin-top: 8px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.cash_container .cash_itm_container .cash_itm .cash_img_container {
  float: right;
  margin-top: 57px;
  margin-right: 101px;
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 35px 40px 32px;
  background: #434c6c;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont .cash_detail_tit {
  display: inline-block;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont .cash_desc {
  font-size: 14px;
  line-height: 22px;
  margin-top: 6px;
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont .cash_num {
  /* 2022.07.08 수정사항 확인 */
  /* display: inline-block;
  margin-left: 20px; */
  display: block;
  margin-top: 9px;
  /* // 2022.07.08 수정사항 확인 */
  font-size: 20px;
  font-weight: 500;
  color: #f78600;
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont .cash_num:before {
  display: inline-block;
  margin-right: 8px;
  vertical-align: text-bottom;
  content: '';
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont .btn_cash_action {
  display: block;
  width: 148px;
  height: 44px;
  margin: 16px auto 0;
  border-radius: 3px;
  border: none;
  background: #5998d8;
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont .btn_cash_action:after {
  display: inline-block;
  margin-left: 13px;
  opacity: 0.6;
  content: '';
}
.cash_container .cash_itm_container .cash_itm .cash_detail_cont .cash_desc + .btn_cash_action {
  margin-top: 27px;
}
.shortcuts_container .shortcut_lst li {
  float: left;
  display: block;
  width: 220px;
  height: 230px;
  text-align: center;
}
.shortcuts_container .shortcut_lst li a {
  display: inline-block;
  position: relative;
  height: 100px;
  width: 150px;
  margin-top: 65px;
  padding-top: 65px;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.shortcuts_container .shortcut_lst li span[class^='ico_'] {
  display: block;
  position: absolute;
  top: 65px;
  left: 50%;
  margin-top: -9px;
  transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
}
.board_page .pagination,
.community_page .pagination {
  margin-top: 40px;
  text-align: center;
}
.board_page .search,
.community_page .search {
  margin-top: 40px;
  text-align: center;
}
.board_page.event .tab.depth3,
.community_page.event .tab.depth3 {
  margin-top: 30px;
}
.board_page.event .board_ct,
.community_page.event .board_ct {
  margin-top: 25px;
}
.community_page.screenshot .btn_wrap {
  top: -56px;
  margin-top: 0;
}
.community_page.screenshot .board_ct {
  margin-top: 76px;
}
.community_page.screenshot .board_ct .btn_wrap {
  position: relative;
  top: 0;
  margin-top: 20px;
}
.board_ct {
  margin-top: 40px;
}
.board_ct .board_tit_container {
  float: left;
  margin-top: 10px;
}
.board_ct .board_tit_container .tit {
  display: inline;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.8px;
  line-height: 28px;
  text-transform: uppercase;
  color: #101010;
}
.board_ct .board_tit_container .update {
  display: inline-block;
  margin: 0 0 6px 6px;
  font-size: 16px;
  line-height: 12px;
  text-transform: uppercase;
  color: #a5a5a5;
  vertical-align: bottom;
}
.board_ct .filter_container {
  float: right;
}
.board_ct .btn_wrap {
  position: static;
  margin-top: 20px;
  text-align: right;
}
.board_ct .btn_wrap + .pagination {
  margin-top: 20px;
}
.board_ct.view {
  position: relative;
  padding-right: 330px;
}
.board_ct.view .tit {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 150px 0 28px;
  border-top: solid 2px #747b8f;
  border-bottom: solid 1px rgba(197, 208, 221, 0.5);
  background-color: #f9fbfc;
  font-size: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_ct.view .tit strong {
  display: inline-block;
  position: relative;
  font-family: 'notosans', sans-serif;
  font-size: 20px;
  color: #101010;
  font-weight: 300;
  line-height: 79px;
  letter-spacing: -0.02em;
}
.board_ct.view .tit strong .txt {
  display: inline-block;
  overflow: hidden;
  max-width: 750px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.board_ct.view .tit strong .ico_new {
  display: inline-block;
  margin: 30px 0 0 5px;
  vertical-align: top;
}
.board_ct.view .tit .time {
  position: absolute;
  top: 50%;
  right: 0;
  width: 128px;
  font-size: 14px;
  color: #a5a5a5;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.board_ct.view .tit .info {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 22px;
}
.board_ct.view .tit .info .label {
  display: inline-block;
  font-weight: normal;
  margin-right: 9px;
  vertical-align: top;
}
.board_ct.view .tit .info span {
  vertical-align: top;
}
.board_ct.view .tit .info .like {
  position: relative;
  margin-left: 5px;
  padding-left: 30px;
  font-size: 16px;
}
.board_ct.view .tit .info .like:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #c8c8cf;
  content: '|';
}
.board_ct.view .tit .info .like .ico_heart {
  position: absolute;
  top: 4px;
  left: 12px;
}
.board_ct.view .tit.type2, .board_ct.view .tit.type3 {
  padding: 24px 150px 27px 30px;
}
.board_ct.view .tit.type2 strong, .board_ct.view .tit.type3 strong {
  letter-spacing: -0.04em;
  line-height: 28px;
}
.board_ct.view .tit.type2 .ico_new, .board_ct.view .tit.type3 .ico_new {
  margin-top: 6px;
}
.board_ct.view .tit.type2 .ico_file, .board_ct.view .tit.type3 .ico_file {
  display: inline-block;
  margin: 6px 0 0 8px;
  vertical-align: top;
}
.board_ct.view .tit.type2 .time, .board_ct.view .tit.type3 .time {
  top: 31px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.board_ct.view .tit.type3 strong {
  font-weight: bold;
}
.board_ct.view .tit.type3 .label {
  display: inline-block;
  width: 58px;
  height: 22px;
  margin: 5px 5px 0 0;
  border: 0;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  color: #fff;
  vertical-align: top;
}
.board_ct.view .tit.type3 .label.proceed {
  background-color: #f3890d;
}
.board_ct.view .tit.type3 .label.end {
  background-color: #a5a5b6;
}
.board_ct.view .tit.type3 .info {
  margin-top: 8px;
  font-size: 0;
}
.board_ct.view .tit.type3 .info dt {
  display: inline-block;
  margin-left: 29px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #a5a5a5;
  vertical-align: middle;
}
.board_ct.view .tit.type3 .info dt:first-child {
  margin-left: 0;
}
.board_ct.view .tit.type3 .info dd {
  display: inline-block;
  margin-left: 9px;
  font-size: 16px;
  letter-spacing: -0.015em;
  line-height: 20px;
  color: #5e5e5e;
  vertical-align: middle;
}
.board_ct.view .attach {
  position: relative;
  padding: 20px 28px;
  border-bottom: 1px solid #e2e7ee;
  font-family: 'notosans', sans-serif;
  font-size: 0;
}
.board_ct.view .attach strong {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 300;
  color: #101010;
}
.board_ct.view .attach .lst {
  display: inline-block;
  margin-left: 20px;
}
.board_ct.view .attach .lst > li {
  margin-top: 8px;
}
.board_ct.view .attach .lst > li:first-child {
  margin-top: 0;
}
.board_ct.view .attach .lst a:hover .filename {
  text-decoration: underline;
}
.board_ct.view .attach .filename {
  display: inline-block;
  padding-left: 7px;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  letter-spacing: -0.01em;
  line-height: 20px;
  vertical-align: top;
}
.board_ct.view .attach .btn_toggle_attach {
  position: absolute;
  top: 16px;
  right: 20px;
  padding: 10px;
  font-size: 0;
}
.board_ct.view .attach .btn_toggle_attach:hover .ico_arr_down, .board_ct.view .attach .btn_toggle_attach:hover .board_lst.accordion .accordion_header:after, .board_lst.accordion .board_ct.view .attach .btn_toggle_attach:hover .accordion_header:after, .board_ct.view .attach .btn_toggle_attach:hover .game_guide_page .header .gnb .lst_itm > a:after, .game_guide_page .header .gnb .board_ct.view .attach .btn_toggle_attach:hover .lst_itm > a:after {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -734px -583px;
  width: 15px;
  height: 8px;
}
.board_ct.view .desc_bx {
  width: 100%;
  height: 100%;
  margin-top: 30px;
  padding: 44px 0 43px;
  background-color: #f9fbfc;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_ct.view .desc_bx .btn_default {
  margin-top: 10px;
}
.board_ct.view .comment {
  margin-top: 60px;
}
.board_ct.view .comment .txtarea {
  width: 100%;
  height: 110px;
  font-size: 0;
}
.board_ct.view .comment .txtarea textarea {
  width: 100%;
  height: 100%;
  padding: 16px 28px;
  border: 1px solid rgba(197, 208, 221, 0.5);
  font-size: 14px;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
}
.board_ct.view .comment .txtarea textarea::-webkit-input-placeholder {
  color: #a5a5a5;
}
.board_ct.view .comment .txtarea textarea::-moz-placeholder {
  color: #a5a5a5;
}
.board_ct.view .comment .txtarea textarea:-ms-input-placeholder {
  color: #a5a5a5;
}
.board_ct.view .comment .txtarea textarea:-moz-placeholder {
  color: #a5a5a5;
}
.board_ct.view .comment .txtarea.not_login textarea {
  display: none;
}
.board_ct.view .comment .txtarea.not_login .notice_login {
  display: block;
}
.board_ct.view .comment .notice_login {
  display: none;
  width: 100%;
  height: 100%;
  padding: 18px 0;
  background-color: #f9fbfc;
  font-size: 16px;
  font-weight: 300;
  color: #a5a5a5;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_ct.view .comment .notice_login .btn_default {
  margin-top: 8px;
}
.board_ct.view .comment .btn_wrap {
  margin-top: 10px;
}
.board_ct.view .comment .btn_wrap .char_num {
  margin-right: 11px;
  font-size: 14px;
  color: #a5a5a5;
}
.board_ct.view .comment .action_bx {
  position: absolute;
  top: 2px;
  right: 112px;
  font-size: 0;
}
.board_ct.view .comment .action_bx button {
  position: relative;
  padding: 0 6px;
  font-size: 14px;
  color: #5e5e5e;
  line-height: 20px;
}
.board_ct.view .comment .action_bx button + button:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #e2e7ee;
  content: '';
}
.board_ct.view .comment .action_bx .btn_reply {
  color: #f78600;
}
.board_ct.view .comment .lst {
  margin-top: 40px;
}
.board_ct.view .comment .lst > li {
  padding: 26px 0;
  border-top: 1px solid rgba(197, 208, 221, 0.5);
}
.board_ct.view .comment .lst .itm {
  position: relative;
  padding-left: 28px;
}
.board_ct.view .comment .lst .name {
  font-size: 14px;
  font-weight: normal;
}
.board_ct.view .comment .lst .txt {
  margin: 9px 30px 0 0;
  font-weight: 300;
  color: #5e5e5e;
  word-break: break-word;
}
.board_ct.view .comment .lst .time {
  position: absolute;
  top: 2px;
  right: 29px;
  font-family: 'barlow', sans-serif;
  font-size: 14px;
  color: #a5a5a5;
}
.board_ct.view .comment .lst .reply {
  padding-top: 0;
  border-top: 0;
}
.board_ct.view .comment .lst .reply .itm {
  margin-top: 0;
  padding: 17px 0 21px 52px;
  background-color: rgba(243, 250, 253, 0.5);
}
.board_ct.view .comment .lst .reply .itm:before {
  display: block;
  position: absolute;
  top: 19px;
  left: 29px;
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -771px -680px;
  width: 10px;
  height: 10px;
  content: '';
}
.board_ct.view .comment .lst .reply .itm .time {
  top: 17px;
}
.board_ct.view .comment .lst .reply .itm .action_bx {
  top: 17px;
}
.board_ct.view .comment .lst .reply_write {
  position: relative;
  margin: 0 0 4px;
  padding-left: 53px;
}
.board_ct.view .comment .lst .reply_write:before {
  display: block;
  position: absolute;
  top: 0;
  left: 28px;
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -771px -680px;
  width: 10px;
  height: 10px;
  content: '';
}
.board_ct.view .comment .lst .reply_write .txtarea {
  height: 86px;
}
.board_ct.view .comment .lst .notice_login {
  padding: 8px 0;
}
.board_ct.view .comment .lst + .btn_wrap {
  margin-top: 0;
  border-top: 1px solid rgba(197, 208, 221, 0.5);
  text-align: center;
}
.board_ct.view .comment .btn_more {
  width: 118px;
  height: 40px;
  margin-top: 40px;
  border: 1px solid #e2e7ee;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
}
.board_ct.view .comment .btn_more .num {
  margin-left: 4px;
  font-size: 14px;
  color: #5998d8;
}
.board_ct.view .comment + .related_posts {
  margin-top: 50px;
}
.board_ct.view .ct img + p {
  margin-top: 35px;
}
.board_ct.view .ct p {
  margin-top: 25px;
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 300;
  line-height: 25px;
}
.board_ct.view .ct p:first-child {
  margin-top: 0;
}
.board_ct.view .share {
  padding: 38px 30px 37px;
  border-bottom: solid 1px #e2e7ee;
}
.board_ct.view .share:after {
  display: block;
  clear: both;
  content: '';
}
.board_ct.view .share li {
  float: left;
  margin-left: 8px;
}
.board_ct.view .share li:first-child {
  margin-left: 0;
}
.board_ct.view .share .btn_recommend {
  width: 120px;
  height: 36px;
  padding-left: 8px;
  border: 1px solid #c5d0dd;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_ct.view .share .btn_recommend .ico_heart {
  margin: 4px 3px 0;
  vertical-align: top;
}
.board_ct.view .share .btn_recommend:hover {
  color: #101010;
}
.board_ct.view .share .btn_recommend.is_selected .num {
  color: #f78600;
}
.board_ct.view .btn_wrap {
  margin-top: 20px;
  text-align: right;
}
.board_ct.view .related_posts {
  margin-top: 60px;
  border-top: solid 1px #c5d0dd;
  border-bottom: solid 1px #c5d0dd;
}
.board_ct.view .related_posts li {
  border-top: solid 1px #c5d0dd;
}
.board_ct.view .related_posts li:first-child {
  border-top: none;
}
.board_ct.view .related_posts a {
  display: block;
  position: relative;
  padding: 0 170px 0 28px;
  font-size: 0;
}
.board_ct.view .related_posts strong {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  font-family: 'notosans', sans-serif;
  font-size: 0;
  color: #101010;
  font-weight: 300;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.board_ct.view .related_posts strong span {
  display: inline-block;
  font-size: 0;
  letter-spacing: -0.03em;
  line-height: 62px;
  vertical-align: middle;
}
.board_ct.view .related_posts strong span.txt {
  overflow: hidden;
  max-width: 510px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_ct.view .related_posts strong span.num {
  margin-left: 9px;
  font-family: 'barlow', sans-serif;
  font-size: 16px;
  color: #f78600;
}
.board_ct.view .related_posts strong span.ico_file {
  margin-left: 10px;
  font-size: 0;
}
.board_ct.view .related_posts strong span.ico_new {
  margin-left: 5px;
}
.board_ct.view .related_posts .time {
  position: absolute;
  top: 50%;
  right: 0;
  width: 128px;
  font-size: 14px;
  color: #a5a5a5;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.board_ct.view .related_posts.type2 a, .board_ct.view .related_posts.type3 a {
  padding: 0 290px 0 96px;
}
.board_ct.view .related_posts.type2 .label, .board_ct.view .related_posts.type3 .label {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.board_ct.view .related_posts.type2 .name, .board_ct.view .related_posts.type3 .name {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 128px;
  width: 162px;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  text-align: center;
  letter-spacing: -0.02em;
  line-height: 22px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_ct.view .related_posts.type2 .time, .board_ct.view .related_posts.type3 .time {
  width: 128px;
  line-height: 22px;
}
.board_ct.view .related_posts.type3 a {
  padding-left: 30px;
}
.board_ct.view .vote_bx {
  display: block;
  padding: 39px 27px;
  border-bottom: 1px solid #e2e7ee;
}
.board_ct.view .vote_bx + .comment {
  margin-top: 40px;
}
.board_ct.view .vote_lst > li {
  margin-top: 22px;
}
.board_ct.view .vote_lst > li:first-child {
  margin-top: 0;
}
.board_ct.view .vote_lst label {
  padding-left: 32px;
  font-size: 20px;
  font-weight: 500;
}
.board_ct.view .vote_lst label:before {
  top: 6px;
}
.board_ct.view .result_lst {
  margin-top: 6px;
}
.board_ct.view .result_lst > li {
  height: 50px;
  font-size: 0;
}
.board_ct.view .result_lst > li strong {
  overflow: hidden;
  display: inline-block;
  width: 319px;
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
  color: #101010;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_ct.view .result_lst > li strong .num {
  display: inline-block;
  min-width: 33px;
  font-size: 22px;
  color: #5e5e5e;
}
.board_ct.view .result_lst > li .result {
  display: inline-block;
  margin-top: 11px;
  vertical-align: top;
}
.board_ct.view .result_lst > li .result .bar {
  display: inline-block;
  max-width: 380px;
  width: 10px;
  height: 20px;
  margin-top: 4px;
  border-radius: 3px;
  background-color: #3474f6;
  vertical-align: top;
}
.board_ct.view .result_lst > li .result .percent {
  width: auto;
  margin-left: 12px;
  font-size: 22px;
  color: #5e5e5e;
  line-height: 26px;
  vertical-align: top;
}
.board_ct.view .result_lst > li .result .person {
  display: inline-block;
  margin-left: 4px;
  font-size: 20px;
  font-weight: normal;
  color: #a5a5a5;
  line-height: 26px;
  vertical-align: top;
}
.board_ct.view .result_lst > li:first-child strong {
  color: #f78600;
}
.board_ct.view .result_lst > li:first-child strong .num {
  color: #f78600;
}
.board_ct.view .result_lst > li:first-child .result .bar {
  background-color: #f78600;
}
.board_ct.view .result_lst > li:first-child .result .percent {
  color: #f78600;
}
.board_ct.write {
  padding-right: 330px;
}
.board_ct.write.full_width {
  width: 100%;
  padding-right: 0;
}
.board_ct.write.full_width .form_lst .txt_lbl {
  width: 150px;
}
.board_ct.write.full_width .form_lst .txt_fm {
  padding-left: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 95px;
}
.board_ct.write.full_width .form_lst .message {
  overflow: hidden;
  display: none;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #ec1515;
  line-height: 74px;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_ct.write.full_width .form_lst .validate .message {
  display: inline-block;
}
.board_ct.write.full_width .form_lst .inp_bx .message {
  line-height: 52px;
}
.board_ct.write.full_width .form_lst input[type="text"] {
  width: -webkit-calc(100% - 160px);
  width: calc(100% - 160px);
}
.board_ct.write.full_width .form_lst input[type="text"].inp_mail {
  width: 191px;
}
.board_ct.write.full_width .form_lst input[type="text"].inp_domain {
  width: 150px;
  margin: 0 5px;
}
.board_ct.write.full_width .form_lst input[type="text"].inp_domain:-moz-read-only {
  pointer-events: none;
}
.board_ct.write.full_width .form_lst input[type="text"].inp_domain:read-only {
  pointer-events: none;
}
.board_ct.write.full_width .form_lst .file_lst {
  width: -webkit-calc(100% - 242px);
  width: calc(100% - 242px);
}
.board_ct.write.full_width .form_lst.password > li {
  border-top: 0;
  border-bottom: 1px solid rgba(197, 208, 221, 0.5);
}
.board_ct.write.full_width .form_lst.password .txt_lbl {
  width: 164px;
}
.board_ct.write.full_width .form_lst.password input[type="password"] {
  width: 390px;
}
.board_ct.write.full_width .form_lst.password input[type="password"]:disabled {
  color: #efefef;
  background: #fff;
}
.board_ct.write.full_width .form_lst.member li {
  border-top: 0;
  border-bottom: 1px solid rgba(197, 208, 221, 0.5);
}
.board_ct.write.full_width .form_lst.member input {
  width: -webkit-calc(100% - 160px);
  width: calc(100% - 160px);
  font-family: 'notosans', sans-serif;
}
.board_ct.write.full_width .form_lst.member .note {
  margin-bottom: 25px;
  padding-left: 150px;
  font-size: 14px;
  color: #5498da;
}
.board_ct.write.full_width .form_lst.member .notice_type {
  margin-bottom: 0;
}
.board_ct.write .ct {
  border-top: solid 2px #747b8f;
}
.board_ct.write .form_lst {
  font-family: 'notosans', 'barlow', sans-serif;
}
.board_ct.write .form_lst > li {
  position: relative;
  min-height: 74px;
  border-top: 1px solid rgba(197, 208, 221, 0.5);
  font-size: 0;
}
.board_ct.write .form_lst > li:first-child, .board_ct.write .form_lst > li:last-child {
  border-top: 0;
}
.board_ct.write .form_lst > li .dash {
  font-size: 20px;
  padding: 0 2px;
}
.board_ct.write .form_lst > li .txt_lbl {
  display: inline-block;
  width: 110px;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 74px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_ct.write .form_lst > li input[type="text"],
.board_ct.write .form_lst > li input[type="password"] {
  width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
  margin-left: -10px;
  padding: 13px 10px;
  border: 0;
  font-size: 16px;
  font-weight: 300;
}
.board_ct.write .form_lst > li input[type="text"]::-webkit-input-placeholder,
.board_ct.write .form_lst > li input[type="password"]::-webkit-input-placeholder {
  color: #a5a5a5;
}
.board_ct.write .form_lst > li input[type="text"]::-moz-placeholder,
.board_ct.write .form_lst > li input[type="password"]::-moz-placeholder {
  color: #a5a5a5;
}
.board_ct.write .form_lst > li input[type="text"]:-ms-input-placeholder,
.board_ct.write .form_lst > li input[type="password"]:-ms-input-placeholder {
  color: #a5a5a5;
}
.board_ct.write .form_lst > li input[type="text"]:-moz-placeholder,
.board_ct.write .form_lst > li input[type="password"]:-moz-placeholder {
  color: #a5a5a5;
}
.board_ct.write .form_lst > li input[type="text"].phone,
.board_ct.write .form_lst > li input[type="password"].phone {
  position: relative;
  width: 30px;
  margin: 0;
  padding: 12px 2px;
  font-family: 'barlow', sans-serif;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_ct.write .form_lst > li input[type="text"].phone.num2,
.board_ct.write .form_lst > li input[type="password"].phone.num2 {
  width: 50px;
  padding: 12px 5px;
}
.board_ct.write .form_lst > li input[type="password"]::-ms-clear, .board_ct.write .form_lst > li input[type="password"]::-ms-reveal {
  display: none;
}
.board_ct.write .form_lst > li .file_limit {
  margin-left: 10px;
  font-size: 14px;
  color: #a5a5a5;
}
.board_ct.write .form_lst > li .file_lst {
  display: inline-block;
  width: -webkit-calc(100% - 202px);
  width: calc(100% - 202px);
  margin: 17px 0 16px;
  font-size: 0;
  vertical-align: top;
}
.board_ct.write .form_lst > li .file_lst > li {
  display: inline-block;
  position: relative;
  margin: 10px 0 0 10px;
  padding-left: 28px;
  font-size: 0;
  font-weight: 300;
}
.board_ct.write .form_lst > li .file_lst > li span {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}
.board_ct.write .form_lst > li .file_lst > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.board_ct.write .form_lst > li .file_lst > li .btn_remove_file {
  margin-left: 12px;
}
.board_ct.write .form_lst > li .inp_file {
  position: relative;
  margin-top: 10px;
  cursor: pointer;
}
.board_ct.write .form_lst > li .inp_file input[type="file"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
}
.board_ct.write .form_lst > li .select {
  height: 46px;
}
.board_ct.write .form_lst > li .select.domain, .board_ct.write .form_lst > li .select.detail_classify {
  width: 168px;
}
.board_ct.write .form_lst > li .select.classify {
  width: 129px;
}
.board_ct.write .form_lst > li .select.question, .board_ct.write .form_lst > li .select.bank {
  width: 270px;
}
.board_ct.write .form_lst > li .select.question .btn_open_select {
  width: 270px;
}
.board_ct.write .form_lst > li .select_lst {
  top: 44px;
}
.board_ct.write .form_lst > li .at_sign {
  font-size: 20px;
}
.board_ct.write .form_lst > li .at_sign + .domain {
  margin-left: 20px;
}
.board_ct.write .form_lst > li .sms {
  margin-left: 84px;
}
.board_ct.write .form_lst > li .mail {
  margin-left: 40px;
}
.board_ct.write .form_lst > li .txt {
  font-size: 16px;
  font-weight: 300;
  color: #101010;
}
.board_ct.write .form_lst + .warning {
  margin-top: 54px;
}
.board_ct.write .form_lst + .note {
  margin-top: 24px;
  font-weight: 300;
  color: #5e5e5e;
}
.board_ct.write .warning {
  font-weight: 300;
  color: #5e5e5e;
  text-align: center;
  letter-spacing: -0.015em;
}
.board_ct.write .warning + .btn_wrap {
  margin-top: 26px;
}
.board_ct.write .confirm_txt {
  display: block;
  margin-top: 35px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.4px;
  color: #101010;
}
.board_ct.write .confirm_txt .user_nickname {
  color: #5498da;
}
.board_ct.write .btn_wrap {
  margin-top: 60px;
  text-align: center;
}
.board_ct.write .btn_wrap .btn_default {
  margin-left: 20px;
}
.board_ct.write .btn_wrap .btn_default:first-child {
  margin-left: 0;
}
.board_ct.write .tit {
  display: block;
  border-top: solid 2px #747b8f;
  border-bottom: solid 1px rgba(197, 208, 221, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_ct .board_aside .tit {
  padding: 0;
  background-color: transparent;
  font-family: 'notosans', sans-serif;
  font-size: 20px;
  color: #101010;
  font-weight: 300;
  line-height: 79px;
  letter-spacing: -0.02em;
}
.board_ct .board_aside .tit.tit2 {
  border-bottom: 0;
}
.board_lst {
  border-top: solid 2px #747b8f;
  border-bottom: solid 1px rgba(197, 208, 221, 0.5);
}
.board_lst > li {
  border-top: solid 1px rgba(197, 208, 221, 0.5);
}
.board_lst > li:first-child {
  border-top: none;
}
.board_lst .notice {
  background-color: rgba(244, 245, 247, 0.5);
}
.board_lst .notice strong {
  font-weight: bold;
}
.board_lst a {
  display: block;
  position: relative;
  padding: 0 260px 0 29px;
  font-size: 0;
}
.board_lst .label {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 2px;
}
.board_lst strong {
  display: inline-block;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  font-family: 'notosans', sans-serif;
  font-size: 0;
  color: #101010;
  font-weight: 300;
  line-height: 72px;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: -0.02em;
}
.board_lst strong span {
  display: inline-block;
  font-size: 16px;
  line-height: 72px;
  vertical-align: top;
}
.board_lst strong span.txt {
  overflow: hidden;
  max-width: 1028px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_lst strong span.num {
  margin-left: 9px;
  font-family: 'barlow', sans-serif;
  font-size: 18px;
  color: #f78600;
}
.board_lst strong span.ico_file {
  margin: 27px 0 0 10px;
  font-size: 0;
}
.board_lst strong span.ico_new {
  margin: 27px 0 0 5px;
}
.board_lst .time {
  position: absolute;
  top: 50%;
  right: 0;
  width: 135px;
  font-size: 16px;
  color: #a5a5a5;
  text-align: center;
  letter-spacing: -0.02em;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.board_lst_img {
  position: relative;
  overflow: hidden;
  margin: 0 -15px;
  padding: 12px 0 31px;
}
.board_lst_img:before, .board_lst_img:after {
  display: block;
  position: absolute;
  right: 15px;
  left: 15px;
  content: '';
}
.board_lst_img:before {
  top: 0;
  border-top: solid 2px #747b8f;
}
.board_lst_img:after {
  bottom: 0;
  border-bottom: solid 1px rgba(197, 208, 221, 0.5);
}
.board_lst_img li {
  float: left;
  width: 33.333%;
  padding: 30px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.board_lst_img a {
  display: block;
  position: relative;
  padding: 217px 25px 20px;
  border: solid 1px #dde6ea;
  border-radius: 6px;
}
.board_lst_img a.hover_zoom:hover .img img {
  -webkit-transform: translate(-50%, -50%) scale(1.04);
  -ms-transform: translate(-50%, -50%) scale(1.04);
  transform: translate(-50%, -50%) scale(1.04);
}
.board_lst_img a.end:hover {
  cursor: default;
}
.board_lst_img a.end:hover .img:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(89, 152, 216, 0.85);
  content: '';
}
.board_lst_img a.end:hover .img span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  font-family: 'notosans', sans-serif;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.board_lst_img i {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}
.board_lst_img .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.board_lst_img strong {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  font-family: 'notosans', sans-serif;
  font-size: 18px;
  color: #101010;
  font-weight: 400;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
}
.board_lst_img .ico_new {
  display: inline-block;
  margin: 2px 0 0 5px;
  vertical-align: top;
}
.board_lst_img .time {
  display: block;
  margin-top: -1px;
  font-size: 16px;
  color: #a5a5a5;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.board_lst_img .subtit {
  display: block;
  height: 18px;
  font-size: 14px;
  color: #5e5e5e;
}
.board_lst_img .subtit span {
  vertical-align: top;
}
.board_lst_img .subtit .like {
  position: relative;
  margin-left: 5px;
  padding-left: 30px;
  font-size: 16px;
}
.board_lst_img .subtit .like:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #c8c8cf;
  content: '|';
}
.board_lst_img .subtit .like .ico_heart {
  top: 4px;
  left: 12px;
}
.board_lst.type2 a, .board_lst.type3 a {
  padding: 0 296px 0 96px;
}
.board_lst.type2 strong .txt, .board_lst.type3 strong .txt {
  max-width: 736px;
}
.board_lst.type2 .name, .board_lst.type3 .name {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 136px;
  width: 160px;
  font-weight: 300;
  font-size: 14px;
  color: #5e5e5e;
  text-align: center;
  letter-spacing: -0.02em;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_lst.type3 a {
  padding-left: 30px;
}
.board_lst.accordion > li {
  font-size: 0;
}
.board_lst.accordion .open {
  border-bottom: 0;
}
.board_lst.accordion .open .accordion_header strong {
  font-weight: bold;
}
.board_lst.accordion .open .accordion_header strong .label {
  font-weight: 300;
}
.board_lst.accordion .open .accordion_content {
  display: block;
}
.board_lst.accordion .accordion_header {
  position: relative;
  width: 100%;
  padding: 0 0 0 30px;
  font-size: 0;
  text-align: left;
}
.board_lst.accordion .accordion_header:after {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.board_lst.accordion .accordion_header strong {
  font-size: 16px;
}
.board_lst.accordion .accordion_header strong .label {
  position: static;
  top: 0;
  left: 0;
  margin-top: -4px;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
}
.board_lst.accordion .accordion_header strong .txt {
  max-width: 950px;
}
.board_lst.accordion .accordion_header strong .label + .txt {
  padding-left: 8px;
}
.board_lst.accordion .accordion_header .registry_num {
  display: inline-block;
  width: 173px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 72px;
  vertical-align: top;
}
.board_lst.accordion .accordion_header .time {
  right: 75px;
  width: 176px;
  line-height: 72px;
}
.board_lst.accordion .accordion_content {
  display: none;
  padding: 33px 0 38px 30px;
  position: relative;
  background-color: #f9fbfc;
  font-size: 16px;
  font-weight: 300;
}
.board_lst.accordion .lbl_question {
  display: inline-block;
  margin-right: 30px;
  font-family: 'notosans', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #3489df;
  line-height: 72px;
  vertical-align: top;
}
.board_lst.accordion .lbl_answer {
  display: inline-block;
  margin-right: 28px;
  font-size: 26px;
  font-weight: bold;
  color: #f78600;
  vertical-align: top;
}
.board_lst.accordion .content_bx {
  display: inline-block;
  padding-top: 2px;
  letter-spacing: -0.02em;
  word-break: break-word;
}
.board_lst.accordion .content_bx ol > li + li {
  margin-top: 2px;
}
.board_lst.accordion .content_bx p {
  margin-top: 25px;
}
.board_lst.accordion .content_bx p:first-child {
  margin-top: 0;
}
/* 2022.07.08 수정사항 확인 */
.board_lst.accordion .content_bx strong {
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  line-height: normal;
  white-space: initial;
  vertical-align: top;
}
.board_lst.accordion .content_bx a {
  display: inline-block;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
/* // 2022.07.08 수정사항 확인 */
.board_lst.accordion .question_bx {
  position: relative;
  padding: 5px 10px 35px 19px;
}
.board_lst.accordion .question_bx .lbl_question {
  margin-right: 28px;
  line-height: 1;
}
.board_lst.accordion .question_bx dl {
  display: inline-block;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  margin-top: -3px;
  font-size: 0;
  vertical-align: top;
}
.board_lst.accordion .question_bx dt {
  display: inline-block;
  width: 132px;
  font-size: 16px;
  font-weight: normal;
  color: #101010;
  line-height: 25px;
  vertical-align: top;
}
.board_lst.accordion .question_bx dd {
  display: inline-block;
  width: -webkit-calc(100% - 132px);
  width: calc(100% - 132px);
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 25px;
  letter-spacing: 0.005em;
  vertical-align: top;
}
.board_lst.accordion .question_bx .mt20 {
  margin-top: 20px;
}
.board_lst.accordion .answer_bx {
  position: relative;
  padding: 32px 0 3px 21px;
  border-top: 1px solid rgba(197, 208, 221, 0.5);
}
.board_lst.accordion .answer_bx .lbl_answer {
  margin-right: 26px;
}
/* 2022.07.08 수정사항 확인 */
.board_lst.accordion .answer_bx a {
  display: inline-block;
  margin-top: 2px;
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 25px;
  letter-spacing: 0.005em;
}
/* // 2022.07.08 수정사항 확인 */
.board_lst.accordion .answer_bx p {
  display: inline-block;
  margin-top: 2px;
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 25px;
  letter-spacing: 0.005em;
}
.board_tab {
  position: absolute;
  top: 60px;
  right: 0;
  left: 0;
  padding: 40px 0;
  background-color: #fff;
}
.board_tab.sticky {
  position: fixed;
  top: 92px;
  z-index: 10;
}
.board_tab + .inner > .tab.depth3 {
  margin-top: 30px;
}
.board_aside {
  position: absolute;
  top: 0;
  right: 0;
  width: 270px;
}
.board_aside.sticky {
  position: fixed;
  top: 40px;
  left: 50%;
  margin-left: 390px;
}
.board_aside .lst {
  border-bottom: solid 1px rgba(197, 208, 221, 0.5);
}
.board_aside .lst li {
  border-top: solid 1px rgba(197, 208, 221, 0.5);
}
.board_aside .lst li:first-child {
  border-top: none;
}
.board_aside .lst a {
  display: block;
  padding: 19px 0 17px;
  color: #101010;
  letter-spacing: -0.02em;
}
.board_aside .lst strong {
  display: block;
  margin-top: 6px;
  font-family: 'notosans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  word-break: break-word;
}
.board_aside .lst .time {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: rgba(16, 16, 16, 0.5);
  letter-spacing: normal;
}
.board_aside .select {
  height: 48px;
}
.board_aside .select button {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_result {
  position: relative;
  padding: 167px 0 27px;
  font-family: 'notosans', sans-serif;
  color: #afb6c9;
  text-align: center;
}
.board_result:before {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}
.board_result.error {
  color: #101010;
}
.board_result.error:before {
  top: 6px;
}
.board_result.maintenance {
  color: #101010;
}
.board_result.maintenance:before {
  top: 6px;
}
.board_result.done {
  color: #101010;
}
.board_result strong {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.board_result strong.sub {
  display: block;
  margin-top: 9px;
  font-size: 20px;
  font-weight: 400;
}
.board_result strong.sub + p {
  margin-top: 25px;
}
.board_result p {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.editor_box {
  font-size: medium;
}
.ranking_page .rank_area {
  margin-top: 28px;
  padding: 40px;
  background: #f4f5f7;
}
.ranking_page .top_rank_lst {
  font-size: 0;
}
.ranking_page .top_rank_lst .lst_itm {
  display: inline-block;
  position: relative;
  width: 400px;
  height: 160px;
  margin-left: 20px;
  border-radius: 6px;
  background: #fff;
}
.ranking_page .top_rank_lst .lst_itm:first-child {
  margin-left: 0;
}
.ranking_page .top_rank_lst .lst_itm:after {
  display: block;
  clear: both;
  content: '';
}
.ranking_page .top_rank_lst .top_rank_lbl {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 98px;
  height: 38px;
  line-height: 999px;
}
.ranking_page .top_rank_lst .top_rank_lbl.top1 {
  background: url("../img/top1_lbl.png") no-repeat;
}
.ranking_page .top_rank_lst .top_rank_lbl.top2 {
  background: url("../img/top2_lbl.png") no-repeat;
}
.ranking_page .top_rank_lst .top_rank_lbl.top3 {
  background: url("../img/top3_lbl.png") no-repeat;
}
.ranking_page .top_rank_lst .info_container {
  float: left;
  margin-top: 70px;
  margin-left: 49px;
}
.ranking_page .top_rank_lst .name {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #101010;
  line-height: 23px;
}
.ranking_page .top_rank_lst .desc_lst {
  font-size: 0;
}
.ranking_page .top_rank_lst .desc_lst li {
  display: inline-block;
  margin-left: 10px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 14px;
  vertical-align: bottom;
  letter-spacing: -0.2px;
}
.ranking_page .top_rank_lst .desc_lst li:first-child {
  margin: 0;
}
.ranking_page .top_rank_lst .desc_lst li:first-child:before {
  display: none;
}
.ranking_page .top_rank_lst .desc_lst li:before {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin-right: 10px;
  background: #c8c8cf;
  vertical-align: bottom;
  content: '';
}
.ranking_page .top_rank_lst .desc_lst li span {
  display: inline-block;
  font-weight: 500;
}
.ranking_page .top_rank_lst .desc_lst li span.win {
  color: #3489df;
}
.ranking_page .top_rank_lst .desc_lst li span ~ span {
  margin-left: 4px;
}
.ranking_page .top_rank_lst .desc_lst li span em {
  font-size: 18px;
}
.ranking_page .top_rank_lst .top_rank_img {
  float: right;
  position: relative;
  width: auto;
  margin-top: 52px;
  margin-right: 48px;
}
.ranking_page .top_rank_lst .top_rank_img .img {
  position: absolute;
  top: 0;
  right: 0;
}
.ranking_page .top_rank_lst.top_clan .top_rank_img {
  margin-top: 60px;
  margin-right: 42px;
}
.ranking_page .top_rank_lst.top_clan .info_container {
  margin-left: 41px;
  margin-top: 68px;
}
.ranking_page .filter_container .select {
  width: 128px;
}
.ranking_page .board_ct.rank {
  margin-top: 70px;
}
.ranking_page .board_ct.rank .board_lst {
  margin-top: 30px;
  border-top: solid 2px #747b8f;
}
.ranking_page .board_ct.rank .board_lst li {
  padding-left: 30px;
}
.ranking_page .board_ct.rank .board_lst li > * {
  display: inline-block;
  height: 71px;
  line-height: 71px;
  vertical-align: middle;
}
.ranking_page .board_ct.rank .board_lst .rank_itm {
  background: #f9fafc;
}
.ranking_page .board_ct.rank .board_lst .rank_itm .name {
  font-weight: bold;
}
.ranking_page .board_ct.rank .board_lst .rank_itm .rank_num {
  font-size: 0;
}
.ranking_page .board_ct.rank .board_lst .rank1 .rank_num {
  background: url("../img/rank_num_1.png") no-repeat center;
}
.ranking_page .board_ct.rank .board_lst .rank2 .rank_num {
  background: url("../img/rank_num_2.png") no-repeat center;
}
.ranking_page .board_ct.rank .board_lst .rank3 .rank_num {
  background: url("../img/rank_num_3.png") no-repeat center;
}
.ranking_page .board_ct.rank .board_lst .rank_num {
  width: 40px;
  padding: 0 7px;
  font-size: 24px;
  font-weight: 500;
  color: #101010;
  text-align: center;
}
.ranking_page .board_ct.rank .board_lst .rank_change {
  width: 130px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ranking_page .board_ct.rank .board_lst .rank_change.up {
  padding-left: 47px;
  color: #e75e75;
  text-align: left;
}
.ranking_page .board_ct.rank .board_lst .rank_change.up:before {
  display: inline-block;
  margin-right: 6px;
  content: '';
}
.ranking_page .board_ct.rank .board_lst .rank_change.down {
  padding-left: 47px;
  color: #3489df;
  text-align: left;
}
.ranking_page .board_ct.rank .board_lst .rank_change.down:before {
  display: inline-block;
  margin-right: 6px;
  content: '';
}
.ranking_page .board_ct.rank .board_lst .thumb_img {
  overflow: hidden;
  position: relative;
  width: 42px;
  padding-left: 14px;
}
.ranking_page .board_ct.rank .board_lst .thumb_img .img {
  position: absolute;
  top: 0;
  left: 0;
}
.ranking_page .board_ct.rank .board_lst .thumb_img img {
  display: inline-block;
  width: 42px;
  height: auto;
  margin: 0 20px 0 3px;
  vertical-align: middle;
}
.ranking_page .board_ct.rank .board_lst .thumb_img + .name {
  padding-left: 0;
}
.ranking_page .board_ct.rank .board_lst .name {
  overflow: hidden;
  max-width: 835px;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 400;
  color: #101010;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ranking_page .board_ct.rank .board_lst .info {
  position: absolute;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  text-align: center;
}
.ranking_page .board_ct.rank .board_lst .info > span {
  display: block;
}
.ranking_page .board_ct.rank .board_lst .reputation {
  width: 130px;
  right: 140px;
}
.ranking_page .board_ct.rank .board_lst .profession {
  width: 140px;
  right: 0;
}
.ranking_page .board_ct.rank .board_lst .owner {
  overflow: hidden;
  right: 202px;
  width: 166px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.ranking_page .board_ct.rank .board_lst .stats {
  right: 0;
  width: 202px;
}
.ranking_page .board_ct.rank .board_lst .stats span {
  display: inline-block;
  margin-left: 20px;
}
.ranking_page .board_ct.rank .board_lst .stats span:first-child {
  margin-left: 0;
}
.ranking_page .board_ct.rank .board_lst .stats span.win {
  color: #3489df;
}
.ranking_page .board_ct.rank .board_lst .stats span em {
  font-size: 18px;
  font-weight: 500;
}
.ranking_page .board_ct.rank .pagination {
  margin-top: 76px;
  text-align: center;
}
.guide_page .feature_lst dt {
  display: block;
  margin-top: 33px;
  font-size: 26px;
  font-weight: bold;
  color: #101010;
}
.guide_page .feature_lst dd {
  display: block;
}
.guide_page .feature_lst dd + dt {
  margin-top: 23px;
}
.guide_page .system_guide_lst {
  margin-top: 72px;
}
.guide_page .system_guide_lst li {
  float: left;
  margin-bottom: 30px;
  text-align: left;
}
.guide_page .system_guide_lst li img {
  display: block;
}
.guide_page .system_guide_lst li .system_guide_info {
  padding: 24px 30px;
  border: 1px solid #dde6ea;
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  color: #101010;
}
.guide_page .system_guide_lst li .system_guide_info .tit {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
}
.guide_page .system_guide_lst li .system_guide_info .desc {
  display: inline-block;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 300;
}
.guide_page .system_guide_lst li:nth-child(2n) {
  margin-left: 60px;
}
.guide_page #bg_story {
  margin-top: 92px;
}
.guide_page #bg_story .tit + img {
  margin-top: 64px;
  margin-left: 119px;
}
.guide_page #bg_story .tit + img + .area_txt {
  margin-top: 33px;
}
.guide_page #bg_story .area_txt ~ .area_txt {
  margin-top: 25px;
}
.guide_page #seal_history {
  margin-top: 118px;
}
.guide_page #seal_history .tab.depth3 {
  margin-top: 59px;
  margin-bottom: 68px;
  text-align: center;
}
.guide_page #seal_history .img_left_box {
  float: left;
  margin-right: 39px;
}
.guide_page #seal_history .img_left_box img {
  display: block;
}
.guide_page #seal_history .img_center_box {
  text-align: center;
}
.guide_page #seal_history .area_txt strong {
  font-weight: bold;
}
.guide_page #seal_history .area_txt .p_tit {
  font-size: 24px;
}
.guide_page #seal_history .tab1_cont .area_txt {
  float: left;
  margin-top: -7px;
}
.guide_page #seal_history .tab1_cont .area_txt ~ .area_txt {
  margin-top: 23px;
}
.guide_page #seal_history .tab2_cont .area_txt .p_tit {
  display: block;
  margin-top: 75px;
}
.guide_page #seal_history .tab2_cont .area_txt ~ .area_txt {
  margin-top: 25px;
}
.guide_page #seal_history .tab2_cont .area_txt ~ .area_txt .p_tit {
  margin-top: 71px;
}
.guide_page #seal_history .tab2_cont .area_txt.blue_txt {
  font-weight: 500;
}
.guide_page #seal_history .tab3_cont .mt80 {
  margin-top: 80px;
}
.guide_page #seal_history .tab3_cont .area_txt .p_tit {
  display: block;
  margin-top: -26px;
}
.guide_page #seal_history .tab3_cont .area_txt ~ .area_txt {
  margin-top: 26px;
  line-height: 30px;
}
.guide_page #seal_history .tab3_cont .area_txt ~ .area_txt .p_tit {
  margin-top: 43px;
}
.guide_page #seal_history .tab4_cont {
  margin-top: -4px;
}
.guide_page #seal_history .tab4_cont .area_txt {
  margin-top: 26px;
}
.guide_page #seal_history .tab4_cont .area_txt .p_tit {
  display: block;
}
.guide_page #seal_history .tab4_cont .area_txt ~ img {
  margin: 31px 0 9px;
}
.guide_page #seal_history .tab5_cont.col2 .col {
  float: left;
  width: 620px;
}
.guide_page #seal_history .tab5_cont.col2 .col ~ .col {
  margin-left: 80px;
}
.guide_page #seal_history .tab5_cont .area_txt {
  margin-top: 25px;
}
.guide_page #seal_history .tab5_cont .img_center_box + .area_txt {
  margin-top: 75px;
}
.guide_page #seal_history .tab5_cont .col:first-child .img_center_box {
  margin-top: 20px;
}
.guide_page #seal_history .tab5_cont .col:first-child .img_center_box img {
  margin-right: 45px;
}
.guide_page #seal_history .tab5_cont .col:last-of-type .img_center_box {
  margin-top: 9px;
}
.guide_page #seal_history .tab5_cont .col:last-of-type .img_center_box img {
  margin-left: 11px;
}
.guide_page #seal_history .tab6_cont .timeline {
  position: relative;
  height: 2130px;
  background: url("../img/guide/timeline_bg.png") no-repeat center/auto 100%;
}
.guide_page #seal_history .tab6_cont .timeline li {
  position: absolute;
  width: 600px;
}
.guide_page #seal_history .tab6_cont .timeline li:before {
  position: absolute;
  height: 12px;
  width: 12px;
  top: 17px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #717c99;
  content: '';
}
.guide_page #seal_history .tab6_cont .timeline li.time_l {
  left: 0;
  text-align: right;
}
.guide_page #seal_history .tab6_cont .timeline li.time_l:before {
  right: -70px;
}
.guide_page #seal_history .tab6_cont .timeline li.time_r {
  right: 0;
  text-align: left;
}
.guide_page #seal_history .tab6_cont .timeline li.time_r:before {
  left: -70px;
}
.guide_page #seal_history .tab6_cont .timeline li .time_range {
  font-size: 40px;
  font-weight: 500;
  color: #101010;
}
.guide_page #seal_history .tab6_cont .timeline li .time_img {
  margin-top: 12px;
}
.guide_page #seal_history .tab6_cont .timeline li .time_desc {
  margin: 24px 0 20px;
}
.guide_page #seal_history .tab6_cont .timeline li .p_tit {
  font-weight: 500;
}
.guide_page #seal_history .tab6_cont .timeline li dl {
  margin-top: 33px;
}
.guide_page #seal_history .tab6_cont .timeline li dd {
  margin-top: 3px;
  white-space: nowrap;
  letter-spacing: -0.2px;
}
.guide_page #seal_history .tab6_cont .timeline li dt {
  margin-top: 25px;
}
.guide_page #seal_history .tab6_cont .timeline .time1 {
  top: 48px;
}
.guide_page #seal_history .tab6_cont .timeline .time2 {
  top: 304px;
}
.guide_page #seal_history .tab6_cont .timeline .time3 {
  top: 731px;
}
.guide_page #seal_history .tab6_cont .timeline .time4 {
  top: 1058px;
}
.guide_page #seal_history .tab6_cont .timeline .time5 {
  top: 1406px;
}
.cs_page .pagination {
  margin-top: 40px;
  text-align: center;
}
.cs_page .tab.depth3 {
  margin-top: 8px;
}
.cs_page .board_ct {
  margin-top: 29px;
}
.sectit {
  font-size: 34px;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.card_bx {
  position: relative;
  height: 235px;
  background-color: #f4f5f7;
  font-size: 0;
}
.card_bx .ico_area {
  display: inline-block;
  position: relative;
  width: 39%;
  height: 100%;
  vertical-align: top;
}
.card_bx .ico_area span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.card_bx .info {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
.card_bx .info .tit {
  display: block;
  margin-top: 54px;
  font-family: 'notosans', sans-serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.04em;
}
.card_bx .info .desc {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.card_bx .info .btn_default {
  margin-top: 13px;
}
.card_bx .info .btn_default span {
  display: inline-block;
  margin-left: 4px;
}
.card_lst {
  display: table;
  /* 2022.07.07 */
  width: -webkit-calc(100% + 30px);
  width: calc(100% + 30px);
  /* // 2022.07.07 */
  table-layout: fixed;
  margin: 20px 0 0 -15px;
}
.card_lst li {
  display: table-cell;
  padding: 0 15px;
}
.card_lst.itm_sorting .card_bx .ico_area {
  width: 45%;
}
.card_lst.report .card_bx .ico_area {
  width: 42%;
}
.card_lst.report .card_bx .tit {
  margin-top: 56px;
}
.card_lst.report .card_bx .btn_default {
  width: 102px;
  height: 48px;
  line-height: 48px;
}
.card_lst.report .card_bx .btn_default + .btn_default {
  margin-left: 6px;
}
.step_lst {
  text-align: center;
  font-size: 0;
}
.step_lst li {
  position: relative;
  display: inline-block;
  width: 220px;
  font-size: 18px;
  font-weight: 300;
  color: #a5a5a5;
  line-height: 24px;
}
.step_lst li:before {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}
.step_lst li:after {
  position: absolute;
  top: -24px;
  left: 127px;
  width: 186px;
  height: 1px;
  background-color: rgba(197, 208, 221, 0.5);
  content: '';
}
.step_lst li:last-child:after {
  content: none;
}
.step_lst li.on {
  font-weight: normal;
  color: #101010;
}
.step_lst li.done {
  font-weight: normal;
  color: #5498da;
}
.step_lst li.done:after {
  background-color: #5498da;
}
.datepicker_area {
  display: inline-block;
  position: absolute;
  top: 50%;
  vertical-align: top;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}
.datepicker_area .tui-datepicker-input {
  width: 140px;
  height: 46px;
  border: 1px solid #dde6eb;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.datepicker_area .tui-datepicker-input + .tui-datepicker-input {
  margin-left: 8px;
}
.datepicker_area input {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 36px 14px 12px !important;
}
.datepicker_area .tui-datepicker {
  z-index: 100;
}
.cs_ct {
  position: relative;
  margin-top: 10px;
}
.cs_ct .board_lst {
  margin-top: 30px;
}
.cs_ct .board_result {
  margin-top: 46px;
}
.cs_ct .event_container .news_lst_container {
  width: 610px;
}
.cs_ct .event_container .news_lst_container:nth-child(even) {
  margin-left: 100px;
}
.cs_ct .event_container .news_lst_container .news_lst a {
  max-width: 400px;
}
.cs_ct .event_container .news_lst_container .ico_new {
  display: inline-block;
  margin-left: 5px;
  vertical-align: text-top;
}
.cs_ct .search_bx + .tab.depth3 {
  margin-top: 26px;
}
.cs_ct .customer_consultant {
  position: relative;
  padding: 70px 440px 12px 0;
  border-top: 1px solid rgba(197, 208, 221, 0.5);
}
.cs_ct .customer_consultant dl {
  margin-top: 10px;
  font-size: 0;
}
.cs_ct .customer_consultant dt {
  display: inline-block;
  width: 69px;
  margin-top: 16px;
  font-size: 14px;
  color: #717c99;
  line-height: 20px;
  vertical-align: middle;
}
.cs_ct .customer_consultant dd {
  display: inline-block;
  width: -webkit-calc(100% - 69px);
  width: calc(100% - 69px);
  margin-top: 16px;
  font-size: 14px;
  color: #a5a5a5;
  line-height: 20px;
  vertical-align: middle;
}
.cs_ct .customer_consultant dd strong {
  margin-right: 7px;
  font-family: 'barlow', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #101010;
  line-height: 20px;
  letter-spacing: -0.02em;
  vertical-align: text-bottom;
}
.cs_ct .customer_consultant dd em {
  color: #5e5e5e;
}
.cs_ct .customer_consultant dd .time {
  margin-left: 10px;
  font-size: 16px;
}
.cs_ct .customer_consultant .ico_phone,
.cs_ct .customer_consultant .ico_fax,
.cs_ct .customer_consultant .ico_location {
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}
.cs_ct .customer_consultant .card_bx {
  position: absolute;
  /* 2022.07.08 수정사항 확인 */
  /* top: 108px;
  right: 0;
  width: 440px;
  height: 103px; */
  top: 116px;
  right: 0;
  width: 440px;
  height: 148px;
  /* // 2022.07.08 수정사항 확인 */
}
.cs_ct .customer_consultant .card_bx .ico_area {
  width: 30%;
}
.cs_ct .customer_consultant .card_bx .info {
  /* 2022.07.08 수정사항 확인 */
  /* padding-top: 15px; */
  padding-top: 37px;
  /* // 2022.07.08 수정사항 확인 */
}
.cs_ct .customer_consultant .card_bx a {
  position: relative;
  padding-right: 12px;
  font-size: 20px;
  color: #3489df;
}
.cs_ct .customer_consultant .card_bx a:after {
  position: absolute;
  top: 7px;
  right: 0;
  content: '';
}
.cs_ct .customer_consultant .card_bx p {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 300;
  color: #5e5e5e;
  letter-spacing: -0.015em;
}
.cs_ct .step_lst {
  margin-top: 70px;
}
.cs_ct .step_lst + .card_lst {
  margin-top: 76px;
}
.cs_ct .step_lst + .desc {
  margin-top: 70px;
}
.cs_ct .desc {
  font-weight: 300;
  color: #5e5e5e;
  letter-spacing: -0.015em;
}
.cs_ct .note {
  display: block;
  color: #5498da;
}
.cs_ct + .board_ct.write {
  margin-top: 37px;
}
.cs_ct .filter_form {
  position: absolute;
  top: 3px;
  right: 0;
}
.cs_ct .filter_form .select {
  height: 48px;
}
.cs_ct .filter_form .select.category {
  width: 260px;
}
.cs_ct .filter_form .select.datetime {
  width: 172px;
}
.cs_ct .filter_form .select .btn_open_select {
  padding-right: 35px;
}
.cs_ct .ct {
  margin-top: 31px;
  padding-top: 31px;
  border-top: 2px solid #747b8f;
}
.chapter_lst li {
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #101010;
  letter-spacing: 0.01em;
}
.chapter_lst li:first-child {
  margin-top: 0;
}
.chapter_lst a {
  font-size: 18px;
  color: #101010;
}
.chapter_ct_lst {
  margin-top: 64px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.008em;
}
.chapter_ct_lst > li {
  margin-top: 56px;
}
.chapter_ct_lst > li:first-child {
  margin-top: 0;
}
.chapter_ct_lst p {
  margin-top: 3px;
  line-height: 27px;
}
.chapter_ct_lst ol {
  margin-top: 2px;
}
.chapter_ct_lst ol > li {
  line-height: 27px;
}
.chapter_ct_lst .highlight {
  color: #3489df;
}
.chapter_tit {
  display: block;
  margin-top: 64px;
  font-size: 18px;
  letter-spacing: 0.03em;
}
.chapter_tit:first-child {
  margin-top: 0;
}
.chapter_subtit {
  display: block;
  margin-top: 29px;
  font-weight: 300;
  letter-spacing: 0.03em;
}
.search_bx {
  margin-top: 40px;
  padding: 40px 30px 32px;
  background-color: #f4f5f7;
  font-size: 0;
}
.search_bx .search_input {
  width: 1070px;
  height: 48px;
  margin-left: 0;
  vertical-align: top;
}
.search_bx .search_input input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.search_bx .btn_default {
  height: 48px;
  margin-left: 28px;
  line-height: 48px;
  font-size: 14px;
  font-weight: bold;
}
.search_bx .filter_lst {
  margin: 3px 0 0 -15px;
}
.search_bx .filter_lst li {
  display: inline-block;
  position: relative;
}
.search_bx .filter_lst li + li:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #c3c3cb;
  content: '';
}
.search_bx .filter_lst li:hover a {
  text-decoration: underline;
}
.search_bx .filter_lst a {
  display: block;
  padding: 5px 16px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.03em;
  color: #5e5e5e;
}
.btn_top,
.btn_down {
  display: none;
  position: fixed;
  right: 30px;
}
.btn_top {
  bottom: 140px;
}
.btn_down {
  bottom: 70px;
}
.download_page #content {
  padding-top: 90px;
}
.download_ct .board_lst {
  margin-top: 30px;
}
.download_ct .section {
  position: relative;
}
.download_ct .section ~ .section {
  margin-top: 69px;
}
.download_ct .section .tbl_area {
  margin-top: 32px;
}
.download_ct .section .lst {
  margin-top: 21px;
}
.download_ct .section .lst li {
  position: relative;
  padding-left: 12px;
  font-family: 'notosans', sans-serif;
  font-weight: 300;
  color: #5e5e5e;
  line-height: 35px;
  letter-spacing: -0.03em;
}
.download_ct .section .lst li:before {
  position: absolute;
  top: 17px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #5e5e5e;
  content: '';
}
.download_ct .section .card_lst {
  margin-top: 30px;
}
.download_ct .section .card_bx .ico_area {
  width: 45%;
}
.download_ct .section .card_bx .desc {
  font-size: 16px;
  letter-spacing: 0.01em;
}
.download_ct .section .btn_more {
  position: absolute;
  top: 13px;
  right: 0;
}
.download_ct .card_lst.utility .card_bx {
  height: 160px;
}
.download_ct .card_lst.utility .card_bx .tit {
  margin-top: 29px;
  line-height: 28px;
}
.tbl_area {
  width: 100%;
  font-family: 'notosans', sans-serif;
}
.tbl_area table {
  width: 100%;
}
.tbl_area th,
.tbl_area td {
  height: 62px;
  border: 1px solid rgba(197, 208, 221, 0.5);
  color: #101010;
  text-align: center;
}
.tbl_area th {
  background-color: #f9fafb;
}
.tbl_area td {
  letter-spacing: -0.02em;
}
.tbl_area tr:first-child th,
.tbl_area tr:first-child td {
  border-top: 0;
}
.tbl_area tr.nodata {
  height: 142px;
  font-weight: 300;
}
.tbl_area tr.is_selected {
  background-color: #f9fafb;
}
.tbl_area tr.is_selected td {
  font-weight: bold;
}
.tbl_area thead th {
  height: 48px;
  border: 0;
  border-left: 1px solid rgba(197, 208, 221, 0.5);
  background-color: #747b8e;
  font-weight: normal;
  color: #fff;
}
.tbl_area.js_select_row tbody td:hover {
  cursor: pointer;
}
.tbl_area.js_select_row .inp_rdo label {
  pointer-events: none;
}
.tbl_area .cell_v1 {
  background: #555d73;
  color: #fff;
}
.tbl_area .cell_v2 {
  background: #747b8e;
  color: #fff;
}
.tbl_area .cell_v3 {
  background: #f4f5f7;
  color: #101010;
}
.tbl_area .cell_v4 {
  background: #f9fafb;
  color: #101010;
}
.member_page #content {
  padding-top: 211px;
}
.member_page .tab.depth2 + .member_ct .board_result {
  margin-top: 100px;
}
.member_page .tab.depth2 + .board_ct {
  margin-top: 60px;
}
.member_page .tab.depth2 + .board_ct .btn_wrap {
  margin-top: 40px;
}
.member_page .btn_default {
  font-weight: bold;
}
.member_page .board_ct.write .form_lst.member input {
  width: 284px;
}
.login_form {
  width: 460px;
  margin: 0 auto;
  font-family: 'notosans', 'barlow', sans-serif;
  text-align: center;
}
.login_form .inp_txt {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 300;
  color: #101010;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login_form .inp_txt::-webkit-input-placeholder {
  font-size: 14px;
  color: #a5a5a5;
}
.login_form .inp_txt::-moz-placeholder {
  font-size: 14px;
  color: #a5a5a5;
}
.login_form .inp_txt:-ms-input-placeholder {
  font-size: 14px;
  color: #a5a5a5;
}
.login_form .inp_txt:-moz-placeholder {
  font-size: 14px;
  color: #a5a5a5;
}
.login_form .inp_txt + .inp_txt {
  margin-top: 15px;
}
.login_form .error {
  display: block;
  width: 100%;
  margin-top: 16px;
  font-size: 14px;
  color: #ff0000;
  letter-spacing: -0.015em;
  text-align: left;
}
.login_form .error + .btn_default {
  margin-top: 18px;
}
.login_form .captcha {
  width: 100%;
  margin-top: 16px;
}
.login_form .captcha + .inp_txt {
  margin-top: 15px;
}
.login_form .btn_default {
  height: 60px;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
}
.login_form .chkbox {
  margin-top: 15px;
}
.login_form hr {
  margin: 40px 0 0;
  border: 0;
  border-top: 1px solid rgba(197, 208, 221, 0.5);
}
.login_form .lnk_lst {
  margin-top: 37px;
}
.login_form .sign_up {
  margin-top: 36px;
  color: #5e5e5e;
}
.login_form .sign_up .btn_s {
  width: 105px;
  height: 36px;
  margin: 0 0 0 13px;
  font-size: 14px;
  font-weight: bold;
}
.member_ct {
  font-family: 'notosans', 'barlow', sans-serif;
}
.member_ct .txt {
  display: block;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.member_ct .tbl_area {
  margin-top: 38px;
}
.member_ct .lst {
  margin-top: 36px;
}
.member_ct .lst li {
  position: relative;
  padding-left: 12px;
  color: #5e5e5e;
  letter-spacing: -0.025em;
}
.member_ct .lst li:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #5e5e5e;
  content: '';
}
.member_ct .lst li + li {
  margin-top: 13px;
}
.member_ct .btn_wrap {
  position: static;
  margin-top: 35px;
  text-align: center;
}
.member_ct .btn_wrap .btn_default + .btn_default {
  margin-left: 19px;
}
.member_ct .board_result {
  padding-top: 117px;
}
.member_ct .board_result strong {
  font-weight: bold;
}
.member_ct .board_result p {
  color: #5e5e5e;
}
.member_ct .board_result.done:before {
  top: 0;
}
.member_ct .board_result .btn_default {
  margin-top: 37px;
}
.member_ct .board_result .btn_wrap .btn_default {
  margin-top: 0;
}
.member_ct .note {
  margin-top: 56px;
  letter-spacing: -0.02em;
}
.member_ct .card_lst {
  margin-top: 36px;
}
.member_ct .step_lst {
  margin-top: 30px;
}
.member_ct .step_lst + .note {
  margin-top: 73px;
}
.member_ct .step_lst + .board_result {
  margin-top: 100px;
}
.member_ct .policy_bx {
  margin-top: 77px;
}
.member_ct .policy_bx + .board_lst {
  margin-top: 60px;
}
.member_ct .board_lst .accordion_header {
  height: 104px;
  padding-left: 0;
  cursor: pointer;
}
.member_ct .board_lst .accordion_header .chkbox {
  padding-left: 0;
  line-height: 104px;
  font-size: 0;
}
.member_ct .board_lst .accordion_header .chkbox input:checked + label {
  font-weight: bold;
}
.member_ct .board_lst .accordion_header .chkbox label {
  padding-left: 30px;
  font-size: 22px;
  color: #101010;
  line-height: 30px;
  vertical-align: middle;
}
/* 2022.07.13 수정사항 확인 */
.member_ct .board_lst .accordion_header .chkbox label:before {
  top: 5px;
}
/* // 2022.07.13 수정사항 확인 */
.member_ct .board_lst .accordion_content {
  max-height: 419px;
  padding: 40px;
}
.member_ct .board_lst .accordion_content.js_scrollbar {
  padding: 30px 0 30px 30px;
}
.member_ct .board_lst .accordion_content .content_bx {
  width: 100%;
}
.member_ct .board_lst .accordion_content strong {
  overflow: visible;
  text-overflow: initial;
  white-space: initial;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
}
.member_ct .board_lst .accordion_content strong + .chapter_lst {
  margin-top: 62px;
}
.member_ct .board_lst .accordion_content .sb-scrollbar-container {
  top: 20px;
  right: 7px;
  bottom: 19px;
}
.member_ct .board_lst .accordion_content .sb-content {
  padding-top: 0;
  padding-bottom: 0;
}
.member_ct .board_lst .accordion_content .chapter_lst li + li {
  margin-top: 5px;
}
.member_ct .board_lst .accordion_content .chapter_lst a {
  display: inline-block;
  padding: 0;
}
.member_ct .board_lst .accordion_content .chapter_ct_lst {
  margin-top: 66px;
}
.member_ct .board_lst .accordion_content .chapter_ct_lst > li + li {
  margin-top: 60px;
}
.member_ct .board_lst .accordion_content .chapter_ct_lst p {
  margin-top: 5px;
}
.member_ct .board_lst .accordion_content .chapter_tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
.member_ct .board_lst .accordion_content .chapter_subtit {
  display: block;
  margin-top: 35px;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}
.member_ct .board_lst .accordion_content .chapter_subtit ~ .chapter_subtit {
  margin-top: 31px;
}
.member_ct .board_lst .accordion_content .tbl_area {
  margin-top: 0;
}
.member_ct .board_lst .accordion_content .tbl_area tbody th {
  background-color: #f4f5f7;
}
.member_ct .board_lst .accordion_content .tbl_area tbody td {
  background-color: #fff;
}
.member_ct .board_lst .accordion_content .tbl_area + .lst {
  margin-top: 14px;
}
.member_ct + .board_ct {
  margin-top: 77px;
}
.policy_bx {
  padding: 30px 0 34px;
  background-color: #f4f5f7;
  text-align: center;
}
.policy_bx strong {
  display: block;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.03em;
}
.policy_bx .chkbox {
  margin-top: 4px;
}
.policy_bx label:before {
  background-color: #fff;
}
.game_guide_page {
  color: #525252;
}
.game_guide_page .header {
  overflow-y: auto;
  overflow-x: hidden;
}
.game_guide_page .header .sb-content {
  max-height: 100% !important;
}
.game_guide_page .header .inner {
  height: auto;
}
.game_guide_page .header .title {
  position: static;
  height: 77px;
  margin-bottom: 27px;
  text-align: center;
}
.game_guide_page .header .title a {
  display: inline-block;
}
.game_guide_page .header .inner {
  width: 100%;
}
.game_guide_page .header .btn {
  display: inline-block;
  width: 105px;
  height: 44px;
  border-radius: 3px;
  background: #a5a5b6;
  font-size: 14px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  color: #fff;
}
.game_guide_page .header .btn.blue_btn {
  background: #5498da;
}
.game_guide_page .header .btn span[class^="ico_"] {
  display: inline-block;
  margin-right: 7px;
}
.game_guide_page .header .btn ~ .btn {
  margin-left: 7px;
}
.game_guide_page .header .gnb {
  margin-top: 20px;
  padding-left: 0;
  border-top: 2px solid #434c6c;
}
.game_guide_page .header .gnb .lst_itm {
  min-height: 72px;
  width: 100%;
  height: auto;
  padding: 0;
}
.game_guide_page .header .gnb .lst_itm > a {
  height: 72px;
  padding: 0;
  border-bottom: 1px solid #434c6c;
  font-size: 18px;
  font-weight: 300;
  color: #c5c5d0;
  line-height: 72px;
  text-align: left;
}
.game_guide_page .header .gnb .lst_itm > a:after {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.game_guide_page .header .gnb .lst_itm.on > a, .game_guide_page .header .gnb .lst_itm > a:hover, .game_guide_page .header .gnb .lst_itm:hover > a {
  font-weight: bold;
  color: #fff !important;
  text-decoration: none;
}
.game_guide_page .header .gnb .lst_itm.on > a:after {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
  -ms-transform: translateY(-50%) rotateZ(180deg);
  transform: translateY(-50%) rotateZ(180deg);
}
.game_guide_page .header .gnb .lst_itm.on {
  border-bottom: 1px solid #434c6c;
}
.game_guide_page .header .gnb .lst_itm.on .sub_lst {
  display: block;
}
.game_guide_page .header .gnb .sub_lst {
  display: none;
  position: static;
  padding: 19px 0;
  background: #383e53;
  border-bottom: 1px solid #434c6c;
}
.game_guide_page .header .gnb .sub_lst > li a {
  padding: 0 19px;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  color: #a5a5b6;
  text-align: left;
}
.game_guide_page .header .gnb .sub_lst > li ~ li {
  margin-top: 19px;
}
.game_guide_page .header .gnb .sub_lst > li.on > a, .game_guide_page .header .gnb .sub_lst > li:hover > a {
  font-weight: bold;
  color: #5498da;
}
.game_guide_page .header .gnb .sub_lst > li.on > a:before, .game_guide_page .header .gnb .sub_lst > li:hover > a:before {
  position: absolute;
  left: 0;
  top: 50%;
  height: 18px;
  width: 2px;
  background: #5498da;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.game_guide_page footer {
  height: 90px;
  border-top: 1px solid #ebeeef;
}
.game_guide_page footer .copyright {
  font-size: 13px;
  line-height: 90px;
  color: #101010;
}
.game_guide_page #content .inner, .game_guide_page footer .inner {
  width: 960px;
  padding-left: 80px;
  margin: 0 auto 0 280px;
}
.game_guide_page #content {
  padding: 0 0 100px;
}
.game_guide_page .visual_area {
  height: 200px;
  padding: 0;
  background: url("../img/game_guide/visual_bg.jpg") no-repeat left 280px top;
}
.game_guide_page .visual_area .sub_tit {
  color: #101010;
}
.game_guide_page .visual_area + .inner {
  padding-top: 80px;
}
.game_guide_page .cnt_tit {
  font-size: 34px;
  font-weight: 300;
  line-height: 32px;
}
.game_guide_page .tab.depth2 {
  margin-top: 40px;
  border-radius: 0;
}
.game_guide_page .tab.depth2.col3 li {
  display: inline-block;
  width: 33.33%;
}
.game_guide_page .tab.depth2.col3 li:nth-child(3n) {
  border-right: solid 1px #c5d0dd;
}
.game_guide_page .tab.depth2.col3 li:nth-child(3n) ~ li {
  border-top: none;
}
.game_guide_page .tab.depth2.col3 li:last-of-type:not(:nth-child(3n)) {
  width: -webkit-calc(33.33% + 1px);
  width: calc(33.33% + 1px);
}
.game_guide_page .tab.depth2.col4 li {
  display: inline-block;
  width: 25%;
}
.game_guide_page .tab.depth2.col4 li:nth-child(4n) {
  border-right: solid 1px #c5d0dd;
}
.game_guide_page .tab.depth2.col4 li:nth-child(4n) ~ li {
  border-top: none;
}
.game_guide_page .tab.depth2.col4 li:last-of-type:not(:nth-child(4n)) {
  width: -webkit-calc(25% + 1px);
  width: calc(25% + 1px);
}
.game_guide_page .tab.depth2.col5 li {
  display: inline-block;
  width: 20%;
}
.game_guide_page .tab.depth2.col5 li:nth-child(5n) {
  border-right: solid 1px #c5d0dd;
}
.game_guide_page .tab.depth2.col5 li:nth-child(5n) ~ li {
  border-top: none;
}
.game_guide_page .tab.depth2.col5 li:last-of-type:not(:nth-child(5n)) {
  width: -webkit-calc(20% + 1px);
  width: calc(20% + 1px);
}
.game_guide_page .tab.depth3 {
  margin: 40px 0;
  padding: 10px;
  background: #f4f5f7;
}
.game_guide_page .definition_lst dl {
  float: left;
}
.game_guide_page .definition_lst dl dt {
  position: relative;
  padding-left: 12px;
  font-weight: bold;
  color: #101010;
}
.game_guide_page .definition_lst dl dt:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 3px;
  background: #5d5d5d;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.game_guide_page .definition_lst dl dd {
  margin-top: 5px;
  line-height: 25px;
}
.game_guide_page .definition_lst .img_container {
  float: right;
  margin-top: 11px;
}
.game_guide_page .sb-scrollbar-container {
  top: 15px;
  bottom: 15px;
  background: #3a3e4b;
}
.game_guide_page .sb-scrollbar {
  background: #3f4457;
}
.game_guide_page .search_area {
  margin-top: 20px;
  padding: 30px 20px;
  background: #f4f5f7;
}
.game_guide_page .search_area .search {
  display: table;
  border-spacing: 10px 0;
}
.game_guide_page .search_area .select {
  display: table-cell;
  width: 212px;
  background: #fff;
  vertical-align: top;
  color: #101010;
}
.game_guide_page .search_area .search_input {
  display: table-cell;
  overflow: hidden;
  margin-left: 20px;
  width: 680px;
}
.game_guide_page .search_area .search_input input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.game_guide_page .search_area .select_default {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px 0 13px;
  font-size: 13px;
  line-height: 46px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.game_guide_page .search_area select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 13px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.main_info_area {
  margin-top: 40px;
  padding: 40px;
  background: #f4f5f7;
}
.main_info_area .main_info_lst {
  font-size: 0;
}
.main_info_area .main_info_lst .lst_itm {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 400px;
  height: 160px;
  margin-left: 20px;
  border-radius: 6px;
  background: #fff;
}
.main_info_area .main_info_lst .lst_itm:first-child {
  margin-left: 0;
}
.main_info_area .main_info_lst .lst_itm:after {
  display: block;
  clear: both;
  content: '';
}
.main_info_area .main_info_lst .lbl {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 98px;
  height: 38px;
  border-bottom-right-radius: 6px;
  background: #5497db;
  font-size: 14px;
  font-weight: 600;
  line-height: 38px;
  color: #fff;
  text-align: center;
}
.main_info_area .main_info_lst .info_container {
  float: left;
  margin-top: 70px;
  margin-left: 41px;
}
.main_info_area .main_info_lst .main_txt {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #101010;
  line-height: 23px;
}
.main_info_area .main_info_lst .main_txt:only-child {
  margin-top: 9px;
  font-size: 30px;
}
.main_info_area .main_info_lst .main_txt .ico_lock2 {
  margin-top: -3px;
  margin-left: 7px;
  vertical-align: top;
}
.main_info_area .main_info_lst .btn_act {
  display: inline-block;
  margin-top: 10px;
  font-size: 18px;
  color: #3489df;
}
.main_info_area .main_info_lst .btn_act:after {
  display: inline-block;
  margin-left: 7px;
  content: '';
}
.main_info_area .main_info_lst .info_img {
  float: right;
  margin-top: 55px;
  margin-right: 39px;
}
.main_info_area .main_info_lst span[class^="ico_"] {
  display: inline-block;
  vertical-align: middle;
}
.info_page .main_info_area + .cs_ct {
  margin-top: 70px;
}
.info_page .sectit {
  font-weight: 600;
}
.info_page .board_lst a {
  padding: 0;
}
.info_page .board_lst .accordion_header {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.info_page .board_lst .accordion_header:after {
  display: none;
}
.info_page .board_lst .accordion_header .label {
  position: absolute;
  top: 50%;
  right: 30px;
  left: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.info_page .board_lst .nodata {
  font-size: 16px;
  font-weight: 300;
  line-height: 145px;
  text-align: center;
  color: #101010;
}
.info_page .card_lst {
  margin-top: 40px;
}
.info_page .card_lst.utility .card_bx {
  height: 195px;
}
.info_page .card_lst.utility .ico_area {
  width: 190px;
}
.info_page .card_lst.utility .btn_default {
  width: 148px;
  height: 44px;
  margin-top: 7px;
  line-height: 44px;
}
.info_page .card_lst .card_bx {
  height: 234px;
}
.info_page .card_lst .ico_area {
  width: 250px;
}
.info_page .card_lst .btn_default {
  height: 52px;
  width: 162px;
  margin-top: 13px;
}
.info_page .step_lst {
  margin-top: 96px;
}
.info_page .step_lst + .board_ct {
  margin-top: 76px;
}
.info_page .cs_ct {
  margin-top: 27px;
}
.info_page .cs_ct .board_ct:first-child {
  margin-top: 0;
}
.info_page .cs_ct .board_ct:first-child .ct {
  margin-top: 0;
}
.info_page .cs_ct .board_ct.write .form_lst > li {
  border-bottom: 1px solid rgba(197, 208, 221, 0.5);
  border-top: none;
}
.info_page .cs_ct .board_ct.write .btn_wrap {
  margin-top: 40px;
}
.info_page .cs_ct .board_ct.write .warning + .btn_wrap {
  margin-top: 26px;
}
.info_page .cs_ct .board_ct.write .dot_lst + .btn_wrap {
  margin-top: 58px;
}
.info_page .cs_ct .board_ct.write .form_lst .txt_lbl {
  font-size: 16px;
}
.info_page .cs_ct .board_ct.write .form_lst.password label, .info_page .cs_ct .board_ct.write .form_lst.password .message, .info_page .cs_ct .board_ct.write .form_lst.question label, .info_page .cs_ct .board_ct.write .form_lst.question .message {
  line-height: 76px;
}
.info_page .cs_ct .board_ct.write .form_lst.question label {
  width: 164px;
}
.info_page .cs_ct .board_ct.write .form_lst .message {
  display: none;
  color: #ec1515;
  font-size: 14px;
  font-weight: 300;
}
.info_page .cs_ct .board_ct.write .form_lst .validate .txt_lbl {
  color: #101010;
}
.info_page .cs_ct .board_ct.write .form_lst .validate .message {
  display: inline-block;
}
.info_page .cs_ct .ct {
  padding-top: 0;
}
.info_page #answer {
  width: 356px;
}
.info_page #leaving_pop {
  padding-bottom: 125px;
}
.info_page #leaving_pop .txt_popup {
  margin-top: 19px;
}
.info_page #leaving_pop .card_lst {
  margin-top: 36px;
}
.info_page .board_result .btn_wrap {
  margin-top: 34px;
  position: relative;
}
.info_page .txt_stt {
  margin-top: 33px;
  font-size: 20px;
  font-weight: 600;
  color: #5e5e5e;
}
.info_page .txt_stt .user_name {
  color: #101010;
}
.info_page .txt_stt .stt {
  color: #5498da;
}
.info_page .tbl_area:first-child > table {
  margin-top: 0;
}
.info_page .tbl_area + .txt {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 300;
  color: #5e5e5e;
}
.info_page .tbl_area > table {
  margin-top: 37px;
}
.info_page .tbl_area > table td {
  font-weight: 100;
}
.info_page input[readonly] {
  outline: none;
}
.etc_page #content {
  padding-top: 205px;
}
.etc_page .board_ct {
  margin-top: 38px;
}
.etc_page .tit_default {
  margin-top: 35px;
}
.etc_page .dot_lst {
  margin-top: 11px;
}
.etc_page .dot_lst + .btn_wrap {
  margin-top: 33px;
}
.etc_page .dot_lst .txt_blue {
  color: #5498da;
}
.etc_page .board_ct.write .btn_wrap {
  margin-top: 36px;
}
.etc_page .member_ct .note {
  margin-top: 35px;
  font-weight: 400;
  color: #101010;
}
.etc_page .authentication_area {
  margin-top: 36px;
  padding-top: 33px;
  border-top: 1px solid #e2e7ed;
  font-size: 0;
}
.etc_page .authentication_area .tit {
  font-size: 24px;
  font-weight: 600;
  color: #101010;
}
.etc_page .authentication_area .email_bx {
  margin-top: 35px;
  padding: 37px 70px;
  background-color: #f4f5f7;
}
.etc_page .authentication_area .email_bx .txt {
  font-size: 16px;
  font-weight: bold;
  color: #5e5e5e;
  letter-spacing: -0.015em;
}
.etc_page .authentication_area .email_bx input {
  height: 46px;
  padding: 0 10px;
  border: 1px solid #dde6eb;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.02em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.etc_page .authentication_area .email_bx input::-webkit-input-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}
.etc_page .authentication_area .email_bx input::-moz-placeholder {
  color: #a5a5a5;
}
.etc_page .authentication_area .email_bx input:-ms-input-placeholder {
  color: #a5a5a5;
}
.etc_page .authentication_area .email_bx input:-moz-placeholder {
  color: #a5a5a5;
}
.etc_page .authentication_area .email_bx .inp_mail {
  width: 270px;
  margin-left: 60px;
  font-size: 15px;
}
.etc_page .authentication_area .email_bx .inp_domain {
  width: 150px;
  margin-right: 10px;
  font-size: 15px;
}
.etc_page .authentication_area .email_bx .at_sign {
  margin: 0 19px;
  font-family: 'barlow';
  font-size: 20px;
  font-weight: 300;
}
.etc_page .authentication_area .email_bx .select {
  width: 270px;
  height: 46px;
  background-color: #fff;
}
.etc_page .authentication_area .email_bx .select .select_lst {
  top: 44px;
}
.etc_page .authentication_area + .member_ct .card_lst {
  margin-top: 30px;
}
.etc_page .btn_wrap {
  position: relative;
  text-align: center;
  font-weight: 600;
}
.etc_page .btn_wrap .btn_default ~ .btn_default {
  margin-left: 20px;
}
.etc_page .tab.depth2 + .txt_default {
  margin-top: 54px;
}
.etc_page .highlight_bx_ct {
  margin-top: 37px;
}
.etc_page .highlight_bx_ct .tit_default {
  margin-top: 26px;
}
.etc_page .highlight_bx_ct .tit_default:first-child {
  margin-top: 0;
  line-height: 31px;
}
.etc_page .highlight_bx_ct .tit_default.eng_txt {
  margin-top: 31px;
  font-size: 20px;
  font-weight: 500;
}
.etc_page .board_result.error {
  padding-top: 125px;
  padding-bottom: 0;
}
.etc_page .board_result.error p {
  margin-top: 8px;
  line-height: 21px;
}
.etc_page .board_result.error .result_tit {
  line-height: 39px;
}
.etc_page .board_result.error .main_info_area {
  width: 656px;
  margin: 53px auto 0;
  padding: 28px 39px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.etc_page .board_result.error .main_info_area .txt_default {
  font-size: 16px;
  color: #101010;
  line-height: 23px;
  text-align: center;
}
.etc_page .board_result.error .main_info_area .ie_down_btn {
  width: 185px;
}
.etc_page .board_result.error .main_info_area hr {
  margin-top: 30px;
  margin-bottom: -7px;
  border: none;
  border-top: 1px solid #dce2ea;
}
.etc_page .board_result.error .main_info_area span[class^="ico_"] {
  display: inline-block;
}
.etc_page .board_result.error .main_info_area .ie_ico_container {
  margin-left: 38px;
  margin-right: 39px;
  font-size: 24px;
  font-weight: 600;
  color: #101010;
  letter-spacing: -1px;
}
.etc_page .board_result.error .main_info_area .ico_ie {
  margin-right: 34px;
  vertical-align: middle;
}
.etc_page .board_result.error .main_info_area .ico_popup_white, .etc_page .board_result.error .main_info_area .tab.depth2 li:hover a .ico_popup, .tab.depth2 li:hover a .etc_page .board_result.error .main_info_area .ico_popup, .etc_page .board_result.error .main_info_area .tab.depth2 li.on a .ico_popup, .tab.depth2 li.on a .etc_page .board_result.error .main_info_area .ico_popup {
  margin-left: 10px;
}
.etc_page .board_result.error .btn_default.btn_outline:last-child {
  margin-top: 40px;
}
.etc_page .board_result.maintenance .result_tit {
  display: block;
  margin-top: 10px;
}
.etc_page .board_result.maintenance .main_info_area {
  margin-top: 53px;
  padding: 35px;
}
.cash_page .tbl_area {
  margin-top: 26px;
}
.cash_page hr {
  border: 0;
  border-top: 1px solid #e2e7ed;
}
.cash_number {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-family: 'barlow', 'notosans', sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #f78600;
  vertical-align: top;
}
.cash_number:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.cash_bx {
  padding-bottom: 25px;
}
.cash_bx:before, .cash_bx:after {
  content: '';
  display: block;
  clear: both;
}
.cash_bx .cash_info {
  float: left;
  width: 580px;
  text-align: right;
}
.cash_bx .cash_title {
  float: left;
  font-size: 28px;
  font-weight: 500;
  line-height: 52px;
  letter-spacing: -0.03em;
  vertical-align: top;
}
.cash_bx .cash_number {
  display: inline-block;
  margin: 2px 10px 0 0;
  padding-left: 40px;
  font-weight: 300;
  font-size: 30px;
  line-height: 44px;
  text-align: right;
}
.cash_bx .cash_number em {
  font-weight: 500;
  font-size: 32px;
}
.cash_bx .cash_number:before {
  top: 50%;
}
.cash_bx + .tab.depth3 {
  margin-top: 10px;
}
.cash_bx .cash_graph {
  float: right;
  padding-top: 9px;
  text-align: right;
}
.cash_bx .graph_area {
  overflow: hidden;
  width: 550px;
  height: 30px;
  border: 1px solid #dadada;
  border-radius: 16px;
  background-color: #fff;
  text-align: left;
}
.cash_bx .graph_area .graph_bar {
  display: inline-block;
  height: 30px;
  border-radius: 15px;
  background-color: #f78600;
}
.cash_bx .graph_info {
  margin-top: 5px;
}
.cash_bx .graph_info span {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #222;
  vertical-align: top;
}
.cash_bx .graph_info span:before {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: -3px 5px 0 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  content: '';
}
.cash_bx .graph_info span em {
  color: #f78600;
}
.cash_bx .graph_info .current_charge:before {
  background-color: #f78600;
}
.cash_bx .graph_info .remain_charge:before {
  border: 1px solid #dadada;
  background-color: #fff;
}
.cash_limit_info {
  margin: 20px 0 30px;
  text-align: right;
}
.cash_limit_info .info_txt {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #222;
  vertical-align: middle;
}
.cash_limit_info .info_txt em {
  color: #b83d3d;
}
.cash_limit_info .btn_s {
  width: 104px;
  vertical-align: middle;
}
.cash_ct {
  padding: 20px 0;
}
.cash_ct .note {
  margin-top: 4px;
}
.cash_ct .note + .card_lst {
  margin-top: 33px;
}
.cash_iframe {
  padding-top: 30px;
}
.cash_iframe .tab.depth3 {
  margin-top: 30px;
}
.cash_iframe .tab.depth3:first-child {
  margin-top: 0;
}
.cash_iframe .tbl_area {
  margin-top: 26px;
}
.cash_iframe hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #e2e7ed;
}
.cash_iframe .cash_bx {
  margin-top: 30px;
}
.cash_iframe .cash_bx + .tab.depth3 {
  margin-top: 40px;
}
.cash_iframe .tbl_history {
  position: relative;
  min-height: 400px;
  margin-top: 80px;
  padding-top: 17px;
  font-family: 'notosans', sans-serif;
}
.cash_iframe .tbl_history p {
  color: #5e5e5e;
  letter-spacing: -0.02em;
}
.cash_iframe .tbl_history .tbl_desc {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 320px;
}
.cash_iframe .tbl_history .tbl_desc .rdo_area {
  padding: 5px 0;
}
.cash_iframe .tbl_history .tbl_desc .rdo {
  line-height: normal;
}
.cash_iframe .tbl_history .tbl_desc .rdo label {
  min-width: 66px;
}
.cash_iframe .tbl_history .tbl_desc .rdo ~ .rdo {
  margin-left: 3px;
}
.cash_iframe .tbl_history .datepicker_area {
  top: 0;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.cash_iframe .tbl_history .tui-datepicker-input input {
  font-size: 16px;
  color: #101010;
}
.cash_iframe .tbl_history .tbl_area {
  margin-top: 36px;
}
.cash_iframe .tbl_history .pagination {
  margin-top: 40px;
  text-align: center;
}
.cash_iframe .tit {
  display: block;
  margin-top: 74px;
  font-size: 20px;
  color: #101010;
}
.cash_iframe .tit + .lst {
  margin-top: 13px;
}
.cash_iframe .lst li {
  position: relative;
  padding-left: 12px;
  color: #5e5e5e;
  letter-spacing: -0.015em;
}
.cash_iframe .lst li:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #5e5e5e;
  content: '';
}
.cash_iframe .lst li.highlight {
  color: #5498da;
}
.cash_iframe .lst li.highlight:before {
  background-color: #5498da;
}
.cash_iframe .lst li em {
  font-weight: bold;
  color: #101010;
}
.cash_iframe .lst li + li {
  margin-top: 13px;
}
.cash_iframe .board_ct.write .tit {
  margin: 75px 0 36px;
  border: 0;
}
.cash_iframe .board_ct.write .form_lst.cash .txt_lbl {
  width: 160px;
}
.cash_iframe .board_ct.write .form_lst.cash input[type="text"] {
  width: -webkit-calc(100% - 170px);
  width: calc(100% - 170px);
  font-family: 'notosans', sans-serif;
}
.cash_iframe .board_ct.write .form_lst.cash input[type="text"].phone {
  font-family: 'barlow', sans-serif;
}
.cash_iframe .board_ct.write .form_lst.cash input[type="text"].num1 {
  width: 30px;
}
.cash_iframe .board_ct.write .form_lst.cash input[type="text"].inp_auth_num {
  width: 200px;
  font-family: 'barlow', sans-serif;
}
.cash_iframe .board_ct.write .btn_wrap {
  margin-top: 45px;
}
.cash_iframe .form_lst.cash > li {
  border-top: 0;
  border-bottom: 1px solid rgba(197, 208, 221, 0.5);
}
.cash_iframe .form_lst.cash ~ .form_lst > li:first-child {
  border-top: 1px solid rgba(197, 208, 221, 0.5);
}
.cash_iframe .form_lst li.highlight {
  background-color: #fafbfd;
}
.cash_iframe .form_lst li.highlight .txt_lbl {
  font-weight: bold;
}
.cash_iframe .form_lst .cash_number {
  line-height: 74px;
}
.cash_iframe .form_lst .btn_send {
  width: 105px;
  margin-left: 17px;
}
.cash_iframe .form_lst .btn_confirm {
  width: 85px;
  margin-left: 22px;
}
.cash_iframe .form_lst .time {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
  font-weight: 300;
  color: #5498da;
}
.cash_iframe .board_result {
  margin-top: 40px;
  padding-top: 162px;
}
.cash_iframe .board_result + .main_info_area {
  margin-top: 27px;
  padding: 35px 0 37px;
  text-align: center;
}
.cash_iframe .def_lst {
  margin-left: 0;
}
.cash_iframe .def_lst div + div {
  margin-top: 14px;
}
.cash_iframe .def_lst dt {
  width: 182px;
}
.cash_iframe .def_lst dd {
  font-family: 'notosans', sans-serif;
}
.cash_iframe .tit_default {
  margin-top: 35px;
}
.cash_iframe .dot_lst {
  margin-top: 6px;
}
.cash_iframe .dot_lst li {
  padding-left: 12px;
  line-height: 35px;
  letter-spacing: -0.015em;
}
.cash_iframe .dot_lst li:before {
  top: 17px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.cash_iframe .dot_lst li + li {
  margin-top: 0;
}
.cash_iframe .dot_lst li em {
  font-weight: bold;
  color: #101010;
}
.cash_iframe .btn_wrap {
  position: static;
  margin-top: 32px;
  text-align: center;
}
.popup_page {
  width: 1060px;
  min-width: auto;
  font-family: 'notosans', 'barlow', sans-serif;
}
.popup_page.product {
  width: 834px;
}
.popup_page.product .inner {
  width: 734px;
}
.popup_page.product .header_popup {
  height: 131px;
  background-image: none;
  background-color: #5497db;
}
.popup_page.product .header_popup .tit {
  margin-left: -3px;
  padding-top: 36px;
  font-size: 16px;
  color: #fff;
  line-height: normal;
  letter-spacing: -0.04em;
}
.popup_page.product .header_popup .tit strong {
  font-size: 32px;
  color: #ffeda4;
  line-height: 36px;
  letter-spacing: -0.04em;
}
.popup_page.product .content {
  background-color: #f4f5f7;
}
.popup_page.product .content .inner {
  padding-top: 50px;
}
.popup_page .wrap {
  min-width: auto;
}
.popup_page .inner {
  width: 900px;
  margin: 0 auto;
}
.popup_page .header_popup {
  height: 160px;
  background-image: url(../img/bg_header_popup.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.popup_page .header_popup .tit {
  font-size: 36px;
  font-weight: normal;
  color: #101010;
  letter-spacing: -0.02em;
  line-height: 160px;
}
.popup_page .content .inner {
  padding: 108px 0 100px;
}
.popup_page .content .step_lst {
  margin-top: 22px;
}
.popup_page .content .step_lst + .board_ct {
  margin-top: 76px;
}
.popup_page .content .step_lst + .txt {
  display: block;
  margin-top: 70px;
}
.popup_page .content .board_result {
  margin-top: 45px;
}
.popup_page .content .tbl_area {
  margin-top: 26px;
}
.popup_page .content .txt {
  font-size: 20px;
  font-weight: 400;
  color: #101010;
  letter-spacing: -0.02em;
}
.popup_page .content .btn_wrap {
  position: static;
  text-align: center;
}
.popup_page .content .btn_set_limit {
  position: absolute;
  top: 100px;
  right: 0;
  width: 168px;
  height: 44px;
  line-height: 42px;
  font-size: 14px;
}
.popup_page .board_ct {
  margin-top: 38px;
}
.popup_page .board_ct .btn_wrap {
  margin-top: 40px;
}
.popup_page .board_ct .form_lst.password .validate .message {
  margin: -10px 0 26px 162px;
  line-height: 18px;
}
.popup_page .form_lst.cash.type2 .txt_lbl {
  width: 165px;
}
.popup_page .form_lst.cash.type2 .rdo_lst {
  width: 735px;
}
.popup_page .form_lst.cash > li {
  border-top: 0;
  border-bottom: 1px solid rgba(197, 208, 221, 0.5);
}
.popup_page .form_lst.cash .txt_lbl.twolines {
  padding-top: 12px;
  line-height: normal;
}
.popup_page .form_lst.cash .highlight {
  min-height: 76px;
  background-color: #fafbfd;
}
.popup_page .form_lst.cash .highlight .txt_lbl {
  line-height: 76px;
}
.popup_page .form_lst.cash .highlight strong.txt_lbl {
  font-weight: bold;
}
.popup_page .form_lst.cash .cash_number {
  line-height: 76px;
}
.popup_page .form_lst.cash .rdo_lst {
  display: inline-block;
  width: 750px;
  margin-left: -8px;
  padding: 15px 0;
  font-size: 0;
  vertical-align: top;
}
.popup_page .form_lst.cash .rdo_lst.amount label {
  text-align: right;
  padding: 0 8px;
}
.popup_page .form_lst.cash .rdo_lst.amount label:before {
  position: absolute;
  left: 10px;
  font-size: 18px;
  content: "+";
}
.popup_page .form_lst.cash .rdo_lst li {
  display: inline-block;
  margin-left: 8px;
}
.popup_page .form_lst.cash .rdo_lst .rdo {
  line-height: 44px;
}
.popup_page .form_lst.cash .rdo_lst label {
  padding: 0;
}
.popup_page .tit_default {
  margin-top: 34px;
  font-size: 16px;
  letter-spacing: -0.015em;
}
.popup_page .dot_lst {
  margin-top: 10px;
}
.popup_page .dot_lst li {
  padding-left: 13px;
  font-size: 14px;
  letter-spacing: -0.035em;
  line-height: 30px;
}
.popup_page .dot_lst li:before {
  top: 15px;
  left: 1px;
}
.popup_page .dot_lst li + li {
  margin-top: 5px;
}
.popup_page .dot_lst li em {
  font-weight: bold;
  color: #101010;
}
.popup_page .dot_lst + .btn_wrap {
  margin-top: 33px;
}
.popup_page .chkbox {
  margin-top: 14px;
}
.popup_page .chkbox label {
  padding-left: 31px;
  font-size: 16px;
  font-weight: 600;
  color: #101010;
  letter-spacing: -0.02em;
}
.popup_page .chkbox .label {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.popup_page .btn_lnk {
  display: inline-block;
  position: relative;
  margin-top: 18px;
  padding-right: 16px;
  font-size: 15px;
  font-weight: bold;
  color: #5998d8;
}
.popup_page .btn_lnk:after {
  position: absolute;
  top: 6px;
  right: 0;
  content: '';
}
.popup_page .footer_popup {
  height: 108px;
  border-top: 1px solid #ebeeef;
}
.popup_page .footer_popup .copyright {
  position: absolute;
  top: 35px;
  font-size: 13px;
  font-weight: 300;
  color: #101010;
  letter-spacing: 0.01em;
}
.popup_page .product_area {
  border-radius: 6px;
  background-color: #fff;
}
.popup_page .product_area .tit {
  border-radius: 6px 6px 0 0;
  display: block;
  background-color: #a4a6b5;
  color: #fff;
  line-height: 50px;
  text-align: center;
}
.popup_page .product_area .btn_default {
  height: 44px;
  line-height: 44px;
  font-size: 14px;
}
.popup_page .product_area .btn_default + .btn_default {
  margin-left: 12px;
}
.popup_page .product_area .product_ct {
  padding: 42px 50px 48px;
}
.popup_page .product_area .product_img {
  display: inline-block;
  margin-top: 8px;
  vertical-align: top;
}
.popup_page .product_area .product_info {
  display: inline-block;
  margin-left: 35px;
  vertical-align: top;
}
.popup_page .product_area .product_info .name {
  font-size: 26px;
  font-weight: bold;
  color: #101010;
  letter-spacing: -0.02em;
}
.popup_page .product_area .product_info .btn_wrap {
  margin-top: 24px;
}
.popup_page .product_area .cash_lst {
  margin-top: 5px;
}
.popup_page .product_area .cash_lst li {
  display: inline-block;
  font-family: 'notosans', sans-serif;
  font-size: 15px;
  color: #abacad;
  vertical-align: bottom;
}
.popup_page .product_area .cash_lst li + li {
  margin-left: 23px;
}
.popup_page .product_area .cash_lst .cash_number {
  padding-left: 33px;
  vertical-align: bottom;
}
.popup_page .product_area .dotline_tit {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #a6a5b7;
  text-align: center;
  letter-spacing: -0.035em;
}
.popup_page .product_area .dotline_tit:before, .popup_page .product_area .dotline_tit:after {
  position: absolute;
  top: 10px;
  width: 248px;
  border-top: 1px dotted #868686;
  content: '';
}
.popup_page .product_area .dotline_tit:before {
  left: 0;
}
.popup_page .product_area .dotline_tit:after {
  right: 0;
}
.popup_page .product_area .thumb_bx {
  margin-top: 47px;
}
.popup_page .product_area .thumb_lst {
  margin-top: 28px;
  font-size: 0;
}
.popup_page .product_area .thumb_lst li {
  display: inline-block;
  width: 270px;
  margin-top: 20px;
}
.popup_page .product_area .thumb_lst li:nth-child(even) {
  width: 348px;
  margin-left: 16px;
}
.popup_page .product_area .thumb_itm .img {
  display: inline-block;
  vertical-align: top;
}
.popup_page .product_area .thumb_itm .info {
  display: inline-block;
  margin-left: 13px;
  padding-top: 6px;
  vertical-align: top;
}
.popup_page .product_area .thumb_itm strong {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #101010;
  letter-spacing: -0.03em;
}
/* 2022.07.08 수정사항 확인 */
.popup_page .product_area .thumb_itm p {
  font-size: 13px;
  color: #5998d8;
  letter-spacing: -0.02em;
}
.popup_page .product_area .thumb_itm .note {
  margin-top: 5px;
  color: #abadad;
  line-height: normal;
}
.popup_page .product_area ~ .dot_lst li {
  letter-spacing: -0.015em;
}
.popup_page .product_area ~ .dot_lst li li {
  margin-top: 0;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.modalBox {
  position: absolute;
  background-color: #fff;
  width: 400px;
  height: 70px;
  padding: 15px;
}
.modalBox button {
  display: block;
  width: 80px;
  margin: 0 auto;
}
.modalCloseBtn {
  display: inline;
  float: right;
  cursor: pointer;
  padding-right: 10px;
}
.hidden {
  visibility: hidden;
}
/* // 2022.07.08 수정사항 확인 */

.popup_page .product_area .thumb_itm p {
  font-size: 13px;
  color: #5998d8;
  letter-spacing: -0.02em;
}
.popup_page .product_area .thumb_itm .note {
  margin-top: 5px;
  color: #abadad;
  line-height: normal;
}
.popup_page .product_area ~ .dot_lst li {
  letter-spacing: -0.015em;
}
.popup_page .product_area ~ .dot_lst li + li {
  margin-top: 0;
}
/* 2022.07.08 */
.mainEventImgSize {
  width: 350px;
  height: 176px;
}
.member_ct .board_lst .accordion_header .chkbox label:before {
  top: 5px;
}
.chkbox input:checked+label:before, .custom_cb input:checked+span:before, .ico_cbox_checked {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -354px;
  width: 20px;
  height: 20px;
}
.chkbox label:before, .custom_cb span:before, .ico_cbox {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -755px -330px;
  width: 20px;
  height: 20px;
}
.board_ct.view.attach.open.btn_toggle_attach.board_lst.accordion.accordion_header:after, .board_ct.view.attach.open.btn_toggle_attach.game_guide_page.header.gnb.lst_itm > a:after, .board_ct.view .attach.open .btn_toggle_attach .ico_arr_down, .board_lst.accordion.board_ct.view.attach.open.btn_toggle_attach.accordion_header:after, .board_lst.accordion .open .accordion_header:after, .game_guide_page.header.gnb.board_ct.view.attach.open.btn_toggle_attach.lst_itm > a:after, .ico_arr_up {
  background-size: 782px 729px;
  background-image: url("../img/sprites/normal.png");
  background-position: -677px -583px;
  width: 15px;
  height: 8px;
}
.textbox-url-clipboard {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
/* // 2022.07.08 수정사항 확인 */

/* 2022.07.13 */
.editor {
  width: 1320px;
  height: 400px;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(197, 208, 221, 0.5);
  resize: none;
  font-size: 16px;
  font-weight: 300;
}
.cash_container .cash_itm_container li:nth-child(2) .cash_detail_cont{
  padding: 26px 40px 32px;
}
/* // 2022.07.13 */

/* 2022.07.18 */
.btnGray {
  display: inline-block;
  width: 93px;
  height: 36px;
  border: transparent;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
  background-color: #737f8b;
}

.board_lst_img .img {
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: -1px;
  /* 2022.07.18 수정 */
  left: -2px;
  /* // 2022.07.18 수정 */
  height: 200px;
  border: solid 1px #dde6ea;
  border-radius: 6px 6px 0 0;
}
/* // 2022.07.18 */

/* 2022.07.20 */

.board_ct.view .ct img {
  /* 2022.07.20 주석 해제 */
  width: auto;
  max-width: 930px;
  height: auto;
  /* // 2022.07.20 주석 해제 */
  /* 2022.07.20 수정 */
  margin: 4px -30px 0 0;
  /* // 2022.07.20 수정 */
}

.board_ct.view .ct {
  padding: 36px 30px;
  word-break: break-word;
  /* 2022.07.20 추가 */
  font-family: 'notosans', sans-serif;
  /* // 2022.07.20 추가 */
}