
#sub_content_warp {
    width: 100% !important;
}

#stamp_box {
    margin-top: 10px;
}

.not_receive_mail_container {
    display: flex;
    width: 100% !important;
    justify-content: center;
}

.content_ul {
    margin: 0 10px;
}

input[name='input-tel_mobile_0'], input[name='input-tel_mobile_1'], input[name='input-tel_mobile_2'] {
    width: 20% !important;
}

select[name='country'] {
    width: 55%;
}

select[name='input-country'], select[name='update-country'] {
    width: 55%;
}

#sub_tab3 {
    margin-left:1%;
    width: 98%;
}

form {
    width: 100%;
}

.dn0 {
    display : none !important;
}

.content_ul.card p {
    text-align: left;
    margin-left: 3em;
}

.tab a {
    font-size: 14px;
    line-height: 2em;
    display: block;
    outline: none;
    text-decoration: none;
    line-height: 130%;
    color: #333;
}

.tab a:hover {
    text-decoration: none;
}

.tab span img {
    display: block;
    width: 27%;
    margin: 10px auto;
}

.tab a.active {
    font-weight: bold;
}

.tab-container .panel-container {
    background: #fff;
    padding: 10px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    border: solid 1px #c1c1c1;
    border-top: 0;
}

.bordered_table.detail {
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 0 0 30px 0 !important;
    width: 90%;
}

.bordered_table_section.detail {
    border: none;
}

.bordered_table_section.detail .bordered_table_heading {
    border: none;
    border-bottom: 1px solid #ccc;
    width: inherit !important;
    padding: 10px 0 !important;
}

.bordered_table_section.detail .bordered_table_heading p,
.bordered_table_section.detail .bordered_table_body p {
    margin-left: 10px !important;
}

.bordered_table_section.detail .bordered_table_body {
    border: none;
    border-bottom: 1px solid #ccc;
    width: inherit !important;
    padding: 10px 0 !important;
}

.bankcard_set.detail {
    width: 98%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.rate_banner {
    display: flex;
    justify-content: center;
    background-color: #e9e9e9;
}

.rate_banner img {
    height: 2em;
    padding: 8px 0 8px 5px;
    margin: 0;
}

.rate_banner .rupee_start {
    display: inline-flex;
    justify-content: center;
    height: auto;
    flex-wrap: wrap;
    align-content: center;
    color: #a19b78;
    font-size: 1.4rem;
    font-weight: bolder;
    margin-right: 3em;
    width:15%;
}

.rupee_india, .rupee_pakistan, .rupee_srilanka {
    margin-left: 3em;
}

.rupee_nepal, .rupee_india, .rupee_pakistan, .rupee_srilanka {
    min-width: 12em;
}

.rupee_nepal_ind, .rupee_india_ind, .rupee_pakistan_ind, .rupee_srilanka_ind {
        justify-content: center;
        align-self: center;
        font-size: .5rem;
        width: 20%;
        margin: 0 5px;
}

.rate_value {
    vertical-align: middle;
    font-size: 1.1rem;
    font-weight: bold;
    margin-left: 15px;
}

.rupee_image {
    max-width:14px;
    max-height:14px;
}

.rupee_created, .rupee_reverse {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    font-size: 1.1rem;
    min-width: 12em;
    margin-left: 5em;
}

.rupee_created_ind {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    font-size: 1.1rem;
    margin-left: 5em;
}

.rupee_created {
    color: #444444;
}

.rupee_reverse {
    font-weight: bold;
    color: #560707;
    text-align: center;
    margin-left: 0em !important;
}

#common1 > video, #lka1 > video {
    outline: 6px solid #cfb49a !important;
    outline-offset: -4px;
}

#npl1 > video {
    outline: 6px solid #d0b79d;
    outline-offset: -4px;
}

#pak1 > video {
    outline: 6px solid #cbb298;
    outline-offset: -4px;
}

#ind1 > video {
    outline: 6px solid #cdb298;
    outline-offset: -4px;
}

.text.login {
    margin-top: 0;
    width: 100%;
}

.half_sized {
    width : 50%;
}

.fs-12b {
    font-size : 12px;
    font-weight : bold;
}
.no_bottom_spacing {
  width:100% !important;
  margin-bottom:0px !important;
}

.fieldset_login {
    width: 29em;
}

.oneBlock h2.title.login {
    border-bottom: none;
    margin-bottom: 20px;
    font-weight: bolder;
}

.fl_L.vl_m.login {
    font-size: 1.3rem;
}

#login_btn {
    margin-top: 30px;
    padding: 0 12px;
}

.gnColumn > .left {
    margin: 0 !important;
}

.fieldset_login .btnWrap {
    margin: 0 auto;
    width: auto;
    text-align: center;
}

.white-calculator-container.login {
    position: absolute;
    z-index: 998;
    top: 12%;
    left: 32%;
    transform: translateX(-50%);
    margin-top: 15px;
    width: 400px;
}

.content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#wide_wrap {
    display: flex;
    background: url('../front/img/top/sub_bottom_bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 20%;
    flex-grow: 1;
    padding-bottom: 30px;
}

#wide_wrap_top {
    display: flex;
    background: url('../front/img/top/sub_bottom_bg_top.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 20%;
    flex-grow: 1;
    padding-bottom: 30px;
}

.forget_pw {
    margin-top: 15px;
    font-size: 1.3rem;
    text-align: center;
}

.forget_pw > a {
    color: #333;
}

.flow {
    width: 90%;
}

.tit.merge {
    width: 50%;
}

.tit.merge.move {
    position: absolute;
    top: -55%;
    left: 53%;
}

.select-custom.country.js-country.merge {
    width: 50%;
}

.select-custom.currency.js-currency.merge {
    position: absolute;
    width: 50% !important;
    top: -30%;
    left: 53%;
}

.onebtn.js-selected.merge {
    border: none;
    font-size: 13px;
    padding: 0 10px 0 10px;
}

.onebtn.js-selected.merge.center {
    padding: 0 20% 0 10px;
}

.onebtn.js-selected.merge::after {
    display: none;
}

.history_box {
    display: flex;
    justify-content: center;
}

p {
    font-size: 15px;
}

li p {
    margin: 0.5em 0 !important;
}

.point_box {
    display: inline;
    margin-bottom: 20px;
}

.point_box .point {
    padding: 3px;
    margin-right: 20px;
    font-size: 20px;
    font-weight: bolder;
    background-color: darkgrey;
}

.step_box {
    padding: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: bolder;
    color: white;
    background-color: darkblue;
}

.point_box .title {
    font-size: 15px;
    font-weight: bolder;
    margin-right: 50px;
}

.point_box button {
    margin-top: 0 !important;
    background-color: royalblue;
    color: white;
}

.remitcard_content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.div_content {
    display: block;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 2em;
    text-align: center;
}

.left_div {
    display: inline-block;
    width: 70%;
}

.right_div {
    display: inline-block;
    width: 20%;
    text-align: center;
    vertical-align: top;
    padding-top: 15px;
}

.right_div.card {
    margin-right: 1em;
}

.right_div.card img {
    width: 9em;
    height: 6em;
}

.right_div .card_reg {
    min-height:30px;
    max-height: 100%;
    width: auto;
}

