form {
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
}

.b_item_wrap,
body {
    margin: 0;
    padding: 0;
}
.notice_title {
    padding: 15px;
    border-radius: 12px;
    background: #f0f6fe;
    font-size: 13px;
    margin: 15px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #f0f6fe;
    animation: glow 2s infinite alternate;
}
.tit {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    background: #1d2333;
    color: #fff;
    padding: 0 10px;
}

.b_item_title {
    margin: 0 0 20px;
    padding: 0 0 0 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: left;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: #333;
}

.btn_close_item {
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 12px !important;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.btn_close_item i {
    color: #fff;
    font-size: 26px;
}

.b_item_buy_box {
    width: 790px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.item_info_box {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 0 0 20px 0;
}

.item_info_thumb {
    float: left;
    width: 50%;
    height: 150px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
}

.item_info_thumb>div {
    padding-top: 10px;
}

.item_info_thumb img {
    max-height: 130px;
}

.item_info_content {
    float: right;
    width: 46%;
    text-align: left;
}

.item_info_content b {
    display: block;
    padding: 10px 0 5px 0;
    color: #600;
}

.item_info_content h2 {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    padding-bottom: 15px;
}

.item_info_content p {
    width: 100%;
    height: 40px;
    overflow: hidden;
    color: #999;
    font-size: 11px;
    border-bottom: 1px solid #e4e4e4;
}

.item_info_view {
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
}

.item_info_view .price {
    float: left;
    color: #c00;
    font-size: 12px;
    padding-right: 10px;
}

.item_info_view strong {
    font-family: verdana;
    font-size: 18px;
}

.buy_info {
    width: 100%;
}

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

.buy_info table {
    width: 100%;
    border-top: 3px solid #d6d6d6;
    border-bottom: 3px solid #d6d6d6;
}

.buy_info table td,
.buy_info table th {
    border-bottom: 1px dashed #d6d6d6;
    padding: 10px;
}

.buy_info th {
    text-align: left;
    color: #333;
    font-size: 12px;
}

.buy_info th .id_search_button { background:#127ccb; color:#fff; padding:3px 5px; }

.buy_info td {
    text-align: right;
    font-size: 12px;
    color: #666;
}

.buy_info td b {
    color: #000;
    font-family: verdana;
    font-size: 13px;
}

.buy_info td.i_center {
    text-align: center;
}

.buy_info td strong {
    font-family: verdana;
    font-size: 18px;
}

.buy_btn_wrap {
    clear: both;
    padding: 20px 0 0 0;
    overflow: hidden;
    text-align: center;
}

input[type="submit"] {
    cursor: pointer;
}

.buy_button {
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    border: 0;
    background: #039;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer;
    font-weight: 700;
    border: 1px solid #039;
    width: 160px !important;
    height: 60px !important;
    line-height: 60px !important;
    font-size: 14px !important;
}

.cancel_buy {
    cursor: pointer;
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #666;
    font-weight: 700;
    border: 1px solid #cdcdcd;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    position: relative;
    top: -3px;
}


/*마켓*/

dl {
    margin: 0;
    list-style: none;
}

.none_a {
    color: #333 !important;
}

.market_wrap {
    margin-bottom: 20px;
}

.ncs_market_list {
    
}
.market_area {
    position: relative;
    margin-left: 0px;
}

.ncs_item {
    position: relative;
    float: left;
    width: 24%;
    border: 1px solid #428bca;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 7px;
}
.ncs_item:hover {
    border: 1px solid #65afdc;
}

.ncs_item_title {
    padding: 10px;
    height: 195px;
    border-bottom: 1px solid #428bca;
}

.item_txt {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 15px;
    font-weight: bold;
}

.itme_img {
    position: absolute;
    top: 30px;
    left: 86px;
    width: 101px;
    height: 101px;
}

.ncs_item_content {
    display: table-cell;
    padding: 0 20px 0 20px;
    width: 303px;
    height: 100px;
    line-height: 19px;
    border-bottom: 1px solid #428bca;
    vertical-align: middle;
    font-size: 12px;
}

.ncs_item_price {}

.price_box {
    margin: 0;
    padding: 0;
    list-style: none;
}

.item_price_list {
    height: 51px;
    border-top: 1px solid #f2f2f2;
}

.item_price_list:first-child {
    border-top: none;
}

.item_point_info {
    float: left;
    margin: 15px 0 0 20px;
    height: 21px;
    line-height: 22px;
    font-size: 13px;
    font-weight: 600;
}

.item_point_info {
    color: #333 !important;
}

.item_point_info i {
    margin-top: -1px;
    margin-left: -5px;
    margin-right: 3px;
    font-size: 17px;
    color: #e91b23;
}



.buy_btn_link {
    width: 32%;
    display: block;
    margin: 0px;
    position: relative;
    height: 40px;
    line-height: 0px;
    text-align: center;
    border: 1px solid #428bca;
    background-color: #428bca;
    color: #fff;
    float: right;
    padding: 10px;
}

.gift_btn_link {
    width: 32%;
    display: block;
    margin: 0px;
    position: relative;
    height: 40px;
    line-height: 0px;
    text-align: center;
    border: 1px solid #3da238;
    background-color: #3da238;
    color: #fff;
    float: right;
    padding: 10px;
}

.market_title {
    position: relative;
    height: auto;
    border: 1px solid #d6d6d6;
    margin-bottom: 5px;
    background: #fbfbfc;
}

.market_title:after {
    display: block;
    clear: both;
    content: "";
}

.market_title h2 {
    float: left;
    height: 36px;
    font-size: 13px;
    margin: 0;
    padding-top: 9px;
    padding-left: 10px;
    font-weight: bold;
    margin-right: 10px;
    line-height: 21px;
}

.market_l {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 36px;
}

.market_l li {
    display: inline-block;
    margin-right: -3px;
    vertical-align: top;
}

.fon {
    background: #ccc;
    color: #333;
}

.fon.active {
    background: #3c763d;
    color: #fff;
}

.fon span {
    padding: 0 19px;
    height: 1px;
    line-height: 36px;
}

.fon_line {
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 39px;
    border: 1px solid #db2a0b;
}

.ncs_item_title img {
    display: block;
    margin: 0 auto;
    width: 50%;
    height: 64%;
    border-radius: 3px;
    margin-bottom: 10px;
}

.ncs_item:hover .ncs_item_title img {
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    margin: 0 auto;
}

.item_message {
    position: absolute;
    top: -1px;
    left: -1px;
    height: 30px;
    background: #333;
    padding: 8px;
    text-align: center;
    color: #fff;
}

.myitem_wrap {
    background-color: #1d2333;
    margin-bottom: 5px;
    height: 95px;
    border: 1px solid #18325d;
}

.point_wrap {
    float: left;
    width: 313px;
    height: 95px;
    border-right: 1px solid #18325d;
}

.item_wrap {
    float: left;
    width: 514px;
    height: 95px;
}

.myitem_wrap dl {
    position: relative;
    padding: 26px 0 0 104px;
}

.item_wrap dl {
    float: left;
    padding: 24px 0 0 30px;
}

.item_wrap dt {
    float: left;
    margin-bottom: 7px;
    width: 90px;
    height: 23px;
    line-height: 23px;
    font-weight: 700;
}

.myitem_wrap dd {
    float: left;
    margin-bottom: 7px;
    width: 173px;
    height: 23px;
    line-height: 23px;
}

.myitem_wrap dd span {
    float: left;
}

.point_icon {
    position: absolute;
    top: 22px;
    left: 34px;
    width: 53px;
    height: 53px;
    background-color: #e82d0c;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    font-weight: 900;
    line-height: 16px;
    padding-top: 20px;
    padding-right: 1px;
    font-size: 30px;
}

.point_txt {
    display: block;
    line-height: 19px;
}

.point_oi {
    font-size: 26px;
    line-height: 40px;
    font-family: arial, sans-serif;
    color: #ea3d1f;
    display: block;
}

.item_zone_content_wrap {
    display: none;
}

.item_zone_content_wrap.zh {
    display: block;
}

.itemzone_list_wrap {
    margin-bottom: 20px;
}

.itemzone_list_tab {
    margin-bottom: 5px;
    height: 33px;
}

.itemzone_list_tab ul {
    float: left;
    height: 31px;
    border: 1px solid #dee3eb;
    background-color: #fff;
}

.itemzone_list_tab ul li {
    float: left;
    position: relative;
    line-height: 31px;
}

.itemzone_list_tab ul li a {
    display: block;
    padding: 0 20px;
    height: 31px;
    line-height: 31px;
    color: #333;
}

.itemzone_list_tab ul li a.on {
    background: #e82d0c;
    z-index: 10;
    color: #fff;
}

.item_list_wrap {
    clear: both;
    border: 1px solid #18325d;
    background-color: #fff;
}

.item_list_wrap table th {
    background-color: #18325d;
    text-align: center;
    color: #fff;
    height: 32px;
    font-weight: 400;
}

.item_list_wrap table td {
    text-align: center;
    border-top: 1px solid #f4f4f4;
    background: #1d2333;
}

.item_list_wrap .item_cell {
    text-align: left;
    position: relative;
    background: #1d2333;
}

.item_list_wrap .item_cell p {
    word-break: normal;
}

.item_list_wrap .item_cell img {
    width: 88px;
    height: 88px;
    margin: 10px 10px 10px 16px;
    vertical-align: middle;
}

.my_item_name {
    font-weight: 700;
    position: absolute;
    top: 25px;
    left: 114px;
}

.my_item_desc {
    display: inline;
    position: absolute;
    top: 53px;
    left: 114px;
    color: #918c8a;
    font-size: 11px;
}

.item_use_btn {
    height: 23px;
    text-align: center;
    font-size: 0;
}

.item_use_btn_a {
    margin: 0 1px;
    border: 1px solid #db2a0b;
    background-color: #e82d0c;
    color: #fff !important;
    display: inline-block;
    width: 39px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    vertical-align: top;
}

.item_num_select {
    display: inline-block;
    width: 70px;
    height: 40px;
    font-size: 12px;
}

.item_num {
    height: 49px;
    border: 0;
    color: #333;
    line-height: 33px;
}

.item_num span {
    display: block;
    left: 7px;
    top: 5px;
    padding-left: 10px;
    position: relative;
}

.item_add_wrap {
    width: 29px;
    height: 45px;
    float: right;
    position: relative;
    top: -49px;
    left: 8px;
}

.item_add_wrap a {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.item_add_wrap .up {
    height: 20px;
}

.item_add_wrap .up i {
    position: absolute;
    top: 3px;
    left: 6px;
    width: 0;
    height: 0;
}

.item_add_wrap .down {
    height: 21px;
}

.item_add_wrap .down i {
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 0;
    height: 0;
}

.item_buy_btnv {
    background: #fff000;
    .item_buy_btn a,
}

.item_buy_btn button {
    outline: none;
}

@keyframes downRoomItem {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}


/*
ul, li, dl, dt, dd {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
*/

.sports_input {
    width: 100%;
    text-align: left;
}

.sports_input_option {
    margin-bottom: 5px;
}

.sports_input_option h3 {
    color: #1e2024;
    font-size: 12px;
    display: inline-block;
    width: 100px;
    margin-bottom: 5px;
}

.sports_input_ui {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1em;
}

.sports_input_ui input {
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    line-height: 1.21428571em;
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 0.67857143em 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
    box-shadow: none;
    width: 400px;
}

.have_item_chat {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.have_item_p {
    font-size: 13px;
    display: inline-block;
    color: #6c6d71;
    margin: 10px 0;
}

.chat_btn_pf {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 none;
    color: rgba(0, 0, 0, 0.6);
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin: 0 0.25em 0 0;
    padding: 0.78571429em 1.5em 0.78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    will-change: "";
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    margin-bottom: 15px;
}


/* colorset */

.bluered .top_lnb {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.bluered .sports_thema {
    background: #dddddd5e;
    border: 1px solid #ddd;
}

.bluered #sports_thema_icon i {
    color: #5f5e5e;
}

.bluered .top_user_wrap>li {
    color: #333;
}

.bluered .sports_header {
    background: #004091;
}

.bluered .sp_search_wrap {
    border: 4px solid #fff;
}

.bluered .sports_header_menu {
    background: #cd1046;
}

.bluered .pof {
    background: #e23c6b;
}

.bluered .noti_bod {
    border: 2px solid #ce1046;
    color: #fff;
    background: #ce1046;
}

.bluered .notice_sc {
    color: #333;
}

.bluered .sp_search_wrap i {
    color: #cd1046;
}

.bluered .chat_enter,
.bluered .btn.btn-color {
    background-color: #cc1045;
    color: #fff;
    border: 1px solid #cc1045;
}

.bluered .at-footer .at-links {
    background: #e13c6b;
    border: 0px;
}

.bluered .at-footer .at-links ul>li>a {
    color: #fff;
}

.bluered .at-infos {
    background: #004091;
    color: #fff;
}

.bluered .at-infos b,
.bluered .at-infos li,
.bluered .at-footer .at-about>li>a,
.bluered .at-footer .at-infos .copyright span {
    color: #fff;
}

.bluered .video_popup {
    background-color: #e23c6a;
    color: #ffffff;
    border-color: #e23c6a;
}

.bluered .video_over_btn,
.bluered .video_btn_1,
.bluered .video_btn_2 {
    background-color: #004091;
    color: #ffffff;
}

.bluered .video_btn_1:hover,
.bluered .video_btn_2:hover {
    background: #114e9c;
}

.bluered .video_btn_1 span,
.bluered .video_btn_2 span {
    color: #fff;
}

.bluered .tabs_wrap_main {
    background-color: #e23c6a;
}

.bluered .p_tab_item.active:before {
    background: #cc1045;
}

.bluered .p_tab_item span {
    color: #fff;
    opacity: 0.6;
}

.bluered .p_tab_item.active span {
    opacity: 1;
}

.bluered #leftDataTop h2,
.bluered #leftLanking h2 {
    background: #004091;
}

.bluered .cate_list_s li.active {
    background: #cc1045;
}

.bluered .sports_list_table {
    background-color: #cc1045;
    color: #fff;
    border-color: #cc1045;
}

.bluered .top_user_name a {
    color: #333;
}

.bluered .top_user_menu_o i {
    color: #333;
}

.bluered .sports_login_btn {
    background-color: #cd1046;
    color: #fff !important;
}

.bluered .notice_sc .slides a {
    color: #333 !important;
}

.bluered .webtoon_all_ul li a.active {
    background: #004091;
}

.bluered .webtoon_inner.active:before {
    background: rgba(204, 16, 69, 0.12);
}

.bre .top_lnb {
    background: #ccc;
}

.bre .noti_bod {
    border: 1px solid #092a51;
    color: #092a51;
}

.bre .notice_sc .slides a,
.bre #sports_thema_icon i,
.bre .top_user_name a,
.bre .top_user_menu_o i,
.bre .top_ppfv {
    color: #092a51 !important;
}

.bre .sports_header {
    background: #092a51;
}

.bre .sp_search_wrap {
    border: 4px solid #092a51;
}

.bre .sports_thema {
    background: #b3b3b3;
    border: 1px solid #ccc;
}

.bre .sports_header_menu {
    background: #a9112f;
}

.bre .pof {
    background: #881128;
}

.bre .tabs_wrap_main {
    background-color: #092a51;
}

.bre .p_tab_item.active:before {
    background: #a9112f;
}

.bre #leftLanking h2,
.bre #leftDataTop h2 {
    background: #092a51;
}

.bre .sports_list_table {
    background-color: #092a51;
    border-color: #092a51;
}

.bre .chat_enter {
    background-color: #092a51;
    border: 1px solid #092a51;
    color: #ccc;
}

.bre .cate_list_s li.active {
    background: #871028;
}

.bre .at-footer .at-links {
    background: #092a51;
}

.bre .at-infos {
    background: #183961;
}

.bre .at-footer .at-about>li {
    color: #fff;
}

.bre .at-footer .at-infos .copyright,
.bre .at-footer .at-infos .copyright span,
.bre .at-footer .at-about>li>a {
    color: #fff;
}

.bre .webtoon_all_ul li a.active {
    background: #092a51;
}

.bre .webtoon_inner.active:before {
    background: rgba(204, 16, 69, 0.12);
}

.bre .webtoon_sca_wrap li.active {
    background: #a9112f;
}

.pink .top_lnb {
    background: #f2e3e4;
}

.pink .sports_thema {
    background: #ded2d2;
    border: 1px solid #c3baba;
}

.pink .notice_sc .slides a,
.pink #sports_thema_icon i,
.pink .top_user_name a,
.pink .top_user_menu_o i,
.pink .top_ppfv {
    color: #333 !important;
}

.pink .noti_bod {
    border: 1px solid #333;
    color: #333;
}

.pink .sports_header {
    background: #e06878;
}

.pink .sp_search_wrap {
    border-color: #e06878;
}

.pink .sports_header_menu {
    background: #f2e3e4;
}

.pink .pof,
.pink .tabs_wrap_main {
    background: #da3d52;
}

.pink .p_tab_item span {
    color: #fff;
}

.pink .p_tab_item.active:before {
    background: #b1293b;
}

.pink #leftLanking h2,
.pink #leftDataTop h2 {
    background: #db3d52;
}

.pink .sports_list_table {
    background-color: #db3d52;
    border-color: #db3d52;
}

.pink .cate_list_s li.active {
    background: #db3d52;
}

.pink .at-footer .at-links {
    background: #db3d52;
}

.pink .at-infos {
    background: #e06778;
}

.pink .at-footer .at-about>li,
.pink .at-footer .at-about>li>a,
.pink .at-footer .at-infos .copyright span,
.pink .at-footer .at-infos .copyright {
    color: #fff;
}

.pink .webtoon_all_ul li a.active {
    background: #e06778;
}

.pink .webtoon_inner.active:before {
    background: rgba(204, 16, 69, 0.12);
}


/* board design for pc */

.webzine_subject {
    font-size: 19px;
}

.webzine_userinfo {
    font-size: 13px;
}


/* For charge page */

#charge_coin_btn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 37px;
    width: 90px;
    text-align: center;
    line-height: 36px;
    background: #3c763d;
    color: white;
}


/*! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: gray
}

.grayscale.grayscale-fade {
    transition: filter .5s
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter .5s;
        transition: -webkit-filter .5s
    }
}

.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

.grayscale.grayscale-replaced>svg {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg {
    opacity: 0
}


/* market */

.marketBox {
    color: #666666;
}

.marketBox .title {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background-color: #F1F1F1;
    border: 1px solid #D5D5D5;
    border-top: 2px solid #0E609C;
}
.tit2 {
    background-color: #0066CC;
    color: #fff;
    padding: 2px;
    border: 1px solid #006699;
}
.exp {
    color: #CD1212;
    font-weight: normal;
}
.marketBox .title ul li a {
    float: left;
    padding: 0 30px;
    border-right: 1px solid #D5D5D5;
    color: #333;
    text-decoration: none;
}

.marketBox .title ul li a.on {
    display: block;
    background-color: #127CCB;
    color: #fff;
    font-weight: bold;
    border: 1px solid #0E609C;
    height: 30px;
    margin: -1px 0 0 -1px;
}

.marketBox .title ul li.right {
    float: right;
    border-left: 1px solid #D5D5D5;
    border-right: none;
}

.marketBox .title ul li.right a {
    background-color: #0D568C;
    color: #fff;
    border: 1px solid #0E609C;
    margin: -1px -1px 0 -1px;
}

.marketBox .title ul li.free {
    float: right;
    border-left: 1px solid #D5D5D5;
    border-right: none;
}

.marketBox .title ul li.free a {
    background-color: #fff;
    color: #000;
    border: 1px solid #0E609C;
    margin: -1px -1px 0 -1px;
}

.marketBox .content {
    width: 100%;
    background-color: #1d2333;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 10px;
}

.marketBox .content .tit {
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    background-color: #127CCB;
    color: #fff;
    padding: 0 10px;
    margin: 10px 6px 0 6px;
    border: 1px solid #0E609C;
}

.marketBox .content .tit.none {
    margin-top: 0;
}

.marketBox .content .tit strong {
    color: yellow;
}

.marketBox .itemList {
    padding: 0 0 0 3px;
}

.marketBox .itemList li {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 310px;
    border: 1px solid #C8C5C5;
    background-color: #fff;
    padding: 0 15px;
    margin: 5px 3px;
    vertical-align: top;
}

.marketBox .itemList li:hover {
    border: 1px solid #000;
}

.marketBox .itemList li .edge {
    position: absolute;
    top: -10px;
    left: -5px;
}

.marketBox .itemList li img {
    margin: 5px auto;
    display: block;
}

.marketBox .itemList li .name {
    font-size: 13px;
    font-weight: bold;
}

.marketBox .itemList li .bonus {
    font-size: 11px;
}

.marketBox .itemList li .bonus .tit {
    background-color: #0066CC;
    color: #fff;
    padding: 2px;
    border: 1px solid #006699;
}

.marketBox .itemList li .bonus .point {
    color: #1264D0;
}

.marketBox .itemList li .bonus .exp {
    color: #CD1212;
}

.marketBox .itemList li .desc {
    margin: 10px 0;
    font-size: 11px;
    line-height: 16px;
    max-height: 60px;
    color: #8b8b8b;
}

.marketBox .itemList li .priceBox {
    position: absolute;
    bottom: 15px;
}

.marketBox .itemList li .price {
    font-family: DINWeb-Bold;
    margin: 10px 0;
    color: #e80000;
}

.marketBox .itemList li .price strike {
    color: #000;
}

.marketBox .itemList li .price .arrow {
    font-family: gulim;
}

.marketBox .itemList li .btn {
    float: left;
    margin-left: 5px;
}

.marketBox .itemList li .btn a.btn_buy {
    display: inline-block;
    width: 42px;
    height: 27px;
    line-height: 27px;
    background-color: #ec0000;
    color: #fff;
    border: 1px solid #cc0000;
    text-align: center;
}

.marketBox .itemList li .btn a.btn_gift {
    display: inline-block;
    width: 42px;
    height: 27px;
    line-height: 27px;
    background-color: #efefef;
    color: #000;
    border: 1px solid #c6c6c6;
    text-align: center;
}

.marketBox .amountSet {
    position: relative;
    float: left;
    width: 62px;
    height: 29px;
    background: url(https://simg.powerballgame.co.kr/images/bg_amount.png) no-repeat;
}

.marketBox .amountSet input {
    border: none;
    width: 45px;
    height: 27px;
    line-height: 27px;
    margin: 1px;
    text-align: center;
}

.marketBox .amountSet .up {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 14px;
    cursor: pointer;
}

.marketBox .amountSet .down {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 14px;
    cursor: pointer;
}

.marketBox .chargeBox {
    margin: 15px;
    background: url(https://simg.powerballgame.co.kr/images/bg_coin.png) right top no-repeat;
}

.marketBox .chargeBox .text {
    margin: 20px 0;
}

.marketBox .chargeBox .depositBox {
    position: relative;
    background-color: #20283c;
    margin: 0 0 15px 0;
    padding: 0 10px;
    border-radius: 10px;
}

.marketBox .chargeBox .depositBox table {
    width: 100%;
}

.order-list .depositBox table {
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
}

.order-list .depositBox table td { 
    border-bottom: 1px dotted #D2D2D2;
    line-height: 40px;
 }

.marketBox .chargeBox .depositBox table th {
    text-align: left;
    padding-left: 10px;
    width: 170px;
    height: 40px;
    border-bottom: 1px solid #1d2333;
}

.marketBox .chargeBox .depositBox table td {
    border-bottom: 1px solid #1d2333;
}

.marketBox .chargeBox .depositBox table td span.account {
    border: 1px solid #092a51;
    padding: 3px 6px;
    background: #092a51;
}

.marketBox .chargeBox .depositBox table td .price {
    font-size: 18px;
    font-family: tahoma;
    color: #CD1212;
}
.marketBox .chargeBox .depositBox table td .ex-money {
    font-size: 18px;
    font-weight: bold;
    font-family: tahoma;
    color: #127ccb;
}
.marketBox .chargeBox .depositBox table .none {
    border-bottom: none;
}

.marketBox .chargeBox .depositBox table td input {
    border: 1px solid #D9D9D8;
    height: 28px;
    padding: 0 5px;
    border-radius: 10px;
}

.marketBox .chargeBox .depositBox table td span.small {
    font-size: 11px;
    color: #848484;
}

.marketBox .chargeBox .depositBox table td.msg {
    font-size: 13px;
}

.marketBox .chargeBox .depositBox table td .check {
    width: 20px;
    height: 20px;
    border: none;
}

.marketBox .chargeBox .chargeBtn .btn {
    display: block;
    width: 210px;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #2f447f;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #18325d;
    border-radius: 10px;
}
.marketBox .chargeBox .exchangeBtn .btn {
    display: block;
    width: 210px;
    height: 70px;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #2f447f;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #18325d;
    border-radius: 10px;
}
.marketBox .chargeBox .chargeBtn .btn:hover {
    background-color: #b72e00;
}

.marketBox .coinList {
    padding: 0 0 0 0;
}

.marketBox .coinList li {
    position: relative;
    display: inline-block;
    width: 185px;
    height: 160px;
    border-radius: 10px;
    background-color: #18325d;
    padding: 0 15px;
    margin: 0 6px 10px 0;
    cursor: pointer;
}

.marketBox .coinList li.on {
    border: 1px solid #127CCB;
}

.marketBox .coinList li img {
    margin: 0 auto;
    display: block;
    width: 150px;
    height: 128px;
}

.marketBox .coinList li .price {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: tahoma, dotum;
}

.marketBox .coinList li .input {
    width: 128px;
    height: 32px;
    text-align: right;
    font-weight: bold;
    font-family: tahoma;
    padding: 0 5px 0 0;
    border: 1px solid #D5D5D5;
    margin-left: 5px;
}

.marketBox .coinList li .txt {
    font-weight: bold;
    font-family: tahoma, dotum;
}

.marketBox .coinList li.last {
    width: 738px;
    height: 56px;
    line-height: 53px;
}

.marketBox .coinList li.last img {
    display: inline;
    width: 47px;
    height: 45px;
    vertical-align: middle;
}

.marketBox .coinList li.on .price {
    color: #127CCB;
}

.marketBox .coinList li.on .input {
    width: 128px;
    height: 32px;
    color: #127CCB;
    padding: 0 5px 0 0;
    border: 1px solid #127CCB;
    margin-left: 5px;
}

.marketBox .coinList li.on .txt {
    color: #127CCB;
}

/***/
.marketBox .companyList {
    padding: 0;
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
}

.marketBox .companyList li {
    position: relative;
    display: inline-block;
    background-color: #18325d;
    padding: 9px;
    border-radius: 10px;
    margin: 0 6px 10px 0;
    cursor: pointer;
    text-align: center;
}

.marketBox .companyList li.on {
    border: 1px solid #127CCB;
}

.marketBox .companyList li img {
    margin: 0 auto;
    display: block;
    width: 138px;
    height: 128px;
}

.marketBox .companyList li .price {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.marketBox .companyList li .input {
    width: 128px;
    height: 32px;
    text-align: right;
    font-weight: bold;
    font-family: tahoma;
    padding: 0 5px 0 0;
    border: 1px solid #D5D5D5;
    margin-left: 5px;
}

.marketBox .companyList li .txt {
    font-weight: bold;
    font-family: tahoma, dotum;
}

.marketBox .companyList li.last {
    width: 738px;
    height: 56px;
    line-height: 53px;
}

.marketBox .companyList li.last img {
    display: inline;
    width: 47px;
    height: 45px;
    vertical-align: middle;
}

.marketBox .companyList li.on .price {
    color: #127CCB;
}

.marketBox .companyList li.on .input {
    width: 128px;
    height: 32px;
    color: #127CCB;
    padding: 0 5px 0 0;
    border: 1px solid #127CCB;
    margin-left: 5px;
}

.marketBox .companyList li.on .txt {
    color: #127CCB;
}

.marketBox .subtitle {
    display: inline-block;
    background-color: #18325d;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
    border: 1px solid #18325d;
    border-radius: 10px;
    height: 28px;
    line-height: 26px;
    padding: 0 8px;
}

.marketBox .coinInput {
    padding: 20px;
    border-radius: 10px;
    background-color: #20283c;
    margin-bottom: 10px;
}

.marketBox .coinInput.on {
    border: 1px solid #127CCB;
}

.marketBox .coinInput .plusCoin {
    display: inline-block;
    width: 54px;
    height: 32px;
    line-height: 32px;
    background-color: #efefef;
    color: #000;
    border: 1px solid #c6c6c6;
    text-align: center;
    vertical-align: middle;
}

.marketBox .coinInput .input {
    vertical-align: middle;
    width: 128px;
    height: 32px;
    text-align: right;
    font-weight: bold;
    font-family: tahoma;
    padding: 0 5px 0 0;
    border: 1px solid #1d2333;
    margin-left: 5px;
}

.marketBox .coinInput .txt {
    padding-left: 60px;
    font-size: 11px;
    color: #848484;
    font-weight: normal;
}

.marketBox .coinInput .txt .dot {
    font-size: 12px;
    color: #CD1212;
}

.marketBox .freeChargeBox {
    margin: 15px;
    text-align: center;
}


/* charge */

.chargeBox {
    background-color: #F8F8F8;
    color: #666666;
}

.chargeBox .title {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    border: 1px solid #3c3c3c;
    background-color: #4C4C4C;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}

.chargeBox .content {
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    background-color: #FDFDFD;
}

.chargeBox .content .userCoin {
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
    color: #666666;
    background: #f7f7f7;
    border: 1px solid #f0f0f0;
}

.chargeBox .content .userCoin span {
    font-family: DINWeb-Bold;
    color: #e80000;
}

.chargeBox .content .priceBox {
    position: relative;
    border: 2px solid #CCCCCC;
    margin-top: 10px;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
}

.chargeBox .content .priceBox .price {
    font-family: DINWeb-Bold;
    padding: 0 3px 0 10px;
    color: #e80000;
}

.chargeBox .content .priceBox .small {
    position: absolute;
    top: 22px;
    right: 30px;
    font-size: 11px;
    font-weight: normal;
}

.chargeBox .content .payPrice {
    margin: 20px 0;
    font-size: 0;
}

.chargeBox .content .payPrice .tit {
    margin: 5px 0;
    font-weight: bold;
    font-size: 12px;
}

.chargeBox .content .payPrice ul {
    width: 460px;
    height: 110px;
    margin: 0 auto;
}

.chargeBox .content .payPrice ul li {
    width: 93px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    margin-right: -1px;
    font-size: 12px;
}

.chargeBox .content .payPrice ul li label {
    position: relative;
    display: block;
    background: #FCFCFC url(https://simg.powerballgame.co.kr/images/coin_off.png) center 15px no-repeat;
    cursor: pointer;
}

.chargeBox .content .payPrice ul li label div {
    width: 91px;
    padding-top: 60px;
    height: 50px;
    border: 1px solid #CAC9C9;
    font-weight: bold;
}

.chargeBox .content .payPrice ul li label:hover {
    position: relative;
    margin: 0;
    color: #333;
    background: url(https://simg.powerballgame.co.kr/images/coin_over.png) center 15px no-repeat;
    z-index: 10;
}

.chargeBox .content .payPrice ul li label:hover div {
    border-color: #333;
}

.chargeBox .content .payPrice ul li label.on {
    color: #fff;
    font-weight: bold;
    background: #CC3300 url(https://simg.powerballgame.co.kr/images/coin_on.png) center 15px no-repeat;
    z-index: 20;
}

.chargeBox .content .payPrice ul li label.on div {
    border-color: #9c1818;
}

.chargeBox .content .payType {
    margin: 20px 0 20px 0;
    font-size: 0;
}

.chargeBox .content .payType .tit {
    margin: 5px 0;
    font-weight: bold;
    font-size: 12px;
}

.chargeBox .content .payType ul {
    width: 464px;
    margin: 0 auto;
}

.chargeBox .content .payType ul li {
    position: relative;
    display: inline-block;
    border: 1px solid #CAC9C9;
    width: 108px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(https://simg.powerballgame.co.kr/images/bg_payType.png);
    font-size: 12px;
    margin: 0 3px;
}

.chargeBox .content .payType ul li:hover {
    border: 1px solid #333;
    background: url(https://simg.powerballgame.co.kr/images/bg_payType.png);
    font-weight: bold;
}

.chargeBox .content .payType ul li.on {
    border: 1px solid #9c1818;
    background: none;
    background-color: #CC3300;
    color: #fff;
    font-weight: bold;
}

.chargeBox .content .payType ul li label {
    display: block;
    padding-top: 30px;
    cursor: pointer;
}

.chargeBox .content .payType ul li label.mobile {
    background: url(https://simg.powerballgame.co.kr/images/payType_mobile.png) center 5px no-repeat;
}

.chargeBox .content .payType ul li label.card {
    background: url(https://simg.powerballgame.co.kr/images/payType_card.png) center 5px no-repeat;
}

.chargeBox .content .payType ul li label.account {
    background: url(https://simg.powerballgame.co.kr/images/payType_account.png) center 5px no-repeat;
}

.chargeBox .content .payType ul li label.deposit {
    background: url(https://simg.powerballgame.co.kr/images/payType_deposit.png) center 5px no-repeat;
}

.chargeBox .content .payType ul li.on label.mobile {
    background: url(https://simg.powerballgame.co.kr/images/payType_mobile_on.png) center 5px no-repeat;
}

.chargeBox .content .payType ul li.on label.card {
    background: url(https://simg.powerballgame.co.kr/images/payType_card_on.png) center 5px no-repeat;
}

.chargeBox .content .payType ul li.on label.account {
    background: url(https://simg.powerballgame.co.kr/images/payType_account_on.png) center 5px no-repeat;
}

.chargeBox .content .payType ul li.on label.deposit {
    background: url(https://simg.powerballgame.co.kr/images/payType_deposit_on.png) center 5px no-repeat;
}

.chargeBox .content .payGuide {
    margin-bottom: 10px;
}

.chargeBox .content .payGuide .depositBox {
    width: 480px;
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    margin: 0 auto;
    padding: 10px 0;
}

.chargeBox .content .payGuide .depositBox table th {
    text-align: left;
    padding-left: 10px;
    width: 170px;
    height: 30px;
}

.chargeBox .content .payGuide .depositBox table td input {
    border: 1px solid #D9D9D8;
    height: 22px;
    padding: 0 5px;
}

.chargeBox .content .payGuide .depositBox table td span.small {
    font-size: 11px;
    color: #848484;
}

.chargeBox .content .payGuide .depositBox table td.msg {
    font-size: 11px;
}

.chargeBox .btn {
    padding: 15px;
    text-align: center;
    background-color: #EAEAEA;
}

.chargeBox .btn .charge {
    display: inline-block;
    width: 210px;
    height: 40px;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #2f447f;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #CC3300;
    border: 1px solid #9c1818;
    border-radius: 3px;
}

.chargeBox .btn .charge:hover {
    background-color: #b72e00;
}

.chargeBox .btn .cancel {
    display: inline-block;
    width: 210px;
    height: 40px;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #2f447f;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #8a8a8a;
    border: 1px solid #696969;
    border-radius: 3px;
}

.chargeBox .btn .cancel:hover {
    background-color: #808080;
}

@media (max-width: 700px) {
  .marketBox .companyList li {
    width: 47%;
  }
  .marketBox .companyList li img {
    width: 100%;
  }
  .marketBox .companyList li .price {
    font-size: 14px;
  }
  .marketBox .coinList li {
    width: 47%;
  }
}

@media screen and (max-width: 767px) {
    .marketBox {
        width: 100%;
        margin: 0 auto;
    }    
    .marketBox .chargeBox {
        margin: 0px;
        background: url(https://simg.powerballgame.co.kr/images/bg_coin.png) right top no-repeat;
    }
    .marketBox .companyList {
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .marketBox .coinInput {
        padding: 5px;
        border-radius: 10px;
        background-color: #20283c;
        margin-bottom: 10px;
    } 
    .marketBox .coinInput .txt {
        padding-left: 0px;
        font-size: 11px;
        color: #848484;
        font-weight: normal;
    }
    .marketBox .coinInput .select  {
        display: block;
    }            
}