@import url("/resources/style/Css3/font.css");
/* @@@@@@@@@@			Reset			@@@@@@@@@@ */

body {

  scrollbar-face-color: #ffffff;

  scrollbar-highlight-color: #dcdcdc;

  scrollbar-shadow-color: #dcdcdc;

  scrollbar-3dlight-color: #ffffff;

  scrollbar-arrow-color: #b9b9b9;

  scrollbar-track-color: #ffffff;

  scrollbar-darkshadow-color: #ffffff;

}

body,

select,

input,

textarea {

  font-size: 12px;

  line-height: 16px;

  color: #616781;

  font-family: dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif;

}

img,

fieldset {

  border: 0 none;

  margin: 0;

  padding: 0;

}

html,

body,

form,

h1,

h2,

h3,

h4,

h5,

h6,

ul,

ol,

dl,

li,

dt,

dd,

p {

  margin: 0;

  padding: 0;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 12px;

}

a {

  text-decoration: none;

  color: inherit;

}

img {

  vertical-align: middle;

  border: 0px;

}

input,

select,

textarea {

  vertical-align: middle;

  outline: none;

}

iframe {

  margin: 0;

  border: 0;

}

ol,

ul,

li {

  list-style: none;

}

hr {

  display: none;

}

.tl {

  text-align: left !important;

}

#event_wrap img {

  vertical-align: top;

  margin-bottom: 0px;

}

::selection {

  background: #625bca;

  color: #fff;

}

button {

  background-color: transparent;

  border: 0;

}



/* @@@@@@@@@@			form			@@@@@@@@@@ */

input:hover {

  background-color: #feffbb;

}

/* input:disabled:hover {background-color:#ebebe4} */

input:active {

  background-color: #feffbb;

}

input:focus {

  background-color: #feffbb;

}

input[type="text"]::-ms-clear {

  display: none;

}

textarea:hover {

  background-color: #feffbb;

}

textarea:active {

  background-color: #feffbb;

}

textarea:focus {

  background-color: #feffbb;

}

textarea:disabled {

  background-color: #eceef2;

  color: #aaa;

}

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 30px #feffbb inset;

  -webkit-text-fill-color: #1f2152;

}

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

  transition: background-color 5000s ease-in-out 0s;

}

textarea:disabled:hover,

textarea:disabled:active,

textarea:disabled:focus {

  background-color: #eceef2;

}

select {

  border: 1px solid #e0e0e0;

  height: 20px;

}

#frmPayment .list_tab12 {

  table-layout: auto;

}

table {

  width: 100%;

  border-collapse: collapse;

  border-spacing: 0;

}



input.check {

  vertical-align: middle;

  margin-bottom: 3px;

}

input.check2 {

  vertical-align: middle;

  margin-bottom: 3px;

  margin-left: 10px;

}

input.file {

  border-top: 1px solid #999999;

  border-left: 1px solid #999999;

  border-bottom: 1px solid #dbdbdb;

  border-right: 1px solid #dbdbdb;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 18px;

}

input.text {

  border: 1px solid #dbdbdb;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 14px;

}

input.fileon {

  border: 1px solid #e0e0e0;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 18px;

}

input.texton {

  border: 1px solid #e0e0e0;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 14px;

}

input.texton.type02 {

  width: 100%;

  height: 100%;

  text-align: center;

  box-sizing: border-box;

}

input.texton2 {

  border: 1px solid #f1a51a;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 14px;

}

input.texton3 {

  border: 1px solid #e0e0e0;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 14px;

  background-color: #ebebe4;

} /* disabled */

input.texton4 {

  border: 1px solid #e0e0e0;

  padding: 3px 0 1px;

  line-height: 14px;

  height: 14px;

  text-align: center;

} /* center */

input.texteng {

  border: 1px solid #e0e0e0;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 14px;

  ime-mode: disable;

}

input.textkor {

  border: 1px solid #e0e0e0;

  padding: 3px 5px 1px 2px;

  line-height: 14px;

  height: 14px;

  ime-mode: active;

}

input.check:hover {

  background-color: inherit;

}

input.check:active {

  background-color: inherit;

}

input.check:focus {

  background-color: inherit;

}

input.check2:hover {

  background-color: inherit;

}

input.check2:active {

  background-color: inherit;

}

input.check2:focus {

  background-color: inherit;

}

textarea.text {

  border-top: 1px solid #999999;

  border-left: 1px solid #999999;

  border-bottom: 1px solid #dbdbdb;

  border-right: 1px solid #dbdbdb;

  padding: 3px 5px 1px 2px;

  line-height: 18px;

  overflow: auto;

}

textarea.texton {

  border: 1px solid #e0e0e0;

  padding: 3px 5px 1px 2px;

  line-height: 18px;

  overflow: auto;

}

textarea#tContents.texton::placeholder {

  color: #b1b1b1;

}

textarea.type01.done {

  background: #feffbb;

  border-color: #1f2152;

}



.new_item {

  position: relative;

}



.new_item:before {

  position: absolute;

  width: 5px;

  height: 5px;

  top: -8px;

  right: -8px;

  border-radius: 50%;

  background-color: #ff3066;

  content: "";

}



/* input common */

.inp_box {

  position: relative;

  display: inline-block;

  font-size: 0;

  vertical-align: top;

}

.inp_box::after {

  content: "";

  display: block;

  clear: both;

}

.inp_box .input_del {

  display: none;

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  width: 13px;

  height: 12px;

  cursor: pointer;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -10px -22px;

  font-size: 0;

  text-indent: -9999px;

}

.inp_box .amount + .input_del {

  right: 93px;

}

.inp_box .input_won {

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  font-size: 14px;

  color: #1f2152;

  font-family: notoKR;

  font-weight: 300;

}

.inp_box .input_info {

  display: none;

  position: absolute;

  right: 0;

  bottom: -24px;

  box-sizing: border-box;

  height: 26px;

  padding: 0 10px;

  line-height: 26px;

  border: 1px solid #635bca;

  background: #fff;

  text-align: right;

  color: #635bca;

  font-family: notoKR;

  font-weight: 300;

  font-size: 12px;

  white-space: nowrap;

}

.inp_box .input_sch {

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  width: 12px;

  height: 12px;

  cursor: pointer;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -108px -29px;

  font-size: 0;

  text-indent: -9999px;

}

.inp_box label.chkbox {

  position: relative;

  display: inline-block;

  height: 18px;

  line-height: 1;

  padding-left: 25px;

  color: #616781;

  font-size: 14px;

  font-family: notoKR;

  cursor: pointer;

}

.inp_box label.chkbox::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 18px;

  height: 18px;

  background: url("/resources/image/design/common/ico_inp_chk.jpg") no-repeat 0

    0;

}

.inp_box .sm + label.chkbox::before {

  width: 12px;

  height: 12px;

  background-size: 48px;

}

.inp_box label.rdobox {

  position: relative;

  display: inline-block;

  height: 15px;

  line-height: 15px;

  padding-left: 20px;

  color: #7e86a8;

  font-size: 14px;

  font-weight: normal;

  font-family: notoKR;

  cursor: pointer;

  z-index: 1;

}

.inp_box label.rdobox::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 15px;

  height: 15px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat 0 -101px;

}

.inp_tit_box {

  display: flex;

  padding: 20px 0;

  border-bottom: 1px solid #a9a9a9;

  align-items: center;

}

.inp_tit_box span {

  padding-right: 50px;

  border-right: 1px solid #c4c5c7;

  font-size: 15px;

  color: #333b58;

}

.inp_tit_box input {

  flex: 1;

  border: 0;

  padding-left: 20px;

  font-family: notoKR;

  font-size: 14px;

  color: #333b58;

}

.inp_tit_box input:hover,

.inp_tit_box input:focus {

  background: none;

}

.inp_tit_box input::placeholder {

  color: #a9afbd;

}

.inp_dropdown {

  position: relative;

  width: 180px;

  height: 34px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat right -193px;

  box-sizing: border-box;

}

.inp_dropdown .sel_inp {

  width: 100%;

  height: 100%;

  padding-left: 10px;

  padding-right: 30px;

  background-color: transparent;

  border: 1px solid #d7dbe3;

  font-family: notoKR;

  font-size: 14px;

  box-sizing: border-box;

}

.inp_dropdown .sel_inp:focus {

  border-color: #1f2152;

}

.inp_dropdown ul {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  max-height: 154px;

  padding: 10px 0;

  background-color: #fff;

  border: 1px solid #7e86a8;

  box-sizing: border-box;

  overflow-y: auto;

  z-index: 2;

}

.inp_dropdown ul li {

  padding: 5px 11px;

  line-height: 1.2;

  font-family: notoKR;

  font-size: 14px;

  color: #7e86a8;

  cursor: pointer;

}

.inp_dropdown ul li:hover {

  background-color: #eaeef9;

  font-weight: 700;

  color: #626882;

}

.inp_dropdown > div > ul {

  display: block;

}

.ico_true {

  display: block;

  margin-top: 10px;

  color: #36b388;

  font-family: notoKR;

}

.ico_true::before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 9px;

  margin-right: 5px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -81px -14px;

}

.ico_false {

  display: block;

  margin-top: 10px;

  color: #ff3066;

  font-family: notoKR;

}

.ico_false::before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 9px;

  margin-right: 5px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -81px -24px;

}

.ico_wrong {

  display: block;

  margin-top: 10px;

  color: #ff3066;

  font-family: notoKR;

}

.ico_wrong::before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 12px;

  margin-right: 5px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -81px -47px;

}

/* input[type='text'] */

input[type="text"].type01 {

  position: relative;

  width: 180px;

  height: 34px;

  padding: 0 10px;

  box-sizing: border-box;

  border: 1px solid #d7dbe3;

  line-height: 1;

  color: #1f2152;

  text-align: right;

  font-family: notoKR;

  font-size: 14px;

}

input[type="text"].type01::placeholder {

  font-weight: 400;

  color: #a9afbd;

  text-align: left;

}

input[type="text"].type01:-webkit-input-placeholder {

  font-weight: 400;

  color: #a9afbd;

  text-align: left;

}

input[type="text"].type01:-moz-placeholder {

  color: #a9afbd;

  text-align: left;

}

input[type="text"].type01:-ms-placeholder {

  color: #a9afbd;

  text-align: left;

}

input[type="text"].type01:-ms-input-placeholder {

  color: #a9afbd;

  text-align: left;

}

input[type="text"].type01::-ms-input-placeholder {

  color: #a9afbd;

  text-align: left;

}

input[type="text"].type01:focus {

  border-color: #1f2152;

}

input[type="text"].type01:disabled {

  background: #eceef2;

}

input[type="text"].type01.over {

  padding-right: 30px !important;

  border-color: #1f2152;

  background-color: #feffbb;

  overflow: hidden;

}

input[type="text"].type01.done {

  border-color: #1f2152;

  background-color: #feffbb !important;

}

input[type="text"].type01.text {

  text-align: left;

}

.info_char input[type="text"].type01 {

  text-align: left;

}

/* input[type='text'] 금액 */

input[type="text"].type01.won {

  padding-right: 30px !important;

  margin: 0;

  text-align: right;

}

input[type="text"].type01.won.over {

  padding-right: 50px !important;

}

.inp_box .input_del.won {

  margin-right: 20px;

}

/* input[type='text'] 숫자 */

input[type="text"].type01.num {

  text-align: right;

}

/* 문구 유효성검사 */

input[type="text"].type01.true {

  background: #feffbb;

  border-color: #36b388;

}

input[type="text"].type01.false {

  background: #feffbb;

  border-color: #f42e4f;

}

.inp_box + .txt_message {

  display: none;

  margin-top: 8px;

}

.inp_box.false input {

  border-color: #f42e4f !important;

}

.inp_box.false + .txt_message {

  display: block;

  color: #ff3066;

}

/* 리스트 내 검색 */

input[type="text"].type01.sch {

  padding-right: 30px;

  border-color: #6f748c;

}

input[type="text"].type01.sch::placeholder {

  color: #a5a5a5;

}

input[type="text"].type01.sch:-ms-input-placeholder {

  color: #a5a5a5;

}

/* select */

select.type01 {

  position: relative;

  width: 180px;

  height: 34px;

  padding-left: 10px;

  box-sizing: border-box;

  border: 1px solid #d7dbe3;

  color: #616781;

  font-family: notoKR;

  -webkit-appearance: none;

  -moz-appearance: none;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat right -193px;

}

select.type01::-ms-expand {

  opacity: 0;

} /* ie10~ */

select.type01:focus {

  background-color: #fff;

}

select.type01:focus::-ms-value {

  background-color: #fff;

  color: #616781;

}

select.type01.done {

  background-color: #feffbb;

  border-color: #1f2152;

  color: #1f2152;

}

select.type01.done:focus {

  background-color: #feffbb;

}

select.type01.done:focus::-ms-value {

  background-color: #feffbb;

  color: #1f2152;

}

select.type01.done > option {

  background-color: #fff;

  padding: 0;

}

select.type01:disabled {

  background-color: #eceef2;

  background-position-y: -318px;

  color: #a9afbd;

}

select.type01:invalid {

  color: #a8a8a8;

}

select.type01 option {

  color: #616781;

}



.form_group {

  position: relative;

  display: flex;

  align-items: flex-start;

}



/* input[type='checkbox'] */

input[type="checkbox"].type01 {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  width: 1px;

  height: 1px;

  margin: 0;

  visibility: hidden;

}

input[type="checkbox"].type01:hover {

  background: none;

  border: 0;

}

input[type="checkbox"].type01:checked + label::before {

  background-position-x: -18px;

}

input[type="checkbox"].type01:disabled + label::before {

  background-position-x: -36px;

}

input[type="checkbox"].type01:checked:disabled + label::before {

  background-position-x: -54px;

}

input[type="checkbox"].type01:disabled + label,

input[type="checkbox"].type01:checked:disabled + label {

  cursor: default;

}

input[type="checkbox"].type01.sm:checked + label::before {

  background-position-x: -12px;

}

input[type="checkbox"].type01.sm:disabled + label::before {

  background-position-x: -24px;

}

input[type="checkbox"].type01.sm:checked:disabled + label::before {

  background-position-x: -36px;

}

/* input[type='radio'] */

input[type="radio"].type01 {

  position: absolute;

  left: 1px;

  top: 50%;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  width: 1px;

  height: 1px;

  margin: 0;

  -webkit-appearance: none;

}

input[type="radio"].type01:hover {

  border: 0;

}

input[type="radio"].type01:checked + label::before {

  background-position-x: -20px;

}

input[type="radio"].type01:checked + label.rdobox::before {

  background-position-x: -17px;

}

input[type="radio"].type01:disabled + label::before {

  background-position-x: -40px;

}

input[type="radio"].type01:disabled + label.rdobox::before {

  background-position-x: -34px;

}

input[type="radio"].type01:checked:disabled + label::before {

  background-position-x: -60px;

}

input[type="radio"].type01:checked:disabled + label.rdobox::before {

  background-position-x: -51px;

}

input[type="radio"].type01:disabled + label,

input[type="checkbox"].type01:checked:disabled + label {

  cursor: default;

}

input[type="radio"].type02 + label.rdobox::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 18px;

  height: 18px;

  background: url("/resources/image/design/common/ico_checkbox.png") no-repeat 0

    0;

}

input[type="radio"].type02:checked + label.rdobox::before {

  background-position-y: 100%;

}

/* input toggle */

.toggle_box {

  display: inline-block;

  margin-left: 5px;

  vertical-align: middle;

}

.toggle_box input {

  display: none;

  width: 0;

  height: 0;

}

.toggle_box input + label {

  position: relative;

  display: block;

  width: 33px;

  height: 23px;

  background: #d7dbe3;

  border-radius: 30px;

  cursor: pointer;

}

.toggle_box input + label::before {

  content: "";

  position: absolute;

  top: 1px;

  right: 1px;

  width: 21px;

  height: 21px;

  background: url("/resources/image/design/mybay/ico_toggle.png") 0 0 no-repeat;

}

.toggle_box input:checked + label {

  background: #616781;

}

.toggle_box input:checked + label::before {

  left: 1px;

  right: auto;

}



/* @@@@@@@@@@			basic			@@@@@@@@@@ */

.hangul {

  font-family: "바탕체", "바탕", batang, batangche;

  font-size: 15px;

}

.middle {

  vertical-align: middle;

  margin-bottom: 2px;

}

.malgun {

  font-family: "Malgun Gothic", sans-serif;

}

img.imgmiddle {

  vertical-align: middle;

  margin-bottom: 1px;

}

.btn_center img,

.btn_center input {

  vertical-align: middle;

  margin-bottom: 1px;

}

.btn_centerb20 {

  text-align: center;

  margin-bottom: 20px;

}

#NavigationPanel img {

  vertical-align: middle;

  margin-bottom: 1px;

}

.clear_aft:after {

  content: "";

  display: block;

  clear: both;

}

.clear_aft {

  zoom: 1;

}

ul.info_wid li {

  float: left;

}

ul.info_wid li.r1 {

  width: 47px;

  padding-top: 2px;

}

ul.info_wid li.r2 {

  width: 95px;

  padding-top: 2px;

}

ul.info_wid li.r3 {

  width: 50px;

}

ul.info_wid li.r4 {

  width: 350px;

  padding-top: 2px;

}

ul.info_wid li.r4 span.col02 {

  color: #245fb3;

}

/* @@@@@@@@@@			align			@@@@@@@@@@ */

.btn_center {

  text-align: center;

}

.btn_right {

  text-align: right;

}

.btn_left {

  text-align: left;

}

.align_left {

  text-align: left !important;

}

.align_center {

  text-align: center !important;

}

.align_right {

  text-align: right !important;

}

.align_self_center {

  align-self: center !important;

}

/* @@@@@@@@@@			layout			@@@@@@@@@@ */

.btn_center .left {

  float: left;

}

.btn_center .right {

  float: right;

}

.btn_right .left {

  float: left;

}

.btn_left .right {

  float: right;

}

.float_left {

  float: left;

}

.float_right {

  float: right !important;

}

.float_none {

  float: none;

}

.clear_left {

  clear: left;

}

.clear_right {

  clear: right;

}

.clear_both {

  clear: both;

}

.clear_none {

  clear: none;

}

.visibility_hidden {

  visibility: hidden;

}

.display_block {

  display: block;

}

.display_inline_block {

  display: inline-block;

}

.display_inline {

  display: inline;

}

.display_flex {

  display: flex !important;

}

.display_flex.ver_center {

  align-items: center !important;

}

.display_flex.hor_center {

  justify-content: center !important;

}

.display_flex.wrap {

  flex-wrap: wrap;

}

.inline_block {

  display: inline-block;

}

.display_none {

  display: none;

}

.displayNone {

  display: none;

}

.display_table_row {

  display: table-row !important;

}

.hidden_phrase {

  display: none;

}

.overflow_auto {

  overflow: auto;

}

.overflow_hidden {

  overflow: hidden;

}

.overflow_scroll {

  overflow: scroll;

}

.overflow_visible {

  overflow: visible;

}

.position_absolute {

  position: absolute;

}

.position_fixed {

  position: fixed;

}

.position_relative,

.pr {

  position: relative;

}

.horizon_left::after {

  content: "";

  display: block;

  clear: both;

}

.horizon_left > * {

  float: left;

}

.blind,

.hidden_phrase,

#skip,

.skip,

.hide,

legend,

hr {

  display: none;

  font-size: 0;

  height: 0;

  line-height: 0;

  overflow: hidden;

  position: absolute;

  visibility: hidden;

  width: 0;

}

.ellipsis {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

/* @@@@@@@@@@			margin/padding			@@@@@@@@@@ */

/* top */

.margin_center {

  margin: 0 auto !important;

}

.magin_top2 {

  margin-top: 2px;

}

.magin_top3 {

  margin-top: 3px;

}

.magin_top4 {

  margin-top: 4px;

}

.magin_top5 {

  margin-top: 5px;

}

.magin_top7 {

  margin-top: 7px;

}

.magin_top10 {

  margin-top: 10px;

}

.magin_top15 {

  margin-top: 15px;

}

.magin_top25 {

  margin-top: 25px;

}

.marginT0 {

  margin-top: 0 !important;

}

.marginT1 {

  margin-top: 1px !important;

}

.marginT2 {

  margin-top: 2px !important;

}

.marginT3 {

  margin-top: 3px;

}

.marginT5 {

  margin-top: 5px;

}

.marginT8 {

  margin-top: 8px;

}

.marginT10 {

  margin-top: 10px !important;

}

.marginT15 {

  margin-top: 15px;

}

.marginT20 {

  margin-top: 20px !important;

}

.marginT25 {

  margin-top: 25px;

}

.marginT30 {

  margin-top: 30px !important;

}

.marginT40 {

  margin-top: 40px;

}

.marginT50 {

  margin-top: 50px !important;

}

.marginT60 {

  margin-top: 60px;

}

.marginT80 {

  margin-top: 80px !important;

}

.marginT100 {

  margin-top: 100px !important;

}

.paddingT5 {

  padding-top: 5px;

}

.paddingT10 {

  padding-top: 10px;

}

.paddingT20 {

  padding-top: 20px;

}

.paddingT30 {

  padding-top: 30px;

}

/* bottom */

.magin_bottom5 {

  margin-bottom: 5px;

}

.magin_bottom10 {

  margin-bottom: 10px;

}

.magin_bottom15 {

  margin-bottom: 15px;

}

.magin_bottom30 {

  margin-bottom: 30px;

}

.marginB0 {

  margin-bottom: 0 !important;

}

.marginB3 {

  margin-bottom: 3px !important;

}

.marginB5 {

  margin-bottom: 5px;

}

.marginB8 {

  margin-bottom: 8px;

}

.marginB10 {

  margin-bottom: 10px !important;

}

.marginB15 {

  margin-bottom: 15px;

}

.marginB20 {

  margin-bottom: 20px;

}

.marginB30 {

  margin-bottom: 30px !important;

}

.marginB40 {

  margin-bottom: 40px;

}

.marginB50 {

  margin-bottom: 50px;

}

.marginB100 {

  margin-bottom: 100px;

}

.paddingB0 {

  padding-bottom: 0px !important;

}

.paddingB5 {

  padding-bottom: 5px;

}

.paddingB10 {

  padding-bottom: 10px;

}

.paddingB20 {

  padding-bottom: 20px;

}

.paddingB30 {

  padding-bottom: 30px;

}

.py-0 {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}

/* left */

.space_5 {

  margin-left: 5px;

}

.space_10 {

  margin-left: 10px;

}

.space_12 {

  margin-left: 12px;

}

.space_15 {

  margin-left: 15px;

}

.space_20 {

  margin-left: 20px;

}

.space_30 {

  margin-left: 30px;

}

.space_35 {

  margin-left: 35px;

}

.magin_left20 {

  margin-left: 20px;

}

.magin_left100 {

  margin-left: 100px;

}

.marginL5 {

  margin-left: 5px;

}

.marginL10 {

  margin-left: 10px;

}

.marginL20 {

  margin-left: 20px;

}

.marginLAuto {

  margin-left: auto;

}

.paddingL5 {

  padding-left: 5px;

}

.paddingL10 {

  padding-left: 10px !important;

}

.paddingL15 {

  padding-left: 15px;

}

.paddingL20 {

  padding-left: 20px;

}

.paddingL30 {

  padding-left: 30px;

}

/* right */

.marginR5 {

  margin-right: 5px;

}

.marginR10 {

  margin-right: 10px !important;

}

.marginR20 {

  margin-right: 20px;

}

.marginR30 {

  margin-right: 30px !important;

}

.space_right_1 {

  margin-right: 1px;

}

.space_right_5 {

  margin-right: 5px;

}

/* @@@@@@@@@@			cursor			@@@@@@@@@@ */

.hand {

  cursor: pointer;

}

.cursor_pointer {

  cursor: pointer;

}

/* @@@@@@@@@@			border			@@@@@@@@@@ */

.testborder {

  border: solid 1px #000000;

}

.border_none {

  border: 0;

}

.border_top_gray {

  border-top: 1px solid #d8d8d8;

}

.border_right_gray {

  border-right: 1px solid #d8d8d8;

}

.border_bottom_gray {

  border-bottom: 1px solid #d8d8d8;

}

.border_left_gray {

  border-left: 1px solid #d8d8d8;

}

/* @@@@@@@@@@			input			@@@@@@@@@@ */

.input_check,

.input_radio {

  height: 13px;

  width: 13px;

  vertical-align: middle;

  border: 0;

}

input.txt {

  border: 1px solid #bebebe;

  padding: 0 1px 0 0;

  height: 20px;

  color: #383d41;

}

/* @@@@@@@@@@			img			@@@@@@@@@@ */

.valign_baseline {

  vertical-align: baseline;

}

.valign_top {

  vertical-align: top;

}

.valign_bottom {

  vertical-align: bottom;

}

.valign_middle {

  vertical-align: middle;

}

.valign_abmiddle {

  vertical-align: abmiddle;

}

/* @@@@@@@@@@			font			@@@@@@@@@@ */

.f_dotum {

  font-family: dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif;

}

.f_noto {

  font-family: notoKr, sans-serif !important;

}

.f_malgun {

  font-family: "Malgun Gothic", sans-serif;

}

.num01 {

  font-family: Tahoma, Helvetica, sans-serif;

}

.num02 {

  font-family: Arial, Helvetica, sans-serif;

}

.font_11 {

  font-size: 11px;

}

.font_13 {

  font-size: 13px;

}

.font_14 {

  font-size: 14px;

}

.font_16 {

  font-size: 16px;

}

.font_24 {

  font-size: 24px;

}

.font_line_130 {

  line-height: 130%;

}

.font_line_150 {

  line-height: 150%;

}

.font_line_200 {

  line-height: 200%;

}

.font_line_300 {

  line-height: 300%;

}

.bold {

  font-weight: bold !important;

}

.txtBold {

  font-weight: bold;

}

.normal {

  font-weight: normal;

}

.letter_spacing_min {

  letter-spacing: -1px;

}

.letter_spacing01_plus {

  letter-spacing: 1px;

}

.vLine {

  color: #d8d8d8;

  font-size: 10px;

  padding: 0 4px;

}

.underline {

  text-decoration: underline;

}

.txt_type01 {

  line-height: 20px;

  font-family: "Malgun Gothic", sans-serif;

  color: #555;

}

/* @@@@@@@@@@			font : color			@@@@@@@@@@ */

.gray {

  color: #666;

}

.gray_02 {

  color: #898989;

}

.gray_03 {

  color: #535353;

}

.gray_04 {

  color: #333;

}

.gray_05 {

  color: #959595;

}

.gray_06 {

  color: #a9afbd;

}

.gray_07 {

  color: #888 !important;

}

.gray_08 {

  color: #555 !important;

}

.green {

  color: #2d9204;

}

.green_02 {

  color: #5e9e02;

}

.green_03 {

  color: #2d9204;

}

.blue {

  color: #003880;

}

.blue_02 {

  color: #3e6fe2;

}

.blue_03 {

  color: #174dd5;

}

.blue_04 {

  color: #007def;

}

.blue_05 {

  color: #273f89;

}

.blue_06 {

  color: #2b76eb;

}

.blue_07 {

  color: #036fba;

}

.blue_08 {

  color: #4282c8;

}

.blue09 {

  color: #23afd7;

}

.blue10 {

  color: #3082c6;

} /* v3.0 basic */

.blue11 {

  color: #635bca;

}

.blue12 {

  color: #5076e4;

}

.blue13 {

  color: #0270bd !important;

}

.blue14 {

  color: #437ac6 !important;

}

.red {

  color: #ff3066;

}

.red02 {

  color: #e73d13;

}

.red03 {

  color: #ff0000;

}

.red05 {

  color: #bf2e01;

}

.red06 {

  color: #cc5833;

  font-weight: bold;

}

.red07 {

  color: #be2d00;

}

.red08 {

  color: #cc5833;

}

.red10 {

  color: #ff3252;

} /* v3.0 basic */

.red11 {

  color: #ff4343;

}

.orange {

  color: #ff6102;

}

.orange02 {

  color: #f37200;

}

.orange03 {

  color: #ff7800;

}

.orange04 {

  color: #ff4800;

}

.orange05 {

  color: #f65d00;

}

.orange06 {

  color: #f47300;

}

.orange07 {

  color: #ff3d70;

}

.black {

  color: #000000;

}

.brown {

  color: #7d4b27;

}

.braun {

  color: #5e3b21;

}

.violet {

  color: #001b80;

}

.bluePen {

  color: #0100ff;

}

.bg_gray {

  background-color: #f3f3f3;

}

.color_point {

  color: #883bce;

}

.color_primary {

  color: #4677ff !important;

}



.f_true {

  color: #36b388;

} /* IB2.0 긍정 속성 텍스트 */

.f_false {

  color: #ff3066;

} /* IB2.0 경고/부정 속성 텍스트 */

/* @@@@@@@@@@			width			@@@@@@@@@@ */

.width100 {

  width: 100% !important;

}

.width90 {

  width: 90%;

}

.width80 {

  width: 80%;

}

.width_auto {

  width: auto !important;

}

/* @@@@@@@@@@			info			@@@@@@@@@@ */

.txt_sg01 {

  color: #666;

  font: 12px/20px notoKR;

}

ul.txt_list01 {

  color: #666;

  font: 12px/20px notoKR;

}

ul.txt_list01 li:before {

  content: "";

  display: inline-block;

  width: 3px;

  height: 3px;

  margin-right: 4px;

  vertical-align: 3px;

  background-color: #cecece;

}

ul.txt_list02 li {

  position: relative;

  padding-left: 8px;

  font-size: 12px;

  color: #7d7d7d;

}

ul.txt_list02 li::before {

  content: "";

  position: absolute;

  top: 7px;

  left: 0;

  width: 3px;

  height: 3px;

  background: #d8d8d8;

}

ul.txt_list03 li {

  position: relative;

  padding-left: 8px;

  font-size: 11px;

  color: #666;

}

ul.txt_list03 li::before {

  content: "·";

  position: absolute;

  top: 0px;

  left: 0;

}



/* @@@@@@@@@@			btn			@@@@@@@@@@ */

.btn_col_wrap {

  font-size: 0;

  text-align: center;

}

.btn_col_wrap > a {

  display: inline-block !important;

}

.btn_col_wrap > a + a {

  margin-left: 10px;

}

[class*="btn_full"] {

  display: block;

  text-align: center;

  margin: 20px auto;

  font: normal 16px/50px notoKR;

}

.btn_full01 {

  height: 50px;

  background: #eff1f4;

  color: #333b58;

}

.btn_full02 {

  height: 50px;

  background: #333b58;

  color: #fff;

}

.btn_full03 {

  width: 200px;

  height: 50px;

  background: #333b58;

  color: #fff;

}

.btn_full03.type02 {

  background-color: #6f748c;

}

.btn_full03.type03 {

  background-color: #635bca;

}

.btn_full03.off {

  background-color: #d0d3d7;

}

.btn_full04 {

  width: 200px;

  height: 50px;

  background: #eff1f4;

  color: #333b58;

}

.btn_full05 {

  width: 187px;

  height: 62px;

  margin: 20px auto 50px;

  line-height: 62px;

  color: #fff;

  font-family: notoKR;

  font-size: 18px;

  background: #635bca;

}

.btn_full05:hover {

  background: linear-gradient(to right, #8a39ce, #635bca);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca');

}

.btn_full05.off {

  background: #d0d3d7;

  color: #fff;

  cursor: default;

}

.btn_2type {

  overflow: hidden;

  margin: 20px auto;

}

.btn_2type01 {

  float: left;

  width: 48%;

  height: 50%;

  background: #333b58;

  text-align: center;

  color: #fff;

  font: normal 16px/50px notoKR;

}

.btn_2type02 {

  float: left;

  width: 48%;

  height: 50%;

  background: #eff1f4;

  text-align: center;

  color: #333b58;

  font: normal 16px/50px notoKR;

}

.btn_2type01 + a.btn_2type02,

a.btn_2type01 + a.btn_2type01,

a.btn_2type02 + a.btn_2type02,

a.btn_2type02 + a.btn_2type01 {

  margin-left: 4%;

}

.btn_3type01 {

  display: inline-block;

  box-sizing: border-box;

  width: 52px;

  height: 24px;

  line-height: 22px;

  text-align: center;

  color: #6f748c;

  font-family: notoKR;

  font-size: 12px;

  border: 1px solid #6f748c;

  border-radius: 4px;

}

.btn_3type01.off {

  background-color: #eaeef7;

}

.btn_3type02 {

  display: inline-block;

  box-sizing: border-box;

  width: 52px;

  height: 24px;

  line-height: 22px;

  text-align: center;

  color: #e1e3e8;

  font-family: notoKR;

  font-size: 12px;

  border: 1px solid #e1e3e8;

  border-radius: 4px;

}

.btn_4type {

  display: inline-block;

  box-sizing: border-box;

  height: 25px;

  line-height: 23px;

  padding: 0 10px;

  color: #616781;

  font-family: notoKR;

  font-size: 12px;

  border: 1px solid #e1e3e8;

  background: #f1f2f4;

}

.btn_4type.type02 {

  background-color: #635bca;

  border: 0;

  color: #fff;

}

.btn_5type {

  display: inline-block;

  box-sizing: border-box;

  height: 25px;

  line-height: 25px;

  padding: 0 10px;

  color: #fff;

  font-family: notoKR;

  font-size: 12px;

  background: #3e62ba;

}

.btn_5type.new {

  position: relative;

}

.btn_5type.new::after {

  content: "N";

  position: absolute;

  top: -6px;

  right: -6px;

  width: 14px;

  height: 13px;

  background: #e95a55;

  border-radius: 50%;

  font-family: dotum, sans-serif;

  line-height: 13px;

  text-align: center;

  font-weight: bold;

  font-size: 10px;

}

.btn_6type {

  display: inline-block;

  box-sizing: border-box;

  width: 166px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  color: #fff;

  font-family: notoKR;

  font-size: 16px;

  background: #635bca;

}

.btn_6type:hover {

  background: linear-gradient(to right, #8a39ce, #635bca);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca');

}

.btn_6type.off {

  background: #d0d3d7;

  color: #fff;

}

.btn_6type02 {

  display: inline-block;

  padding: 7px 10px;

  background: #635bca;

  border-radius: 2px;

  font-size: 12px;

  color: #fff;

  text-align: center;

  box-sizing: border-box;

}

.btn_6type02.off {

  background: #d0d3d7;

}

.btn_6type02.off::before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 9px;

  background: url("/resources/image/itemList/img_check2.png") 0 0 no-repeat;

  margin-right: 5px;

}

.btn_7type01 {

  display: inline-block;

  box-sizing: border-box;

  width: 86px;

  height: 28px;

  line-height: 26px;

  text-align: center;

  color: #7e86a8;

  font-family: notoKR;

  font-size: 12px;

  border: 1px solid #6f748c;

}

.btn_7type01:active {

  background: #635bca;

  color: #fff;

}

.btn_7type02 {

  display: inline-block;

  box-sizing: border-box;

  width: 84px;

  height: 28px;

  line-height: 26px;

  text-align: center;

  color: #616781;

  font-family: notoKR;

  font-size: 12px;

  vertical-align: top;

  border: 1px solid #6f748c;

  background: #eaeef7;

}

.btn_8type {

  margin: 20px auto 50px;

  font-size: 0;

  text-align: center;

}

.btn_8type01 {

  display: inline-flex;

  box-sizing: border-box;

  width: 187px;

  height: 62px;

  color: #635bca;

  font-family: notoKR;

  font-size: 18px;

  vertical-align: top;

  border: 1px solid #635bca;

  background: #fff;

  align-items: center;

  justify-content: center;

}

.btn_8type02 {

  display: inline-block;

  box-sizing: border-box;

  width: 187px;

  height: 62px;

  margin-left: 10px;

  line-height: 62px;

  text-align: center;

  color: #fff;

  font-family: notoKR;

  font-size: 18px;

  background: #635bca;

}

.btn_8type02:hover {

  background: linear-gradient(to right, #8a39ce, #635bca);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca');

}

.btn_8type02.off {

  background: #d0d3d7;

  color: #fff;

  cursor: default;

}

.btn_8type03 {

  display: inline-block;

  box-sizing: border-box;

  width: 187px;

  height: 62px;

  margin-left: 10px;

  line-height: 62px;

  text-align: center;

  color: #fff;

  font-family: notoKR;

  font-size: 18px;

  background: #7d8195;

}

.btn_8type01.pick::before {

  content: "";

  display: inline-block;

  width: 16px;

  height: 15px;

  margin-right: 10px;

  background: url("/resources/image/design/icon/ico_heart.png") 0 0 no-repeat;

}

.btn_8type01.pick.on::before {

  background-position-y: -15px;

}

.btn_type_baytalk {

  position: relative;

  display: inline-flex;

  box-sizing: border-box;

  width: 187px;

  height: 62px;

  color: #fff;

  font-family: notoKR;

  font-size: 18px;

  vertical-align: top;

  background: #883AFF;

  background: linear-gradient(180deg,rgba(136, 58, 255, 1) 0%, rgba(109, 162, 255, 1) 100%);

  align-items: center;

  justify-content: center;

}

.btn_type_baytalk .btn_type_baytalk_tip {

  position: absolute;

  top: -35px;

  left: 50%;

  transform: translateX(-50%);

  margin-right: 0;

}

.btn_type_baytalk img {

  margin-right: 8px;

}

.btn_default {

  font-family: notoKr, sans-serif;

  font-size: 16px;

  color: #fff !important;

  padding: 10px 16px;

  background-color: #635bca;

  box-sizing: border-box;

}

.btn_default.lg {

  padding: 24px 30px;

  font-size: 18px;

}

.btn_hover:hover,

.btn_hover:focus {

  background: linear-gradient(to right, #8a39ce, #635bca);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca') !important;

}

.btn_default.display_inline_block {

  vertical-align: top;

}

.btn_9type01 {

  display: inline-block;

  box-sizing: border-box;

  height: 26px;

  line-height: 24px;

  padding: 0 10px;

  color: #616781;

  font-family: "Malgun Gothic", sans-serif;

  font-size: 12px;

  font-weight: 700;

  border: 1px solid #b7b9c5;

  border-radius: 2px;

  background: #fff;

}

.btn_9type01.type02 {

  background-color: #f1f2f4;

}

.btn_10type {

  height: 32px;

  padding: 0 10px;

  background-color: #6f748c;

  border-radius: 2px;

  line-height: 32px;

  font-family: "Malgun Gothic", sans-serif;

  color: #fff;

  text-align: center;

}



.btn_info01 {

  display: inline-block;

  padding: 5px 7px;

  margin: 5px 0;

  border-radius: 3px;

  border: 1px solid #cecece;

  color: #333b58;

  font: normal 12px notoKR;

}

.btn_pop01 {

  display: inline-block;

  box-sizing: border-box;

  height: 18px;

  padding: 0 10px;

  line-height: 20px;

  border-radius: 3px;

  color: #fff;

  text-align: center;

  font-size: 11px;

  font-family: dotum, sans-serif;

  vertical-align: top;

}

.btn_pop01.type01 {

  background: #e95a55;

}

.btn_pop01.type01.done {

  background: #6c707b;

  cursor: default;

}

.btn_pop01.type02 {

  background: #3e62ba;

}

.btn_pop01.type02.done {

  background: #d4d4d4;

  color: #a0a0a0;

  border: 1px solid #a0a0a0;

  cursor: default;

}

.btn_pop01.type03 {

  border: 1px solid #a1a1a1;

  color: #444;

}

.btn_pop01.type04 {

  height: 20px;

  background: #616781;

  line-height: 22px;

}

.btn_pop01.type05 {

  border: 1px solid #e95a55;

  color: #e95a55;

}

.btn_arr_type {

  font-weight: 700;

  color: #616781;

}

.btn_arr_type::after {

  content: "\203a";

  margin-left: 5px;

  line-height: 9px;

  font-size: 22px;

  font-weight: 400;

  color: #757b92;

  vertical-align: -1px;

}

.btn_center_wrap {

  display: flex;

  width: 400px;

  margin: 0 auto;

}



/* @@@@@@@@@@			popup			@@@@@@@@@@ */

.pop_line {

  border-bottom: 1px solid #dddddd;

  padding-bottom: 10px;

}

/* @@@@@@@@@@			item : help			@@@@@@@@@@ */

.help01 {

  cursor: pointer;

  color: #2d9204;

  font-size: 11px;

  letter-spacing: -1px;

  text-decoration: underline;

  background: url("/resources/image/design/item/bull_07.gif") no-repeat right

    2px;

  padding-right: 8px;

  margin-left: 7px;

}

.help02 {

  color: #7e7e7e;

  font-size: 11px;

  background: url("/resources/image/design/mybay/bull_07.gif") no-repeat left

    top;

  padding: 1px 0 0 17px;

}

.help03 {

  cursor: pointer;

  color: #a8a8a8;

  font-size: 11px;

  letter-spacing: -1px;

  text-decoration: underline;

  background: url("/resources/image/design/item/bull_09.gif") no-repeat right

    2px;

  padding-right: 8px;

  margin-left: 7px;

}

.help04 {

  cursor: pointer;

  color: #f65d00;

  font-size: 11px;

  letter-spacing: -1px;

  text-decoration: underline;

  background: url("/resources/image/design/item/bull_11.gif") no-repeat right

    2px;

  padding-right: 8px;

  margin-left: 7px;

}

.help05 {

  color: #d60500;

  font-size: 11px;

  background: url("/resources/image/design/mybay/bull_07.gif") no-repeat left

    top;

  padding: 1px 0 0 17px;

}

.help06 {

  cursor: pointer;

  color: #2d9204;

  font-size: 11px;

  letter-spacing: -1px;

  text-decoration: underline;

  background: url("/resources/image/design/item/bull_12.gif") no-repeat right

    4px;

  padding-right: 8px;

  margin-left: 7px;

}

.help07 {

  color: #7e7e7e;

  font-size: 11px;

  background: url("/resources/image/design/mybay/bull_02.gif") no-repeat left

    6px;

  padding-left: 8px;

}

.ico_info01 {

  color: #f42e4f;

}

.ico_info01:before {

  content: "";

  display: inline-block;

  width: 14px;

  height: 14px;

  margin-right: 5px;

  vertical-align: -2px;

  background: url("/resources/image/design/certify/ico_info.png") 0 0 no-repeat;

}

/* @@@@@@@@@@			tooltip			@@@@@@@@@@ */

div.tooltipWrap {

  position: absolute;

  padding: 10px;

  font-weight: normal;

  font-size: 11px;

  color: #666 !important;

  background: #fff;

  border: 1px solid #ff7133;

  z-index: 9999;

}

div.tooltipWrap div.tipbg {

  position: absolute;

  left: 10px;

  top: -5px;

  width: 9px;

  height: 5px;

  background: url("/resources/image/design/member/tooltip_bg2.png") no-repeat;

}

div.tooltipWrap div.close {

  position: absolute;

  right: 3px;

  top: 3px;

  width: 7px;

  height: 7px;

  background: url("/resources/image/design/btn/close_09.gif") no-repeat;

}

.tooltip_box {

  position: relative;

  display: inline-block;

  vertical-align: middle;

}

.tooltip_box.inline {

  display: inline-block;

  position: relative;

  top: -3px;

}

.tooltip_box > a {

  display: block;

  width: 20px;

  height: 20px;

  background: url(/resources/image/design/item/icon_reg.png);

  background-position: -6px 0px;

  font-size: 0;

  text-indent: -9999px;

}

.tooltip_box > span {

  display: none;

  min-width: 130px;

  padding: 16px 30px 16px 10px;

  right: 1px;

  position: absolute;

  font-family: notoKr, sans-serif;

  font-size: 12px;

  line-height: 15px;

  color: #231f20;

  background-color: #fff;

  border: 1px solid #616161;

  letter-spacing: -0.025em;

  white-space: nowrap;

  box-shadow: 0 0 4px RGBA(183, 186, 194, 0.46);

  text-align: left;

}

.tooltip_box.soft > span {

  color: #5e627b;

}

.tooltip_box > span > button {

  position: absolute;

  top: 14px;

  right: 10px;

  width: 13px;

  height: 12px;

  text-indent: -9999px;

  background: url(/resources/image/design/item/icon_reg.png);

  background-position: -26px 0px;

  border: 0;

  cursor: pointer;

  padding: 0;

}

.tooltip_box > span em {

  display: block;

  font-style: normal;

  color: #1f97fd;

  font-size: 14px;

  line-height: 18px;

  margin-bottom: 6px;

}

.tooltip_box .tooltip_box.tooltip_s03 > span {

  width: 171px;

}

/* @@@@@@@@@@			user grade			@@@@@@@@@@ */

.grade {

  display: inline-block;

  width: 53px;

  height: 44px;

}

.grade_box.b .txt_grade {

  color: #ad8c78;

}

.grade_box.s .txt_grade {

  color: #7f97a3;

}

.grade_box.g .txt_grade {

  color: #dca603;

}

.grade_box.p .txt_grade {

  color: #7786fc;

}

.grade_box.d .txt_grade {

  color: #8d69ff;

}

.grade_box.b .grade {

  background: url("/resources/image/design/common/ico_bronze_big.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.s .grade {

  background: url("/resources/image/design/common/ico_silver_big.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.g .grade {

  background: url("/resources/image/design/common/ico_gold_big.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.p .grade {

  background: url("/resources/image/design/common/ico_platinum_big.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.d .grade {

  background: url("/resources/image/design/common/ico_diamond_big.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.sm.d .grade {

  background: url("/resources/image/design/common/ico_diamond_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.sm.p .grade {

  background: url("/resources/image/design/common/ico_platinum_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.sm.g .grade {

  background: url("/resources/image/design/common/ico_gold_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.sm.s .grade {

  background: url("/resources/image/design/common/ico_silver_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.grade_box.sm.b .grade {

  background: url("/resources/image/design/common/ico_bronze_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

/* 리스트 아이콘 */

.list_icon {

  font-size: 0;

}

.list_icon .grade,

.gride_list_ico .grade {

  display: inline-block;

  width: 35px;

  height: 28px;

}

.list_icon .grade.d,

.gride_list_ico .grade.d {

  background: url("/resources/image/design/common/ico_diamond_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.list_icon .grade.p,

.gride_list_ico .grade.p {

  background: url("/resources/image/design/common/ico_platinum_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.list_icon .grade.g,

.gride_list_ico .grade.g {

  background: url("/resources/image/design/common/ico_gold_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.list_icon .grade.s,

.gride_list_ico .grade.s {

  background: url("/resources/image/design/common/ico_silver_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.list_icon .grade.b,

.gride_list_ico .grade.b {

  background: url("/resources/image/design/common/ico_bronze_sm.svg") center

    no-repeat;

  background-size: auto 100%;

}

.bar_type ~ *::before {

  content: "";

  display: inline-block;

  width: 1px;

  height: 10px;

  margin: 0 5px;

  background: #6f748b;

  vertical-align: -1px;

}

/* old */

.ico_lv0 {

  display: inline-block;

  width: 22px;

  height: 17px;

  background: url("/resources/image/design/icon/20140630/level0.gif") no-repeat

    right top;

} /* Lv0 : level6 */

.ico_lv1 {

  display: inline-block;

  width: 22px;

  height: 17px;

  background: url("/resources/image/design/icon/20140630/level1.gif") no-repeat

    right top;

} /* Lv1 : level5 */

.ico_lv3 {

  display: inline-block;

  width: 22px;

  height: 17px;

  background: url("/resources/image/design/icon/20140630/level3.gif") no-repeat

    right top;

} /* Lv3 : level3 */

.ico_lv5 {

  display: inline-block;

  width: 22px;

  height: 17px;

  background: url("/resources/image/design/icon/20140630/level5.gif") no-repeat

    right top;

} /* Lv5 : level1 */

.ico_lv6 {

  display: inline-block;

  width: 22px;

  height: 17px;

  background: url("/resources/image/design/icon/20140630/level6.gif") no-repeat

    right top;

} /* Lv6 : level0 */

.Lv4 {

  padding: 2px 25px 0 5px;

  background: url("/resources/image/design/icon/20140630/level0.gif") no-repeat

    right top;

} /* Lv4 : level1 */

.Lv2 {

  padding: 2px 23px 0 5px;

  background: url("/resources/image/design/icon/20140630/level0.gif") no-repeat

    right top;

} /* Lv2 : level3 */

span.Lv0_m {

  padding: 5px 5px 0 25px;

  background: url("/resources/image/design/icon/20140630/level0.gif") no-repeat

    left top;

}

span.Lv1_m {

  padding: 5px 5px 0 27px;

  background: url("/resources/image/design/icon/20140630/level1.gif") no-repeat

    left top;

}

span.Lv2_m {

  padding: 5px 5px 0 23px;

  background: url("/resources/image/design/icon/20140630/level0.gif") no-repeat

    left top;

}

span.Lv3_m {

  padding: 5px 5px 0 25px;

  background: url("/resources/image/design/icon/20140630/level3.gif") no-repeat

    left top;

}

span.Lv4_m {

  padding: 5px 5px 0 25px;

  background: url("/resources/image/design/icon/20140630/level0.gif") no-repeat

    left top;

}

span.Lv5_m {

  padding: 5px 5px 0 25px;

  background: url("/resources/image/design/icon/20140630/level5.gif") no-repeat

    left top;

}

span.Lv6_m {

  padding: 5px 5px 0 25px;

  background: url("/resources/image/design/icon/20140630/level6.gif") no-repeat

    left top;

}

/* @@@@@@@@@@			title			@@@@@@@@@@ */

h5.title {

  margin: 15px 0;

  padding-left: 5px;

  font-family: notoCJK, sans-serif;

  font-size: 16px;

  color: #000;

  border-left: 3px solid #3e62ba;

}

h6.title {

  margin: 10px 0;

  font-family: notoCJK, sans-serif;

  font-size: 15px;

  color: #333b58;

}



/* @@@@@@@@@@			table			@@@@@@@@@@ */

/* 공통 */

table[class*="list_t"] {

  table-layout: fixed;

}

table caption {

  display: none;

}

.tb_py15 td,

.tb_py15 th {

  padding-top: 13px;

  padding-bottom: 13px;

}



table.sell_list {

  width: 100%;

  table-layout: fixed;

  border-bottom: 1px solid #e7e7ef;

}

table.sell_list th {

  text-align: center;

  border-top: 1px solid #e7e7ef;

  padding: 8px 0;

}

table.sell_list td {

  border-top: 1px solid #e7e7ef;

  padding: 8px 0;

}

table.tb_type01 {

  width: 100%;

  margin-bottom: 20px;

}

table.tb_type01 th,

table.tb_type01 td {

  padding: 10px 0;

  border: 1px solid #ccd6de;

  color: #747b8e;

}

table.tb_type01 th {

  background-color: #f7f7f7;

}

table.tb_type01 td {

  text-align: center;

  font-size: 11px;

}

/* table 01 */

div.list_tab01 {

  margin-bottom: 20px;

}

div.list_tab01 span.down {

  color: #245fb3;

}

div.list_tab01 span.up {

  color: #f31e1e;

}

div.list_tab01 div.list_btn {

  padding: 10px 0 9px 0;

  border-bottom: 2px solid #e6e6e8;

}

table.list_tab01 th {

  background-color: #f9f9f9;

  border-top: 1px solid #e6e6e8;

  border-bottom: 1px solid #e6e6e8;

  padding: 9px 0 8px 0;

}

table.list_tab01 th.ml {

  border-left: 1px solid #e6e6e8;

}

table.list_tab01 th.mr {

  border-right: 1px solid #e6e6e8;

}

table.list_tab01 th.m {

  border-top: 0px;

}

table.list_tab01 td {

  border-bottom: 1px solid #e6e6e8;

  text-align: center;

  padding: 9px 0 5px 0;

}

table.list_tab01 tr.bg td {

  background-color: #fffbe9;

}

table.list_tab01 tr.end td,

table.list_tab01 tr.end td a,

table.list_tab01 tr.end td span,

table.list_tab01 tr.end td p {

  color: #afafaf;

}

table.list_tab01 tr.small td,

table.list_tab01 .small {

  font-size: 11px;

}

table.list_tab01 .right {

  text-align: right;

  padding-right: 5px;

}

table.list_tab01 .price01 {

  padding: 9px 10px 5px 0;

  text-align: right;

}

table.list_tab01 .left {

  padding: 9px 0 5px 10px;

  text-align: left;

  word-break: break-all;

}

table.list_tab01 .left2 {

  padding: 6px 0 5px 10px;

  text-align: left;

}

table.list_tab01 .line {

  border-left: 1px solid #e6e6e8;

}

table.list_tab01 td.btn {

  padding: 6px 0 5px 0;

}

table.list_tab01 th.check,

table.list_tab01 td.check {

  padding: 6px 0 5px 0;

}

table.list_tab01 td.no_data {

  padding: 13px 0 10px 0;

}

table.list_tab01 td.nodata {

  padding: 23px 0 20px 0;

}

table.list_tab01 .word {

  float: left;

  width: 280px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab01 .word2 {

  float: left;

  width: 350px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab01 .word3 {

  float: left;

  width: 230px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab01 .word4 {

  float: left;

  width: 400px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab01 .word5 {

  float: left;

  width: 460px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab01 .word6 {

  float: left;

  width: 200px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab01 .word7 {

  float: left;

  width: 210px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab01 .word img,

table.list_tab01 .word2 img,

table.list_tab01 .word3 img {

  margin-right: 3px;

}

table.list_tab01 .col01 {

  color: #ff3000;

}

table.list_tab01 .col02 {

  color: #0066cc;

  padding-top: 3px;

}

table.list_tab01 .col02 a {

  color: #0066cc;

}

table.list_tab01 .col03 {

  color: #001b80;

}

table.list_tab01 .col04 {

  background: url("/resources/image/design/item/bull_08.gif") no-repeat 3px top;

  padding-left: 11px;

}

table.list_tab01 .col05 {

  color: #0033cc;

  font-size: 12px;

  font-weight: bold;

  line-height: 15px;

}

table.list_tab01 .col06 {

  color: #2d9204;

  padding-left: 11px;

}

table.list_tab01 .kind01 {

  color: #f31e1e;

}

table.list_tab01 .kind02 {

  color: #245fb3;

}

table.list_tab01 .kind03 {

  color: #555555;

}

table.list_tab01 p.buyer img {

  margin-bottom: 3px;

}

table.list_tab01 p.phone img {

  margin-bottom: 3px;

}

table.list_tab01 p.buyer span.hangul {

  color: #f37200;

  padding: 0 3px;

}

table.list_tab01 tr.total td {

  font-weight: bold;

  background-color: #fff8f3;

}

/* table 02 */

div.list_tab02 {

  border-top: 2px solid #333333;

  margin-bottom: 20px;

}

table.list_tab02 th {

  color: #565656;

  font-size: 11px;

  font-weight: bold;

  background-color: #f9f9f9;

  border-bottom: 1px solid #c7c7c7;

  vertical-align: top;

  padding: 9px 0 6px 0;

}

table.list_tab02 td {

  border-bottom: 1px solid #e6e6e8;

  text-align: center;

  padding: 9px 0 5px 0;

}

table.list_tab02 tr.bg td {

  background-color: #fffbe9;

}

table.list_tab02 tr.end td,

table.list_tab02 tr.end td a,

table.list_tab02 tr.end td span,

table.list_tab02 tr.end td p {

  color: #afafaf;

}

table.list_tab02 td.small {

  font-size: 11px;

}

table.list_tab02 td.left {

  padding: 9px 0 5px 10px;

  text-align: left;

}

table.list_tab02 td.price01 {

  padding: 9px 5px 5px 0;

  text-align: right;

}

table.list_tab02 td.price02 {

  padding: 9px 5px 5px 0;

  text-align: right;

  color: #ff3000;

}

table.list_tab02 td.price03 {

  padding: 9px 15px 5px 0;

  text-align: right;

  color: #ff3000;

}

table.list_tab02 td.price04 {

  padding: 9px 20px 5px 0;

  text-align: right;

  color: #ff3000;

}

table.list_tab02 td.img {

  padding: 6px 0 5px 0;

  color: #9b9b9b;

  font-size: 11px;

}

table.list_tab02 td.nodata {

  padding: 23px 0 20px 0;

}

table.list_tab02 span.kind01 {

  color: #666666;

}

table.list_tab02 span.kind02 {

  color: #666666;

}

table.list_tab02 .col01 {

  color: #ff3000;

}

table.list_tab02 .col02 {

  color: #0066cc;

  padding-top: 3px;

}

table.list_tab02 .col02 a {

  color: #0066cc;

}

table.list_tab02 a.word {

  float: left;

  width: 245px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab02 a.word3 {

  float: left;

  width: 230px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab02 span.pay {

  color: #3d62e0;

}

div.content_full table.list_tab02 a.word {

  float: left;

  width: 300px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

}

table.list_tab02 .word img,

table.list_tab02 .word2 img,

table.list_tab02 .word3 img {

  margin-right: 3px;

}

/* table 03 */

div.list_tab03 {

  border-top: 1px solid #e6e6e8;

  margin-bottom: 20px;

}

table.list_tab03 th {

  color: #787878;

  font-size: 11px;

  font-weight: normal;

  background-color: #f9f9f9;

  border-bottom: 1px solid #e6e6e8;

  border-left: 1px solid #e6e6e8;

  padding: 9px 0 6px 0;

}

table.list_tab03 td {

  border-bottom: 1px solid #e6e6e8;

  border-left: 1px solid #e6e6e8;

  padding: 9px 0 5px 15px;

}

table.list_tab03 .fst {

  border-left: 0px;

}

table.list_tab03 .right {

  text-align: right;

  padding: 9px 15px 5px 0;

}

table.list_tab03 td.center {

  text-align: center;

  padding: 9px 0 6px 0;

}

table.list_tab03 .col01 {

  color: #ff6600;

}

table.list_tab03 .col02 {

  color: #ff6600;

  background: url("/resources/image/design/mybay/bull_11.gif") no-repeat 20px

    1px;

  padding-left: 41px;

}

table.list_tab03 .col03 {

  color: #888888;

  font-size: 11px;

}

table.list_tab03 tr.left th {

  text-align: left;

  padding: 9px 0 6px 15px;

}

table.list_tab03 tr.left td {

  text-align: left;

  padding: 9px 0 6px 15px;

}

table.list_tab03 tr.total td {

  font-weight: bold;

  background-color: #fff8f3;

}

table.list_tab03 tr.center td {

  text-align: center;

  padding: 9px 0 5px 0px;

}

table.list_tab03 tr.center td.popfst {

  border-left: 0px;

  text-align: center;

  padding: 9px 0 5px 0px;

  font-size: 11px;

}

table.list_tab03 tr.center td.pop {

  text-align: center;

  padding: 9px 0 5px 0px;

  font-size: 11px;

}

table.list_tab03.type02 td {

  height: 40px;

  padding-top: 0;

  padding-bottom: 0;

}

table.list_tab03.type02 .bold th {

  font-weight: 700;

}

/* table 04 */

div.list_tab04 {

  border-top: 2px solid #333333;

  margin-bottom: 20px;

  font-family: dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif;

}

table.list_tab04 th,

table.list_tab04 td {

  padding: 8px 0 9px 0;

  border-bottom: 1px solid #cfcfcf;

  border-left: 1px solid #cfcfcf;

}

table.list_tab04 th {

  background-color: #f9f9f9;

  color: #444;

  letter-spacing: -0.03em;

}

table.list_tab04 td {

  text-align: center;

}

table.list_tab04 td.left {

  padding-left: 10px;

  text-align: left;

}

table.list_tab04 td.left2 {

  padding: 10px 0 10px 20px;

  text-align: left;

}

table.list_tab04 th:first-child,

table.list_tab04 td:first-child,

table.list_tab04 .fst {

  border-left: 0;

}

table.list_tab04 .col01 {

  color: #ff6600;

}

table.list_tab04 .col02 {

  color: #245fb3;

  font-weight: bold;

}

table.list_tab04 .col03 {

  color: #245fb3;

}

table.list_tab04 .col04 {

  color: #888888;

  font-size: 11px;

}

table.list_tab04 .col05 {

  color: #ff6600;

  font-size: 11px;

}

table.list_tab04 .col06 {

  color: #f31e1e;

  font-weight: bold;

}

table.list_tab04 .col07 {

  color: #f65d00;

  font-weight: bold;

}

table.list_tab04 tr.bg td {

  background-color: #fff8f3;

}

table.list_tab04 tr.left th {

  text-align: left;

  padding: 9px 0 6px 15px;

}

table.list_tab04 tr.left td {

  text-align: left;

  padding: 9px 0 5px 15px;

}

table.list_tab04 tr.left td.img {

  padding: 6px 0 5px 15px;

}

table.list_tab04 tr.left td.right {

  text-align: right;

  padding: 9px 15px 5px 0;

}

table.list_tab04 td.con {

  padding: 15px 20px 30px 15px;

  text-align: left;

  line-height: 18px;

  border-left: 0px;

}

table.list_tab04 div.answer {

  border: 1px solid #d6d6d6;

  background-color: #f9f9f9;

  margin-top: 25px;

  padding: 20px;

}

div.list_tab04 p.txt01 {

  color: #245fb3;

  font-size: 11px;

  padding-top: 8px;

}

/* table 05 */

div.list_tab05 {

  border-top: 1px solid #e6e6e8;

}

/* table 06 */

.list_tab06 {

  font-family: notoKR;

  font-size: 12px;

  color: #5e627b;

}

.list_tab06 td,

.list_tab06 th {

  padding: 10px;

  border: 1px solid #ebebeb;

}

.list_tab06 th {

  background-color: #f4f5fa;

  font-weight: 400;

}

/* table 07 */

div.list_tab07 {

  margin: 10px 0 20px;

}

table.list_tab07 th {

  color: #787878;

  font-size: 11px;

  background-color: #f9f9f9;

  border: 1px solid #e6e6e8;

  padding: 9px 0 6px 0;

}

table.list_tab07 td {

  border: 1px solid #e6e6e8;

  padding: 12px 0 10px;

  text-align: center;

}

table.list_tab07 td.left {

  padding: 12px 10px 10px;

  text-align: left;

}

table.list_tab07.type02 {

  font-family: "Malgun Gothic", sans-serif;

}

table.list_tab07.type02 tr {

  height: 80px;

}

table.list_tab07.type02 th {

  background-color: #f1f2f4;

  color: #888;

}

table.list_tab07.type02 td {

  position: relative;

  color: #555;

}

table.list_tab07.type02 tr:not(:last-child) td::after {

  content: "";

  position: absolute;

  bottom: -8px;

  bottom: -49px\9;

  left: 50%;

  width: 14px;

  height: 8px;

  background: url("/resources/image/design/common/ico_arrow_14x8.png") 0 0

    no-repeat;

  transform: translateX(-50%);

}

_:-ms-fullscreen,

:root table.list_tab07.type02 tr:not(:last-child) td::after {

  bottom: -49px;

}

/* table 08 */

table.list_tab08 {

  border-top: 2px solid #b7c1d9;

  border-bottom: 1px solid #dbe0ee;

}

table.list_tab08 th {

  height: 42px;

  line-height: 42px;

  background: #eaeef7;

  border-bottom: 1px solid #dbe0ee;

  font-family: notoKR;

  font-size: 14px;

  font-weight: normal;

  color: #7e86a8;

}

table.list_tab08 td {

  padding: 30px 0;

  font-family: notoKR;

  font-size: 14px;

  color: #1f2152;

  text-align: center;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

table.list_tab08 td p {

  width: 100%;

  overflow: hidden;

  line-height: 1.3;

  white-space: nowrap;

  text-overflow: ellipsis;

}

/* table 09 */



table.list_tab09 { border-top:1px solid #e1e3e8}

table.list_tab09.added_imgfilewrap {border-top: 2px solid #b7c1d9;border-bottom: 1px solid transparent;}

table.list_tab09.added_imgfilewrap > tbody > tr.added_imagefile {border-bottom:none;} 

table.list_tab09 > tbody > tr {border-bottom:1px solid #e1e3e8; font-family:notoKR; font-size:14px}

table.list_tab09 > tbody > tr > th {padding-left:20px; background:#f3f5fa; line-height:1.2; font-family:notoKR; font-size:16px; font-weight:normal; color:#7e86a8; text-align:left}

table.list_tab09 > tbody > tr > td {padding:30px 0; padding-left:20px; font-family:notoKR}

table.list_tab09 > tbody > tr > td .warning{color: #ff3066; font-size: 12px;}

table.list_tab09 > tbody > tr.added_imagefile > td {padding:30px 0;}

table.list_tab09 table {width:350px}

/* table 10 */

table.list_tab10 {

  border-top: 2px solid #b7c1d9;

}

table.list_tab10 > tbody > tr {

  border-bottom: 1px solid #e1e3e8;

  font-family: notoKR;

  font-size: 14px;

}

table.list_tab10 > tbody > tr > th {

  padding-left: 20px;

  background: #f3f5fa;

  font-family: notoKR;

  font-size: 16px;

  font-weight: normal;

  color: #7e86a8;

  text-align: left;

}

table.list_tab10 > tbody > tr > th > span {

  vertical-align: middle;

}

table.list_tab10 > tbody > tr > td {

  padding: 30px 0;

  padding-left: 20px;

  font-family: notoKR;

}



table.list_tab10 > tbody > tr.deal_sel {

  display: none;

}



.dia_deal_on table.list_tab10 > tbody > tr.deal_sel {

  display:table-row;

}



table.list_tab10 table {

  width: 350px;

}

/* table 11 */

table.list_tab11 {

  border: 1px solid #e6e6e8;

}

table.list_tab11 th {

  color: #787878;

  font-size: 11px;

  background-color: #f9f9f9;

  border: 1px solid #e6e6e8;

  padding: 9px 0 6px 0;

}

table.list_tab11 td {

  padding: 5px 0;

  border-left: 1px solid #e6e6e8;

  text-align: center;

}

/* table 12 */

table.list_tab12 {

  border-top: 1px solid #e3e5e9;

  font-family: "Malgun Gothic", sans-serif;

}

table.list_tab12 > tbody > tr {

  height: 40px;

  border-bottom: 1px solid #e3e5e9;

}

table.list_tab12 > tbody > tr > th {

  background: #f1f2f4;

  line-height: 1.2;

  color: #888;

  text-align: center;

}

table.list_tab12 > tbody > tr > td {

  padding-left: 20px;

  color: #555;

}

table.list_tab12 table {

  width: 350px;

}

table.list_tab12 input.type01 {

  height: 30px;

}

table.list_tab12 .inp_box + .unit {

  margin-left: 5px;

  line-height: 30px;

  font-weight: 700;

  color: #303030;

  vertical-align: -3px;

}

table.list_tab12.type02 > tbody > tr > th,

table.list_tab12.type02 > tbody > tr > td {

  border-right: 1px solid #e3e5e9;

}

table.list_tab12.type02 > tbody > tr > *:last-child {

  border-right: 0;

}

table.list_tab12.type02 > tbody > tr > td {

  padding-left: 0;

  text-align: center;

}

table.list_tab12.center > tbody > tr > td {

  padding-left: 0;

  text-align: center;

}

table.list_tab12 .align_l {

  padding-left: 20px !important;

  text-align: left !important;

}



/* @@@@@@@@@@			notice			@@@@@@@@@@ */

.ntc_type01 {

  padding: 20px;

  background: #eff1f4;

}

.ntc_type01 h6 {

  padding-left: 10px;

  margin-bottom: 10px;

  font-size: 15px;

  background: url("/resources/image/design/mybay/bull_13.png") no-repeat 0 50%;

}

.ntc_type01 ol {

  width: 100%;

  line-height: 20px;

}

.ntc_type01 li {

  position: relative;

  padding-left: 7px;

}

.ntc_type01 li:before {

  content: "";

  position: absolute;

  left: 0;

  top: 9px;

  width: 1px;

  height: 1px;

  background: #747b8e;

}

.ntc_type01 .sub {

  font-size: 11px;

  color: #8f8f8f;

}

.ntc_type01 .area_con {

  width: 1000px;

  margin: 0 auto;

}

.ntc_type02 {

  padding: 20px;

  background: #f8f9fb;

  border: 1px solid #ccd6de;

  font-family: notoKR;

}

.ntc_type02 h6 {

  margin-bottom: 10px;

  color: #1f2152;

  font-size: 16px;

}

.ntc_type02 ol {

  width: 100%;

  line-height: 24px;

}

.ntc_type02 li {

  position: relative;

  padding-left: 10px;

  color: #717680;

  font-size: 12px;

}

.ntc_type02 li:before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 2px;

  height: 2px;

  background: #7d818a;

}

.ntc_type03 {

  position: relative;

  padding: 20px;

  background: #f6faff;

  border: 1px solid #dbebff;

  box-sizing: border-box;

  font-family: "Malgun Gothic", sans-serif;

}

.ntc_type03 .tit {

  color: #5076e4;

}

.ntc_type03 .tit > a {

  float: right;

}

.ntc_type03 li {

  position: relative;

  padding-left: 7px;

  line-height: 24px;

  color: #616781;

}

.ntc_type03 li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 11px;

  width: 2px;

  height: 2px;

  background-color: #7d818a;

}

/* common notice1 */

div.notice_01 {

  background: #fafafa url("/resources/image/design/service/notice_01.gif")

    no-repeat 30px 48%;

  padding: 15px 35px 15px 130px;

  margin-bottom: 10px;

  text-align: left;

}

div.notice_01 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 2px 11px;

  color: #939393;

  font-size: 11px;

  line-height: 18px;

}

div.notice_01 ol li.bull {

  background: url("/resources/image/design/mybay/bull_08.gif") no-repeat left

    3px;

  padding: 0 0 2px 9px;

  color: #939393;

  font-size: 11px;

  line-height: 18px;

}

div.notice_01 ol li.none {

  background-image: none;

  padding: 0 0 2px 5px;

}

div.notice_01 ol li span.col01 {

  color: #f65d00;

}

div.notice_01 ol li span.col02 {

  color: #2c8ae2;

}

div.notice_01 ol li span.col03 {

  color: #f1a51a;

}

/* common notice2 */

div.notice_02 {

  background: #fafafa url("/resources/image/design/service/notice_02.gif")

    no-repeat 30px 50%;

  padding: 15px 35px 15px 130px;

  margin-bottom: 10px;

}

div.notice_02 ol li {

  color: #939393;

  font-size: 11px;

  line-height: 20px;

}

/* common notice3 */

div.notice_03 {

  background: #fafafa url("/resources/image/design/service/notice_03.gif")

    repeat-x left bottom;

  padding: 15px 22px;

  border: 1px solid #dcdcdc;

  margin-bottom: 20px;

}

div.notice_03 p.tit {

  height: 23px;

  background: url("/resources/image/design/service/notice_03_line.gif") repeat-x

    left bottom;

  margin-bottom: 10px;

}

div.notice_03 ol li {

  font-size: 11px;

  line-height: 18px;

}

/* common notice4 */

div.notice_04 {

  background: #f8f8f8 url("/resources/image/design/service/notice_04.gif")

    no-repeat 25px center;

  padding: 15px 10px 15px 120px;

  margin-bottom: 20px;

  position: relative;

  zoom: 1;

}

div.notice_04 p.btn {

  position: absolute;

  top: 143px;

  left: 25px;

  text-align: left;

}

div.notice_04 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 2px 11px;

  color: #666666;

  font-size: 11px;

  line-height: 18px;

}

div.notice_04 ol li:first-child {

  padding-bottom: 0;

}

div.notice_04 ol li.none {

  background-image: none;

  padding: 0 0 2px 5px;

}

div.notice_04 ol li span.col01 {

  color: #f65d00;

}

div.notice_04 ol li span.col02 {

  color: #245fb3;

}

div.notice_04 ol li span.col03 {

  font-size: 12px;

}

/* common notice5 */

div.notice_05 {

  padding-bottom: 5px;

}

div.notice_05 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 0 11px;

  color: #888888;

  font-size: 11px;

  line-height: 18px;

}

div.notice_05 ol li .col01 {

  color: #f65d00;

}

div.notice_05 ol li .col02 {

  color: #245fb3;

}

/* common notice6 */

div.notice_06 {

  background: #fafafa url("/resources/image/design/service/notice_05.gif")

    no-repeat 25px 40%;

  padding: 15px 10px 15px 120px;

  margin-bottom: 20px;

  position: relative;

  zoom: 1;

}

div.notice_06 p.btn {

  position: absolute;

  top: 143px;

  left: 25px;

  text-align: left;

}

div.notice_06 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 2px 11px;

  color: #939393;

  font-size: 11px;

  line-height: 18px;

}

div.notice_06 ol li.none {

  background-image: none;

  padding: 0 0 2px 5px;

}

div.notice_06 ol li span.col01 {

  color: #f65d00;

}

div.notice_06 ol li span.col02 {

  color: #245fb3;

}

div.notice_06 ol li span.col03 {

  font-size: 12px;

}

/* common notice7 */

div.notice_07 {

  background: #fafafa url("/resources/image/design/service/notice_06.gif")

    no-repeat 25px 40%;

  padding: 15px 10px 15px 120px;

  margin-bottom: 20px;

  position: relative;

  zoom: 1;

}

div.notice_07 p.btn {

  position: absolute;

  top: 143px;

  left: 25px;

  text-align: left;

}

div.notice_07 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 2px 11px;

  color: #939393;

  font-size: 11px;

  line-height: 18px;

}

div.notice_07 ol li.none {

  background-image: none;

  padding: 0 0 2px 5px;

}

div.notice_07 ol li span.col01 {

  color: #f65d00;

}

div.notice_07 ol li span.col02 {

  color: #245fb3;

}

div.notice_07 ol li span.col03 {

  font-size: 12px;

}

/* common notice8 */

div.notice_08 {

  background: #fafafa url("/resources/image/design/service/notice_08.gif")

    no-repeat 25px 40%;

  padding: 15px 10px 15px 120px;

  margin-bottom: 20px;

  position: relative;

  zoom: 1;

}

div.notice_08 p.btn {

  position: absolute;

  top: 143px;

  left: 25px;

  text-align: left;

}

div.notice_08 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 2px 11px;

  color: #939393;

  font-size: 11px;

  line-height: 18px;

}

div.notice_08 ol li.none {

  background-image: none;

  padding: 0 0 2px 5px;

}

div.notice_08 ol li span.col01 {

  color: #f65d00;

}

div.notice_08 ol li span.col02 {

  color: #245fb3;

}

div.notice_08 ol li span.col03 {

  font-size: 12px;

}

/* common notice9 : 아이템 판매 등록/수정 */

div.notice_09 {

  background: #fafafa url("/resources/image/design/service/notice_09.gif")

    no-repeat 25px 40%;

  padding: 15px 10px 15px 120px;

  margin-bottom: 20px;

  zoom: 1;

  border: 1px solid #cfcfcf;

}

div.notice_09 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 2px 11px;

  color: #666;

  font-size: 11px;

  line-height: 18px;

}

/* common notice10 : 아이템 구매 등록/수정 */

div.notice_10 {

  background: #fafafa url("/resources/image/design/service/notice_10.gif")

    no-repeat 25px 40%;

  padding: 15px 10px 15px 120px;

  margin-bottom: 20px;

  zoom: 1;

  border: 1px solid #cfcfcf;

}

div.notice_10 ol {

  padding: 15px 0;

}

div.notice_10 ol li {

  background: url("/resources/image/design/service/bull_01.gif") no-repeat left

    7px;

  padding: 0 0 2px 11px;

  color: #666;

  font-size: 11px;

  line-height: 18px;

}

.notice_11 li {

  line-height: 20px;

  font-family: "Malgun Gothic", sans-serif;

  color: #555;

}

.notice_11 li + li {

  margin-top: 5px;

}

.bullet > li {

  position: relative;

  padding-left: 8px;

  line-height: 20px;

  font-family: "Malgun Gothic", sans-serif;

  color: #555;

}

.bullet > li + li {

  margin-top: 5px;

}

.bullet > li::before {

  content: "";

  position: absolute;

  top: 7px;

  left: 2px;

  width: 2px;

  height: 2px;

  background: #888;

}

.bullet > li.none::before {

  display: none;

}



/* @@@@@@@@@@			msg			@@@@@@@@@@ */

.direct_ntfy {

  float: right;

  font: 14px/20px notoKR, sans-serif;

}

.direct_ntfy .ico {

  display: inline-block;

  width: 45px;

  height: 17px;

  margin-bottom: 2px;

  vertical-align: middle;

  background: url("/resources/image/design/icon/bg_ntfy.png") no-repeat;

  font-size: 0;

  text-indent: -9999px;

}

.direct_ntfy.off .ico {

  background-position-y: 0;

}

.direct_ntfy.on .ico {

  background-position-y: 100%;

}

.direct_ntfy .btn_pop01.type02 {

  vertical-align: middle;

}



/* @@@@@@@@@@			icon			@@@@@@@@@@ */

.ico {

  display: inline-block;

  box-sizing: border-box;

  position: relative;

  vertical-align: middle;

}

.ico:before {

  display: block;

  content: "";

  background-repeat: no-repeat;

}

.ico.bubble {

  width: 24px;

  height: 18px;

  line-height: 18px;

  border: 1px solid #3e62ba;

  border-radius: 2px;

  text-align: center;

  font-size: 11px;

  color: #3e62ba;

  background: #fff;

  font-weight: bold;

}

.ico.bubble::after {

  content: "";

  position: absolute;

  left: 11px;

  bottom: -4px;

  width: 3px;

  height: 2px;

  border: 1px solid #3e62ba;

  border-top-color: #fff;

  border-radius: 0 0 15px 0;

  background: #fff;

}

.ico.safety {

  width: 26px;

  height: 26px;

  background: url("/resources/image/itemList/list_ico_v1_0.png") no-repeat 0 -26px;

  font-size: 0;

  text-indent: -9999px;

}

.ico.reward {

  width: 26px;

  height: 26px;

  background: url("/resources/image/itemList/list_ico_v1_0.png") no-repeat -26px -26px;

  font-size: 0;

  text-indent: -9999px;

}

.ico.none {

  width: 26px;

  height: 26px;

  background: url("/resources/image/itemList/list_ico_v1_0.png") no-repeat -52px -26px;

}

.ico.file {

  width: 18px;

  height: 18px;

  background: url("/resources/image/itemList/list_ico_v1_0.png") no-repeat -32px -52px;

  font-size: 0;

  text-indent: -9999px;

}

.ico.power {

  width: 32px;

  height: 18px;

  background: url("/resources/image/itemList/list_ico_v1_0.png") no-repeat 0 -52px;

  font-size: 0;

  text-indent: -9999px;

}

.ico.case::before {

  display: inline-block;

  width: 16px;

  height: 14px;

  margin-right: 5px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -64px -14px;

  vertical-align: middle;

}

.ico.case.on {

  color: #ff3066;

}

.ico.case.on::before {

  background-position-y: -29px;

}

.ico.case.off::before {

  background-position-y: -14px;

}

.ico.case.ing::before {

  background: url("/resources/image/design/icon/loading.gif") no-repeat 0 0;

  background-size: 15px;

}



.ico.info {

  width: 14px;

  height: 14px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -81px -60px;

  font-size: 0;

  text-indent: -9999px;

  cursor: pointer;

}

.ico.right {

  font-size: 14px;

  color: #36b388;

  font-family: notoKR;

}

.ico.right::before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 12px;

  margin-right: 5px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -81px -34px;

}

.ico.wrong {

  font-size: 14px;

  color: #ff3066;

  font-family: notoKR;

}

.ico.wrong::before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 12px;

  margin-right: 5px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -81px -47px;

}

.ico.label_item {

  display: inline-flex;

  width: 70px;

  height: 20px;

  background: #fff;

  border: 1px solid #555;

  border-radius: 20px;

  font-family: "Malgun Gothic", sans-serif;

  font-size: 12px;

  font-weight: 700;

  color: #555;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

}

.ico.label_item[class*="label0"] {

  border: 0;

  color: #fff;

}

.ico.label_item.label01 {background: linear-gradient(90deg,rgba(255, 0, 43, 1) 0%, rgba(255, 54, 248, 1) 100%);}

.ico.label_item.label02 {background: linear-gradient(90deg,rgba(255, 170, 0, 1) 0%, rgba(251, 100, 0, 1) 100%);}

.ico.label_item.label03 {background: linear-gradient(90deg,rgba(0, 161, 187, 1) 0%, rgba(0, 251, 182, 1) 100%);}

.ico.label_item.label04 {background: linear-gradient(90deg,rgba(0, 25, 255, 1) 0%, rgba(54, 148, 255, 1) 100%);}

.ico.label_item.label05 {background: linear-gradient(90deg,rgba(128, 0, 255, 1) 0%, rgba(235, 54, 255, 1) 100%);}



.ico.airplane:before {

  width: 20px;

  height: 18px;

  background-image: url(/resources/image/icon/ico_airplane_fff_20x18.png);

}



i.imp {

  display: inline-block;

  width: 13px;

  height: 13px;

  background: url("/resources/image/design/main/ib2/icon_imp.png") center

    no-repeat;

  text-indent: -9999px;

  font-size: 0;

  vertical-align: middle;

  margin-left: 5px;

}

/*i.clmp_m{display: inline-block; width: 5px;height: 9px; background: url('/resources/image/design/main/ib2/icon_clp_m.png') center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: middle; margin: 0 10px}*/

i.clmp_m {

  font-style: normal;

  font-weight: bold;

}

i.qut_s {

  display: inline-block;

  width: 11px;

  height: 10px;

  background: url("/resources/image/design/main/ib2/icon_qut_s.png") center

    no-repeat;

  text-indent: -9999px;

  font-size: 0;

  vertical-align: middle;

  margin-right: 8px;

}

i.qut_e {

  display: inline-block;

  width: 11px;

  height: 10px;

  background: url("/resources/image/design/main/ib2/icon_qut_e.png") center

    no-repeat;

  text-indent: -9999px;

  font-size: 0;

  vertical-align: middle;

  margin-left: 8px;

}

i.preb {

  display: inline-block;

  font-family: notoKr, sans-serif;

  font-size: 12px;

  color: #ff1239;

  letter-spacing: -0.075em;

  line-height: 14px;

  padding: 4px 8px;

  border: 1px solid #ff1239;

  font-style: normal;

  font-weight: bold;

  border-radius: 16px;

}

i.comp {

  display: inline-block;

  font-family: notoKr, sans-serif;

  font-size: 12px;

  color: #6f7c8d;

  letter-spacing: -0.075em;

  line-height: 14px;

  padding: 4px 8px;

  border: 1px solid #6f7c8d;

  font-style: normal;

  font-weight: bold;

  border-radius: 16px;

}

i.more {

  display: inline-block;

  width: 12px;

  height: 12px;

  background: url("/resources/image/design/main/ib2/btn_main_more.png") center

    no-repeat;

  text-indent: -9999px;

  font-size: 0;

  vertical-align: top;

}

i.new_blit {

  display: inline-block;

  width: 5px;

  height: 5px;

  background-image: url("/resources/image/design/mybay/icon_trade_spc.png");

  text-indent: -9999px;

  font-size: 0;

  vertical-align: middle;

  background-position: 0px -16px;

  margin: -22px 0 0 2px;

}

i.new {

  display: inline-block;

  width: 13px;

  height: 13px;

  background: url("/resources/image/design/main/ib2/icon_new.png") center

    no-repeat;

  text-indent: -9999px;

  font-size: 0;

  vertical-align: top;

  margin-left: 5px;

}

i.hot {

  position: absolute;

  top: -5px;

  left: 68px;

  display: inline-block;

  width: 41px;

  height: 18px;

  background: url("/resources/image/design/main/ib2/icon_hot.gif") center

    no-repeat;

  text-indent: -9999px;

  font-size: 0;

}

i.lightning {

  position: absolute;

  top: 13px;

  right: 7px;

  width: 20px;

  height: 27px;

  background: url("/resources/image/design/main/ib2/icon_lightning.png") 0 0

    no-repeat;

}

i.forfree {

  position: absolute;

  top: -10px;

  right: 22px;

  width: 70px;

  height: 27px;

  background: url("/resources/image/design/main/ib2/icon_forfree.png") 0 0

    no-repeat;

}



/* @@@@@@@@@@      tab      @@@@@@@@@@@ */

.tab_type01 {

  width: 100%;

  overflow: hidden;

}

.tab_type01 > a {

  float: left;

  width: 50%;

  height: 45px;

  line-height: 45px;

  background: #f3f5fa;

  border: 1px solid #d7dbe3;

  box-sizing: border-box;

  font-size: 14px;

  color: #a9afbd;

  text-align: center;

}

.tab_type01 > a.on {

  background: #fff;

  border-bottom: 0;

  color: #616781;

}

.tab_type01 > a:last-child {

  border-left: 0;

}

.tab_type02 {

  display: flex;

  width: 100%;

  height: 54px;

}

.tab_type02 li {

  flex: 1;

  background-color: #ecf2ff;

  border: 1px solid #cfcbff;

  font-family: "Malgun Gothic", sans-serif;

  font-size: 14px;

  font-weight: 700;

  color: #7e86a8;

}

.tab_type02 li:not(:last-child) {

  border-right: 0;

}

.tab_type02 li.on {

  background-color: #635bca;

  border-color: #635bca;

  color: #fff;

}

.tab_type02 li.on + li {

  border-left: 0;

}

.tab_type02 li > a {

  display: flex;

  height: 100%;

  align-items: center;

  justify-content: center;

}

.tab_type03 {

  display: flex;

  width: 100%;

  margin-bottom: 30px;

  border-bottom: 1px solid #ddd;

}

.tab_type03 li {

  width: 120px;

  border-bottom: 1px solid transparent;

  font-family: "Malgun Gothic", sans-serif;

  font-weight: 700;

  text-align: center;

  color: #7c7c7c;

}

.tab_type03 li.on {

  border-color: #635bca;

  color: #635bca;

}

.tab_type03 li .btn {

  display: block;

  height: 100%;

  padding-bottom: 10px;

}



.tab_type04 {

  display: flex;

  width: 100%;

}

.tab_type04 li {

  flex: 1;

}

.tab_type04 li a {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  font-family: "Malgun Gothic", sans-serif;

  padding-bottom: 10px;

  border-bottom: 1px solid #dddddd;

  font-weight: bold;

  color: #7e86a8;

}

.tab_type04 li.on a {

  color: #635bca;

}

.tab_type04 li.on a::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: #635bca;

}



.tab_wrap {

  border-radius: 10px;

  box-shadow: 10px 15px 10px -10px rgba(176, 189, 205, 0.5);

}

.tab_wrap .tab_title {

  position: relative;

  height: 50px;

}

.tab_wrap .tab_title > a {

  transition: all 0.5s;

}

.tab_wrap .tab_title > a.on {

  width: 550px;

  z-index: 1;

}

.tab_wrap .tab_title > a.on > span {

  background: #fff;

  color: #6c6ce5;

}

.tab_wrap .tab_title .tab01 {

  position: absolute;

  top: 0;

  left: 0;

  float: left;

  width: 175px;

  height: 50px;

  font-size: 0;

}

.tab_wrap .tab_title .tab01::after {

  content: "";

  display: inline-block;

  width: 38px;

  height: 50px;

  margin-left: -1px;

  background: url("/resources/image/design/matching/img_listCorner.png") 0 -101px

    no-repeat;

  vertical-align: middle;

}

.tab_wrap .tab_title .tab01.on::after {

  background-position-y: 0;

}

.tab_wrap .tab_title .tab01 > span {

  display: inline-block;

  width: calc(100% - 38px);

  height: 50px;

  padding-left: 10px;

  background: #d7dbe3;

  border-radius: 10px 0 0 0;

  line-height: 50px;

  font-size: 14px;

  font-weight: bold;

  color: #a9afbd;

  text-align: center;

  vertical-align: middle;

  box-sizing: border-box;

}

.tab_wrap .tab_title .tab02 {

  position: absolute;

  top: 0;

  right: -1px;

  float: right;

  width: 175px;

  height: 50px;

  font-size: 0;

}

.tab_wrap .tab_title .tab02::before {

  content: "";

  display: inline-block;

  width: 43px;

  height: 50px;

  margin-right: -1px;

  background: url("/resources/image/design/matching/img_listCorner.png") -37px -101px

    no-repeat;

  vertical-align: middle;

}

.tab_wrap .tab_title .tab02 > span {

  display: inline-block;

  width: calc(100% - 43px);

  height: 50px;

  padding-right: 10px;

  background: #d7dbe3;

  border-radius: 0 10px 0 0;

  line-height: 50px;

  font-size: 14px;

  font-weight: bold;

  color: #a9afbd;

  text-align: center;

  vertical-align: middle;

  box-sizing: border-box;

}

.tab_wrap .tab_title .tab02.on::before {

  background-position-y: 0;

}

.tab_wrap .tab_content {

  height: 156px;

  background: #fff;

  border-radius: 0 0 10px 10px;

}



/* 헤더 바 영역 20180809 (서재진) */

div.header_bar {

  position: relative;

  width: 100%;

  min-width: 1000px;

  height: 50px;

  overflow: hidden;

}

div.header_bar div.bar_wrap {

  position: relative;

  width: 1000px;

  height: 100%;

  margin: 0 auto;

}

div.header_bar div.bar_wrap.buy {

  background: url("/resources/image/design/item/img_header_buy.gif") 0 0

    no-repeat;

}

div.header_bar div.bar_wrap.sell {

  background: url("/resources/image/design/item/img_header_sell.gif") 0 0

    no-repeat;

}

div.header_bar div.bar_wrap::before {

  content: "";

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  width: 100%;

  height: 100%;

  background: #45b0c0;

}

div.header_bar div.bar_wrap::after {

  content: "";

  position: absolute;

  top: 0;

  left: 100%;

  display: block;

  width: 100%;

  height: 100%;

  background: #5747b9;

}

div.header_bar div.bar_wrap.buy::before {

  background: #ff9b4d;

}

div.header_bar div.bar_wrap.buy::after {

  background: #544aba;

}

div.header_bar div.bar_wrap.sell::before {

  background: #4594c0;

}

div.header_bar div.bar_wrap.sell::after {

  background: #544dbc;

}

div.header_bar div.server {

  float: left;

  margin-left: 20px;

}

div.header_bar div.server h2 {

  line-height: 50px;

  font-family: notoKR;

  font-size: 18px;

  font-weight: normal;

  color: #fff;

}

div.header_bar div.page_tit {

  float: right;

  margin-right: 20px;

}

div.header_bar div.page_tit h2 {

  line-height: 50px;

  font-family: notoKR;

  font-size: 14px;

  font-weight: normal;

  color: #fff;

}



/* goods_banner */

.goods_banner {

  position: relative;

  width: 100%;

  height: 260px;

  margin-top: 30px;

  background: #000;

  overflow: hidden;

}

.goods_banner ul li div {

  display: block;

  height: 150px;

  background-position: center;

}

.goods_banner ul li div a {

  display: block;

  height: 100%;

  overflow: hidden;

}

.goods_banner ul li div a img {

  width: 100%;

  height: 100%;

}

.goods_banner .goods_indg {

  position: absolute;

  bottom: 10px;

  right: 20px;

  width: 78px;

  height: 29px;

  z-index: 10;

}

.goods_banner .goods_indg > .box {

  height: 100%;

  font-size: 0;

}

.goods_banner .goods_indg > .box a {

  display: inline-block;

  width: 26px;

  height: 100%;

  background: url("/resources/image/design/item/ico_banner_btn.png") no-repeat;

  vertical-align: top;

  text-indent: -9999px;

}

.goods_banner .goods_indg > .box .btn_prev {

  background-position: 0 bottom;

}

.goods_banner .goods_indg > .box .btn_prev:hover {

  background-position: 0 top;

}

.goods_banner .goods_indg > .box .btn_next {

  background-position: -26px bottom;

}

.goods_banner .goods_indg > .box .btn_next:hover {

  background-position: -26px top;

}

.goods_banner .goods_indg > .box .btn_start {

  display: inline-block;

  background-position: -52px bottom;

}

.goods_banner .goods_indg > .box .btn_start:hover {

  background-position: -52px top;

}

.goods_banner .goods_indg > .box .btn_stop {

  background-position: -78px bottom;

}

.goods_banner .goods_indg > .box .btn_stop:hover {

  background-position: -78px top;

}



/* ---- 2021 ----- */

.box_notice {

  text-align: left !important;

}

.box_notice .title {

  font-size: 15px;

  color: #333b58;

  font-weight: normal;

}

.box_notice .title + .list_notice {

  margin-top: 8px;

}

.box_notice .list_notice > li {

  position: relative;

  padding-left: 9px;

  font-size: 12px;

  color: #666;

  line-height: 1.5;

}

.box_notice .list_notice > li:before {

  position: absolute;

  top: 8px;

  left: 0;

  width: 3px;

  height: 3px;

  background-color: #cecece;

  content: "";

}



/* 설문조사 플로팅 */

.btn_open_survey { position: fixed; bottom: 196px; right: 163px; padding: 0; width: 70px; height: 70px; border-radius: 50%; border:0; transition: all ease .14s; cursor: pointer; overflow: visible; z-index: 700;}

.btn_open_survey:before { position: relative; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url(/resources/image/common/ico_survey_70x70.png?250908) no-repeat; content: '';}

.btn_open_survey.on{ right: 20px;}



/* 챗봇 플로팅 */

.btn_open_bot { position: fixed; bottom: 20px; right: 163px; padding: 0; width: 70px; height: 70px; border-radius: 50%; border:0; transition: all ease .14s; cursor: pointer; overflow: visible; z-index: 700;}

.btn_open_bot:before { position: relative; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url(/resources/image/common/ico_bot_70x70.png?250908) no-repeat; content: '';}

.btn_open_bot.on{ right: 20px;}

/* pc베이톡 알림 버튼 */



.btn_open_bayTalk { position: fixed; bottom: 108px; right: 163px; padding: 0; width: 70px; height: 70px; border-radius: 50%; border:0; transition: all ease .14s; background: #635bca; cursor: pointer; overflow: visible; z-index: 700;}

.btn_open_bayTalk:before { position: relative; display: inline-block; width: 70px; height: 70px; vertical-align: top; background: url(/resources/image/common/ico_baytalk_70x70.png?250908) no-repeat; content: '';}

.btn_open_bayTalk.on{ right: 20px;}



.btn_open_bayTalk .dot {

  animation: FadeIn infinite forwards ease-in-out;

  animation-duration: 1.5s;

  position: absolute;

  width: 3px;

  height: 3px;

  border-radius: 50%;

  background-color: #6b54cb;

  top: 50%;

  right: 50%;

  z-index: 10;

  top: 50%;

  right: 50%;

  z-index: 10;

  margin: -4px -2px 0 0;

}

.btn_open_bayTalk .dot2 {

  margin-right: 5px;

  animation-delay: 0.1s;

}

.btn_open_bayTalk .dot1 {

  animation-delay: 0.4s;

}

.btn_open_bayTalk .dot3 {

  margin-right: -9px;

  animation-delay: 0.7s;

}

.alarm_talk_new {

  position: absolute;

  top: -2px;

  right: -2px;

  background-color: #fa2f64;

  width: 21px;

  height: 21px;

  line-height: 21px;

  border-radius: 50%;

  color: #fff;

  font-size: 14px;

  font-weight: bold;

  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);

}



@keyframes FadeIn {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



.box_form_check + .box_form_check {

  margin-top: 10px;

}



.box_form_check .txt_check {

  position: relative;

  padding-left: 20px;

  color: #555;

  cursor: pointer;

}



.box_form_check .box_form_detail {

  opacity: 0;

  height: 1px;

  margin: -1px 0 0;

  overflow: hidden;

}



.box_form_check .txt_check > i {

  position: absolute;

  left: 0;

  top: 1px;

  width: 12px;

  height: 12px;

  border: 1px solid #6f748c;

  background-color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}



.box_form_check input:checked + .txt_check i {

  background-color: #6f748c;

  background-image: url(/resources/image/itemList/img_check2.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 10px auto;

}



.box_form_check input:checked ~ .box_form_detail {

  opacity: 1;

  height: auto;

  margin: 10px 0 20px;

  overflow: visible;

}



.box_form_file > li {

  display: flex;

  align-items: center;

}

.box_form_file > li + li {

  margin-top: 10px;

}

.box_form_file .btn_form {

  padding: 4px 6px;

  background-color: #fff;

  border: 1px solid #b7b9c5;

  color: #616781;

  border-radius: 3px;

  font-weight: bold;

  cursor: pointer;

  font-size: 12px;

  position: relative;

}

.box_form_file .btn_form span {

  position: relative;

}

.box_form_file .btn_form.plus:before,

.box_form_file .btn_form.plus:after {

  display: inline-block;

  vertical-align: middle;

  width: 7px;

  height: 1px;

  content: "";

  background-color: #616781;

}

.box_form_file .btn_form.plus:before {

  margin-top: -2px;

  position: relative;

}

.box_form_file .btn_form.plus:after {

  position: absolute;

  left: 2px;

  top: 50%;

  margin-top: 2.5px;

  transform: rotate(90deg);

  transform-origin: right bottom;

}

/* 2줄 말줄임 (textEllipsis.js) */

.ellip {

  display: block;

  height: 100%;

}

.ellip-line {

  display: block;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-wrap: normal;

}

.ellip,

.ellip-line {

  position: relative;

  overflow: hidden;

  max-width: 100%;

}





/* 프로필 기본이미지 배경색 */

.profile-bg01 {

  background-color: #FFDF00;

}

.profile-bg02 {

  background-color: #CEF0F2;

}

.profile-bg03 {

  background-color: #FA7F60;

}

.profile-bg04 {

  background-color: #8EBD31;

}

.profile-bg05 {

  background-color: #49A366;

}

.profile-bg06 {

  background-color: #F09896;

}

.profile-bg07 {

  background-color: #FFF18E;

}

.profile-bg08 {

  background-color: #DEDAF5;

}

.profile-bg09 {

  background-color: #4569A3;

}

.profile-bg10 {

  background-color: #745FAA;

}

.profile-bg11 {

  background-color: #8BCAC2;

}

.profile-bg12 {

  background-color: #80CE90;

}

.profile-bg13 {

  background-color: #AD9DDC;

}

.profile-bg14 {

  background-color: #E3D0EE;

}

.profile-bg15 {

  background-color: #9259B8;

}

.profile-bg16 {

  background-color: #80B8DB;

}

.profile-bg17 {

  background-color: #88A4D4;

}

.profile-bg18 {

  background-color: #E581B7;

}

.profile-bg19 {

  background-color: #B884CC;

}

.profile-bg20 {

  background-color: #EF9E8B;

}

/*26.02.13 input bg*/

input:hover {

  background-color: #fff;

}

input:active {

  background-color: #fff;

}

input:focus {

  background-color: #fff;

}

textarea:hover {

  background-color: #fff;

}

textarea:active {

  background-color: #fff;

}

textarea:focus {

  background-color: #fff;

}

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 30px #fff inset;

  -webkit-text-fill-color: #1A1B1F;

}

/*26.04.14 팝업 버튼 스타일 변경*/

.layerBox_ty02 .btn_2type02,

.layerBox_ty03 .btn_2type02 {

  float: left;

  width: 48%;

  height: 50%;

  text-align: center;

  font: normal 16px / 50px Pretendard;

  border-radius: 12px;

  border: 1px solid #D1D1D2;

  background: #FFF;

  color: #707070;

  box-sizing: border-box;

}

.layerBox_ty02 .btn_2type01,

.layerBox_ty03 .btn_2type01 {

  float: left;

  width: 48%;

  height: 50%;

  text-align: center;

  font: normal 16px / 50px Pretendard;

  border-radius: 12px;

  border: 1px solid #1A1B1F;

  background: #1A1B1F;

  color: #FFF;

  box-sizing: border-box;

}

.layerBox_ty02 *,

.layerBox_ty03 *,

.layerBox_ty02 select, .layerBox_ty02 input, .layerBox_ty02 textarea,

.layerBox_ty03 select, .layerBox_ty03 input, .layerBox_ty03 textarea{

  font-family: 'Pretendard';

}

.layerBox_ty02 .tit .close,

.layerBox_ty03 .tit .close{

  position:absolute;

  top:-4px; right:0;

  width:21px !important; height:21px !important;

  background:url('/resources/image/design/popup/bay_btn_close.svg') center no-repeat !important;

}

.layerBox_ty02 .con,

.layerBox_ty03 .con,

.contract_pop .layerBox_ty02 .con > table,

.contract_pop .layerBox_ty02 .con .contract_wrap p,

.contract_pop .layerBox_ty02 .con .contract_wrap h3,

.layerBox_ty02 .tit h3,

.contract_pop .layerBox_ty03 .con > table,

.contract_pop .layerBox_ty03 .con .contract_wrap p,

.contract_pop .layerBox_ty03 .con .contract_wrap h3,

.layerBox_ty03 .tit h3{

  color:#1a1b1f !important;

}

/*26.04.14 팝업 버튼 스타일 변경  END*/
#popupBox img{vertical-align:top;margin-bottom:0}#popupBox div.close{background-color:#4f4f4f;padding:5px 10px 0 10px;height:25px}#popupBox div.close .right{float:right}#popupBox div.close img{vertical-align:middle;margin-bottom:2px}#blue_box2{position:relative;border:2px solid #0b4ca0;background:url(/resources/image/design/popup/bg_bluebox.gif) repeat-x left top;margin:0;padding:29px 15px 10px 15px}#blue_box2 div.btn_close{position:absolute;top:17px;right:17px}#blue_box2 h2{height:27px;position:relative;border-bottom:1px solid #ddd;margin-bottom:15px}#blue_box2 h6{margin-bottom:7px}#blue_box2 div.popwrap{padding:0 10px}#redBox{position:relative}#redBox h2{height:40px;padding-left:20px;margin-bottom:20px;font:bold 16px/40px nanumG;color:#fff;background-color:#d60500}#redBox h2 img{margin-top:10px}#redBox div.btn_close{height:33px;position:absolute;top:13px;right:10px}#redBox h6{margin-bottom:7px}#redBox div.popwrap{padding:0 20px}#redBox .popTitle{padding:20px 0;margin-bottom:30px;border-bottom:2px solid #d5d7dd;text-align:center;font-family:notoKR;font-size:20px;font-weight:400;color:#333}div.findbox01{margin-bottom:10px}div.findbox01 ul li{float:left}div.findbox01 ul li.sel{padding-top:1px}div.findbox01 ul li.btn{padding:0 20px 0 4px}div.findbox01 ul li.dot{padding:3px 20px 0 8px;background:url(/resources/image/design/popup/bull_01.gif) no-repeat left 7px}div.findbox01 ul li.dot span{font-weight:700}div.premium_01 dt{height:27px}div.premium_01 dd.txt01{padding:0 0 25px 15px;line-height:22px}div.findid_01{margin-top:25px;border-top:1px solid #d1d1d1;padding-top:15px}div.findid_01 p.txt01{position:relative;padding:3px 0 7px 0}div.findid_01 p.txt01 .btn{position:absolute;top:0;right:0}div.findid_02{text-align:center;padding:30px 0 25px 0}div.findpw_01{background-color:#efefef;padding:10px 15px;font-size:11px;margin-bottom:10px}div.findpw_01 ol li{color:#383d41}div.findpw_01 ol li span{color:#ff8400}div.findpw_02{margin-top:25px;border-top:1px solid #d1d1d1;padding-top:15px}div.findpw_02 p.bull01{color:#383d41;font-size:11px;padding:3px 20px 2px 8px;background:url(/resources/image/design/popup/bull_01.gif) no-repeat left 6px}div.findpw_02 p.btn{margin-top:5px}div.findpw_02 p.btn img{vertical-align:top;margin-bottom:0}div.findpw_02 div.info{background-color:#efefef;padding:15px;color:#383d41;font-size:11px;line-height:17px}div.findpw_02 div.info span{color:#ff8400}div.findpw_03{color:#383d41;font-size:11px;line-height:17px;padding:0 20px 8px 17px;background:url(/resources/image/design/popup/bull_02.gif) no-repeat left top}div.findpw_03 span{color:#ff8400}#printCash{width:338px;background-color:#f5f5f5;padding:10px 10px 20px 10px;position:relative}#printCash div.info{width:338px;position:absolute;top:10px;left:10px;padding-top:60px}#printCash table.info{width:300px;margin:0 auto;table-layout:fixed}#printCash table.info td{color:#000;line-height:18px;text-align:left;vertical-align:top}#printCash table.info td.r1{height:20px;padding:32px 0 0 1px}#printCash table.info td.r2{height:20px;padding:27px 0 0 1px}#printCash table.info td.r3{height:20px;padding:22px 0 0 1px}#printCash table.info td.r4{height:20px;padding:22px 0 0 1px}#printCash table.info td.r5{height:20px;padding:52px 0 0 1px}#printCash table.info td.r6{height:20px;padding:28px 0 0 1px}#printCash table.info td.r7{padding:23px 0 0 14px}#printCash table.info td.r7 table.info_right{width:135px;table-layout:fixed}#printCash table.info td.r7 table.info_righ td{width:15px}#printCash table.info tr.r8 td{height:29px;color:#151515;text-align:center;padding:0}#printCash table.info tr.r9 td{height:29px;color:#d50002;text-align:center;padding:0}#printCash table.info td.r10{height:20px;padding:3px 0 0 0}#printCash table.info td.r11{height:20px;padding:6px 15px 0 0;text-align:right}#printCash div.btn{text-align:center;padding:10px}#printCash div.email{width:320px;margin:0 auto;background-color:#fff;padding:8px 0 5px 10px;color:#686868;font-size:11px}#printCash .texton{margin-bottom:2px;font-size:11px}div.service_01{font-size:14px;font-weight:700;border:1px solid #d1d1d1;background-color:#f5f5f5;padding:9px 15px 5px 15px;margin-bottom:15px}div.campaign_01{border:1px solid #d1d1d1;margin-bottom:20px}div.campaign_01 dt{width:100px;height:25px;font-weight:700;float:left;text-align:center;padding:11px 0 0 0;background-color:#f5f5f5}div.campaign_01 dd{height:28px;float:left;padding:8px 0 0 10px}div.campaign_01 dd select{font-size:11px}div.campaign_02{background-color:#f5f5f5;border:1px solid #d1d1d1;margin-bottom:15px;padding:5px}div.campaign_02 textarea{padding:8px 5px 5px 10px;line-height:20px}div.plist_tab01{margin-bottom:15px}table.plist_tab01{width:100%;table-layout:fixed}table.plist_tab01 th{background-color:#d9eafc;border-left:1px solid #b2c6df;vertical-align:top;padding:7px 0 6px 0}table.plist_tab01 td{border-left:1px solid #b2c6df;border-bottom:1px solid #b2c6df;text-align:center;padding:9px 0 5px 0;color:#373c3f;font-size:11px;line-height:15px}table.plist_tab01 .fst{border-left:0}table.plist_tab01 td.price01{padding:9px 10px 5px 0;text-align:right}table.plist_tab01 td.left{padding:9px 0 5px 10px;text-align:left}table.plist_tab01 td.no_data{padding:13px 0 10px 0;border-left:0}div.pop_tab01{background:url(/resources/image/design/pay/tab_bg.gif) repeat-x left top;padding-bottom:25px}div.pop_tab01:after{content:"";display:block;clear:both}div.pop_tab01 ul.clear_aft{width:100%;height:30px}div.pop_tab01 ul.clear_aft li{float:left;padding-right:2px}div.pop_tab01 ul.sub{clear:both;width:100%;height:32px;background:url(/resources/image/design/pay/line_01.gif) repeat-x left bottom;padding-top:16px}div.pop_tab01 ul.sub li{float:left;background:url(/resources/image/design/pay/dot_02.gif) no-repeat left top;padding:0 11px}div.pop_tab01 ul.sub li.fst{background-image:none;padding-left:0}div.pop_tab02{height:46px;background:url(/resources/image/design/popup/bg_tab_02.gif) repeat-x left top}div.pop_tab02:after{content:"";display:block;clear:both}div.pop_tab02 ul{width:100%;height:46px}div.pop_tab02 ul li{float:left;padding-right:2px}div.pop_notice01{border:1px solid #efedd0;background-color:#fffef7}div.pop_notice01 ol{padding:10px 10px 8px 10px}div.pop_notice01 ol li{color:#7d7d7d;font-size:11px;line-height:14px;padding:0 0 0 7px;background:url(/resources/image/design/pay/dot_01.gif) no-repeat left 5px}div.pop_notice01 p.txt01{padding:10px 10px 8px 10px;color:#7d7d7d;font-size:11px;line-height:14px}div.pop_notice02{margin-bottom:5px}div.pop_notice02 ol.bull01 li{color:#555;padding:0 0 5px 8px;background:url(/resources/image/design/popup/bull_01.gif) no-repeat left 4px}div.pop_notice02 ol.bull02 li{color:#888;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_03.gif) no-repeat left 6px;font-size:11px}div.pop_notice02 ol.bull02 li.img{color:#888;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_03.gif) no-repeat left 9px;font-size:11px}div.pop_notice02 ol.bull03 li{color:#555;line-height:18px;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_04.gif) no-repeat left 5px;font-size:11px}div.pop_notice02 ol.bull03 li.none{padding:0 0 2px 0;background:0 0}div.pop_notice02 ol.bull03 li.img{color:#555;line-height:18px;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_04.gif) no-repeat left 9px;font-size:11px}div.pop_notice03{background:#fafafa url(/resources/image/design/service/notice_01.gif) no-repeat 30px 50%;padding:15px 35px 15px 130px;margin-top:20px;margin-bottom:10px}div.pop_notice03 ol li{background:url(/resources/image/design/service/bull_01.gif) no-repeat left 6px;padding:0 0 0 12px;color:#939393;font-size:11px;line-height:18px}div.pop_notice03 ol li.none{background-image:none;padding:0 0 2px 5px}div.pop_notice04{border:1px solid #d1d1d1;background-color:#f5f5f5;margin-bottom:15px}div.pop_notice04 ol{padding:10px 10px 8px 10px}div.pop_notice04 ol li{color:#7d7d7d;font-size:11px;padding:0 0 0 7px;background:url(/resources/image/design/pay/dot_01.gif) no-repeat left 4px}div.pop_notice04 p.txt01{padding:10px 20px 8px 10px;color:#7d7d7d;font-size:11px}div.pop_table01{border-top:1px solid #e5e5e5;margin-bottom:15px}table.pop_table01{width:100%;table-layout:fixed}table.pop_table01 th{padding:8px 0 6px 15px;font-weight:400;text-align:left;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#f9f9f9}table.pop_table01 td{padding:8px 0 6px 15px;text-align:left;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}table.pop_table01 .fst{border-left:0}table.pop_table01 tr.center td,table.pop_table01 tr.center th{text-align:center;padding-left:0}table.pop_table01 tr.center th{text-align:center;padding:8px 0 7px 0}table.pop_table01 tr.center td{text-align:center;padding:9px 0 6px 0}table.pop_table01 td.img{padding:6px 0 5px 15px}table.pop_table01 td.check{padding:6px 0 3px 11px}table.pop_table01 td.text{padding:6px 0 5px 15px}table.pop_table01 td.right,table.pop_table01 tr.center td.right{text-align:right;padding:6px 15px 5px 0}table.pop_table01 tr.center td.right div{margin-bottom:2px}table.pop_table01 tr.center td.right div:nth-child(1){margin-bottom:7px}table.pop_table01 tr.center td.right div:nth-child(3){font-size:11px}table.pop_table01 td input.check{vertical-align:middle;margin:0 0 3px 0}table.pop_table01 td input.check2{vertical-align:middle;margin:0 0 3px 10px}table.pop_table01 td.total{border-left:0;text-align:right;padding:11px 15px 7px 0;border-bottom:2px solid #e7e7e7;font-weight:700}table.pop_table01 .small{color:#888;font-size:11px}table.pop_table01 .small select{color:#888;font-size:11px}table.pop_table01 ul.time:after{content:"";display:block;clear:both}table.pop_table01 ul.time li.r1{width:220px;float:left;font-size:11px;background:url(/resources/image/design/item/bull_07.gif) no-repeat left 5px;padding:0 0 0 7px}table.pop_table01 ul.time li.r2{width:110px;float:left;font-size:11px}table.pop_table01 ul.time li.r3{width:250px;float:left;font-size:11px;background:url(/resources/image/design/item/bull_07.gif) no-repeat left 7px;padding:2px 0 0 7px}div.pop_table02{border-top:1px solid #c8c8c8;margin-bottom:15px}table.pop_table02{width:100%;table-layout:fixed}table.pop_table02 th{border-bottom:1px solid #e5e5e5;background-color:#fbfbfb;padding:9px 0 6px 0}table.pop_table02 td{text-align:center;border-bottom:1px solid #e5e5e5;padding:9px 0 5px 0}table.pop_table02 td.left{text-align:left;padding:9px 0 5px 10px}table.pop_table02 td.right{text-align:right;padding:9px 10px 5px 0}table.pop_table02 tr.line td,table.pop_table02 tr.line th{border-left:1px solid #e5e5e5}table.pop_table02 span.up{color:#f31e1e;font-size:11px;font-weight:700}table.pop_table02 span.down{color:#245fb3;font-size:11px;font-weight:700}table.pop_table02 tr.line .fst{border-left:0}table.pop_table02 a.word{float:left;width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.col01{color:#f37200}.col03{color:#245fb3;font-size:12px;font-weight:700}.col04{color:#f65d00;font-size:12px;font-weight:700}.col05{color:#888}.col06{color:#245fb3}.col07{color:#f65d00}.col08{color:#2d9204;font-size:11px}.col09{padding:0 0 0 7px;background:url(/resources/image/design/item/bull_07.gif) no-repeat left 3px}.col10{color:#888;font-size:11px}.col11{color:#f65d00;font-size:11px}.col12{color:#245fb3;font-size:11px}.col13{padding:0 0 0 7px;background:url(/resources/image/design/popup/bull_01.gif) no-repeat left 3px}.col15{color:#f31e1e;font-size:11px;letter-spacing:-1px}.col16{color:#4b4b4b;font-size:11px}.col17{font-size:18px;font-weight:700;width:100%;text-align:center;padding-bottom:20px;padding-top:10px}.col18{font-size:14px;font-weight:700;width:100%;text-align:center;padding-top:30px;padding-bottom:10px;padding-top:10px}.col19{font-size:18px;font-weight:700;width:100%;text-align:center;padding-bottom:40px;padding-top:10px}.col20{font-size:18px;font-weight:700;width:100%;color:#036fba}.col21{color:#666;font-size:12px}#mileage2{width:600px;height:485px}#mileage2.auto{width:auto;height:auto}.col03{color:#245fb3;font-size:12px;font-weight:700}.col04{color:#f65d00;font-size:12px;font-weight:700}.col05{color:#888}.col06{color:#245fb3}.col07{color:#bc2d01}.col08{color:#2d9204;font-size:11px}.col09{padding:0 0 0 7px;background:url(/Image/design/item/bull_07.gif) no-repeat left 3px}.col10{color:#888;font-size:11px}.col11{color:#f65d00;font-size:11px}.col12{color:#245fb3;font-size:11px}.col13{padding:0 0 0 7px;background:url(/Image/design/popup/bull_01.gif) no-repeat left 3px}.col15{color:#f31e1e;font-size:11px;letter-spacing:-1px}.col16{color:#4b4b4b;font-size:11px}.col17{font-size:18px;font-weight:700;width:100%;text-align:center;padding-bottom:20px;padding-top:10px}.col18{font-size:14px;font-weight:700;width:100%;text-align:center;padding-top:30px;padding-bottom:10px;padding-top:10px}.col19{font-size:18px;font-weight:700;width:100%;text-align:center;padding-bottom:40px;padding-top:10px}.col20{font-size:18px;font-weight:700;width:100%;color:#036fba}.col21{color:#666;font-size:12px}.col22{color:#f31e1e}.col23{color:#ab650b}#mileage2 h1.pop_tit{height:26px;position:relative;padding:11px 0 0 10px;background-color:#437ac6;background-image:none;font-family:notoKR;font-size:16px;font-weight:400;color:#fff;letter-spacing:-1px}#mileage2 h1.pop_tit .closeBtn{position:absolute;top:10px;right:15px}#mileage2 div.cont{width:580px;padding:15px 10px 0 10px}#mileage2 div.cont_box{width:520px;margin:0 auto}#mileage2 h5{color:#000;font-size:16px;font-weight:700;text-decoration:underline;margin-bottom:22px;line-height:normal}#mileage2 h6{color:#535353;background:url(/resources/image/design/pay/bullet01.gif) no-repeat left -346px;padding:0 0 6px 9px}#mileage2 h6 .small{font-size:12px;font-weight:400}#mileage2 .cont_box .txt01{padding:0 0 30px 10px;letter-spacing:5px}div.message_01{width:610px;margin-bottom:3px}div.message_01 dl dt{width:60px;height:20px;float:left}div.message_01 dl dd{width:550px;height:20px;float:left}div.message_01 dl dd.r2{color:#000;font-weight:700}div.message_02{height:250px;overflow:auto;padding:10px 10px;background-color:#fff;border:1px solid #ccc;margin-bottom:8px;color:#888;line-height:18px}div.message_03{color:#888;text-align:center}div.ibset_01{width:406px;margin:0 auto 22px auto}div.ibset_01 li{width:91px;float:left;text-align:center;margin-left:14px;position:relative}div.ibset_01 li.fst{margin-left:0}div.ibset_01 li p{width:91px;position:absolute;top:77px;left:0;text-align:center}div.ibset_01n{border:1px solid #e5e5e5;background-color:#f9f9f9;padding:14px 14px 10px 14px;margin-bottom:20px}div.ibset_01n li{float:left;text-align:center;margin-left:14px}div.ibset_01n li.fst{margin-left:0}div.ibset_01n li p.txt{width:111px;text-align:center;border:2px solid #cacaca;background-color:#fff;color:#888;font-size:11px;line-height:18px;letter-spacing:-1px;padding:8px 0}div.ibset_01n li p.btn{margin-top:10px}div.ibset_01n li p.tit{width:234px;border:2px solid #cacaca;background-color:#fff;color:#f31e1e;font-weight:700;line-height:18px;letter-spacing:-1px;padding:10px 0 7px 0}div.ibset_01n li p.tit img{vertical-align:middle;margin-bottom:3px}div.ibset_02{width:518px;margin:0 auto 22px auto}div.ibset_02 li{width:168px;float:left;text-align:center;margin-left:7px;position:relative}div.ibset_02 li.fst{margin-left:0}div.ibset_02 li p{width:168px;position:absolute;bottom:10px;left:0;text-align:center}div.ibset_02n{width:520px;margin:0 auto 22px auto}div.ibset_02n li{width:253px;float:left;text-align:center;margin-left:10px;border:1px solid #e5e5e5;line-height:18px;padding:10px 0 0 0}div.ibset_02n li.fst{margin-left:0}div.ibset_02n li p.tit{color:#f31e1e;font-weight:700}div.ibset_02n li p.txt{color:#888;padding-bottom:10px}div.ibset_02n li p.dot{color:#888;font-size:11px;background-color:#f9f9f9;text-align:left;padding:10px 15px}div.ibset_02n li p.btn{margin:10px 0}div.ibset_03{width:520px;margin-bottom:15px}div.ibset_03:after{content:"";display:block;clear:both}div.ibset_03 div.left{width:330px;height:30px;float:left;background:url(/resources/image/design/popup/ibset_19.gif) left top no-repeat;text-align:center;padding:11px 0 0 0}div.ibset_03 div.right{width:185px;height:30px;float:right;background:url(/resources/image/design/popup/ibset_20.gif) left top no-repeat;text-align:center;padding:11px 0 0 0}div.ibset_03 div.left strong{color:#f65d00}div.ibset_03 div.right strong{color:#245fb3}div.ibset_03n{width:520px;height:30px;background:url(/resources/image/design/popup/ibset_34.gif) left top no-repeat;text-align:center;font-weight:700;padding-top:12px;margin-bottom:14px}div.ibset_03n input.check2{margin-left:30px}div.ibset_04{text-align:left;font-size:11px;margin-top:5px}div.ibset_05n{width:520px;margin:0 auto 22px auto}div.ibset_05n li{width:168px;float:left;text-align:center;border:1px solid #e5e5e5;line-height:18px;padding:10px 0 0 0}div.ibset_05n li.fst{margin-left:0;margin-right:5px}div.ibset_05n li p.tit{color:#f31e1e;font-weight:700}div.ibset_05n li p.txt{color:#888;padding-bottom:10px}div.ibset_05n li p.dot{color:#888;font-size:11px;background-color:#f9f9f9;text-align:left;padding:10px 3px 10px 7px;letter-spacing:-1px}div.ibset_05n li p.btn{margin:10px 0}div.ibset_06n{border:1px solid #e5e5e5;background-color:#f9f9f9;padding:14px 14px 10px 14px;margin-bottom:20px}div.ibset_06n li{float:left;text-align:center;margin-left:14px}div.ibset_06n li.fst{margin-left:0}div.ibset_06n li p.txt{width:111px;border:2px solid #cacaca;background-color:#fff;color:#888;font-size:11px;line-height:18px;letter-spacing:-1px;padding:8px 0}div.ibset_06n li p.btn{margin-top:10px}div.ibset_06n li p.tit{width:158px;border:2px solid #cacaca;background-color:#fff;color:#f31e1e;font-weight:700;line-height:18px;letter-spacing:-1px;padding:10px 0 7px 0}div.ibset_06n li p.tit img{vertical-align:middle;margin-bottom:3px}div.ibset_07n{border:1px solid #e5e5e5;background-color:#f9f9f9;padding:14px 14px 10px 14px;margin-bottom:20px}div.ibset_07n li{float:left;text-align:center;margin-left:14px}div.ibset_07n li.fst{margin-left:0}div.ibset_07n li p.txt{width:111px;border:2px solid #cacaca;background-color:#fff;color:#888;font-size:11px;line-height:18px;letter-spacing:-1px;padding:8px 0}div.ibset_07n li p.btn{margin-top:10px}div.ibset_07n li p.tit{width:142px;border:2px solid #cacaca;background-color:#fff;color:#f31e1e;font-weight:700;line-height:18px;letter-spacing:-1px;padding:10px 0 7px 0}div.ibset_07n li p.tit img{vertical-align:middle;margin-bottom:3px}div.safe_01{border-top:1px solid #d1d1d1;padding-top:13px;color:#245fb3;font-size:11px;line-height:18px}div.safe_01 .right{float:right;margin-top:-2px}div.address_01{background-color:#efefef;padding:10px;margin-bottom:10px}div.address_01 select{font-size:11px}div.password_01{border-top:1px solid #d1d1d1;font-size:11px;margin-top:15px;padding-top:15px}div.password_01 .right{float:right;margin-top:-5px}#redBox div.gray_box{position:relative;width:435px;margin:0 auto;padding-top:15px}#redBox div.con_01{position:relative;width:435px;margin:0 auto;margin-top:10px}#redBox div.con_01 ul li.r1{width:210px;height:260px;float:left;background:url(/resources/image/design/campaign/mileage_bg_02.gif) no-repeat left top}#redBox div.con_01 ul li.r2{width:210px;height:260px;float:right;background:url(/resources/image/design/campaign/mileage_bg_02.gif) no-repeat left top}#redBox div.con_01 .tit{height:43px;text-align:center;padding:10px 0 0 0}#redBox div.con_01 .txt{width:140px;height:78px;margin:0 auto;color:#333;line-height:16px}#redBox div.con_01 .btn{text-align:center}#redBox div.con_01 .col01{color:#f02131;font-weight:700}#redBox div.con_01 .col02{color:#888}#redBox div.con_01 .txt .btn_center{padding-top:5px}div.popwrap div.campaign_02 ul.info li{padding:7px 0 3px 2px;font-size:11px}div.popwrap div.campaign_02 ul.info li.line{padding:6px 0 6px 2px;border-bottom:#e4e4e4 solid 1px}div.popwrap div.campaign_02 ul.info li.line input.num{width:184px}div.mail_ans_tit{border-bottom:3px #4f4f4f solid;height:64px}div.mail_ans_tit ul li.s01{float:left;width:555px;padding-left:11px}div.mail_ans_con{width:560px}div.mail_ans_con p.mail_ans_img{margin:0;padding:0;padding-left:20px;padding-top:20px}div.mail_ans_con div.mail_ans_pr{width:480px;margin-left:20px;border:1px solid #e5e5e5;background-color:#f9f9f9;padding:20px;font:normal 12px/1.5 dotum "돋움";color:#666;letter-spacing:-1px}div.mail_ans_con div.mail_ans_pr ul{width:475;height:23px;padding-left:2px}div.mail_ans_con div.mail_ans_pr ul li{float:left}div.mail_ans_con div.mail_ans_pr ul li span{font-weight:700;color:#d86100;margin-left:5px;margin-right:28px;vertical-align:middle;font-size:12px}div.mail_ans_con div.mail_ans_btn{padding:27px;margin-bottom:25px;text-align:center}div.agree_box{padding:10px 5px 5px 5px;height:65px;background-color:#f9f9f9;border:1px solid #e5e5e5}div.agree_box h6{height:20px}div.agree_box div.agree{padding:15px 20px;height:30px;overflow:auto;border:1px solid #ccc;background-color:#fff;margin-bottom:5px;line-height:20px}div.nonmember_agree{color:#2f2f2f;text-align:right;padding-top:5px;margin-bottom:20px}.mychargingaccount_popup{position:relative}.mychargingaccount table{width:100%;border-collapse:collapse}.mychargingaccount table th{background:#d9e5fd;height:27px;font-weight:400;color:#383d41;border-top:1px solid #b2c6e0;border-right:1px solid #b2c6e0;border-bottom:1px solid #b2c6e0;border-left:1px solid #b2c6e0}.mychargingaccount table th.end{font-weight:400;height:27px;border:1px solid #b2c6e0;border-width:1px;color:#383d41;text-align:center}.mychargingaccount table td{height:27px;border:1px solid #b2c6e0}.mychargingaccount table td.bank{background:#fcf5e5;color:#696969;text-align:center}.mychargingaccount table td.no{background:#f0f5fe;color:#3f3f3f}.mychargingaccount table td.no strong{margin-left:12px}.btndetail2{right:135px;position:absolute;margin:-1px 0 0 0}.mychargingaccount table td.time{background:#f0f5fe;color:#383d41;text-align:center}.bank{width:104px}.time{width:111px}.cmtbox{width:100%;position:relative;float:left;padding-top:12px}ul.cmt{padding-left:15px;width:100%;background:#fff}ul.cmt li{background:url(/resources/image/mybay/pay/bullet01.gif) left -105px no-repeat;font-size:11px;text-indent:8px;line-height:15px;list-style:none;color:#848684}ul.cmt li.b1{color:#3971c6}.mychargingaccount_msg{width:454px;height:120px;border:2px solid #0b4ca0;background-color:#fff;position:absolute;z-index:900}.mychargingaccount_msg div.msg{margin:0 auto;position:relative}.mychargingaccount_msg div.msg p.text{color:#666;width:418px;padding:20px 20px 20px 20px;line-height:20px}.mychargingaccount_msg p.close{position:absolute;top:7px;right:7px}div.ib_sign{background:url(/resources/image/design/popup/sign.jpg) 235px center no-repeat}.paddingleft15{padding-left:15px}div.login_safe div.box{width:365px;margin:0 auto;padding:15px 0}div.login_safe div.box:after{content:"";display:block;clear:both}div.login_safe div.box div.form{width:365px;height:100px;float:left;border-top:1px solid #d6d3d3;border-bottom:1px solid #d6d3d3;background-color:#fafafa;position:relative;margin-bottom:15px}div.login_safe div.box div.form ul{height:70px;margin:25px 0 0 75px}div.login_safe div.box div.form ul li{height:25px}div.login_safe div.box div.btn{position:absolute;top:25px;left:215px}div.login_safe div.box div.join{border-top:1px solid #e5e5e5;font-size:11px;text-align:center;padding-top:15px}div.login_safe div.box div.join img{padding:0 4px 2px 10px}div.notice_safe{line-height:20px}div.ktBox{margin-bottom:15px}div.ktBox p img{margin-bottom:10px}div.ktLine{margin-bottom:10px;padding:5px;border-top:solid 1px #d1d1d1}div.ktLine_b{margin-top:10px;padding:5px;border-top:solid 1px #d1d1d1}div.pop_notice02 h6{margin-top:10px}.kt_blueBox{font-size:11px;letter-spacing:-.05em}.padding10{padding:10px}div.blue_box_kt{position:relative;border:2px solid #0b4ca0;background:url(/resources/image/design/popup/bg_bluebox.gif) repeat-x left top;background-color:#fff;margin:0;padding:15px 15px 15px 15px}div.blue_box_kt .btn_close_blue{height:35px;position:absolute;top:0;right:0;padding:15px 15px 0 0}div.blue_box_kt h3{height:27px;position:relative;border-bottom:1px solid #ddd;margin-bottom:15px}div.blue_box_kt h6{margin-bottom:7px}div.blue_box_kt .popwrap{padding:0 10px}div.blue_box_kt .btn_kt{position:absolute;top:140;left:15;padding:0 15px 15px 0}div.blue_box_kt span.txt_right{position:relative;padding-left:30px}div.book_02{text-align:right;color:#727272;font-size:11px;margin-bottom:20px}div.book_03 ol li{color:#878787;font-size:11px;background:url(/resources/image/design/pay/bull_02.gif) no-repeat left 5px;padding-left:8px}div.book_03 ol li .col01{color:#3c71c5}.padding_b20{padding-bottom:20px}.mycmtbox{width:100%;position:relative;float:left;padding-top:5px;background-color:#f1f5fe}#pop .mycontbox{width:458px;padding:20px 14px 10px 14px;position:relative}div.pop_notice01 ol.mli li{padding-bottom:3px}div.pop_notice01 ol li.none{color:#7d7d7d;font-size:11px;line-height:14px;padding:0 0 0 7px;background-image:none}div.cont_box ol.mli li{padding-bottom:3px;font-size:11px}div.contbox div.txt02 p a.bayl{font-weight:700;text-decoration:underline;color:#f0664f}div.contbox div.txt02 p a.bay2{text-decoration:underline;color:#f0664f;font-size:11px}#redBox div.gray_box_06{position:relative;width:445px;margin:0 auto;padding-top:5px}#redBox div.con_02{position:relative;width:445px;margin:0 auto;margin-top:15px}#redBox div.con_02 ul li.r1{width:210px;height:145px;float:left;border:1px solid #d7d7d7}#redBox div.con_02 ul li.r2{width:210px;height:145px;float:right;border:1px solid #d7d7d7}#redBox div.con_02 ul li.r3{width:210px;height:145px;float:left;border:1px solid #d7d7d7;margin-top:20px}#redBox div.con_02 ul li.r4{width:210px;height:145px;float:right;border:1px solid #d7d7d7;margin-top:20px}#redBox div.con_02 .tit{height:43px;text-align:center;padding:10px 0 0 0}#redBox div.con_02 .txt{width:170px;height:53px;margin:0 auto;color:#333;line-height:16px}#redBox div.con_02 .btn{text-align:center}#redBox div.con_02 .col01{color:#f02131;font-weight:700}#redBox div.con_02 .col02{color:#888}#redBox div.con_02 .txt .btn_center{padding-top:10px}#redBox div.con_02 div.btn_center{padding-top:7px}div.pop_notice06{margin:20px 0 5px 0;background:#fafafa;height:40px;padding:5px 0 0 10px}div.nomcont{font-size:12px}div.pop_notice06{font-size:12px}div.pop_notice06 ol.bull01 li{color:#555;padding:0 0 5px 8px;background:url(/resources/image/design/popup/bull_01.gif) no-repeat left 4px}div.pop_notice06 ol.bull02 li{color:#888;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_03.gif) no-repeat left 5px;font-size:11px}div.pop_notice06 ol.bull02 li.img{color:#888;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_03.gif) no-repeat left 9px;font-size:11px}div.pop_notice06 ol.bull03 li{color:#555;line-height:18px;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_04.gif) no-repeat left 5px;font-size:11px}div.pop_notice06 ol.bull03 li.img{color:#555;line-height:18px;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_04.gif) no-repeat left 9px;font-size:11px}#titlebox{position:relative;padding-bottom:20px;border:solid 2px #d60500}#titlebox h2{height:28px;width:100%;padding:12px 0 0 20px;background-color:#d60500}#titlebox div.btn_close{height:35px;position:absolute;top:0;right:0;padding:13px 15px 0 0}#titlebox div.popwrap{padding:20px}#titlebox h6{margin-bottom:10px}#titlebox h6.txt{margin-bottom:10px;background:url(/resources/image/design/popup/h6.gif) no-repeat 0 2px;font-size:14px;font-weight:700;color:#474747;padding-left:15px}#titlebox h6.txt span{color:#be2d00}#titlebox2{padding-bottom:20px}#titlebox2 h2{height:28px;width:100%;padding:12px 0 0 20px;background-color:#d60500}#titlebox2 div.btn_close{height:35px;position:absolute;top:0;right:0;padding:13px 15px 0 0}#titlebox2 div.popwrap{padding:20px}#titlebox2 h6{margin-bottom:10px}#titlebox2 h6.txt{margin-bottom:10px;background:url(/resources/image/design/popup/h6.gif) no-repeat 0 2px;font-size:14px;font-weight:700;color:#474747;padding-left:15px}#titlebox2 h6.txt span{color:#be2d00}div.popwrap div.inp{border:#cfcfcf 1px solid;background-color:#f8f8f8;padding:10px;margin-bottom:20px}div.popwrap div.inp input.idp{border:#cfcfcf 1px solid;width:368px}div.popwrap ol.bull01 li{color:#666;padding:0 0 2px 8px;background:url(/resources/image/design/popup/bull_03.gif) no-repeat left 5px;font-size:12px}div.popwrap .btn_center{padding-top:5px}div.popwrap select.w110{width:110px}div.popwrap select.w408{width:408px}div.popwrap input.box{border:#cfcfcf 1px solid}div.popwrap input.w180{width:180px}div.popwrap input.w130{width:130px}div.popwrap input.w100{width:100px}div.popwrap input.w50{width:50px}div.popwrap input.w408{width:408px}div.popwrap input.w311{width:311px}div.popwrap input.h18{height:18px;line-height:18px}div.popwrap .marginr20{margin-right:20px}div.popwrap .marginr5{margin-right:5px}div.popwrap .marginb10{margin-bottom:10px}div.popwrap .marginb20{margin-bottom:20px}div.popwrap .btn_center01{width:auto;text-align:center}div.pop_tab02{height:46px;background:url(/resources/image/design/popup/bg_tab_02.gif) repeat-x left top}div.pop_tab02:after{content:"";display:block;clear:both}div.pop_tab02 ul{width:100%;height:46px}div.pop_tab02 ul li{float:left;padding-right:2px}div.popwrap div.box{border:#cfcfcf 1px solid;background-color:#f8f8f8;padding:10px;margin-bottom:20px}div.popwrap div.box p.cont01{margin-top:10px}div.popwrap div.box p.cont01 span.bb{font-weight:700}table.choice tr td.on{font-weight:700}div.popwrap div.box div.addlist{border:#cfcfcf 1px solid;width:436px;font-size:11px;letter-spacing:-1px;background-color:#fff;overflow:auto;height:192px}div.popwrap div.box div.addlist table td{border-bottom:#e6e6e6 solid 1px;height:40px;padding:4px;color:#707070}div.popwrap div.box div.addlist table td span{color:#9e9e9e}div.popwrap div.box div.addlist02{border:#cfcfcf 1px solid;width:408px;font-size:11px;letter-spacing:-1px;background-color:#fff;height:96px;overflow-x:hidden;overflow-y:auto}div.popwrap div.box div.addlist02 table td{border-bottom:#e6e6e6 solid 1px;height:40px;padding:4px;width:408px}div.popwrap div.box div.addlist03{border:#cfcfcf 1px solid;width:400px;font-size:11px;letter-spacing:-1px;background-color:#fff;height:30px;padding:5px}div.popwrap div.box div.addlist03 p.t01{color:#333}div.popwrap div.box div.addlist03 p.t02{color:#747474}div.btm_s1{margin:20px;border-top:#cfcfcf 1px solid;padding-top:10px}div.boxnew_hfree div.box2set{width:435px;margin:0 auto;margin-bottom:10px}div.boxnew_hfree div.box2set ul li.r1{width:210px;height:142px;float:left;border:#cfcfcf 1px solid;margin-right:10px}div.boxnew_hfree div.box2set ul li.r2{width:210px;height:142px;float:right;border:#cfcfcf 1px solid}div.boxnew_hfree div.box2set p.tit{height:20px;text-align:center;padding:8px 0 0 0;background-color:#264189;color:#fff;font-weight:700;margin:6px}div.boxnew_hfree div.box2set dl{color:#666;padding:3px 0 0 10px;height:65px}div.boxnew_hfree div.box2set dd{text-align:center}div.boxnew_hfree div.box2set dd span{color:#be2d00;font-weight:700}div.boxnew_hfree div.box2set p.btn{text-align:center}div.boxnew_hfree div.box2set dt.Lblank35{padding-left:35px}div.boxnew_hfree div.box2set dt.Lblank22{padding-left:22px}div.popwrap .btn_center2{text-align:center;border-top:1px solid #e4e4e4;margin-top:20px;padding-top:20px}.blue_box4{position:relative;border:3px solid #0b4ca0;background-color:#fff;margin:0;padding:25px 30px 20px 30px}.blue_box4 div.btn_close{position:absolute;top:20px;right:26px}.blue_box4 h2{height:27px;position:relative;border-bottom:1px solid #036fba;margin-bottom:15px;padding:0 0 5px 0}#box_familyJoin{position:relative;background-color:#fff;margin:25px 30px 30px;width:350px}#box_familyJoin p.script{margin:10px 0 10px 0}#box_familyJoin p span.link{color:#e82a10;text-decoration:underline}.box_familyJoin_h2{width:100%;height:35px;border-bottom:1px solid #cfcfcf;position:relative}.box_familyJoin_h2 span.familylogo{float:right;position:absolute;top:0;right:10px}.family_id{border:2px solid #cfcfcf;background-color:#f8f8f8;width:99.5%;padding-top:17px;padding-bottom:17px;margin-bottom:10px;text-align:center;color:#666}.family_id p.f_id{font-size:14px;font-weight:700}.family_id p.join_finish{font-size:12px;font-weight:700;color:#0060ff;letter-spacing:-.05em;height:30px}.family_id ul.receive{width:85%;font-size:11px;text-align:left;margin:0 auto}.family_id span{color:#e82a10}.box_join_aree_title{width:100%;height:32px;background-color:#dfe0e4;color:#003e9c;font-weight:700}.box_join_aree_title span{font-size:11px;color:#474747}.box_join_aree_title ul{padding-top:2px;padding-left:10px}.box_join_aree_title ul li{display:inline-bolock;line-height:32px}.box_join_aree{border:1px solid #c7c7c7;width:99.5%;color:#333;margin-bottom:10px}.box_join_aree ul{margin:5px 10px 10px 20px}.box_join_aree ul li{position:relative;letter-spacing:-.05em;font-size:11px;line-height:28px;height:28px}.box_join_aree ul li span.rightBtn{position:absolute;top:4px;right:5px;display:inline-block}.box_join_aree ul li:after{content:"";display:block;clear:both}.box_join_aree table{width:90%;text-align:left;font-size:11px;margin:0 auto;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;border-collapse:collapse}.box_join_aree table th{font-weight:400;background-color:#f8f8f8;height:20px;padding-left:10px;letter-spacing:-.05em;border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf;text-align:left}.box_join_aree table td{font-weight:400;height:20px;padding-left:10px;letter-spacing:-.05em;font-size:11px;border-bottom:1px solid #cfcfcf}.box_join_aree p{width:87%;text-align:left;font-size:11px;margin:auto;padding:5px 0 0 5px;margin-top:5px;margin-bottom:10px;letter-spacing:-.05em}.box_join_aree p.box{width:87%;height:29px;text-align:left;font-size:11px;margin:auto;border:1px solid #cfcfcf;padding:5px 0 0 10px;margin-top:5px;margin-bottom:10px;background-color:#f8f8f8;letter-spacing:-.01em}.box_join_aree p input{width:150px;height:18px;text-align:left;font-size:11px;margin:0 auto;border:1px solid #cfcfcf;padding-left:10px;line-height:18px}.dayclose{position:absolute;bottom:0;background-color:#dfe0e4;width:100%;height:28px;text-align:right}.dayclose a{display:inline-block;height:28px}.dayclose a img{margin-top:9px;margin-right:15px}#redBox div.con_01 ul li.r3{width:210px;height:120px;float:left;border:1px solid #cfcfcf}#redBox div.con_01 ul li.r4{width:210px;height:120px;float:right;border:1px solid #cfcfcf}div.pop_safe2 div.col06{border-top:1px solid #cfcfcf;padding-top:10px;margin-top:20px}div.pop_safe2 div.pop_table01{margin-bottom:10px}#blue_box2_b1{position:relative;padding:0;background-color:#0b4ca0;height:27px;overflow:hidden}#blue_box2_b1 ul{padding:0 10px 0 10px}#blue_box2_b1 ul li{float:left}#blue_box2_b1 ul li.l1{position:absolute;top:5px}#blue_box2_b1 ul li.l2{position:absolute;right:15px;padding-top:2px;margin:0;height:10px}#mileage2 ul.tab{width:100%;overflow:hidden;background:url(/resources/image/design/pay/tab_bg.gif) repeat-x}#mileage2 ul.tab li{float:left}#mileage2 ul.tabmenu{width:100%;overflow:hidden;padding:15px 0;margin-bottom:20px;background:url(/resources/image/design/pay/line_01.gif) left bottom repeat-x}#mileage2 ul.tabmenu li{float:left;padding-left:20px;background:url(/resources/image/design/pay/tabmenuline.gif) left no-repeat}#mileage2 ul.tabmenu li:first-child{background:0 0;padding-left:0}#blue_box3{position:relative;border:2px solid #0b4ca0;background:url(/resources/image/design/popup/bg_bluebox.gif) repeat-x left top;background-color:#fff;margin:0;padding:20px 20px 23px 20px}#blue_box3 div.btn_close{position:absolute;top:23px;right:20px}#blue_box3 h2{height:27px;position:relative;border-bottom:1px solid #036fba;margin-bottom:15px;padding:0 0 5px 0}#blue_box3 div.pop_notice02 ol.bull02 li{font-size:12px}div.security_login_popup{text-align:center}div.security_login_popup ul{text-align:left;width:580px;margin:10px auto;line-height:20px}div.security_login_popup ul li:before{content:'- '}div.security_login_popup_faq dl{text-align:left}div.security_login_popup_faq dl dt{font-weight:700;margin-top:15px}div.security_login_popup_faq dl dt:first-child{margin-top:0}div.security_login_popup_faq dl dd{font-size:11px;color:#888;margin-top:5px}div.security_login_popup_faq dl dd a{color:#ff6102}div.security_login_popup_faq dl dd a:hover{text-decoration:underline}div.addsellpop00 .addsell_form01{float:right;margin-top:-5px}div.addsellpop00 .addsell_form01 select{margin-right:5px}div.item_notice_pop{background:url(/resources/image/design/item/item_notice_pop.gif) no-repeat;height:550px;overflow:hidden}div.item_notice_pop span.notice_close{width:55px;height:55px;position:absolute;left:527px;top:1px;text-indent:-9999px}div.item_notice_pop ul{width:510px;margin:240px 0 0 40px;font-size:11px}div.item_notice_pop ul li{line-height:1.6;margin-bottom:5px}div.item_notice_pop ul li .impact{color:#be2d00}div.item_notice_pop_btn{width:100%;height:30px;background:#4f4f4f;overflow:hidden;position:absolute;bottom:0}div.item_notice_pop_btn .close{position:absolute;right:20px;top:5px}div.item_notice_pop_btn .today{position:absolute;left:20px;top:7px}#redBox2{position:relative;padding:20px}#redBox2 h2{position:relative;height:15px;padding:8px 18px;margin-bottom:10px;background:url(/resources/image/design/popup/bg_redbox.gif) repeat-x left top}div.act_wrap h2>img{position:absolute;left:10px}div.act_wrap h6 .act_mileage{float:right;margin-top:-2px}div.act_wrap .act_help{position:absolute;right:10px}div.act_wrap .act_help2{float:right}div.act_wrap .act_help3{position:absolute;top:11px;margin-left:5px}div.act_wrap .act_date{font-weight:700;float:left;margin:0 5px}ul.pop_tab01{width:100%;height:31px;overflow:hidden;margin-bottom:10px;background:url(/resources/image/design/popup/tab01_bg.gif) repeat-x left top}ul.pop_tab01 li{float:left;margin-right:2px;text-align:center}ul.pop_tab01 li a{position:relative;color:#747474;display:inline-block;min-width:140px;height:30px;line-height:32px;background:url(/resources/image/design/popup/tab01_off_m.gif) repeat-x left top}ul.pop_tab01 li a span.left{position:absolute;top:0;left:0;height:30px;width:10px;background:url(/resources/image/design/popup/tab01_off_l.gif) no-repeat left top}ul.pop_tab01 li a span.right{position:absolute;top:0;right:0;height:30px;width:10px;background:url(/resources/image/design/popup/tab01_off_r.gif) no-repeat right top}ul.pop_tab01 li a.on{height:31px;color:#474747;font-weight:700;background:url(/resources/image/design/popup/tab01_on_m.gif) repeat-x left top}ul.pop_tab01 li a.on span.left{height:31px;background:url(/resources/image/design/popup/tab01_on_l.gif) no-repeat left top}ul.pop_tab01 li a.on span.right{height:31px;background:url(/resources/image/design/popup/tab01_on_r.gif) no-repeat right top}div.act_wrap{position:relative}div.act_wrap table.list_tab03{position:relative}div.act_wrap table.list_tab03 th.fst{text-align:left;padding:6px 0 4px 15px;font-size:12px}div.act_wrap table.list_tab03 td{padding:6px 0 4px 15px}div.act_wrap table td label{cursor:pointer}div.act_wrap table td input.input_radio{margin:-1px 2px 0 5px}div.act_wrap table td input.size1{width:50px}div.act_wrap table td input.size2{width:380px}div.act_wrap table td input.size3{width:85px}div.act_wrap span.blue_07{font-size:11px}div.act_wrap div.pop_notice02 li{color:#666}div.act_wrap div.ntc_2 li{color:#a8a8a8}div.act_wrap table.list_tab04 th{color:#474747;font-weight:700}div.act_wrap table.list_tab04 td{font-size:11px}div.act_wrap table.list_tab04 tr.out td a{color:#036fba;text-decoration:underline}div.act_wrap div.paging a{margin:0 3px}div.act_wrap div.paging a:hover{text-decoration:underline}div.act_wrap div.paging a.on{font-weight:700;text-decoration:underline}div.privacy_pop p{margin:10px 0}div.privacy_pop .sp01{padding-left:15px}div.privacy_pop .sp02{padding-left:20px}div.privacy_pop .sp03{padding-left:55px}div.privacy_pop .sp04{padding-left:45px}div.privacy_pop .sp05{padding-left:30px}#mileage3{width:600px;background-color:#fff}#mileage3 h1.pop_tit{height:33px;position:relative;padding:17px 0 0 20px;background-color:#1577f2}#mileage3 h1.pop_tit .closeBtn{position:absolute;top:17px;right:20px}#mileage3 div.cont{width:520px;margin:20px auto}#mileage3 div.cont_box{margin:10px 0;padding:20px 0;overflow:hidden;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}#mileage3 div.cont_box div.left{width:40%;float:left}#mileage3 div.cont_box div.right{width:60%;float:right}#mileage3 h5{color:#000;font-size:16px;padding-top:2px}#mileage3 h6{color:#e00e0f;font-size:14px;padding-top:2px;margin-bottom:10px}#mileage3 ul.rmList li{line-height:19px;background:url(/resources/image/design/service/bull_01.gif) no-repeat left 7px;padding-left:10px}#mileage3 div.rmForm{font-size:11px}#mileage3 div.btn_center{position:absolute;bottom:20px;width:520px}div.rmPopB #mileage2{position:absolute;top:50%;left:50%;margin:-105px 0 0 -210px;width:420px!important;height:210px!important;background-color:#fff}div.rmPopB div.cont_box{width:380px!important}div.rmPopB div.cont_box table td{font-size:11px}#mileage2 .cont_t1{overflow:hidden;margin-top:20px}#mileage2 .cont_t1 .left_t1{float:left}#mileage2 .cont_t1 .right_t1{float:right;width:80%}#mileage2 .cont_t1 .right_t1 h6{font-size:14px;background:0 0;padding:0;margin-top:12px;margin-bottom:5px}.pwNoticePop{position:relative;width:670px;height:409px;background:url(/resources/image/design/popup/pwNoticePop.jpg) no-repeat}.pwNoticePop .btn{position:absolute;left:0;bottom:0;width:650px;padding:5px 10px;overflow:hidden;background-color:#4f4f4f}.pwNoticePop .btn .close{float:left}.pwNoticePop .btn .today{float:right}.pwNoticePop .link{position:absolute;top:303px;left:219px;width:233px;height:53px}.gameregistpop .marginT85{margin-top:85px}.gameregistpop div#sch_direct{margin:0 auto}.gameregistpop #sch_direct .sch_layer,.gameregistpop #sch_direct .sch_layer2,.gameregistpop #sch_direct .sch_layer2>ul,.gameregistpop #sch_direct .sch_layer>ul{height:72px}.link_confirm{overflow:hidden;color:#333}.link_confirm h1{height:21px;padding:12px 0 11px;background:#fff;border-bottom:1px solid #c5c7cc;text-align:center}.link_confirm h1 img{width:84px}.link_confirm h2{height:42px;font:bold 16px/42px nanumG;text-align:center;border-bottom:1px solid #c5c7cc}.link_confirm .txt01{font:bold 13px nanumG;text-align:center;margin-bottom:15px}.link_confirm .txt02{font:bold 13px nanumG;margin-bottom:10px}.link_confirm .box{padding:15px}.link_confirm ul.cert_wrap{overflow:hidden}.link_confirm ul.cert_wrap li{float:left;position:relative;width:49%;margin-left:2%}.link_confirm ul.cert_wrap li:first-child{margin-left:0}.link_confirm ul.cert_wrap li a{display:block;padding:10px 0;text-align:center;background:#efefef;color:#333}.link_confirm ul.cert_wrap li a img{margin:10px 0}.link_confirm dl.cert_wrap{overflow:hidden;font-weight:700;font-size:13px}.link_confirm dl.cert_wrap dt{float:left;width:110px;margin:0 10px 10px 0;border-right:2px solid #e7e7e7;color:#7b7b7c}.btn_fullType01{width:100%;height:50px;margin-top:30px;text-align:center;font:bold 15px nanumG;color:#fff;background:-webkit-gradient(linear,left top, right top,from(#ff293a),to(#ff4381));background:linear-gradient(to right,#ff293a,#ff4381);background-color:#ff293a;border:0}#redBox div.gray_box_06 div.kakao_box{width:394px;height:66px;margin:0 auto;margin-top:20px;background:url(/resources/image/design/popup/kakaopay_box.gif)}#redBox div.gray_box_06 div.kakao_box>p{text-align:center;line-height:66px}.popBox{position:relative;font-family:notoKR;letter-spacing:-.05em;color:#333}.popBox h3{padding:20px 0;border-bottom:2px solid #d5d7dd;text-align:center;font-size:20px;font-weight:400}.popBox .con{padding:20px 30px 30px;overflow:hidden}.popBox input:focus,.popBox input:hover{background:0 0}.popBox input::-webkit-input-placeholder{color:#adafb7!important;opacity:1}.popBox input::-moz-placeholder{color:#adafb7!important;opacity:1}.popBox input:-ms-input-placeholder{color:#adafb7!important;opacity:1}.popBox input::-ms-input-placeholder{color:#adafb7!important;opacity:1}.popBox input::placeholder{color:#adafb7!important;opacity:1}.popBox input:-ms-input-placeholder{color:#adafb7!important}.popBox input::-ms-input-placeholder{color:#adafb7!important}.popBox dl.inputList{width:100%;overflow:hidden;border-bottom:1px solid #a9a9a9;font-size:0;color:#333b58}.popBox dt{display:inline-block;width:30%;height:20px;margin:15px 0;border-right:1px solid #c4c5c7;font-size:15px;line-height:20px;vertical-align:middle}.popBox dd{display:inline-block;width:69%;vertical-align:middle}.popBox dd .num{width:73%;height:50px;margin:0;padding:0 0 0 7%;border:none;font:bold 18px/50px notoKR;color:#333b58}.popBox .con h4.sub_tit{display:inline-block;margin-bottom:10px;font-size:15px;font-weight:400;color:#6e7283}.popBox .con .box_con+.box_con{margin-top:30px}.ctfMbl dd .num{width:93%}.ctfArs ul.arsList{overflow:hidden;margin:20px auto}.ctfArs ul.arsList li{float:left;width:48%;background:#eff1f4;text-align:center;color:#686d80;font-size:13px;font-weight:700}.ctfArs ul.arsList li+li{margin-left:4%}.ctfArs ul.arsList li:before{content:'';display:block;width:62px;height:51px;margin:15px auto 12px;background:url(/resources/image/design/certify/bg_ars_type.png) 0 0 no-repeat}.ctfArs ul.arsList li.h:before{background-position-y:100%}.ctfArs ul.arsList li .blue_08{margin:5px 0 15px;font-size:17px}.ctfArs ul.arsList li a.btn_full02{margin:0;height:30px;line-height:30px;font-size:13px}.ctfArs .arsNum{margin:20px auto;padding:20px 0 10px;background:#eff1f4;text-align:center;font-size:15px;color:#333b58;font-weight:700}.ctfArs .arsNum .red10{display:inline-block;height:50px;line-height:50px;font-size:35px;font-weight:400;letter-spacing:5px}.ctfArs .info{margin-top:30px;text-align:center;line-height:25px;font-size:13px;font-weight:700}.ctfMng .infoNum{margin:15px auto 35px;text-align:center;font:bold 16px notoKR;color:#333b58}.ctfMng .inputList.mngNum dd:before{content:'(-제외)';float:right;font:bold 18px/50px notoKR;color:#adafb7}.coupon .inp_box label.rdobox,.coupon .list_tab04 td,.coupon .list_tab04 th{font-family:dotum,sans-serif;font-size:12px;color:#444}.coupon input[name=coupon_rd]+label.rdobox{padding-left:15px}.coupon .btn_coupon{cursor:pointer}.coupon td.orange03{color:#ff7800}.coupon div.list_tab04{margin-top:20px}.coupon div.list_tab04 .coupon_none{height:200px}.coupon div.list_tab04 .coupon_none td{cursor:default}.coupon .own_coupon{display:none}.pop_server{display:none;position:absolute;top:150px;left:50%;width:430px;padding:10px;background:#fff;border:1px solid #616161;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pop_server.type_page{top:50%;z-index:999;left:47%}.pop_server th{font-size:12px;color:#616781}.pop_server td{color:#616781}.pop_server .tit{overflow:hidden}.pop_server .tit h3{float:left;padding:0;margin-bottom:10px;border:0;font-size:14px}.pop_server .tit .close{float:right;width:14px;height:14px;background:url(/resources/image/design/popup/btn_close_04.png) center no-repeat;text-indent:-9999px}.edit_address .edit_con{width:73%;margin:15px 0;padding-left:7%;color:#333b58}.edit_address .edit_con p{line-height:18px;font-size:18px}.edit_address .edit_con label.rdobox{color:#333b58}.edit_address .phone.off dt,.edit_address .phone.off input,.edit_address .phone.off select{color:#b9bcc3}.edit_address .edit_con .inp_box{margin-right:10px}.edit_address .edit_con select.type01{width:auto;height:20px;line-height:20px;padding-left:0;padding-right:20px;background:url(/resources/image/design/icon/ico_input_on.png) right center no-repeat;border:0;font-size:17px;color:#333b58}.edit_address .edit_con .type01:disabled{background:url(/resources/image/design/icon/ico_input_off.png) right center no-repeat;color:#b9bcc3}.edit_address .edit_con .ph{width:55%;height:20px;margin-left:10px;border:0;font-family:notoKR;font-size:17px;font-weight:400;color:#333b58}.edit_address .edit_con .ph:disabled,.edit_address .edit_con .ph:disabled:hover{background:#fff}.edit_address .edit_con .pw{width:100%;height:18px;border:0;font-family:notoKR;font-size:17px}.popBox div.pg_box{width:100%;padding:90px 0;text-align:center}.popBox div.pg_box h4{font-size:20px;color:#4083c8}.popBox div.pg_box p{margin-top:15px;margin-bottom:20px;font-size:20px}.register_box .list_tab04 label{font-family:dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif;color:#555}.register_box select.type01{font-family:dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif}.register_box h4.sub_tit+a.btn_pop01{float:right}.register_box .notice_box{margin-top:10px}.register_box .notice_box p{font-family:dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif}.register_box .notice_box a{color:#f42e4f}.register_box .p_color{font-weight:700;color:#ff3066}.register_box tr.period td.left2,.register_box tr.total td.left2{padding:20px 0 20px 20px}.register_box .register_buy tr.period .inp_box{margin-left:10px}.register_box .register_buy tr.period .inp_box:first-child{margin-left:0}.register_box .register_buy tr.total span.payment{display:inline-block;margin-right:20px;vertical-align:middle}.register_box .register_buy tr.total div.choice_box{display:inline-block;vertical-align:middle}.register_box .register_buy tr.total div.choice_box .inp_box{width:66px;vertical-align:0}.register_box .register_buy tr.total div.choice_box .inp_box:first-child{margin-bottom:5px}.register_box .register_buy tr.total div.choice_box .inp_box label{font-size:12px}.register_box .register_buy tr.total div.choice_box .inp_box+p{width:78px;margin-right:4px}.register_box .register_buy tr.total div.choice_box p{display:inline-block;color:#555}.register_box .register_buy tr.total div.choice_box p:last-child span{color:#ff3066}.popBox.accountGuide .contents{display:none}.popBox.accountGuide .main_nav{position:fixed;top:0;left:0;width:100%;z-index:9}.popBox.accountGuide .main_nav::after{content:'';display:block;clear:both}.popBox.accountGuide .main_nav a{float:left;width:25%;height:60px;background:#4083c8;line-height:58px;font-family:notoKR;font-size:16px;font-weight:700;color:#fff;text-align:center}.popBox.accountGuide .main_nav a.on{background:#669cd3}.popBox.accountGuide .con_box{display:none;padding:85px 0 25px;width:968px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.popBox.accountGuide .tab_account_notice .account_notice{height:60px;padding:0 15px;margin:0 20px;border:1px solid #e5e7ea;line-height:60px;font-size:20px;font-weight:700;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box}.popBox.accountGuide .tab_account_notice .account_notice::before{content:'';display:inline-block;width:32px;height:32px;margin-right:10px;background:url(/resources/image/design/popup_ing/ico_accountGuide.png) 0 0 no-repeat;vertical-align:-8px}.popBox.accountGuide .tab_account_notice .account_notice_list{padding:60px 30px;overflow:hidden}.popBox.accountGuide .tab_account_notice .account_notice_list>li{float:left;width:50%;margin-top:60px;overflow:hidden}.popBox.accountGuide .tab_account_notice .account_notice_list>li:nth-child(-n+2){margin-top:0}.popBox.accountGuide .tab_account_notice .account_notice_list>li>i{float:left;display:block;width:130px;height:130px;margin-right:27px;background:url(/resources/image/design/popup_ing/ico_accountGuide.png) -32px 0 no-repeat}.popBox.accountGuide .tab_account_notice .account_notice_list>li:nth-child(2)>i{background-position-x:-162px}.popBox.accountGuide .tab_account_notice .account_notice_list>li:nth-child(3)>i{background-position-x:-292px}.popBox.accountGuide .tab_account_notice .account_notice_list>li:nth-child(4)>i{background-position-x:-422px}.popBox.accountGuide .tab_account_notice .account_notice_list>li:nth-child(5)>i{background-position-x:-552px}.popBox.accountGuide .tab_account_notice .account_notice_list>li:nth-child(6)>i{background-position-x:-682px}.popBox.accountGuide .tab_account_notice .account_notice_list>li:nth-child(7)>i{background-position-x:-812px}.popBox.accountGuide .tab_account_notice .account_notice_list>li>div{float:left}.popBox.accountGuide .tab_account_notice .account_notice_list>li>div>h5{position:relative;padding-left:12px;line-height:1.2;font-size:18px;font-weight:400;color:#4083c8}.popBox.accountGuide .tab_account_notice .account_notice_list>li>div>h5::before{content:'';position:absolute;top:4px;left:0;width:10px;height:7px;margin-right:2px;background:url(/resources/image/design/popup_ing/ico_accountGuide.png) 0 -34px no-repeat}.popBox.accountGuide .tab_account_notice .account_notice_list>li>div>h5::after{content:'';display:inline-block;width:10px;height:7px;margin-left:2px;background:url(/resources/image/design/popup_ing/ico_accountGuide.png) -11px -34px no-repeat;vertical-align:7px}.popBox.accountGuide .tab_account_notice .account_notice_list>li ul{margin-top:10px}.popBox.accountGuide .tab_account_notice .account_notice_list>li ul>li{position:relative;padding-left:8px;margin-top:20px;font-size:14px;color:#666}.popBox.accountGuide .tab_account_notice .account_notice_list>li ul>li:first-child{margin-top:0}.popBox.accountGuide .tab_account_notice .account_notice_list>li ul>li::before{content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#cecece}.popBox.accountGuide .tab_account_guide .tab_type01{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.popBox.accountGuide .tab_account_guide .tab_type01>a{width:25%;border-left-width:0}.popBox.accountGuide .tab_account_guide .tab_type01>a:first-child{border-left-width:1px}.popBox.accountGuide .tab_account_guide .contents{margin:45px 0;text-align:center}.popBox.accountGuide .tab_account_guide .contents>h6{font-size:18px;font-weight:700;color:#4083c8}.popBox.accountGuide .tab_account_guide .contents>div{margin-top:40px}.popBox.accountGuide .tab_account_guide .contents>div>p{margin-bottom:20px;font-size:16px;font-weight:700;color:#666}.popBox.accountGuide .tab_baySafety{padding-left:20px;padding-right:20px;font-size:14px;color:#666}.popBox.accountGuide .tab_baySafety>div{margin-top:40px}.popBox.accountGuide .tab_baySafety>div>h6{margin-bottom:10px;font-size:18px;font-weight:400;color:#4083c8}.popBox.accountGuide .tab_baySafety>div>ul>li{margin-top:5px}.popBox.accountGuide .tab_baySafety>div>ul>li:first-child{margin-top:0}.popBox.accountGuide .tab_baySafety table{width:100%;border-bottom:1px solid #e1e3e8;font-size:14px;text-align:center}.popBox.accountGuide .tab_baySafety table.safety_table td{padding:20px 19px;line-height:1.4}.popBox.accountGuide .tab_baySafety table caption{display:table-caption;height:40px;background:#f3f5fa;border-top:1px solid #e1e3e8;line-height:40px}.popBox.accountGuide .tab_baySafety table td{height:40px;border-top:1px solid #e1e3e8;border-left:1px solid #e1e3e8;line-height:40px}.popBox.accountGuide .tab_baySafety table td:first-child{border-left:0}.popBox.accountGuide .tab_baySafety table td.safety_new{border-left:1px solid #e1e3e8}.popBox.accountGuide .tab_baySafety table td>strong{color:#4083c8}.popBox.accountGuide .tab_baySafety .btn_baySafety_detail{display:block;width:280px;height:54px;margin:15px auto 10px;background:url(/resources/image/design/popup_ing/btn_baySafety_detail.jpg)}.popBox.accountGuide .tab_contract .tab_type01{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.popBox.accountGuide .tab_contract .contents{text-align:center}.popBox.accountGuide .tab_contract .contents>div{margin-top:45px}.popBox.accountGuide .tab_contract .contents>div>h6{margin-bottom:30px;font-size:18px;color:#4083c8}.popBox.accountGuide .tab_contract .contract_notice{padding:20px;border-top:1px solid #e4e4e4;text-align:left}.popBox.accountGuide .tab_contract .contract_notice>h5{margin-bottom:15px;font-size:14px;font-weight:400;color:#000}.popBox.accountGuide .tab_contract .contract_notice>h5>span{margin-right:10px;color:#4084c8}.popBox.accountGuide .tab_contract .contract_notice li{margin-top:5px;color:#666}.popBox.accountGuide .tab_contract .contract_notice li:first-child{margin-top:0}.popup_matching{position:fixed;top:500px;left:50%;width:220px;height:155px;margin-left:530px;background:url(/resources/image/design/matching/img_pop_matching.gif) 0 0 no-repeat;z-index:9}.popup_matching .btn_matching{display:block;height:100%}.popup_matching .btn_close{position:absolute;top:0;right:0;width:20px;height:20px;z-index:1}.popup_matching .btn_day{position:absolute;bottom:0;right:0;width:100%;height:26px;z-index:1}.popup_blade{position:fixed;top:500px;left:50%;width:244px;height:170px;margin-left:530px;background:url(/resources/image/design/matching/img_pop_blade_soul2.png) 0 0 no-repeat;z-index:9}.popup_blade .btn_blade_soul2{display:block;height:100%}.popup_blade .btn_close{position:absolute;top:8px;right:8px;width:20px;height:20px;z-index:1}.popup_blade .btn_day{position:absolute;bottom:0;right:0;width:100%;height:26px;z-index:1}.popup_odin{position:fixed;top:500px;left:50%;width:244px;height:170px;margin-left:530px;background:url(/resources/image/design/matching/img_pop_odin.png) 0 0 no-repeat;z-index:9}.popup_odin .btn_odin{display:block;height:100%}.popup_odin .btn_close{position:absolute;top:8px;right:8px;width:20px;height:20px;z-index:1}.popup_odin .btn_day{position:absolute;bottom:0;right:0;width:100%;height:26px;z-index:1}.pop_message{position:relative}.pop_message .tit{padding:30px 30px 10px 30px;border-bottom:2px solid #d5d7dd;font-family:notoKR}.pop_message .tit>h3{height:50px;line-height:25px;font-size:15px;font-weight:400;color:#333}.pop_message .tit .date{color:#9b9fa7;text-align:right}.pop_message .con{max-height:384px;padding:30px 30px 0 30px;color:#333;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.pop_message .con .box_db_answer>table{width:580px}.pop_message .con .box_db_answer table{font-size:12px}.pop_message .con .box_db_answer table td{padding:8px 20px;padding-left:20px;color:#616781}.pop_message .con .box_db_answer table:not(.tb_msg,:first-of-type){margin-top:20px}.pop_message .con .box_db_answer table:not(.tb_msg) td{height:auto;padding:0;line-height:1.5}.pop_message .con .box_db_answer table.tb_msg{border-top:1px solid #e3e5e9;border-bottom:1px solid #e3e5e9}.pop_message .con .box_db_answer table.tb_msg td{height:auto}.pop_message .con .box_db_answer table.tb_msg td:nth-child(odd){padding:8px 0;background-color:#f1f2f4;color:#666}.pop_message .con .box_db_answer table.tb_msg td:nth-child(even){background-color:#fff}.pop_message .con .box_db_answer table.tb_msg tr{border-bottom:1px solid #e3e5e9}.pop_message .con .box_db_answer table.tb_msg tr:last-child{border-bottom:0}.pop_message .con .notice{margin-top:40px}.pop_message .con .notice li{position:relative;padding-left:10px;line-height:1.5;color:#666}.pop_message .con .notice li::before{content:'';position:absolute;top:6px;left:3px;width:3px;height:3px;background-color:#cecece}.pop_message .con .notice a[href*=tel]{color:#883bce}.pop_message .btn_paging{position:absolute;right:30px;bottom:30px;font-size:0}.pop_message .btn_paging>a{position:relative;display:inline-block;width:26px;height:26px;border:1px solid #b7b9c5;border-radius:2px;vertical-align:top}.pop_message .btn_paging>a::before{content:'';position:absolute;top:50%;left:50%;border-top:5px solid transparent;border-bottom:5px solid transparent;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop_message .btn_paging>.btn_prev::before{border-right:6px solid #616781}.pop_message .btn_paging>.btn_next{margin-left:10px}.pop_message .btn_paging>.btn_next::before{border-left:6px solid #616781}.pop_message .btn_paging>a.off{border-color:#d8d8d8}.pop_message .btn_paging>a.off.btn_prev::before{border-right-color:#d8d8d8}.pop_message .btn_paging>a.off.btn_next::before{border-left-color:#d8d8d8}.pop_push p{font-family:dotum;font-size:11px;color:#666}.pop_push input.type01+label{font-family:dotum;font-size:12px;color:#444}.pop_push .display_flex h4.sub_tit{margin-bottom:0}.pop_push_char p{font-family:dotum;font-size:11px;color:#666}.pop_push_char input.type01+label{font-family:dotum;font-size:12px;color:#444}.pop_push_char .list_tab04{margin-bottom:0}.pop_push_char .list_tab04 input.type01+label{font-size:11px}.pop_push_char .list_tab04 td{font-size:0;text-align:left}.pop_push_char .list_tab04 td .inp_box{margin-left:10px}.pop_push_char .list_tab04 tr{height:44px}.game_only_wrap{position:relative}.game_only_wrap h2{margin-bottom:30px;padding:20px 0 18px;font-size:20px;font-family:"Malgun Gothic",sans-serif;font-weight:800;text-align:center;border-bottom:2px solid #d5d7dd}.game_only_wrap h2 span{color:#4083c8}.game_only_wrap .popwrap{margin:0 25px}.game_only_wrap .popwrap div.pop_table01{border-top:2px solid #333;border-bottom:1px solid #333}.game_only_wrap .popwrap div.pop_table01 table th{background:#f9f9f9;font-weight:600;color:#444}.game_only_wrap .popwrap div.pop_table01 table td,.game_only_wrap .popwrap div.pop_table01 table th{padding-left:5px;padding-right:5px;border-bottom:1px solid #cfcfcf}.game_only_wrap .popwrap div.pop_table01 table td.no_contents div{padding:75px 0 23px;font-size:14px;line-height:28px;color:#555}.game_only_wrap .popwrap div.pop_table01 table td.no_contents a{display:block;width:166px;height:49px;line-height:49px;margin:0 auto 38px;background:#635bca;font-family:'Malgun Gothic';font-size:14px;font-weight:800;color:#fff}.game_only_wrap .popwrap div ul li{margin-bottom:5px;padding:0 0 0 7px;background-image:url(/resources/image/design/layout/ico_dot_gray3.gif);background-position:0 6px;background-size:3px;background-repeat:no-repeat}.pop_banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pop_banner.trans:before{background-color:transparent}.pop_banner:before{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.7);content:''}.pop_banner .pop_inner{max-height:95vh;overflow-y:auto;position:relative;z-index:2;background-color:#fff}.pop_banner .pop_header{padding:21px 30px;border-bottom:2px solid #d5d7dd}.pop_banner .pop_header .tit_pop{font-size:20px;font-weight:500;color:#333}.pop_banner .pop_inner.content{min-width:340px;border:1px solid #616161;font-family:notoKr,sans-serif!important}.pop_banner .pop_banner_content{position:relative}.pop_banner .pop_inner.content .pop_banner_content{padding:30px 30px 10px}.pop_banner .link_banner{position:absolute}.pop_banner .box_check{background-color:#333b58;padding:6px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pop_banner .box_check.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pop_banner .box_check.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pop_banner .item_check{cursor:pointer}.pop_banner .item_check span{display:inline-block;margin-top:2px;font-weight:100;color:#fff;vertical-align:top}.pop_banner .btn_close_banner{position:absolute;top:0;right:0;padding:40px;border:0;background-color:transparent;cursor:pointer}.pop_banner .btn_close_pop{position:absolute;top:0;right:12px;padding:18px;cursor:pointer}.pop_banner .btn_close_pop:before{display:block;width:24px;height:23px;background:url(/resources/image/close/close_24x23_747b8e.png) no-repeat;content:''}.pop_banner .npay_pop_content .stampzone{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:63px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pop_banner .npay_pop_content .banner_btn_group{display:-webkit-box;display:-ms-flexbox;display:flex}.pop_banner .npay_pop_content .banner_btn_group a{display:inline-block}.pop_banner .npay_pop_content .stampzone li{width:102px;height:87px;display:block}.pop_banner .npay_pop_content .stampzone li:nth-of-type(1){left:-6px;position:relative}.pop_banner .npay_pop_content .stampzone li:nth-of-type(2){left:6px;position:relative}.pop_banner .npay_pop_content .stampzone li:nth-of-type(3){left:16px;position:relative}.pop_banner .npay_pop_content .stampzone .npay_stamp{background:url(/resources/image/design/pay/npay_stamp.png) no-repeat}.tcash_info_pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:"맑은고딕","Malgun Gothic",serif}.tcash_info_pop:before{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.7);content:''}.tcash_info_pop .pop_inner{position:relative}.tcash_info_pop .pop_header{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.tcash_info_pop .pop_header input[type=checkbox]{display:none}.tcash_info_pop .pop_header input[type=checkbox]+label{cursor:pointer;color:#fff;padding-left:6px;line-height:20px}.tcash_info_pop .pop_header input[type=checkbox]+label:before{display:block;float:left;width:20px;height:20px;background:#fff;content:''}.tcash_info_pop .pop_header input[type=checkbox]:checked+label:before{background:url(/resources/image/design/popup/pop_check_today_on.jpg) no-repeat}.tcash_info_pop .pop_header .pop_close{width:27px;height:27px;background:url(/resources/image/design/popup/pop_close_add.png) no-repeat;background-size:100%;cursor:pointer}.tcash_info_pop .pop_cont{position:relative;z-index:1;width:540px;background:#fff}.tcash_info_pop .pop_cont_top{position:relative;height:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url(/resources/image/design/popup/pop_head.jpg)}.tcash_info_pop .pop_cont_top p{font-size:18px!important;color:#fff!important;font-weight:700}.tcash_info_pop .pop_cont_text{padding-bottom:30px}.tcash_info_pop .pop_cont_text_info{padding:30px 30px 20px}.tcash_info_pop .pop_cont_text_info p{font-size:14px;font-weight:700;color:red;text-align:center;margin-bottom:15px}.tcash_info_pop .pop_cont_text_info span{line-height:1.6;font-size:12px;color:#313131;text-align:center;display:inline-block;width:100%}
/* layout */

#wrap {

  position: relative;

}

#header {

  position: relative;

  z-index: 999;

}

#header img {

  margin-bottom: 0;

}

#middle_main {

  position: relative;

  background: #eff1f4;

  z-index: 998;

}

#middle_main img {

  margin-bottom: 0;

}

#middle {

  position: relative;

  width: 1000px;

  margin: 0 auto;

  padding: 40px 0;

}

#middle_event {

  position: relative;

  z-index: 998;

}

#middle.middle_type02 {

  width: 100%;

  padding: 0;

}

#middle.middle_type02 > div.content {

  width: 1000px;

  margin: 0 auto;

  padding: 40px 0;

}

#footer {

  width: 100%;

  margin: 20px auto;

  overflow: hidden;

}

#header .area_con,

#footer .area_con {

  position: relative;

  width: 1000px;

  margin: 0 auto;

}

#u_skip {

  display: none;

}

.area_gnb {

  position: relative;

  height: 34px;

  background: #f7f7f7;

  border-bottom: 1px solid #e4ebf1;

  *z-index: 1001;

}

.area_nav {

  position: relative;

  padding: 7px 0;

  *z-index: 1000;

}

.area_sch {

  position: relative;

  height: 46px;

  padding: 25px 0;

  background: #eff1f4;

  border-top: 1px solid #ccd6de;

  *z-index: 999;

}

.area_aside {

  position: relative;

  width: 100%;

  z-index: 1;

}

.area_aside.scroll {

  position: fixed;

  top: 5px;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.area_aside.scroll.fix {

  position: absolute;

  top: 400px;

}

.area_aside.scroll.member.fix {

  position: absolute;

  top: 836px;

}

.area_tab {

  padding-bottom: 15px;

  background: #eff1f4;

}

.area_main .btn_more,

.area_main .slide_ctrl li span,

.sch_type label .ico,

.sch_area button.sch_submit .ico,

.sch_auto .ico,

.tab_tit li p .ico,

.rank .ranklist_pop dt .ico,

.sch_list li.on .ico,

.area_aside .right_bn li.s4_help1 span,

.area_aside .right_bn li.s5_help2 span,

.area_aside .right_bn li.s1_menu span,

.area_aside .right_bn li.s7_safe a.ico,

.area_aside .right_bn li.s8_sns a,

.member .area_4 .pop_fvr .tit .close.ico,

.member .area_4 .pop_fvr ul.list li a .ico,

.sch_list li .ico_event,

.sch_fast_sv .sct_game li .ico_event,

.sch_info .ico_event,

#footer .family_site .tit .ico,

.rank .new:after,

.tab_tit li i.ico,

.gnb_right > li.drtCheck .check {

  background-image: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png");

  background-repeat: no-repeat;

}

.sch_type label .txt,

.navbar li a span,

.sch_btn a span,

.area_cstm .sMenu_2 li a span,

.tab_con_login .area_guide dd span,

.tab_tit li span,

.area_aside .right_bn li.s7_safe a.tit span,

.area_aside .right_bn li.s9_m1 a,

.area_aside .right_bn li.s10_m2 a,

.member .area_4 .myinfo ul.btn li span,

.member .area_4 .myinfo .level .img_txt,

#footer address .bizinfo {

  background-image: url("/resources/image/design/main/v3_0/layout_txt_v3_0.png");

  background-repeat: no-repeat;

}

.box_con .sub_tit {

  display: flex;

  margin-bottom: 10px;

  font-family: "Malgun Gothic", sans-serif;

  font-size: 14px;

  color: #120b3d;

  align-items: center;

}

.box_con .sub_tit .sub_txt {

  display: inline-block;

  font-size: 12px;

  font-weight: 400;

  color: #616781;

}

.box_con + .box_con {

  margin-top: 40px;

}



/* gnb */

.gnb_left {

  position: absolute;

  left: 0;

  top: 0;

}

.gnb_left li {

  float: left;

  width: 75px;

  height: 34px;

  border-right: 1px solid #e4ebf1;

  text-align: center;

}

.gnb_left li:first-child {

  height: 35px;

  background: #fff;

  border-left: 1px solid #e4ebf1;

}

.gnb_left li a {

  display: block;

  height: 100%;

  line-height: 32px;

  font-family: notoCJK, sans-serif;

  font-weight: bold;

  color: #818181;

  letter-spacing: -1px;

}

.gnb_left li:first-child a {

  color: #323232;

}

.gnb_right {

  float: right;

  height: 34px;

  line-height: 36px;

}

.gnb_right > li {

  position: relative;

  float: left;

  letter-spacing: -1px;

}

.gnb_right > li .ico,

.area_gnb div.go_layer p.tit .ico {

  margin-left: 3px;

  font-size: 10px;

}

.gnb_right > li > a {

  padding: 0 10px;

  border-left: 1px solid #bcbcbc;

  color: #636363;

}

.gnb_right > li:first-child > a {

  border-left: 0;

}

.gnb_right > li.drtCheck {

  margin-left: 10px;

}

.gnb_right > li.drtCheck > a {

  padding: 0;

  border-left: 0;

  font-weight: bold;

  color: #323232;

  *cursor: pointer;

}

.gnb_right > li.drtCheck .check {

  display: inline-block;

  width: 14px;

  height: 14px;

  margin: 10px 0 0 5px;

  vertical-align: top;

  background-position: 0 -52px;

  font-size: 0;

  text-indent: -9999px;

}

.gnb_right > li.drtCheck .check.on {

  background-position: 0 -67px;

}

/* gnb - 바로가기 접속:레이어팝업 */

.directPop {

  display: none;

  position: absolute;

  right: 0;

  top: 35px;

  width: 413px;

  height: 412px;

  z-index: 999;

}

.directPop a.drtClose {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 30px;

  line-height: 30px;

  background: #474747;

  color: #fff;

  text-align: center;

  cursor: pointer;

}

.directPop .drtWrap {

  position: relative;

  height: 382px;

  background: url("/resources/image/design/main/ftopLayer.png") no-repeat;

}

.directPop .drtBnf {

  position: absolute;

  left: 17px;

  top: 22px;

  font-size: 0;

}

.directPop .drtBnf a {

  float: left;

  width: 94px;

  height: 103px;

  margin-left: 1px;

  font-size: 0;

  text-indent: -9999px;

}

.directPop .drtBnf a:first-child {

  margin-left: 0;

}

.directPop .drtApp {

  position: absolute;

  left: 17px;

  top: 173px;

  width: 100%;

}

.directPop .drtApp input.mobilenumber {

  position: absolute;

  left: 0;

  top: 0;

  width: 179px;

  height: 33px;

  line-height: 33px;

  padding: 0 0 0 10px;

  margin: 0;

  font-family: notoCJK, sans-serif;

  border: none;

}

.directPop .drtApp input.mobilenumber::placeholder {

  color: #b2b2b2;

}

.directPop .drtApp a.sendurl {

  position: absolute;

  left: 189px;

  top: -1px;

  width: 80px;

  height: 35px;

  font-size: 0;

  text-indent: -9999px;

}

.directPop .drtApp .check {

  position: absolute;

  left: 0;

  top: 40px;

  width: 80%;

  line-height: 18px;

  color: #474747;

  font-size: 11px;

  letter-spacing: -0.05em;

}

.directPop .drtApp .check input#chkPersonalProtection {

  width: 11px;

  height: 11px;

  margin: 0 0 2px;

  padding: 0;

}

.directPop .drtApp .check input#chkPersonalProtection + label {

  display: inline-block;

  cursor: pointer;

}

.directPop .drtApp .check a {

  display: inline-block;

  margin-left: 3px;

  color: #4083c8;

  text-decoration: underline;

}

.directPop .drtApp .check p {

  display: inline-block;

}

.directPop .drtApp.priceApp {

  top: 313px;

}



/* gnb - 마이베이,고객감동센터:레이어팝업 */

.area_gnb div.go_layer {

  display: none;

  position: absolute;

  top: 3px;

  left: -1px;

  width: 85px;

  padding: 5px 10px;

  line-height: 16px;

  background: #fff;

  border: 1px solid #ff3252;

  z-index: 1;

}

.area_gnb div.go_layer p.tit {

  margin-bottom: 5px;

  padding-bottom: 5px;

  border-bottom: 1px solid #bcbcbc;

}

.area_gnb div.go_layer p.tit a {

  color: #ff3252;

  font-weight: bold;

}

.area_gnb div.go_layer ol {

  line-height: 20px;

}

.area_gnb div.go_layer ol > li {

  padding-left: 5px;

  background: url("/resources/image/design/layout/top_bull_02.gif") no-repeat

    left 50%;

}



/* nav */

.area_nav h1 {

  display: inline-block;

}

.navbar {

  position: absolute;

  left: 255px;

  top: 23px;

}

.navbar li {

  float: left;

  margin-right: 50px;

}

.navbar li a {

  display: block;

  font-size: 18px;

  font-weight: bold;

  color: #000;

  *cursor: pointer;

}

.navbar li a span {

  display: block;

  height: 18px;

  font-size: 0;

  text-indent: -9999px;

}

.navbar li.mybay {

  height: 48px;

}

.navbar a.mybay span {

  width: 62px;

  background-position: -185px -304px;

}

.navbar a.mobile span {

  width: 62px;

  background-position: -185px -322px;

}

.navbar a.game span {

  width: 62px;

  background-position: -185px -340px;

}

.navbar a.gift span {

  width: 62px;

  background-position: -185px -358px;

}

.navbar a.shop span {

  width: 31px;

  background-position: -185px -376px;

}

.navbar a:hover span {

  background-position-x: -247px;

}

.mybay_pop {

  display: none;

  position: absolute;

  left: -35px;

  top: 48px;

  width: 109px;

  height: 210px;

  padding: 0 10px;

  border: 1px solid #ccd6de;

  border-top: 0;

  background: #fff;

  text-align: center;

  z-index: 999;

}

.mybay_pop a.txt1 {

  display: block;

  margin: 13px 0 8px;

  font: bold 13px notoCJK, sans-serif;

  color: #747b8e;

  cursor: default;

}

.mybay_pop a.txt2 {

  display: block;

  margin-bottom: 3px;

  font-size: 11px;

  color: #747b8e;

  font-weight: normal;

  letter-spacing: -0.5px;

}

.mybay_pop ul.txt3 {

  position: absolute;

  left: 10px;

  bottom: 10px;

  overflow: hidden;

}

.mybay_pop ul.txt3 li {

  float: left;

  width: 51px;

  height: 16px;

  margin: 3px 3px 0 0;

  background: #f7f7f7;

  border: 1px solid #ccd6de;

  letter-spacing: -1px;

}

.mybay_pop ul.txt3 li:nth-child(2n) {

  margin-right: 0;

}

.mybay_pop ul.txt3 li a {

  height: 16px;

  font: bold 11px/16px notoCJK, sans-serif;

  color: #747b8e;

}

.mybay_pop a.txt2:hover,

.mybay_pop ul.txt3 li:hover a {

  color: #ff3252;

}

.rank {

  position: absolute;

  right: 2px;

  top: 25px;

}

.rank ul.ranklist {

  position: relative;

  width: 200px;

  height: 20px;

  overflow: hidden;

}

.rank ul.ranklist li {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  line-height: 20px;

  font-size: 11px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.rank ul.ranklist li .num {

  margin-right: 8px;

  color: #e5161a;

}

.rank .ranklist_pop {

  display: none;

  position: absolute;

  left: 0;

  top: -10px;

  width: 180px;

  overflow: hidden;

  padding: 10px;

  border: 1px solid #ff3252;

  background: #fff;

  z-index: 999;

}

.rank .ranklist_pop dt {

  padding-bottom: 5px;

  margin-bottom: 5px;

  color: #ff3252;

  font-weight: bold;

  text-align: center;

  border-bottom: 1px solid #bcbcbc;

}

.rank .ranklist_pop dt .ico {

  display: inline-block;

  width: 10px;

  height: 6px;

  margin-left: 5px;

  background-position: -180px -37px;

  vertical-align: 2px;

}

.rank .ranklist_pop dd {

  line-height: 22px;

  font-size: 11px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.rank .ranklist_pop dd .num {

  margin-right: 8px;

  color: #ff3252;

  font-weight: bold;

}

.rank .new:after {

  content: "";

  display: inline-block;

  width: 7px;

  height: 7px;

  margin-left: 3px;

  background-position: -13px -14px;

}



/* search */

.sch_type {

  position: absolute;

  left: 0px;

  top: 0;

}

.sch_type label {

  position: relative;

  float: left;

  width: 50px;

  height: 46px;

  margin-right: 16px;

  padding-top: 5px;

  text-align: center;

  cursor: pointer;

}

.sch_type label .ico {

  display: inline-block;

  *display: none;

  width: 19px;

  height: 19px;

  text-indent: -9999px;

  font-size: 0;

  vertical-align: top;

}

.sch_type label .txt {

  display: inline-block;

  width: 46px;

  height: 17px;

  margin-top: 6px;

  text-indent: -9999px;

  font-size: 0;

  vertical-align: top;

}

.sch_type label.sell .ico {

  background-position: -136px 0;

}

.sch_type label.sell .txt {

  background-position: -64px 0;

}

.sch_type label.buy .ico {

  background-position: -156px 0;

}

.sch_type label.buy .txt {

  background-position: -64px -18px;

}

.sch_type label input[type="radio"] {

  display: none;

  *display: inline-block;

  *background: none;

}

.sch_type label input[type="radio"]:checked + .ico {

  background-position-y: -20px;

}

.sch_area {

  position: absolute;

  left: 137px;

  top: 0;

}

.sch_area label {

  position: absolute;

  left: 15px;

  top: 15px;

  cursor: text;

  color: #636363;

  font-size: 16px;

  font-weight: bold;

}

.sch_area input.sch_input {

  float: left;

  width: 582px;

  height: 44px;

  line-height: 44px;

  padding: 0 15px;

  margin-bottom: 0;

  vertical-align: top;

  border: 1px solid #ff3252;

  color: #636363;

  font-size: 16px;

  font-weight: bold;

}

/* .sch_area input.sch_input:hover, input.sch_input:focus {background-color:#fff} */

.sch_area button.sch_submit {

  position: relative;

  float: left;

  width: 46px;

  height: 46px;

  background: #ff3252;

  background: linear-gradient(45deg, #ff293a, #ff4381);

  border: none;

  cursor: pointer;

}

.sch_area button.sch_submit .ico {

  position: absolute;

  left: 12px;

  top: 12px;

  width: 22px;

  height: 21px;

  background-position: -178px 0;

  text-indent: -9999px;

  font-size: 0;

}

.sch_btn {

  position: absolute;

  right: 0px;

  top: 0;

}

.sch_btn a {

  display: inline-block;

  width: 78px;

  height: 44px;

  margin-left: 5px;

  background: #fff;

  font-family: notoCJK, sans-serif;

  text-align: center;

  font-size: 15px;

  font-weight: bold;

  *cursor: pointer;

}

.sch_btn .btn_sell {

  border: 1px solid #3082c6;

  color: #3082c6;

}

.sch_btn .btn_buy {

  border: 1px solid #ff3252;

  color: #ff3252;

}

.sch_btn a span {

  display: inline-block;

  *display: block;

  width: 54px;

  height: 16px;

  margin-top: 14px;

  font-size: 0;

  text-indent: -9999px;

  vertical-align: middle;

  *margin-top: 15px;

}

.sch_btn .btn_sell span {

  background-position: -64px -36px;

}

.sch_btn .btn_buy span {

  background-position: -64px -53px;

}

.sch_auto {

  position: absolute;

  right: 55px;

  top: 1px;

}

.sch_auto a {

  position: relative;

  float: left;

  width: 26px;

  height: 44px;

  *cursor: pointer;

}

.sch_auto a.btn_list .ico {

  position: absolute;

  top: 19px;

  left: 8px;

  width: 10px;

  height: 6px;

  background-position: -190px -37px;

  font-size: 0;

  text-indent: -9999px;

}

.sch_auto a.btn_list .ico.on {

  background-position-x: -180px;

}

.sch_list {

  display: none;

  position: absolute;

  left: 137px;

  top: 46px;

  width: 658px;

  height: 309px;

  border: 1px solid #5c616f;

  border-top: 0;

  background: #fff;

  z-index: 1001;

}

.sch_list:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 15px;

  box-shadow: 0px -10px 10px 0px #fff inset;

}

.sch_list ul {

  float: left;

  padding: 10px 0;

  height: 288px;

  overflow: auto;

}

.sch_list li {

  position: relative;

  *position: static;

  padding: 0 15px;

  line-height: 28px;

  font-size: 14px;

  cursor: pointer;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_list li:hover {

  background: #eff1f4;

  font-weight: bold;

}

.sch_list li.on {

  background: #eff1f4;

  font-weight: bold;

}

.sch_list li.on .ico {

  position: absolute;

  top: 6px;

  right: 15px;

  width: 9px;

  height: 15px;

  background-position: 0 -36px;

  *display: none;

}

.sch_list li.new,

.sch_fast_sv .sct_game li.new {

  color: #449717;

} /*신규*/

.sch_list li.pr,

.sch_fast_sv .sct_game li.pr {

  color: #ff3252;

} /*인기*/

.sch_list li.mobile,

.sch_fast_sv .sct_game li.mobile {

  color: #3082c6;

} /*모바일*/

.sch_list li.channel,

.sch_fast_sv li.channel {

  color: #ca6a0d;

} /*채널링*/

.sch_list li .ico_event,

.sch_fast_sv .sct_game li .ico_event,

.sch_info .ico_event {

  display: inline-block;

  width: 13px;

  height: 13px;

  margin: 0 5px;

  vertical-align: -2px;

  background-position: -78px 0;

} /* 이벤트 */

.sch_list ul.game {

  width: 100%;

}

.sch_list ul.game.on {

  width: 258px;

}

.sch_list ul.server {

  display: none;

  width: 400px;

}

.sch_list ul.server li {

  float: left;

  width: 42%;

  *width: 40%;

}



/* aside */

.area_aside .left_bn {

  position: absolute;

  left: -105px;

  top: 0;

  width: 90px;

}

.area_aside .left_bn li {

  height: 148px;

  margin-bottom: 3px;

  overflow: hidden;

  border: 1px solid #ccd6de;

  background: #fff;

}

.area_aside .left_bn li iframe {

  width: 100%;

  height: 100%;

}

.area_aside .right_bn {

  position: absolute;

  right: -105px;

  top: 0;

  width: 92px;

}

.area_aside .right_bn li {

  margin-bottom: 5px;

  background: #fff;

  text-align: center;

}

.area_aside.member .right_bn li {

  background: none;

}

.area_aside .right_bn li.s1_menu {

  height: 23px;

  line-height: 23px;

  background: #747b8e;

}

.area_aside .right_bn li.s1_menu a {

  display: block;

  height: 23px;

  line-height: 23px;

}

.area_aside .right_bn li.s1_menu span {

  display: inline-block;

  *display: block;

  margin-top: 5px;

  width: 61px;

  height: 12px;

  background-position: -15px 0;

  font-size: 0;

  text-indent: -9999px;

}

.area_aside .right_bn li.s2_bn1 {

  height: 77px;

  border: 1px solid #ccd6de;

}

.area_aside .right_bn li.s2_bn1 a {

  display: block;

  height: 100%;

}

.area_aside .right_bn li.s3_cstm {

}

.area_aside .right_bn li.s3_cstm a {

  display: block;

  height: 104px;

  background: url("/resources/image/design/main/v3_0/img_customer_2.jpg")

    no-repeat;

}

.area_aside .right_bn li.s4_help1 {

  height: 77px;

  line-height: 77px;

  border: 1px solid #ccd6de;

}

.area_aside .right_bn li.s4_help1 a {

  display: block;

}

.area_aside .right_bn li.s4_help1 span {

  display: inline-block;

  width: 66px;

  height: 63px;

  margin-top: 7px;

  background-position: -134px -74px;

  font-size: 0;

  text-indent: -9999px;

}

.area_aside .right_bn li.s5_help2 {

  height: 77px;

  line-height: 77px;

  border: 1px solid #ccd6de;

}

.area_aside .right_bn li.s5_help2 a {

  display: block;

}

.area_aside .right_bn li.s5_help2 span {

  display: inline-block;

  width: 54px;

  height: 55px;

  margin-top: 10px;

  background-position: -140px -137px;

  font-size: 0;

  text-indent: -9999px;

}

.area_aside .right_bn li.s6_bn2 {

  height: 217px;

  background: #fff;

}

.area_aside .right_bn li.s6_bn2 iframe {

  width: 100%;

  height: 100%;

}

.area_aside .right_bn li.s7_safe {

  position: relative;

}

.area_aside .right_bn li.s7_safe a.tit {

  display: block;

  height: 34px;

  line-height: 34px;

  margin-bottom: 0;

  background: #3082c6;

}

.area_aside .right_bn li.s7_safe a.tit span {

  display: inline-block;

  width: 79px;

  height: 28px;

  margin-top: 3px;

  background-position: -191px 0;

  font-size: 0;

  text-indent: -9999px;

}

.area_aside .right_bn li.s7_safe input.safe {

  width: 60px;

  padding: 0 23px 0 7px;

  height: 18px;

  line-height: 20px;

  margin-bottom: 0;

  border: 1px solid #3082c6;

  font-size: 11px;

  color: #3082c6;

}

.area_aside .right_bn li.s7_safe a.ico {

  position: absolute;

  right: 5px;

  bottom: 3px;

  width: 14px;

  height: 14px;

  background-position: -121px -24px;

}

.area_aside .right_bn li.s8_sns a {

  float: left;

  width: 28px;

  height: 29px;

  margin-left: 4px;

}

.area_aside .right_bn li.s8_sns a.blog {

  margin-left: 0;

  background-position: -108px -44px;

}

.area_aside .right_bn li.s8_sns a.face {

  background-position: -139px -44px;

}

.area_aside .right_bn li.s8_sns a.tube {

  background-position: -170px -44px;

}

.area_aside .right_bn li.s9_m1 a {

  display: block;

  width: 92px;

}

.area_aside .right_bn li.s9_m1 a.m1_1 {

  height: 29px;

  background-position: 0 -304px;

}

.area_aside .right_bn li.s9_m1 a.m1_1.on {

  background-position: -92px -304px;

}

.area_aside .right_bn li.s9_m1 a.m1_2 {

  height: 28px;

  background-position: 0 -333px;

}

.area_aside .right_bn li.s9_m1 a.m1_2.on {

  background-position: -92px -333px;

}

.area_aside .right_bn li.s10_m2 a {

  display: block;

  width: 92px;

}

.area_aside .right_bn li.s10_m2 a.m2_1 {

  height: 29px;

  background-position: 0 -361px;

}

.area_aside .right_bn li.s10_m2 a.m2_2 {

  height: 28px;

  background-position: 0 -390px;

}

.area_aside .right_bn li.s10_m2 a.m2_3 {

  height: 28px;

  background-position: 0 -418px;

}

.area_aside .right_bn li.s10_m2 a.m2_3.on {

  background-position: -92px -418px;

}

/* aside:로그인 후 - 레이어팝업 */

.pop_aside {

  display: none;

  position: absolute;

  right: -14px;

  background: #fff;

  border: 1px solid #3082c6;

  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);

}

.pop_aside .tit {

  overflow: hidden;

  margin-bottom: 10px;

}

.pop_aside .tit h5 {

  font-size: 14px;

}

.pop_aside .txt {

  display: block;

  padding: 4px 7px 3px;

  margin-top: 5px;

  overflow: hidden;

  line-height: 22px;

  border: 1px solid #ccd6de;

}

.pop_aside dt {

  float: left;

  width: 45%;

}

.pop_aside dd {

  float: left;

  width: 55%;

  text-align: right;

  font-weight: bold;

}

/* 내정보 */

.pop_myInfo {

  top: 112px;

  width: 190px;

  padding: 15px 15px 5px;

}

.pop_myInfo .txt {

  margin-bottom: 5px;

}

.pop_myInfo dd.a a,

.pop_myMl .btn li.pm a,

.pop_myItem li.r1 .pm {

  color: #ff3252;

}

.pop_myInfo dd.s a,

.pop_myMl .btn li.dps a,

.pop_myItem li.r1 .dps {

  color: #3082c6;

}

/* 내마일리지 */

.pop_myMl {

  top: 140px;

  width: 220px;

  padding: 0;

}

.pop_myMl .txt {

  margin: 15px;

}

.pop_myMl dd {

  font-weight: normal;

}

.pop_myMl a > span {

  display: inline-block;

  margin-right: 5px;

  color: #ff3252;

  font-weight: bold;

}

.pop_myMl .btn {

  width: 204px;

  height: 19px;

  padding: 8px;

  background: #3082c6;

}

.pop_myMl .btn li {

  float: right;

  color: #fff;

  margin-left: 1px;

}

.pop_myMl .btn li.tit {

  float: left;

  margin-left: 7px;

}

.pop_myMl .btn li a {

  display: inline-block;

  width: 68px;

  height: 19px;

  line-height: 21px;

  background: #fff;

  text-align: center;

}

/* 최근본물품 */

.pop_myItem {

  top: 231px;

  width: 330px;

  padding: 15px;

}

.pop_myItem .txt {

  line-height: 20px;

}

.pop_myItem .txt:first-child {

  margin-top: 0;

}

.pop_myItem .txt.none {

  padding: 23px 0;

  text-align: center;

}

.pop_myItem li {

  float: left;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.pop_myItem li.r1 {

  width: 100%;

  font-weight: bold;

}

.pop_myItem li.r2 {

  width: 100%;

}

.pop_myItem li.r3 {

  width: 50%;

}

.pop_myItem li.r4 {

  width: 50%;

  text-align: right;

  color: #ff3252;

}

/* 전체메뉴 */

.allmenu_layer {

  display: none;

  position: absolute;

  top: 0;

  left: 50%;

  width: 996px;

  height: 391px;

  margin-left: -500px;

  z-index: 1007;

  background: #fff;

  border: 2px solid #d9171f;

}

.allmenu_layer .hmtit {

  width: 100%;

  height: 40px;

  background: #d8161e;

}

.allmenu_layer .hmtit .tt {

  width: 128px;

  height: 16px;

  background-position: -151px -21px;

  margin: 12px 0 0 21px;

}

.allmenu_layer .layer_close {

  width: 15px;

  height: 15px;

  background-position: -279px -21px;

  position: absolute;

  top: 11px;

  right: 11px;

}

.allmenu_layer div {

  float: left;

  width: 121px;

  height: 311px;

  padding: 0 10px;

  border-left: 1px solid #e2e2e2;

  overflow: hidden;

  margin: 20px 0 0 0;

}

.allmenu_layer .mybay {

  border: none;

}

.allmenu_layer .tit {

  width: 121px;

  height: 19px;

  text-indent: 10px;

  font-weight: bold;

  color: #d6171e;

  background: #f7f8f3;

  padding: 7px 0 0 0;

}

.allmenu_layer ul {

  padding: 10px 0 0 10px;

}

.allmenu_layer li {

  min-height: 19px;

  letter-spacing: -1px;

}

.allmenu_layer li a {

  width: auto;

  height: 15px;

  _line-height: 11px;

}

.allmenu_layer li.mg {

  margin-top: 8px;

  padding: 10px 0 0 0;

  border-top: 1px dashed #c2c2c2;

}

.allmenu_layer .itemdeal {

  position: relative;

  zoom: 1;

}

.allmenu_layer .itemdeal .btn_priceinfo {

  position: absolute;

  top: 100px;

  left: 10px;

  width: 122px;

  height: 28px;

}

.allmenu_layer .itemdeal .btn_adservice {

  position: absolute;

  top: 132px;

  left: 10px;

  width: 122px;

  height: 28px;

}

.allmenu_layer .itemdeal .p {

  background-position: 0 -47px;

  width: 100%;

  height: 100%;

}

.allmenu_layer .itemdeal .a {

  background-position: 0 -75px;

  width: 100%;

  height: 100%;

}

.allmenu_layer .shopping {

  margin: 73px 0 0 0;

}



/* controller */

.tab_box {

  overflow: hidden;

  background: #fff;

}

.tab_box h5 {

  margin-bottom: 10px;

  font-size: 14px;

  font-family: notoCJK, sans-serif;

}

.tab_tit {

  width: 100%;

  height: 60px;

}

.tab_tit.off li {

  border-bottom-color: #ccd6de;

}

.tab_tit li {

  float: left;

  width: 249px;

  height: 58px;

  font-family: notoCJK, sans-serif;

  text-align: center;

  font-weight: bold;

  background: #f7f7f7;

  border-left: 1px solid #ccd6de;

  border-top: 1px solid #ccd6de;

  border-bottom: 1px solid #ff3252;

  cursor: pointer;

}

.tab_tit li:first-child {

  width: 248px;

}

.tab_tit li.on {

  background: #fff;

  border-color: #ff3252;

  border-bottom-color: #fff;

}

.tab_tit li.on + li {

  border-left-color: #ff3252;

}

.tab_tit li.off {

  border-bottom-color: #ccd6de;

}

.tab_tit li.login {

  background: #fff;

  border-right: 1px solid #ccd6de;

  border-bottom-color: #ccd6de;

}

.tab_tit li.my {

  border-right: 1px solid #ccd6de;

}

.tab_tit li.my.on {

  border-right-color: #ff3252;

}

.tab_tit li span {

  display: inline-block;

  vertical-align: middle;

  margin-top: 20px;

  font-size: 0;

  text-indent: -9999px;

}

.tab_tit li i.ico {

  display: inline-block;

  width: 15px;

  height: 14px;

  margin-left: 5px;

  background-position: -94px 0;

  vertical-align: -13px;

}

.tab_tit li i.ico.on {

  background-position-y: -15px;

}

.tab_tit li.ib span {

  width: 130px;

  height: 39px;

  background-position: 0 -103px;

  margin-top: 10px;

}

.tab_tit li.og span {

  width: 91px;

  height: 37px;

  background-position: 0 -142px;

  margin-top: 10px;

}

.tab_tit li.tb span {

  width: 116px;

  height: 37px;

  background-position: 0 -179px;

  margin-top: 10px;

}

.tab_tit li.login span {

  width: 134px;

  height: 17px;

  background-position: 0 -217px;

  margin-top: 20px;

}

.tab_tit li.tran span {

  width: 86px;

  height: 17px;

  background-position: 0 -235px;

}

.tab_tit li.game span {

  width: 86px;

  height: 17px;

  background-position: 0 -253px;

}

.tab_tit li.sch span {

  width: 64px;

  height: 17px;

  background-position: 0 -270px;

}

.tab_tit li.my span {

  width: 77px;

  height: 17px;

  background-position: 0 -287px;

}

.tab_tit li.on span {

  background-position-x: -134px;

}

.tab_box .area_guide dt {

  margin-bottom: 10px;

  font-weight: bold;

  font-size: 15px;

  font-family: notoCJK, sans-serif;

}

.tab_box .area_guide dd {

  height: 38px;

  border: 1px solid #ccd6de;

  text-align: center;

}

.tab_box .area_guide dd a {

  display: block;

  *height: 38px;

  *cursor: pointer;

}

.tab_box .area_guide dd span {

  display: inline-block;

  *display: block;

  height: 13px;

  margin-top: 13px;

  font-size: 0;

  text-indent: -9999px;

  vertical-align: middle;

  *margin-top: 12px;

}

/* controller:로그인 전 */

.tab_con {

  float: left;

  width: 750px;

  height: 298px;

  overflow: hidden;

}

.tab_con > div {

  display: none;

  width: 100%;

  *width: 748px;

  height: 298px;

  *height: 297px;

  box-sizing: border-box;

  overflow: hidden;

  border: 1px solid #ccd6de;

  border-top: 0;

}

.tab_con > .on {

  border-color: #ff3252;

}

.tab_con .ban_left {

  float: left;

  width: 248px;

}

.tab_con .ban_right {

  float: right;

  width: 499px;

  border-left: 1px solid #ccd6de;

}

.tab_con .ban_left,

.tab_con .ban_right {

  height: 297px;

}

.tab_con iframe {

  width: 100%;

  height: 100%;

}

/* login form */

.tab_con_login {

  position: relative;

  float: right;

  width: 209px;

  height: 257px;

  padding: 20px;

  overflow: hidden;

  border-right: 1px solid #ccd6de;

  border-bottom: 1px solid #ccd6de;

}

.tab_con_login ul.area_login {

  position: relative;

  width: 100%;

  height: 120px;

  overflow: hidden;

}

.tab_con_login ul.area_login li {

  float: left;

}

.tab_con_login ul.area_login li.box_check {

  width: 100%;

}

.tab_con_login ul.area_login li.box_check input {

  width: 14px;

  height: 14px;

  vertical-align: -3px;

  *vertical-align: 0;

  margin: 0;

}

.tab_con_login ul.area_login li.box_check label {

  cursor: pointer;

}

.tab_con_login ul.area_login li.input_id {

  position: absolute;

  left: 0;

  top: 22px;

}

.tab_con_login ul.area_login li.input_pw {

  position: absolute;

  left: 0;

  top: 52px;

}

.tab_con_login ul.area_login li.input_id label,

.tab_con_login ul.area_login li.input_pw label {

  position: absolute;

  left: 10px;

  top: 8px;

  cursor: text;

}

.tab_con_login ul.area_login li.input_id input[type="text"],

.tab_con_login ul.area_login li.input_pw input[type="password"] {

  width: 135px;

  height: 28px;

  line-height: 28px;

  padding-left: 10px;

  border: 1px solid #ccd6de;

}

.tab_con_login ul.area_login li.btn_submit {

  position: absolute;

  right: 0;

  top: 22px;

  *top: 23px;

}

.tab_con_login ul.area_login li.btn_submit input[type="submit"] {

  width: 62px;

  height: 62px;

  background: #747b8e;

  color: #fff;

  border: 0;

  cursor: pointer;

}

.tab_con_login ul.area_login li.btn_member {

  position: absolute;

  left: 5px;

  top: 90px;

  color: #bcbcbc;

  letter-spacing: 0.3px;

}

.tab_con_login .area_guide {

  position: absolute;

  left: 20px;

  bottom: 20px;

  width: 209px;

}

.tab_con_login .area_guide dd:nth-child(n + 2) {

  border-top: 0;

}

.tab_con_login .area_guide dd a {

  height: 38px;

}

.tab_con_login .area_guide dd.btn1 span {

  width: 153px;

  background-position: 0 -90px;

}

.tab_con_login .area_guide dd.btn2 span {

  width: 141px;

  background-position: -154px -90px;

}

.tab_con_login a.naver_login {

  display: block;

  width: 209px;

  height: 42px;

  background: url("/resources/image/design/login/btn_login_naver.gif") no-repeat;

  font-size: 0;

  text-indent: -9999px;

}

/* roll banner */

.ban_roll {

  position: relative;

  overflow: hidden;

}

.ban_roll ul.img_list {

  position: relative;

  width: 248px;

  height: 298px;

  overflow: hidden;

}

.ban_roll ul.img_list li {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 100%;

}

.ban_roll ul.img_list li:first-child {

  left: 0;

}

.ban_roll ul.btn_list {

  position: absolute;

  bottom: 10px;

  left: 50%;

}

.ban_roll ul.btn_list li {

  float: left;

  width: 20px;

  text-align: center;

}

.ban_roll ul.btn_list li a {

  display: block;

}

.ban_roll ul.btn_list li a span {

  display: inline-block;

  *display: block;

  width: 5px;

  height: 5px;

  background: #fff;

  border-radius: 50%;

  vertical-align: middle;

  font-size: 0;

  text-indent: -9999px;

}

.ban_roll ul.btn_list li.on a span {

  background: #ff3252;

}

/* controller:로그인 후 */

.member .tab_con {

  width: 100%;

}

.member .tab_con > div {

  *width: 998px;

}

.member .tab_tit li span,

.member .tab_tit lI I.ico {

  *float: left;

  *margin-top: 20px;

}

.member .tab_tit li span {

  *margin-left: 80px;

}

.member .tab_con .ban_left {

  float: left;

  width: 218px;

}

.member .tab_con .ban_right {

  float: right;

  width: 719px;

  border-left: 1px solid #ccd6de;

}

.member .tab_con .ban_left,

.member .tab_con .ban_right {

  position: relative;

  height: 258px;

  padding: 20px 15px;

}

.member .tab_con .i {

  background-position: -151px -37px;

  width: 5px;

  height: 3px;

  position: absolute;

  z-index: 70;

  left: 120px;

  margin: 0;

  top: -5px;

}

.member .tab_con .tit .btn_wish_more {

  width: 46px;

  height: 14px;

  background-position: -834px -46px;

  text-indent: -9999px;

  margin: 2px 0 0 5px;

}

.member .tab_con span.b1 {

  color: #3082c6;

  font-weight: bold;

  margin-right: 5px;

  display: inline-block;

}

.member .tab_con span.r1 {

  color: #ff3252;

  font-weight: bold;

  margin-right: 5px;

  display: inline-block;

}

.member .tab_con span.g1 {

  color: #449717;

  font-weight: bold;

  margin-right: 5px;

  display: inline-block;

}

.member .tab_con span.y1 {

  color: #ca6a0d;

  font-weight: bold;

  margin-right: 5px;

  display: inline-block;

}

.member .tit {

  overflow: hidden;

  margin-bottom: 10px;

}

.member .tit h5 {

  float: left;

  margin-bottom: 0;

}

.member .tit .more {

  float: right;

  text-align: right;

  margin-left: 10px;

  font-size: 11px;

  text-decoration: underline;

}

.member .area_1 .tit,

.member .area_2 .tit,

.member .area_3 .tit {

  margin-bottom: 5px;

}

.member .area_3 .tit {

  padding-bottom: 5px;

  margin-bottom: 10px;

  border-bottom: 1px solid #ccd6de;

}

/* 거래중물품/관심게임/최근검색 */

.sch_lately_list ul {

  width: 210px;

  overflow: hidden;

}

.sch_lately_list ul.lately_menu {

  width: 100%;

  height: 100px;

  margin-bottom: 25px;

  letter-spacing: -1px;

}

.sch_lately_list ul.lately_menu li {

  width: 45%;

  margin-bottom: 5px;

  margin-right: 2%;

  float: left;

  background: url("/resources/image/design/layout/ico_dot_gray3.gif") no-repeat

    left 6px;

  padding-left: 5px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_lately_list ul.lately_menu li.none {

  background: none;

  width: 100%;

  padding-left: 0;

}

.sch_lately_list ul.lately_game {

  width: 100%;

  height: 100px;

}

.sch_lately_list ul.lately_game li {

  height: 20px;

  margin-bottom: 1px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_lately_list ul.lately_game span.txt_dot1 {

  width: 155px;

  font-weight: normal;

  display: inline-block;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_lately_sv .lately_item_wrap,

.sch_lately_sv .lately_wish_wrap {

  height: 100px;

  margin-bottom: 25px;

  overflow: hidden;

}

.sch_lately_sv .lately_item_wrap > a,

.sch_lately_sv .lately_wish_wrap > a {

  display: block;

  margin-bottom: 5px;

}

.sch_lately_sv .lately_item_wrap a:focus,

.sch_lately_sv .lately_wish_wrap a:focus {

  outline: 1px dotted #808080;

}

.sch_lately_sv .lately_item_wrap span.txt_dot2,

.sch_lately_sv .lately_wish_wrap span.txt_dot2 {

  width: 112px;

  font-weight: normal;

  display: inline-block;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_lately_sv .lately_item_wrap span.txt_dot3,

.sch_lately_sv .lately_wish_wrap span.txt_dot3 {

  width: 155px;

  font-weight: normal;

  display: inline-block;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_lately_sv .lately_item_wrap p.none,

.sch_lately_sv .lately_wish_wrap p.none {

  margin-bottom: 7px;

}

.sch_lately_sv ul.lately_item {

  overflow: hidden;

}

.sch_lately_sv ul.lately_item:hover {

  background: #f8f8f8;

}

.sch_lately_sv ul.lately_item li {

  float: left;

  background: url("/resources/image/design/layout/top_bar_02.gif") no-repeat

    center left;

  padding: 3px 5px 0;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_lately_sv ul.lately_item li.r1 span,

.sch_lately_sv ul.lately_item li.r3 span {

  float: left;

}

.sch_lately_sv ul.lately_item li.r1 {

  width: 170px;

  padding-left: 0;

  background: none;

}

.sch_lately_sv ul.lately_item li.r2 {

  padding: 0;

}

.sch_lately_sv ul.lately_item li.r2 > span,

.sch_lately_sv ul.lately_item li.r2 img {

  margin: 0 5px;

  vertical-align: middle;

}

.sch_lately_sv ul.lately_item li.r3 {

  width: 200px;

}

.sch_lately_sv ul.lately_item li.r4 {

  width: 100px;

  text-align: right;

}

.sch_lately_sv ul.lately_item li.r5 {

  width: 80px;

  text-align: right;

}

.sch_lately_sv ul.lately_item li.r6 {

  width: 90px;

  color: #ff3000;

}

.sch_deal_list .tit .btn_deal_add {

  width: 52px;

  height: 16px;

  background-position: -591px -100px;

  margin-left: 5px;

}

.sch_deal_list .tit .btn_deal_out {

  width: 52px;

  height: 16px;

  background-position: -643px -100px;

  margin-left: 2px;

}

.sch_deal_list ul.deal_mileage {

  background: #f9f9f9;

  border: 1px solid #e0e0e0;

  padding: 5px 10px;

  overflow: hidden;

  margin-bottom: 20px;

  line-height: 18px;

}

.sch_deal_list ul.deal_mileage li {

  background: url("/resources/image/design/layout/ico_dot_gray3.gif") no-repeat

    left 6px;

  padding-left: 5px;

  letter-spacing: 0;

}

.sch_deal_list #divLastBuyItem,

.sch_deal_list #divLastSellItem {

  padding-top: 5px;

  border-top: 1px solid #ccd6de;

}

.sch_deal_list ul.deal_late_list {

  margin-bottom: 18px;

}

.sch_deal_list ul.deal_late_list li {

  width: 100%;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  position: relative;

}

.sch_deal_list ul.deal_late_list li.btn {

  width: 55%;

  padding-right: 45%;

}

.sch_deal_list ul.deal_late_list li.btn .btn_buy_more {

  position: absolute;

  right: 0;

  top: 1px;

  width: 98px;

  height: 14px;

  background-position: -834px -74px;

  text-indent: -9999px;

}

.sch_deal_sv .deal_sell_wrap span.txt_dot4,

.sch_deal_sv .deal_buy_wrap span.txt_dot4 {

  width: 120px;

  font-weight: normal;

  display: inline-block;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_deal_sv .deal_wrap_l {

  width: 352px;

  float: left;

  margin-right: 15px;

}

.sch_deal_sv .deal_wrap_r {

  width: 352px;

  float: right;

}

.sch_deal_sv .btn_deal_more {

  width: 38px;

  height: 14px;

  background-position: -834px -60px;

  text-indent: -9999px;

  margin: 2px 0 0 5px;

}

.sch_deal_sv .btn_deal_more2 {

  width: 84px;

  height: 14px;

  background-position: -834px -88px;

  text-indent: -9999px;

  margin: 2px 0 0 5px;

}

.sch_deal_sv .btn_deal_more3 {

  width: 84px;

  height: 14px;

  background-position: -834px -102px;

  text-indent: -9999px;

  margin: 2px 0 0 5px;

}

.sch_deal_sv .deal_sell_wrap,

.sch_deal_sv .deal_buy_wrap {

  letter-spacing: 0;

  margin-bottom: 20px;

}

.sch_deal_sv .deal_sell_wrap ul.list_01 {

  background: #ecf6fb;

}

.sch_deal_sv .deal_buy_wrap ul.list_01 {

  background: #fcf3f5;

}

.sch_deal_sv .btn_deal_cancel {

  float: none;

  width: 29px;

  height: 16px;

  background-position: -730px -116px;

  margin-left: 2px;

  display: inline-block;

}

.sch_deal_sv .btn_deal_report {

  float: none;

  width: 29px;

  height: 16px;

  background-position: -730px -100px;

  margin-left: 2px;

  display: inline-block;

}

.sch_deal_sv span.btn_deal_passout01 {

  color: #ce000f;

  font-weight: bold;

  letter-spacing: -0.05em;

  position: absolute;

  top: 1px;

  right: 63px;

}

.sch_deal_sv .btn_deal_passout02 {

  float: none;

  width: 49px;

  height: 16px;

  background-position: -759px -116px;

  display: inline-block;

}

.sch_deal_sv .btn_deal_passout03 {

  float: none;

  width: 49px;

  height: 16px;

  background-position: -759px -100px;

  display: inline-block;

}

.sch_deal_sv span.btn_deal_info01 {

  float: none;

  width: 36px;

  height: 15px;

  background-position: -591px -117px;

  margin-right: 5px;

  display: inline-block;

  top: 3px;

  *top: 0;

}

.sch_deal_sv span.btn_deal_info02 {

  float: none;

  width: 36px;

  height: 15px;

  background-position: -627px -117px;

  margin-right: 5px;

  display: inline-block;

  top: 3px;

  *top: 0;

}

.sch_deal_sv span.btn_deal_info03 {

  float: none;

  width: 36px;

  height: 15px;

  background-position: -663px -117px;

  margin-right: 5px;

  display: inline-block;

  top: 3px;

  *top: 0;

}

.sch_deal_sv span.btn_deal_info04 {

  float: none;

  width: 36px;

  height: 15px;

  background-position: -591px -132px;

  margin-right: 5px;

  display: inline-block;

  top: 3px;

  *top: 0;

}

.sch_deal_sv .btn_deal_copy {

  float: none;

  width: 30px;

  height: 15px;

  background-position: -699px -117px;

  display: inline-block;

  top: 3px;

  *top: 0;

}

.sch_deal_sv .btn_deal_infomore {

  float: none;

  width: 13px;

  height: 12px;

  background-position: -739px -25px;

  margin-left: 4px;

  display: inline-block;

  top: 2px;

  *top: -2px;

}

.sch_deal_sv span.line {

  text-decoration: underline;

  margin-top: 5px;

  display: inline-block;

}

.sch_deal_sv ul.list_01 {

  background: #ecf6fb;

  padding: 5px 10px;

  overflow: hidden;

}

.sch_deal_sv ul.list_01 li {

  float: left;

  height: 17px;

  position: relative;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_deal_sv ul.list_01 li .blue {

  color: #0066cc;

  padding-right: 5px;

  float: left;

}

.sch_deal_sv ul.list_01 li.r1 {

  width: 62%;

}

.sch_deal_sv ul.list_01 li.r2 {

  width: 38%;

  text-align: right;

  position: relative;

}

.sch_deal_sv ul.list_01 li.r3 {

  width: 40%;

  font-weight: bold;

  color: #333;

  margin-top: 2px;

}

.sch_deal_sv ul.list_01 li.r3 a {

  color: #333;

}

.sch_deal_sv ul.list_01 li.r4 {

  width: 30%;

  margin-top: 2px;

  color: #333;

  font-weight: bold;

}

.sch_deal_sv ul.list_01 li.r4 span.gray,

.sch_deal_sv ul.list_01 li.r5 span.gray {

  font-weight: normal;

}

.sch_deal_sv ul.list_01 li.r5 {

  width: 30%;

  margin-top: 2px;

  color: #333;

  font-weight: bold;

}

.sch_deal_sv ul.list_02 {

  overflow: hidden;

  margin-top: 2px;

}

.sch_deal_sv ul.list_02 li {

  width: 100%;

}

.sch_deal_sv ul.list_02 li.r1 span.name {

  font-family: "바탕", "batang", "돋움", "dotum";

  font-size: 12px;

  color: #f37200;

  max-width: 150px;

  position: relative;

  top: 4px;

  *top: 0px;

  display: inline-block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.sch_deal_sv ul.list_02 li.r2 a {

  margin-left: 1px;

}

.sch_deal_sv ul.list_02 li.r3 span.ibid {

  background: url("/resources/image/design/layout/top_bar_02.gif") no-repeat top

    right;

  padding-right: 5px;

}

.sch_deal_sv ul.list_02 li.r3 .b1 {

  font-weight: normal;

}

.sch_deal_img {

  float: left;

  margin: 20px 0 5px;

}

.sch_deal_img a {

  float: left;

  margin-left: 5px;

  width: 23.7%;

}

.sch_deal_img a:first-child {

  margin-left: 0;

}

.sch_deal_img a img {

  width: 100%;

  height: 100%;

}

.sch_deal_img2 {

  float: left;

  background: url("/resources/image/design/main/sch_deal_07.gif") no-repeat;

  width: 697px;

  height: 39px;

  margin-top: 7px;

}

.sch_deal_img2 a {

  float: left;

  width: 164px;

  height: 25px;

  margin: 7px 2px 7px 7px;

  text-indent: -9999px;

}

.sch_fast {

  width: 996px;

  height: 231px;

  text-align: left;

  clear: both;

  border: 2px solid #d52323;

  background: #fff;

  position: relative;

  z-index: 100;

  margin-bottom: 10px;

}

.sch_fast .i {

  background-position: -151px -37px;

  width: 5px;

  height: 3px;

  position: absolute;

  z-index: 70;

  left: 50px;

  margin: 0;

  top: -5px;

}

.sch_fast_list {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  *height: 297px;

  background: #f9f9f9;

}

.sch_fast_sv {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  *width: 719px;

  height: 100%;

  padding: 20px 15px 15px;

  box-sizing: border-box;

}

.sch_fast_sv .tit {

  width: 395px;

  height: 13px;

  margin: 0 0 5px 0;

}

.sch_fast_sv .sch_info {

  position: absolute;

  right: 0;

  top: 21px;

  width: 199px;

}

.sch_fast_sv2 .tit {

  width: 250px;

  height: 13px;

  margin: 0 0 5px 0;

}

.sch_fast_sv2 {

  width: 250px;

  float: left;

  position: relative;

  zoom: 1;

  padding: 13px 0 0 6px;

}

.sch_fast_list .tit {

  position: absolute;

  top: 25px;

  left: 15px;

  width: 218px;

  overflow: visible;

}

.sch_fast_list .tit h5 {

  font-size: 13px;

}

.sch_fast_list .tit .tst {

  width: 64px;

  height: 13px;

  background-position: -151px -40px;

  position: absolute;

  top: 0px;

  left: 0;

}

.sch_fast_list .tit img {

  vertical-align: middle;

  margin-bottom: 3px;

}

.sch_fast_list .tit #spnConcernGameCount {

  color: #ff3252;

}

.sch_fast_list .setgo {

  position: absolute;

  top: 2px;

  right: 0px;

  font-size: 11px;

}

.sch_fast_list .setgo a {

  text-decoration: underline;

}

.sch_fast_list ul {

  position: absolute;

  top: 50px;

  left: 15px;

  width: 208px;

  height: 221px;

  padding: 5px;

  overflow-y: scroll;

  overflow-x: hidden;

  background: #fff;

  border: 1px solid #e0e0e0;

}

.sch_fast_list ul li {

  width: 100%;

  overflow: hidden;

  font-size: 11px;

  line-height: 20px;

}

.sch_fast_list ul li.none {

  line-height: 16px;

}

.sch_fast_list ul li.none:hover {

  background: none;

}

.sch_fast_list ul li .buy {

  float: left;

  cursor: pointer;

  margin-right: 7px;

  width: auto;

  height: 18px;

  background: none;

  padding: 0;

  color: #ff3252;

  font-weight: bold;

  position: relative;

}

.sch_fast_list ul li .sell {

  float: left;

  cursor: pointer;

  margin-right: 7px;

  width: auto;

  height: 18px;

  background: none;

  padding: 0;

  color: #3082c6;

  font-weight: bold;

  position: relative;

}

.sch_fast_list ul li a {

  float: left;

  width: 175px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.sch_fast_list ul li a.del {

  float: right;

  width: 11px;

  height: 11px;

  margin-top: 4px;

  background: url("/resources/image/design/layout/btn_del.gif") no-repeat;

}

.sch_fast_list ul li a span {

  background: url("/resources/image/design/layout/bull_03.gif") no-repeat 3px

    top;

  padding-left: 10px;

  *position: absolute;

  *background-position: 5px 4px;

  cursor: pointer;

}

.sch_fast_list ul li a p {

  float: left;

  width: auto;

  max-width: 80px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding: 0 1px 0 0;

  cursor: pointer;

}

.sch_fast_sv .sct_index {

  height: 20px;

}

.sch_fast_sv .sct_index ul {

  height: 20px;

  width: auto;

  overflow: hidden;

}

.sch_fast_sv .sct_index ul img {

  text-align: left;

}

.sch_fast_sv .sct_index li {

  text-align: center;

  float: left;

  height: 18px;

  line-height: 18px;

  margin: 0;

  background: #f5f5f5;

  font-size: 11px;

}

.sch_fast_sv .sct_index li span {

  vertical-align: -1px;

}

.sch_fast_sv .sct_index li.titfst {

  width: 40px;

  height: 16px;

  padding-top: 1px;

  border: 1px solid #747474;

  color: #666666;

  margin-right: 1px;

  background: #ffffff;

}

.sch_fast_sv .sct_index li.tit {

  width: 35px;

  border: 1px solid #7e7e7e;

  color: #2173a7;

  background: #8f8e8e;

  margin-right: 2px;

}

.sch_fast_sv .sct_index li.tit1 {

  border: 1px solid #346900;

  color: #346900;

  background-color: #eff5eb;

}

.sch_fast_sv .sct_index li.tit2 {

  border: 1px solid #b31864;

  color: #da287e;

  background-color: #fef3fb;

}

.sch_fast_sv .sct_index li.tit3 {

  border: 1px solid #132e75;

  color: #284088;

  background-color: #eff2f9;

}

.sch_fast_sv .sct_index li.tit4 {

  border: 1px solid #ff5500;

  color: #ff5500;

  background-color: #eff2f9;

}

.sch_fast_sv .sct_index li.listfst {

  width: 42px;

  height: 18px;

  border: 1px solid #dadada;

  color: #7f7f7f;

  margin-left: 5px;

}

.sch_fast_sv .sct_index li.list {

  width: 19px;

  height: 18px;

  border-top: 1px solid #dadada;

  border-right: 1px solid #dadada;

  border-bottom: 1px solid #dadada;

  color: #666666;

}

.sch_fast_sv .sct_index li.listend {

  width: 33px;

  border-top: 1px solid #dadada;

  border-right: 1px solid #dadada;

  border-bottom: 1px solid #dadada;

  color: #7f7f7f;

  height: 18px;

}

.sch_fast_sv .sct_index li.tit:hover {

  border: 1px solid #4f4f4f;

  color: #fff;

  background-color: #747474;

}

.sch_fast_sv .sct_index li.titfst_on,

.sch_fast_sv .sct_index li.titfst_on:hover {

  border: 1px solid #4f4f4f;

  color: #ffffff;

  background-color: #666666;

}

.sch_fast_sv .sct_index li.tit1:hover,

.sch_fast_sv .sct_index li.tit1_on {

  border: 1px solid #346900;

  color: #ffffff;

  background-color: #3e7e00;

}

.sch_fast_sv .sct_index li.tit2:hover,

.sch_fast_sv .sct_index li.tit2_on {

  border: 1px solid #b11964;

  color: #ffffff;

  background-color: #d9297e;

}

.sch_fast_sv .sct_index li.tit3:hover,

.sch_fast_sv .sct_index li.tit3_on {

  border: 1px solid #152d77;

  color: #ffffff;

  background-color: #264389;

}

.sch_fast_sv .sct_index li.tit4:hover,

.sch_fast_sv .sct_index li.tit4_on {

  border: 1px solid #ff5500;

  color: #ffffff;

  background-color: #f77a3a;

}

.sch_fast_sv .sct_index li.tit_on {

  border: 1px solid #0e3779;

  color: #ffffff;

  background-color: #3763ac;

}

.sch_fast_sv .sct_index li.listfst:hover,

.sch_fast_sv .sct_index li.listfst_on {

  width: 42px;

  height: 17px;

  padding-top: 1px;

  border: 1px solid #dadada;

  color: #ffffff;

  background-color: #999;

}

.sch_fast_sv .sct_index li.list:hover,

.sch_fast_sv .sct_index li.list_on {

  width: 19px;

  height: 17px;

  padding-top: 1px;

  border-top: 1px solid #dadada;

  border-right: 1px solid #dadada;

  border-bottom: 1px solid #dadada;

  color: #ffffff;

  background-color: #999;

}

.sch_fast_sv .sct_index li.listend:hover,

.sch_fast_sv .sct_index li.listend_on {

  width: 33px;

  height: 17px;

  padding-top: 1px;

  border-top: 1px solid #dadada;

  border-right: 1px solid #dadada;

  border-bottom: 1px solid #dadada;

  color: #ffffff;

  background-color: #999;

}

.sch_fast_sv .sct_game {

  float: left;

  width: 517px;

  height: 221px;

  margin-top: 10px;

  padding: 5px 0;

  border: 1px solid #e0e0e0;

  overflow-x: hidden;

  overflow-y: auto;

}

.sch_fast_sv .sct_game ul {

  width: 100%;

  overflow: hidden;

}

.sch_fast_sv .sct_game li {

  float: left;

  width: 31.3%;

  height: 20px;

  line-height: 20px;

  padding-left: 10px;

  cursor: pointer;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_fast_sv .sct_game li:hover,

.sch_fast_list ul li:hover {

  background: #efefef;

}

.sch_fast_sv .sct_game li.on {

  background: #efefef;

  color: #de1016;

  font-weight: bold;

  letter-spacing: -1px;

}

.sch_fast_sv .sct_server {

  float: right;

  width: 180px;

  height: 221px;

  margin-top: 10px;

  padding: 5px 0;

  border: 1px solid #e0e0e0;

  overflow-x: hidden;

  overflow-y: auto;

}

.sch_fast_sv .sct_server ul {

  width: 100%;

  overflow: hidden;

}

.sch_fast_sv .sct_server li {

  height: 20px;

  line-height: 20px;

  padding-left: 10px;

  cursor: pointer;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.sch_fast_sv .sct_server li:hover {

  background: #efefef;

}

.sch_fast_sv .sct_server li.on {

  background: #efefef;

  color: #de1016;

  font-weight: bold;

  letter-spacing: -1px;

}

.sch_fast_sv2 p.tit .wbg {

  background-position: -665px -233px;

  width: 74px;

  height: 12px;

  float: left;

  position: relative;

  zoom: 1;

}

.sch_fast_sv2 dl {

  width: 229px;

  height: 197px;

  border: 1px solid #e0e0e0;

  padding: 10px;

  overflow: auto;

  overflow-x: hidden;

  background-color: #ffffff;

}

.sch_fast_sv2 dl dd {

  font-size: 11px;

  color: #555555;

}

.sch_fast_sv2 dl dd input {

  font-size: 11px;

  color: #999999;

}

.sch_fast_sv2 dl dd.r1 {

  line-height: 15px;

}

.sch_fast_sv2 dl dd.r1 span {

  color: #e9292a;

  font-weight: bold;

}

.sch_fast_sv2 dl dd.r2 {

  line-height: 23px;

}

.sch_fast_sv2 dl dd.r2 img {

  margin-right: 7px;

}

.sch_fast_sv2 dl p {

  margin-top: 6px;

  text-align: center;

  width: 229px;

  height: 28px;

  position: relative;

  zoom: 1;

}

.sch_fast_sv2 dl p .btn_sch {

  width: 121px;

  height: 27px;

  background-position: -492px -248px;

  position: absolute;

  margin: 0 0 0 -60px;

  top: 0;

  left: 50%;

  cursor: pointer;

}

/* 거래중물품 - 인수하기:레이어팝업 */

.member .area_1 .buyTakeover {

  position: absolute;

  top: 100px;

  left: 260px;

}

/* 마이서비스 */

.member .area_4 h5 span {

  font-size: 15px;

}

.member .area_4 .ban_left {

  width: 748px;

  height: 297px;

  padding: 0;

}

.member .area_4 .ban_right {

  width: 219px;

  height: 257px;

}

.member .area_4 .ban_left > div {

  float: left;

  width: 374px;

  *width: 343px;

  height: 100%;

  *height: 262px;

  padding: 20px 15px 15px;

  box-sizing: border-box;

  overflow: hidden;

}

.member .area_4 .area_guide dd {

  background: #f7f7f7;

}

.member .area_4 .game {

  *width: 343px;

  border-right: 1px solid #ccd6de;

}

.member .area_4 .game ul {

  width: 100%;

  overflow: hidden;

}

.member .area_4 .game li {

  float: left;

  width: 33.3%;

  margin-bottom: 10px;

}

.member .area_4 .game li a {

  position: relative;

  display: block;

}

.member .area_4 .game li a:after {

  content: "";

  position: absolute;

  top: 0;

  left: 16px;

  width: 78px;

  height: 78px;

  background: url("/resources/image/design/game/game_imgwrap_01.png") no-repeat

    center;

}

.member .area_4 .game li a img {

  display: inline-block;

  margin-left: 16px;

  width: 78px;

  height: 78px;

}

.member .area_4 .game dl {

  margin-top: 5px;

  text-align: center;

}

.member .area_4 .game dt {

  font-weight: bold;

}

.member .area_4 .price {

  position: relative;

}

.member .area_4 .price .graph {

  width: 100%;

  height: 135px;

  margin-bottom: 15px;

  border: 1px solid #ccd6de;

}

.member .area_4 .price .area_guide {

  width: 100%;

  font-size: 11px;

}

.member .area_4 .price .area_guide dd {

  float: left;

  width: 50%;

  *width: 169px;

  height: 30px;

  line-height: 30px;

  box-sizing: border-box;

  text-align: left;

}

.member .area_4 .price .area_guide dd:nth-child(2n) {

  border-left: 0;

}

.member .area_4 .price .area_guide dd:nth-child(n + 3) {

  border-top: 0;

}

.member .area_4 .price .area_guide dd a {

  padding-left: 10px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.member .area_4 .myinfo {

  position: relative;

  margin-bottom: 15px;

  border: 1px solid #ccd6de;

}

.member .area_4 .myinfo .level {

  position: absolute;

  left: 13px;

  top: 37px; /* top:33px; */

  width: 40px;

  height: 50px;

  line-height: 12px;

  text-align: center;

  font-weight: bold;

  font-family: notoCJK, sans-serif;

}

.member .area_4 .myinfo .level .img_lv1,

.member .area_4 .myinfo .level .img_lv3,

.member .area_4 .myinfo .level .img_lv5,

.member .area_4 .myinfo .level .img_lv6 {

  width: 100%;

}

.member .area_4 .myinfo .level .img_txt {

  display: inline-block;

  *width: 40px;

  margin-top: 7px;

  background-position-x: -221px;

  font-size: 0;

  text-indent: -9999px;

}

.member .area_4 .myinfo .level .ico_lv0 + .img_txt {

  width: 30px;

  height: 11px;

  background-position-y: -234px;

} /* NEW */

.member .area_4 .myinfo .level .ico_lv1 + .img_txt {

  width: 38px;

  height: 14px;

  background-position-y: -246px;

} /* 브론즈 */

.member .area_4 .myinfo .level .ico_lv3 + .img_txt {

  width: 24px;

  height: 13px;

  background-position-y: -261px;

} /* 실버 */

.member .area_4 .myinfo .level .ico_lv5 + .img_txt {

  width: 25px;

  height: 12px;

  background-position-y: -275px;

} /* 골드 */

.member .area_4 .myinfo .level .ico_lv6 + .img_txt {

  width: 26px;

  height: 12px;

  background-position-y: -288px;

} /* VIP */

.member .area_4 .myinfo .txt {

  width: 142px;

  height: 93px;

  padding: 8px 5px 0 70px;

  overflow: hidden;

  line-height: 1.7;

}

.member .area_4 .myinfo .txt dl {

  overflow: hidden;

  font-weight: bold;

  font-family: notoCJK, sans-serif;

}

.member .area_4 .myinfo .txt dl.m span,

.member .area_4 .myinfo .txt dl.p span {

  color: #ff3252;

}

.member .area_4 .myinfo .txt dt {

  float: left;

  width: 35%;

  font-size: 13px;

  letter-spacing: -2px;

}

.member .area_4 .myinfo .txt dd {

  float: left;

  width: 65%;

  text-align: right;

}

.member .area_4 .myinfo .txt dd span {

  display: inline-block;

  width: 80%;

  margin-right: 5px;

  vertical-align: top;

  font-family: dotum, "돋움";

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.member .area_4 .myinfo ul.btn {

  width: 100%;

  *height: 19px;

  *width: 201px;

  padding: 8px;

  box-sizing: border-box;

  overflow: hidden;

  background: #747b8e;

}

.member .area_4 .myinfo ul.btn li {

  float: left;

  font-weight: bold;

  font-family: notoCJK, sans-serif;

}

.member .area_4 .myinfo ul.btn li a {

  display: block;

  height: 16px;

  line-height: 14px;

  text-align: center;

}

.member .area_4 .myinfo ul.btn li span {

  margin-top: 2px;

  text-indent: -9999px;

}

.member .area_4 .myinfo ul.btn li.tit {

  margin-bottom: 0;

  color: #fff;

}

.member .area_4 .myinfo ul.btn li.tit span {

  display: inline-block;

  width: 45px;

  height: 13px;

  background-position: -63px -75px;

}

.member .area_4 .myinfo ul.btn li.dps {

  width: 40px;

  margin-left: 8px;

  background: #fff;

  border: 1px solid #ccd6de;

}

.member .area_4 .myinfo ul.btn li.dps span {

  display: inline-block;

  width: 23px;

  height: 12px;

  background-position: -109px -76px;

}

.member .area_4 .myinfo ul.btn li.pm {

  width: 38px;

  margin-left: -1px;

  background: #fff;

  border: 1px solid #ccd6de;

}

.member .area_4 .myinfo ul.btn li.pm span {

  display: inline-block;

  width: 24px;

  height: 12px;

  background-position: -133px -76px;

}

.member .area_4 .myinfo ul.btn li.fpm {

  float: right;

  width: 58px;

  background: #fff;

  border: 1px solid #ccd6de;

}

.member .area_4 .myinfo ul.btn li.fpm span {

  display: inline-block;

  width: 46px;

  height: 13px;

  *vertical-align: 1px;

  background-position: -158px -75px;

}

.member .area_4 .ban_right .area_guide dd {

  float: left;

  width: 50%;

  height: 30px;

  line-height: 30px;

  box-sizing: border-box;

}

.member .area_4 .ban_right .area_guide dd:nth-child(2n) {

  border-left: 0;

}

.member .area_4 .ban_right .area_guide dd:nth-child(n + 3) {

  border-top: 0;

}

.member .area_4 .ban_right .area_guide dd a {

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.member .area_4 .pop_fvr {

  display: none;

  position: absolute;

  left: 6px;

  bottom: 6px;

  width: 235px;

  height: 280px;

  overflow: hidden;

  background: #fff;

  border: 1px solid #3082c6;

}

.member .area_4 .pop_fvr .tit {

  height: 15px;

  line-height: 15px;

  padding: 8px 10px;

  margin: 0;

  background: #3082c6;

}

.member .area_4 .pop_fvr .tit a {

  float: left;

  font-size: 14px;

  *font-size: 13px;

  color: #fff;

  font-weight: bold;

  font-family: notoCJK, sans-serif;

}

.member .area_4 .pop_fvr .tit .close.ico {

  float: right;

  width: 15px;

  height: 15px;

  background-position: -10px -36px;

  font-size: 0;

  text-indent: -9999px;

}

.member .area_4 .pop_fvr ul.list {

  width: 100%;

  height: 218px;

  overflow-y: auto;

}

.member .area_4 .pop_fvr ul.list li {

  height: 36px;

  line-height: 36px;

  border-bottom: 1px solid #ccd6de;

}

.member .area_4 .pop_fvr ul.list li a {

  display: block;

  padding-left: 20px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.member .area_4 .pop_fvr ul.list li a .ico {

  display: inline-block;

  width: 15px;

  height: 14px;

  margin-right: 8px;

  background-position: -94px 0;

  vertical-align: -1px;

}

.member .area_4 .pop_fvr ul.list li.on a {

  color: #ff3252;

}

.member .area_4 .pop_fvr ul.list li.on a .ico {

  background-position-y: -15px;

}

.member .area_4 .pop_fvr .txt {

  height: 30px;

  line-height: 30px;

  text-align: center;

  font-size: 11px;

  background: #f7f7f7;

  border-top: 1px solid #ccd6de;

}

/* sub - toggle btn */

.area_tab.sub {

  padding-bottom: 0;

  border-bottom: 1px solid #e3e3e5;

}

.area_tab.sub.on {

  padding-bottom: 25px;

}

.area_tab.sub .tab_box {

  display: none;

}

.btn_tabView {

  position: absolute;

  right: 37px;

  bottom: -19px;

  width: 90px;

  height: 32px;

  background: url("/resources/image/design/main/v3_0/btn_subTab.gif") no-repeat

    50% 0;

  cursor: pointer;

  font-size: 0;

  text-indent: -9999px;

}

.btn_tabView.off {

  background: url("/resources/image/design/main/v3_0/btn_subTab_on.gif")

    no-repeat 50% 0;

}

.area_tab.sub.on .btn_tabView {

  bottom: -45px;

}



/* footer */

#footer a {

  color: #838383;

}

#footer .info_list {

  padding: 10px 5px;

  overflow: hidden;

  border-top: 1px solid #e3e3e3;

  border-bottom: 1px solid #e3e3e3;

}

#footer .info_list li {

  float: left;

  margin-right: 30px;

}

#footer .family_site {

  position: absolute;

  top: 8px;

  right: 10px;

  padding: 2px 10px;

  border: 1px solid #c8c8c8;

  border-radius: 2px;

  background: #fff;

  z-index: 1;

}

#footer .family_site .tit {

  width: 140px;

  cursor: pointer;

  font-size: 10px;

}

#footer .family_site .tit .ico {

  position: absolute;

  top: 9px;

  right: 10px;

  width: 5px;

  height: 3px;

  background-position: -7px -14px;

  font-size: 0;

  text-indent: -9999px;

}

#footer .family_site .tit.on .ico {

  background-position-y: -18px;

}

#footer .family_site ul {

  display: none;

  width: 140px;

  margin-top: 5px;

  padding: 5px 0 3px;

  border-top: 1px solid #e8e8e8;

  line-height: 12px;

}

#footer .family_site ul li a {

  display: block;

  padding: 3px;

  font-size: 11px;

}

#footer address {

  position: relative;

  padding: 20px 220px 20px 5px;

  line-height: 1.7;

  color: #838383;

  font-size: 11px;

  font-style: normal;

  letter-spacing: -0.03em;

}

#footer address .logo {

  position: absolute;

  right: 40px;

  top: 37px;

}

#footer address .bizinfo {

  display: inline-block;

  width: 89px;

  height: 16px;

  background-position: -119px -52px;

  font-size: 0;

  text-indent: -9999px;

  vertical-align: top;

}

#footer .link_list {

  padding: 10px;

  overflow: hidden;

  border: 1px solid #e3e3e3;

  border-radius: 5px;

}

#footer .link_list li {

  float: left;

  width: 8.3%;

  height: 22px;

}

#footer .link_list li a {

  display: block;

  width: 100%;

  height: 22px;

  text-indent: -9999px;

  float: left;

  position: relative;

  zoom: 1;

}

#footer .link_list li.bn1 a {

  background-position: 20px -500px;

}

#footer .link_list li.bn2 a {

  background-position: -68px -500px;

}

#footer .link_list li.bn3 a {

  background-position: -153px -500px;

}

#footer .link_list li.bn4 a {

  background-position: -244px -500px;

}

#footer .link_list li.bn5 a {

  background-position: -330px -500px;

}

#footer .link_list li.bn6 a {

  background-position: -410px -500px;

}

#footer .link_list li.bn7 a {

  background-position: -475px -500px;

}

#footer .link_list li.bn8 a {

  background-position: -540px -500px;

}

#footer .link_list li.bn9 a {

  background-position: -608px -500px;

}

#footer .link_list li.bn10 a {

  background-position: -686px -500px;

}

#footer .link_list li.bn11 a {

  background-position: -780px -500px;

}

#footer .link_list li.bn12 a {

  background-position: -866px -500px;

}



/* 최근 캐릭터명 */

.name_char {

  display: block;

  vertical-align: top;

}

.name_char:after {

  content: "";

  display: block;

  clear: both;

}

.name_char li {

  float: left;

  position: relative;

  padding: 10px 0;

  height: 16px;

}

.name_char li + li {

  margin-left: 5px;

}

.name_char li a {

  display: inline-block;

  font-family: notoKr, sans-serif;

  line-height: 16px;

  font-size: 12px;

  height: 16px;

  color: #616781;

  letter-spacing: -0.025em;

  vertical-align: top;

  overflow: hidden;

}

.name_char li a + a {

  margin-left: 3px;

}

.name_char li a:hover {

  text-decoration: underline;

}



/****** 브라우저별 대응 ******/

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  /* 크롬 */

  .area_aside .right_bn li.s7_safe input.safe {

    line-height: 17px;

  }

  .sch_lately_sv ul.lately_item li {

    letter-spacing: -1px;

  }

}

@media \0screen {

  /* ie8 */

  .sch_list:after {

    display: none;

  }

  .sch_type label .ico {

    display: none;

  }

  .sch_type label input[type="radio"] {

    display: inline-block;

    background: none;

  }

  .member .area_4 .myinfo ul.btn li.fpm span {

    vertical-align: 8px;

  }

  .sch_area button.sch_submit .ico {

    top: -10px;

  }

}



/* 마이페이지 탭메뉴 */

.paging_box {

  display: flex;

  justify-content: center;

}

.paging_box a {

  display: flex;

  width: 24px;

  height: 24px;

  border: 1px solid #dadada;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

}

.paging_box .num {

  font-family: notoKR;

  font-size: 10px;

}

.paging_box .num.on {

  background-color: #231f20;

  color: #fff;

}

.paging_box .num + .num a {

  border-left: 0;

}

.paging_box .prev {

  margin-right: 6px;

}

.paging_box .prev a::before {

  content: "";

  display: block;

  border-right: 4px solid #333;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

}

.paging_box .next {

  margin-left: 6px;

}

.paging_box .next a::before {

  content: "";

  display: block;

  border-left: 4px solid #333;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

}



/* 탭메뉴 */

.tab_box {

  font-family: "Malgun Gothic", sans-serif;

  position: relative;

  margin: 20px 0 30px;

  color: #666;

}

.tab_box .desc_tab:before {

  display: inline-block;

  width: 2px;

  height: 2px;

  background-color: #7d818a;

  vertical-align: middle;

  margin-right: 4px;

  content: "";

}

.tab_box .tab_menu {

  border-bottom: 1px solid #9e9e9e;

}

.tab_box .tab_menu::after {

  content: "";

  display: block;

  clear: both;

}

.tab_box .tab_menu li {

  float: left;

  margin-bottom: -1px;

  margin-left: 1px;

}

.tab_box .tab_menu li:first-child {

  margin-left: 0;

}

.tab_box .tab_menu li a {

  display: flex;

  min-width: 130px;

  height: 32px;

  padding: 0 10px;

  background: #f1f1f1;

  border: 1px solid #d4d4d4;

  border-bottom-color: #9e9e9e;

  font-family: notoKR;

  color: #969696;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

}

.tab_box .tab_menu li.on a {

  background-color: #fff;

  border-color: #9e9e9e;

  border-bottom-color: #fff;

  color: #535353;

}

.tab_box .wish_refresh {

  position: absolute;

  top: 0;

  right: 0;

}

.tab_box.round {

  display: flex;

  margin: 0 0 15px 0;

  border-bottom: 1px solid #9e9e9e;

  overflow: visible;

}

.tab_box.round .tab_menu {

  border-bottom: 0;

}

.tab_box.round .tab_menu li a {

  border-radius: 4px 4px 0 0;

}



/* 선택 사항 역역 */

.cnt_list {

  position: relative;

  font-family: notoKR;

}

.cnt_list .bn_left {

  position: absolute;

  left: -300px;

  top: 40px;

}

.cnt_list .bn_left a {

  display: block;

  width: 200px;

  height: 200px;

}

.cnt_list .bn_left a.bn01 {

  margin-bottom: 10px;

}

.cnt_list .bn_img {

  display: block;

  width: 1000px;

  height: 70px;

  margin-bottom: 20px;

}

.cnt_list .bn_img02 {

  display: block;

  width: 970px;

  height: 90px;

  margin: 0 auto;

  margin-bottom: 10px;

}

.cnt_list .check_list_wrap::after {

  content: "";

  display: block;

  clear: both;

}

.cnt_list .check_list_wrap table {

  width: 1000px;

  border-top: 2px solid #b7c1d9;

  letter-spacing: -1px;

}

.cnt_list .check_list_wrap tr:nth-child(3) ~ tr {

  display: none;

}

.cnt_list .check_list_wrap.dia_check_list_wrap tr:nth-child(3) ~ tr {

  display: table-row;

}

.cnt_list .check_list_wrap.dia_check_list_wrap tr:nth-child(6) ~ tr {

  display: none;

}

.cnt_list .check_list_wrap th {

  height: 40px;

  padding-left: 20px;

  border-bottom: 1px solid #dbe0ee;

  font-size: 14px;

  font-weight: 400;

  color: #7e86a8;

  text-align: left;

}

.cnt_list .check_list_wrap th.check_li_th1 {

  background: #eaeef7;

}

.cnt_list .check_list_wrap th.check_li_th2 {

  background: #f3f5fa;

}

.cnt_list .check_list_wrap td {

  height: 40px;

  padding-left: 20px;

  background: #fff;

  border-bottom: 1px solid #dbe0ee;

  font-size: 14px;

  font-weight: 400;

  color: #616781;

}

.cnt_list .check_list_wrap .pop_sch_area a {

  color: #635bca;

}

.cnt_list .check_list_wrap .check_li_td1 span {

  position: relative;

  padding: 3px 30px 4px 10px;

  margin-right: 10px;

  background-image: url("/resources/image/itemList/img_check1.png");

  background-repeat: no-repeat;

  background-position: 90% 10px;

  cursor: pointer;

}

.cnt_list .check_list_wrap .check_li_td1 span.over {

  padding: 3px 30px 4px 10px;

  background-image: url("/resources/image/itemList/img_check2.png");

  background-position: 90% 9px;

  background-color: #5649ba;

  border-radius: 30px;

  border: 0;

  box-sizing: border-box;

  color: #fff;

}

.cnt_list .check_list_wrap .check_li_td1.check_li_td1_line2 {

  display: flex;

  flex-wrap: wrap;

  gap: 10px 0;

  height: auto;

  padding: 10px 20px;

}

.cnt_list .check_list_wrap .check_li_td1.check_li_td1_line2 span {

  display: inline-block;

  padding: 5px 30px 6px 10px;

  box-sizing: border-box;

}

.cnt_list .check_list_wrap .check_li_td2 .btn_sch {

  display: inline-flex;

  width: 73px;

  height: 32px;

  background: #f1f2f4;

  border: 1px solid #6f748c;

  font-size: 12px;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  vertical-align: -1px;

}

.cnt_list .check_list_wrap .check_li_td2 .btn_sch::before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 12px;

  margin-top: 2px;

  margin-right: 5px;

  background: url("/resources/image/design/main/v3_0/layout_ico_v3_0.png")

    no-repeat -108px -29px;

  vertical-align: -1px;

}

.cnt_list .check_list_wrap .check_li_td2 .btn_sch span {

  line-height: 30px;

}

.cnt_list .check_list_wrap .check_li_td2 .goods_sch1 {

  position: absolute;

  top: 7px;

  left: 11px;

  font-family: notoKR;

  font-size: 14px;

  color: #a5a5a5;

}

.cnt_list .check_list_wrap .check_li_td2 .goods_sch2 {

  position: absolute;

  top: 50%;

  left: 11px;

  font-family: notoKR;

  font-size: 14px;

  color: #a5a5a5;

  transform: translateY(-50%);

}

.cnt_list .check_li_btn {

  display: none;

  position: relative;

  width: 1000px;

  height: 42px;

  margin-bottom: 60px;

  padding: 14px 0;

  background-color: #f9f9f9;

  border-bottom: 1px solid #dbe0ee;

  text-align: center;

}

.cnt_list .check_li_btn a {

  display: inline-block;

  width: 114px;

  height: 40px;

  margin: 0 5px;

  padding-left: 14px;

  border: 1px solid #6f748c;

  font-size: 14px;

  text-align: center;

  line-height: 40px;

}

.cnt_list .check_li_btn a:nth-child(1) {

  background-color: #fff;

  background-image: url("/resources/image/itemList/ico_init.gif");

  background-repeat: no-repeat;

  background-position: 36px 14px;

  color: #6f748c;

}

.cnt_list .check_li_btn a:nth-child(2) {

  background-color: #6f748c;

  background-image: url("/resources/image/itemList/btn_search1.gif");

  background-repeat: no-repeat;

  background-position: 36px 14px;

  color: #fff;

}

.cnt_list .check_li_btn p {

  position: absolute;

  bottom: -32px;

  right: 0;

  width: 102px;

  height: 30px;

  padding-left: 16px;

  background-color: #fff;

  background-image: url("/resources/image/itemList/delete_inp.gif");

  background-repeat: no-repeat;

  background-position: 16px 11px;

  border: 1px solid #dbe0ee;

  font-size: 12px;

  text-align: center;

  line-height: 30px;

  color: #231f20;

  cursor: pointer;

}

.cnt_list .chech_li_open {

  float: right;

  width: 102px;

  height: 30px;

  margin-top: -1px;

  margin-bottom: 31px;

  padding-left: 16px;

  background-color: #fff;

  background-image: url("/resources/image/itemList/open_inp.gif");

  background-repeat: no-repeat;

  background-position: 16px 11px;

  border: 1px solid #dbe0ee;

  font-size: 12px;

  text-align: center;

  line-height: 30px;

  color: #231f20;

  cursor: pointer;

}

.cnt_list .check_list_wrap input.type01,

.cnt_list .check_list_wrap input.type01.item {

  width: 190px;

  height: 32px;

  margin: 0;

  padding-left: 10px;

  padding-right: 30px;

  border: 1px solid #6f748c;

  box-sizing: border-box;

  font-family: notoKR;

  font-size: 14px;

  text-align: right;

  box-sizing: border-box;

  color: #635bca;

}

.cnt_list .check_list_wrap .check_li_td2 .sch {

  padding-right: 30px !important;

  text-align: left !important;

}

.cnt_list .check_list_wrap .check_li_td2 .sch.over {

  padding-right: 30px !important;

}

.cnt_list .check_list_wrap .check_li_td1 .inp_box {

  float: left;

  height: 18px;

  margin-right: 20px;

}

.cnt_list .check_list_wrap .check_li_td1 .inp_box label {

  line-height: 16px;

}



/* 리스트 영역 */

.item_list_wrap .item_list_top .item_list_tab {

  overflow: hidden;

  float: left;

  margin-bottom: 30px;

}

.item_list_wrap .item_list_top .item_list_tab li.over {

  background: #231f20;

  color: #fff;

}

.item_list_wrap .item_list_top .item_list_tab li {

  float: left;

  width: 96px;

  height: 34px;

  background: #fff;

  border: 1px solid #dadada;

  font-size: 14px;

  text-align: center;

  line-height: 34px;

  color: #9b9fa7;

  cursor: pointer;

  box-sizing: border-box;

}

.item_list_wrap .item_list_top .item_list_tab li + li {

  margin-left: 4px;

}



/* 리스트 */

.list_powerzone_wrap .tbl_power {

  width: 100%;

  margin-bottom: 40px;

  background: #ecf9ff;

  border-bottom: 1px solid #b7d1d9;

  border-collapse: separate;

  table-layout: fixed;

}

.list_powerzone_wrap .tb1Power1 .hover_td td:nth-child(1),

.list_powerzone_wrap .tb1Power2 .hover_td td:nth-child(1),

.item_list_area1 .tbl_list tbody .hover_td td:nth-child(1) {

  color: #616781;

  text-align: center;

}

.list_powerzone_wrap .tb1Power1 .hover_td td:nth-child(1),

.item_list_area1 .tbl_list.tblList1 tbody .hover_td td:nth-child(1) {

  padding-left: 10px;

  text-align: left;

}

.list_powerzone_wrap .tb1Power1 .hover_td td:nth-child(1) p,

.item_list_area1 .tbl_list tbody .hover_td td:nth-child(1) p {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.list_powerzone_wrap .tb1Power1 td:nth-child(2),

.pop_heart_hide .tbl_list tbody td:nth-child(1) {

  font-size: 0;

  text-align: center;

}

.list_icon span {

  margin: 0 3px;

  font-size: 0;

  text-indent: -9999px;

  vertical-align: middle;

}

.list_powerzone_wrap .tb1Power1 td:nth-child(3),

.list_powerzone_wrap .tb1Power2 td:nth-child(2),

.item_list_area1 .tblList1 tbody td:nth-child(3),

.item_list_area1 .tblList2 tbody td:nth-child(2),

.pop_heart_hide .tbl_list tbody td:nth-child(2) {

  padding-left: 10px;

  padding-right: 20px;

  font-size: 0;

  color: #120b3d;

  line-height: 18px;

}

.hover_td td:nth-last-child(4),

.pop_heart_hide .tbl_list td:nth-last-child(4) {

  font-size: 12px;

  color: #616781;

}

.pop_heart_hide .tbl_list td:nth-child(3) {

  text-align: right;

}

.hover_td td:nth-last-child(3),

.pop_heart_hide .tbl_list td:nth-last-child(3) {

  font-size: 14px;

  font-weight: bold;

  color: #2c2d34;

  letter-spacing: -0.1px;

}

.hover_td td:nth-last-child(2),

.pop_heart_hide .tbl_list td:nth-last-child(2) {

  padding-right: 5px;

  font-size: 14px;

  font-weight: bold;

  color: #ea254f;

  text-align: right;

  letter-spacing: -0.1px;

}

.hover_td td:nth-last-child(1),

.pop_heart_hide .tbl_list td:nth-last-child(1) {

  font-size: 11px;

  color: #a9afbd;

  text-align: center;

}

.list_powerzone_wrap .tbl_power tbody tr:last-child td {

  border-bottom: 0;

}

.title_confirm {

  padding-left: 5px;

}

.power_line {

  background: #ebf9ff;

}

.f_blue {

  color: #0761f6 !important;

}

.f_bold {

  font-weight: 700 !important;

  letter-spacing: 0.5px;

}

.item_list_wrap .view_area .deal_fin .server_name:link,

.item_list_wrap .view_area .deal_fin td,

.deal_fin td,

.deal_fin td a {

  color: #b7b6ba !important;

  cursor: default;

}

.deal_fin td a:hover {

  text-decoration: none;

}

.deal_fin_ico {

  font-size: 13px !important;

  padding: 0 !important;

  text-align: center !important;

}

.ico_message {

  display: inline-flex;

  height: 18px;

  padding: 0 5px 0 18px;

  background-color: #fff;

  background-image: url("/resources/image/itemList/ico_message.png");

  background-position: 4px 4px;

  background-repeat: no-repeat;

  border-radius: 4px;

  border: 1px solid #a4a7b4;

  font-family: "Malgun Gothic", sans-serif;

  font-weight: bold;

  font-size: 11px;

  color: #424242;

  align-items: center;

  justify-content: center;

}

.item_list_area1 {

  margin-bottom: 50px;

}

.tbl_list {

  width: 100%;

  border-collapse: separate;

  table-layout: fixed;

}

.view_area thead th,

.tbl_list thead th {

  height: 35px;

  background: #eceef2;

  border-top: 1px solid #bdc6d7;

  border-bottom: 1px solid #bdc6d7;

  font-family: "Malgun Gothic", sans-serif;

  font-size: 12px;

  font-weight: 700;

  color: #616781;

  padding: 0 10px;

  box-sizing: border-box;

}

.pop_heart_hide .tbl_list thead th {

  height: 30px;

  background: #fff;

  font-weight: 400;

}

.view_area thead th .ico_low_price,

.pop_heart_hide .tbl_list thead th .ico_low_price {

  display: inline-block;

  width: 8px;

  height: 10px;

  margin-top: -2px;

  background: url("/resources/image/itemList/img_high.gif") no-repeat 0 0;

  font-size: 0;

  text-indent: -9999px;

  vertical-align: middle;

}

.view_area thead th .ico_high_price,

.pop_heart_hide .tbl_list thead th .ico_high_price {

  display: inline-block;

  width: 8px;

  height: 10px;

  margin-top: -2px;

  background: url("/resources/image/itemList/img_low.gif") no-repeat 0 0;

  font-size: 0;

  text-indent: -9999px;

  vertical-align: middle;

}

.item_list_area1 .tbl_list tbody tr.search_no td,

.list_gride_wrap .search_no {

  height: 417px;

  font-size: 14px;

  font-family: notoKR;

  text-align: center;

  color: #120b3d;

  box-sizing: border-box;

  clear: left;

}

.list_gride_wrap .search_no {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.list_gride_wrap .search_no .btn_alarm {

  width: 166px;

}

.item_list_wrap tbody td.goods_name .btn_before_view1 {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 60px;

}

.item_list_wrap tbody td.goods_name .btn_before_view1::after {

  content: "";

  position: absolute;

  top: 50%;

  right: -10px;

  width: 29px;

  height: 30px;

  margin-top: -15px;

  font-size: 0;

  text-indent: -9999px;

  color: #fff;

  cursor: pointer;

  z-index: 9;

}

.item_list_wrap tbody td,

.pop_heart_hide tbody td {

  position: relative;

  height: 40px;

  padding: 5px 0;

  border-bottom: 1px solid #dee7ea;

}

.item_list_wrap tbody td {

  height: 60px;

  box-sizing: border-box;

}

.ico_high_level {

  display: inline-block;

  width: 8px;

  height: 10px;

  margin-top: -2px;

  background: url("/resources/image/itemList/img_high.gif") no-repeat 0 0;

  font-size: 0;

  vertical-align: middle;

}

.goods_name > a {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 75px;

  z-index: 1;

}



/* 아이템거래 > 팝니다 > List > 20230315(황승현) 추가 */

/* background-color:#b1b1b1; */

.view_area table tr.trade_done td:first-child::after {

  pointer-events: none;

  content: "";

  width: 1000px;

  height: 75px;

  background: url(/resources/image/itemList/table_done_bg.png) no-repeat 0 0;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 11;

}

.view_area table tr.trade_done.hover_td:hover td {

  background-color: transparent;

}



/* 마이페이지 > 맞춤서비스 > 찜한물품 > 20221212(정성원) 추가 */

.goods_name_jsw > a {

  display: block;

  position: inherit;

  top: 0;

  left: 0;

  width: 100%;

  height: 40px;

  line-height: 40px;

  z-index: 1;

}

.goods_name .ico + .ico {

  margin-left: 5px;

}

.goods_name .ico.file {

  z-index: 9;

}

.goods_name .title {

  display: block;

  font-size: 14px;

  letter-spacing: -1px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}



.bn_left_fix {

  position: fixed;

  right: 52%;

  margin-right: 500px;

  bottom: 285px

}



/* 디아블로 베이글  */



.diablo_baygle .cnt_list .check_list_wrap table td {

  color: #555555;

}

.diablo_baygle .cnt_list .check_list_wrap tr:nth-child(3) {

  display: none;

}

.diablo_baygle .cnt_list .check_list_wrap tr:nth-child(4) {

  display: table-row;

}

.diablo_baygle .cnt_list .check_list_wrap .check_li_td1 span.over {

  background-color: #c61328;

}

.diablo_baygle .item_list_wrap .item_list_top .item_list_tab li.over {

  background-color: #796f5f;

}

.diablo_baygle .view_area thead th,

.diablo_baygle .tbl_list thead th {

  background: #b09b77;

  border: 0 none;

  color: #222222;

}

.diablo_baygle .item_list_wrap tbody td,

.pop_heart_hide tbody td {

  border-bottom: 1px solid #444444;

}

/* 디아블로 베이글 */





/* 페이지네이션 공통 */

.pagination {

  display: flex;

  justify-content: center;

  align-items: center;

}

.pagination li {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 24px;

  height: 24px;

  border: 1px solid #dadada;

  box-sizing: border-box;

  background: #fff;

}

.pagination li+li {

  border-left: none;

}

.pagination li:nth-of-type(3) {

  border-left: 1px solid #dadada;

}

.pagination li.prev01 {

  margin-right: 6px;

}

.pagination li.next01 {

  margin-left: 6px;

  border-left: 1px solid #dadada;

}

.pagination li.active {

  background: #000;

}

.pagination li a {

  font-family: '맑은 고딕, Malgun Gothic, apple sd gothic neo, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic, Droid sans, sans-serif', 'AppleGothicNeoSD', sans-serif;

  font-size: 10px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  color: #000;

}

.pagination li.active a {

  color: #fff;

}

.pagination.pagination_text a {

  color: #000;

}

.pagination.pagination_text a + a {

  margin-left: 10px;

}

/* 페이지네이션 공통 끝 */



/* 팝니다 우측 배너 */

.bn_right {

  position: absolute;

  top: 102px;

  right: -220px;

}

.deal_fin .ico.label_item.label01,

.deal_fin .ico.label_item.label02,

.deal_fin .ico.label_item.label03,

.deal_fin .ico.label_item.label04,

.deal_fin .ico.label_item.label05{

  background: #b7b6ba;

}
/* layout */

.area_main {width:1000px; margin:0 auto; padding:15px 0 50px; overflow:hidden}

.area_left {float:left; width:740px}

.area_right {float:right; width:250px; *padding-top:1px}

.article_member {position:relative; padding-top:15px; overflow:hidden; background:#eff1f4}

.article_list {padding:15px 0 50px; background:#747b8e; border-top:1px solid #5c616f}

.area_mbn {margin-bottom:15px}

.area_main iframe, .article_member iframe {width:100%; height:100%}



/* area_common */

.con_box {box-sizing:border-box; padding:15px; overflow:hidden; background:#fff; border:1px solid #ccd6de}

.con_box h4 {margin-bottom:15px; font-size:15px; font-family:notoCJK, sans-serif}

.con_box h4 .btn_more {display:inline-block; width:13px; height:13px; vertical-align:11px; *vertical-align:6px; text-indent:-9999px; font-size:0; background-position:0 0}

.area_main .area_con {overflow:hidden}

.area_cstm {height:203px; *height:158px}

.area_game {height:203px; *height:173px}

.area_gift, .area_ntc {height:165px; *height:137px}

.area_evt {height:113px; *height:73px}

.area_bn1 {height:203px}

.area_bn2 {height:288px}



/* article_member */

.article_member .area_con {width:1000px; margin:0 auto; overflow:hidden}

.article_member .area_con > div {height:297px; overflow:hidden}

.article_member .area_left {background:#fff}

.article_member .area_left .ban_left {float:left; width:248px; height:100%}

.article_member .area_left .ban_right {float:right; width:492px; height:100%}

.article_member .area_right .con_box {height:144px; *height:112px; margin-bottom:9px}

.article_member .area_right .con_box a {display:block; width:216px; height:80px; border:1px solid #ccd6de; overflow:hidden}

.article_member .area_right .con_box a img {width:100%; height:100%}



/* area_left */

.area_con50 {float:left; width:365px; overflow:hidden}

.area_con50 .con_box {margin-bottom:10px}

.area_con .area_con50:first-child {margin-right:10px}



/* area_left:left - 고객감동센터 */

.area_cstm {*padding-top:30px}

.area_cstm .img_info {height:70px; margin-top:11px; text-indent:-9999px; font-size:0; background:url('/resources/image/design/main/v3_0/img_customer.jpg') 50% 50% no-repeat}

.area_cstm .sMenu_1 {display:table; *display:block; width:100%; overflow:hidden}

.area_cstm .sMenu_1 li {display:table-cell; *float:left; *width:83px; box-sizing:border-box; position:relative; line-height:14px; text-align:center}

.area_cstm .sMenu_1 li a {display:block; margin:15px 0 15px;}

.area_cstm .sMenu_1 li:before {content:''; width:1px; height:17px; position:absolute; left:0; top:22px; background:#e4ebf1}

.area_cstm .sMenu_1 li:first-child:before {display:none}

.area_cstm .sMenu_2 {display:table; *display:block; width:100%; overflow:hidden; background:#f7f7f7}

.area_cstm .sMenu_2 li {display:table-cell; *float:left; *width:80px; *padding:0 4px; box-sizing:border-box; border:1px solid #ccd6de; border-left:0; text-align:center}

.area_cstm .sMenu_2 li:first-child {*width:56px; border-left:1px solid #ccd6de}

.area_cstm .sMenu_2 li a {display:block; height:30px; *cursor:pointer}

.area_cstm .sMenu_2 li a span {display:inline-block; *display:block; height:13px; margin-top:9px; text-indent:-9999px; font-size:0}

.area_cstm .sMenu_2 li a.cstmBtn1 span {width:46px; background-position:-119px 0}

.area_cstm .sMenu_2 li a.cstmBtn2 span {width:71px; background-position:-119px -13px}

.area_cstm .sMenu_2 li a.cstmBtn3 span {width:64px; background-position:-119px -26px}

.area_cstm .sMenu_2 li a.cstmBtn4 span {width:58px; background-position:-119px -39px}



/* area_left:left - 인기상품권 */

.area_gift {position:relative}

.area_gift .slide_ctrl li {width:30px; height:100px; position:absolute; top:50px; text-indent:-9999px; font-size:0; cursor:pointer}

.area_gift .slide_ctrl li.left {left:15px}

.area_gift .slide_ctrl li.right {right:15px}

.area_gift .slide_ctrl li span {display:inline-block; width:6px; height:10px; position:absolute; left:12px; top:45px}

.area_gift .slide_ctrl li.left span {background-position:0 -25px}

.area_gift .slide_ctrl li.right span {background-position:0 -14px}

.area_gift .slide_box {width:290px; height:100px; *height:110px; margin:5px 21px; position:relative; overflow:hidden}

.area_gift .slide_box ul {position:absolute; top:0; left:0; width:1000px; overflow:hidden; *margin-top:10px}

.area_gift .slide_box li {float:left; width:145px; height:100px}

.area_gift .slide_box li a {display:block; height:100%}



/* area_left:right - 인기게임무료충전소 */

.area_game .sMenu_1 {width:100%; overflow:hidden}

.area_game .sMenu_1 li {float:right; width:161px; *width:159px; height:65px; *height:63px; margin-bottom:10px; box-sizing:border-box; overflow:hidden; border:1px solid #ccd6de}

.area_game .sMenu_1 li:first-child {float:left; width:162px; *width:160px; height:140px; *height:138px; margin-right:10px}

.area_game .sMenu_1 li a {display:block; height:100%}



/* area_left:right - 공지사항 */

.area_ntc .ntc_tab {display:inline-block; *float:left; *width:155px; overflow:hidden; vertical-align:top}

.area_ntc .ntc_tab li {float:left}

.area_ntc .ntc_tab li:first-child {position:relative; margin-right:8px; padding-right:8px}

.area_ntc .ntc_tab li:first-child:after {content:''; width:1px; height:13px; position:absolute; top:2px; right:0; background:#939393}

.area_ntc .ntc_tab li a {font-size:15px; color:#939393; font-family:notoCJK, sans-serif}

.area_ntc .ntc_tab li.on a {color:#636363; font-weight:bold}

.area_ntc .ntc_tab_con {display:none; margin-top:25px}

.area_ntc .ntc_tab_con li {margin-top:9px; *margin-top:5px}

.area_ntc .ntc_tab_con li:first-child {margin-top:0}

.area_ntc .ntc_tab_con li a {display:block; height:16px; overflow:hidden; *cursor:pointer}

.area_ntc .ntc_tab_con .tit {float:left; width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.area_ntc .ntc_tab_con .date {float:right; width:20%; text-align:right; color:#7e7e7e}



/* area_left:bottom - 진행중이벤트 */

.area_evt ul {width:100%; overflow:hidden}

.area_evt li {float:left; width:230px; *width:227px; height:52px; *height:50px; margin-left:9px; box-sizing:border-box; overflow:hidden; border:1px solid #b3c3d1}

.area_evt li:first-child {margin-left:0}

.area_evt li a {display:block; height:100%}



/* area_right */

.area_bn1 {margin-bottom:10px}

.area_bn2 {position:relative}

.area_bn2 .flashmainbanner {display:none; position:absolute; right:0px; top:0px; width:1000px; height:288px; z-index:992}

.area_bn2 .flashbanner {position:absolute; right:0px; top:0px; width:100%; z-index:991}

.area_bn2 .flashbanner .flash_on_area {display:none; position:absolute; bottom:0px; right:0px; width:100%; height:40px; background:#fff; opacity:0; -moz-opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); cursor:pointer}

.area_bn2 .flashbanner #flashbannerbox {display:none; height:100%; overflow:hidden}

.area_bn2 .flashbanner + iframe {z-index:990}



/* article_list - 전체메뉴 */

.article_list .area_con {width:1000px; margin:0 auto; overflow:hidden}

.article_list dl {float:left; width:15%; *width:14%; line-height:24px}

.article_list dl:nth-child(4) {width:16%}

.article_list dl:last-child {width:9%}

.article_list dt {margin:15px 0; font-size:14px; font-weight:bold}

.article_list dt a {color:#fff}

.article_list dd {font-size:12px}

.article_list dd a {color:#cfd4e2}



/* 최상단 배너 */

#MainTopBanner {position:relative; height:84px; overflow:hidden}

#MainTopBanner .close {position:absolute; left:50%; top:0; width:30px; height:30px; margin-left:475px; background:#fff; opacity:0; -moz-opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0)}



/* 전체 레이어팝업 배너 */

.popup_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; -moz-opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); z-index:9000}

.popuplayer {display:none; position:absolute; top:240px; left:50%; width:720px; height:500px; margin:0 0 0 -360px; z-index:9001}

.popuplayer #divIntroLayerBanner {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9002}

.popuplayer .mpimg {display:block; height:100%}

.popuplayer .todayout {position:absolute; right:5px; bottom:5px; width:138px; height:23px; z-index:9003}

.popuplayer .todayout input {width:100%; height:100%; cursor:pointer; opacity:0; -moz-opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0)}

.popuplayer .close {position:absolute; top:0px; right:0px; width:40px; height:40px; background:#fff; opacity:0; -moz-opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); z-index:9003}

.popuplayer .close span {display:none}



/****** 브라우저별 대응 ******/

@media screen and (-webkit-min-device-pixel-ratio:0){ /* 크롬 */

.con_box h4 .btn_more {vertical-align:3px}

}

@media \0screen { /* ie8 */

.article_list dl {width:14%}

}


/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

/*********************************************************************

* Program: main_ib3.css

* Version: 0.1

* Date: 2025/06/27 Writer : Kim Seul gi

 **********************************************************************/

/* 최상단 배너 */

#MainTopBanner {position:relative; height:84px; overflow:hidden}

#MainTopBanner .close {position:absolute; left:50%; top:0; width:30px; height:30px; margin-left:475px; background:#fff; opacity:0; -moz-opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0)}

/* 헤더 */

.main_header .search {position:relative; width:100%; }

.main_header.sticky {padding-bottom: 201px;}

.main_header.sticky .search {border-bottom:1px solid #eaeef7; background: #fff;}

.main_header .search .bg { position:absolute; background-repeat: no-repeat; width:100%; min-width:1160px; height:100%; text-align:center; background-position: center; -webkit-transition: all 0.3s; /* Safari */transition: all 0.3s; opacity: 1; overflow:hidden; }

.main_header .search .bg .name { position:absolute; top:71px; left:50%; width:100px; font-family:notoKR; font-size:14px; color:#fff; text-align:center; transform: translateX(-442px) }

.main_header .search .bg .balloon { position:absolute; left:50%; width:1600px; height:100%; transform:translateX(-50%); overflow:hidden }

.main_header .search .bg .balloon > i { position:absolute; top:101%; background:url('/resources/image/design/main/ico_balloon.png') 0 0 no-repeat }

.main_header .search .bg .balloon > i:nth-child(1) { left:273px; width:31px; height:65px; animation: balloon 6s .2s ease-out infinite }

.main_header .search .bg .balloon > i:nth-child(2) { left:486px; width:23px; height:36px; background-position-x:-31px; animation: balloon 5s ease-out infinite }

.main_header .search .bg .balloon > i:nth-child(3) { left:493px; width:31px; height:66px; background-position-x:-54px; animation: balloon 6s 1s ease-out infinite }

.main_header .search .bg .balloon > i:nth-child(4) { right:333px; width:31px; height:64px; background-position-x:-85px; animation: balloon 5s .2s ease-out infinite }

.main_header .search .bg .balloon > i:nth-child(5) { right:287px; width:41px; height:64px; background-position-x:-116px; animation: balloon 6s 1s ease-out infinite }

.main_header .search .bg .balloon > i:nth-child(6) { right:49px; width:31px; height:53px; background-position-x:-157px; animation: balloon 7s ease-out infinite }



.main_header .search .area {position:relative; display:flex; width:1160px; margin:0 auto; padding:50px 0 0;}

.main_header .search .area .ci { position: relative; display: block; width: 164px; height: 54px; -webkit-transition: all 0.2s; /* Safari */transition: all 0.2s }

.main_header .search .area .ci a { position: absolute; top:0; left: 0; width: 100%; height: 100%; text-indent:-9999px }



.main_header .search .area .search_box {position:relative; width:719px; height:60px; margin-left:30px; padding:0; border:3px solid #766CFF; border-radius:40px; box-sizing: border-box;}

.main_header .search .search_box .sch_ipt {border-bottom: 1px solid transparent; display:flex; position:relative; height:100%; overflow:hidden; align-items:center; box-sizing:border-box; box-sizing: border-box;}

.main_header .search .search_box.on .sch_ipt { border-radius: 12px 12px 0 0;}

.main_header .search .search_box .sch_ipt input[type="text"] { flex:1; font-size:18px; font-family:Pretendard; padding:0 10px 0 40px; background-color: #fff; border:0; box-sizing:border-box }

.main_header .search .search_box .sch_ipt input[type="text"]:hover { background-color: #fff }

.main_header .search .search_box .sch_ipt input[type="text"]::placeholder { font-size:18px; color: #969696; }

.main_header .search .search_box .sch_ipt .sch_submit { width:40px; height:40px; margin:0 7px 0 10px; background: url('/resources/image/design/common/symbol/sch_40x40.png') center no-repeat; border: none; cursor: pointer }

.main_header .search .search_box .sch_ipt .sch_submit .ico { text-indent: -9999px; font-size: 0 }

.main_header .search .search_box .sch_ipt .sch_del { width: 10px; height: 10px }

.main_header .search .search_box .sch_ipt .sch_del a { display: block; width: 10px; height: 10px; background: url('/resources/image/design/common/symbol/close_16x16_a9afbd.png') center no-repeat; text-indent: -9999px; font-size: 0 }

.main_header .search .search_box .sch_ipt .rdo_search {position: relative; display:flex; align-items: center; padding-left: 17px; box-sizing: border-box;}

.main_header .search .search_box .sch_ipt .rdo_search::before {content: ""; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); width: 1px; height: 20px; background: #766CFF; }

.main_header .search .search_box .sch_ipt .rdo_search > input { position:absolute; visibility:hidden; width:0; height:0; margin:0 }

.main_header .search .search_box .sch_ipt .rdo_search > label {position: relative; font-family: Pretendard; font-weight: bold; display:flex; align-items: center; font-size:18px; color:#A2A2A2; white-space: nowrap; cursor:pointer; transition:all .2s; line-height: 1.5;}

.main_header .search .search_box .sch_ipt .rdo_search > label~label {margin-left: 16px;}

.main_header .search .search_box .sch_ipt .rdo_search > label::before {content: ""; display: inline-block; margin-right: 8px; width: 8px; height: 8px; background: #fff; border-radius: 100%; border: 5px solid #A2A2A2;}

.main_header .search .search_box .sch_ipt .rdo_search > input:checked + label { color:#766CFF }

.main_header .search .search_box .sch_ipt .rdo_search > input:checked + label::before {content: ""; display: inline-block; margin-right: 8px; width: 8px; height: 8px; background: #fff; border-radius: 100%; border: 5px solid #766CFF;}





.main_header .search .main_top_nav {display: flex; align-items: center; margin-left:auto;}

.main_header .search .main_top_nav li+li {margin-left: 22px;}

.main_header .search .main_top_nav a{display: flex; flex-direction: column; align-items: center; justify-content: center;}

.main_header .search .main_top_nav a span {margin-top: 11px; font-family: Pretendard; font-weight: 700; font-size: 11px; color: #2B2B2B;}



/* main nav */

.main_header .search .main_nav {margin-top:58px; padding-bottom: 30px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box;}

.main_header.sticky .search .main_nav {padding-bottom: 39px;}

.main_header .search .main_nav .box {position:relative; display:flex; align-items:center; width:1160px; margin:0 auto; border:0 !important;}

.main_header .search .main_nav .game_list_nav {margin-right:52px;}

.main_header .search .main_nav .game_list_nav .btn_tgl label { display: flex; align-items: center; position: relative; font-size: 16px; line-height: 16px; color: #120b3d; cursor: pointer; box-sizing: border-box; }

.main_header .search .main_nav .game_list_nav .btn_tgl label input { display: inline-block; width: 18px; height: 16px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }

.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg { float: left; display:flex; flex-direction: column; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 100%; background: #9E9E9E; }

.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg span { display: block; width: 16px; height: 2px; margin-bottom: 3px; position: relative; background: #fff; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease }

.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg .line01 { transform-origin: 0% 0% }

.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg .line02 { transform-origin: 0% 100% }

.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg .line03 { transform-origin: 0% 0%; margin-bottom: 0px }

.main_header .search .main_nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line01 { opacity: 1; transform: rotate(45deg) translate(2px, -2px) }

.main_header .search .main_nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line02 { transform: rotate(0deg) scale(0.2, 0.2); opacity: 0 }

.main_header .search .main_nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line03 { transform: rotate(-45deg) translate(0, 2px) }

.main_header .search .main_nav .game_list_nav .btn_tgl label .tgl_txt { font-size: 16px; font-weight: bold; margin-left: 13px; color: #635bca; }

.main_header .search .main_nav .game_list_nav .btn_tgl label .tgl_txt::selection { color: #635bca; background: transparent; }

.main_header .search .main_nav .game_list_nav .area { position: absolute; top:52px; left: 0; height: 380px; z-index: 999; padding-top:0; }

.main_header .search .main_nav .game_list_nav .area .btn_all_game a { display: block; position: relative; font-size: 16px; letter-spacing: -0.075em; line-height: 22px; color: #fff7cf; padding: 16px 17px 17px 17px; border-bottom:1px solid RGBA(255,255,255,0.1); background-color: RGBA(138,57,206,0.2); z-index: 100 }

.main_header .search .main_nav .game_list_nav .area .btn_all_game a.on { background-color: #8939ce }

.main_header .search .main_nav .game_list_nav .area .btn_all_game a.on:after { content:''; position: absolute; top:50%; right:-10px; margin-top:-9px; width: 10px; height: 19px; background:url('/resources/image/design/main/ib2/main_arrow_b.png') no-repeat }

.main_header .search .main_nav .game_list_nav .box_spc_game { display: flex; height:380px; border-radius: 10px; box-sizing: border-box; background-color: #fff; overflow: hidden; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.36); }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr { width: 230px; height: 380px; overflow: auto; box-sizing: border-box; }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr h4 { padding-left: 20px; padding-top:24px }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr h4 span { display: inline-block; line-height: 30px; height: 30px; border-bottom: 1px solid #8a39ce; color: #8a39ce; font-family:notoKR; font-size: 18px; letter-spacing: -0.075em }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul { padding:20px 20px }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li+li { margin-top: 10px; }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a { display: block; letter-spacing: -0.5px; }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a:hover { font-weight: bold; color: #635bca; }

.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a.on { font-weight: bold; color: #635bca; }

.main_header .search .main_nav .game_list_nav .box_spc_game .event { width: 220px; height:380px; background-color: #fff }





.main_header .search .main_nav .tab_box { padding: 10px 20px 10px 21px }

.main_header .search .main_nav .tab_box:after { content:""; display:block; clear:both }

.main_header .search .main_nav .tab_box .clm01 { float: left; width: 276px }

.main_header .search .main_nav .tab_box .clm02 { float: left; width: 232px }

.main_header .search .main_nav .tab_box .clm03 { float: left; width: 237px }

.main_header .search .main_nav .tab_box h4 { display: block; position: relative; font-family: notoKr, sans-serif; font-size:14px; line-height: 20px; padding: 7px 0px 7px; color: #616781; letter-spacing: -0.025em; font-weight: normal }

.main_header .search .main_nav .tab_box h4 ~ p { display: block; position: relative; font-family: notoKr, sans-serif; font-size:12px; line-height: 16px; padding: 0px 0px 7px; color: #9b9fa7; letter-spacing: -0.025em; margin-top: -2px }

.main_header .search .main_nav .tab_box .sch_intl:after { content:""; display:block; clear:both }

.main_header .search .main_nav .tab_box .box_intl li { float: left }

.main_header .search .main_nav .tab_box .box_intl li label { display: block; position: relative; font-family: notoKr, sans-serif; font-size: 16px; line-height: 16px; color: #616781; padding: 7px 7px 8px 8px; width: 16px; border:1px solid #eaeef7; cursor: pointer; margin-right: 4px; margin-bottom: 16px; text-align: center }

.main_header .search .main_nav .tab_box .box_intl li label.lst { margin-bottom: 8px; min-width: 53px; font-size: 14px; letter-spacing: -0.025em }

.main_header .search .main_nav .tab_box .box_intl li input { display: inline-block; width: 18px; height: 16px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none }

.main_header .search .main_nav .tab_box .box_intl li input:checked ~ label { background-color: #ffe353; color: #120b3d }

.main_header .search .main_nav .tab_box .box_clf li { float: left }

.main_header .search .main_nav .tab_box .box_clf li label { display: block; position: relative; font-family: notoKr, sans-serif; font-size: 14px; letter-spacing: -0.025em; line-height: 16px; color: #616781; padding: 7px 7px 8px 8px; min-width: 65px; border:1px solid #eaeef7; cursor: pointer; margin-right: 4px; margin-bottom: 16px; text-align: center }

.main_header .search .main_nav .tab_box .box_clf li input { display: inline-block; width: 18px; height: 16px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none }

.main_header .search .main_nav .tab_box .box_clf li input:checked ~ label { background-color: #ffe353; color: #120b3d }

.main_header .search .main_nav .tab_box .sch_lst_game ul { border: 1px solid #eaeef7; width: 231px; height: 327px; overflow: auto }

.main_header .search .main_nav .tab_box .sch_lst_game ul li a { display: block; font-size: 12px; line-height: 16px; padding: 8px 10px; color: #616781 }

.main_header .search .main_nav .tab_box .sch_lst_game ul li a:hover { font-weight: bold; background-color: #f3f5fa }

.main_header .search .main_nav .tab_box .sch_lst_game ul li a.on { font-weight: bold; background-color: #f3f5fa }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul { border: 1px solid #eaeef7; width: 235px; height: 327px; overflow: auto }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul li { position: relative }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul li a { display: block; font-size: 12px; line-height: 16px; padding: 8px 10px; color: #616781 }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul li a:hover { font-weight: bold; background-color: #f3f5fa }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul li a.on { font-weight: bold; background-color: #f3f5fa }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul li label { display: block; position: absolute; width: 15px; height: 14px; right: 10px; top:50%; margin-top: -7px; cursor: pointer; background:url('/resources/image/design/main/ib2/btn_fav_off.png') no-repeat; text-indent: -9999px }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul li input { display: inline-block; width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none }

.main_header .search .main_nav .tab_box .sch_lst_srvr ul li input:checked ~ label { background:url('/resources/image/design/main/ib2/btn_fav_on.png') no-repeat }

.main_header .search .main_nav .tab_box .app_lnk { position: absolute; width: 100%; bottom:0; left: 0; background-color: #f3f5fa }

.main_header .search .main_nav .tab_box .app_lnk a { position: absolute; z-index: 1; top:50%; margin-top:-14px; left: 21px; display: block; width: 90px; height: 23px; background-color: #fff; border:1px solid #eaeef7; border-radius: 20px; font-family: notoKr, sans-serif; font-size: 14px; line-height: 23px; color: #7e86a8; padding: 2px 12px; text-align: center }

.main_header .search .main_nav .tab_box .app_lnk p { display: block; position: relative; font-family: notoKr, sans-serif; font-size: 12px; letter-spacing: -0.025em; line-height: 20px; color: #7e86a8; padding: 10px 7px 10px 147px }

.main_header .search .main_nav .tab_box .box_sel { padding-top:9px }

.main_header .search .main_nav .tab_box .alarm_per_box { padding: 11px 0 }

.main_header .search .main_nav .tab_box .alarm_per_box .rdobox span { font-size: 12px }

.main_header .search .main_nav .tab_box .alarm_per_box .inp_box { margin-left:24px }

.main_header .search .main_nav .tab_box .alarm_per_box .inp_box:first-child { margin-left:0px }

.main_header .search .main_nav .tab_box .alarm_per_box .ntc_s { margin-left: 12px }

.main_header .search .main_nav .tab_box .alarm_per_box .inp_box input:checked + label { color: #635bca }

.main_header .search .main_nav .tab_box .fnd_min .btn_box { padding-top: 20px; text-align: center }

.main_header .search .main_nav .game_list_nav .lst_all_game { width:220px; height: 380px; padding: 20px 20px 0; box-sizing: border-box; background-color: #635bca; border-radius: 10px; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.36); }

.main_header .search .main_nav .game_list_nav .lst_all_game li + li { margin-top: 20px; }

.main_header .search .main_nav .game_list_nav .lst_all_game li a { display: flex; align-items: center; position: relative; font-size:14px; font-weight: bold; color: #fff; letter-spacing: -.5px; z-index: 100 }

.main_header .search .main_nav .game_list_nav .lst_all_game li a span { position: relative; letter-spacing: -2px; }

.main_header .search .main_nav .game_list_nav .lst_all_game li a span i.imp { position: absolute; top:0px; right:-20px }

.main_header .search .main_nav .game_list_nav .lst_all_game li a.on span { color: #00ffc6; text-decoration: underline; }

.main_header .search .main_nav .game_list_nav .lst_all_game li a i { font-style: normal; font-size: 10px; font-weight: bold; color: #635bca; display: flex; align-items: center; justify-content: center; width: 42px; height: 16px; margin-left: 5px; border-radius: 8px; background: #fff99e; }

.main_header .search .main_nav .main_nav_area { width: 100%; display: flex; justify-content: space-between;}

.main_header .search .main_nav .main_nav_area > ul { display: flex; }

.main_header .search .main_nav .main_nav_area > ul > li { position:relative; }

.main_header .search .main_nav .main_nav_area > ul > li+li {margin-left: 48px;}

.main_header .search .main_nav .main_nav_area > ul > li > a { display: block; position: relative; letter-spacing: -1px; font-size: 21px; font-family: Pretendard; font-weight: bold; line-height: 22px; color: #191919; text-align: center }

.main_header .search .main_nav .main_nav_area > ul > li > a:hover { font-style: normal; color: #635bca }

.main_header .search .main_nav .main_nav_area > ul > li > a.nav_01 { color: #635BCA }

 .main_header .search .main_nav .main_nav_area > ul > li > a.nav_03 { color: #353535 }

 .main_header .search .main_nav .main_nav_area > ul > li > a.nav_04 {position: relative; }

 .main_header .search .main_nav .main_nav_area > ul > li > a.nav_04::before {content: ""; position: absolute; top: -12px; right: -12px; width: 15px; height: 15px; background: url(/resources/image/design/main/20250627/ico_hot.svg);}

.main_header .search .main_nav .main_nav_area > ul > li > a.nav_01 i.forfree { position: absolute; top: -23px; left: 50%; transform: translateX(-50%); right: 22px; width: 66px; height: 20px; background: url(/resources/image/design/main/20250627/ico_tool.png?251029) 0 0 no-repeat; }

.main_header .search .main_nav .main_nav_area > ul.main_nav_area_right > li > a {line-height: 1.5; letter-spacing: 0; display: flex; align-items: center; font-family: Pretendard; font-size: 16px; font-weight: bold; color: #5691FF;}

.main_header .search .main_nav .main_nav_area > ul.main_nav_area_right > li+li {margin-left: 40px;}

.main_header .search .main_nav .main_nav_area > ul.main_nav_area_right > li:last-child > a {position: relative; color: #ED9734;}

.main_header .search .main_nav .main_nav_area > ul.main_nav_area_right > li:last-child > a::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 20px; background: #D9D9D9;}

.main_header .search .main_nav .reg_item { position: relative; float: left }

.main_header .search .main_nav .reg_item > a { display: block; position: relative; float: left; font-family: notoKr, sans-serif; font-size: 15px; line-height: 22px; color: #8a39ce; padding: 15px 5px 16px 42px; width: 68px; border-left:1px solid #eaeef7; border-right:1px solid #eaeef7; background:url('/resources/image/design/main/ib2/btn_reg.png') no-repeat; background-position: 20px center }

.main_header .search .main_nav .reg_item .dtl { display: none; position: absolute; top: 44px; left: -21px; width: 138px; height: 25px; padding:10px 33px 10px 10px; border:1px solid #616161; box-shadow:0 0 4px RGBA(0,0,0,0.15); background-color: #fff; opacity: 0; z-index: 1000 }

.main_header .search .main_nav .reg_item .dtl:after { content:""; display:block; clear:both }

.main_header .search .main_nav .reg_item .dtl li { float: left }

.main_header .search .main_nav .reg_item .dtl li > a { display: block; font-family: notoKr, sans-serif; font-style: 12px; line-height: 19px; padding:3px; background-color: #635bca; color: #fff; min-width: 58px; text-align: center }

.main_header .search .main_nav .reg_item .dtl li { margin-left: 10px }

.main_header .search .main_nav .reg_item .dtl li:first-child { margin-left: 0px }

.main_header .search .main_nav .reg_item .dtl button { position: absolute; display: block; top:8px; right: 5px; width: 23px; height: 22px; text-indent: -9999px; background:url('/resources/image/design/main/ib2/btn_reg_close.png') no-repeat }

.main_header.sticky .search { position: fixed; top: -1px; width: 100%; z-index:1001 }

.main_header.sticky .search ~ .main_nav { margin-top:106px }

.main_cont { position: relative; min-height: 600px; font-family: Malgun Gothic; overflow: hidden; }

.main_cont h3 {display: inline-block; letter-spacing: -.5px; font-family: Pretendard; font-weight: bold; font-size: 30px; line-height:35px; color: #2B2B2B; }

.main_cont h3 span {

  color: #635BCA;

}



.main_header .search .area .sch_box { position: absolute; left:-3px; width: 719px; height: 450px; background: #fff; border: 3px solid #766CFF; border-top: none; border-radius:0 0 40px 40px; box-sizing:border-box; overflow:hidden; box-shadow: 0 8px 9px -2px rgba(0,0,0,0.16); z-index:999 }



.main_header .search .area .sch_box .sch_game { display: flex; height: 450px; }

.main_header .search .area .sch_box .sch_game:after { content:""; display:block; clear:both }

.main_header .search .area .sch_box .sch_game .search_no_new {width: 100%;}

.main_header .search .area .sch_box .sch_game .search_no_new .no_lst {margin-bottom: 14px;}

.main_header .search .area .sch_box .tab_trade { position: absolute; bottom:0px; left: 0px; width: 100%; height: 32px }

.main_header .search .area .sch_box .tab_trade:after { content: ''; position: absolute; bottom: 32px; left: 0; display: block; width: 100%; height: 15px; box-shadow: 0px -10px 10px 0px #fff inset }

.main_header .search .area .sch_box .tab_trade ul { position: absolute; bottom:8px; left: 8px }

.main_header .search .area .sch_box .tab_trade ul:after { content:""; display:block; clear:both }

.main_header .search .area .sch_box .tab_trade li { float: left }

.main_header .search .area .sch_box .tab_trade li a { display: block; font-family: notoKr, sans-serif; font-size: 12px; line-height: 18px; padding: 2px 0; width: 45px; border: 1px solid #ebeef7; color: #7f85a5; text-align: center; background-color: #fff }

.main_header .search .area .sch_box .tab_trade li a.on { z-index: 11; background-color: #7f85a5; color: #fff }

.main_header .search .area .sch_box .tab_trade li:last-child { margin-left: -1px }

.main_header .search .area .sch_box .game { position: relative; overflow-y: auto; overflow-x: visible; width:100% }

/* .main_header .search .area .sch_box .game ul { padding: 20px 0 } */

.main_header .search .area .sch_box .game li a { position:relative; display:block; line-height: 19px; padding:6px 12px; font-size: 14px; color: #666 }

.main_header .search .area .sch_box .game li a.on { font-weight:bold; color:#626882; background-color:#eaeef9 }

.main_header .search .area .sch_box .game li a.on:after { content:''; position: absolute; top:50%; right:7px; margin-top:-5px; width: 6px; height: 10px; background:url('/resources/image/design/main/ib2/sch_clamp.png') no-repeat }

.main_header .search .area .sch_box .game li a:hover { font-weight:bold; color:#626882; background-color:#eaeef9 }

.main_header .search .area .sch_box .game.on { width: 240px; padding: 0 0 20px; }

.main_header .search .area .sch_box .game a:hover { font-weight:normal; color:#626882; background-color:#eaeef9 }

.main_header .search .area .sch_box .game a em { font-style: normal; font-weight: bold; color: #635bca }

.main_header .search .area .sch_box .server { position:relative; height: 448px; overflow: auto; width:474px; border-left:1px solid #eaeef7 }

.main_header .search .area .sch_box .server .scr_area { position: relative; height: auto; min-height: 100% }

.main_header .search .area .sch_box .server ul { padding: 0 0 20px; height: 100% }

.main_header .search .area .sch_box .server li { float:left; width:50% }

.main_header .search .area .sch_box .server ul li a { display:block; font-size: 14px; line-height: 19px; padding:6px 12px; color: #666 }

.main_header .search .area .sch_box .server ul li a:hover { font-weight:bold; color:#635bca; background: #eaeef9; }

.main_header .search .area .sch_box .server ul li a.on { font-weight:bold; color:#635bca; background: #eaeef9; }

.main_header .search .area .sch_box .server ul:before { content:''; position: absolute; top:0px; left:50%; width: 0; height: 100%; border-left:1px solid #eaeef7 }

.main_header .search .area .sch_box .server ul:after { content:""; display:block; clear:both }

.main_header .search .area .sch_box .no_lst { font-size: 14px; color: #666; text-align: center; }

.main_header .search .area .sch_box .cfg_my_game a { font-size: 14px; font-weight: bold; color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 165px; height: 40px; color: #fff; padding: 0; background: #635bca; border-radius: 5px; }

 .main_header .search .area .sch_box .cfg_my_game a img { margin-right: 5px; }

 .main_header .search .area .sch_box .game_lst_not { height: 90%; display: flex; align-items: center; flex-direction: column; justify-content: center; }

.main_header .search .area .sch_box .sch_game_tab { padding: 20px }

.main_header .search .area .sch_box .sch_game_tab .tab { width: 100%; position: relative }

.main_header .search .area .sch_box .sch_game_tab .tab:after { content:""; display:block; clear:both }

.main_header .search .area .sch_box .sch_game_tab .tab li { float: left; width: 50% }

.main_header .search .area .sch_box .sch_game_tab .tab li:last-child { margin-left: -1px; margin-right: -1px }

.main_header .search .area .sch_box .sch_game_tab .tab li a { display: block; font-size: 14px; line-height: 20px; padding: 10px 0 9px; border: 1px solid #eaeef7; color: #a9afbd; text-align: center; background-color: #fafafa }

.main_header .search .area .sch_box .sch_game_tab .tab li a.on { font-weight: bold; background-color: #fff; color: #000 }

.main_header .search .area .sch_box .sch_game_tab .game_lst { padding-left: 10px; margin-top: 17px; height: 350px; overflow: auto }

.main_header .search .area .sch_box .sch_game_tab .game_lst .cfg_my_game { margin-top: 14px; text-align: center; }

.main_header .search .area .sch_box .sch_game_tab .game_lst li + li { margin-top: 10px; }

.main_header .search .area .sch_box .sch_game_tab .game_lst li a { display: flex; font-size: 14px; color: #7e86a8; line-height: 23px }

.main_header .search .area .sch_box .sch_game_tab .game_lst li a:hover { font-weight:bold; color:#626882; background-color:#eaeef9 }

.main_header .search .area .sch_box .sch_game_tab .game_lst li a.on { font-weight:bold; color:#626882; background-color:#eaeef9 }

.main_header .search .area i { font-size: 11px; font-weight: bold; font-style: normal; display: flex; align-items: center; justify-content: center; min-width: 46px; width: 46px; height: 22px; margin-right: 9px; color: #1398ff; border: 1px solid #1398ff; border-radius: 11px; box-sizing: border-box; }

.main_header .search .area i.buy { color: #ff8711; border: 1px solid #ff8711; }



.main_header .search .area.on .search_box {

  border-radius: 30px 30px 0 0;

}

.main_header .search .area.on .search_box .sch_ipt {

  border-bottom: 1px solid #D9D9D9;

}

.main_header .nav { position: relative; background-color: #ffffff; z-index: 700; }

.main_header.submain .nav { border-bottom: 1px solid #e8eaf4; }

.main_header .nav .box { position:relative; width:1000px; margin:0 auto; border: 0; display: flex; justify-content: space-between; padding: 6px 0 15px 0; align-items: center; box-sizing: border-box; }



.main_cont .main_popgame {

  position: relative;

  width: 1160px;

  margin: 0 auto;

  margin-top: 60px;

}

.main_popgame ul {display: flex; flex-wrap: wrap; margin-top: 30px; gap: 28px 41.5px;}

.main_popgame ul li a {display: flex; flex-direction: column;}

.main_popgame ul li img {

  width: 130px;

  height: 130px;

  border-radius: 20px;

  object-fit: cover;

}

.main_popgame ul li span {

  letter-spacing: -.5px;

  font-family: Pretendard;

  font-weight: bold;

  font-size: 17px;

  color: #000000;

  text-align: center;

  margin-top: 20px;

}

/* 메인 비주얼 영역 */

.main_cont .main_visual { position: relative; display: flex; display: -ms-flexbox; justify-content: space-between; width:684px; margin: 0 auto;}

.main_visual .main-banner-pagination {position:absolute; display: flex; justify-content: center; align-items: center; width:100%; bottom: 20px; left: 0; z-index:1; }

.main_visual .main-banner-pagination span {display: block; width:8px; height:8px; margin:0 10px; background:#fff; border-radius: 8px; line-height: 1; text-indent:-9999px; font-size: 0; opacity: 0.5; -webkit-transition: all 0.2s; /* Safari */transition: all 0.5s; cursor:pointer;  }

/* .main_visual .main-banner-pagination .swiper-pagination-switch { display: none; }  */

.main_visual .main-banner-pagination .swiper-active-switch { width:40px; opacity: 1; }



.main_cont .banner { position: relative; width: 684px; height: 343px; border-radius:10px; overflow: hidden;}

.main_cont .banner ul li div { height: 343px; background-position: center; display: block; background-repeat: no-repeat; border-radius: 10px; }

.main_cont .banner ul li div a { display: block; width: 100%; height: 100%; text-indent: -9999px }



.main_cont .banner .indg a {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; display:block;  width:15px; height:26px; border-radius: 100%; text-indent:-9999px; font-size: 0}

.main_cont .banner .indg a.btn_prev {left:20px; background:url('/resources/image/design/main/20250627/left_arrow.png') no-repeat;  background-size: 100%;}

.main_cont .banner .indg a.btn_next {right:20px; background:url('/resources/image/design/main/20250627/right_arrow.png') no-repeat; background-size: 100%;}



.cont_wrap { position: relative; overflow: hidden; min-width: 1160px }

.cont_wrap .sticky_side { position: fixed; background-color: #fff; width: 141px; height: 100%; top:311px; right:-141px; border-left: 1px solid #F0F0F0; z-index: 801 }

.cont_wrap .skyscraper { width: 100%; top:0px; width: 141px; height: 100%; font-family: Malgun Gothic; }

.cont_wrap .skyscraper .ssw { height: 100% }

.cont_wrap .skyscraper .btn_scs_toggle { position: absolute; top:225px; left: -49px; }

.cont_wrap .skyscraper .btn_scs_toggle a { display: block; width: 49px; height: 180px; background: url(/resources/image/design/main/ib2/btn_scs_off.png?250716) center no-repeat; text-indent: -9999px; font-size: 0 }

.cont_wrap .skyscraper .btn_scs_toggle a.on { background: url(/resources/image/design/main/ib2/btn_scs_on.png?250716) center no-repeat }

.scs_banner { margin:10px; width: 121px; height: 141px; overflow: hidden; padding-bottom:20px; margin-bottom: 0 }

.scs_banner .swiper-container { height: 161px }

.scs_banner .pagination { position: absolute; top:151px; display: flex; justify-content: flex-end; padding-right: 8px; box-sizing: border-box; width: 100%; text-align: center; font-size: 0px; line-height: 0px }

.scs_banner.scs_banner_all { margin:10px; width: 120px; height: 145px; margin-bottom: 0; border-radius: 10px; overflow: hidden; box-sizing: border-box;}

.scs_banner.scs_banner_all .swiper-container { height: 145px; }

.scs_banner.scs_banner_all .pagination { position: absolute; top:151px; right: 18px; padding-right: 0; display: flex; justify-content: flex-end; box-sizing: border-box; width: auto; text-align: center; font-size: 0px; line-height: 0px }

.scs_banner .swiper-pagination-switch { background: #d8d8d8; width: 6px; height: 6px; position: relative; display: inline-block; border-radius:100%;; margin-left: 3px; cursor: pointer }

.scs_banner .swiper-pagination-switch:first-child { margin-left: 0px }

.scs_banner .swiper-active-switch { background-color: #635bca; }

.cont_wrap .skyscraper .summary { font-family: notoKr, sans-serif; font-size: 14px; line-height: 19px; color: #1f2152; letter-spacing: -0.025em }

.cont_wrap .skyscraper .summary > p { margin: 0 22px; border-bottom:1px solid #b7c1d9; text-align: center; line-height: 22px; padding: 25px 0 15px }

.cont_wrap .skyscraper .summary > p.tit { padding-top:26px }

.cont_wrap .skyscraper .summary > p.rw_sub { padding: 10px 0 15px }

.cont_wrap .skyscraper .summary > p.rw_sub span { display: block; line-height: 19px; padding-top: 4px }

.cont_wrap .skyscraper .summary > a { display: block; margin: 0 22px; border-bottom:1px solid #b7c1d9; text-align: center; line-height: 22px; padding: 25px 0 15px }

.cont_wrap .skyscraper .summary > a.tit { padding-top:26px }

.cont_wrap .skyscraper .summary > a.rw_sub { padding: 10px 0 15px }

.cont_wrap .skyscraper .summary > a.rw_sub span { display: block; line-height: 19px; padding-top: 4px }

.cont_wrap .skyscraper .summary ul li a { display: block }

.cont_wrap .skyscraper .summary ul li span { display: block; line-height: 19px; padding-top: 4px }

.cont_wrap .skyscraper .summary ul li em { font-style: normal; display: block; line-height: 19px; padding-top: 4px; color: #635bca }

.cont_wrap .skyscraper .summary ul li { padding: 10px 0 15px; border-top:1px solid #b7c1d9; text-align: center }

.cont_wrap .skyscraper .summary ul li:first-child { border-top:0; padding-top:2px }

.cont_wrap .skyscraper .summary ul { padding:0 22px }

.cont_wrap .skyscraper .cont { width: 120px; padding: 25px 0 0; border: 1px solid #f0f0f0; border-radius: 10px; margin: 0 auto; margin-top: 22px; box-sizing: border-box; }

.cont_wrap .skyscraper .mailage_box { text-align: center; padding-bottom: 30px; }

.cont_wrap .skyscraper .mailage_box p { display: block }

.cont_wrap .skyscraper .mailage_box span { font-weight: bold; display: block; line-height: 19px; color: #666; }

.cont_wrap .skyscraper .mailage_box em { font-style: normal; display: block; line-height: 19px; font-size: 14px; font-weight: bold; margin-top: 3px; color: #635bca }

.cont_wrap .skyscraper .btn_mailage a { display: flex; align-items: center; justify-content: center; font-size:12px; font-weight: bold; padding: 20px 0; color: #666; border-top: 1px solid #f0f0f0; }

 .cont_wrap .skyscraper .btn_mailage a img { margin-left: 5px; }

.cont_wrap .skyscraper .float_tp { position: relative }

.cont_wrap .skyscraper .float_bt { width: 141px; right: 0px; bottom:0px; background-color: #fff }

.cont_wrap .skyscraper .float_bt .sch_safe_bay { height: 71px; text-align: center; margin-top: 20px; }

.cont_wrap .skyscraper .float_bt .sch_safe_bay p { text-align: center; margin-bottom: 10px; }

.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box input[type='text'].type01 { font-size:11px; padding: 0 25px 0 9px; letter-spacing: -0.025em; display: block; width: 120px; border:2px solid #635bca; border-radius: 28px; height: 28px; text-align: left; }

.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box input[type='text'].type01#input_pushitem_keyword { text-align:left }

.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box input[type='text'].type01::placeholder { font-size: 11px; color: #b6b6b6; }

.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box .input_sch { right: inherit; right: 7px; width: 16px; height: 16px; cursor: pointer; background: url(/resources/image/design/main/ib2/btn_safebay_sch.png) 0 0 no-repeat }

.cont_wrap .skyscraper .float_bt .btn_go_top a { position: fixed; bottom: 0; display: block;font-family: Malgun Gothic; text-align: center; width: 121px; height: 19px; font-size:15px; font-weight: 700; letter-spacing: -0.025em; line-height: 19px; padding: 67px 10px 25px; color: #120b3d; background: url(/resources/image/design/main/ib2/btn_go_top.png) center 40px no-repeat }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .cont_wrap .skyscraper .float_bt .btn_go_top a { position: absolute;}

}

.cont_wrap .skyscraper .btn_sns { position:relative; top:21px; left:19.5px; width:102px; height:30px; background:url(/resources/image/design/main/ib2/img_snsIcon.png) 0 0 no-repeat; font-size:0 }

.cont_wrap .skyscraper .btn_sns.on { position:absolute; top:auto; bottom:10px }

.cont_wrap .skyscraper .btn_sns a { display:inline-block; width:30px; height:30px; margin-left:6px }

.cont_wrap .skyscraper .btn_sns a:first-child { margin-left:0 }



/* 개인화 영역 */

.main_cont .main_personalize {display:flex;  width: 1160px; margin: 0 auto; margin-top: 60px; }

.main_cont .main_personalize .main_top5 {width:686px; margin-right:38px;}

.main_cont .main_personalize .main_top5 ul {display:flex; flex-direction:column; margin-top:28px; }

.main_cont .main_personalize .main_top5 ul li {position:relative; width:686px; height:95px; border: 2px solid transparent; overflow: hidden; box-sizing: border-box;}

.main_cont .main_personalize .main_top5 ul li+li {margin-top: -4px;}

.main_cont .main_personalize .main_top5 ul li ::before {position:absolute; top: 50%; left:40px; transform:translateY(-50%); font-family:Pretendard; font-size:28px; font-weight:700; color:#3D3D3D; }

.main_cont .main_personalize .main_top5 ul li:nth-of-type(1) ::before {content:'1'; }

.main_cont .main_personalize .main_top5 ul li:nth-of-type(2) ::before {content:'2'; }

.main_cont .main_personalize .main_top5 ul li:nth-of-type(3) ::before {content:'3'; }

.main_cont .main_personalize .main_top5 ul li:nth-of-type(4) ::before {content:'4'; }

.main_cont .main_personalize .main_top5 ul li:nth-of-type(5) ::before {content:'5'; }

.main_cont .main_personalize .main_top5 ul li:hover {border:2px solid #635BCA; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-sizing:border-box; z-index: 1; border-radius: 10px;}

.main_cont .main_personalize .main_top5 ul li a {width:100%; height:100%; display: block; border-bottom:1px solid #DADADA; box-sizing: border-box;}

.main_cont .main_personalize .main_top5 ul li img {width:100%; height:100%; object-fit: cover;}





.main_cont .main_personalize .main_direct_click {margin-left: 40px;}

.main_cont .main_personalize .main_direct_click .main_direct_list {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; width:436px; margin-top:28px;}

.main_cont .main_personalize .main_direct_click .main_direct_list li {position:relative; display:flex; align-items:center; justify-content:center; width:132px; height:130px; border:1px solid #E8E8E8; border-radius:10px; text-align:center;}

.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(1),

.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(2),

.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(3) {margin-bottom: 17px;}

.main_cont .main_personalize .main_direct_click .main_direct_list li:hover {background:#FAFAFF; border-color:#A9A3F8;}

.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(1) .main_direct_count {position:absolute; top:12px; right:26px; padding:0 5px; height:24px; line-height:24px; background:#535EDD; border-radius:8px; text-align:center; font-family:Pretendard; font-size: 14px; color:#fff;}

.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(1) .main_direct_count::after{content:''; position: absolute; display: block; bottom:-5px; left:50%; transform:(-50%); width:5px; height:5px; background:#535EDD; clip-path: polygon(0 0, 0% 100%, 100% 0);}

.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(2) .main_direct_count {position:absolute; top:12px; right:26px; padding:0 5px; height:24px; line-height:24px; background:#F55C4E; border-radius:8px; text-align:center; font-family:Pretendard; font-size: 14px; color:#fff;}

.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(2) .main_direct_count::after{content:''; position: absolute; display: block; bottom:-5px; left:50%; transform:(-50%); width:5px; height:5px; background:#F55C4E; clip-path: polygon(0 0, 0% 100%, 100% 0);}

.main_cont .main_personalize .main_direct_click .main_direct_list li a {display: inline-flex; flex-direction: column; justify-content: center; align-items: center;  width: 100%; height: 100%;}

.main_cont .main_personalize .main_direct_click .main_direct_list li .main_direct_title {margin-top:11px; font-family:Pretendard; font-weight: 700; font-size:16px; color:#1D1D1D;}



/* 자주 찾는 게임 */

.main_cont .main_personalize .main_direct_click .often {position:relative; width:436px; height:155px; padding:32px; border:1px solid #E8E8E8; border-radius:10px; box-sizing: border-box;}

.main_cont .main_personalize .main_direct_click .often .title_often { display: flex; justify-content: space-between; }

.main_cont .main_personalize .main_direct_click .often .title_often h3 { font-size: 18px; font-weight: 500; color: #000; }

.main_cont .main_personalize .main_direct_click .often .title_often a {font-family: GongGothic; font-size:18px; font-weight: 500; color: #737373; }

.main_cont .main_personalize .main_direct_click .often .item { display: flex; flex-direction: column; align-items: flex-start;; justify-content: center; margin-top: 18px; }

.main_cont .main_personalize .main_direct_click .often .item p {position:absolute; overflow: hidden; z-index: 1; top:0; left:0; margin:0 auto; border-radius: 10px; font-family:Pretendard; font-size: 16px; color: #565656; }

/* 로그인 됐을 경우 (자주 찾는 게임-게임등록X) */

.main_cont .main_personalize .main_direct_click .often .item .btn_submit { font-size: 14px; font-weight: bold; color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 50px; padding: 0; margin-top: 0; background: #635bca; border-radius: 5px; }

/* 로그인 됐을 경우 (자주 찾는 게임-게임등록o) */

.main_cont .main_personalize .main_direct_click .often .often_game {height: 100%; padding: 0;}

.main_cont .main_personalize .main_direct_click .often .often_game li+li { margin-top: 15px; }

.main_cont .main_personalize .main_direct_click .often .often_game li a {position:relative; display:block; width:372px; padding-left:12px; font-family:Pretendard; font-size: 16px; text-align: left; color: #565656; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}

.main_cont .main_personalize .main_direct_click .often .often_game li a::before {content:''; display: inline-block; position:absolute; top:6px; left:0; width:4px; height:4px; border-radius: 4px; background:#565656;}

.main_cont .main_personalize .main_direct_click .often .often_game li a:hover {text-decoration: underline;}





/* 상품권 영역*/

.main_cont .main_ticket_wrap {position:relative; overflow:hidden; width:1160px; margin:60px auto 0; height:107px; }

.main_cont .main_ticket_wrap::before {content:'';position: absolute; top:0; left:0; z-index:1; background:linear-gradient(90deg, rgb(255, 255, 255) 0%, transparent 100%);  width: 100px; height:100%; pointer-events: none;}

.main_cont .main_ticket_wrap::after {content:'';position: absolute; top:0; right:0; z-index:1; background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 100%); width: 100px; height:100%; pointer-events: none;}

.main_cont .main_ticket_wrap .swiper-wrapper {position:relative; width: 100%; }

.main_cont .main_ticket_wrap .swiper-wrapper a {display:block; float:left; flex-direction:row; justify-content: center; width:123px;}

.main_cont .main_ticket_wrap .swiper-wrapper a .main_ticket_img {overflow:hidden; width:80px; height:80px; margin:0 auto; border-radius: 40px; background:#dfdfdf;}

.main_cont .main_ticket_wrap .swiper-wrapper a .main_ticket_img img {width:100%; height:100%; object-fit: cover;}

.main_cont .main_ticket_wrap .swiper-wrapper a .main_ticket_title {margin-top:8px; font-family:Pretendard; font-size: 16px; color:#000; word-break: keep-all; word-wrap: normal; text-align: center;}





/* 필수 모음 영역 */

.main_cont .main_essential {display: flex; flex-direction:column; width:1160px; margin:80px auto 0;}



.main_cont .main_essential .cont {display:flex; flex-direction:row; justify-content:space-between; margin-top:30px; }

.main_cont .main_essential .cont a {display:block; width:260px; height:218px; border-radius: 40px; background:#dfdfdf;}

.main_cont .main_essential .cont a img {width:100%; height:100%; object-fit: cover;}





/* 베이만의 혜택 */

.main_cont .main_benefit {display: flex; flex-direction:column; width:1160px; margin:80px auto 0;}

.main_cont .main_benefit .cont {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}

.main_cont .main_benefit .cont a {margin-top:40px;}



/* 공지사항 */

.main_cont .main_notice {display: flex; flex-direction:row; width:1160px; height:72px; box-sizing: border-box; margin:60px auto 120px; border:1px solid #EAEAEA; border-radius: 8px;}

.main_cont .main_notice h3 {width:76px; margin-right:23px; padding:24px 0 24px 28px; font-size:20px; line-height: 24px;}

.main_cont .main_notice .swiper-container {position: relative; width:1000px; }

.main_cont .main_notice .swiper-wrapper {position:relative; width: 100%; width:100%; }

.main_cont .main_notice .swiper-wrapper li {display: flex; align-items: center;}

.main_cont .main_notice .swiper-wrapper li a {position:relative; display:flex; justify-content:space-between; width:1000px; font-family:Pretendard; padding-left:15px; font-size:20px; color:#000; line-height:24px;}

.main_cont .main_notice .swiper-wrapper li a::before {content:''; display: inline-block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius: 4px; background:#565656;}

.main_cont .main_notice .swiper-wrapper li a span {display:block;}



/* 왼쪽 윙배너 */

.banner_left_wing { position: absolute; top: 0; left: -340px; }

.banner_left_wing button { position: absolute; bottom: 0; right: 0; width: 47px; height: 20px; padding: 0; text-indent: -9999px; cursor: pointer; }







.ie_check_banner { display:none; height:35px; background:#f9f4b6; border-top:1px solid #e6e094; border-bottom:1px solid #e6e094 }

.ie_check_banner > div { position:relative; width:1000px; margin:0 auto; padding-left:20px; font-size:0; box-sizing:border-box }

.ie_check_banner .info { display:inline-block; height:35px; line-height:35px; font-size:12px; color:#363636; vertical-align:middle }

.ie_check_banner .info:before { content:''; display:inline-block; width:16px; height:16px; margin-right:10px; background:url('/resources/image/design/main/ib2/ico_checkIE.png') 0 0 no-repeat; vertical-align:middle }

.ie_check_banner a[class^="btn_"] { margin-left:30px }

.ie_check_banner a[class^="btn_"]:before { content:''; display:inline-block; height:20px; margin-right:8px; background-image:url('/resources/image/design/main/ib2/ico_checkIE.png'); background-repeat:no-repeat; vertical-align:middle }

.ie_check_banner a[class^="btn_"]:after { display:inline-block; width:60px; height:20px; background:#fff; border:1px solid #5d5d5d; line-height:20px; font-size:11px; color:#000; text-align:center; vertical-align:middle; box-sizing:border-box }

.ie_check_banner a[class^="btn_"]:hover:after,

.ie_check_banner a[class^="btn_"]:active:after { background:#e6e6e6 }

.ie_check_banner .btn_ie:before { width:21px; background-position:-16px 0 }

.ie_check_banner .btn_ie:after { content:'업데이트' }

.ie_check_banner .btn_chrome:before { width:20px; background-position:-37px 0 }

.ie_check_banner .btn_chrome:after { content:'다운로드' }

.ie_check_banner .close { position:absolute; top:10px; right:0; width:16px; height:15px; background:url('/resources/image/design/main/ib2/ico_checkIE.png') -57px 0 no-repeat; vertical-align:middle }



/*내pc점검*/

.popup_box .popup_dimmed { display: block; display: none; width: 100%; height: 100%; top:0; left: 0; position: fixed; background-color: RGBA(0,0,0,0.67); z-index: 1001; opacity: 0 }

.popup_freevc { position: fixed; display: none; width: 332px; height: 576px; top:50%; left: 50%; margin-top:-288px; margin-left: -166px; background-color: #fff; border:1px solid #616161; opacity: 0; z-index: 1002; font-family: notoKr, sans-serif }

.popup_freevc .area { padding:24px 16px 28px; background: url(/resources/image/design/main/ib2/bg_freevc.png) 49px 110px no-repeat; height: 494px }

.popup_freevc h4 { font-size: 26px; color: #336ecd; line-height: 36px; letter-spacing: -0.025em; font-weight: normal; text-align: center }

.popup_freevc p { font-size: 14px; color: #616781; line-height: 18px; letter-spacing: -0.025em; text-align: center; margin-top: 5px; margin-bottom: 251px }

.popup_freevc .btn_full02 { background-color: #3d68cd; font-size: 16px; letter-spacing: -0.025em; margin:17px 4px 0 }

.popup_freevc p.ntc { margin:0; padding:19px 0 0 18px; font-size: 12px; line-height: 14px; color: #f42e4f; text-align: left }

.popup_freevc .cls_box { height: 16px; text-align: right; background-color: #333b58; color: #fff; padding:7px 20px }

.popup_freevc .cls_box .inp_box { display: inline-block }

.popup_freevc .cls_box .inp_box label { line-height: 16px; font-size: 12px; color: #d7dbe3; padding-left: 0px; padding-right: 25px; margin-right: 10px }

.popup_freevc .cls_box .inp_box label.chkbox::before { background: url(/resources/image/design/main/ib2/btn_cls_nv_s.png) 0px 0px no-repeat; right: 8px; left: inherit; width: 12px; height: 12px; top:50%; margin-top:-6px }

.popup_freevc .cls_box .inp_box input[type='checkbox'].type01:checked + label::before { background-position-x: -12px }

.popup_freevc .cls_box .inp_box input[type='checkbox'].type01 { opacity: 0 }

.popup_freevc .cls_box .btn_cls { display: inline-block; line-height: 16px }

.popup_freevc .cls_box .btn_cls a { display: inline-block; color: #d7dbe3; padding-right: 16px; background: url(/resources/image/design/main/ib2/btn_pop_cls.png) right center no-repeat }

.popup_video_01 { position: fixed; display: none; width: 853px; height: 479px; top:50%; left: 50%; margin-top:-242px; margin-left: -429px; background-color: #fff; border:4px solid #161616; opacity: 0; z-index: 1002 }

.popup_video_01 iframe { background-color: #161616 }

.popup_video_01 .btn_cls a { position: absolute; right: -4px; top:-76px; width: 72px; height: 72px }

.popup_video_01 .btn_cls a { display: block; width: 72px; height: 72px; background: url(/resources/image/design/main/ib2/ico_close.png) 18px no-repeat; background-color: #161616; text-indent: -99999px }







/* 베이글 검색 팝업 */

.popup_search_baygle { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); line-height:1.2; font-family:'Malgun Gothic',sans-serif; backdrop-filter:blur(3px); z-index:1002 }

.popup_search_baygle > .pop_inner { position:relative; margin-top:90px; width:100%; height:calc(100% - 90px); background-color:#fff; overflow-y: auto }

.popup_search_baygle > .pop_inner > .baygle_container { display:none; width:1000px; margin:55px auto 0; padding-bottom:40px }

.popup_search_baygle > .pop_inner > .baygle_container .banner_left { position:absolute; top:0; left:-280px }

.popup_search_baygle > .pop_inner > .baygle_container .banner_left > *[class^="banner"] { display:block; width:200px; height:200px; background-color:gray }

.popup_search_baygle > .pop_inner > .baygle_container .banner_left .banner01 { margin-bottom:10px }

.popup_search_baygle

  > .pop_inner

  > .baygle_container

  .banner_left

  .banner_diablo {

  display: none;

}

.popup_search_baygle > .pop_inner > .baygle_container .banner_right { position:absolute; top:0; right:-200px }

.popup_search_baygle > .pop_inner > .baygle_container .banner_right .baygle_right_banner { margin:0 }

.popup_search_baygle .baygle_notice { position: relative; z-index: 1; margin-top: 0px; margin-bottom: 20px; font-family: 'Malgun Gothic',sans-serif; font-size: 12px; color: #7e86a8; text-align: center; display: block; }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .baygle_notice { display: none; }

.popup_search_baygle > .pop_inner > .baygle_container .check_list_wrap .li_td2_inp1 { width:480px }

.popup_search_baygle > .pop_inner > .baygle_container .check_list_wrap .li_td2_inp1 > input { font-family: 'Malgun Gothic',sans-serif; width:100% }

.popup_search_baygle > .btn_close {

  position: absolute;

  top: 42px;

  left: 50%;

  width: 88px;

  height: 29px;

  margin-left: 450px;

  background: url("/resources/image/design/common/symbol/close_88x29.png")

    center no-repeat;

  cursor: pointer;

}

.popup_search_baygle .season_logo { position:relative; width:1000px; height:43px; margin:0 auto }

.popup_search_baygle .season_logo img:nth-child(1) {

  display: none;

}

.popup_search_baygle .season_logo .baygle_guide_hover { position:absolute; top:152px; left:604px; animation-name:guide_hover_width_out; animation-duration: 1s; animation-delay: 0.5s; animation-direction: alternate; animation-iteration-count:infinite; width:19px; height:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; border-radius:16px; cursor:pointer; color: transparent; text-shadow: 0 0 0 #2196f3; }

.popup_search_baygle .season_logo .baygle_guide_hover:hover { position:absolute; top:152px; left:604px; animation-name:guide_hover_width_in; width:48px; height:16px; animation-play-state:paused; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; cursor:pointer; color: transparent; text-shadow: 0 0 0 #2196f3; }

@keyframes guide_hover_width_out {

 0% { width:16px; height:16px; border-radius:16px; background-color:#000; }

 100% { width:48px; height:16px; border-radius:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; background-color:#000 }

 }

@keyframes guide_hover_width_in {

 0% { width:48px; height:16px; border-radius:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; background-color:#000 } 0% { width:16px; height:16px; border-radius:16px; background-color:#000; }

 100% { width:48px; height:16px; border-radius:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; background-color:#000 }

 }



.popup_search_baygle .search_area { position:relative; display:flex; width:720px; margin:0 auto; box-shadow:1px 0 5px 0 rgba(0,0,0,0.13); border:1px solid transparent; border-radius:32px; align-items:center; flex-wrap:wrap; box-sizing:border-box }

.popup_search_baygle .search_area img:nth-child(1) {

  width: 70px;

  height: 19px;

  margin-left: 28px;

  z-index: 20;

}

.popup_search_baygle .search_area:hover,

.popup_search_baygle .search_area:hover .keyword_layer { border:1px solid #e7e7e7 }

.popup_search_baygle .search_area .sch_del { width:21px; height:21px; margin-right:10px; background:url('/resources/image/design/common/symbol/close_20x20_a9afbd.png') 0 0 no-repeat; cursor:pointer; z-index:11 }

.popup_search_baygle .search_area .inp_search { position:relative; flex:1; height:64px; margin-left:30px; border:0; font-family:'Malgun Gothic',sans-serif; font-size:18px; color:#000; box-sizing:border-box; z-index:11 }

.popup_search_baygle .search_area .inp_search:hover,

.popup_search_baygle .search_area .inp_search:focus { background-color:#fff }

.popup_search_baygle .search_area .btn_submit { position:relative; width:59px; height:59px; margin-right:3px; background:url('/resources/image/design/common/symbol/sch_circle_59x59_8a39ce.png') 0 0 no-repeat; cursor:pointer; z-index: 11 }

.popup_search_baygle .search_area .keyword_layer { position:absolute; top:-1px; left:-1px; right:-1px; display:none; padding:86px 30px 20px; background-color:#fff; border:1px solid transparent; border-radius:32px; box-shadow:1px 0 5px 0 rgba(0,0,0,0.13); box-sizing:border-box; z-index:10 }

.popup_search_baygle .search_area .keyword_layer::before { content:''; position:absolute; top:64px; left:0; width:100%; height:1px; background:#ebebeb }

.popup_search_baygle .search_area .recent_list > h6 { margin-bottom:20px; font-size:18px; color:#000 }

.popup_search_baygle .search_area .recent_list li { display:flex; align-items:center }

.popup_search_baygle .search_area .recent_list li + li { margin-top:10px }

.popup_search_baygle .search_area .recent_list li > a { display:flex; flex:1; font-size:14px; color:#666; align-items:center }

.popup_search_baygle .search_area .recent_list li > a::before { content:''; display:block; width:22px; height:22px; margin-right:10px; background:url('/resources/image/design/common/symbol/sch_circle_22x22_b7c1d9.png') }

.popup_search_baygle .search_area .recent_list li > a:hover { font-weight:700 }

.popup_search_baygle .search_area .recent_list .recent_clear { width:20px; height:20px; background:url('/resources/image/design/common/symbol/close_10x10_c5c5c5.png') center no-repeat; cursor:pointer }

.popup_search_baygle .search_area .recent_list .recent_clear_all { display:flex }

.popup_search_baygle .search_area .recent_list .recent_clear_all > button { padding:5px; margin-right:-5px; margin-left:auto; font-size:12px; font-weight:700; color:#999; text-decoration:underline; cursor:pointer; }

.popup_search_baygle .search_area .recent_list .no_data { padding:5px 0 20px; font-size:14px; color:#666 }



.popup_search_baygle .item_list_top { display:flex; align-items:flex-end }

.popup_search_baygle .item_list_top > h6 { font-family:'Malgun Gothic',sans-serif; font-size:16px; color:#1f2152 }

.popup_search_baygle .item_list_top .item_list_tab { margin-left:auto; margin-bottom:0 }

.popup_search_baygle .view_area .item_list_area1 { margin-bottom:20px }

.popup_search_baygle .view_area table tr td { padding:0 5px; font-family:'Malgun Gothic',sans-serif; word-break:keep-all; word-wrap:break-word }

.popup_search_baygle .view_area table tr:hover:not(.search_no) td { background-color:#c8effe }



.popup_search_baygle .view_area tr:hover td.goods_name .btn_before_view1::after { background:#fbfbff url('/resources/image/itemList/btn_search2.gif') 6px 8px no-repeat; border:1px solid #e1e3e8 }

.popup_search_baygle .view_area td.goods_name .title { text-align:left; color: #2c2d34; }

.popup_search_baygle .view_area .game_server { text-align:center }

.popup_search_baygle .view_area .game_server > p { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.popup_search_baygle .view_area .price { font-size:14px; font-weight:700; color:#ea254f; letter-spacing:-.1px }

.popup_search_baygle .view_area .unit_price { font-size:14px; font-weight:700; color:#2c2d34; letter-spacing:.1px }

.popup_search_baygle .btn_more { display:flex; width:100%; height:50px; background-color:#fbfbff; border:1px solid #dee7ea; font-size:16px; color:#666; align-items:center; justify-content:center; cursor:pointer }

.popup_search_baygle .btn_more::after { content:''; display:block; width:15px; height:15px; margin-left:10px; background:url('/resources/image/design/common/symbol/plus_15x15_7d7e80.png') 0 0 no-repeat }

.popup_search_baygle .page_top_down { display:flex; display:none; position:fixed; bottom:100px; left:50%; margin-left:570px; flex-direction:column }

.popup_search_baygle .page_top_down > a { display:flex; width:45px; height:58px; border:1px solid #dee7ea; font-size:10px; color:#666; align-items:center; justify-content:center; flex-direction:column; box-sizing:border-box }

.popup_search_baygle .page_top_down .btn_top { border-bottom:0 }

.popup_search_baygle .page_top_down .btn_down::after,

.popup_search_baygle .page_top_down .btn_top::before { content:''; display:block; width:13px; height:16px; background:url('/resources/image/design/common/symbol/arrow_13x16_7d7e80.png') 0 0 no-repeat }

.popup_search_baygle .page_top_down .btn_down::after { transform:rotate(180deg) }

.popup_search_baygle .popup_detail { position:fixed; top:50%; left:50%; width:960px; padding:30px; margin-top:-305px; margin-left:-480px; background:#fff; border-radius:10px; box-shadow:0 0 21px rgba(0,0,0,0.17); box-sizing:border-box; z-index:99 }

.popup_search_baygle .popup_detail .pop_header { display:flex; margin-bottom:20px; align-items:center }

.popup_search_baygle .popup_detail .pop_header > h5 { font-size:18px; color:#000; word-break:keep-all }

.popup_search_baygle .popup_detail .pop_header > .btn_close { width:40px; height:40px; padding:5px; margin:-5px; margin-left:auto; background:url('/resources/image/design/common/symbol/close_20x20_1d1b1b.png') center no-repeat; cursor:pointer }

.popup_search_baygle .popup_detail .pop_container { display:flex }

.popup_search_baygle .popup_detail .pop_container .detail_slide { position:relative; width:500px; height:500px; margin-right:30px; background-color:#000; overflow:hidden }

.popup_search_baygle .popup_detail .pop_container .detail_info { flex:1; display:flex; height:500px; border-top:1px solid #666; flex-direction:column }

.popup_search_baygle .popup_detail .pop_container .detail_info .btn_detail { display:flex; padding:10px 16px; border:1px solid #e9ecf4; line-height:1; font-family:notoKr, sans-serif; font-size:12px; color:#231f20; align-items:center }

.popup_search_baygle .popup_detail .pop_container .detail_info .btn_detail::before { content:''; display:block; width:9px; height:9px; margin-right:8px; background:url('/resources/image/design/common/symbol/plus_9x9_231f20.png') center no-repeat }

.popup_search_baygle .popup_detail .pop_container .detail_tit { padding:10px 0; border-bottom:1px solid #e0e0e0; line-height:1.2; font-size:18px; color:#666; word-break:break-all }

.popup_search_baygle .popup_detail .pop_container .detail_content { flex:1; padding:20px 0; border-bottom:1px solid #666; line-height:1.7; color:#666; word-break:break-all; overflow-y:auto }

.popup_search_baygle .popup_detail .slide_container { position:relative; max-width:100%; height:500px; overflow:hidden }

.popup_search_baygle .popup_detail .slide_container .baygle_slide_wrap { height:100% }

.popup_search_baygle .popup_detail .slide_container .baygle_slide_wrap ul { height:100% }

.popup_search_baygle .popup_detail .slide_container li { display:flex; width:100%; height:100%; text-align:center; overflow:hidden; align-items:center; justify-content:center }

.popup_search_baygle .popup_detail .slide_container li > img { width:100% }

.popup_search_baygle .popup_detail .detail_slide .baygle_slide_page { position:absolute; bottom:0; left:50%; padding:5px 10px; margin-bottom:20px; background-color:rgba(0,0,0,0.8); border-radius:17px; font-size:16px; color:#fff; text-align:center; transform:translateX(-50%) }

.popup_search_baygle .popup_detail .detail_slide .baygle_slide_page .current { font-weight:700; color:#635bca }

.popup_search_baygle .popup_detail .detail_slide .baygle_slide_page .current::after { content:' / '; margin:0 2px; font-size:12px; font-weight:100; color:#fff; vertical-align:2px; }

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev,

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next { position:absolute; top:50%; width:80px; height:80px; background:rgba(255,255,255,0.2); border-radius:50%; transform:translateY(-50%); cursor:pointer }

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev { left:-40px }

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next { right:-40px }

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev::before,

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next::before { content:''; display:block; position:absolute; top:50%; width:11px; height:22px; background:url('/resources/image/design/common/symbol/arrow_11x22_fff.png') 0 0 no-repeat }

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev::before { right:20px; transform:translateY(-50%) }

.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next::before { left:20px; transform:translateY(-50%) rotate(180deg); }

.popup_search_baygle .popup_detail.none_image { width:640px; margin-left:-320px }

.popup_search_baygle .popup_detail.none_image .detail_slide { display:none }

.popup_search_baygle .basic_logo { display:none; position:absolute; top:70px; left:50%; width:101px; height:31px; background:url('/resources/image/design/main/ib2/img_baygle_small_logo.png') 0 0 no-repeat; background-size:100%; transform:translateX(-50%) }

.popup_search_baygle > .pop_inner > .baygle_header.sticky { display:flex; position:fixed; top:90px; left:0; width:calc(100% - 17px); height:70px; background:rgba(255,255,255,0.97); box-shadow:0 3px 5px rgba(0,0,0,0.05); align-items:center; justify-content:center; z-index:99 }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .season_logo { display:none }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .basic_logo { display:block; position:static; transform:translate(0) }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area { margin-left:70px; margin-right:0; border-color:#e7e7e7; box-shadow:none }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area:hover { border-color:transparent; box-shadow:1px 0 5px 0 rgba(0,0,0,0.13) }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .inp_search { height:36px; font-size:14px }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .sch_del { width:14px; height:14px; background-size:100% }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .btn_submit { width:30px; height:30px; background-size:100% }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .keyword_layer { padding-top:58px; border-radius:20px }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .keyword_layer::before { top:38px }

.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .recent_list > h6 { font-size:14px }

.popup_search_baygle > .pop_inner > .baygle_header.sticky ~ .baygle_container { margin-top:356px }

.popup_search_baygle > .pop_guide_baygle { display:none; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:966px; height:722px; background:#fff; border-radius:10px; box-shadow: 1px 1px 20px #9f9a9a; z-index:101; }

.popup_search_baygle > .pop_guide_baygle button { cursor:pointer; }

.popup_search_baygle > .pop_guide_baygle .btn_close { position:absolute; top:25px; right:31px; width:21px; height:23px; background:url('/resources/image/design/main/ib2/baygle_guide_close.jpg') 0 0 no-repeat; }

.popup_search_baygle > .pop_guide_baygle .guide_title { margin-top:43px; text-align:center; font-size:26px; font-weight:700; color:#000 }

.popup_search_baygle > .pop_guide_baygle .guide_btn_wrap { overflow:hidden; margin-top:53px; margin-bottom:23px }

.popup_search_baygle > .pop_guide_baygle .btn_slide1 { float:left; margin-left:227px; width:166px; height:76px; background:url('/resources/image/design/main/ib2/baygle_guide_btn1.jpg') 0 0 no-repeat; }

.popup_search_baygle > .pop_guide_baygle .btn_slide2 { float:left; margin-left:80px; width:100px; height:76px; background:url('/resources/image/design/main/ib2/baygle_guide_btn2.jpg') 0 100% no-repeat; }

.popup_search_baygle > .pop_guide_baygle .btn_slide3 { float:left; margin-left:63px; width:100px; height:76px; background:url('/resources/image/design/main/ib2/baygle_guide_btn3.jpg') 0 100% no-repeat; }

.popup_search_baygle > .pop_guide_baygle .btn_right { position:absolute; top:393px; right:57px; width:35px; height:67px; background:url('/resources/image/design/main/ib2/baygle_guide_right.jpg') 0 0 no-repeat; }

.popup_search_baygle > .pop_guide_baygle .btn_left { position:absolute; top:393px; left:56px; width:35px; height:67px; background:url('/resources/image/design/main/ib2/baygle_guide_left.jpg') 0 0 no-repeat; }

.popup_search_baygle > .pop_guide_baygle .guide_slide_wrap { overflow:hidden; position:relative; margin:0 auto; width:600px; height:384px; border:1px solid #bec3c6; }

.popup_search_baygle > .pop_guide_baygle .guide_slide_wrap > div { width:600px; height:384px; }

.popup_search_baygle > .pop_guide_baygle .guide_slide_wrap > div img { width:600px; height:384px; }

.popup_search_baygle > .pop_guide_baygle .guide_slide_btn { overflow:hidden; margin:10px auto 20px; width:600px; text-align:center; }

.popup_search_baygle > .pop_guide_baygle .guide_slide_btn li { display:inline-block; margin:0 3px; width:8px; height:8px; border-radius:8px; background:#fff; border:2px solid #8a39ce; box-sizing:border-box }

.popup_search_baygle > .pop_guide_baygle .guide_slide_btn li.on { background:#8a39ce }

.popup_search_baygle > .pop_guide_baygle .guide_text p { display:none; text-align:center; font-size:18px; color:#666; }

.popup_search_baygle > .pop_guide_baygle .guide_text p:nth-child(1) { display:block; }



.popup_search_baygle .cnt_list { font-family: 'Malgun Gothic',sans-serif; }

.popup_search_baygle .cnt_list .check_list_wrap th.check_li_th1,

.popup_search_baygle .cnt_list .check_list_wrap .check_li_td1 span { font-weight: 700; }

.popup_search_baygle .inp_box label.chkbox { font-family: 'Malgun Gothic',sans-serif; }

.popup_search_baygle .item_list_wrap tbody td.goods_name .btn_before_view1 { font-size: 0; }

.popup_search_baygle .item_list_area1 .tblList1 tbody td:nth-child(3) { padding-left: 5px; padding-right: 5px; white-space: nowrap; font-size: 11px; color: #a9afbd; }

.popup_search_baygle .item_list_area1 .tblList1 tbody td:last-child { white-space: nowrap; font-size: 11px; color: #a9afbd; }



@keyframes animatedgradient {

 0% { background-position: 0% 50% }

100% { background-position: 150% 50%; }

 }

/* 인기검색어 추가 */

.popup_search_baygle .popular_search_area {

  display: flex;

  justify-content: center;

  margin-top: 20px;

}

.popup_search_baygle > .pop_inner > .baygle_header.sticky .popular_search_area {

  display: none;

}

.popup_search_baygle .popular_search_area h6 {

  font-family: "Malgun Gothic", sans-serif;

  font-size: 14px;

  color: #5649ba;

  margin-right: 18px;

}

.popup_search_baygle .popular_search_area .popular_search_list {

  display: flex;

}

.popup_search_baygle .popular_search_area .popular_search_list li + li {

  margin-left: 13px;

}

.popup_search_baygle .popular_search_area .popular_search_list li a {

  font-family: "Malgun Gothic", sans-serif;

  font-size: 14px;

  color: #000;

}

/* 거래완료 추가시 */

.popup_search_baygle .view_area table tr.trade_done:hover td {

  background-color: transparent;

}

.popup_search_baygle .deal_fin_ico {

  font-size: 12px !important;

  white-space: nowrap;

  padding: 0 !important;

}

/* 베이글 게임/서버 검색추가 */

.popup_search_baygle .sch_game {

  display: flex;

  height: 400px;

}

.popup_search_baygle .sch_box {

  z-index: 12;

  position: absolute;

  top: 124px;

  left: 145px;

  height: 400px;

  width: 480px;

  border: 1px solid #6f748c;

  box-sizing: border-box;

  background: #fff;

  overflow: hidden;

}

.popup_search_baygle .sch_box .sch_game:after {

  content: "";

  display: block;

  clear: both;

}

.popup_search_baygle .sch_box .tab_trade {

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  height: 32px;

}

.popup_search_baygle .sch_box .tab_trade:after {

  content: "";

  position: absolute;

  bottom: 32px;

  left: 0;

  display: block;

  width: 100%;

  height: 15px;

  box-shadow: 0px -10px 10px 0px #fff inset;

}

.popup_search_baygle .sch_box .tab_trade ul {

  position: absolute;

  bottom: 8px;

  left: 8px;

}

.popup_search_baygle .sch_box .tab_trade ul:after {

  content: "";

  display: block;

  clear: both;

}

.popup_search_baygle .sch_box .tab_trade li {

  float: left;

}

.popup_search_baygle .sch_box .tab_trade li a {

  display: block;

  font-family: notoKr, sans-serif;

  font-size: 12px;

  line-height: 18px;

  padding: 2px 0;

  width: 45px;

  border: 1px solid #ebeef7;

  color: #7f85a5;

  text-align: center;

  background-color: #fff;

}

.popup_search_baygle .sch_box .tab_trade li a.on {

  z-index: 11;

  background-color: #7f85a5;

  color: #fff;

}

.popup_search_baygle .sch_box .tab_trade li:last-child {

  margin-left: -1px;

}

.popup_search_baygle .sch_box .game {

  position: relative;

  overflow-y: auto;

  overflow-x: visible;

  width: 100%;

}

.popup_search_baygle .sch_box .game li a {

  font-family: "Malgun Gothic", sans-serif;

  position: relative;

  display: block;

  line-height: 19px;

  padding: 6px 10px;

  font-size: 12px;

  color: #616781;

}

.popup_search_baygle .sch_box .game li a.on {

  font-weight: bold;

  color: #626882;

  background-color: #eaeef9;

}

.popup_search_baygle .sch_box .game li a:hover {

  font-weight: bold;

  background-color: #eaeef9;

}

.popup_search_baygle .sch_box .game.on {

  width: 175px;

  padding: 20px 0;

}

.popup_search_baygle .sch_box .game a:hover {

  font-weight: normal;

  color: #626882;

  background-color: #eaeef9;

}

.popup_search_baygle .sch_box .game a em {

  font-style: normal;

  font-weight: bold;

  color: #635bca;

}

.popup_search_baygle .sch_box .server {

  position: relative;

  overflow: auto;

  width: 305px;

  border-left: 1px solid #eaeef7;

}

.popup_search_baygle .sch_box .server .scr_area {

  position: relative;

  height: auto;

  min-height: 100%;

}

.popup_search_baygle .sch_box .server ul {

  padding: 20px 0 20px;

  height: 100%;

}

.popup_search_baygle .sch_box .server li {

  float: left;

  width: 50%;

}

.popup_search_baygle .sch_box .server ul li a {

  font-family: "Malgun Gothic", sans-serif;

  display: block;

  line-height: 19px;

  padding: 6px 10px;

  font-size: 12px;

  color: #616781;

}

.popup_search_baygle .sch_box .server ul li a:hover {

  font-weight: bold;

  background-color: #eaeef9;

}

.popup_search_baygle .sch_box .server ul li a.on {

  font-weight: bold;

  color: #626882;

  background-color: #eaeef9;

}

.popup_search_baygle .sch_box .server ul:before {

  content: "";

  position: absolute;

  top: 0px;

  left: 50%;

  width: 0;

  height: 100%;

  border-left: 1px solid #eaeef7;

}

.popup_search_baygle .sch_box .server ul:after {

  content: "";

  display: block;

  clear: both;

}

.popup_search_baygle .sch_box .no_lst {

  font-family: "Malgun Gothic", sans-serif;

  font-size: 14px;

  line-height: 20px;

  padding: 10px 0 10px;

  color: #616781;

}

.popup_search_baygle

  > .pop_inner

  > .baygle_container

  .check_list_wrap

  .check_li_td2

  > button {

  font-family: "Malgun Gothic", sans-serif;

  font-weight: 600;

  font-size: 12px;

  width: 73px;

  height: 32px;

  margin-left: 5px;

  color: #616781;

  background: #f1f2f4;

  border: 1px solid #6f748c;

  cursor: pointer;

}

.popup_search_baygle

  > .pop_inner

  > .baygle_container

  .check_list_wrap

  .check_li_td2

  > button::before {

  margin-top: 0;

}

.popup_search_baygle .pop_tip_area {

  position: relative;

  width: 720px;

  height: 500px;

  margin: 42px auto;

  background-image: url("/resources/image/design/main/ib2/tip.jpg");

  background-repeat: no-repeat;

}

.popup_search_baygle .img_diablo_check {

  position: absolute;

  top: 192px;

  left: 184px;

  animation: blink-check 0.7s step-end infinite;

}



/* 디아블로 베이글 */

.diablo_baygle.popup_search_baygle {

  margin: 0;

}

.diablo_baygle.popup_search_baygle > .pop_inner {

  background-color: #020001;

  background-image: url(/resources/image/design/main/ib2/main_baygle_diablo.jpg);

  background-repeat: no-repeat;

  background-position: 50% 0;

  background-attachment: local;

}

.diablo_baygle.popup_search_baygle > .pop_inner > .baygle_header.sticky {

  display: flex;

  position: fixed;

  top: 90px;

  left: 0;

  width: calc(100% - 17px);

  height: 120px;

  background: rgba(17, 17, 17, 0.95);

  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);

  align-items: center;

  justify-content: center;

  z-index: 99;

}

.diablo_baygle.popup_search_baygle

  > .pop_inner

  > .baygle_header.sticky

  .search_area {

  margin-left: 22px;

}

.diablo_baygle.popup_search_baygle

  > .pop_inner

  > .baygle_header.sticky

  .search_area

  .inp_search {

  height: 70px;

  font-size: 18px;

}

.diablo_baygle.popup_search_baygle

  > .pop_inner

  > .baygle_header.sticky

  .search_area

  .keyword_layer::before {

  top: 70px;

}

.diablo_baygle.popup_search_baygle

  > .pop_inner

  > .baygle_header.sticky

  .search_area

  .keyword_layer {

  padding-top: 86px;

}

.diablo_baygle.popup_search_baygle .season_logo {

  height: 167px;

}

.diablo_baygle.popup_search_baygle .basic_logo {

  width: 149px;

  height: 70px;

  margin-left: -140px;

  background-image: url("/resources/image/design/main/ib2/logo_baygle_diablo.png");

  background-position: 0 0;

  background-repeat:no-repeat;

}



@keyframes blink-check {

  50% {

    opacity: 0;

  }

}

.diablo_baygle.popup_search_baygle .pop_container_bg {

  position: absolute;

  top: -18px;

  left: 50%;

  transform: translate(-50%, 0);

  width: 1039px;

  height: 169px;

  background: url(/resources/image/design/main/ib2/sch_bar_diablo.png) no-repeat

    0 0;

}

.diablo_baygle.popup_search_baygle .baygle_notice {

  display: none;

}



.diablo_baygle.popup_search_baygle .season_logo .diablo_logo {

  display: block;

  position: absolute;

  top: 36px;

  left: 50%;

  transform: translateX(-50%);

}



.diablo_baygle.popup_search_baygle .search_area {

  width: 720px;

  padding: 0 10px 0 0;

  background: url("/resources/image/design/main/ib2/search_bg_diablo.png");

  box-shadow: none;

  border: 0 none;

}



.diablo_baygle.popup_search_baygle .search_area img:nth-child(1) {

  display: none;

}

.diablo_baygle.popup_search_baygle .search_area .inp_search {

  height: 70px;

  background: transparent;

}

.diablo_baygle.popup_search_baygle

  > .pop_inner

  > .baygle_header.sticky

  .search_area

  .btn_submit {

  width: 59px;

  height: 59px;

}

.diablo_baygle.popup_search_baygle .popular_search_area h6 {

  color: #ffdb9c;

}

.diablo_baygle.popup_search_baygle .item_list_wrap .item_list_top {

  background:none;

}

.diablo_baygle.popup_search_baygle

  .popular_search_area

  .popular_search_list

  li

  a,

.diablo_baygle.popup_search_baygle .item_list_top > h6,

.diablo_baygle.popup_search_baygle .view_area td.game_server {

  color: #fff;

}

.diablo_baygle.popup_search_baygle .search_area .btn_submit {

  background: url("/resources/image/design/main/ib2/sch_circle_diablo.png") 0 0

    no-repeat;

}

.diablo_baygle.popup_search_baygle .page_top_down > a {

  background: #212121;

  border: 1px solid #d01212;

  color: #d01212;

}

.diablo_baygle.popup_search_baygle .item_list_top > h6 > strong {

  margin-left: 15px;

}

.diablo_baygle.popup_search_baygle .cnt_list .check_list_wrap {

  overflow: hidden;

  border-radius: 10px;

  margin-bottom: 70px;

}

.diablo_baygle.popup_search_baygle .cnt_list .check_list_wrap th.check_li_th1 {

  background: #f7f7f7;

  font-weight: 500;

  color: #1d1d1d;

}

.diablo_baygle.popup_search_baygle .check_list_wrap table tr .check_li_td2 .inp_box {margin: 0;}

.diablo_baygle.popup_search_baygle .inp_box input.type03 {

  position: absolute;

  left: 1px;

  top: 50%;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  width: 1px;

  height: 1px;

  margin: 0;

  -webkit-appearance: none;

}

.diablo_baygle.popup_search_baygle .inp_box label.rdobox::before {

  width: 19px;

  height: 19px;

  margin-top: -1px;

  background: url("/resources/image/design/main/ib2/rdo_bg_diablo.png") 0 0;

}

.diablo_baygle.popup_search_baygle

  input[type="radio"].type03:checked

  + label.rdobox::before {

  background-position-y: -19px;

}

.diablo_baygle.popup_search_baygle .view_area td.goods_name .title {

  text-align: left;

  color: #fff;

}

.diablo_baygle.popup_search_baygle

  .item_list_area1

  .tblList1

  tbody

  td:nth-child(3) {

  color: #d6bba9;

}

.diablo_baygle.popup_search_baygle .view_area .unit_price,

.diablo_baygle.popup_search_baygle .view_area .price {

  color: #bea373;

}

.diablo_baygle.popup_search_baygle

  .cnt_list

  .check_list_wrap

  .check_li_td1

  span {

  font-weight: 500;

}

.diablo_baygle.popup_search_baygle .inp_box label {

  color: #555555;

}

.diablo_baygle.popup_search_baygle .inp_box label.rdobox {

  margin-right: 38px;

  padding-left: 25px;

}

.diablo_baygle.popup_search_baygle

  .view_area

  table

  tr:hover:not(.search_no)

  td {

  background-color: #796f5f;

}

.diablo_baygle.popup_search_baygle

  .item_list_area1

  .tblList1

  tbody

  td:nth-child(5) {

  color: #dcdcdc;

}

.diablo_baygle.popup_search_baygle

  .item_list_area1

  .tblList1

  tbody

  td:last-child {

  color: #d4d4d4;

}

.diablo_baygle.popup_search_baygle .btn_more {

  background-color: #b09b77;

  border: 1px solid #b09b77;

  color: #222222;

}

.diablo_baygle.popup_search_baygle .btn_more:after {

  background: url("/resources/image/design/common/symbol/plus_15x15.png");

}

.diablo_baygle.popup_search_baygle .page_top_down .btn_down::after,

.diablo_baygle.popup_search_baygle .page_top_down .btn_top::before {

  background: url("/resources/image/design/common/symbol/arrow_13x16.png") 0 0

    no-repeat;

}

.diablo_baygle.popup_search_baygle .banner_right,

.diablo_baygle.popup_search_baygle .banner_left > *[class^="banner0"] {

  display: none !important;

}

.diablo_baygle.popup_search_baygle .banner_left .banner_diablo {

  display: block !important;

}

.diablo_baygle.popup_search_baygle .pop_tip_area {

  background-image: url("/resources/image/design/main/ib2/tip_diablo.png");

  background-position: 40px 0;

}



/* footer */

.footer button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer }

.footer img { margin:0px }

.footer { position: relative; border-bottom:1px solid #b7c1d9; margin:0px !important; overflow: inherit !important; font-family: Malgun Gothic; font-size: 12px; line-height: 17px; color: #616781; }

.footer .area { background-color: #FAFAFA; padding-bottom: 30px; }

.footer .line { width: 100%; margin:0px auto }

.footer .line .cont {display:flex; width:100%; padding: 22px 0 21px; background:#F5F5F5; }

.footer .line .cont .fml_site { z-index: 1; position: absolute; top: 0; right: 0; display: flex; width: 180px; height: 30px; background:#fff; border: 1px solid #DEDEDE; box-sizing: border-box; transition: all .3s; overflow: hidden; }

.footer .line .cont .fml_site.on { height: 140px; background: #fff; z-index: 10; }

.footer .line .cont .fml_site button { position: relative; font-size: 12px; font-weight: bold; width: 100%; height: 30px; padding: 0 20px; font-family:Pretendard;  text-align: left; color: #000; cursor: pointer; box-sizing: border-box; }

.footer .line .cont .fml_site button::before { content: ""; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 10px; height: 6px; background: url(/resources/image/design/main/ib2/arw_fml.png); background-size: 100%; }

.footer .line .cont .fml_site.on button::before { transform: translateY(-50%) rotate(180deg); }

.footer .line .cont .fml_site .fml_site_list { display:none; z-index: 1; position: absolute; top: 40px; left: 0; padding-left: 20px; width: 100%; box-sizing: border-box; }

.footer .line .cont .fml_site .fml_site_list li+li { margin-top: 15px; }

.footer .line .cont .fml_site .fml_site_list li a { font-size: 14px; color: #000; }

.footer .line:after { content:""; display:block; clear:both }

.footer .line .cont .cont_dl {position: relative; width:1160px; margin: 0 auto;}

.footer .info_link { display: flex; justify-content: space-between; width:782px; }

.footer .info_link li a { font-size: 14px; line-height: 20px; color: #000 !important; font-family:Pretendard; }

.footer .info_link li em { font-style: normal; font-weight: bold; color: #000; }



.ft_info_wrap {position: relative; width:1160px; margin: 0 auto;}

.footer .ft_info {position:absolute; display: flex; top:-3px; right:0; z-index: 1; margin:0 auto;}

#footer .ft_info > a { font-size: 24px; display: flex; align-items: center; margin-right: 12px; font-family:Pretendard; color: #000; }

#footer .ft_info > a img { margin-right: 3px; }

.footer .ft_info .ft_info_sns { display: flex;}

.footer .ft_info .ft_info_sns li {position:relative; width:24px; height:24px; border-radius: 12px; background:#BABABA; }

.footer .ft_info .ft_info_sns li+li { margin-left: 10px; }

.footer .ft_info .ft_info_sns a {display:block; width:24px;height:24px; font-size:0; text-indent:-9999px;}

.footer .ft_info .ft_info_sns li:nth-of-type(1) a::before {content:'B'; position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); font-family:Pretendard; font-size:14px; text-indent: 0; color:#fff;}

.footer .ft_info .ft_info_sns li:nth-of-type(2) a::before {content:'f'; position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); font-family:Pretendard; font-size:14px; text-indent: 0; color:#fff;}

.footer .ft_info .ft_info_sns li:nth-of-type(3) a::before {content:'Y'; position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); font-family:Pretendard; font-size:14px; text-indent: 0; color:#fff;}





.footer .info_cop {position: relative; width:1160px; margin:0 auto;}

.footer .info_cop:after {content:""; display:block; clear:both }

.footer .info_cop .info {margin-top: 31px; font-family:Pretendard;}

.footer .info_cop .info .foot_logo {margin-bottom:32px;}

.footer .info_cop .info a { color: #3a3a3a; line-height: 17px; display: inline-flex; align-items: center; justify-content: center; padding: 1px 7px; margin-left: 7px; background: #fff; border: 1px solid #dcdcdc; }

.footer .info_cop .info a img { margin-left: 3px; }

.footer .info_cop .info p { font-size: 12px; line-height: 21px; padding-bottom: 3px; color: #2B2B2B; letter-spacing: -0.025em }

.footer .info_cop .info p.foot_caution {margin-top:31px; color:#898989; padding:0;}

.footer .link {width:1030px; margin:0 auto; background-color: #fff; font-size:12px; }

.footer .link .line {text-align: justify; padding: 23px 0; line-height: 28px; height: 28px }

.footer .link .line:after {content:""; display: inline-block; width: 100%; height: 0 }


:root {

  --ink-900: #101114;

  --ink-700: #2b2f3a;

  --ink-500: #6c7280;

  --line-200: #e8e8ee;

  --line-300: #d9dbe3;

  --bg-100: #ffffff;

  --bg-200: #f7f7f9;

  --bg-300: #f2f3f6;

  --brand-600: #3d5199;

  --brand-700: #2b3d8c;

  --accent-600: #0b1c6f;

  --accent-700: #0000bb;

  --dark-900: #17181d;

  --dark-800: #20232a;

  --dark-700: #2b2f37;

}



.header-font {

  font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;

  color: var(--ink-900);

  background: var(--bg-100);

}



a {

  color: inherit;

  text-decoration: none;

}



.page {

  min-width: 1200px;

}



.container {

  width: 1200px;

  margin: 0 auto;

}



.topbar {

  height: 70px;

  background: var(--bg-100);

}



.topbar .container {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.logo {

  display: flex;

  align-items: center;

  height: 24px;

}



.logo img {

  height: 22px;

}



.top-links {

  display: flex;

  align-items: center;

  gap: 14px;

  font-size: 15px;

  color: var(--ink-700);

  position: relative;

}



.top-links .divider {

  width: 1px;

  height: 10px;

  background: var(--line-300);

}



.user-trigger {

  background: none;

  border: none;

  padding: 0;

  font: inherit;

  color: inherit;

  cursor: pointer;

  /*26.02.07*/

  width: 77.8px;

  height: 16px;

  appearance: none;

  -webkit-appearance: none;

  overflow: hidden;

  color:#000;

  letter-spacing: -0.01em;

}



.menu-trigger {

  background: none;

  border: none;

  cursor: pointer;

  margin-left: 26px;

}



.menu-icon {

  width: 23px;

  height: 17px;

  vertical-align: middle;

}



.user-menu {

  position: absolute;

  top: 28px;

  right: 15px;

  width: 137px;

  background: #ffffff;

  border: 1px solid #dadada;

  border-radius: 10px;

  padding: 10px 16px 8px;

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);

  display: none;

  z-index: 20;

}



.user-menu.is-open {

  display: block;

}



.user-menu-card {

  display: flex;

  flex-direction: column;

  gap: 6px;

}



.user-menu-balance {

  background: #f6f6f6;

  border-radius: 10px;

  padding: 8px;

  text-align: center;

}



.user-menu-balance-title {

  font-size: 13px;

  font-weight: 600;

  color: #1a1b1f;

  letter-spacing: -0.65px;

}



.user-menu-balance-value {

  font-size: 12px;

  font-weight: 700;

  color: #2a47b1;

  letter-spacing: -0.48px;

}



.user-menu-list {

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.user-menu-item {

  background: #f6f6f6;

  border-radius: 10px;

  height: 34px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 8px;

  font-size: 13px;

  font-weight: 600;

  color: #1a1b1f;

  letter-spacing: -0.65px;

}



.user-menu-count {

  font-size: 12px;

  font-weight: 700;

  color: #2a47b1;

  letter-spacing: -0.48px;

}



.user-menu-arrow {

  width: 11px;

  height: 11px;

  transform: rotate(43deg);

}



.user-menu-footer {

  margin-top: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  font-size: 12px;

  font-weight: 500;

  color: #1a1b1f;

  letter-spacing: -0.36px;

}



.user-menu-divider {

  width: 1px;

  height: 10px;

  background: #dadada;

}



.menu-overlay {

  position: fixed;

  inset: 0;

  display: none;

  align-items: center;

  justify-content: center;

  z-index: 50;/*수정전 zindex*/

  z-index: 100000;

}



.menu-overlay.is-open {

  display: flex;

}



.menu-overlay-backdrop {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.4);

}



.menu-panel {

  position: relative;

  width: 1080px;

  height: 715px;

  background: #ffffff;

  border-radius: 20px;

  overflow: hidden;

  z-index: 1;

}



.menu-panel-header {

  height: 82px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 24px;

}



.menu-panel-title {

  font-size: 22px;

  font-weight: 700;

  color: #1a1b1f;

}



.menu-panel-close {

  width: 36px;

  height: 36px;

  border: none;

  background: none;

  padding: 0;

  cursor: pointer;

}



.menu-panel-close img {

  width: 36px;

  height: 36px;

  display: block;

}



.menu-panel-divider {

  height: 1px;

  background: #e5e5e5;

}



.menu-panel-tabs {

  height: 58px;

  background: #1a1b1f;

  color: #ffffff;

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  align-items: center;

  text-align: center;

  font-size: 18px;

  font-weight: 600;

  letter-spacing: 0.02em

}



.menu-panel-body {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  height: calc(100% - 141px);

}



.menu-col {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 4px;

  padding: 20px 0;

  font-size: 18px;

  color: #3d3d3d;

  line-height: 41px;

  letter-spacing: -0.36px;

}



.menu-col + .menu-col {

  border-left: 1px solid #e5e5e5;

}



.menu-col-highlight {

  background: #fafafa;

}



.menu-col-strong {

  font-weight: 700;

  color: #000000;

  text-decoration: underline;

    /*26.02.20 추가 css*/

    text-decoration-thickness: 2px;

    text-underline-offset: 4px;

}



.search-area {

  position: relative;

}



.search-wrap {

  display: flex;

  gap: 10px;

  align-items: center;

}



.search-wrap input {

  border: none;

  outline: none;

  flex: 1;

  background: transparent;

}



.search-icon {

  display: grid;

  place-items: center;



}



.search-icon img {

  width: 60%;

  aspect-ratio: 1 / 1; /* 정사각형 */

  object-fit: cover;

}



.search-panel {

  position: absolute;

  /* left: 0; */

  background: #ffffff;

  display: block;

  z-index: 5;

  text-align: left;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transform: translateY(6px);

  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;

}



.search-panel.is-open {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

  transform: translateY(10px);

}



.sub-gnb {

  position: relative;

}



.sub-gnb .container {

  position: relative;

}



.search-area {

  position: absolute;

  left: 50%;

  top: 16px;

  transform: translateX(-50%);

  width: 600px;

  margin: 0;

  z-index: 1;

}



.search-wrap {

  width: 600px;

  height: 40px;

  border-radius: 32px;

  border: 1px solid #dddddd;

  background: #fafafa;

  padding: 0 5px 0 20px;

  margin: 0;

}



.search-wrap input {

  font-size: 15px;

}



.search-icon {

  width: 30px;

  height: 30px;

}



.search-panel {

  /* top: 52px; */

  width: 600px;

  border: 1px solid #ddd;

  border-radius: 20px;

  padding: 20px 24px;

  background: #fff;

}



.search-panel.is-active {

  height: 505px;

}



.top-links {

  gap: 12px;

}



.top-links a {

  color: #000000;

  text-decoration: none;

  font-weight: 400;

}



.top-links .divider {

  background: rgba(118, 123, 141, 0.7);

}



.search-panel-section {

  margin-bottom: 16px;

}



.search-panel-title {

  font-size: 14px;

  font-weight: 600;

  color: #191919;

  letter-spacing: 0.14px;

  margin-bottom: 8px;

}



.search-keyword-row {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 8px;

}



.search-keyword-row .search-panel-title {

  margin-bottom: 0;

  white-space: nowrap;

}



.search-keywords {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  color: #6d6d6d;

  font-size: 14px;

  letter-spacing: -0.28px;

}



.search-chip-row {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

}



.search-chip {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 0 12px;

  height: 28px;

  border: 1px solid #d3d3d3;

  border-radius: 20px;

  color: #6d6d6d;

  font-size: 14px;

  letter-spacing: -0.56px;

  background: #ffffff;

  white-space: nowrap;

}



.search-chip-close {

  width: 8px;

  height: 8px;

  display: block;

}



.search-suggest-list {

  margin-top: 8px;

  height: 202px;

  overflow-y: auto;

  position: relative;

  padding-right: 16px;

  scrollbar-width: thin;

  scrollbar-color: #bdbdbd transparent;

}



.search-suggest-list::-webkit-scrollbar {

  width: 6px;

}



.search-suggest-list::-webkit-scrollbar-track {

  background: transparent;

}



.search-suggest-list::-webkit-scrollbar-thumb {

  background: #bdbdbd;

  border-radius: 3px;

}



.search-suggest-item {

  font-size: 16px;

  color: #191919;

  line-height: 27px;

}



.search-suggest-item .hl {

  color: #ff3c3c;

  font-weight: 600;

}



.search-suggest-divider {

  height: 1px;

  background: #e5e5e5;

  margin: 16px 0 10px;

}



.search-suggest-block .search-suggest-list {

  display: none;

}



.search-panel.is-active .search-suggest-list {

  display: block;

}



.footer {

  background: #ffffff;

  color: #2b2b2b;

  font-size: 12px;

}



.footer-topbar {

  background: #f3f4f5;

  height: 60px;

  display: flex;

  align-items: center;

}



.footer-topbar-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer-links {

  display: flex;

  align-items: center;

  gap: 52px;

  font-size: 14px;

  color: #000000;

}



.footer-links .strong {

  font-weight: 700;

}



.footer-family {

  display: flex;

  align-items: center;

  gap: 8px;

  border: 1px solid #dedede;

  padding: 6px 12px;

  font-size: 12px;

  color: #000000;

  background: #ffffff;

  min-width: 140px;

  justify-content: space-between;

}



.footer-family img {

  width: 14px;

  height: 14px;

  display: block;

}



.footer-main {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding: 24px 0 16px;

  gap: 40px;

}



.footer-brand-logo {

  width: 100px;

  height: 21px;

  object-fit: contain;

}



.footer-company {

  margin-top: 16px;

  color: #2b2b2b;

  font-size: 12px;

}



.footer-biz-check {

  display: inline-block;

  margin-left: 10px;

  background: #acacac;

  color: #ffffff;

  font-size: 10px;

  padding: 3px 8px;

  border-radius: 4px;

}



.footer-address {

  margin-top: 6px;

  color: #2b2b2b;

  font-size: 12px;

}



.footer-copy {

  margin-top: 10px;

  color: #2b2b2b;

  font-size: 12px;

}



.footer-disclaimer {

  margin-top: 12px;

  color: #898989;

  font-size: 12px;

  max-width: 795px;

  line-height: 1.4;

}



.footer-right {

  text-align: right;

}



.footer-phone {

  font-size: 22px;

  color: #2b2b2b;

}



.footer-social {

  margin-top: 10px;

  display: flex;

  justify-content: flex-end;

  gap: 6px;

}



.footer-social .social-dot {

  width: 18px;

  height: 18px;

  border-radius: 50%;

  background: #acacac;

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  display: flex;

  align-items: center;

  justify-content: center;

}



.footer-logos {

  margin-top: 8px;

  padding-bottom: 24px;

}



.footer-logos img {

  width: 100%;

  height: auto;

  object-fit: cover;

}

/*26.02.09*/

.user-menu{

  padding: 20px 16px 10px 16px;

  box-sizing: border-box;

  transform: translateX(-14px);

}

.user-menu-card{

  gap:4px;

}

.user-menu-balance-title {

  font-size: 13px;

  line-height: 22px;

  letter-spacing: -0.05em;

  transform: translateY(2px)

}

.user-menu-balance-value{

  line-height: 21px;

  letter-spacing: -0.04em;

  transform: translateY(-2px);

}

.user-menu-footer{

  line-height: 22px;

  gap:8px;

}

.user-menu-balance{

  padding: 5px 8px 4px 8px;

}
.hero {

  padding: 50px 0;

  text-align: center;

}

.hero-badges {

  display: flex;

  justify-content: center;

  gap: 4px;

  flex-wrap: wrap;

}

.hero-badge span{

  margin-left: -6px;

  letter-spacing: -0.04em;

  font-size: 19px;

  transform: translateY(-1px);

}

.hero-badge span b{

  font-weight: 600;

  font-size: 24px;

}



.search-area {

  width: 710px;

  margin: 25px auto 0;

  position: static;

  transform: none;

}



.search-area .search-icon {

  width: 46px;

  height: 46px;

}



.search-panel {

  width: 710px;

  border: 3px solid #000;

}



.search-wrap {

  width: 710px;

  height: 70px;

  border-radius: 35px;

  border: 3px solid var(--ink-700);

  display: flex;

  align-items: center;

  padding: 0 12px 0 28px;

  background: white;

}



.search-wrap input {

  border: none;

  outline: none;

  font-size: 18px;

}



.quick-row {

  margin: 25px auto 0;

  display: grid;

  grid-template-columns: repeat(3, 156px) 1fr;

  gap: 12px;

  align-items: center;

  justify-content: center;

  max-width: 846px;

}



.stat-card.live {

  position: relative;

  width: 342px;

  height: 189px;

  border-radius: 20px;

  overflow: hidden;

}



.stat-card.live .live-bg {

  position: absolute;

  inset: 0;

  background: #1a1b1f;

  border-radius: 20px;

}



.stat-card.live .live-graph {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 311px;

  height: 128px;

  object-fit: contain;

}



.stat-card.live .live-gradient {

  position: absolute;

  left: 60px;

  top: 0;

  width: 282px;

  height: 189px;

  border-radius: 20px;

  background: linear-gradient(90deg, #1a1b1f 44.618%, rgba(26, 27, 31, 0) 71.354%);

}



.stat-card.live .live-title {

  position: absolute;

  left: 32px;

  top: 28px;

  font-size: 18px;

  font-weight: 700;

  color: #ffffff;

  letter-spacing: -0.36px;

}



.stat-card.live .live-row {

  position: absolute;

  left: 32px;

  top: 69px;

  display: flex;

  align-items: center;

  gap: 12px;

}



.stat-card.live .live-icon {

  width: 47px;

  height: 47px;

  border-radius: 10px;

  border: 1px solid rgba(109, 139, 255, 0.8);

  display: grid;

  place-items: center;

  background: #1a1b1f;

}



.stat-card.live .live-icon img {

  width: 39px;

  height: 35px;

  object-fit: contain;

}



.stat-card.live .live-game {

  font-size: 18px;

  font-weight: 700;

  line-height: 23px;

  color: #ffffff;

  letter-spacing: -0.36px;

  text-align: left;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  width:220px;

}



.stat-card.live .live-price {

  position: absolute;

  left: 32px;

  top: 127px;

  display: flex;

  align-items: center;

  gap: 6px;

  font-size: 18px;

  letter-spacing: -0.72px;

}



.stat-card.live .live-amount {

  font-weight: 500;

  color: #ffffff;

}



.stat-card.live .live-value {

  font-weight: 700;

  color: #6082ff;

}



.stat-card.live .live-meta {

  position: absolute;

  right: 12px;

  top: 148px;

  font-size: 12px;

  color: rgba(46, 82, 213, 0.8);

  letter-spacing: -0.36px;

}



.stat-card.live .live-date {

  position: absolute;

  right: 12px;

  top: 164px;

  font-size: 12px;

  color: #848484;

  letter-spacing: -0.36px;

}



.stat-card.featured {

  position: relative;

  width: 342px;

  height: 189px;

  border-radius: 20px;

  overflow: hidden;

  background: #1a1b1f;

  text-align: left;

  padding: 28px 32px;

}



.stat-card.featured .featured-title {

  font-size: 18px;

  font-weight: 700;

  color: #ffffff;

  display: inline-flex;

  align-items: center;

  gap: 8px;

}



.stat-card.featured .featured-arrow {

  width: 11px;

  height: 11px;

  transform: rotate(45deg);

}



.stat-card.featured .featured-route {

  font-size: 16px;

  font-weight: 600;

  color: #ffffff;

  letter-spacing: -0.32px;

  white-space: nowrap;

  margin-top: 10px;

}



.stat-card.featured .featured-offer {

  width: 280px;

  height: 34px;

  border: 1px solid #4edfff;

  border-radius: 5px;

  color: #4edfff;

  text-align: left;

  display: flex;

  align-items: center;

  padding: 0 10px;

  font-size: 16px;

  font-weight: 700;

  margin-top: 7px;

}



.stat-card.featured .featured-offer-text {

  position: absolute;

  left: 44px;

  top: 106px;

  transform: translateY(-50%);

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.32px;

  white-space: nowrap;

}



.stat-card.featured .featured-price {

  position: absolute;

  right: 30px;

  top: 131px;

  display: inline-flex;

  align-items: baseline;

  gap: 2px;

  color: #6082ff;

}



.stat-card.featured .featured-number {

  font-size: 22px;

  font-weight: 700;

  letter-spacing: -0.88px;

}



.stat-card.featured .featured-unit {

  font-size: 18px;

  font-weight: 700;

}



.ticker {

  background: rgba(131, 142, 184, 0.1);

  height: 48px;

  display: flex;

  align-items: center;

}



.ticker .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.ticker-left,

.ticker-right {

  display: flex;

  align-items: center;

  gap: 9px;

  font-size: 13px;

  color: #1a1b1f;

}



.ticker-badge-dark {

  background: #1a1b1f;

  color: #ffffff;

  display: inline-flex;

  align-items: center;

  gap: 2px;

  height: 22px;

  justify-content: space-evenly;

  border-radius: 5px;

  padding: 0 6px;

  font-size: 13px;

  font-weight: 600;

}



.ticker-badge-dark img {

  width: 8px;

  height: 15px;

  display: block;

}



.ticker-badge-live {

  background: #ff0202;

  color: #ffffff;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  height: 22px;

  padding: 0 5px;

  border-radius: 5px;

  font-size: 13px;

  font-weight: 700;

}



.ticker-left .ticker-text,

.ticker-right .ticker-text {

  display: inline-flex;

  align-items: baseline;

  gap: 4px;

  white-space: nowrap;

  letter-spacing: -0.02em;

}



.ticker-strong {

  font-weight: 700;

  letter-spacing: -0.26px;

}



.ticker-regular {

  font-weight: 500;

  letter-spacing: -0.26px;

}



.ticker-date {

  font-size: 12px;

  font-weight: 300;

  letter-spacing: -0.24px;

}



.dark-hero {

  background: #1a1b1f;

  padding: 25px 0 64px;

  color: #ffffff;

}



.picks-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 25px;

}



.picks-header h2 {

  font-size: 20px;

  text-transform: uppercase;

    line-height: normal;

  margin: 0;

  letter-spacing: -0.02em;

}



.picks-layout {

  display: flex;

  gap: 8px;

  align-items: center;

}



.picks-carousel {

  display: flex;

  gap: 8px;

  align-items: center;

  position: relative;

}



.picks-card {

  position: relative;

  width: 86px;

  height: 316px;

  border-radius: 10px;

  overflow: visible;

  flex: 0 0 auto;

  overflow: hidden;

}



.picks-card-closed,

.picks-card-open {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.picks-card-open {

  opacity: 0;

  width: 542px;

  height: 316px;

  left: 0;

  top: 0;

  pointer-events: none;

}



.picks-card-panel {

  position: absolute;

  left: 36px;

  top: 159px;

  width: 470px;

  height: 125px;

  border-radius: 10px;

  background: #000000;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 6px;

  text-align: center;

  color: #ffffff;

}



.picks-card-panel-title {

  color: #4edfff;

  font-size: 20px;

  font-weight: 700;

}



.picks-card-panel-count {

  display: inline-flex;

  align-items: baseline;

  gap: 6px;

  font-weight: 700;

}



.picks-card-panel-count .count-number {

  font-size: 34px;

}



.picks-card-panel-count .count-unit {

  font-size: 30px;

}



.picks-card-panel-meta {

  font-size: 15px;

  letter-spacing: -0.02em;

}



.picks-card-panel-arrow {

  position: absolute;

  right: 24px;

  top: 50%;

  width: 18px;

  height: 18px;

  transform: translateY(-50%) rotate(45deg);

}



.picks-card.is-open .picks-card-open,

.picks-card.is-hover .picks-card-open {

  opacity: 1;

}



.picks-card.is-open .picks-card-closed,

.picks-card.is-hover .picks-card-closed {

  opacity: 0;

}



.picks-card.is-open .picks-card-panel,

.picks-card.is-hover .picks-card-panel {

  display: flex;

}

.picks-card.is-open,

.picks-card.is-hover {

  z-index: 2;

  width: 542px;

  height: 316px;

}



.banner {

  background-color: #ffffff;

}



.banner .container {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: 2560px;

}



.banner-image {

  width: 100%;

  max-width: 2560px;

  height: auto;

  display: block;

  object-fit: contain;

}



.benefit {

  padding: 36px 0 110px;

}



.section-title {

  font-size: 20px;

  font-weight: 700;

  color: #000;

  margin-bottom: 18px;

  letter-spacing: -0.02em;

  line-height: normal;

}



.benefit-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;

}



.benefit-card {

    border: 1px solid #d7d7d7;

  border-radius: 10px;

  padding: 36px;

  background: white;

  min-height: 260px;

  display: flex;

  flex-direction: column;

  gap: 8px;

  font-size: 16px;

  position: relative;

}



.benefit-card.dark {

  background: #0f1116;

  color: white;

}



.benefit-card strong {

  font-size: 24px;

  color: inherit;

  letter-spacing: -0.01em;

}



.benefit-icon {

  width: 133px;

  height: 117px;

  display: grid;

  place-items: center;

  position: absolute;

    right: 4px;

    bottom: 4px;

}



.benefit-icon img {

  width: 133px;

  height: 117px;

  object-fit: contain;

}



.notice-grid {

  margin-top: 36px;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px;

}



.notice-card {

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.notice-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #000;

  font-size: 20px;

  font-weight: 700;

  letter-spacing: -0.02em;

  line-height: normal;

}



.notice-more {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  font-size: 12px;

  font-weight: 600;

  color: #000;

  letter-spacing: normal;

}



.notice-more img {

  width: 16px;

  height: 16px;

  display: block;

}



.notice-body {

  border: 1px solid #d7d7d7;

  border-radius: 10px;

  background: #ffffff;

  height: 110px;

  padding: 15px 22px;

  display: flex;

  align-items: center;

  gap: 24px;

}



.notice-icon {

  width: 80px;

  height: 80px;

  border-radius: 10px;

  background: #f5f5f5;

  display: grid;

  place-items: center;

}



.notice-icon img {

  width: 80px;

  height: 53px;

  object-fit: cover;

}



.notice-text-title {

  font-size: 18px;

  font-weight: 700;

  color: #000000;

  letter-spacing: -0.18px;

}



.notice-text-desc {

  margin-top: 4px;

  font-size: 16px;

  line-height: 24px;

  color: #000000;

}



.notice-list {

  width: 100%;

  display: flex;

  flex-direction: column;

}



.notice-item {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 6px 0;

  font-size: 14px;

  font-weight: 500;

  color: #000000;

  letter-spacing: -0.28px;

}



.notice-tag {

  min-width: 44px;

  height: 20px;

  padding: 0 8px;

  border-radius: 36px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  font-weight: 600;

  color: #ffffff;

  letter-spacing: -0.24px;

  line-height: 1;

}



.notice-tag.event {

  background: #ff3c3c;

}



.notice-tag.info {

  background: #000000;

}



.floating {

  position: fixed;

  right: 20px;

  bottom: 120px;

  width: 40px;

  height: 148px;

  z-index: 10;

}



.floating-btn {

  position: absolute;

  left: 0;

  width: 40px;

  height: 40px;

}



.floating-btn.card {

  background: #ffffff;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.floating-btn img {

  display: block;

}



.floating-info-icon {

  width: 24px;

  height: 24px;

}



.floating-top {

  background: #ffffff;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  color: #868ba2;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: -0.48px;

  text-transform: uppercase;

}



.floating-top .arrow {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 7px;

  width: 12px;

  height: 7px;

}



.floating-top .label {

  position: absolute;

  left: 50%;

  top: 12px;

  transform: translateX(-50%);

  line-height: 24px;

}


.sub-gnb {

  position: relative;

}



.sub-gnb .container {

  position: relative;

}



.sub-gnb .search-area {

  position: absolute;

  left: 50%;

  top: 16px;

  transform: translateX(-50%);

  width: 600px;

  margin: 0;

  z-index: 1;

}



.sub-gnb .search-wrap {

  width: 600px;

  height: 40px;

  border-radius: 32px;

  border: 1px solid #dddddd;

  background: #fafafa;

  padding: 0 5px 0 20px;

  margin: 0;

}



.sub-gnb .search-wrap input {

  font-size: 15px;

}



.sub-gnb .search-icon {

  width: 30px;

  height: 30px;

  cursor: pointer;

}



.sub-gnb .search-icon img {

  width: 30px;

  height: 30px;

}



.sub-gnb .search-panel {

  top: 52px;

  width: 600px;

  border: 1px solid #DDD;

  border-radius: 20px;

  padding: 20px 24px;

  background: #FFF;

}



.sub-gnb .top-links {

  gap: 12px;

}



.sub-gnb .top-links a {

  color: #000000;

  text-decoration: none;

  font-weight: 400;

}



.sub-gnb .top-links .divider {

  background: rgba(118, 123, 141, 0.7);

}



.sub-tabs {

  margin-top: 20px;

  display: flex;

  justify-content: center;

  gap: 28px;

  font-size: 20px;

  color: #1a1b1f;

  font-weight: 500;

  position: relative;

  padding-bottom: 30px;

}



.sub-tabs span {

  cursor: pointer;

}



.sub-tabs span:hover {

  color: #2b3d8c;

}



.sub-tabs::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 2px;

  background: rgba(211, 211, 211, 0.4);

}



.sub-tabs .is-active {

  font-weight: 700;

  text-decoration: underline;

  text-underline-offset: 6px;

}



.sub-title {

  margin: 40px auto 20px;

  font-size: 24px;

  font-weight: 700;

  color: #1a1b1f;

}



.game-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 44px;

  margin-bottom: 50px;

}



.game-card {

  border: 1px solid #ededed;

  border-radius: 10px;

  overflow: hidden;

  background: #ffffff;

  box-shadow: 0 0 0 0 rgba(0,0,0,0);

}



.game-card-media {

  position: relative;

  height: 330px;

  background-size: cover;

  background-position: center;

}



.game-card-overlay {

  position: absolute;

  inset: 0;

  background-size: cover;

  background-position: center;

  pointer-events: none;

}



.game-card-logo {

  position: absolute;

  top: 24px;

  right: 24px;

  height: 56px;

  width: auto;

  object-fit: contain;

}



.rank-badge {

  position: absolute;

  left: 12px;

  top: 14px;

  width: 33px;

  height: 27px;

  border-radius: 5px;

  background: #1a1b1f;

  color: #ffffff;

  font-size: 16px;

  font-weight: 700;

  display: grid;

  place-items: center;

  box-shadow: 0 0 0 0.5px rgba(255,255,255,0.4) inset;

}



.game-card-body {

  padding: 18px 24px 22px;

  height: 190px;

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.game-card-title {

  font-size: 26px;

  font-weight: 600;

  color: #1a1b1f;

}



.game-card-meta {

  display: flex;

  align-items: center;

  gap: 12px;

  font-size: 16px;

  color: #191919;

}



.game-card-meta img {

  width: 16px;

  height: 16px;

}



.chip-row {

  display: flex;

  flex-wrap: wrap;

  gap: 6px 4px;

}



.chip-row.character {

  display: none;

}



.chip {

  border: 1px solid #d3d3d3;

  border-radius: 20px;

  padding: 0 12px;

  height: 28px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  color: #6d6d6d;

  white-space: nowrap;

  letter-spacing: -0.04em;

}



.filter-panel {

  margin: 50px auto 80px;

}



.filter-grid {

  display: grid;

  grid-template-columns: repeat(5, minmax(0, 1fr));

  gap: 18px 22px;

}



.filter-item {

  display: flex;

  align-items: center;

  line-height: normal;

  appearance: none;

  border: none;

  background: #f4f4f4;

  color: #1a1b1f;

  font-size: 16px;

  font-weight: 400;

  padding: 14px 44px 14px 20px;

  border-radius: 12px;

  text-align: left;

  position: relative;

  cursor: pointer;

  transition: background-color 0.15s ease;

}

/*

.filter-item::after {

  content: "";

  position: absolute;

  right: 16px;

  top: 50%;

  width: 10px;

  height: 10px;

  border-right: 2px solid #b6b6b6;

  border-bottom: 2px solid #b6b6b6;

  transform: translateY(-50%) rotate(-45deg);

}

*/

.filter-item::after{

  content: "";

  position: absolute;

  right: 16px;

  top: 50%;

  width: 12px;

  height: 16px;

  background: url(/resources/image/design/main/trade-sub-menu-arrow.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  transform: translateY(-50%);

}



.filter-item:hover {

  background: #ededed;

}



.filter-grid{

  gap: 20px 12px;

}

.filter-item{

  padding: 16px 44px 15px 24px;

  color:#000;

  background: #f6f6f6;

  border-radius: 10px;

}
.search_box{

    width: 600px;

    height: 40px;

    border-radius: 32px;

    border: 1px solid #dddddd;

    background: #fafafa;

    padding: 0 5px 0 20px;

    margin: 0;

    position:relative;

}



.search_box #textSearchGameListBox{

    top: 49px;

    width: 600px;

    border: 1px solid #DDD;

    border-radius: 30px;

    padding: 20px 24px;

    padding-right: 0px;

    background: #FFF;

    position: absolute;

    left: 0;

    z-index: 5;

    box-sizing: border-box;

    transform: translateX(-1px);

}



#textSearchGameListBox{

    top: 52px;

    width: 600px;

    border: 1px solid #DDD;

    border-radius: 20px;

    padding: 20px 24px;

    padding-right: 0px;

    background: #FFF;

    position: absolute;

    left: 0;

    z-index: 5;

}



#textSearchGameListBox .sch_game .game.on ul{

    font-size: 14px;

    letter-spacing: -0.28px;

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    color: #181b18;

    flex-direction: column;

}

/*

#textSearchGameInput{

    padding: 0px 0px 0px 0px;

    background: none;

    font-size: 15px;

    color: #181b18;

    line-height: 15px;

}*/

#textSearchGameInput:hover,

#textSearchGameInput:focus{

    background: none;

}

#textSearchGameInput{

    border: none;

    outline: none;

    font-size: 15px;

    line-height: normal;

    width: 100%;

    padding: 0px 0px 0px 0px;

    background: none;

    color: #181b18;

    border:0px;

    font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;

    padding-right: 75px;

}

#textSearchGameInput::placeholder{

    font-size: 15px;

}

#textSearchGameListBox .sch_game_tab .tab:after {

    content: "";

    display: block;

    clear: both;

}

#textSearchGameListBox .sch_game_tab .tab li{

    float: left;

    width: 50%;

}

#textSearchGameListBox .sch_game_tab .no_lst{

    font-size: 16px;

    color: #181b18;

    line-height: 27px;

}



#textSearchGameListBox .game.drsv li{

    display: block;

    font-size: 14px;

    line-height: 19px;

    padding: 6px 0px;

    color: #181b18;

}





#textSearchGameListBox.sch_box .sch_game{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 240px;

    overflow: auto;

    margin-right: 5px;

}



#textSearchGameListBox.sch_box .game.on {

    min-width: 220px;

    padding-right: 20px;

}

#textSearchGameListBox.sch_box .server {

    position: relative;

    height: 240px;

    overflow: auto;

    width: 474px;

    border-left: 1px solid #eaeef7;

    margin-right: 5px;

}

#textSearchGameListBox.sch_box .server .scr_area {

    position: relative;

    height: auto;

    min-height: 100%;

}

#textSearchGameListBox.sch_box .server li {

    float: left;

    width: 50%;

}

#textSearchGameListBox.sch_box .server ul li a {

    display: block;

    font-size: 14px;

    line-height: 19px;

    padding: 6px 12px;

    color: #181b18;

}

#textSearchGameListBox.sch_box .server ul:before {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    width: 0;

    height: 100%;

    border-left: 1px solid #eaeef7;

}

#textSearchGameListBox .sch_game_tab .tab li a {

    display: block;

    font-size: 14px;

    line-height: 20px;

    padding: 10px 0 9px;

    border: 1px solid #eaeef7;

    color: #6d6d6d;

    text-align: center;

    background-color: #fafafa;

}

#textSearchGameListBox .sch_game_tab .tab li a.on {

    font-weight: 700;

    background-color: #fff;

    color: #000;

}



#textSearchGameListBox .sch_game_tab .game_lst {

    padding-left: 10px;

    margin-top: 17px;

    height: 182px;

    overflow: auto;

}

#textSearchGameListBox .sch_game_tab .game_lst li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 14px;

    color: #181b18;

    line-height: 23px;

}

#textSearchGameListBox .game_lst ul{

    display: flex;

    flex-direction: column;

    gap: 7px;

}

#textSearchGameListBox .game_lst li a i {

    font-size: 11px;

    font-weight: 700;

    font-style: normal;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-width: 46px;

    width: 46px;

    height: 22px;

    margin-right: 9px;

    color: #1398ff;

    border: 1px solid #1398ff;

    border-radius: 11px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

#textSearchGameListBox .no_lst {

    font-size: 14px;

    color: #666;

    text-align: center;

}

#textSearchGameListBox .sch_game_tab .game_lst .cfg_my_game {

    margin-top: 14px;

    text-align: center;

}

#textSearchGameListBox .cfg_my_game a {

    font-size: 14px;

    font-weight: 700;

    color: #fff;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 165px;

    height: 40px;

    color: #fff;

    padding: 0;

    background: #1a1b1f;

    border-radius: 5px;

}

#textSearchGameListBox .cfg_my_game a img {

    margin-right: 5px;

}

#textSearchGameListBox .sch_game_tab{

    margin-right: 20px;

}

#textSearchGameListBox .game.drsv em{

    font-style: normal;

}

#textSearchGameListBox .game li:hover a,

#textSearchGameListBox.sch_box .server ul li:hover a,

#textSearchGameListBox.sch_box .server ul li a.on,

#textSearchGameListBox .game.on .on{

    color: #ff3c3c;

    font-weight: 600;

}



.search_box.main-search-box{

    margin: 27px auto 0;

    width: 710px;

    height: 70px;

    border-radius: 35px;

    border: 3.5px solid var(--ink-700);

    display: flex;

    align-items: center;

    padding: 0 10px 0 28px;

    background: white;

    box-sizing: border-box;

}

.search_box.main-search-box #textSearchGameInput{

    border: none;

    outline: none;

    font-size: 18px;

    line-height: normal;

    width: 100%;

    padding-right: 100px;

    box-sizing: border-box;

}

#btnSearchGameSubmit{

    cursor: pointer;

    position: absolute;

    right:0;

    padding:0;

}

.menu-trigger{

    padding:0;

}

.search_box.main-search-box .sch_ipt{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

}

.search_box.main-search-box #textSearchGameListBox{

    top:74px;

    width:711px;

    border: 3.5px solid var(--ink-700);

    transform: translateX(-3.5px);

}

.search_box.main-search-box .sch_game{

    text-align: left;

}

.search_box.main-search-box #textSearchGameInput::placeholder{

    font-size: 18px;

}



.search_box.header-search-box{

    width: 600px;

    height: 40px;

    border-radius: 32px;

    border: 1px solid #dddddd;

    background: #fafafa;

    padding: 0 5px 0 20px;

    padding-top:0px;

    margin: 0;

    position: relative;

    box-sizing: border-box;

}

.search_box.header-search-box .sch_game{

    text-align: left;

}

/* 전체 스크롤바 */

#headerGameSearchArea * ::-webkit-scrollbar-thumb,

.cont_wrap ::-webkit-scrollbar {

    width: 6px;        /* 세로 스크롤 두께 */

    height: 6px;       /* 가로 스크롤 두께 */

}

/* 스크롤바 핸들 */

#headerGameSearchArea * ::-webkit-scrollbar-thumb,

.cont_wrap ::-webkit-scrollbar-thumb {

    background: #bdbdbd;

    border-radius: 10px;

}

.main_header .search .search_box .sch_ipt .sch_del{

    position: absolute;

    right: 44px;

}

/*26.03.16*/

.topbar .logo .logo-text::before{

    content: "";

    margin:0px 16px;

    width:2px;

    height: 12px;

    background: #A2A5AE;

    display: inline-block;

    transform: translateY(-1px);

}

.topbar .logo .logo-text{

    font-size: 22px;

    font-weight: 700;

    letter-spacing: -0.02em;

    color:#1a1b1f;

}
/* 마일리지 결제 인증 : */

#layer_boxnew {position:relative; width:587px; height:569px; border:3px solid #036fba; background-color:#fff}

#layer_boxnew h3 {width:541px; height:32px; margin:0 auto; position:relative; border-bottom:1px solid #036fba; padding-top:20px; text-indent:0px}

#layer_boxnew h3 p.close {position:absolute; top:20px; right:0px}

#layer_boxnew div.copy {width:531px; margin:0 auto 15px auto; background-color:#f8f8f8; border-bottom:1px solid #cfcfcf; padding:9px 0 9px 10px}

#layer_boxnew div.copy2	 {width:541px; height:60px; margin:0 auto 15px auto; background-color:#fafafa; border-bottom:1px solid #d9d6d6; padding:9px 0 0 10px}

#layer_boxnew div.box1set {width:210px; margin:0 auto; margin-bottom:20px}

#layer_boxnew div.box1set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }

#layer_boxnew div.box1set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }

#layer_boxnew div.box1set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }

#layer_boxnew div.box1set p.txt { margin:0 auto; color:#666666; padding-left:10px; padding-bottom:5px; height:65px; }

#layer_boxnew div.box1set p.txt span.txtp { text-align:center; margin:0 auto; color:#be2d00;  padding-bottom:5px; font-weight:bold;  }

#layer_boxnew div.box1set p.txt span.txtp a {color:#be2d00; }

#layer_boxnew div.box1set p.btn { text-align:center}

#layer_boxnew div.box2set {width:434px; margin:0 auto; margin-bottom:20px}

#layer_boxnew div.box2set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }

#layer_boxnew div.box2set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }

#layer_boxnew div.box2set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }

#layer_boxnew div.box2set p.txt { margin:0 auto; color:#666666; padding-left:10px; padding-bottom:5px; height:65px; }

#layer_boxnew div.box2set p.txt span.txtp { text-align:center; margin:0 auto; color:#be2d00;  padding-bottom:5px; font-weight:bold;  }

#layer_boxnew div.box2set p.txt span.txtp a {color:#be2d00}

#layer_boxnew div.box2set p.btn { text-align:center}

#layer_boxnew div.box3set {width:536px;	margin:0 auto; margin-bottom:10px}

#layer_boxnew div.box3set ul li.r1 { width:170px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }

#layer_boxnew div.box3set ul li.r2 { width:170px; height:142px; float:right; border:#cfcfcf 1px solid; }

#layer_boxnew div.box3set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }

#layer_boxnew div.box3set p.txt { margin:0 auto; color:#666666; padding-left:10px; padding-bottom:5px; height:65px; }

#layer_boxnew div.box3set p.txt span.txtp { text-align:center; margin:0 auto; color:#be2d00;  padding-bottom:5px; font-weight:bold;  }

#layer_boxnew div.box3set p.txt span.txtp a {color:#be2d00; }

#layer_boxnew div.box3set p.btn { text-align:center}

#layer_boxnew div.notice {width:529px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px 0 8px 10px;	margin-bottom:10px;	margin-left:23px}

#layer_boxnew div.notice ol li { color:#666666; font-size:11px; }

#layer_boxnew div.notice ol li span.col01 { color:#be2d00; }

#layer_boxnew div.btn_center { position:absolute; top:500px; left:0px; text-align:center; width:587px; }

#layer_boxnew div.btn_center02 { position:absolute;left:0px; text-align:center; width:587px; }

#layer_boxnew_hfree {position:relative;	width:587px; border:3px solid #036fba; background-color:#ffffff}

#layer_boxnew_hfree h3 {width:541px; height:32px; margin:0 auto; position:relative;	border-bottom:1px solid #036fba; padding-top:20px; text-indent:0px}

#layer_boxnew_hfree h3 p.close { position:absolute; top:20px; right:0px; }

#layer_boxnew_hfree div.copy {width:531px; margin:0 auto 15px auto;	background-color:#f8f8f8; border-bottom:1px solid #cfcfcf; padding:9px 0 9px 10px}

#layer_boxnew_hfree div.copy2 {width:541px;	height:60px; margin:0 auto 15px auto; background-color:#fafafa; border-bottom:1px solid #d9d6d6; padding:9px 0 0 10px}

#layer_boxnew_hfree div.box1set {width:210px; margin:0 auto; margin-bottom:15px}

#layer_boxnew_hfree div.box1set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }

#layer_boxnew_hfree div.box1set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }

#layer_boxnew_hfree div.box1set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }

#layer_boxnew_hfree div.box1set dl { color:#666666; padding:5px 10px 0 10px; height:65px;  }

#layer_boxnew_hfree div.box1set dd {  text-align:center; }

#layer_boxnew_hfree div.box1set dd span {color:#be2d00; font-weight:bold}

#layer_boxnew_hfree div.box1set p.btn { text-align:center}

#layer_boxnew_hfree div.box2set {width:434px; margin:0 auto; margin-bottom:15px}

#layer_boxnew_hfree div.box2set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }

#layer_boxnew_hfree div.box2set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }

#layer_boxnew_hfree div.box2set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }

#layer_boxnew_hfree div.box2set dl {color:#666666; padding:5px 10px 0 10px; height:60px}

#layer_boxnew_hfree div.box2set dd {  text-align:center; }

#layer_boxnew_hfree div.box2set dd span {color:#be2d00; font-weight:bold}

#layer_boxnew_hfree div.box2set p.btn { text-align:center}

#layer_boxnew_hfree div.box3set { width:536px; margin:0 auto; margin-bottom:15px}

#layer_boxnew_hfree div.box3set ul li.r1 { width:170px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }

#layer_boxnew_hfree div.box3set ul li.r2 { width:170px; height:142px; float:right; border:#cfcfcf 1px solid; }

#layer_boxnew_hfree div.box3set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }

#layer_boxnew_hfree div.box3set dl { color:#666666; padding:5px 7px 0 7px; height:65px;  }

#layer_boxnew_hfree div.box3set dd {  text-align:center; }

#layer_boxnew_hfree div.box3set dd span {color:#be2d00; font-weight:bold}

#layer_boxnew_hfree div.box3set dd a {color:#be2d00; font-weight:bold}

#layer_boxnew_hfree div.box3set p.btn { text-align:center}

#layer_boxnew_hfree div.notice {width:529px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px 0 8px 10px; margin-bottom:10px; margin-left:23px}

#layer_boxnew_hfree div.notice ol li { color:#666666; font-size:11px; }

#layer_boxnew_hfree div.notice ol li span.col01 { color:#be2d00; }

#layer_boxnew_hfree div.btn_center { text-align:center; width:587px; padding-top:10px; padding-bottom:20px; }



/* 20141223 스마트페이 (백채원) */

#layer_boxnew_hfree span.smartPay_fnt11 { font-size:11px; }

#layer_boxnew_hfree p.sTitle { font-weight:bold; padding:20px 0 6px 0;color:#333}

#layer_boxnew_hfree p.agree_checkBox { font-weight:bold; padding:5px 0 5px 0;color:#666}

#layer_boxnew_hfree span.sTitleN { font-weight:normal}

div.smartPay_list {width:530px;margin:0 auto}

table.smartPay_list {width:100%;table-layout:fixed}

table.smartPay_list th {color:#666;font-size:12px;font-weight:bold;background-color:#f9f9f9;border-top:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;border-left:1px solid #e6e6e8;padding:9px 0 6px 0}

table.smartPay_list td {border-bottom:1px solid #e6e6e8;border-left:1px solid #e6e6e8;padding:9px 0 5px 15px}

table.smartPay_list .fst {border-left:0px}

table.smartPay_list tr.center td {text-align:center;padding:9px 0 5px 0px}



/* 20150311 200% 보상제 추가 (신예니) */

#layer_boxnew_hfree div.indemnify { width:541px; margin:0 auto; background-color:#fff; padding:10px 0 0 0; }

#layer_boxnew_hfree div.indemnify ul li.r1 { font-weight:bold; color:#be2d00; }

#layer_boxnew_hfree div.indemnify ul.notice { width:519px; height:40px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px; margin:10px 0; }

#layer_boxnew_hfree div.indemnify ul.notice li.r2 { float:left; width:15px; padding-top:2px; } 

#layer_boxnew_hfree div.indemnify ul.notice li.r3 { float:right; width:490px; } 

#layer_boxnew_hfree div.indemnify div.btn { text-align:center; padding-top:10px; padding-bottom:20px; }

.layer_boxnew_safebay {position:absolute; width:400px; border:3px solid #036fba; background-color:#ffffff; left:356px; top:190px; z-index:9999}

.layer_boxnew_safebay h3 {width:90%; height:32px; margin:0 auto; position:relative; border-bottom:1px solid #036fba; padding-top:20px; padding-bottom:5px; text-indent:0px}

.layer_boxnew_safebay h3 p.close { position:absolute; top:20px; right:0px; }

.layer_boxnew_safebay div.safebay { width:90%; margin:0 auto; background-color:#fff; padding:10px 0 0 0; }

.layer_boxnew_safebay div.safebay ul li.r1 { padding-top:10px;padding-bottom:15px}

.layer_boxnew_safebay div.safebay ul li.r2 { background-color:#f3f4f9;height:38px;padding:10px 0 0 30px;font-size:11px;text-align:left}

.layer_boxnew_safebay div.safebay ul li.r2 span { color:#036fba;font-weight:bold}

.layer_boxnew_safebay div.safebay ul li.r3 { padding-top:15px; }

.layer_boxnew_safebay div.safebay div.btn { text-align:center; padding-top:20px; padding-bottom:20px; }



/* 클린캠페인 연락처 제한 작업 20150518 김혜미 */ 

div.clean_popup p.top_tit {margin:30px 25px 20px; font-weight:bold}

div.clean_popup div.box2set {width:530px !important; height:155px}

div.clean_popup ul li {width:168px; height:148px; float:left; border:#cfcfcf 1px solid; padding-bottom:10px; margin-left:10px; position:relative}

div.clean_popup ul li:first-child {margin-left:0}

div.clean_popup ul li p.btn {position:absolute; bottom:10px; width:100%}

div.clean_popup ul li span.font_11 {letter-spacing:-0.05em}



/* 정지해제신청 - 아이디 보호조치 해제 후 비밀번호변경 20150911 김혜미 */

div.holdingclear {width:640px; padding:20px; height:405px; border:3px solid #036fba; background-color:#ffffff}

div.holdingclear h3 {height:32px; position:relative; border-bottom:1px solid #036fba; padding-bottom:5px; text-indent:0px}

div.holdingclear h3 p.close {position:absolute; top:0px; right:0px}

div.holdingclear div.con01 {background:#fafafa; padding:0 10px 15px; border-bottom:1px solid #d5d3d3; margin-bottom:20px}

div.holdingclear div.con01 h4 {padding-top:15px; color:#036fba}

div.holdingclear div.con01 ul li {color:#666; padding-left:10px; font-size:11px; background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px}

div.holdingclear div.con01 ul li span {text-decoration:underline}

div.holdingclear div.list_tab03 td {padding:0 0 0 10px}

div.holdingclear div.list_tab03 td span {color:#888; font-size:11px}

div.holdingclear div.list_tab03 td input {margin-right:10px}



/* LOL 제재조치 공지 20151008 백채원 */

#layer_div_lolnotice {width:587px; border:3px solid #036fba; background-color:#ffffff}

#layer_div_lolnotice h3 {width:541px;height:32px;margin:0 auto;position:relative;border-bottom:1px solid #036fba;padding-top:20px;text-indent:0px}

#layer_div_lolnotice h3 p.close	 { position:absolute; top:20px; right:0px; }

#layer_div_lolnotice div.lolnotice { width:541px; margin:0 auto; background-color:#fff; padding:10px 0 0 0; }

#layer_div_lolnotice div.lolnotice ul.notice { width:519px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px; margin:10px 0; }

#layer_div_lolnotice div.lolnotice ul.notice li { padding-left:15px} 

#layer_div_lolnotice div.lolnotice ul.notice span.impact {font-weight:bold; color:#be2d00} 

#layer_div_lolnotice div.close { background-color:#4f4f4f; padding:5px 10px 0 10px; height:25px; }

#layer_div_lolnotice div.close .right { float:right; }

#layer_div_lolnotice div.close img { vertical-align:middle; margin-bottom:0px; }



/* 20160217 경매물품 등록/관리 팝업 (김혜미) */

.layer_boxnew_itemact {position:absolute; width:420px; padding:20px; border:2px solid #036fba; background-color:#fff; right:10px; top:24px; z-index:9999}

.layer_boxnew_itemact h3 {position:relative; border-bottom:1px solid #036fba; padding-bottom:10px; text-indent:0px}

.layer_boxnew_itemact h3 p.close {position:absolute; top:0px; right:0px; }

.layer_boxnew_itemact .itemact_wrap {background-color:#fff; padding-top:10px}

.layer_boxnew_itemact .itemact_wrap h6 {color:#333}

.layer_boxnew_itemact.pop2 {top:103px; right:0; width:516px}

.layer_boxnew_itemact.pop2 .itemact_wrap {height:400px; overflow-y:scroll}

.layer_boxnew_itemact.pop3 {top:133px; right:none; left:0; width:516px}

.layer_boxnew_itemact.pop3 .itemact_wrap {height:340px; overflow-y:scroll}

.layer_boxnew_itemact.pop2 p {font-size:11px}

.layer_boxnew_itemact span.sp1 {display:inline-block; width:60px}

.layer_boxnew_itemact span.sp2 {display:inline-block; margin-left:85px}

.layer_boxnew_itemact span.sp3 {display:inline-block; width:40px}

.layer_boxnew_itemact span.step {float:left; margin:2px 5px 0 0; width:35px; height:11px; text-indent:-9999px; background:url('/resources/image/design/popup/step_auction01.gif') no-repeat}

.layer_boxnew_itemact span.st02 {background-position:0 -11px}

.layer_boxnew_itemact span.st03 {background-position:0 -22px}

.layer_boxnew_itemact span.st04 {background-position:0 -33px}

.layer_boxnew_itemact span.st05 {background-position:0 -44px}

.layer_boxnew_itemact span.st06 {background-position:0 -55px}

ul.pop_tab02 {width:100%; height:31px; overflow:hidden; margin-top:10px; background:url('/resources/image/design/popup/tab01_bg.gif') repeat-x left top}

ul.pop_tab02 li {float:left; margin-right:2px; text-align:center}

ul.pop_tab02 li a {min-width:110px; height:29px; position:relative; color:#747474; display:inline-block; line-height:32px; background:#f4f4f4; border:1px solid #d0d0d0; border-bottom:none}

ul.pop_tab02 li a.on {height:30px; color:#2c63c8; font-weight:bold; background:#fff; border-color:#747474}



/* basic layerpopup layout 2.0 */

.layerWrap {border:3px solid #036fba; padding:20px; background-color:#ffffff}

.layerWrap h3 {height:32px; position:relative; border-bottom:1px solid #036fba; font-family:notoKR; font-size:25px; color:#333}

.layerWrap h3 p.close {position:absolute; top:0px; right:0px; cursor:pointer}

.layerWrap div.copy	 {font-weight:bold; letter-spacing:-0.05em; margin-bottom:15px; border-bottom:1px solid #cfcfcf; padding:10px 10px 10px 27px; background:url('/resources/image/design/mybay/bull_12.gif') 10px 11px no-repeat; background-color:#f8f8f8; cursor:pointer}



/* 20160513 거래 프로세스 개선_구매자 선인수 처리 (김혜미) */

.buyTakeover {width:484px; z-index:9999}

.buyTakeover .list_tab02 {width:95%; margin:0 auto 10px; font-size:11px}

.buyTakeover .list_tab02 td {font-size:11px}

.buyTakeover .list_tab02 td.fst {text-align:left; padding-left:10px}

.buyTakeover .list_tab02 td.price02 {color:#d60500}

.buyTakeover .list_tab02 td span.server {display:block; color:#036fba; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.buyTakeover .list_tab02 td span.crt {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.buyTakeover .list_tab02 td {text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.buyTakeover .pop_notice02 {width:95%; margin:0 auto 20px}



/* 말풍선 layerpopup layout */

.layer_black {position:fixed; top:0px; left:0px; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); background-color:#000; z-index:9998}

.layer_sb {position:absolute; top:50%; left:50%; z-index:9999}

.layer_sb a.closeA {position:absolute; top:10px; right:10px; display:block; width:40px; height:40px}

.layer_sb a.closeB {position:absolute; bottom:53px; left:120px; display:block; width:170px; height:35px}

.layer_sb p {font-size:0; text-indent:-9999px}



/* 20160908 스마트폰 로그앤 서비스 중단 (김혜미)  */

.layer_sb.spSafeStop {width:410px; height:293px; margin-left:-205px; top:290px; background:url('/resources/image/design/certify/certify_renew_02.png') no-repeat}



/* 공지사항 layerpopup layout 2.0 */

div.layer_notice {position:absolute; z-index:9999}

div.layer_notice img {margin-bottom:0}

div.layer_notice div.btn {height:28px; overflow:hidden; background-color:#4f4f4f}

div.layer_notice div.btn label {position:absolute; cursor:pointer}

div.layer_notice div.btn .week {left:10px; bottom:6px}

div.layer_notice div.btn .week img,div.layer_notice div.btn .week input {float:left}

div.layer_notice div.btn .week input {margin:0 3px 0 0; padding:0; width:13px; height:13px}

div.layer_notice div.btn .close {right:5px; bottom:7px}



/* 20170317 마일리지/결제 관리 - 마일리지출금 - 티캐시 프로세스 변경 (김혜미) */

div.mileagePayType {position:relative; overflow:hidden}

div.mileagePayType  > div {position:relative; width:210px; padding:10px; margin-top:20px; height:310px; border:1px solid #cfcfcf; letter-spacing:-0.05em}

div.mileagePayType > div h6 {padding:7px 0; color:#fff; text-align:center; font-weight:bold}

div.mileagePayType > div p {padding:0 20px}

div.mileagePayType > div div.btn {position:absolute; left:0; bottom:20px; width:100%; text-align:center}

div.mileagePayType > div p.help {margin-top:10px; font-size:11px; background:url('/resources/image/design/mybay/bull_12.gif') 4px 2px no-repeat}

div.mileagePayType div.img {height:80px; margin:20px 0; background:url('/resources/image/design/mybay/payment_img07.gif') no-repeat}

div.mileagePayType div.bank {float:left}

div.mileagePayType div.bank h6 {background-color:#2d9204}

div.mileagePayType div.bank div.img {background-position:center 100%}

div.mileagePayType div.tcash {float:right}

div.mileagePayType div.tcash h6 {background-color:#be2d00}

div.mileagePayType div.tcash div.img {background-position:center 0}



/* 20170817 상품권샵_모바일상품권_구글기프트코드_사용법 */

.googleInfo {display:none; position:absolute; top:38px; left:0; width:715px; z-index:99}

.googleInfo .layerCon {height:500px; overflow-y:auto}



/* basic layerpopup layout 3.0 (위치 및 크기는 플러그인에서 스크립트로 생성) */

.layerBox {position:relative; box-sizing:border-box; background:#fff; border:1px solid #cecece; font-family:notoKR; letter-spacing:-0.05em}

.layerBox .tit {position:relative; margin:25px 20px 0; padding-bottom:20px; border-bottom:2px solid #d5d7dd}

.layerBox .con {padding:28px 30px 20px}

.layerBox .ntc {box-sizing:border-box; height:70px; padding:0 30px; line-height:70px; background:#eff1f4; border-top:1px solid #cecece; color:#333; font-size:13px; font-weight:bold; letter-spacing:-0.1em}

.layerBox h3 {margin-bottom:10px; font-size:19px; color:#222}

.layerBox h4 {font-size:13px; color:#666}

.layerBox .close {position:absolute; right:0; top:0; width:40px; height:40px; background:#757b8f url('/resources/image/design/certify/ico_close.png') center no-repeat}

.layerBox .ico_info01 {margin-top:20px; text-align:center}

.layerBox .notice {position:relative}

.layerBox .notice:before {content:''; display:inline-block; width:20px; height:16px; margin-right:5px; vertical-align:-3px; background:url('/resources/image/design/certify/ico_info4.png') 0 0 no-repeat}

.layerBox .ntc .btn {position:absolute; right:0; bottom:17px; box-sizing:border-box; min-width:140px; height:34px; padding:0 10px; line-height:32px; border-radius:3px; border:1px solid #cecece; background:#fff; color:#333b58}

.layerBox .ntc .btn:after {content:''; position:absolute; right:10px; top:8px}

.layerBox .ntc .btn.rqst:after {width:16px; height:16px; background:url('/resources/image/design/certify/ico_info2.png') 0 0 no-repeat}

.layerBox .ntc .btn.clear:after {width:17px; height:14px; background:url('/resources/image/design/certify/ico_info3.png') 0 0 no-repeat}



.layerBox_ty03 {position:absolute; background:#fff; border:1px solid #cecece; font-family:notoKR; letter-spacing:-0.05em; z-index:9}

.layerBox_ty03 .tit {position:relative; margin:25px 20px 0; padding-bottom:20px}

.layerBox_ty03 .tit h3 {font-size:19px; color:#222; font-weight:normal}

.layerBox_ty03 .tit .close {position:absolute; top:-4px; right:0; width:24px; height:23px; background:url('/resources/image/design/popup/btn_close_04.png') center no-repeat}

.layerBox_ty03 .con {padding:30px; border-top:2px solid #d5d7dd; font-size:15px; color:#333b58; letter-spacing:-0.35px}

.layerBox_ty03 .con .info_list {margin-top:20px}

.layerBox_ty03 .con .info_list li {margin-top:10px; line-height:1.3; overflow:hidden}

.layerBox_ty03 .con .info_list li:first-child {margin-top:0}

.layerBox_ty03 .con .txt_list02 {margin-top:30px}



/* 통합 본인인증 고도화_20180509_김혜미 */

.ctfTotal ul.ctfList {width:100%; overflow:hidden}

.ctfTotal ul.ctfList li {position:relative; box-sizing:border-box; float:left; width:31%; margin-left:3.5%; padding:23px 20px 15px; background:#eff1f4; border:1px solid #c8c8c8; text-align:center; color:#333b58; font-size:14px; font-weight:bold; cursor:pointer}

.ctfTotal ul.ctfList li:nth-child(3n+1) {margin-left:0}

.ctfTotal ul.ctfList li:nth-child(-n+3) {margin-bottom:15px}

.ctfTotal ul.ctfList li:hover {border-color:#333b58}

.ctfTotal ul.ctfList li .img {display:block; width:90px; height:64px; margin:0 auto 10px; background:url('/resources/image/design/certify/bg_ctf_type.png') 0 0 no-repeat}

.ctfTotal ul.ctfList li.m .img {background-position-y:0}

.ctfTotal ul.ctfList li.k .img {background-position-y:20%}

.ctfTotal ul.ctfList li.s .img {background-position-y:40%}

.ctfTotal ul.ctfList li.a .img {background-position-y:60%}

.ctfTotal ul.ctfList li.t .img {background-position-y:80%}

.ctfTotal ul.ctfList li.i .img {background-position-y:100%}

.ctfTotal ul.ctfList li.card .img {background:url('/resources/image/design/certify/bg_ctf_type_card.png') 0 0 no-repeat; background-position: center;}

.ctfTotal ul.ctfList li.last:before {content:'최근사용'; position:absolute; left:-1px; top:-1px; height:16px; padding:0 3px; background:#333b58; text-align:center; font:normal 11px/18px dotum; color:#fff}

.ctfTotal ul.ctfList li.fast:after {content:''; position:absolute; right:2px; top:1px; width:54px; height:15px; background:url('/resources/image/design/certify/ico_fast.png') 0 0 no-repeat}

.ctfTotal ul.ctfList li.none, .ctfTotal ul.ctfList li.noneHand {color:#a7a9ac}

.ctfTotal ul.ctfList li.none:hover {border-color:#c8c8c8; cursor:default} /* none - 커서:디폴트 */

.ctfTotal ul.ctfList li.noneHand:hover {border-color:#333b58} /* none - 커서:포인트 */

.ctfTotal ul.ctfList li.none .img, .ctfTotal ul.ctfList li.noneHand .img {background-position-x:100%}

.ctfTotal ul.ctfList li.card.none .img {background-position-x: center; filter: grayscale(1); opacity: .5;}



.ctfTotal .ctfList_easy {display: flex; justify-content: center; margin-top: 50px;}

.ctfTotal .ctfList_easy li+li {margin-left: 17px;}

.ctfTotal .ctfList_easy li a {display: block; width: 46px; height: 46px;}

.ctfTotal .ctfList_easy li.kakao a{background: url('/resources/image/design/certify/ico_easy.png') -0 -0 no-repeat;}

.ctfTotal .ctfList_easy li.toss a{background: url('/resources/image/design/certify/ico_easy.png') -46px -0 no-repeat;}

.ctfTotal .ctfList_easy li.pass a{background: url('/resources/image/design/certify/ico_easy.png') -92px -0 no-repeat;}

.ctfTotal .ctfList_easy li.samsung a{background: url('/resources/image/design/certify/ico_easy.png') -138px -0 no-repeat;}

.ctfTotal .ctfList_easy.none li a {filter: grayscale(1); cursor: inherit; pointer-events: none;}

.ctfTotal .ctfList_easy_text {text-align: center;color: #333b58;font-size: 14px;font-weight: bold; margin: 20px 0 40px;}



/* 캐시 간편충전 상품권 발행 완료 팝업 (서재진) (위치 및 크기는 플러그인에서 스크립트로 생성) */

.layerBox_ty02 {position:absolute; background:#fff; border:1px solid #cecece; font-family:notoKR; letter-spacing:-0.05em; z-index:9}

.layerBox_ty02 .tit {position:relative; margin:25px 20px 0; padding-bottom:20px}

.layerBox_ty02 .tit h3 {font-size:19px; color:#222; font-weight:normal}

.layerBox_ty02 .tit .close {position:absolute; top:-4px; right:0; width:24px; height:23px; background:url('/resources/image/design/popup/btn_close_04.png') center no-repeat}

.layerBox_ty02 .con {padding:28px 30px 20px; border-top:2px solid #d5d7dd}

.layerBox_ty02 .con dl {*width:100%; padding:20px 0; border-bottom:1px solid #999dab; font-size:15px; color:#333b58; overflow:hidden}

.layerBox_ty02 .con dl:first-child {padding-top:0}

.layerBox_ty02 .con dt {float:left; width:117px; border-right:1px solid #c1c4cd; line-height:25px}

.layerBox_ty02 .con .check_fraud span {display:inline-block; font-size:15px; vertical-align:middle}

.layerBox_ty02 .con dd {float:left; margin-left:15px; line-height:25px; font-size:17px}

.layerBox_ty02 .check_result {width:100%; height:76px; background:#eff1f4; text-align:center}

.layerBox_ty02 .check_result::after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}

.layerBox_ty02 .check_result span {display:inline-block; line-height:1.4; font-size:16px; vertical-align:middle}

.layerBox_ty02 .check_result span.checking {color:#333}

.layerBox_ty02 .check_result span.checking::before {content:''; display:block; width:90px; height:6px; margin:5px auto; background:url('/resources/image/design/certify/ico_loading.gif')}

.layerBox_ty02 .check_result span.check {color:#6f748c}

.layerBox_ty02 .notice_tail {height:30px; background:#333b58}

.layerBox_ty02 .notice_tail .con p {line-height:1.5}

.layerBox_ty02 .notice_tail .inp_box {float:right; margin-top:9px; margin-right:20px}

.layerBox_ty02 .notice_tail .inp_box input {width:5px; height:5px}

.layerBox_ty02 .notice_tail .inp_box label {height:auto}

.layerBox_ty02 .notice_tail .inp_box label.chkbox::before {width:12px; height:12px; background:url('/resources/image/design/icon/ico_checkbox.png') no-repeat 0 0}

.layerBox_ty02 .notice_tail .inp_box input[type='checkbox'].type01:checked + label.chkbox::before {background-position-x:-13px}

.layerBox_ty02 .notice_tail label {padding-left:17px; font-size:12px; color:#d7dbe3}



/* 팝니다 상세 - 다이렉트 메시지 안내 (김혜미) */

.pop_directInfo {position:absolute; width:370px; height:250px; line-height:18px; letter-spacing:-0.01em; z-index:1}

.pop_directInfo .tit {margin:20px 0 5px; color:#d26c4b; font-size:14px; font-weight:bold}



/* 구매확정팝업 (20181004 서재진) */

.fix_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100000;}

.fix_pop .blue01 {color:#3e62ba}

.fix_pop .blue02 {color:#1f97fd}

.fix_pop .orange {color:#1f97fd}

.fix_pop .layerBox_ty02 {top:50%; left:50%; width:644px; height:385px; border:1px solid #616161; transform:translate(-50%,-50%); box-sizing:border-box}

.fix_pop .layerBox_ty03 {top:50%; left:50%; border:1px solid #616161; transform:translate(-50%,-50%); box-sizing:border-box}

.fix_pop .bn_con {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); box-sizing: border-box}

.fix_pop .fix_tb {margin:10px 0;}

.fix_pop .fix_tb td {width:100%; padding:8px 5px; font-size:11px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}



/* 게임용품 판매 방법 팝업(20190325 서재진) */

.pop_sell_notice {top:100px; left:50%; transform:translate(-50%)}

.pop_sell_notice .guide_notice {margin-top:34px; font-family:dotum, sans-serif; font-size:11px; color:#747474}

.pop_sell_notice .guide_notice .pt_color {color:#f42e4f}

.pop_sell_notice .guide_notice li:before {content:'※ '; font-family:notoKR; font-size:11px}



/* 게임용품 판매 방법 팝업(20190325 서재진) */

.pop_buy_notice {width:450px; top:100px; left:50%; transform:translate(-50%)}

.pop_buy_notice .guide_notice {font-family:dotum, sans-serif; font-size:11px; color:#747474}

.pop_buy_notice .guide_notice .pt_color {color:#f42e4f}

.pop_buy_notice .guide_notice li:before {content:'※ '; font-family:notoKR; font-size:11px}



/* 던전앤파이터 거래 주의사항 (20190712 서재진) */

.pop_df_notice .layerBox_ty02 {width:726px; height:auto; margin:0; transform:translate(-50%, -50%)}

.pop_df_notice .layerBox_ty02 p {margin-bottom:20px; font-family:dotum, sans-serif; font-size:12px; color:#747474}



/* 구글기프트코드 사용법 팝업 */

.pCashInfo {display:none; position:absolute; top:38px; left:0; width:715px; z-index:99}

.pCashInfo .layerCon {height:500px; overflow-y:auto}

.pCashInfo .layerCon img {width:100%}



/* 상품권샵 - 신규상품권 이벤트 20171214 */

.giftEventNew {display:none; position:absolute; left:50%; margin-left:-278px; top:200px; width:556px; height:460px; z-index:8999; background:url('/resources/image/design/gift/pop_event_01.png') no-repeat}

.giftEventNew .btn {position:absolute; bottom:7px; right:12px}

.giftEventNew .btn label.week {display:block; width:130px; height:30px; cursor:pointer}

.giftEventNew .btn input.check {width:18px; height:18px; padding:0; margin:6px 0 0}

.giftEventNew a.close {position:absolute; top:10px; right:10px; width:60px; height:60px}

.giftEventNew .btn_link {position:absolute; top:343px; left:27px}

.giftEventNew .btn_link a {float:left; width:158px; height:48px; margin-right:14px}



/* 베이 세이프티 보상 안내 팝업 */

.pop_baySafety .layerBox_ty03 {width:460px; height:auto; letter-spacing:0} 



/* 증빙서류 안내 팝업 */

.pop_proof .layerBox_ty03 dl {overflow:hidden}

.pop_proof .layerBox_ty03 dt {float:left; margin-right:5px}

.pop_proof .layerBox_ty03 dd {float:left}



/* 200% 회원 보상 이용 안내 팝업 */

.pop_reward_use .layerBox_ty03 .con {font-size:14px; line-height:1.5}

.pop_reward_use .layerBox_ty03 .con .small {font-size:12px; color:#616781}

.pop_reward_use .layerBox_ty03 .con .mark_img {text-align:center}

.pop_reward_use .layerBox_ty03 .con .mark_img::before {content:''; display:block; width:46px; height:46px; margin:0 auto 10px; background:url('/resources/image/design/item/ico_safety.png') 0 -59px no-repeat}



/* 베이 세이프티 안내 팝업 */

.pop_baSafety_info .con {text-align:center}

.pop_baSafety_info .con > strong {font-weight:400; color:#635bca}

.pop_baSafety_info .con > .btn_full03 {margin:30px auto 20px}

.pop_baSafety_info .con .evt_img {display:block; margin-bottom:20px}



/* 전자계약서 팝업 */

.contract_pop {background:rgba(0,0,0,0)}

.contract_pop .layerBox_ty03 {width:662px; height:auto}

.contract_pop .layerBox_ty03 .tit {margin-left:30px}

.contract_pop .layerBox_ty03 .con {padding:30px}

.contract_pop .layerBox_ty03 .con .contract_wrap {height:370px; padding:20px 20px 0 20px; border:1px solid #e2e6e9; font-family:dotum, sans-serif; overflow-y:auto; box-sizing:border-box}

.contract_pop .layerBox_ty03 .con .contract_wrap h3 {line-height:1; font-family:notoKR; font-size:26px; font-weight:400; color:#222; text-align:center; letter-spacing:2px}

.contract_pop .layerBox_ty03 .con .contract_wrap p {line-height:1.8; font-size:12px; color:#333}

.contract_pop .layerBox_ty03 .con .contract_wrap li {line-height:1.8; font-size:12px; color:#333}

.contract_pop .layerBox_ty03 .con .contract_wrap > table {font-size:12px}

.contract_pop .layerBox_ty03 .con .contract_wrap > table th {height:31px; border:1px solid #d7dbe3; font-weight:400}

.contract_pop .layerBox_ty03 .con .contract_wrap > table td {height:31px; padding:10px; border:1px solid #d7dbe3; word-break:break-all}

.contract_pop .layerBox_ty03 .con .contract_wrap .date {margin-top:25px; text-align:center}

.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box {width:80%; margin:15px auto 20px; overflow:hidden}

.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl {float:left; width:35%; margin-top:5px; font-size:12px}

.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl:nth-child(2n) {float:right}

.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dt {float:left; width:60px; text-align:justify}

.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dt::after {content:''; display:inline-block; width:100%}

.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dd {float:left}

.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dd::before {content:':'; margin:0 5px}

.contract_pop .layerBox_ty03 .con > table {width:100%; font-family:dotum, sans-serif; font-size:12px; color:#333}

.contract_pop .layerBox_ty03 .con > table caption {display:table-caption; height:35px; background:#d7dbe3; line-height:35px; font-weight:bold}

.contract_pop .layerBox_ty03 .con > table .inp_transfer {width:100%; height:25px; padding:0 10px; border:1px solid #ff3252; box-sizing:border-box}

.contract_pop .layerBox_ty03 .con > table th {height:30px; background:#f9f9f9; border:1px solid #e2e6e9; font-weight:400; color:#343b58; letter-spacing:0}

.contract_pop .layerBox_ty03 .con > table td {height:30px; background:#fff; padding:0 5px; border:1px solid #e2e6e9; letter-spacing:0}

.contract_pop .layerBox_ty03 .con > table td .btn_edit {float:right; width:55px; height:25px; background:#635bca; border-radius:2px; line-height:25px; font-size:11px; text-align:center; color:#fff}

.contract_pop .layerBox_ty03 .con > table td .editing {float:right; width:70px; height:25px; background:#7d8195; border-radius:2px; line-height:25px; font-size:11px; text-align:center; color:#fff}

.contract_pop .layerBox_ty03 .con > table td .txt_mail {float:left; line-height:25px}

.contract_pop .layerBox_ty03 .con > table tr:first-child td {border-top:0}

.contract_pop .layerBox_ty03 .con > table tr:first-child th {border-top:0}

.contract_pop .layerBox_ty03 .con > .inp_box {width:100%; margin-top:30px; text-align:center}

.contract_pop .layerBox_ty03 .con > .btn_box {width:66%; margin:10px auto 0; overflow:hidden}



/* 베이톡 메시지 팝업 */

.pop_bay_talk_msg {position:fixed; bottom:0; right:0; width:175px; background:#fff; border:1px solid #616161; z-index:900}

.pop_bay_talk_msg .pop_header {height:30px; padding:0 10px; border-bottom:1px solid #eaeef7}

.pop_bay_talk_msg .pop_header::after {content:''; display:block; clear:both}

.pop_bay_talk_msg .pop_header h6 {float:left; line-height:30px; font-size:14px; color:#3e62ba}

.pop_bay_talk_msg .pop_header h6::before {content:''; display:inline-block; width:19px; height:18px; margin-right:5px; background:url('/resources/image/design/common/ico_bayTalk.png') 0 0 no-repeat; vertical-align:-4px}

.pop_bay_talk_msg .pop_header .btn_close {float:right; width:30px; height:30px; background:url('/resources/image/design/common/ico_close.png') center right no-repeat}

.pop_bay_talk_msg .pop_contents {position:relative; padding:16px 10px}

.pop_bay_talk_msg .pop_contents p {color:#666}

.pop_bay_talk_msg .pop_contents p > strong {color:#3e62ba}

.pop_bay_talk_msg .pop_contents > a {position:absolute; top:0; left:0; bottom:0; right:0}

.pop_bay_talk_msg .pop_contents > strong {display:block; margin-top:10px; color:#e64646}





/* 메인 - 마일리지도용팝업 */

.layer_notice.mlNotice {left:50%; top:0px; width:412px; margin-left:-206px; padding:0; border:1px solid #1f2152; font-family:notoKR; box-sizing:border-box; z-index:899}

.layer_notice.mlNotice .btn_close {position:absolute; top:10px; right:10px; width:14px; height:14px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') -116px 0 no-repeat}

.layer_notice.mlNotice .popWrap {padding:22px 20px 21px}

.layer_notice.mlNotice .popWrap .name {font-size:20px; color:#1f2152; text-align:center}

.layer_notice.mlNotice .popWrap .mileage {margin-top:10px; font-size:18px; font-weight:100; color:#1f2152; text-align:center}

.layer_notice.mlNotice .popWrap .mileage > span {font-family:tahoma; font-size:20px; font-weight:bold; color:#ff3066}

.layer_notice.mlNotice .popWrap .info {margin-top:20px; font-size:13px; color:#9b9fa7; text-align:center}

.layer_notice.mlNotice .popWrap .btn_box {margin-top:10px; background:#f8f6f9}

.layer_notice.mlNotice .popWrap .btn_box > div {height:80px; padding:0 20px}

.layer_notice.mlNotice .popWrap .btn_box > div::after {content:''; display:inline-block; height:100%; vertical-align:middle; clear:both}

.layer_notice.mlNotice .popWrap .btn_box > div > p {display:inline-block; line-height:1.4; font-size:14px; color:#1f2152; vertical-align:middle}

.layer_notice.mlNotice .popWrap .btn_box .ib_app {width:52px; height:50px; margin-top:15px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') 0 -37px no-repeat}

.layer_notice.mlNotice .popWrap .btn_box .ps_change {width:64px; height:51px; margin-top:14.5px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') -52px -37px no-repeat}

.layer_notice.mlNotice .popWrap .btn_box > a {display:block; height:30px; background:#6563c9; line-height:30px; font-size:14px; font-weight:bold; color:#fff; text-align:center}

.layer_notice.mlNotice .popWrap ul {margin-top:13px}

.layer_notice.mlNotice .popWrap ul::after {content:''; display:block; clear:both}

.layer_notice.mlNotice .popWrap ul li {float:left; margin-left:20px; text-align:center}

.layer_notice.mlNotice .popWrap ul li:first-child {margin-left:0}

.layer_notice.mlNotice .popWrap ul li::before {content:''; display:block; margin:0 auto 5px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') 0 0 no-repeat}

.layer_notice.mlNotice .popWrap ul li:nth-child(1)::before {width:51px; height:37px}

.layer_notice.mlNotice .popWrap ul li:nth-child(2)::before {width:28px; height:35px; background-position-x:-51px}

.layer_notice.mlNotice .popWrap ul li:nth-child(3)::before {width:37px; height:37px; background-position-x:-79px}

.layer_notice.mlNotice .btn .month {display:flex; bottom:6px; left:20px; align-items:center}

.layer_notice.mlNotice .btn .month > span {font-size:11px; color:#dcdcdc}

.layer_notice.mlNotice .btn .month > .check {margin:0; margin-right:5px}

.layer_notice.mlNotice .btn .close {right:20px}



/* 캐릭터 거래 페이백 팝업 */

.pop_saving .layerBox_ty03 {width:452px; height:auto}

.pop_saving .num_mileage {font-size:18px; font-weight:700; color:#883bce}

.pop_saving .txt {font-size:14px; color:#616781}



/* 플래시쿠폰 팝업 */

.pop_event_banner {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:701; }

.pop_event_banner .bn_con {width:430px; height:419px; background:url('/resources/image/Banner/banner_galaxyzfold7.png') 0 0 no-repeat}

.pop_event_banner .layer_close {position:absolute; top:8px; right:47px; z-index: 1; width:35px; height:35px}

.pop_event_banner .bn_con .pop_link {position:absolute; top:0; left:0; width:430px; height:419px;}

.pop_event_banner .form {display:flex; position:absolute; right:48px; bottom:-15px; width:100%; justify-content: flex-end; align-items: center}

.pop_event_banner .form input[type='checkbox'].type01 {display:none}

.pop_event_banner .form label.chkbox {padding-left:17px; font-family:"맑은고딕","Malgun Gothic"; font-size:12px; color:#000}

.pop_event_banner .form label.chkbox::before {top:2px}



.pop_flashcoupon {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:701; margin-left: 160px;}

.pop_flashcoupon .bn_con {width:180px; height:328px; background:url('/resources/image/design/item/img_flashcoupon1.png') 0 0 no-repeat}

.pop_flashcoupon .layer_close {position:absolute; top:8px; right:8px; width:22px; height:22px}

.pop_flashcoupon .info_coupon {display:flex; position:absolute; top:110px; width:100%; height:220px; flex-direction:column; align-items:center; justify-content:center}

.pop_flashcoupon .tit_game {font-family:'Malgun Gothic',sans-serif; font-size:14px; font-weight:700; color:#393629; text-align:center; width: 100%; padding: 0 10px; box-sizing: border-box;}

.pop_flashcoupon .box_coupon {position:relative; width:187px; height:83px; margin-top:20px; background:url('/resources/image/design/item/img_coupon1.png') center no-repeat}

.pop_flashcoupon .box_coupon > p {position:absolute; top:31px; right:0; left: 0; text-align: center; text-indent: -21px; font-family:'Malgun Gothic',sans-serif; font-size:12px; color:#46c900}

.pop_flashcoupon .box_coupon > p > span {font-size:24px; font-weight:700; letter-spacing:-0.5px}

.pop_flashcoupon .info_coupon .btn {display:block; width:106px; height:25px; margin-top:20px}

.pop_flashcoupon .form {display:flex; position:absolute; bottom:-23px; width:100%; justify-content: center; align-items: center}

.pop_flashcoupon .form input[type='checkbox'].type01 {display:none}

.pop_flashcoupon .form label.chkbox {padding-left:17px}

.pop_flashcoupon .form label.chkbox::before {top:2px}

.pop_flashcoupon.on .bn_con {background:url('/resources/image/design/item/img_flashcoupon2.png') 0 0 no-repeat}

.pop_flashcoupon.on .box_coupon {margin-top:10px; background:url('/resources/image/design/item/img_coupon2.png') center no-repeat}

.pop_flashcoupon.on .box_coupon > p {color:#a9a285}

.pop_flashcoupon.on .form {display:none}



/* 도전 달성 팝업 */

.pop_attainment .txt {position:absolute; top:180px; width:100%; line-height:1.5; font-family:notoKR; font-size:20px; text-align:center; color:#6c6c6c}

.pop_attainment .layer_close {position:absolute; top:15px; right:0px; width:30px; height:30px}

.pop_attainment .btn_detail {position:absolute; top:285px; left:135px; width:200px; height:54px}



.pop_point_use .con {width:820px}

.pop_point_use table {font-size:12px}



/* 광고 수신 동의 팝업 */

.add_info_pop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;}

.add_info_pop:before {position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.7);content:'';}

.add_info_pop .pop_inner {font-family:"맑은고딕","Malgun Gothic",serif;z-index:2;}

.add_info_pop .pop_inner .pop_header {position:relative;height:37px;}

.add_info_pop .pop_inner .pop_header .close_btn {position:absolute;top:0;right:0;cursor:pointer;}

.add_info_pop .pop_inner .pop_header .box_check {padding-top:7px;}

.add_info_pop .pop_inner .pop_header input[type="checkbox"] {display:none;}

.add_info_pop .pop_inner .pop_header input[type="checkbox"]+label {line-height:20px;cursor:pointer;}

.add_info_pop .pop_inner .pop_header input[type="checkbox"]+label:before {display:block;float:left;width:20px;height:20px;margin-right:6px;background:#fff;content:'';}

.add_info_pop .pop_inner .pop_header input[type="checkbox"]:checked+label:before {background: url('/resources/image/design/popup/pop_check_today_on.jpg') no-repeat}

.add_info_pop .pop_inner .pop_header input[type="checkbox"]+label span {color:#fff}

.add_info_pop .pop_add_content {position:relative;width:539px;background:#fff}

.add_info_pop .pop_add_content .pop_check_area {width:499px;padding:0 20px;}

.add_info_pop .pop_add_content .pop_check_area strong {display:block;padding:30px 0;margin-bottom:24px;border-bottom:1px solid #ebebeb;font-size:16px;text-align:center;line-height:24px;color:#313131;}

.add_info_pop .pop_add_content .pop_check_area .agree_area {margin-bottom:20px;}

.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"] {display:none;}

.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]+label {line-height:22px;cursor:pointer;}

.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]+label:before {display:block;float:left;width:22px;height:22px;margin-right:10px;background: url('/resources/image/design/popup/check_add_off.jpg') no-repeat;content:'';}

.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]:checked+label:before {background: url('/resources/image/design/popup/check_add_on.jpg') no-repeat}

.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]+label span {font-size:14px;font-weight:700;color:#313131}

.add_info_pop .pop_add_content .pop_check_area .agree_area p {margin:10px 0 0 33px;font-size:12px;color:#313131}

.add_info_pop .pop_add_content .pop_footer {display:flex;padding-top:12px;}

.add_info_pop .pop_add_content .pop_footer button {width:100%;height:58px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;}

.add_info_pop .pop_add_content .pop_footer button:nth-child(1) {background:#635cca;}

.add_info_pop .pop_add_content .pop_footer button:nth-child(2) {background:#ccc;}



.tcash_info_pop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;flex-direction: column; font-family:"맑은고딕","Malgun Gothic",serif;}

.tcash_info_pop:before {position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.7);content:'';}

.tcash_info_pop .pop_inner{position: relative;}

.tcash_info_pop .pop_header {position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}

.tcash_info_pop .pop_header input[type="checkbox"] {display:none;}

.tcash_info_pop .pop_header input[type="checkbox"]+label {cursor:pointer; color: #fff; padding-left: 6px; line-height: 20px;}

.tcash_info_pop .pop_header input[type="checkbox"]+label:before {display:block;float:left;width:20px;height:20px;background:#fff;content:'';}

.tcash_info_pop .pop_header input[type="checkbox"]:checked+label:before {background: url('/resources/image/design/popup/pop_check_today_on.jpg') no-repeat}

.tcash_info_pop .pop_header .pop_close {width: 27px; height: 27px; background: url('/resources/image/design/popup/pop_close_add.png') no-repeat; background-size: 100%; cursor: pointer;}

.tcash_info_pop .pop_cont {position: relative; z-index: 1; width: 540px; background: #fff;}

.tcash_info_pop .pop_cont_top {position:relative;height:90px; display: flex; align-items: center; justify-content: center; background: url('/resources/image/design/popup/pop_head.jpg');}

.tcash_info_pop .pop_cont_top h6 {font-size: 18px; color: #fff;}

.tcash_info_pop .pop_cont_text {padding-bottom: 30px;}

.tcash_info_pop .pop_cont_text_info {padding: 30px 70px 20px;}

.tcash_info_pop .pop_cont_text_info p {font-size: 14px; font-weight: bold; color: #313131;}

.tcash_info_pop .pop_cont_text_info p:nth-of-type(2) {margin-top: 20px;}

.tcash_info_pop .pop_cont_text_info ul {margin-top: 15px;}

.tcash_info_pop .pop_cont_text_info li {font-size: 12px; color: #313131;}

.tcash_info_pop .pop_cont_text_bt {padding: 0 20px;} 

.tcash_info_pop .pop_cont_text_bt p {padding: 30px 50px 0; font-size: 12px; color: #313131;border-top: 1px solid #ebebeb;}



/* 별점 팝업 */

.pop_evaluate {

    z-index: 1004;

    display: none;

    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.pop_evaluate.on {

    display: block;

}

.pop_evaluate .tit h3 {

    font-size: 20px;

    font-weight: bold;

    color: #333;

    text-align: center;

}

.pop_evaluate .con { 

    padding: 40px 30px;

    text-align: center;

    box-sizing: border-box;

}

.pop_evaluate .is_text {

    margin-bottom: 32px;

}

.pop_evaluate .is_text h6 {

    font-size: 14px;

    font-weight: bold;

    color: #635BCA;

}

.pop_evaluate .is_text p {

    font-size: 14px;

    line-height: 1.2;

    margin-top: 25px;

    color: #333b58;

}

.pop_evaluate .is_text p span {

    color: #635BCA;

}

.pop_evaluate .con > p {

    font-size: 20px;

    color: #333b58;

}

.pop_evaluate .is_star {

    display: flex;

    justify-content: center;

    margin-top: 24px;

    gap: 12px;

}

.pop_evaluate .is_star button {

    width: 38px;

    height: 36px;

    padding: 0;

    background: url(/resources/image/store/ico_star_38x36.png) no-repeat;

    cursor: pointer;

    background-size: 100%;

}

.pop_evaluate .is_star button.on {

    background: url(/resources/image/store/ico_star_on_38x36.png) no-repeat;

    background-size: 100%;

}

.pop_evaluate .is_btn {

    display: flex;

} 

.pop_evaluate .is_btn button {

    width: 190px;

    height: 50px;

    color: #343B58;

    font-size: 16px;

    background: #D7DBE3;

    margin-top: 50px;

    cursor: pointer;

}

.pop_evaluate .is_btn button+button {

    color: #fff;

    margin-left: 10px;

    background: #343B58;

}



.pop_store {

    display: none;

    line-height: 1.2;

    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;

    box-sizing: border-box;

    z-index: 1004;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 550px;

    padding: 40px 40px 0;

    text-align: center;

    background: #fff;

    border: 1px solid #E8E8E8;

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);

    border-radius: 10px;

}

.pop_store.on {

    display: block;

}

.pop_store .pop_close {

    position: absolute;

    top: 12px;

    right: 12px;

    cursor: pointer;

}

.pop_follow h6 {

    font-size: 26px;

    font-weight: bold;

    color: #101010;

}

.pop_follow .cont {

    text-align: left;

    margin-top: 40px;

    max-height: 605px;

    overflow-y: auto;

    padding-bottom: 40px;

    overflow-y: auto;

    scrollbar-width: none; /* Firefox */

    -ms-overflow-style: none; /* IE, Edge 구버전 */

}

.pop_follow .cont::-webkit-scrollbar {

    display: none; /* Chrome, Safari */

    overflow-y: auto;

    scrollbar-width: none; /* Firefox */

    -ms-overflow-style: none; /* IE, Edge 구버전 */

}



.pop_modify::-webkit-scrollbar {

display: none; /* Chrome, Safari */

overflow-y: auto;

scrollbar-width: none; /* Firefox */

-ms-overflow-style: none; /* IE, Edge 구버전 */

}

.pop_follow .cont li {

    display: flex;

    align-items: center;

}

.pop_follow .cont li.none_data {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: 300px;

    text-align: center;

}



.pop_follow .cont li.none_data p {

    font-size: 16px;

    color: #a2a2a2;

    margin-top: 16px;

}

.pop_follow .cont li .pop_profile {

    width: 82px;

    height: 82px;

    margin-right: 20px;

}

.pop_follow .cont li .pop_profile img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 100%;

}

.pop_follow .cont .pop_info .grade_box .grade {

    width: 21px;

    height: 25px;

    margin-right: 8px;

    background-size: 100%;

}

.pop_follow .cont .pop_info h3 {

    font-size: 22px;

    font-weight: bold;

    display: flex;

    align-items: center;

    color: #101010;

}

.pop_follow .cont li + li {

    margin-top: 32px;

}

.pop_follow .cont .pop_info > div {

    display: flex;

}

.pop_follow .cont .pop_info > div p + p {

    margin-left: 20px;

}

.pop_follow .cont .pop_info p {

    display: flex;

    align-items: center;

    font-size: 14px;

    margin-top: 8px;

    color: #626262;

}

.pop_follow .cont .pop_info p span {

    display: inline-block;

    font-weight: bold;

    margin-left: 4px;

    color: #101010;

}

.pop_follow .cont .pop_info p span.c-436CEE {

    color: #436CEE;

}

.pop_follow .cont .pop_info p img {

    margin-right: 4px;

}

.pop_follow .cont .pop_info p img.star {

    width: 12px;

    margin-left: 3px;

    margin-right: 0;

}

.pop_modify {

    padding-bottom: 40px;

    max-height: 682px;

    overflow-y: auto;

    scrollbar-width: none; /* Firefox */

    -ms-overflow-style: none; /* IE, Edge 구버전 */

}

.pop_modify::-webkit-scrollbar {

    display: none; /* Chrome, Safari */

}

.pop_modify .store_home_user {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 110px;

    height: 110px;

    background: #DEDEDE;

    border-radius: 100%;

    margin: 0 auto;

}

.pop_modify .store_home_user > img {

    width: 110px;

    height: 110px;

    object-fit: cover;

    border-radius: 100%;

}

.pop_modify .store_home_user button {

    position: absolute;

    bottom: 0;

    right: 0;

    cursor: pointer;

}

.pop_modify .store_home_user input[type="file"] {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}

.pop_modify .store_home_user .profile_change_btn {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 36px;

    height: 36px;

    background: url(/resources/image/store/ico_modify.png);

    cursor: pointer;

}









.pop_modify .store_home_user_edit input[type="file"] {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}

.pop_modify  .store_home_user_edit {

    display: flex;

    justify-content: center;

    gap: 8px;

    margin-top: 12px;

}

.pop_modify .store_home_user_edit button {

    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;

    font-size: 12px;

    height: 30px;

    padding: 0;

    color: #626262;

    border: 1px solid #E8E8E8;

    border-radius: 4px;

    cursor: pointer;

}

.pop_modify .store_home_user_edit button:nth-of-type(1) {

    padding: 0 8px;

}

.pop_modify .store_home_user_edit label {

    display: flex;

    align-items: center;

    padding: 0 8px;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    cursor: pointer;

}



.pop_modify .form {

    display: flex;

    flex-direction: column;

    text-align: left;

    margin-top: 30px;

}

.pop_modify .form .item + .item {

    margin-top: 28px;

}

.pop_modify .form .item input,

.pop_modify .form .item select,

.pop_modify .form .item textarea {

    line-height: 1.3;

    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;

    font-size: 16px;

    width: 100%;

    height: 60px;

    padding: 0 20px;

    margin-top: 12px;

    color: #626262;

    border: 1px solid #e8e8e8;

    border-radius: 10px;

    box-sizing: border-box;

}

.pop_modify .form .item select {

    -webkit-appearance: none;  /* 크롬 화살표 없애기 */

    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */

    appearance: none;  /* 화살표 없애기 */

    background: url("/resources/image/store/ico_select.png") no-repeat;

    background-position-y: center;

    background-position-x: calc(100% - 20px);

}

.pop_modify .form .item textarea {

    line-height: 1.3;

    resize: none; /* 변경 불가능 */

    padding: 20px;

    height: 100px;

}

.pop_modify .form .item textarea::placeholder {

    color: #b7b7b7;

}

.pop_modify .form label {

    font-weight: bold;

    font-size: 16px;

    color: #000;

}

.pop_modify .form label span {

    font-weight: 300;

    font-size: 12px;

    margin-left: 8px;

    color: #626262;

}

.pop_modify .form .select2 {

    display: flex;

    align-items: center;

    margin-top: 4px;

}

.pop_modify .form .select2 p {

    font-size: 24px;   

    margin: 0 15px;

    color: #626262;

}

.pop_modify .form .is_btn {

    display: flex;

    margin-top: 28px;

}

.pop_modify .form .is_btn button {

    font-weight: bold;

    font-size: 20px;

    width: 100%;

    height: 60px;

    color: #b7b7b7;

    border-radius: 10px;

    background: #F5F5F5;

    cursor: pointer;

}

.pop_modify .form .is_btn button + button {

    margin-left: 20px;

    color: #fff;

    background: #635BCA;

}