.right_div.reg {
    height: 9em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.id_div_content {
    display: flex;
    margin-bottom: 20px;
}

.id_div_content.line {
    border-top: 2px dotted black;
    padding-top: 15px;
}

.id_left_div {
    display: block;
}

.id_right_div {
    display: block;
    text-align: left;
    margin: 0 3px;
}

.left_div.d50 {
    display: inline-block;
    width: 42%;
    margin-right: 30px;
    margin-bottom: 15px;
}

.right_div.d50 {
    display: inline-block;
    vertical-align: top;
    width: 42%;
    margin-left: 10px;
    margin-bottom: 15px;
    text-align: left;
    padding-top: 0px;
}

.right_div img {
    width: 15em;
}

.right_div.secure img {
    width: 13em;
}

.left_div.d50 img, .right_div.d50 img {
    height: 100%;
}

.left_div.d50 p, .right_div.d50 p {
    height: 50px;
}

.card.left_div.d50 p, .card.right_div.d50 p {
    height: 4em;
    text-align: center;
}

.card.left_div.d50, .card.right_div.d50 {
    text-align: center;
}

.left_div, .right_div {
    font-size: 12px; /* 자식 요소에 원하는 폰트 크기 설정 */
}

.content_ul.flow {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    font-size: 1.1em !important;
    font-weight: bold;
}

.h2_title_img {
    position: relative;
    margin: 20px 0 20px;
    padding: 2px 0 2px 50px;
    border-bottom: 1px solid #d8dadc;
    font-size: 128.57%;
    text-align: left;
    background-image: none;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.h2_title_img.stamp {
    font-size: 1.7em;
}

.h2_title_img.secure {
    font-size: 1.7em;
}

.h2_title_img:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 2em;
    height: 2em;
    margin-right: 50px;
    background-image: url(../front/img/features/rewards.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}

.h2_title_img.sms:before, .h2_title_img.tel:before {
    background-image: url(../front/img/features/phone.png);
}

.h2_title_img.secure:before {
    width: 1.7em;
    height: 1.5em;
    margin-bottom: 0.2em;
    background-image: url(../front/img/features/safe.png);
}

.flow-table {
    border: none;
    text-align: center;
}

.flow-table img {
    height: 100px;
}

.contact-cards {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.contact-card {
    border-radius: 5px;
    padding: 10px;
    border: 1px solid lightgrey;
    display: inline-flex;
    justify-content: center;
    width: calc(100% / 2.5 - 1%);
    margin-right: 1em;
}

.card-img {
    display: inline-flex;
    width: 15em;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
    padding: 0.2em;
}

.card-img img {
    width: 10em;
}

.card-text {
    display: inline-block;
    text-align: center;
}

.sns-cards {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.sns-card {
    border-radius: 5px;
    padding: 10px;
    border: 1px solid lightgrey;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: calc(88% / 3);
    margin-right: 0.9%;
}

.sns-set {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.sns-set.logo {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.sns-set.logo img {
    width: 15em;
    height: 5em;
}

.sns-img {
    display: flex !important;
    align-items : center;
}

.sns-img img {
    margin: 0 0.5em;
    width: 5em;
    height: 5em;
}

.sns-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sns-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
}

/*guide*/

.lawson_faq {
    width: 90%;
    margin: 2.5em auto;
    border-radius: 5px;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #497dbb !important;
}

.lawson_faq dl {
    color: white;
}

.faq_number {
    color: white;
    border-bottom: 1px solid white;
}

.faq_number:before {
    color: white;
    background-color: cornflowerblue;
}

.lawson_faq_title {
    font-size: 20px;
    text-align: center;
    font-weight: bolder;
}

.remitcard_box {
    width: 90%;
    padding-left: 1em;
    padding-bottom: 0.5em;
    display: inline-block;
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.remitcard_box a {
    margin-top: 10px;
    font-size: 1.2rem;
}

.red {
    font-weight: bolder;
    color: red;
}

.next-title {
    margin-top: 30px !important;
}

.btn {
    text-decoration: none;
    display: block;
    position: relative;
    height: 35px;
    background-color: #005494;
    color: white;
    font-size: 1.2em;
    text-align: center;
    padding: 5px;
    margin: 5px auto;
}

.btn.back_btn {
    width: 20%;
}

.bank_account_guide {
    display: block;
}

.resp-tab-active {
    border: 1px solid #005494 !important;
    border-top: 4px solid #005494 !important;
}

.step-title {
    margin-right: 1em;
    background-color: #005494;
    color: white !important;
    padding-left: 10px !important;
    width: 80px;
    display: inline-block;
}

.img-part.member img {
    width: 10em;
}

.step-title-sub {
    display: inline;
    width: 50%;
    float: none;
    margin-left: 20px;
    font-size: 1em;
}

.bank_account_guide {
    display: flex;
    flex-direction: column;
    font-weight: bolder;
}

.bank_account_procedure_step_3 {
    width: 90% !important;
}

.bank_account_procedure_step_5 {
    width: 90% !important;
}

.img-part {
    display: inline;
    width: 30%;
}

.bank_account_txt {
    display: inline;
    width: 60%;
}

.bank_account_txt > p {
    margin-top: 20px;
}

.bank-account-group {
    width: 80%;
}

.bank-account-group.member {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.id {
    margin-bottom: 1em !important;
    margin-left: 1em !important;
}

.id.large {
    padding-top: 5%;
    display: flex;
    justify-content: center;
}

.id.large img {
    width: 10em !important;
}

.resp-tab-content.tab4Items {
    margin-bottom: 3em !important;
}

.img-part.member {
    margin-right: 20px;
}

.bank_account_txt.member {
    width: 100%;
    min-height: 20px !important;
    text-align: left !important;
}

.bank_account_txt_set {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.bank_account_button {
    margin: 0;
}

.red_btn.member {
    min-width: 260px;
}

.resp-tabs-list li {
    min-height: 76px;
}

.time_progress.member {
    text-align: left !important;
}

.stamp_explain.rewards > li {
    margin-bottom: 10px !important;
}

.rewards_noti.rewards > li {
    margin-bottom: 10px !important;
}

.first_title_cont.rewards {
    padding: 10px 20px 20px 0;
}

.stamp_btn {
    width:20%;
    min-height: 40px;
    min-width: 170px;
}

.reward_left {
    width: 70%;
}

.reward_right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 30%;
}

.reward_right > img {
    width: 50%;
}

.rewards_content.reward {
    width: 100%;
    /* display: flex; */
    flex-direction: row
}

.rewards_benefit_box.reward h3 {
    padding: 15px 0;
    font-size: 2.5em;
}

.rewards_stamp_way.reward h3 {
    padding: 0 0 30px 0;
    font-size: 2.5em;
}

.stamp_way_01.reward img {
    width: 50%;
}

.stamp_way_02.reward {
    margin-top: 30px;
}

.reward_intro {
    display: flex;
    justify-items: center;
    align-items: center;
    font-size: 1.2em !important;
    width: 100% !important;
}

.explain_point.reward {
    min-width: 40px;
    width: 10%;
}

.explain_more_btn.reward {
    max-width: 170px !important;
    margin: 0 !important;
}

.reward_friend {
    display: flex;
    align-items: center;
    width: 80%;
}

.stamp_way_explain.reward p {
    font-size: 14px;
}

.reward_code {
    text-align: center;
}

.reward_code img {
    height: 7em;
}

.reward_code2 img {
    width: 10em;
    height: 10em;
}

.rewards_detail_box .rewards_content.reward {
    background: url(../front/img/rewards_bg.jpg) left bottom;
}

.stamp_confirm_way.reward {
    display: flex;
    padding: 15px;
}

.stamp_confirm_way.reward li {
    text-align: center;
}

.stamp_left {
    display: flex;
    justify-items: center;
    align-items: center;
    width: 40%;
}

.responsive_img.reward {
    padding-bottom: 0 !important;
}

.stamp_right {
    width: 60%;
}

.stamp_right ul {
    width: 90% !important;
}

.stamp_right h3 {
    padding: 20px 10px 0 30px;
    font-size: 2em;
}

.bank_logo {
    margin-left: 20px;
    margin-bottom: 20px;
    width: 10em;
}

.first_title_cont.bank {
    padding: 1em 0 2em 1em !important;
}

.bankcard_set {
    display: flex;
    width: 100%;
}

.bankcard_left {
    width: 40%;
}

.bankcard_right {
    margin-left: 20px;
    width: 20%;
}

.bankcard_right img {
    min-width: 10em;
    min-height: 5em;
}

.first_title_cont.id {
    padding: 0 !important;
}

.layer_clearfix.id {
    border: 1px solid black;
    padding: 20px 20px 10px 30px;
    width: 80%;
}

.layer_clearfix.id.center {
    display: flex;
    justify-content: center;
}

.layer_clearfix.id_cards {
    margin-left: 1em;
}

.leftLayer.id img {
    margin-bottom: 10px;
}

.id_type {
    margin-top: 15px;
    margin-bottom: 15px;
}

.card_type {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center
}

.sub_type {
    margin-left: 20px;
    margin-bottom: 10px;
}

.resp-tab-content {
    border: 1px solid black;
}

#rest-tab-01 li, #rest-tab-02 li, #rest-tab-03 li {
    margin: 0 5px 0 0 !important;
}

.middle-or {
    display: flex;
    font-size: 1.2em;
    font-weight: bold;
    align-items: center;
    padding: 0 20px;
}

.step_title {
    color: steelblue;
    font-size: 14px;
    font-weight:bold;
}

.qr_box {
    background-color: darkgray;
    margin-bottom: 10px;
}

.head_title.register {
    margin-bottom: 20px;
    font-weight: bolder;
    font-size: 1.5em;
}

.second_head_title {
    margin-bottom: 10px;
    font-size: 1.3em;
}

.register_box {
    margin-bottom: 20px;
}

.all_register_box {
    padding: 15px 15px;
    border: 1px solid black;
}

.sub_list {
    margin-bottom: 20px !important;
}

.sub_list li {
    margin-bottom: 0;
    margin-left: 25px;
}

.btn.register {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
}

.register_table_set {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.register_table {
    text-align: center;
    width: 80%;
}

.register_table th, .register_table tr, .register_table td {
    padding: 5px;
    border: 1px solid black;
}

.table_head {
    background-color: lightgrey;
}

.top_title_cont {
    font-size: 1.5em;
    margin-left: 10px;
}

.tail_title_cont {
    margin-left: 10px;
}

.sub_explain_set {
    display: inline-block;
}

.sub_explain_cont.id {
    width: 60%
}

.all_sub_explain {
    width: 100%;
}

.sub_bottom_btn.id {
    display: inline-block;
    width: 30%;
    float: none;
}

.btn.register.black {
    background-color: black;
    color: white;
}

.sub_explain_set.method {
    padding: 10px;
    display: flex;
    align-items: center;
    border: 1px solid lightgrey;
    margin-bottom: 20px;
    width: 80%;
}

.sub_explain_cont.method {
    width: 30%;
}

.sub_bottom_btn.method {
    width: 60%;
}

.top_title_cont.method {
    font-size: 1.5em;
}

.top_title_method {
    font-size: 1.3em;
    margin-bottom: 10px;
}

.all_sub_explain {
    margin-left: 15px;
}

.btn.register.method {
    display: inline-block;
    width: 30%;
}

.id_table {
    width: 85%;
    margin-bottom: 20px;
    border: 1px solid lightgrey;
}

.id_table tr, .id_table td, .id_table th {
    text-align: center;
    padding: 5px;
}

.id_or, .middle-or.id {
    width: 10px !important;
}

.id_table td, .id_table th {
    width: 45%;
}

.id_table th span {
    font-size: 1.3em;
}

.first_title_cont.method {
    padding-top: 0 !important
}

.remitcard_box {
    margin-bottom: 15px;
}

.h2_title.feature {
    margin-top: 0 !important;
}

.btn.btn-primary.feature {
    display: inline;
}

.layer_clearfix.receipt {
    width: 95%;
    padding: 2em;
}

.leftLayer.receipt {
    width: 60%;
    font-weight: normal;
    font-size: 1.3rem;
    margin-right: 2em;
}

.rightLayer.receipt {
    width: 33%;
    text-align: center;
}

.rightLayer.receipt img {
    width: 35em;
    height: 20em;
}

.step_set {
    display: block;
    margin-bottom: 1em;
}

.step-title-sub.receipt {
    display: inline-block;
    margin-bottom: 10px;
}

.receipt_button {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-top: 5em;
}

.left_div.top_img, .right_div.top_img {
    height: 20em !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.left_div.top_img img, .right_div.top_img img {
    width: 25em !important;
    margin: 0 2em;
}

.user_use_intro_center {
    padding-top: 4em;
    padding-bottom: 3.5em;
    display: flex;
    justify-content: center;
}

.user_use_intro_center > img {
    width: 90%;
    height:max-content;
    padding-top:5%;
}

.db767 {
 display:none !important;
}
.dn767 {
 display:block !important;
}

input.entry {
    margin-right: .6%;
}

.email_entry_field span.inputtext_th {
    width: 20%;
}

.indent-txt-09 {
  text-indent: -0.9em;
  padding-left: 0.9em;
}

.indent-txt-22 {
  text-indent: -2.2em;
  padding-left: 2.2em;
}

.email_entry {
    width:60% !important;
}

.right_txt {
    margin-top: 20px;
    margin-right:20px;
    display: flex;
    width: 60%;
    max-height: none;
    height: auto;
    text-align: left;
}

.left_txt {
    margin-top: 20px;
    margin-left: 40px;
    display: flex;
    width: 60%;
    max-height: none;
    height: auto;
    text-align: left;
}

.most_txt {
    margin-left: 3%;
    margin-top: 20px;
    margin-right:20px;
    display: flex;
    width: 100%;
    max-height: none;
    height: auto;
    text-align: left;
}

.last_txt {
    margin-left: 3% !important;
    margin-right:3% !important;
    height: auto;
}

.before_clause {
    font-size : 14px;
    line-height: 1.5em;
}

.top_flex {
    display: flex;
}

.top_half_img {
    display: flex;
    width:38%;
    justify-content: right;
}

.top_second_flex {
    background-image: url(/static/front/img/top/goldenline.png);
    background-size: 80% 80px;
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 20%;
    /* max-height: 180px; */
    height: 200px;
    width: 100%;
    position:relative;
}

.top_second_img {
    position:absolute;
    right:5%;
    bottom:-40%;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.tac {
    text-align: center !important;
}

.gmap_box {
    width : 80%;
    height : 400px;
    border: 0;
}

.disp_block {
    display : block !important;
}

.db535 {
    display: none;
}
.dn535 {
    display: block;
}

.h20px {
    height: 20px;
}

.centered_tbl_noborder {
    text-align: center;
    border-left:0px !important;
    border-right:0px !important;
    border-bottom:0px !important;
}

.table_top {
    background-color: #444444 !important;
    color: white !important;
}

.function_button {
    font-size : 12px;
    font-weight: 400;
    background-color: #333;
    color: #fff;
}

.next_btn {
    text-decoration: none;
    display: block;
    position: relative;
    height: 56px;
    line-height: 55px;
    background-color : #2a93ff;
    color: #fff;
    font-size: 1.2em;
    width: 48%;
    border: 0;
    text-align: center;
    padding: 0;
    margin: 5px auto;
}

.cncl_btn {

    text-decoration: none;
    display: block;
    position: relative;
    height: 56px;
    line-height: 55px;
    background-color : #de2a2a;
    color: #fff;
    font-size: 1.2em;
    width: 48%;
    border: 0;
    text-align: center;
    padding: 0;
    margin: 5px auto;
}

.back_btn {
    text-decoration: none;
    display: block;
    position: relative;
    height: 56px;
    line-height: 55px;
    background-color : #727272;
    color: #fff !important;
    font-size: 1.2em;
    width: 48%;
    border: 0;
    text-align: center;
    padding: 0;
    margin: 5px auto;
}

#btn-search-zipcode, #search-zipcode {
    display: inline-block;
    width: 80px;
    height: 27px;
    line-height: 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #5581ab;
    border: none;
    border-radius: 3px;
}

#zipcode-input {
    margin-bottom: 15px;
}

#sub_top_title {
    border-bottom: none;
}

.bordered_table_body select, .bordered_table_body input[type='text'] {
    height: 2.2em;
    min-width: 25%;
    max-width: 75%;
}

.bordered_table_section.remit .bordered_table_body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

textarea[name="input-purpose_details"] {
    margin-top: 10px;
    width: 90%;
}

input[name="input-source_of_money_details"] {
    margin-top: 10px;
}


.form_th_option {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    margin: 0;
}

.bordered_table_body.radio {
    display: flex;
    align-content: center;
}

.bordered_table_body.radio .radioLabel {
    margin-right: 10px;
}

.bordered_table_body.radio input {
    height: auto;
    min-width: auto;
}

textarea[name='update-purpose_details'] {
    margin-top: 8px;
    width: 80%;
}

@media (min-width: 1600px) {
    .main-visual-contain ul.main-slider li {
        background-size: unset !important;
        background-position: 50% !important;
    }

    #common1 {
        background-color: #cab39e;
    }

    #common2 {
        background-size: cover !important;
    }

    #common3 {
        background-color: #d1e0f3;
    }

    #npl1, #lka1, #pak1, #ind1 {
        background-color: #cab39e;
    }

    #lka2, #pak2, #npl2, #ind2 {
        background-color: #d9d9d9;
    }
}

@media screen and (max-width: 1440px) {

    .mark.marks {
        width: 1000px !important;
        top: 260px !important;
        left: calc((100vw - 1200px) / 2 + 45px) !important;
    }

    .main-visual-contain .slide-container .txt-content {
        left: calc((100vw - 1200px) / 2 + 45px) !important;
    }

    .mark.method {
        left: calc((100vw - 1200px) / 2 + 45px) !important;
    }

    .mark.visual {
        left: calc((100vw - 1200px) / 2 + 45px) !important;
    }

    .btn.visual {
        left: calc((100vw - 1200px) / 2 + 330px) !important;
    }

    .sub-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1430px) {
    .in-calculator-container {
        padding-right: 15px;
        box-sizing: border-box;
    }

    .main-visual-contain .slide-container .in-visual-contents .in-contents .txt-content {
        padding-left: 15px;
    }

    .main-text-with-btn {
        padding-left: 15px;
        padding-right: 15px;
    }

    .country-infor-container .in-ci-contain {
        margin: 0 15px;
        width: calc(100% - 30px);
    }

    .country-infor-container .top-choose-btn a {
        margin-right: 15px;
    }

}

@media (max-width: 1405px) {
    .mark.pka, .mark.ind, .mark.npl {
        display: none;
    }
}

@media screen and (max-width: 1400px) {
    .txt-content {
        font-size: 2.4rem;
    }

    .mark.marks {
        width: 95%;
        top: 270px;
        left: 15px;
    }

    .mark.method {
        left: 15px;
    }

    .mark.visual {
        top: 350px;
        left: 15px;
    }

    .btn.visual {
        top: 350px;
        left: 300px;
    }

    ul.form-list li .item .data.txt-with-ip u.at {
        display: block;
        height: 10px;
        line-height: 10px;
    }

    .main-visual-contain .slide-container .txt-content {
        width: 50%;
        left: 20px;
    }

    .intro-image-area .in-txt-cont {
        padding: 4.28571428571vw;
    }

    .intro-image-area .in-txt-cont p {
        font-size: 4.3vw;
    }

    .intro-image-area .in-txt-cont p em {
        font-size: 3.5vw;
    }

    .intro-image-area .in-txt-cont span {
        font-size: 1.3vw;
        padding: 0.8vw 0.7vw;
        margin: 2vw 0 2.2vw;
    }

    .intro-image-area .in-txt-cont a {
        font-size: 1.3vw;
        width: 17vw;
        height: 3.5vw;
        line-height: 3.5vw;
        font-size: 1.3vw;
        border-radius: 1.75vw;
    }

    .intro-image-area .logo {
        text-align: left;
        left: 3vw;
        top: 3vw;
    }

    .intro-image-area .logo > img {
        width: 15vw;
    }

    .intro-image-area .bx-controls {
        bottom: 15px;
    }
}

@media screen and (max-width: 1290px) {
    .rupee_created, .rupee_reverse {
        margin: 0;
        width: 15%;
        justify-content: center;
        font-size: 1rem;
        word-break: break-word;
        min-width: 100px;
    }

    .rate_banner .rupee_nepal,
    .rate_banner .rupee_india,
    .rate_banner .rupee_pakistan,
    .rate_banner .rupee_srilanka {
        justify-content: center;
        align-self: center;
        font-size: .5rem;
        width: 20%;
        margin: 0 5px;
    }

    .rate_banner .rupee_nepal > span,
    .rate_banner .rupee_india > span,
    .rate_banner .rupee_pakistan > span,
    .rate_banner .rupee_srilanka > span {
        font-size: 1rem;
    }
    .rate_banner .rupee_created, .rate_banner .rupee_start {
        font-size: 1rem;
        margin: 0 5px;
    }
}


@media screen and (max-width: 1230px) {
    .account-top-state .state-boxes li {
        min-width: 250px;
    }

    .map-position-area .country-list-layer {
        width: calc(100% - 30px);
    }

    .list_faq-top dl dt {
        width: 8%;
    }

    .list_faq-top dl dd {
        width: 92%;
    }
}

@media screen and (max-width: 1220px) {
    .red-round-download {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .red-round-download .in-redround-area {
        border-radius: 80px;
    }
    .txt-content {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 1200px) {
    .less-box-slit .subject-txt {
        padding: 0;
    }
}

@media screen and (max-width: 1190px) {
    .sub-container {
        display: block;
    }

    .sub-contents {
        display: block;
        padding-left: 0;
        width: 100%;
    }

    .sub-side-area {
        display: none;
    }

    .sub-side-area .m-ver-contain {
        position: absolute;
        left: 0;
        bottom: 60px;
        width: calc(100% - 30px);
        height: calc(100% - 92px);
        overflow-y: auto;
        margin: 15px;
        z-index: 2;
        background: #fff;
        border-radius: 30px;
        -webkit-overflow-scrolling: touch;
    }

    .sub-side-area .m-box {
        padding: 20px;
    }

    .sub-side-area .m-box:first-of-type {
        padding-top: 30px;
    }

    .sub-side-area .m-box:last-of-type {
        border-bottom: 0;
    }

    .sub-side-area .ssa-blind {
        display: block;
    }

    .sub-side-area .contantus a {
        width: 100%;
        height: 43px;
        line-height: 43px;
        border-radius: 22px;
    }

    a.float-menu-btn {
        display: block;
    }
}

@media screen and (max-width: 1185px) {

    .mark.marks {
        width: 900px !important;
        top: 220px !important;
        left: calc((100vw - 1000px) / 2 + 45px) !important;
    }

    .main-visual-contain .slide-container .txt-content {
        width: 1050px;
        top: 100px !important;
        left: calc((100vw - 1000px) / 2 + 45px) !important;
    }

    .mark.method {
        left: calc((100vw - 1000px) / 2 + 45px) !important;
        top: 220px !important;
        width: 340px !important;
    }

    .mark.visual {
        left: calc((100vw - 1000px) / 2 + 45px) !important;
    }

    .btn.visual {
        font-size: 1.6rem !important;
        left: calc((100vw - 1000px) / 2 + 330px) !important;
    }


    .account-top-state {
        height: auto;
    }

    .account-top-state .welcome {
        text-align: center;
    }

    .account-top-state .state-boxes {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
    }

    .account-top-state .state-boxes ul {
    }

    .account-top-state .state-boxes li {
        width: calc(100% / 9);
    }

    .account-top-state .state-boxes li:last-of-type {
        border-right: 1px solid #eee;
    }

    .description {
        padding: 0 3em;
        height: 6em;
    }

    .list_faq-top dl dt {
        width: 5%;
    }

    .list_faq-top dl dd {
        width: 95%;
    }

}

@media screen and (max-width: 1150px) {

    .top_second_flex {
        height: 230px;
    }

    .top_second_img {
        right: 3%;
        bottom: -10%;
        width : 30%;
    }

    .map-position-area .country-list-layer .in-country-list .list li {
        width: 25%;
    }
}

@media (max-width: 1120px) {
    .txt-content {
        font-size: 1.9rem;
    }

    .mark.lka {
        display: none;
    }
}

@media screen and (max-width: 1080px) {
    .payout-methods-contain .three-box-list > div span {
        height: 220px;
    }

    .payout-methods-contain .three-box-list > div u {
        width: 228px;
        height: 178px;
    }

    .description {
        padding: 0 2em;
        height: 6em;
    }

    .calendarBox li {
        width: 24%;
    }
}

@media screen and (max-width: 1072px) {
    .red-round-download .in-redround-area .content-box .t-cont p br {
        display: none;
    }

    .main-text-with-btn .btns {
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
        padding-top: 30px;
    }

    .main-text-with-btn p {
        text-align: center;
    }
}

@media screen and (max-width: 1060px) {
    .main-visual-contain .slide-container .txt-content {
            width : 80% !important;
    }

    .map-position-area .country-list-layer .in-country-list .list li {
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 1023px) {
    .sns-card {
        width: calc(85% / 3);
        margin-right: 0.9%;
    }

    .rupee_reverse {
        width : 20% !important;
    }
}


@media screen and (max-width: 1000px) {
    .logos-map-contain .in-lm-contents {
        display: block;
        text-align: Center;
    }

    .logos-map-contain .in-lm-contents .logos-box {
        display: block;
        width: 100%;
    }

    .logos-map-contain .in-lm-contents .logos-box img {
        width: 22%;
    }

    .logos-map-contain .in-lm-contents .map-box {
        display: block;
        width: 100%;
        text-align: Center;
        padding-top: 20px;
    }

    .logos-map-contain .in-lm-contents .map-box img {
        max-width: 200px;
        width: 100%;
    }
}

@media screen and (max-width: 990px) {
    .contents_top .contents_box_top {
        width: auto;
    }

    .contents_box_top h2 {
        font-size: 26px;
    }

    .contents_box_top h2 span {
        font-size: 20px;
    }

    .contents_box-lead {
        font-size: 16px;
    }

    #contents_top05 {
        margin-top: 120px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 980px) {

    .step-arrow-tab > li {
        font-size: 14px;
    }
}

@media screen and (max-width: 970px) {

    .top_half_img {
        display: block !important;
        width:30%;
    }
    .top_second_img {
        bottom: -5%;
        right:1%;
    }

    .left_txt {
        width: 63%;
    }

    .right_txt {
        margin-left:3%;
        width: 72%;
    }

    .rupee_created_ind {
        margin-left: 2em;
    }

    .white-calculator-container {
        position: absolute;
        top: -405px;
        z-index: 998;
        transform: translateX(-10%) !important;
    }

    .white-calculator-container.merge {
        top: -402px;
    }

    #common1, #lka1 {
        background: #cfb49a !important;
    }

    #pak1 {
        background: #cbb298;
    }

    #ind1 {
        background: #cdb298;
    }

    #npl1 {
       background: #d0b79d;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 36% !important;
        position: absolute;
        left: 8% !important;
        bottom: 30% !important;
    }

    .mark.method, .mark.marks, .mark.light, .mark.visual, .btn.visual {
        display: none !important;
    }

    .oneBlock h2.title.login {
         font-size: 2rem;
    }

    #contents_top00 {
        display: inline-block !important;
        padding-top: 20px;
    }

    .calculate-box {
        width: 100% !important;
    }

    .main-visual-contain.sub {
        left: -50vw;
        right: -50vw;
    }

    .main-visual-contain.sub .slide-container {
        left: 50vw;
        right: 50vw;
    }

    .main-visual-contain .slide-container .txt-content {
        display: none;
    }

    .in-calculator-container {
        padding-right: 0;
        text-align: center;
    }

    .main-visual-contain .slide-container .in-visual-contents .in-contents {
        margin: 96px auto 0;
    }

    .main-visual-contain .slide-container .in-visual-contents .in-contents .txt-content {
        text-align: center;
        padding-left: 0;
        padding-top: 0;
    }

    div#news_area {
        width: 90%;
        top: 50px;
    }

    div#news_area p {
        font-size: 16px;
    }

    .white-round-box .tit {
        font-size: 14px !important;
    }

    .select-custom a.onebtn{
        font-size: 14px !important;
    }

    .select-custom.country a span img {
        width : 20px !important;
        height : 20px !important;
        margin-top : -5px !important;
    }

    .select-custom.country {
        height:30px !important;
    }

    .select-custom a.onebtn {
        height:30px !important;
        line-height : 32px !important;
    }

    .select-custom a.onebtn:after {
        width : 25px !important;
        height : 29px !important;
    }

    .send_amount {
        height:30px !important;
    }

    .white-round-box .calculate-result .r-list li {
        height: 2em !important;
        line-height: 2em !important;
    }

    .white-round-box .calculate-result .tbn-area {
        padding-top:5px !important;
    }

    .white-round-box .calculate-result .r-list li span {
        font-size : 14px !important;
        line-height: 30px !important;
    }

    .next_btn {
        text-decoration: none;
        display: block;
        position: relative;
        height: 56px;
        line-height: 55px;
        background-color : #2a93ff;
        color: #fff;
        font-size: 1.2em;
        min-width: 48%;
        width: auto;
        border: 0;
        text-align: center;
        padding: 0 5px;
        margin: 5px auto;
    }

    .cncl_btn {

        text-decoration: none;
        display: block;
        position: relative;
        height: 56px;
        line-height: 55px;
        background-color : #de2a2a;
        color: #fff;
        font-size: 1.2em;
        width: 48%;
        border: 0;
        text-align: center;
        padding: 0;
        margin: 5px auto;
    }

    .back_btn {
        text-decoration: none;
        display: block;
        position: relative;
        height: 56px;
        line-height: 55px;
        background-color : #727272;
        color: #fff !important;
        font-size: 1.2em;
        width: 48%;
        border: 0;
        text-align: center;
        padding: 0;
        margin: 5px auto;
    }
}

@media screen and (max-width: 960px) {
    .red-round-download .in-redround-area .content-box {
        height: auto;
    }

    .red-round-download .in-redround-area .content-box .t-cont {
        padding-left: 50px;
    }

    .red-round-download .in-redround-area .content-box .t-cont > img {
        position: relative;
        left: auto;
        bottom: auto;
        max-width: 100%;
        width: 90%;
    }

    .red-round-download .in-redround-area .content-box .t-cont > img.ver1 {
        display: none;
    }

    .red-round-download .in-redround-area .content-box .t-cont > img.ver2 {
        display: block;
    }

    .red-round-download .in-redround-area .content-box .t-cont p {
        line-height: 1.3;
    }

    .red-round-download .in-redround-area .content-box .t-cont span {
        padding-top: 30px;
    }

    .red-round-download .in-redround-area .content-box .t-cont .store-btns {
        padding-bottom: 50px;
    }

    .bank-input {
        margin-left: 0px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 920px) {
    .pc-ver2 {
        display: none;
    }

    .mo-ver2 {
        display: block;
    }

    .data.sub-in-put.three-i-box p {
        display: block;
        margin-bottom: 10px;
    }

    .map-position-area .world-map-box .point.con01 {
        left: 20%;
        top: 17%;
    }

    .map-position-area .world-map-box .point.con02 {
        left: 51%;
        top: 5%;
    }

    .map-position-area .world-map-box .point.con03 {
        left: 55%;
        top: 36%;
    }

    .map-position-area .world-map-box .point.con04 {
        left: 77%;
        top: 18%;
    }
}

@media screen and (max-width: 910px) {
    .js-country-code {
        width: 35% !important;
    }
}

@media screen and (max-width: 900px) {

    .wid-4 {
        width: 90% !important;
    }

    .list-gray-radio {
        padding: 15px;
    }

    .list-gray-radio li {
        height: auto;
        line-height: inherit;
    }

    .list-gray-radio li:first-of-type {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .list-gray-radio li div {
        position: relative;
        right: auto;
        top: auto;
        padding-top: 10px;
    }

    .paR-md-0p {
        padding-right: 0%;
    }

    img.img_responsive {
        width: 100%;
        height: auto;
    }

    ul.form-list li .item .data .wid-1 + .red-txt {
        display: block;
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .less-box-slit .boxes-list {
        display: block
    }

    .less-box-slit .boxes-list > div {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .less-box-slit .boxes-list > div:last-of-type {
        margin-bottom: 0;
    }

    .less-box-slit .boxes-list table td {
        font-size: 15px;
    }

    .less-box-slit .boxes-list + p {
        font-size: 14px;
    }
}

@media screen and (max-width: 890px) {

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 42% !important;
        left: 4% !important;
    }

    .third-cir-box .t-box {
        padding-top: 15px;
    }

    .third-cir-box .t-box p {
        height: auto;
    }

    .third-cir-box > div {
        display: block;
        width: 100%;
        margin-right: 0;
        min-height: 112px;
        margin-bottom: 60px;
    }

    .third-cir-box > div:last-of-type {
        margin-bottom: 0;
    }

    .third-cir-box > div > img {
        width: 192px;
    }

    .third-cir-box > div:after {
        width: 5px;
        height: 34px;
        right: auto;
        left: calc(50% - 3px);
        top: 280px;
        background: url("../front/img/top/bar-dot-pink_v.png") no-repeat left top;
        background-size: 5px 34px;
    }

    .fourth-cir-box .t-box {
        padding-top: 15px;
    }

    .fourth-cir-box .t-box p {
        height: auto;
    }

    .fourth-cir-box > div {
        display: block;
        width: 100%;
        margin-right: 0;
        min-height: 112px;
        margin-bottom: 20px;
    }

    .fourth-cir-box > div:last-of-type {
        margin-bottom: 0;
    }

    .fourth-cir-box > div > img {
        width: 192px;
    }

    .fourth-cir-box > div:after {
        width: 5px;
        height: 34px;
        right: auto;
        left: calc(50% - 3px);
        top: 280px;
    }

    .list_faq-top dl dt {
        width: 8%;
    }

    .list_faq-top dl dd {
        width: 92%;
    }
}

@media (max-width: 875px) {
    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        left: 10%;
    }

    #pak1 > video {
        left: -2%;
    }

    #ind1 > video {
        left: -1%;
    }

    #npl1 > video {
        left: -1.5%;
    }
}


@media screen and (max-width: 850px) {
    .top_second_flex {
        height: 245px;
    }

    .top_second_img {
        bottom: 1%;
        right:0%;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 42% !important;
        left: 4% !important;
    }

    .double-box-layout .inbox > div {
        width: 95%;
        margin-bottom: 40px;
    }

    .account-top-state .state-boxes li {
        min-width: 200px;
    }

    .online-customer-center .red-area {
        width: 245px;
    }

    .online-customer-center .red-area p {
        font-size: 20px;
    }

    .online-customer-center .number-area {
        width: calc(100% - 245px);
    }

    .online-customer-center .number-area span.txt_num {
        font-size: 30px;
    }

    .online-customer-center .number-area p {
        font-size: 15px;
    }

    .calendarBox li {
        width: 32%;
    }
}

@media screen and (max-width: 845px) {

    .tab a {
        font-size: 12px;
    }

    .user_use_intro_center,
    .user_use_intro_remit, .user_use_intro_remitcard, .user_use_intro_receive,
    .user_use_intro_register, .user_use_intro_identy, .user_use_intro_rewards, .user_use_intro_remitlist,
    .user_use_intro_button_leave, .user_use_intro_remitinquiry, .user_use_intro_button-remittance_after, .user_use_intro_fee {
        height: 6.5em;
        width: 100%;
        align-items: flex-end;
        justify-content: center;
        font-size: 1em;
        line-height: 4.2em;
        text-indent: 0;
        text-align: center;
        display: flex;
    }

    .user_use_intro_identy {
        font-size: 1em;
    }

    .user_use_intro_identy.usage {
        padding-top: 0.2em;
        font-size: 1em;
    }

    .user_use_intro_button_leave {
        padding-top: 1.6em;
        font-size: 1em;
    }

    .user_use_intro_identy.top, .user_use_intro_button_leave.top {
        padding-top: 0.35em;
        font-size: 1em;
    }


    .user_use_intro_remit {
        background-image: url(../front/img/user_guide/remit_register.png);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_remitcard {
        background-image: url(../front/img/user_guide/remit_card.png);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_receive {
        background-image: url(../front/img/user_guide/payment.png);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_button-remittance_after {
        background-image: url(../front/img/main_icon_04.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_register {
        background-image: url(../front/img/user_guide/member_register.png);
        background-size: 3em;
        background-position: 50% 40%;
    }

    .user_use_intro_remitlist {
        background-image: url(../front/img/main_icon_12.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_identy {
        background-image: url(../front/img/user_guide/verification.png);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_button-faq {
        background-image: url(../front/img/main_icon_07.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_button-contact {
        background-image: url(../front/img/main_icon_08.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_password {
        background-image: url(../front/img/main_icon_09.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_fee {
        background-image: url(../front/img/main_icon_10.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_button_leave {
        background-image: url(../front/img/main_icon_11.jpg);
        background-size: 2em;
        background-position: 50% 35%;
    }


    .user_use_intro_remitinquiry {
        background-image: url(../front/img/main_icon_13.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_rewards {
        background-image: url(../front/img/user_guide/rewards.png);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_inquire {
        background-image: url(../front/img/main_icon_16.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }

    .user_use_intro_question {
        background-image: url(../front/img/main_icon_17.jpg);
        background-size: 2em;
        background-position: 50% 40%;
    }
}

@media screen and (max-width: 820px) {
    .btns {
        text-align: center
    }
}

@media screen and (max-width: 815px) {
    .under-gray-box {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .under-gray-box label {
        margin-right: 0;
    }

    .under-gray-box .item.inbox-point {
        display: block;
        padding-top: 15px;
    }

    .under-gray-box.item.inbox-point {
        text-align: center;
    }

}

@media screen and (max-width: 810px) {
    .js-country-code {
        width: 100% !important;
    }

    .wid-4 {
        width: 100% !important;
    }

    .mail-set {
        width: 100%;
    }

    .mail-set input[type="text"] {
        width: 65% !important;
    }

    .mail-set input[type="button"] {
        margin-top: 8px;
        min-width: 105px;
        width: 20% !important;
    }

    .gray-round-box .line-inp {
        padding-top: 10px;
    }

    .gray-round-box .line-inp span.lwd,
    .gray-round-box .line-inp span.swd,
    .gray-round-box .line-inp input {
        width: 50%;
        box-sizing: border-box;
        margin-top: 15px;
        text-algin: left;
    }

    .gray-round-box .line-inp span.swd {
        margin-left: 0;
    }

    .item.inbox-point select, .item.inbox-point input[type=text], .item.inbox-point input[type=password], .item.inbox-point input[type=email], .item.inbox-point input[type=tel], .item.inbox-point input[type=number], select[class~="custom"], input[class~="custom"] {
        width: 100%;
        margin: 5px 0 0;
    }

    .payout-methods-contain .three-box-list > div span {
        height: 176px;
    }

    .payout-methods-contain .three-box-list > div u {
        width: 173px;
        height: 138px;
    }

    .list_faq-top dl dt {
        width: 10%;
    }

    .list_faq-top dl dd {
        width: 90%;
    }
}

@media screen and (max-width: 808px) {
    ul.form-list li .item .data a.gray-btn {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 800px) {
    .last_txt {
        text-align: left !important;
    }

    .table-style2.receive-sty {
        border-style: solid;
        border-color: #eee;
        border-width: 1px 1px 0 1px;
    }

    .table-style2.receive-sty thead {
        display: none;
    }

    .number-amount-contan .top-line > div {
        display: block;
        width: 100%;
    }

    .number-amount-contan .top-line > div span {
        width: 199px;
        box-sizing: border-box;
    }

    .number-amount-contan .top-line > div p {
        width: calc(100% - 218px);
        text-align: right;
    }

    .number-amount-contan .top-line > div:first-of-type {
        border-bottom: 1px solid #eee;
    }

    .data .txt-lines {
        width: auto;
    }


    .whiteLI {
        width: 100%;
        display: block;
        padding-bottom: 10px;
    }

    .whiteInbox {
        border: solid 1px #e3e3e3;
        border-radius: 1em;
        display: block;
        padding: 1em;
    }

    .whiteIMG {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 789px) {
    .data.sub-in-put.three-i-box input {
        display: inline-block;
        width: 100%;
    }

    .item.inbox-point .wid-1 {
        width: 100%;
    }

    .item.inbox-point .wid-2.zip_code {
        width: calc(100% - 200px);
    }

    .data.sub-in-put.three-i-box u {
        width: 5%;
        box-sizing: border-box;
    }

    .data.sub-in-put.three-i-box select {
        width: 29%;
    }

    .data.sub-in-put span {
        display: block;
        margin-top: 5px;
        margin-left: 0;
        line-height: 1.5;
    }
}

@media screen and (max-width: 772px) {
    .item .data.bw-m-all.sel-thr-box select {
        width: 31%;
    }

    .item .data.bw-m-all.sel-thr-box select:last-of-type {
        margin-right: 0;
    }
}

@media (max-width: 770px) {

    .white-calculator-container {
        transform: translateX(-20%) !important;
    }
    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 40%;
        left: 8%;
    }

    #pak1 > video {
        left: -3%;
    }

    #ind1 > video {
        left: 0;
        width: 37%;
    }

    #npl1 > video {
        width: 40%;
        left: -2%;
    }

    .white-calculator-container {
        left: 60%;
        width: auto;
    }
}


@media (max-width: 767px) {
    .rupee_reverse {
        width : 30% !important;
    }

    .rupee_created_ind {
        margin-left: 1em !important;
    }

    .step_box {
        margin-left: 10px;
    }
   .db767 {
     display:block !important;
   }
   .dn767 {
        display:none !important;
   }

   .bordered_table_section.c3.uketori {
        display:none !important;
    }

    .resp-tabs-container {
        min-width:90.0vw;
    }
    .reward_right > img {
        width: 70%;
    }
    .stamp_way_01.reward img {
        width: 90%;
    }
}


@media screen and (max-width: 760px) {
    .map-position-area .world-map-box .point.con01 {
        left: 20%;
        top: 13%;
    }

    .map-position-area .world-map-box .point.con02 {
        left: 51%;
        top: 1%;
    }

    .map-position-area .world-map-box .point.con03 {
        left: 55%;
        top: 32%;
    }

    .map-position-area .world-map-box .point.con04 {
        left: 77%;
        top: 14%;
    }

    .map-position-area .country-list-layer .in-country-list .list li {
        width: 50%;
    }

    .contents_idCard .blocK_idCard {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .rupee_india_ind, .rupee_pakistan_ind, .rupee_srilanka_ind {
            width: 40% !important;
    }

    .table-board-tab a {
        font-size: 15px;
        margin: 0 10px;
    }
}

@media screen and (max-width: 730px) {
    div#news_area {
        top: -90px;
        text-align: left;
    }

    div#news_area p {
        font-size: 14px;
    }

    div#news_area a {
        padding: 14px 20px 14px 28px;
        background: #fff url(static/front/img/top/icon_arr_right_min.png) no-repeat 14px 19px;
        background-size: 6px 9px;
    }

    .round-area-list {
        padding-top: 100px;
    }

    .round-area-list .circle-list {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .round-area-list .circle-list.circle-list_top ul {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .round-area-list .circle-list li {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        min-height: 100px;
        text-align: left;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
    }

    .round-area-list .circle-list li:last-of-type {
        border-bottom: none;
    }

    .round-area-list .circle-list.circle-list_top li span {
        display: block;
        text-align: center;
        padding: 15px 0 0;
    }

    .round-area-list .circle-list.circle-list_top li {
        width: calc(50% - 10px);
        height: auto;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        border: none;
        padding-bottom: 20px;
        margin: 0 10px 0 0;
    }

    .round-area-list .circle-list.circle-list_top li:nth-of-type(2n) {
        margin: 0 0 0 10px;
    }

    .round-area-list .circle-list li a {
        display: table;
        width: 100%;
    }

    .round-area-list .circle-list li img {
        width: 100%;
    }

    .round-area-list .circle-list li .circle-list_img {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        width: 80px;
    }

    .round-area-list .circle-list li + li {
        border-left: 0;
        margin-top: 20px;
    }

    .round-area-list .circle-list li span {
        padding-top: 0;
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
    }

    .round-area-list .title {
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .round-area-list .bot-caption {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 13px;
    }
}

@media screen and (max-width: 725px) {
     .bankcard_set.detail {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .bankcard_set.detail > .bankcard_left, .bankcard_set.detail > .bankcard_right {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .bankcard_img{
        width: 25%;
    }

    .rate_banner .rupee_nepal,
    .rate_banner .rupee_india,
    .rate_banner .rupee_pakistan,
    .rate_banner .rupee_srilanka {
        min-width: 50px;
    }

    .rate_banner .rupee_nepal > span,
    .rate_banner .rupee_india > span,
    .rate_banner .rupee_pakistan > span,
    .rate_banner .rupee_srilanka > span {
        font-size: .9rem;
    }

    .rate_banner .rupee_created, .rate_banner .rupee_start {
        font-size: .8rem;
        margin: 0 1px;
        word-break: normal;
    }

    .rate_banner .rupee_created {
        min-width: 50px;
        word-break: break-word;
        white-space: normal;
    }
}

@media screen and (max-width: 720px) {

    .top_half_img {
        display:block !important;
    }

    .top_second_img {
        bottom: 20%;
        right:0%;
    }

    .maB-30 {
        margin-bottom:0px !important;
    }

    .contents_box_top {
        margin-bottom: 20px !important;
    }

    .paBs-0 {
        padding-bottom:0px !important;
    }

    .top_second_flex {
        background-image: unset;
        background-size: unset;
        background-repeat: unset;
        background-position-y: unset;
        background-position-x: unset;
        /* max-height: 180px; */
        height: 200px;
    }


    .account-top-state .state-boxes li {
        min-width: 180px;
    }

    .process-group {
        display: block;
        justify-content: center;
    }

    .process {
        display: inline-flex;
        width: 100%;
        padding: 0.3em;
    }

    .description {
        padding: 0 6em;
        height: 5em;
    }
}

@media screen and (max-width: 700px) {
    .white-calculator-container.login {
       position:absolute;
       left: 50% !important;
       transform: translate(-50%, -0%) !important;
    }

    .text.login {
        width: 16em !important;
    }

    .main-bot-round-body.page.login {
        height: 80px !important;
    }
}

@media (max-width: 690px) {
    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        left: 0% !important;
        width: 42% !important;
    }

    .white-calculator-container {
        transform: translateX(-30%) !important;
    }

    #pak1 > video {
        left: -4%;
    }

    #ind1 > video {
        left: -2%;
    }

    #npl1 > video {
        width: 38%;
        left: -2%;
    }
}

@media (max-width: 660px) {

    .sns-text {
        font-size: 14px;
    }

    .rupee_nepal_ind {
            width: 28% !important;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 40%;
        left: -5.1%;
    }

    #pak1 > video {
        left: -3%;
    }

    #ind1 > video {
        width: 36%;
        left: -1%;
    }

    #npl1 > video {
        width: 37%;
        left: -3%;
    }
}

@media screen and (max-width: 643px) {
    .sns-card {
        width: calc(85% / 3);
        margin-right: 0.9%;
    }
    .sns-text {
        width:100%;
        font-size: 12px;
    }
}


@media screen and (max-width: 640px) {
    .calendarBox li {
        width: 100%;
    }

    .account-top-state .state-boxes li {
        min-width: 160px;
    }

    .visual-container {
        height: 470px;
    }

    .main-visual-contain .slide-container .in-visual-contents .in-contents .txt-content {
        font-size: 25px;
    }

    .mobile-allmenu-contain .in-allmenu .m-menu-list .in-m-list a {
        display: block;
        width: 100%;
    }

    .visual-wrap.subvisual .visual-container,
    .visual-wrap.subvisual .visual-container .sub-v-image {
        height: 250px !important;
    }

    .visual-wrap.subvisual .visual-container .sub-v-image h1 {
        font-size: 28px !important;
        top: 55%;
    }

    .main-visual-contain {
        left: -50vw;
        right: -50vw;
    }

    .main-visual-contain .slide-container {
        left: 50vw;
        right: 50vw;
    }

    .main-visual-contain.sub {
        left: -30vw;
        right: -30vw;
    }

    .main-visual-contain.sub .slide-container {
        left: 30vw;
        right: 30vw;
    }

    .pcContent {
        display: none !important
    }

    .spContent {
        display: block !important
    }

    .mobile-allmenu-contain .in-allmenu .m-menu-list .in-m-btns a {
        background-position: 96% 50%;
    }

    .mobile-allmenu-contain .in-allmenu > a.btn-mclose {
        width: 24px;
        height: 24px;
    }

    ul.form-list li .item .data + .data {
        margin-top: 10px;
    }

    ul.form-list li .item.inbox-point .sbj {
        max-width: none;
    }

    .item.inbox-point .wid-1 {
        width: 100%;
    }

    .item.inbox-point .wid-4 {
        width: 100%;
    }

    .item.inbox-point select.wid-2 {
        padding: 0 20px 0 11px;
    }

    ul.form-list li .item .sbj {
        position: relative;
        left: auto;
        top: auto;
        font-weight: 500;
    }

    ul.form-list li .item .sbj br {
        display: none;
    }

    ul.form-list li .item.inbox-point .sbj {
        top: auto;
    }

    ul.form-list li .item .data {
        padding-left: 0;
    }

    ul.form-list li .item .data a.gray-btn {
        width: 100%;
    }


    .data.at-with-sel input.wid-1 {
        width: calc(100% - 35px);
        margin-bottom: 10px;
    }

    .data.at-with-sel u.at {
        width: 35px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .data.at-with-sel select.wid-1 {
        width: calc(100% - 129px);
    }

    .data.at-with-sel a.red-btn {
        width: 119px;
    }

    .data.input-with-btn input.wid-1 {
        width: calc(100% - 129px);
        vertical-align: top;
    }

    .data.input-with-btn a.gray-btn {
        width: 119px !important;
        margin-left: 10px !important;
        margin-top: 0 !important;
    }

    ul.form-list li .item .data span.txt.w-s1 {
        width: auto;
        line-height: initial;
        margin: 15px 0 0;
        height: auto;
    }

    ul.form-list li .item .data.txt-with-ip select.wid-3 {
        width: calc(100% - 90px);
    }

    ul.form-list li .item .data u.at {
        padding: 0;
        text-align: center;
    }

    .item.inbox-point .data .radio-custom.rwid-1 + .wid-1 {
        width: calc(100% - 90px);
    }

    .logos-map-contain {
        padding-top: 30px;
    }

    .logos-map-contain .subject {
        font-size: 20px;
    }

    .logos-map-contain .in-lm-contents {
        border-top: 0;
        border-bottom: 0;
    }

    .logos-map-contain .in-lm-contents .logos-box img {
        width: 90px;
    }

    .data.sub-in-put.left-m-layout select.wid-1,
    .data.sub-in-put.left-m-layout input.wid-1 {
        width: 100%;
    }

    .data.sub-in-put.three-i-box {
    }

    .data.sub-in-put.three-i-box p {
        margin: 15px 0 0;

    }

    .data.sub-in-put.three-i-box input.phone_number {
        width: 30%;
    }

    .data.sub-in-put.three-i-box u {
        width: 5%;
        padding: 0 !important;
        text-align: center;
    }

    .red-bar-title {
        height: 24px;
        line-height: 24px;
        font-size: 20px;
        padding-left: 8px;
    }

    .red-bar-title em {
        font-size: 14px;
    }

    .cont {
        margin-right: 20px;
        font-size: 15px;
    }

    .table-board-tab {
        overflow: hidden;
        height: 40px;
        line-height: 38px;
    }

    .table-board-tab div {
        text-align: left;
        white-space: nowrap;
        height: 120px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-board-tab div a {
        margin: 0 10px 0 0;
    }

    .board-table-layout {
        padding-top: 20px;
    }

    .board-table-layout li a {
        font-size: 12px;
        padding: 13px 10px 13px 8px;
    }

    .list-margin {
        margin-left: 15px;
    }

    .board-table-layout li i {
        width: 60px;
        font-size: 10px;
    }

    .board-table-layout li .answer {
        padding: 13px 10px 13px 40px;
        font-size: 15px;
    }

    .board-table-layout li .answer i {
        top: 13px;
    }

    .pageing-area {
        padding: 20px 0;
    }

    .pageing-area ul.large {
        display: none;
    }

    .pageing-area ul.small {
        display: inline-block;
    }

    .pageing-area a {
        font-size: 15px;
    }

    table.table_col01 thead {
        display: none;
    }

    table.table_col01 tr {
        width: 100%;
        margin-top: 20px;
        display: block;
        border-bottom: 0px;
    }

    table.table_col01 tr:first-of-type {
        margin-top: 0px;
    }

    table.table_col01 td {
        display: block;
        text-align: right;
        width: 100%;
        position: relative;
        border-collapse: collapse;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-bottom: none;
        padding-top: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
    }

    table.table_col01 tr:nth-of-type(even) td {
        background-color: #fff;
    }

    table.table_col01 td:first-child {
        background: #f8f8f8 !important;
    }

    table.table_col01 td:last-child {
        border-bottom: 1px solid #ddd;
    }

    table.table_col01 td:before {
        content: attr(data-label);
        float: left;
        text-align: left;
        width: 40%;
        font-weight: bold;
        margin-right: 10px;
        color: #888;
    }

    .account-top-state {
        border-bottom: 0;
    }

    .account-top-state .welcome {
        font-size: 20px;
    }

    .account-top-state .state-boxes li {
        width: calc(100% / 3);
    }

    .account-top-state .state-boxes li a {
        padding-bottom: 20px;
        height: 120px;
        border-bottom: 1px solid #eee;
    }

    .account-top-state .state-boxes li a img {
        width: 40px !important;
        height: 45px !important;
    }

    .account-top-state .state-boxes li a p {
        font-size: 15px;
        padding-top: 10px;
    }

    .account-top-state .state-boxes li a.on p {
        font-weight: 500;
    }

    .online-customer-center .red-area {
        display: block;
        width: 100%;
        padding: 5px 0 15px;
    }

    .online-customer-center .number-area {
        display: block;
        width: 100%;
        padding: 15px 0;
    }

    .online-customer-center .number-area span.txt_num {
        font-size: 25px;
    }

    .online-customer-center .number-area p {
        font-size: 13px;
    }

    .pc-ver {
        display: none;
    }

    .mo-ver {
        display: block;
    }

    .table-style.half-mode ul {
        width: 100%;
    }

    .table-style.half-mode ul li.respon {
        display: none;
    }

    .table-style.half-mode ul p:last-of-type {
        border-right: 0;
    }

    .number-amount-contan .top-line > div {
        font-size: 15px;
    }

    .number-amount-contan .top-line > div span {
        padding: 0 0 0 10px;
        width: 141px;
    }

    .number-amount-contan .top-line > div p {
        width: calc(100% - 154px);
    }

    .number-amount-contan .price-boxes > div {
        display: block;
        width: 100%;
        border-bottom: 1px solid #eee;
        text-align: right;
        padding: 0;
        border-right: 0;
        line-height: 65px;
    }

    .number-amount-contan .price-boxes > div:last-of-type {
        border-bottom: 0;
    }

    .number-amount-contan .price-boxes > div i.plus {
        background: url("../front/img/top/cir_icon_plus.svg") no-repeat left top;
        background-size: 24px;
    }

    .number-amount-contan .price-boxes > div i.minus {
        background: url("../front/img/top/cir_icon_minus.svg") no-repeat left top;
        background-size: 24px;
    }

    .number-amount-contan .price-boxes > div i.equal {
        background: url("../front/img/top/cir_icon_equal.svg") no-repeat left top;
        background-size: 24px;
    }

    .number-amount-contan .price-boxes > div i {
        width: 24px;
        height: 24px;
        top: auto;
        right: auto;
        bottom: -12px;
        left: calc(50% - 12px);
        z-index: 100;
    }

    .number-amount-contan .price-boxes > div span {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        vertical-align: top;
        padding-top: 0;
        padding-left: 10px;
    }

    .number-amount-contan .price-boxes > div p {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        font-size: 24px;
    }

    .number-amount-contan .price-boxes > div u {
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
    }

    .number-amount-contan .text-area {
        font-size: 15px;
    }

    .center-txt-cont {
        line-height: 1.3;
    }

    .card-box-layout .inbox {
        padding: 20px 20px 10px 20px;
    }

    .card-box-layout .inbox > div {
        width: 100%;
        margin-right: 1%;
        margin-bottom: 20px;
    }

    .card-box-layout .inbox > div:nth-of-type(even) {
        margin-right: 0;
    }

    .two-box-layout > div {
        width: 100%;
        margin-right: 0;
    }

    .two-box-layout > div:last-of-type {
        margin-top: 10px;
    }

    .half-box-area > div span,
    .half-box-area > div u {
        font-size: 15px;
        width: 50%;
    }

    .red-part-line-list .line .sub {
        position: relative;
        left: auto;
        top: auto;
        padding-bottom: 10px;
        max-width: 200px;
    }

    .red-part-line-list .line .sub br {
        display: none;
    }

    .red-part-line-list .line .cont {
        padding-left: 0;
        font-size: 15px;
    }

    .red-part-line-list .line .cont .lh-1 {
        line-height: 1.5;
    }

    .red-part-line-list:after {
        width: 100px;
    }

    .red-part-line-list.min-sty .sub {
        position: absolute;
        left: 0;
        top: 15px;
    }

    .red-part-line-list.min-sty .cont {
        padding-left: 149px;
        text-align: right;
    }

    .red-part-line-list.min-sty .cont img {
        width: 90px;
        height: auto;
    }


    .gray-round-box {
        padding: 15px;
    }

    .gray-round-box .line-inp span.lwd, .gray-round-box .line-inp span.swd, .gray-round-box {
        line-height: 1.4;
        height: auto !important;
    }


    .item.inbox-point input[disabled=disabled] {
        width: 45%;
        font-size: 14px;
    }

    .gray-round-box .line-inp span.lwd,
    .gray-round-box .line-inp span.swd {
        text-align: left;
        font-size: 14px;
    }

    .gray-round-box > p.red {
        font-size: 14px;
    }

    .gray-round-box > p.red i {
        width: 16px;
        height: 16px;
        line-height: 17px;
        font-size: 11px;
    }

    .gray-round-box > p.txt {
        font-size: 15px;
    }

    .data .txt-lines div {
        width: 100%;
    }

    .data .txt-lines p {
        width: 50%;
    }

    .data .txt-lines u {
        width: 25%;
    }

    .data .txt-lines em {
        width: 25%;
    }

    ul.form-list.simulator-list li .data .txt-lines p {
        width: 40%;
    }

    ul.form-list.simulator-list li .data .txt-lines em {
        width: 30%;
    }

    ul.form-list.simulator-list li .data .txt-lines u {
    }

    ul.form-list.simulator-list li .data .txt-lines .txt_date {
        line-height: 1.4;
    }

    .gray-scr-line-box {
        padding: 13px;
        height: 150px;
    }

    .red-txt-twobtn a {
        font-size: 14px;
    }

    .step-arrow-tab {
    }

    .step-arrow-tab > li {
        line-height: inherit;
        padding-top: 4px;
        box-sizing: border-box;
        font-size: 12px;
        width: 34.5%;
    }

    .step-arrow-tab > li:nth-of-type(1) {
        width: 31%;
    }

    .step-arrow-tab > li:nth-of-type(5) {
        padding-top: 10px;
    }

    .step-arrow-tab > li i {
        border-width: 25px 0 25px 13px;
    }

    .step-arrow-tab > li i:after {
        border-width: 25px 0 25px 13px;
        top: -25px;
        left: -15px;
    }

    .step-arrow-tab > li i.on:after {
        left: -13px;
    }

    .step-arrow-tab > li br {
        display: block;
    }

    label.checkbox-custom.st-1 i {
        top: 8px;
    }

    label.checkbox-custom.st-1 span {
        font-size: 14px;
    }

    label.radio-custom {
        font-size: 15px;
        margin-top: 10px
    }

    .map-position-area .tit {
        font-size: 25px;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .map-position-area {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .map-position-area .world-map-box .point p {
        position: relative;
        z-index: 5;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        font-size: 14px;
        padding: 0 15px;
    }

    .map-position-area .world-map-box .point i {
        height: 45px;
    }

    .map-position-area .world-map-box .point.con01 {
        left: 11%;
        top: 25%;
    }

    .map-position-area .world-map-box .point.con02 {
        left: 44%;
        top: 12%;
    }

    .map-position-area .world-map-box .point.con03 {
        left: 39%;
        top: 42%;
    }

    .map-position-area .world-map-box .point.con04 {
        left: 67%;
        top: 21%;
    }

    .map-position-area .world-map-box .point.on i:before,
    .map-position-area .world-map-box .point:hover i:before {
        width: 60px;
        height: 60px;
        left: -30px;
        bottom: -30px;
    }

    .map-position-area .world-map-box .point i {
        left: 50%;
    }

    .map-position-area .world-map-box .point i:after {
        width: 5px;
        height: 5px;
        left: -2px;
    }

    .round-area-list {
        padding-bottom: 10px;
    }

    .round-area-list .title {
        font-size: 25px;
    }

    .round-area-list .circle-list li p {
        font-size: 15px;
        padding-top: 6px;
    }

    .round-area-list .circle-list li span {
        font-size: 20px;
    }

    .red-round-download .in-redround-area .content-box .t-cont span {
        font-size: 25px;
        padding-bottom: 23px;
    }

    .red-round-download .in-redround-area .content-box .t-cont {
        font-size: 15px;
    }

    .red-round-download .in-redround-area .content-box .t-cont p {
        font-size: 15px;
    }

    .red-round-download .in-redround-area .content-box .t-cont ul {
        padding: 20px 0 15px;
    }

    .red-round-download .in-redround-area .content-box .t-cont .store-btns {
        padding-top: 26px;
        font-size: 0;
        padding-right: 5%;
    }

    .red-round-download .in-redround-area .content-box .t-cont .store-btns a {
        width: 49%;
        margin-right: 1%;
    }

    .red-round-download .in-redround-area .content-box .t-cont .store-btns a + a {
        margin-right: 0;
    }

    .red-round-download .in-redround-area .content-box .t-cont .store-btns a img {
        width: 100%;
    }

    .main-text-with-btn {
        padding: 80px 0 50px;
    }

    .main-text-with-btn p {
        font-size: 25px;
    }

    .intro-image-area {
        height: 69vw;
    }

    .intro-image-area > img {
        position: absolute;
        left: -45%;
        top: -12%;
        width: 197%;
        max-width: inherit;
    }

    .intro-image-area .in-txt-cont {
    }

    .intro-image-area .logo > img {
        width: 22vw;
    }

    .intro-image-area .in-txt-cont p {
        font-size: 5.3vw;
    }

    .intro-image-area .in-txt-cont p em {
        font-size: 4vw;
    }

    .intro-image-area .in-txt-cont span {
        font-size: 2.3vw;
    }

    .intro-image-area .in-txt-cont a {
        display: none;
    }

    .country-infor-container {
        padding-bottom: 30px;
    }

    .country-infor-container .in-ci-contain {
        border-top-color: #ddd;
    }

    .country-infor-container .top-choose-btn {
        padding-bottom: 10px;
    }

    .country-infor-container .top-choose-btn a {
        margin-right: 15px;
    }

    .country-infor-container .in-ci-contain .cont-area {
        padding: 5px;
    }

    .intro-image-area .bx-controls {
        bottom: 20px;
    }

    .country-infor-container .in-ci-contain .bottom-colse-btn a i {
        font-size: 15px;
    }

    .less-box-slit {
        padding-top: 30px;
    }

    .less-box-slit .subject-txt span {
        font-size: 20px;
    }

    .less-box-slit .subject-txt p {
        font-size: 15px;
    }

    .payout-methods-contain .three-box-list > div {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .payout-methods-contain .three-box-list > div:last-of-type {
        margin-bottom: 0;
    }

    .payout-methods-contain .three-box-list > div p {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
    }

    .payout-methods-contain .top-goto-btns {
        padding: 33px 0;
    }

    .payout-methods-contain .subject {
        font-size: 20px;
    }

    .sub-wrap {
        padding-top: 255px;
    }

    .sub-wrap .bottom-margin {
        height: 40px;
    }

    .sub-contents {
    }

    .country_name {
        width: 29%;
    }

    .subject-mid {
        font-size: 18px;
    }

    p.t-style {
        font-size: 15px;
        line-height: 1.4;
    }

    .center-subject-caption {
        font-size: 20px;
        padding: 30px 0;
    }

    .center-subject-caption p {
        font-size: 15px;
    }

    .center-subject-caption-no-bottom {
        font-size: 22px;
        padding: 0;
    }

    .center-subject-caption-no-bottom p {
        font-size: 15px;
    }

    .third-cir-box {
        padding: 18px;
    }

    .third-cir-box .t-box p br {
        display: none;
    }

    .third-cir-box .t-box p.one {
        height: auto;
    }

    .btn-area-center {
        padding: 30px 0;
    }

    .btn-area-center.two a {
        width: 49%;
        font-size: 16px;
    }

    .btn-area-center.two a + a {
        margin-left: 1%;
    }

    .btn-wide-area a {
        display: block;
        width: 100%;
    }

    .btn-wide-area a + a {
        margin-left: 0;
        margin-top: 10px;
    }

    .round-sb-btn.gray {
        margin-bottom: 10px;
    }

    .round-sb-btn {
        margin-left: 0px;
    }

    .in-lm-contents ul.flex_box li {
        width: 100%;
    }

    .in-lm-contents ul.flex_box li:last-of-type {
        margin: 1%;
    }

    .flex_box {
        flex-direction: column-reverse;
    }

    .flex_box-r {
        flex-direction: column-reverse;
        justify-content: center;
    }

    .flex_box-standard {
        flex-direction: column;
        justify-content: center;
    }

    .flex_box--s {
        width: 100%;
    }

    .flex_box-r li,
    .flex_box li {
        margin: 20px 0 0;
    }

    .flex_box-r li:last-of-type,
    .flex_box li:last-of-type {
        margin-top: 0;
    }

    .flex_box.flex_box-standard li:first-of-type {
        margin-top: 0;
    }

    .flex_box.flex_box-standard li:last-of-type {
        margin-top: 20px;
    }

    table.table_detaile01 {
        border: 1px solid #e0e0e0;
    }

    table.table_detaile01 th {
        width: 100%;
        border: none;
        border-bottom: 1px solid #e0e0e0;
        display: block;
        text-align: left;
    }

    table.table_detaile01 td {
        width: 100%;
        display: block;
        border: none;
        border-bottom: 1px solid #e0e0e0;
    }

    table.table_detaile01 tr:last-of-type td {
        border-bottom: none;
    }

    .txt_more.tbl_more {
        max-height: 130px;
    }

    .txt_more[aria-expanded=false] .txt_more-bg {
        display: block;
    }

    .right_txt {
        margin-top:0px;
    }

}

@media screen and (max-width: 630px) {
    .contents_box_top h2 {
        font-size: 26px !important;
    }
    .contents_box-lead, .contents_box-lead-first {
        font-size: 14px !important;
        line-height: 1.4em !important;
    }
    .left_txt {
        margin-left: 3%;
    }
    .top_second_img {
        bottom: 30%;
        right: 0%;
    }
    .account-top-state .state-boxes li {
        width: 110px;
        min-width: 90px;
    }
}

@media screen and (max-width: 620px) {
    .main-text-with-btn .btns a, .top-goto-btns a {
        width: 200px !important;
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 22px !important;
        font-size: 14px !important;
    }

    .tit.merge {
        font-size: 15px !important;
    }

    .tit.merge.move {
        position: absolute;
        top: -53%;
        left: 53%;
    }

    .fieldset_login {
        width: auto;
    }
    .fieldset_login .btnWrap {
        width: 360px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 616px) {
    .use_procedure_set.remit > a {
        width: 43%;
    }
}

@media screen and (max-width: 610px) {
    .onebtn.js-selected.merge {
        font-size: 10px;
    }

    .tit.merge.move {
        font-size: 12px !important;
        top: -52%;
        left: 52%;
        z-index: 5;
        vertical-align: top;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        left: -3% !important;
        width: 50% !important;
    }

    .white-calculator-container {
        transform: translateX(-20%) !important;
    }

    #pak1 > video {
        left: -3%;
    }

    #ind1 > video {
        width: 45%;
        left: -2%;
    }

    #npl1 > video {
        width: 47%;
        left: -3%;
    }

    .white-calculator-container {
        left: 65%;
    }

    .white-round-box {
        width: 28em;
        font-size: .8rem;
    }
    .white-round-box.login {
        width: auto;
        font-size: 1.4rem;
    }
}


@media screen and (max-width: 600px) {
    .top-goto-btns {
        padding: 0 15px 30px;
    }

    .list_faq-top dl dt {
        width: 12%;
    }

    .list_faq-top dl dd {
        width: 88%;
    }

    .main-text-with-btn .btns a,
    .main-text-with-btn .btns a + a,
    .top-goto-btns a + a {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media screen and (max-width: 577px) {
    .oneBlock_sub {
        display: block;
        text-align: center;
    }

    .content_left {
        display: block;
    }

    .content_right {
        display: block;
        width: 375px !important;
        margin: 0 auto;
    }

    .main-text-with-btn .btns {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 560px) {
    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        left: -6%;
    }

    #pak1 > video {
        left: -4%;
    }

    #ind1 > video {
        left: -3%;
    }

    #npl1 > video {
        left: -3%;
    }

    .email_entry_field span.inputtext_th {
        width: 100%;
    }

    input[name="input-email"] {
        width: 70%;
    }

    input[name="input-tel_mobile_0"], input[name="input-tel_mobile_1"], input[name="input-tel_mobile_2"] {
        width: 30% !important;
    }

    select[name="input-birthday_year"], select[name="input-birthday_month"], select[name="input-birthday_day"] {
        min-width: 25%;
    }

    select[name="input-swift_code"], select[name="input-nbp_bank_hash"], select[name="input-pay_out_bank_code"],
    select[name="update-swift_code"], select[name="update-nbp_bank_hash"], select[name="update-pay_out_bank_code"] {
        width: 70%
    }
}

@media screen and (max-width: 538px) {
    .third-cir-box > div:nth-of-type(1):after {
        top: 280px;
    }

}

@media (max-width: 535px) {
    .db535 {
        display: block !important;
    }
    .dn535 {
        display: none !important;
    }

    .top_second_img {
        bottom: 40%;
    }

    .rupee_reverse {
        width: 34% !important;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 46%;
        left: -4%;
    }

    #pak1 > video {
        left: -3%;
    }

    #ind1 > video {
        width: 41%;
        left: -1%;
    }

    #npl1 > video {
        width: 43%;
        left: -2%;
    }
}

@media (max-width: 500px) {

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        left: -4% !important;
        width: 54% !important;
    }

    .white-calculator-container {
        transform: translateX(-25%) !important;
    }


    #pak1 > video {
        left: -4%;
    }

    #ind1 > video {
        width: 40%;
        left: -1%;
    }

    #npl1 > video {
        width: 41%;
        left: -3%;
    }
}

@media screen and (max-width: 490px) {
    .account-top-state .state-boxes li div {
        padding-left: 10px;
    }
}

@media screen and (max-width: 486px) {
    .rate_banner img {
        height: 1.2em;
        padding: 0px;
    }

    .rupee_image {
        max-width: 12px;
        max-height: 12px;
    }

    .rate_banner .rupee_nepal, .rate_banner .rupee_india, .rate_banner .rupee_pakistan, .rate_banner .rupee_srilanka {
        width: 16%;
    }

    .rupee_reverse {
        width: 38% !important;
    }
    .rupee_nepal_ind {
        width: 32% !important;
        margin-left: 0.5em !important;
    }
    .rupee_created_ind {
        margin-left: 0.5em !important;
        margin-right: 0.5em !important;
    }
    .account-top-state .welcome b {
        display: block;
    }
    .rate_value {
        margin-left: 5px !important;
    }

    .account-top-state .state-boxes li a img {
        width: 30px !important;
        height: 35px !important;
    }

    .account-top-state .state-boxes li a p {
        font-size: 14px;
    }
}

@media screen and (max-width: 466px) {
    .half-box-area > div p {
        width: 100%;
    }
}

@media (max-width: 460px) {
    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 62% !important;
        left: -10% !important;
    }

    #pak1 > video {
        left: -5%;
    }

    #ind1 > video {
        width: 40%;
        left: -3%;
    }

    #npl1 > video {
        width: 40%;
        left: -3%;
    }
}

@media screen and (max-width: 444px) {
    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 60% !important;
        left: -11% !important;
    }

    .third-cir-box > div:nth-of-type(1):after {
        top: 280px;
    }
}

@media screen and (max-width: 440px) {
    .white-round-box .in-data.with-ipt-slt input.send_amount {
        width: 70% !important;
        margin-right: 5px !important;
    }
    .onebtn.js-selected.merge {
        font-size: 8px;
    }
    .tit.merge.move {
        font-size: 12px !important;
        top: -57%;
        left: 59%;
        z-index: 5;
        vertical-align: top;
    }
    .calculate-result li span {
        font-size: 10px !important;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 62% !important;
        left: -10% !important;
    }

    #pak1 > video {
        left: -1%;
    }

    #ind1 > video {
        width: 38%;
        left: -3%;
    }

    #npl1 > video {
        width: 40%;
        left: -3%;
    }

    .white-round-box {
        width: 25em;
        font-size: .75rem;
    }

    .white-round-box .send_amount-txt {
        font-size: .8rem;
    }

    .white-round-box .estimated_receive_amount-txt {
        font-size: .8rem;
    }
}


@media screen and (max-width: 436px) {
    .rupee_reverse {
        width: 38% !important;
    }
    .rupee_nepal_ind {
        width: 32% !important;
        margin-left: 0.1em !important;
    }
    .rupee_created_ind {
        margin-left: 0.3em !important;
        margin-right: 0.1em !important;
    }

    .main-text-with-btn .btns a,
    .top-goto-btns a {
        font-size: 16px;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 64% !important;
        left: -13% !important;
    }

    #pak1 > video {
        left: -4%;
    }

    #ind1 > video {
        width: 38%;
        left: -1.5%;
    }

    #npl1 > video {
        width: 38%;
        left: -2%;
    }
}

@media screen and (max-width: 430px) {

    .white-round-box {
        height: auto;
        margin: 0 5px 0 15px;
        padding: 20px;
        border-radius: 15px;
        display: block;
    }

    .oneBlock h2.title.login {
        width: 280px;
    }
    .text.login {
        width: 11em !important;
    }
    .fieldset_login .btnWrap {
        width: 280px;
        margin: 0;
    }
    .white-calculator-container.login {
        width: 300px;
    }
    .white-round-box.login {
        margin: 0;
        padding: 12px;
        width: 300px !important;
    }

    .form-horizontal {
        width: 90%;
    }

    #login_btn {
        width: 200px;
    }

    .forget_pw {
        width: 200px;
        justify-self: center;
    }

    .white-round-box label.radio-custom {
        font-size: 15px;
    }

    .select-custom a.onebtn,
    .white-round-box .in-data input[type=text],
    .white-round-box .in-data.with-input span.letxt,
    .select-custom a.onebtn:after,
    .select-custom .in-list a,
    .white-round-box .calculate-result .r-list li,
    .white-round-box .calculate-result .r-list li span,
    .white-round-box .calculate-result .tbn-area a {
        height: 42px;
        line-height: 42px;
    }

    .select-custom.country a span img {
        width: 23px;
        height: 23px;
        margin-bottom: 3px;
    }

    .select-custom.country .in-list {
        padding: 0 9px 0 0;
    }

    .select-custom .in-list {
        padding: 0 9px 0 0;
    }

    .mobile-allmenu-contain .in-allmenu .top-btns > a {
        padding-right: 20px;
    }

    .map-position-area .world-map-box .point p {
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        padding: 0 12px;
    }

    .map-position-area .country-list-layer .in-country-list .subject span {
        font-size: 20px;
    }


    .map-position-area .country-list-layer {
        top: 240px;
    }

    .map-position-area .country-list-layer .in-country-list {
        padding: 20px 15px;
    }

    .map-position-area .country-list-layer .in-country-list .subject {
        padding-bottom: 30px;
    }

    .map-position-area .country-list-layer .in-country-list .list li a {
        padding: 0 2px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .map-position-area .country-list-layer .in-country-list .subject p {
        font-size: 15px;
    }

    .map-position-area .country-list-layer .bot-btnarea a i {
        font-size: 15px;
    }

    .map-position-area .country-list-layer .in-country-list .list li a img {
        width: 23px;
        height: 23px;
        margin-right: 11px;
    }

    .main-mid-round-bar {
        height: 50px;
        background: url("../front/img/top/main_round_bar_midbg_mo.png") no-repeat 50% top;
        background-size: cover;
    }

    .main-bot-round-bar {
        height: 50px;
        background: url("../front/img/top/main_round_bar_botbg_mo.png") no-repeat 50% top;
        background-size: cover;
    }
}

@media screen and (max-width: 420px) {
    .round-area-list {
        padding-top: 30px;
    }

    .round-area-list .title {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 414px) {
    .map-position-area .country-list-layer {
        top: 300px;
    }
}

@media screen and (max-width: 412px) {
    #contents_top00 .calculate-box .calculate-title h2 {
        font-size: 32px;
    }

    .footer .in-foot .btns a {
        font-size: 12px;
    }

    .footer .in-foot p {
        font-size: 10px;
    }

    .footer .in-foot .number-infor span {
        font-size: 18px;
    }

    .footer .in-foot .number-infor p {
        font-size: 13px;
    }
}

@media screen and (max-width: 405px) {
    .payout-methods-contain .three-box-list > div span {
        height: 193px;
    }

    .payout-methods-contain .three-box-list > div u {
        width: 225px;
        height: 147px;
    }
}

@media screen and (max-width: 404px) {
    .red-txt-twobtn a {
        display: block;
    }

    .red-txt-twobtn a + a {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 400px) {
    .data .txt-lines div {
        font-size: 14px;
    }
}

@media screen and (max-width: 388px) {
    .pageing-area a {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
}

@media screen and (max-width: 380px) {
    .step-arrow-tab > li {
        font-size: 12px;
        letter-spacing: -0.5px;
    }

    .main-visual-contain .slide-container .in-visual-contents .in-contents .txt-content {
        font-size: 25px;
    }

    .round-area-list .title {
        font-size: 25px;
    }

    .main-text-with-btn p {
        font-size: 25px;
    }
}

@media screen and (max-width: 376px) {
    .rupee_nepal_ind, .rupee_india_ind, .rupee_pakistan_ind, .rupee_srilanka_ind {
            width: 45% !important;
    }

    #common1 > video, #ind1 > video, #pak1 > video, #npl1 > video, #lka1 > video {
        width: 64% !important;
        left: -16% !important;
    }

    .white-calculator-container {
        transform: translateX(-30%) !important;
    }

    .gray-round-box > p.red {
        font-size: 12px;
    }

    .gray-round-box .line-inp span.lwd,
    .gray-round-box .line-inp span.swd {
        width: 55%;
    }

    .gray-round-box .line-inp input {
        width: 40%;
    }
}

@media screen and (max-width: 366px) {
    .map-position-area .world-map-box .point.con01 {
        left: 9%;
        top: 19%;
    }

    .map-position-area .world-map-box .point.con02 {
        left: 42%;
        top: 8%;
    }

    .map-position-area .world-map-box .point.con03 {
        left: 36%;
        top: 39%;
    }

    .map-position-area .world-map-box .point.con04 {
        left: 65%;
        top: 16%;
    }
}

@media screen and (max-width: 360px) {
    input.entry_large {
        width: auto;
    }

    select[name="input-nationality"] {
        width: 90%;
    }
}


@media screen and (max-width: 355px) {
    .main-text-with-btn .btns a,
    .top-goto-btns a {
        font-size: 13px;
    }
}

@media screen and (max-width: 350px) {
    .pageing-area ul {
        padding: 0 5px;
    }

    .pageing-area a + a {
        margin-left: 2px;
    }

    .red-round-download .in-redround-area .content-box .t-cont {
        padding-left: 30px;
    }
}

@media screen and (max-width: 345px) {
    .table-style2.min-style li p.in-list i {
        font-size: 14px;
    }
}

@media screen and (max-width: 344px) {
    .white-round-box .in-data.with-radio label {
        display: block;
    }

    .white-round-box .in-data.with-radio label + label {
        margin-left: 0;
        margin-top: 10px;
    }

    .white-round-box .calculate-result .r-list li,
    .white-round-box .calculate-result .r-list li span {
        font-size: 15px;
    }
}

@media screen and (max-width: 340px) {
    .number-amount-contan .top-line > div {
        letter-spacing: -0.7px;
    }
}

@media screen and (max-width: 335px) {
    .btn-wide-area a {
        font-size: 14px;
    }
}
