body.body-ekyc {
    background-color: #333 !important;
    color: #fff;
}

.mark.light {
    height: 380px;
    position: absolute;
    top: 95px;
    left: 0;
}

.mark.marks {
    width: 1250px;
    position: absolute;
    top: 220px;
    left: calc((100vw - 1400px) / 2 + 45px);
}

.mark.method {
    width: 500px;
    position: absolute;
    top: 270px;
    left: calc((100vw - 1400px) / 2 + 45px);
}

.mark.light {
    position: absolute;
    top: 90px;
    left: 0;
    z-index: -1;
}

.mark.npl {
    width: 480px;
    position: absolute;
    top: 320px;
    left: calc((100vw - 1400px) / 2 + 170px);
}

.mark.ind {
    width: 300px;
    position: absolute;
    top: 270px;
    left: calc((100vw - 1400px) / 2 + 270px);
}

.mark.pka {
    width: 300px;
    position: absolute;
    top: 270px;
    left: calc((100vw - 1400px) / 2 + 300px);
}

.mark.lka {
    width: 350px;
    position: absolute;
    top: 250px;
    left: calc((100vw - 1400px) / 2 + 170px);
}

.mark.visual {
    width: 250px;
    position: absolute;
    top: 320px;
    left: calc((100vw - 1400px) / 2 + 50px);
}

.btn.visual {
    background-color: #9c7756;
    position: absolute;
    font-size: 2rem;
    padding: 5px 15px;
    top: 325px;
    left: calc((100vw - 1400px) / 2 + 330px);
}

.pcContent {
    display: block !important
}

.spContent {
    display: none !important
}

.wrap {
    position: relative;
}

.wrap.fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mail-set {
    display: inline-block;
}

.data input[type=tel] {
    margin-left: 10px;
}

.bank-input {
    margin-left: 10px;
}

/* 2002.03.11 parkimho - mgo style add */
.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-row > .col, .flex-row > [class*=col-] {
    display: flex;
    flex-direction: column;
    padding-left: .625rem;
    padding-right: .625rem;
}

.flex-content-title {
    font-size: 1.5rem;
    line-height: 2rem;
}

.col-12 {
    flex-basis: 100%;
    max-width: 100%;
    font-weight: 700;
}

.flex-item {
    display: flex;
    width: 100%;
}

.flex-items {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.flex-item-index {
    color: #d1d1d1;
    font-weight: 900 !important;
    line-height: 45px;
    width: 54px;
}

.flex-item-content {
    flex: 1;
}

.flex-item-content p {
    line-height: 24px;
    letter-spacing: .32px;
    word-spacing: .64px;
    margin: 0 0 12px;
}

.txt_checkbox {
    padding-left: 1.2em;
    text-indent: -1.2em;
}

/* mgo how to reference */
.loginWrap .gnColumn .gnFrame .entryForm dl dt {
    width: 90px;
}

.loginWrap .gnColumn .gnFrame .entryForm dl dd {
    width: calc(100% - 90px);
}

.loginWrap .gnColumn .gnFrame .entryForm dl dd .formErrorContent {
    line-height: normal;
}


a.popup, a.popup-wide {
    color: #39c;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); /* webkit */
    padding-right: 12px;
    background: url("../front/img/top/icon_new_win.png") right center no-repeat;
}

a.popup-mgo {
    color: #fff;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); /* webkit */
    padding-right: 12px;
    background: url("../front/img/top/icon_new_win.png") right center no-repeat;
}

a.popup.noIcon {
    padding-right: 0px;
    background: none;
}

/*Visual*/

.visual-wrap {
    height: 470px;
}

.visual-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 470px;
    overflow: hidden;
    z-index: 30;
}

.main-visual-contain {
    position: absolute;
    left: -35vw;
    top: 0;
    right: -35vw;
    bottom: 0;
    overflow: hidden;
}

.main-visual-contain .slide-container {
    position: absolute;
    left: 35vw;
    top: 0;
    right: 35vw;
    bottom: 0;
}

.main-visual-contain ul.main-slider li {
    height: 674px;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
}

#common2 {
    background-position: 50%;
}

.white-round-box .send_amount-txt {
    font-size: 1.2rem;
}

.white-round-box .estimated_receive_amount-txt {
    font-size: 1.2rem;
}

.txt-content {
    font-size: 3rem;
}

.white-calculator-container {
    left: 50%;
}

.main-visual-contain .slide-container .in-visual-contents {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 70;
}

.main-visual-contain .slide-container .in-visual-contents .in-contents {
    position: relative;
    max-width: 1400px;
    margin: 157px auto 0;
}

.main-visual-contain .slide-container .txt-content {
    text-shadow: 1px 2px 1px #fff;
    color: #fff;
    font-weight: 330;
    line-height: 1.3;
    position: absolute;
    top: 140px;
    left: calc((100vw - 1400px) / 2 + 50px);
    max-width: 820px;
    width:75%;
}

.main-visual-contain .slide-container .txt-content b {
    font-weight: 600;
}

/*sub Visual*/
.visual-wrap.subvisual {
    height: auto;
}

.visual-wrap.subvisual .visual-container {
    height: 400px;
}

.visual-wrap.subvisual .visual-container .sub-v-image {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% top;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.visual-wrap.subvisual .visual-container .sub-v-image p {
    position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.visual-wrap.subvisual .visual-container .sub-v-image h1 {
    position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    text-shadow: 1px 1px 1px #888;
}

.top-content {
    margin-top: 100px;
}

#top-visual-wrap {
    position: relative;
}

#contents_top00 {
    display: flex;
    margin-top: 30px;
}

.contents_box_top {
    margin-bottom: 60px;
}

#contents_top00 {
    margin-bottom: 0;
}

.calculate-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

.calculate-title {
    font-size: 30px;
}

.calculate-sub-title {
    padding: 20px 0;
    display: block;
}

.contents_box-lead {
    font-size: 16px;
    text-align: center;
}

.calculate-title h2 {
    margin: 0px;
    color: #e42313;
}

.in-calculator-container {
    margin: 0 auto;
}

.white-round-box {
    display: inline-block;
    text-align: left;
    background: #fff;
    border-radius: 25px;
    box-sizing: border-box;
    padding: 20px;
    z-index: 70;
    box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.white-round-box.login {
    width: 400px;
    height: 350px;
}

.white-round-box > div {
}

.white-round-box > div + div {
    padding-top: 19px;
}

.white-round-box .tit {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    padding: 0 0 10px 16px;
    position: relative;
}

.white-round-box .tit:before {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    height: 3px;
    width: 8px;
    background-color: #e42313;
}

.white-round-box .in-data {
}

.white-round-box .in-data .select-custom.country {
    display: block;
}

.white-round-box .in-data input[type=text], .white-round-box .in-data input[type=tel], .white-round-box .in-data input[type=number] {
    width: 100%;
    line-height: 44px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #fff;
    padding: 0 18px;
    box-sizing: border-box;
    font-size: 18px;
    color: #222;
    font-weight: 300;
}


.white-round-box .in-data input[type=number]::-webkit-outer-spin-button,
.white-round-box .in-data input[type=number]::-webkit-inner-spin-button,
.item.inbox-point input[type=number]::-webkit-outer-spin-button,
.item.inbox-point input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.white-round-box .in-data input[type=number], .item.inbox-point input[type=number] {
    -moz-appearance: textfield;
}

.white-round-box .in-data.with-ipt-slt {
    position: relative;
}

.white-round-box .in-data.with-ipt-slt .select-custom {
    width: 100%;
}

.white-round-box .in-data.with-ipt-slt input.send_amount {
    width: 80%;
    margin-right: 10px;

}

.white-round-box .in-data.with-input {
    position: relative;
}

.white-round-box .in-data.with-input span.letxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    padding-left: 18px;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
    color: #666;
    font-weight: 600;
}

.white-round-box .in-data.with-input input {
    text-align: right;
    padding-left: 100px;
}

.white-round-box .in-data.with-radio label + label {
    margin-left: 28px;
}

.white-round-box .calculate-result {
    display: none;
}

.white-round-box .calculate-result .r-list {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.white-round-box .calculate-result .r-list ul {
    font-size: 0;
    padding: 0 20px;
}

.white-round-box .calculate-result .r-list li {
    position: relative;
    display: block;
    font-size: 18px;
    color: #222;
    font-weight: 300;
    text-align: right;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e0e0e0;
}

.white-round-box .calculate-result .r-list li:last-of-type {
    border-bottom: 0;
}

.white-round-box .calculate-result .r-list li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 50px;
    font-size: 18px;
    color: #222;
    font-weight: 300;
    text-align: left;
}

.white-round-box .calculate-result .r-list li b {
    font-weight: 500;
}

.white-round-box .calculate-result .r-list li em.red {
    font-style: normal;
    color: #e42313;
    font-weight: 500;
}

.white-round-box .calculate-result .tbn-area {
    text-align: center;
    padding-top: 15px;
}

.white-round-box .calculate-result .tbn-area a {
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    background: #e42313;
    border-radius: 5px;
}

.white-round-box.result {
    height: auto;
}

.white-round-box.result .calculate-result {
    display: block;
    margin-top: 15px;
}

.red-txt {
    color: #e42313 !important;
}

.red-bold-txt {
    color: #e42313 !important;
    font-weight: bold !important;
}

/* select custom*/
.select-custom {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.select-custom a.onebtn {
    height: 42px;
    position: relative;
    display: block;
    line-height: 44px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #fff;
    padding-left: 19px;
    padding-right: 47px;
    font-size: 18px;
    color: #222;
    font-weight: 300;
    box-sizing: border-box;
    padding: 0 22px 0 19px;;
}

.select-custom a.onebtn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 47px;
    height: 55px;
    background: url("../front/img/top/icon_arr_down_min.png") no-repeat 50% 50%;
    background-size: 12px 8px;
}

.select-custom .in-list {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 9px;
    overflow-y: auto;
    box-sizing: border-box;
}

.select-custom .in-list a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #222;
    font-weight: 300;
    border-radius: 5px;
    padding: 0 10px;
}

.select-custom .in-list a:hover {
    background: #f6f6f6;
}


.select-custom.country {
}

.select-custom.country a {
    white-space: nowrap;
    overflow: hidden;
}

.select-custom.country a span {
    display: inline-block;
}

.select-custom.country a span img {
    display: inline-block;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 5px;
}

.select-custom.country a u {
    text-decoration: none;
    display: inline-block;
    float: right;
}

.select-custom.country .in-list a {
    padding: 0 22px 0 10px;
}

.select-custom.currency .in-list {
    max-height: 152px;
}

/*radio custom*/
label.radio-custom {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #444;
    font-weight: 300
}

label.radio-custom.disabled {
    color: silver
}

label.radio-custom input {
    display: none;
}

label.radio-custom input + i {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url("../front/img/top/radio_circle_off.png") no-repeat left top;
    background-size: contain;
    margin-right: 8px;
    margin-bottom: 4px;
}

label.radio-custom input:checked + i {
    background: url("../front/img/top/radio_circle_on.png") no-repeat left top;
    background-size: contain;
}


/*checkxbo custom*/
label.checkbox-custom {
    position: relative;
    padding-left: 23px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #222;
}

label.checkbox-custom input {
    display: none;
}

label.checkbox-custom input + i {
    position: absolute;
    left: 0;
    top: 4px;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url("../front/img/top/checkbox_off.png") no-repeat left top;
    background-size: contain;
    margin-right: 6px;
    margin-bottom: 3px;
}

label.checkbox-custom input:checked + i {
    background: url("../front/img/top/checkbox_on.png") no-repeat left top;
    background-size: contain;
}

label.checkbox-custom.st-1 {
    position: relative;
}

label.checkbox-custom.st-1 i {
    position: absolute;
    left: 0;
    top: 12px;
}

label.checkbox-custom.st-1 span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #222;
    font-weight: 300;
}


.map-position-area {
    position: relative;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
}

.map-position-area .tit {
    font-size: 36px;
    color: #222;
    font-weight: 300;
    padding-bottom: 45px;
}

.map-position-area .world-map-box {
    position: relative;
    display: inline-block;
    max-width: 1210px;
    width: 100%;
    text-align: Center;
}

.map-position-area .world-map-box > img {
    max-width: 100%;
}

.map-position-area .world-map-box .point {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.map-position-area .world-map-box .point p {
    height: 35px;
    line-height: 35px;;
    padding: 0 22px 0 15px;
    border-radius: 0 18px 18px 0;
    background: #222;
    font-size: 16px;
    color: #fff;
}

.map-position-area .world-map-box .point i {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 110px;
    background: #222;
}

.map-position-area .world-map-box .point i:after {
    content: '';
    position: absolute;
    left: -3px;
    bottom: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #222;
}

.map-position-area .world-map-box .point.on p,
.map-position-area .world-map-box .point:hover p {
    background: #e42313;
}

.map-position-area .world-map-box .point.on i,
.map-position-area .world-map-box .point:hover i {
    background: #e42313;
}

.map-position-area .world-map-box .point.on i:after,
.map-position-area .world-map-box .point:hover i:after {
    background: #e42313;
}

.map-position-area .world-map-box .point.on i:before,
.map-position-area .world-map-box .point:hover i:before {
    content: '';
    position: absolute;
    left: -48px;
    bottom: -45px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(228, 35, 19, 0.1);
}

.map-position-area .world-map-box .point.con01 {
    left: 20%;
    top: 25%;
}

.map-position-area .world-map-box .point.con02 {
    left: 51%;
    top: 13%;
}

.map-position-area .world-map-box .point.con03 {
    left: 55%;
    top: 44%;
}

.map-position-area .world-map-box .point.con04 {
    left: 77%;
    top: 26%;
}

.map-position-area .country-list-layer {
    display: none;
    position: absolute;
    left: 50%;
    top: 470px;
    width: 100%;
    max-width: 1200px;
    min-height: 400px;
    background: #fff;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
    z-index: 50;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.map-position-area .country-list-layer .in-country-list {
    padding: 60px 32px;
}

.map-position-area .country-list-layer .in-country-list .subject {
    text-align: center;
    padding-bottom: 60px;
}

.map-position-area .country-list-layer .in-country-list .subject span {
    display: block;
    font-size: 30px;
    color: #222;
    font-weight: 500;
}

.map-position-area .country-list-layer .in-country-list .subject p {
    font-size: 18px;
    color: #222;
    font-weight: 300;
    padding-top: 12px;
}

.map-position-area .country-list-layer .in-country-list .list {
}

.map-position-area .country-list-layer .in-country-list .list ul {
    font-size: 0;
    text-align: left;
}

.map-position-area .country-list-layer .in-country-list .list li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

.map-position-area .country-list-layer .in-country-list .list li a {
    white-space: nowrap;
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #222;
    padding: 0 28px;
    border-radius: 3px;
}

.map-position-area .country-list-layer .in-country-list .list li a:hover {
    background: #f6f6f6 url("../front/img/top/icon_arr_right_min.png") no-repeat 92% 50%;
    background-size: 8px 12px;
}

.map-position-area .country-list-layer .in-country-list .list li a img {
    display: inline-block;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    margin-right: 20px;
}

.map-position-area .country-list-layer .bot-btnarea {
    background: #f6f6f6;
}

.map-position-area .country-list-layer .bot-btnarea a {
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.map-position-area .country-list-layer .bot-btnarea a i {
    display: inline-block;
    line-height: 1;
    font-size: 18px;
    color: #666;
    padding-bottom: 2px;
    border-bottom: 1px solid #666;
    letter-spacing: -1px;
}

.main-mid-round-bar {
    height: 84px;
    background: url("../front/img/top/main_round_bar_midbg.png") no-repeat 50% top;
    background-size: cover;
}

.main-bot-round-bar {
    height: 84px;
    background: url("../front/img/top/main_round_bar_botbg.png") no-repeat 50% top;
    background-size: cover;
}

.main-bot-round-body.page {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("../front/img/top/sub_bottom_bg.png") repeat-x bottom;
}

.main-contents-midarea {
    min-height: 200px;
    position: relative;
}

div#news_area {
    width: 60%;
    text-align: center;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 30;
}

div#news_area p {
    font-size: 18px;
}

div#news_area a {
    color: #222;
    display: block;
    padding: 14px 30px 14px 58px;
    background: #fff url(static/front/img/top/icon_arr_right_min.png) no-repeat 24px 17px;
    background-size: 10px 16px;
    border: 1px solid #e42313;
    border-radius: 6px;
}

div#news_area a:hover {
    color: #e42313;
}

.round-area-list {
    padding-top: 180px;
    text-align: center;
    background: url("../front/img/top/main_bg_vertical_up.png") repeat-x left top;
}

.round-area-list .title {
    font-size: 36px;
    color: #222;
    font-weight: 300;
    padding-bottom: 55px;
}

.round-area-list .circle-list {
    display: inline-block;
    max-width: 1400px;
    width: 100%;
    vertical-align: top;
}

.round-area-list .circle-list ul {
    font-size: 0;
    width: 75%;
    margin: 0 12.5%;
}

.round-area-list .circle-list.circle-list_top ul {
    width: 100%;
    margin: 0;
}

.round-area-list .circle-list li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    height: 292px;
    box-sizing: border-box;
}

.round-area-list .circle-list.circle-list_top li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: 292px;
    box-sizing: border-box;
}

.round-area-list .circle-list li {
    border-left: 1px solid #ddd;
}

.round-area-list .circle-list li:nth-of-type(3n+1) {
    border-left: none;
}

.round-area-list .circle-list.circle-list_top li {
    border-left: 1px solid #ddd;
}

.round-area-list .circle-list.circle-list_top li:first-of-type {
    border-left: none;
}

.round-area-list .circle-list li img {
    display: inline-block;
    width: 150px;
}

.round-area-list .circle-list li span {
    display: block;
    padding-top: 24px;
    font-size: 24px;
    color: #222;
    font-weight: 700;
}

.round-area-list .circle-list li p {
    padding-top: 12px;
    font-size: 16px;
    color: #222;
    font-weight: 300;
}

.round-area-list em.red {
    font-style: normal;
    color: #e00000;
}

.round-area-list .bot-caption {
    font-size: 16px;
    color: #666;
    padding-top: 60px;
}

.contents_top {
    text-align: center;
    vertical-align: top;
    background-color: #fef7ef !important;
}

.contents_top .contents_box_top {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.contents_box_top h2 {
    font-size: 32px;
    margin-top: -30px;
}

.contents_box_top h2 span {
    font-size: 30px;
    color: #777777;
    display: block;
}

.contents_box-lead {
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
}

.red-round-download {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.red-round-download:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    background: #e42313;
}

.red-round-download .in-redround-area {
    position: relative;
    z-index: 10;
    display: inline-block;
    max-width: 1740px;
    width: 100%;
    border-radius: 340px;
    background: #e42313;
    overflow: hidden;
}

.red-round-download .in-redround-area .content-box {
    display: inline-block;
    max-width: 1400px;
    width: 100%;
    height: 680px;
}

.red-round-download .in-redround-area .content-box .t-cont {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    text-align: left;
    max-width: 1080px;
    width: 100%;
    height: 100%;
    padding-top: 90px;
    box-sizing: border-box;
    padding-left: 630px;
}

.red-round-download .in-redround-area .content-box .t-cont > img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.red-round-download .in-redround-area .content-box .t-cont span {
    display: block;
    font-size: 36px;
    color: #fff;
    padding-bottom: 40px;
}

.red-round-download .in-redround-area .content-box .t-cont p {
    line-height: 1.7;
}

.red-round-download .in-redround-area .content-box .t-cont ul {
    padding: 28px 0 23px;
}

.red-round-download .in-redround-area .content-box .t-cont li {
    margin-bottom: 5px;
}

.red-round-download .in-redround-area .content-box .t-cont .store-btns {
    font-size: 0;
    padding-top: 56px;
}

.red-round-download .in-redround-area .content-box .t-cont .store-btns a {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-top: 5px;
}

.red-round-download .in-redround-area .content-box .t-cont .store-btns a img {
    width: 207px;
}


.top-goto-btns {
    text-align: center;
    padding-bottom: 60px;
    font-size: 0;
}

.place-order {
    display: inline-block;
    padding-left: 20px;
    margin-top: 20px;
}

.main-text-with-btn .btns a,
.top-goto-btns a {
    display: inline-block;
    width: 280px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 28px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.main-text-with-btn .btns a + a,
.top-goto-btns a + a {
    margin-left: 9px;
}

.top-goto-btns a.red {
    background: #e42313;
}

.top-goto-btns a.gray {
    background: #888;
}

.calendarBox li {
    width: 19%;
    border: 1px solid #dcdcdc;
    margin-left: 5px;
    margin-bottom: 10px;
    float: left;
    border-radius: 3px;
}

.main-text-with-btn {
    padding: 150px 0 90px;
    text-align: center;
}

.main-text-with-btn > div {
    position: relative;
    display: inline-block;
    max-width: 1400px;
    width: 100%;
    text-align: left;
}

.main-text-with-btn p {
    font-size: 36px;
    color: #222;
    font-weight: 500;
}

.main-text-with-btn-top {
    margin-top: 100px;
    margin-bottom: 10px;
}

.main-text-with-btn-top p {
    font-size: 36px;
    color: #222;
    font-weight: 500;
    margin-bottom: 20px;
}

.main-text-with-btn .btns {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
}

.main-text-with-btn .btns a.red {
    background: #e42313;
}

.main-text-with-btn .btns a.gray {
    background: #888;
}

.red-round-download .in-redround-area .content-box .t-cont > img.ver2 {
    display: none;
}

/* 메인 - 나라 상세 정보 영역 */

.country-infor-container {
    display: none;
    text-align: Center;
    padding-bottom: 70px;
}

.country-infor-container .top-choose-btn {
    display: inline-block;
    max-width: 1400px;
    width: 100%;
    text-align: right;
    padding-bottom: 15px;
}

.country-infor-container .top-choose-btn a {
    display: inline-block;
    height: 20px;
    padding-right: 25px;
    background: url("../front/img/top/btn_close_x_blk.png") no-repeat right 50%;
    background-size: 16px;
}

.country-infor-container .top-choose-btn a i {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    text-decoration: underline;
}

.country-infor-container .in-ci-contain {
    display: inline-block;
    max-width: 1400px;
    width: 100%;
    min-height: 700px;
    border-width: 1px;
    border-color: #e42313 #ddd #ddd #ddd;
    border-style: solid;
    box-sizing: border-box;
}

.country-infor-container .in-ci-contain .cont-area {
    padding: 19px;
}

.country-infor-container .in-ci-contain .bottom-colse-btn a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #f6f6f6;
}

.country-infor-container .in-ci-contain .bottom-colse-btn a i {
    text-decoration: underline;
    font-size: 18px;
    color: #666;
    font-weight: 300;
}

.intro-image-area {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.intro-image-area > img {
    max-width: 100%;
}

.intro-image-area .in-txt-cont {
    width: 100%;
    padding: 60px;
    box-sizing: border-box;
    text-align: right;
    text-shadow: 1px 1px 2px white;
}

.intro-image-area .logo {
    position: absolute;
    left: 40px;
    top: 30px;
}

.intro-image-area .logo > img {
    width: 207px;
    filter: drop-shadow(1px 1px 1px white);
}

.intro-image-area .in-txt-cont p {
    font-size: 60px;
    color: #222;
    font-weight: 500;
    line-height: 1.1;
}

.intro-image-area .in-txt-cont p em {
    font-style: normal;
    font-size: 48px;
    font-weight: 300;
}

.intro-image-area .in-txt-cont span {
    display: inline-block;
    padding: 13px 10px;
    font-size: 18px;
    color: #222;
    font-weight: 300;
    background: rgba(255, 255, 255, 0.8);
    margin: 30px 0 40px;
}

.intro-image-area .in-txt-cont span b {
    font-weight: 500;
}

.intro-image-area .in-txt-cont a {
}

.intro-image-area .bx-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.intro-image-area .bx-wrapper .bx-viewport {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.intro-image-area .bx-controls {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    text-align: center;
}

.intro-image-area .bx-controls .bx-pager-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
}

.intro-image-area .bx-controls .bx-pager-item a {
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 50%;
    font-size: 0;
}

.intro-image-area .bx-controls .bx-pager-item a.active {
    background: #e42313;
    border-color: #e42313;
}

a.red-round-btn {
    display: inline-block;
    width: 280px;
    height: 55px;
    line-height: 55px;
    border-radius: 28px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    background: #e42313;
}

.logos-map-contain {
    padding-top: 50px;
}

.logos-map-contain .subject {
    text-align: center;
    font-size: 36px;
    color: #222;
    font-weight: 300;
    padding-bottom: 25px;
}

.logos-map-contain .subject b {
    font-weight: 500;
}

.logos-map-contain .in-lm-contents {
    position: relative;
    padding: 25px 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.logos-map-contain .in-lm-contents .logos-box {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    text-align: left;
}

.logos-map-contain .in-lm-contents .logos-box img {
    display: inline-block;
    border: 1px solid #eee;
    margin: 5px;
}

.in-lm-contents ul.flex_box {
    justify-content: left;
}

.in-lm-contents ul.flex_box li {
    border: 1px solid #e0e0e0;
    width: 23%;
    margin: 1%;
    padding: 15px 0;
    font-size: 18px;
    background-color: #ececec;
    box-sizing: border-box;
    text-align: center;
}


.logos-map-contain .in-lm-contents .map-box {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    text-align: right;
}

.logos-map-contain .in-lm-contents .map-box img {
    max-width: 270px;
}

.less-box-slit {
    padding-top: 60px;
}

.less-box-slit .subject-txt {
    text-align: center;
    color: #222;
    font-weight: 300;
    padding: 0 60px;
    line-height: 1.4;
}

.less-box-slit .subject-txt b {
    font-weight: 500;
}

.less-box-slit .subject-txt span {
    font-size: 36px;
}

.less-box-slit .subject-txt p {
    padding-top: 25px;
    font-size: 18px;
}


.less-box-slit .boxes-list {
    font-size: 0;
    padding-top: 35px;
    display: flex;
    justify-content: space-between;
}

.less-box-slit .boxes-list > div {
    vertical-align: top;
    width: 32.5%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #ececec;
}

.less-box-slit .boxes-list > div:last-of-type {
    margin-right: 0;
}

.less-box-slit .boxes-list > div > p {
    height: 60px;
    line-height: 60px;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #222;
    font-weight: 300;
    border-radius: 5px;
}

.less-box-slit .boxes-list .table-area {
    padding: 10px 5px 15px 5px
}

.less-box-slit .boxes-list table {
    width: 100%;
}

.less-box-slit .boxes-list table td {
    height: 48px;
    border-bottom: 1px solid #d5d5d5;
    font-size: 14px;
    color: #222;
    text-align: left;
    width: 65%;
}

.less-box-slit .boxes-list table td.ri {
    text-align: right;
}

.less-box-slit .boxes-list > div.red {
    background: #e42313;
}

.less-box-slit .boxes-list > div.red > p {
    color: #e42313;
    font-weight: 500;
}

.less-box-slit .boxes-list > div.red table td {
    color: #fff;
    border-color: #eb5f53;
}

.less-box-slit .boxes-list > div.red table td.ri {
    font-size: 20px;
    font-weight: 500;
}

.less-box-slit .boxes-list + p {
    font-size: 16px;
    color: #666;
    text-align: left;
    padding-top: 10px;
    font-weight: 300;
}

.less-box-slit .boxes-list + p i {
    font-style: normal;
    color: #e00000;
}

.payout-methods-contain {
    padding-top: 60px;
}

.payout-methods-contain .subject {
    font-size: 36px;
    color: #222;
    font-weight: 300;
}

.payout-methods-contain .subject b {
    font-weight: 500;
}

.payout-methods-contain .three-box-list {
    font-size: 0;
    padding-top: 30px;
}

.payout-methods-contain .three-box-list > div {
    display: inline-block;
    vertical-align: top;
    width: 32.5%;
    margin-right: 1%;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    overflow: hidden;
    text-align: center;
}

.payout-methods-contain .three-box-list > div:last-of-type {
    margin-right: 0;
}

.payout-methods-contain .three-box-list > div span {
    display: block;
    height: 250px;
    background: #f6f6f6;
}

.payout-methods-contain .three-box-list > div u {
    display: inline-block;
    width: 308px;
    height: 208px;
    padding-top: 31px;
}

.payout-methods-contain .three-box-list > div u.image1 {
    background: url("../front/img/top/method_img1.gif") no-repeat 50% 50%;
    background-size: contain;
}

.payout-methods-contain .three-box-list > div u.image2 {
    background: url("../front/img/top/method_img2.gif") no-repeat 50% 50%;
    background-size: contain;
}

.payout-methods-contain .three-box-list > div u.image3 {
    background: url("../front/img/top/method_img3.gif") no-repeat 50% 50%;
    background-size: contain;
}

.payout-methods-contain .three-box-list > div u.image4 {
    background-size: contain;
}

.payout-methods-contain .three-box-list > div p {
    height: 66px;
    line-height: 66px;
    font-size: 18px;
    color: #aaa;
    font-weight: 500;
    background: #f6f6f6;
}

.payout-methods-contain .three-box-list > div.on {
    border-color: #e42313;
}

.payout-methods-contain .three-box-list > div.on {
    border-color: #e42313;
}

.payout-methods-contain .three-box-list > div.on p {
    color: #e42313;
    background: #fff;
}

.payout-methods-contain .three-box-list > div.on u.image1 {
    background: url("../front/img/top/method_img1_color.gif") no-repeat 50% 50%;
    background-size: contain;
}

.payout-methods-contain .three-box-list > div.on u.image2 {
    background: url("../front/img/top/method_img2_color.gif") no-repeat 50% 50%;
    background-size: contain;
}

.payout-methods-contain .three-box-list > div.on u.image3 {
    background: url("../front/img/top/method_img3_color.gif") no-repeat 50% 50%;
    background-size: contain;
}

.payout-methods-contain .three-box-list > div.on u.image4 {
    background: url("../front/img/top/method_img4_color.gif") no-repeat 50% 50%;
    background-size: contain;
}

.payout-methods-contain .top-goto-btns {
    padding: 95px 0;
}

/***** sub contents *****/

.sub-wrap {
    position: relative;
    padding-top: 400px;
    background: url("../front/img/top/sub_bottom_pattern_bg.png") repeat-x left bottom;
}

.sub-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 77px;
    background: url("../front/img/top/sub_bottom_bg_over.png") no-repeat 50% bottom;
    background-size: 100%;
}

.sub-wrap .bottom-margin {
    height: 100px;
}

.sub-container {
    margin-top: 20px !important;
    max-width: 1400px;
    width: 100%;
    min-height: 580px;
    padding-bottom: 80px;
    margin: 0 auto;
    display: table;
}

.sub-wrap.sub-wrap-ekyc {
    padding-top: 90px;
    background-image: none;
}

.sub-wrap.sub-wrap-ekyc:after {
    content: none;
}

.sub-wrap.sub-wrap-ekyc .sub-container {
    position: relative;
    max-width: 1400px;
    width: 100%;
    min-height: auto;
    padding-bottom: 0;
    margin: 0 auto;
}

.separator {
    display: inline-block;
    width: .2em;
    visibility: hidden;
}

.enclosure {
    display: none;
}

.sub-side-area {
    display: table-cell;
    vertical-align: top;
    width: 299px;
    padding-right: 20px;
    height: 100%;
    border-right: 1px solid #eee;
    box-sizing: border-box;
}

.sub-side-area .m-box {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

.sub-side-area .m-box.n_boder {
    border: none;
}

.sub-side-area .m-box:first-of-type {
    padding-top: 0;
}

.sub-side-area .menu-group {
}

.sub-side-area .menu-group + .menu-group {
    margin-top: 27px;
}

.sub-side-area .menu-group p {
    font-size: 14px;
    color: #e42313;
    font-weight: 400;
}

.sub-side-area .menu-group div {
    padding-top: 9px;
}

.sub-side-area .menu-group dd a.mgo {
    position: relative;
    display: block;
    height: 48px;
    line-height: 48px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f7f7f7;
    padding: 0 15px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
}

.sub-side-area .menu-group dd a.mgo u {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url("../front/img/top/icon_arr_right_min.png") no-repeat 50% 50%;
    background-size: 8px 12px;
}

.sub-side-area .menu-group dd a.mgo i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-bottom: 2px;
    margin-right: 10px;
}

.sub-side-area .menu-group dd a.mgo i.ic01 {
    background: url("../front/img/top/icon-menu-icon01.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo i.ic02 {
    background: url("../front/img/top/icon-menu-icon02.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo i.ic03 {
    background: url("../front/img/top/icon-menu-icon03.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo i.ic04 {
    background: url("../front/img/top/icon-menu-icon04.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo:hover {
    color: #fff;
    background: #e42313;
    border-color: #e42313;
}

.sub-side-area .menu-group dd a.mgo:hover i.ic01 {
    background: url("../front/img/top/icon-menu-icon01on.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo:hover i.ic02 {
    background: url("../front/img/top/icon-menu-icon02on.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo:hover i.ic03 {
    background: url("../front/img/top/icon-menu-icon03on.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo:hover i.ic04 {
    background: url("../front/img/top/icon-menu-icon04on.png") no-repeat left top;
    background-size: contain;
}

.sub-side-area .menu-group dd a.mgo:hover u {
    background: url("../front/img/top/icon_arr_right_min_w.png") no-repeat 50% 50%;
    background-size: 8px 12px;
}

.sub-side-area .menu_sidenavi01 dt {
    font-size: 20px;
    font-weight: 700;
    color: #e42313;
}

.sub-side-area .menu_sidenavi01 dd ul.menu_sidenavi-list li {
    margin-top: 18px;
    font-size: 16px;
    position: relative;
    padding-left: 18px;
}

.sub-side-area .menu_sidenavi01 dd ul.menu_sidenavi-list li i {
    position: absolute;
    top: 3px;
    left: 4px;

}

.sub-side-area .order-txt span {
    display: block;
    font-size: 16px;
    color: #e42313;
    padding-bottom: 13px;
    font-weight: 500;
}

.sub-side-area .order-txt p {
    font-size: 14px;
    color: #222;
    line-height: 1.5;
}

.sub-side-area .contantus {
}

.sub-side-area .contantus span.contantus_title {
    display: block;
    font-size: 16px;
    color: #222;
}

.sub-side-area .contantus p {
    padding-top: 15px;
    padding-bottom: 13px;
}

.sub-side-area .contantus p u {
    text-decoration: none;
    display: block;
    font-size: 24px;
    color: #222;
    font-weight: 600;
}

.sub-side-area .contantus p em {
    font-style: normal;
    display: block;
    font-size: 14px;
    color: #222;
    font-weight: 300;
}

.sub-side-area .contantus a {
    display: inline-block;
    width: 220px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    border-radius: 18px;
    background: #888;;
}

.sub-side-area .ssa-blind {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}


.sub-contents {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 299px);
    padding-left: 61px;
    min-height: 800px;
}

/*sub common*/
.subject-mid {
    position: relative;
    font-size: 20px;
    color: #222;
    font-weight: 500;
    padding-bottom: 15px;
}

.subject-mid a.red-t-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 1;
    color: #e42313;
    font-weight: 300;
    border-bottom: 1px solid #e42313;
    padding-bottom: 1px;
    font-style: italic;
}

p.t-style {
    font-size: 15px;
    color: #222;
    font-weight: 300;
    line-height: 1.3;
}

.ts-style {
    color: #222;
    font-weight: 300;
    line-height: 1.3;
}

.kor {
    font-family: 'Noto Sans KR';
}

.center-subject-caption {
    text-align: center;
    padding: 55px 0;
    font-size: 24px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #d7d7d7;
}

.center-subject-caption p {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    padding-top: 15px;
}

.center-subject-caption p em.red {
    font-style: normal;
    color: #e42313;
}

.center-subject-caption-no-bottom {
    text-align: center;
    padding: 0;
    font-size: 36px;
    color: #222;
    font-weight: 300;
}

.center-subject-caption-no-bottom p {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    padding-top: 15px;
}

.center-subject-caption-no-bottom p em.red {
    font-style: normal;
    color: #e42313;
}

.third-cir-box {
    border: 1px solid #eee;
    padding: 28px;
    border-radius: 5px;
    font-size: 0;
    background: #f8f8f8;
}

.third-cir-box > div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 2%;
    text-align: Center;
}

.third-cir-box > div:after {
    content: '';
    position: absolute;
    right: -60px;
    top: 70px;
    width: 106px;
    height: 9px;
    background: url("../front/img/top/bar-dot-pink.png") no-repeat left top;
}

.third-cir-box > div:last-of-type {
    margin-right: 0;
}

.third-cir-box > div:last-of-type:after {
    content: none;
}

.third-cir-box > div > img {
    width: 150px;
}

.third-cir-box .t-box {
    padding-top: 27px;
    font-size: 14px;
    color: #666;
}

.third-cir-box .t-box span {
    display: block;
    font-size: 16px;
    color: #e42313;
    font-weight: 600;
}

.third-cir-box .t-box p {
    font-size: 18px;
    color: #222;
    font-weight: 500;
    height: 2.3em;
    line-height: 1.3em;
    padding: 10px 0 15px;
}

.third-cir-box .t-box p.one {
    height: 1em;
}


.fourth-cir-box {
    border: 1px solid #eee;
    padding: 28px;
    border-radius: 5px;
    font-size: 0;
    background: #f8f8f8;
}

.fourth-cir-box > div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-right: 2%;
    text-align: Center;
}

.fourth-cir-box > div:after {
    content: '';
    position: absolute;
    right: -40px;
    top: 70px;
    width: 60px;
    height: 5px;
    background: url("../front/img/top/bar-dot-pink.png") no-repeat left top;
    background-size: contain;
}

.fourth-cir-box > div:last-of-type {
    margin-right: 0;
}

.fourth-cir-box > div:last-of-type:after {
    content: none;
}

.fourth-cir-box > div > img {
    width: 150px;
}

.fourth-cir-box .t-box {
    padding-top: 27px;
    font-size: 14px;
    color: #666;
}

.fourth-cir-box .t-box span {
    display: block;
    font-size: 16px;
    color: #e42313;
    font-weight: 600;
}

.fourth-cir-box .t-box p {
    font-size: 18px;
    color: #222;
    font-weight: 500;
    line-height: 1.3em;
    padding: 10px 0 15px;
    margin-bottom: 0 !important;
}

.fourth-cir-box .t-box p.one {
    height: 1em;
}

.gray-scr-line-box {
    height: 200px;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 5px;
    font-size: 0;
    background: #f8f8f8;
}

.red-txt-twobtn a {
    display: inline-block;
    vertical-align: top;
    font-style: italic;
    text-decoration: underline;
    font-size: 16px;
    color: #e42313;
    font-weight: 300;
}

.red-txt-twobtn a + a {
    margin-left: 15px;
}


.step-arrow-tab {
    display: table;
    width: 100%;
    font-size: 0;
    border-top: 1px solid #d7d7d7;
}

.step-arrow-tab > li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 33.333333%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: #888;
    font-weight: 500;
    background: #f7f7f7;
}

.step-arrow-tab > li.on {
    background: #e42313;
    color: #fff;
}

.step-arrow-tab > li i {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #eee;
    border-style: solid;
}

.step-arrow-tab > li i:after {
    content: '';
    position: absolute;
    left: -22px;
    top: -25px;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #f7f7f7;
    border-style: solid;
}

.step-arrow-tab > li i.on {
}

.step-arrow-tab > li i.on:after {
    left: -20px;
    border-color: transparent transparent transparent #e42313;
}

.step-arrow-tab > li br {
    display: none;
}

/* 회색라인 폼 */

.gray-line-form {
    padding-top: 50px;
}

.gray-line-form .subject-mid {
    border-bottom: 1px solid #eee;
}

.under-gray-box {
    text-align: center;
    background: #f7f7f7;
    padding: 10px 0;
    border-radius: 5px;
    font-size: 14px;
    color: #222;
}

.under-gray-box label {
    font-size: 14px;
    margin-right: 57px;
}

.under-gray-box label i {
    top: 4px !important;
}

.under-gray-box .item.inbox-point input {
    vertical-align: top;
}

.under-gray-box.item.inbox-point a {
    vertical-align: top;
}

.en {
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.form-list {
    font-size: 0;
}

ul.form-list li {
    display: block;
    padding: 8px;
}

ul.form-list li:first-of-type {
    border-top: 1px solid #eee;
}

ul.form-list li:last-of-type {
    border-bottom: 1px solid #eee;
}

ul.form-list li .item {
    position: relative;
}

ul.form-list li .item + .item {
    margin-top: 15px;
}

ul.form-list li .item .sbj {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #222;
    font-weight: 400;
}

ul.form-list li .item .sbj em {
    font-style: normal;
    color: #e42313;
}

ul.form-list li .item .data {
    padding-left: 213px;
}

ul.form-list li .item .data + .data {
    margin-top: 15px;
}

ul.form-list li .item .data a.red-btn {
    vertical-align: top;
}

ul.form-list li .item.inbox-point .data label.radio-custom {
    height: 43px;
    line-height: 43px;
}

label.radio-custom.rwid-1 {
    width: 110px;
}

ul.form-list li .item.inbox-point .sbj {
    top: 9px;
    max-width: 200px;
}

ul.form-list li .item.inbox-point.sbjre .sbj {
    top: 0;
}

ul.form-list.simulator-list li .data {
    padding-left: 30%;
}

ul.form-list .formErrorContent {
    font-size: 12px;
}

/*--- list in option */
ul.form-list li .item .data.lh-set p.bt-pad {
    padding-bottom: 7px;
}

ul.form-list li .item .data.lh-set p + p {
    margin-top: 7px;
}

ul.form-list li .item .data.lh-set p + input[type=text],
ul.form-list li .item .data.lh-set p + input[type=password],
ul.form-list li .item .data.lh-set p + select,
ul.form-list li .item .data.lh-set p + textarea {
    margin-top: 15px;
}

ul.form-list li .item .data.lh-set input[type=text] + p,
ul.form-list li .item .data.lh-set input[type=password] + p,
ul.form-list li .item .data.lh-set select + p,
ul.form-list li .item .data.lh-set textarea + p {
    margin-top: 15px;
}

ul.form-list li .item .data u.at {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    color: #444;
    padding: 0 10px;
    font-weight: 300
}

ul.form-list li .item .data span.txt {
    display: inline-block;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    margin-bottom: 10px;
}

ul.form-list li .item .data span.txt.st {
    font-size: 14px;
}

.txt.red {
    color: #e42313;
}

ul.form-list li .item .data span.txt.w-s1 {
    width: 78px;
}

ul.form-list li .item .data.txt-with-ip span.txt {
    height: 43px;
    line-height: 43px;
    vertical-align: middle;
}

ul.form-list li .item .data a.gray-btn {
    vertical-align: bottom;
}

.item .data.bw-m-all * {
    margin-right: 10px;
}

.item .data.bw-m-all *:last-child {
    margin-right: 0;
}

.item .data .red-txt {
    display: inline-block;
    vertical-align: middle;
    height: 43px;
    line-height: 43px;
    padding: 0 11px;
    font-size: 14px;
    color: #e42313;
    background: #fdedec;
    border-radius: 3px;
    box-sizing: border-box;
}

.item .data .red-txt.st-1 {
    width: calc(100% - 340px);
    margin-left: 10px;
}

.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"] {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 43px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 0 11px;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    box-sizing: border-box;
}

.item.inbox-point input[type=file] {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 43px;
    border-radius: 3px;
    padding: 0 11px;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    box-sizing: border-box;
    border: none;
}

.input_name:first-of-type {
    margin: 0;
    margin-left: 10px;
}

.item.inbox-point input.custom.entry {
    width: 20%;
}

.item.inbox-point select {
    width: 330px;
    padding: 0 40px 0 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../front/img/top/icon_arr_down_min.png") white no-repeat 95% 50%;
    background-size: 12px 8px;
}

.item.inbox-point select::-ms-expand {
    display: none;
}

.item.inbox-point textarea {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 10px;
    font-size: 16px;
    color: #222;
    font-weight: 300;
}

.item.inbox-point .wid-1 {
    width: 330px;
}

.item.inbox-point .wid-2 {
    width: 160px;
}

.item.inbox-point .wid-3 {
    width: 310px;
}

.item.inbox-point .wid-4 {
    width: 660px;
}

.item.inbox-point .wid-100 {
    width: 100%;
}

.item.inbox-point .hit-1 {
    height: 100px;
}

.data .txt-lines {
    display: inline-block;
    vertical-align: top;
    width: 430px;
}

.data .txt-lines div {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #222;
    font-weight: 300;
}

.data .txt-lines div + div {
    margin-top: 9px;
}

.data .txt-lines p,
.data .txt-lines u,
.data .txt-lines em {
    display: inline-block;
    vertical-align: top;
}

.data .txt-lines p {
    width: 182px;
}

.data .txt-lines u {
    text-decoration: none;
    width: 79px;
}

.data .txt-lines em {
    font-style: normal;
    width: 84px;
    text-align: right;
}

.data .txt-lines div.bold {
    font-weight: 500;
}

.data .txt-lines + a.gray-btn {
    vertical-align: bottom;
}


ul.form-list.simulator-list li .data .txt-lines {
    width: 100%;
}

ul.form-list.simulator-list li .data .txt-lines div {
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
}

ul.form-list.simulator-list li .data .txt-lines p {
    width: 35%;
    padding-right: 2%;
    text-align: right;
}

ul.form-list.simulator-list li .data .txt-lines em {
    width: 15%;
}

ul.form-list.simulator-list li .data .txt-lines u {
    width: 18%;
    padding-left: 2%;
}

ul.form-list.simulator-list li .data .txt-lines .txt_date {
    font-size: 12px;
    line-height: 0.8;
    color: #808080;
}

.data.sub-in-put {
}

.data.sub-in-put div {
}

.data.sub-in-put div + div {
}

.data.sub-in-put p {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    font-size: 16px;
    color: #222;
    font-weight: 300;
}

.data.sub-in-put p em {
    font-style: normal;
    color: #e42313;
}

.data.sub-in-put span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #888;
    font-weight: 300;
    margin-left: 10px;
}


.gray-round-box {
    background: #f7f7f7;
    border-radius: 3px;
    padding: 20px;
    box-sizing: border-box;
}

.gray-round-box > p.red {
    font-size: 16px;
    color: #e42313;
    font-weight: 500;
    padding-bottom: 14px;
}

.gray-round-box > p.red i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    width: 21px;
    height: 21px;
    line-height: 21px;
    border-radius: 50%;
    background: #e42313;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    margin-right: 3px;
}

.gray-round-box > p.txt {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    line-height: 1;
}

.gray-round-box > p.txt_14 {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    line-height: 1.4;
}

.gray-round-box .line {
    border: 1px solid #e0e0e0;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #222;
}

.gray-round-box .line-inp {
    font-size: 14px;
    color: #222;
    padding-top: 20px;
}

.gray-round-box .line-inp span,
.gray-round-box .line-inp input {
    display: inline-block;
    vertical-align: top;
    height: 43px !important;
    line-height: 43px;
    font-size: 14px;
    font-weight: 400 !important;
}

.gray-round-box .line-inp span {
    font-size: 14px;
    color: #222;
}

.gray-round-box .line-inp span.lwd {
    width: 170px;
    padding-right: 10px;
    text-align: right;
    box-sizing: border-box;
}

.gray-round-box .line-inp span.swd {
    width: 100px;
    padding-right: 10px;
    text-align: right;
    box-sizing: border-box;
}

.gray-round-box .line-inp input {
    width: calc((100% - 280px) / 2);
}

.gray-round-box .line-inp p.s-red {
    font-size: 14px;
    color: #e42313;
    font-weight: 300;
    padding: 18px 0 5px;
}

.input_name {
    width: calc((100% - 110px) / 3);
    margin-left: 10px;
}


.red-part-line-list {
    position: relative;
    border-top: 1px solid #eee;
}

.red-part-line-list:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 183px;
    height: 3px;
    background: #e42313;
}

.red-part-line-list .line {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.red-part-line-list .line .sub {
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 15px;
    color: #222;
    font-weight: 500;
    max-width: 200px;
}

.red-part-line-list .line .sub em.thin {
    font-style: normal;
    font-weight: 300;
}

.red-part-line-list .line .cont {
    padding-left: 212px;
    font-size: 15px;
    color: #222;
    font-weight: 300;
    line-height: 1.4;
}

.red-part-line-list .line .cont p {
    font-weight: 300;
}

.red-part-line-list .line .cont p.small-txt {
    font-size: 12px;
}

.red-part-line-list .line .cont span.s-tit {
    display: block;
    color: #666;
    font-weight: 500;
}

.red-part-line-list .line .cont .lh-1 {
    line-height: 1.9;
}

.red-part-line-list .line .cont b.red {
    color: #e42313;
    font-weight: 500;
}

.red-part-line-list .line.tlin {
    min-height: 38px;
}

.half-box-area {
    font-size: 0;
}

.half-box-area > div {
}

.half-box-area > div + div {
    margin-top: 8px;
}

.half-box-area > div p {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.half-box-area > div span,
.half-box-area > div u {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #222;
    font-weight: 300;
}

.half-box-area > div span {
    width: 130px;
    color: #666;
}

.half-box-area > div u {
    text-decoration: none;
    width: calc(100% - 130px);
}

.two-box-layout {
    font-size: 0;
}

.two-box-layout p.tit {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    padding-bottom: 10px;
}

.two-box-layout > div {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    margin-right: 1%;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 18px;
    font-size: 16px;
    color: #222;
    background: #fff;
}

.two-box-layout > div:last-of-type {
    margin-right: 0;
    background: #f7f7f7;
}

.two-box-layout > div > span {
    display: block;
    font-weight: 500;
    padding-bottom: 7px;
}

.two-box-layout > div > p {
    font-weight: 300;
    line-height: 1.3;
}

.card-box-layout {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
}

.card-box-layout .tit {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
}

.card-box-layout .tit.gray {
    background: #f7f7f7;
}

.card-box-layout .inbox {
    padding: 20px;
    font-size: 12px;
}

.card-box-layout .inbox > div {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin-right: 1.3333%;
    text-align: center;

}

.card-box-layout .inbox > div:last-of-type {
    margin-right: 0;
}

.card-box-layout .inbox > div img {
    max-width: 100%;
}

.card-box-layout .inbox p {
    text-align: center;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    padding-top: 10px;
}

.double-box-layout .inbox {
    padding: 20px;
    font-size: 0;
}

.bg-table {
    background-color: #F7F7F7;

}

.double-box-layout .inbox > div {
    display: inline-block;
    vertical-align: top;
    width: 42%;
    margin-right: 1.3333%;
    text-align: center;
}

.address_search {
    height: 43px;
    vertical-align: middle;
    display: inline-block;
    margin-left: .5em;
    padding: 4px 10px;
    border-radius: 10px;
}

.copy_of_your_id div:nth-of-type(n+2) {
    margin-top: 18px;
}

.number-amount-contan {
}

.number-amount-contan .top-line {
    font-size: 0;
}

.number-amount-contan .top-line > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    color: #222;
}

.number-amount-contan .top-line > div span {
    display: inline-block;
    padding: 0 20px;
    font-weight: 500;
}

.number-amount-contan .top-line > div p {
    display: inline-block;
    font-weight: 300;
}

.number-amount-contan .price-boxes {
    display: table;
    width: 100%;
    font-size: 0;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.number-amount-contan .price-boxes > div {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 51px;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    background: #fafafa;
}

.number-amount-contan .price-boxes > div:last-of-type {
    border-right: 0;
    background: #fff;
}

.number-amount-contan .price-boxes > div span {
    display: block;
    padding-top: 44px;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.number-amount-contan .price-boxes > div p {
    font-size: 30px;
    color: #222;
    font-weight: 300;
    padding: 7px 0 5px;
}

.number-amount-contan .price-boxes > div p.bred {
    font-weight: 500;
    color: #e42313;
}

.number-amount-contan .price-boxes > div u {
    text-decoration: none;
    font-size: 14px;
    color: #222;
    font-weight: 300;
}

.number-amount-contan .price-boxes > div i {
    position: absolute;
    right: -16px;
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
    z-index: 2;
}

.number-amount-contan .price-boxes > div i.plus {
    background: url("../front/img/top/cir_icon_plus.svg") no-repeat left top;
    background-size: 32px;
}

.number-amount-contan .price-boxes > div i.minus {
    background: url("../front/img/top/cir_icon_minus.svg") no-repeat left top;
    background-size: 32px;
}

.number-amount-contan .price-boxes > div i.equal {
    background: url("../front/img/top/cir_icon_equal.svg") no-repeat left top;
    background-size: 32px;
}

.number-amount-contan .text-area {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    line-height: 1.4;
    padding-top: 15px;
}

.center-txt-cont {
    text-align: center;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    line-height: 2;
    padding: 20px 0;
}

.table-style table {
    width: 100%;
    table-layout: fixed;
}

.table-style table th,
.table-style table td {
    padding: 13px 10px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    font-weight: 300;
    text-align: Center;
}

.table-style table th {
    background: #f7f7f7;
    color: #222;
}

.table-style table td {
    border-right: 1px solid #eee;
}

.table-style table td:last-of-type {
    border-right: 0;
}


.table-style ul {
    display: block;
    width: 100%;
    font-size: 0;
}

.table-style li {
    display: table;
    vertical-align: middle;
    width: 100%;
    table-layout: fixed;
    border-left: 1px solid #eee;
}

.table-style li.th {
    background: #f7f7f7;
    color: #222;
}

.table-style li p {
    display: table-cell;
    vertical-align: middle;
    padding: 13px 10px;
    min-height: 46px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    color: #666;
    font-size: 16px;
    font-weight: 300;
    text-align: Center;
}

.table-style.half-mode {
    font-size: 0;
}

.table-style.half-mode ul {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.table-style.half-mode ul:last-of-type p:last-of-type {
    border-right: 0;
}


.table-style.min-style {
    border-top: 0;
}

.table-style.min-style .item {
    border: 1px solid #e2e2e2;
    padding: 15px;
    border-radius: 5px;
    background: #fafafa;
}

.table-style.min-style .item + .item {
    margin-top: 10px;
}

.table-style.min-style .item .line {
    position: relative;
    font-size: 15px;
    font-weight: 300;
}

.table-style.min-style .item .line + .line {
    margin-top: 5px;
}

.table-style.min-style .item .line span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 180px;
    color: #222;
}

.table-style.min-style .item .line p {
    color: #666;
    padding-left: 195px;
}

.mo-ver {
    display: none;
}

.mo-ver2 {
    display: none;
}

.online-customer-center {
    background: #e42313;
    border-radius: 5px;
    padding: 10px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.online-customer-center .red-area {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 300px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.online-customer-center .red-area p {
    font-size: 24px;
}

.online-customer-center .number-area {
    display: table-cell;
    width: calc(100% - 300px);
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 25px 0;
}

.online-customer-center .number-area span.txt_num {
    display: block;
    font-size: 36px;
    color: #222;
    font-weight: 600;
}

.online-customer-center .number-area p {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    padding-top: 6px;
}

.online-customer-center .number-area p b {
    font-weight: 500;
}

/*My Account*/
.account-top-state {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.account-top-state .welcome {
    width: 65%;
    text-align: center;
    font-size: 20px;
    color: #222;
    font-weight: 300;
    padding-bottom: 30px;
    padding-top: 20px;
    border-top: 3px solid #e00000;
}

.account-top-state .welcome b {
    font-size: 20px;
    font-weight: 500;
}

.account-top-state .state-boxes {
    width: 80%;
    border-top: 1px solid #eee;
}

.account-top-state .state-boxes ul {
    font-size: 0;
    display: grid;
    place-items: center;
    grid-template-columns: auto auto auto;
    margin-top: 30px;
}

.account-top-state .state-boxes li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    min-width: 300px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.account-top-state .state-boxes li:last-of-type {
    border-right: 0;
}

.account-top-state .state-boxes li a {
    display: block;
    position: relative;
    top: -1px;
    text-align: center;
    padding-top: 20px;
    height: 130px;
    box-sizing: border-box;
}

.account-top-state .state-boxes li a img {
    width: 60px;
}

.account-top-state .state-boxes li a p {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    padding-top: 10px;
}

.account-top-state .state-boxes li a.on,
.account-top-state .state-boxes li a:hover {
    background: #f8f8f8;
    padding-top: 17px;
    border: 1px solid #eee;
}

.red-bar-title {
    border-left: 3px solid #e42313;
    padding-left: 17px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #222;
    font-weight: 700;
}

.red-bar-title em {
    font-style: normal;
    font-weight: 300;
}

h1.title {
    padding-left: 10px;
    border-left: 5px solid #d1171a;
}

h1.title-ekyc {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 5px solid #d1171a;
}

h2.title.blue {
    border-bottom: 1px solid #094d9b;
}

h3.title_h3 {
    font-size: 20px;
    line-height: 1.2;
    padding-left: 18px;
    color: #222;
    font-weight: 700;
    position: relative;
}

h3.title_h3 em {
    font-size: 16px;
    padding-left: 6px;
    color: #777;
}

h3.title_h3 a.red-t-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 1;
    color: #e42313;
    font-weight: 700;
    border-bottom: 1px solid #e42313;
    padding-bottom: 1px;
    font-style: italic;
}

h3.title_h3:before {
    content: "";
    height: 2px;
    width: 8px;
    background-color: #e42313;
    position: absolute;
    left: 0;
    top: 11px;
}

h3.title_sub {
    font-size: 17px;
    padding-bottom: 5px;
    border-bottom: 1px solid #da1e38;
    font-weight: bold;
}


h3.title span {
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    display: block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #009749;
    background-color: #d1171a;
    content: "";
}

h3.title.gray span {
    background-color: #da1e38;
}

.table-style2 table {
    width: 100%;
}

.table-style2 table th,
.table-style2 table td {
    font-size: 14px;
    font-weight: 300;
    color: #222;
    padding: 17px 15px;
    text-align: center
}

.table-style2 table thead th {
    background: #f8f8f8;
    color: #888;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.table-style2 table td {
    border-bottom: 1px solid #eee;
}

.table-style2 table td i {
    text-decoration: none;
    border-bottom: 1px solid #a9a9a9;
}

.table-style2 table td i.red {
    color: #e42313;
    border-color: #e42313;
}

.table-style2 table td .list-box {
}

.table-style2 table td .list-box p + p {
    margin-top: 5px;
}

.table-style2 table td .list-box p span {
    display: inline-block;
    width: 111px;
    color: #888;
}

.table-style2 table tr:nth-of-type(even) td {
    background: #f8f8f8;
}

.table-style2 table td .nodata {
    text-align: Center;
    padding: 80px 0;
}

.table-style2 table td .nodata img {
    width: 33px;
}

.table-style2 table td .nodata p {
    font-size: 14px;
    color: #222;
    font-weight: 300;
    padding-top: 13px;
}


.table-style2.min-style {
}

.table-style2.min-style .item {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.table-style2.min-style .item + .item {
    margin-top: 10px;
}

.table-style2.min-style .top {
    position: relative;
    background: #fafafa;
    padding: 15px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.table-style2.min-style span {
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.table-style2.min-style .top span {
    left: 10px;
}

.table-style2.min-style p {
    padding-left: 140px;
    text-align: right;
    font-size: 15px;
    color: #222;
}

.table-style2.min-style ul {
    padding: 0 10px 10px 10px;
}

.table-style2.min-style li {
    position: relative;
    display: block;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0;
}

.table-style2.min-style li p.in-list {
    padding-left: 0;
    padding-top: 27px;
}

.table-style2.min-style li p.in-list u {
    position: relative;
    text-decoration: none;
    display: block;
}

.table-style2.min-style li p.in-list u + u {
    margin-top: 5px;
}

.table-style2.min-style li p.in-list em {
    position: relative;
    font-style: normal;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #888;
    width: 115px;
    text-align: left;
}

.table-style2.min-style li p.in-list em:after {
    content: ':';
    position: absolute;
    right: 0;
    top: 0;
}

.table-style2.min-style li p.in-list i {
    font-style: normal;
    display: block;
    padding-left: 120px;
    font-size: 15px;
    color: #222;
}

.table-style2.min-style li:last-of-type {
    border-bottom: 0;
}

.table-style2.min-style a.bot-detail-btn {
    display: block;
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #222;
    font-weight: 300;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fafafa;
}


.list-gray-radio {
    padding: 12px 30px;
    background: #f7f7f7;
    border-radius: 5px;
}

.list-gray-radio ul {
    font-size: 0;
}

.list-gray-radio li {
    position: relative;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    border-bottom: 1px solid #ddd;
}

.list-gray-radio li:last-of-type {
    border-bottom: 0;
}

.list-gray-radio li div {
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
}

.list-gray-radio li div label + label {
    margin-left: 25px;
}


.search-box-area {
    text-align: center;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 5px;
}

.search-box-area a {
    vertical-align: middle;
}

.table-board-tab {
    text-align: center;
    font-size: 0;
    height: 48px;
    line-height: 46px;
    border-bottom: 1px solid #aaa;
    margin-top: 15px;
}

.table-board-tab a {
    display: inline-block;
    vertical-align: top;
    padding: 0 9px;
    margin: 0 25px;
    font-size: 18px;
    color: #666;
    font-weight: 500;
    padding-bottom: 3px;
}

.table-board-tab a.on {
    color: #e42313;
    border-bottom: 3px solid #e42313;
    padding-bottom: 0;
}

.board-container {
}

.board-container .in-board {
    display: none;
}

.board-container .in-board:first-of-type {
    display: block;
}

.board-table-layout {
    padding-top: 40px;
}

.board-table-layout ul {
    font-size: 0;
    border-top: 1px solid #eee;
}

.board-table-layout li {
    display: block;
    border-bottom: 1px solid #eee;
}

.board-table-layout li a {
    display: block;
    position: relative;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    padding: 16px 25px 16px 57px;
    text-decoration: none;
}

.board-table-layout li i {
    left: 0;
    top: 13px;
    font-style: normal;
    display: inline-block;
    width: 75px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
}

.list-margin {
    margin-left: 30px;
}

.board-table-layout li .answer {
    display: none;
    position: relative;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    background: #f7f7f7;
    padding: 16px 25px 16px 57px;
    ine-height: 1.4;
}

.board-table-layout li .answer i {
    color: #e42313;
    top: 15px;
}

.board-table-layout li.on a {
    font-weight: 500;
}

.board-table-layout li.on a i {
    color: #222;
    font-weight: 500;
}

.board-table-layout li.on a + .answer {
    display: block;
}


/*pageing*/
.pageing-area {
    padding: 40px 0;
    text-align: center;
    font-size: 0;
}

.pageing-area a {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px 11px;
}

.pageing-area a + a {
    margin-left: 6px;
}

.pageing-area a.first {
    background-image: url('static/front/img/top/btn_pageing_first.png');
}

.pageing-area a.prev {
    background-image: url('static/front/img/top/btn_pageing_prev.png');
}

.pageing-area a.next {
    background-image: url('static/front/img/top/btn_pageing_next.png');
}

.pageing-area a.end {
    background-image: url('static/front/img/top/btn_pageing_end.png');
}

.pageing-area a.arrow {
    font-weight: bold;
    font-size: 20px;
    color: #777;
}

.pageing-area ul {
    display: inline-block;
    vertical-align: top;
    padding: 0 3px;
}

.pageing-area ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 3px;
}

.pageing-area ul li.ellipsis {
    font-size: 14px;
    line-height: 28px;
    width: 34px;
    height: 34px
}

.pageing-area ul li a.on {
    border-color: #888;
    background: #888;
    color: #fff;
    font-weight: bold;
}

.pageing-area ul.large {
    display: inline-block;
}

.pageing-area ul.small {
    display: none;
}


.flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.flex_box-r {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    margin: 0 auto;
}

.flex_box-r li {
    margin-left: 15px;
}

.flex_box--s {
    width: 580px;
}

.flex_box.box_calendar {
    justify-content: left !important;

}

.d_table01 {
    display: table;
}

.d_table01 div {
    display: table-cell;
    padding: 0 5px 0 0;
}

.d_table01 div:nth-of-type(2n+2) {
    padding: 0 0 0 5px;
}

.d_table01 li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 15px;
}


label.file-custom {
    display: inline-block;
    vertical-align: middle;
}

label.file-custom input {
    display: none;
}

label.file-custom span {
    display: inline-block;
    width: 119px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #222;
    border-radius: 3px;
    cursor: pointer;
}

.black-btn {
    display: inline-block;
    width: 119px;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #222;
    border-radius: 3px;
}

.gray-btn {
    display: inline-block;
    width: 119px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #888;
    border-radius: 3px;
}

.red-btn {
    display: inline-block;
    width: 119px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #e42313;
    border-radius: 3px;
}

.le-m {
    margin-left: 10px;
}

.btnCallOff {
    background: #B9B9B9 !important;
}

.round-sb-btn {
    display: inline-block;
    width: 277px;
    height: 55px;
    line-height: 55px;
    text-align: Center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 28px;
    margin-left: 10px;
    text-decoration: none
}

.round-sb-btn--auto {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 28px;
    text-align: Center;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 55px;
    border-radius: 28px;
}

.round-sb-btn:hover {
    text-decoration: none;
    opacity: 0.5;
    transition: all 0.3s;
}

.round-sb-btn.red, .round-sb-btn--auto.red {
    background: #e42313;
}

.round-sb-btn.white {
    background: #fff;
    border: 1px solid #e42313;
    color: #e42313;
}

.round-sb-btn.black {
    background: #fff;
    border: 1px solid #222;
    color: #222;
}

.round-sb-btn.gray {
    background: #888;
}

.round-sb-btn:disabled {
    background: silver;
}

.round-sb-btn.btn_small {
    width: auto;
    padding: 0 15px;
    min-width: 100px;
    height: auto;
    font-size: 12px;
    line-height: 32px;
}

.btn-area-center-less-pad {
    padding: 30px 0;
    text-align: center;
    font-size: 0;
}

.btn-area-center {
    padding: 60px 0;
    text-align: center;
    font-size: 0;
    vertical-align: middle;
}

.btn-area-center a + a {
    margin-left: 10px;
}

.btn-area-right {
    padding: 20px 0;
    text-align: right;
}

.btn-wide-area {
    font-size: 0;
}

.btn-wide-area a {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    height: 48px;
    line-height: 48px;
    padding: 0 18px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    background: #f7f7f7 url("../front/img/top/icon_arr_right_min.png") no-repeat 97% 50%;
    background-size: 8px 12px;
    color: #222;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.btn-wide-area a + a {
    margin-left: 1%;
}

.btn-wide-area a:hover {
    background-color: #e42313;
    background-image: url("../front/img/top/icon_arr_right_min_w.png");
    background-size: 8px 12px;
    color: #fff;
    border-color: #e42313;
}

/* mobile bottom - red circle btn*/

a.float-menu-btn {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: url("../front/img/top/float-circlr-menu.png") no-repeat left top;
    background-size: contain;
    z-index: 201;
    border-radius: 50%;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
}

a.float-menu-btn.on {
    background-image: url("../front/img/top/float-circlr-menu_close.png");
}


.exchangeWrap .commonTable.remittanceCardInfo table td {
    text-align: left;
    width: auto;
}

.entry table th {
    width: 200px;
}

.entry table th {
    width: 30%;
    background: #f7f7f7;
    font-weight: bold;
}

.entry table td {
    width: auto;
}

#contents .oneBlock.remittanceWrap {
    padding: 0;
}

#contents .oneBlock.remittanceWrap h1.imgWrap {
    display: none;
}

ol.list_style {
    list-style: decimal inside;
}

ol.list_style li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}


input[type="submit"], input[type="button"], button, a, input[type="radio"] {
    cursor: pointer;
}

input.alert {
    border-color: #e42313 !important;
    background-color: mistyrose !important;
}

input.alert::placeholder {
    color: #e42313;
    font-weight: bold;
}

.hide {
    display: none !important;
}

.hide_with_padding {
    padding: 0 !important;
}


ul.pagination {
    display: none;
}

/*********** Mypage *****************/
table.table_detaile01 {
    width: 100%;
    border-collapse: collapse;
}

table.table_detaile01 th {
    border: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #f7f7f7;
    padding: 10px 15px;
    text-align: right;
    width: 20%;
    box-sizing: border-box;
}

table.table_detaile01 td {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 10px 12px;
    box-sizing: border-box;
}

table.table_detaile01 th.cell_attention01 {
    background-color: #ffe0e0;
    border: 3px solid #f00 !important;
}

table.table_detaile01 td.cell_attention02 {
    position: relative;
    border-left: 3px solid #f00 !important;
    border-right: 3px solid #f00 !important;
}

table.table_detaile01 tr:last-of-type td.cell_attention02 {
    border-bottom: 3px solid #f00 !important;
}


.list_orderdetail01 li {
    margin-bottom: 10px;
}

.list_orderdetail01 li:last-of-type {
    margin-bottom: 0;
}

.list_caution {
    font-size: 14px;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.txt_more {
    height: auto;
    transition: height 300ms;
}

.txt_more .txt_more-bg {
    display: none;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.btn_more,
.btn_close {
    display: none;
}

.btn_more a,
.btn_close a {
    font-size: 16px;
    text-decoration: underline !important;
    color: #f00 !important;
    font-weight: bold;
}

/*--------------------------------------------------------
eKYC
--------------------------------------------------------------------*/
.header.header-ekyc img {
    width: 200px;
    vertical-align: top;
    margin-left: 15px;
    margin-top: 5px;
}

.body-ekyc {
    padding: 20px;
}

.body-ekyc p {
    margin-bottom: 0;
}

a.goto-prev {
    display: block;
    font-size: 16px;
    color: #fff;
}

.goto-prev i {
    margin-right: 8px;
    color: #ff7900;
}

.title_ekyc-h1 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin: 16px 0 10px;
}

.body-ekyc .app-ekyc {

}

.contents-photoframe {
    position: relative;
    background-color: #fff3;
    margin: 0 auto;
}

img.img-frame {
    display: none;
}

.box_button-ekyc {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
}

.box_button-ekyc button {
    width: 100%;
}

ul.list_button-ekyc {
    padding: 0;
    margin: 0;
}

.list_button-ekyc li {
    width: 48%;
}

.txt_eKyc-msg {
    line-height: 1.6;
}

.txt_eKyc-timer {
    font-size: 18px;
}

.btn-photo-next {
    background-color: #ff7900;
    color: #fff;
}

.btn-photo-back {
    background-color: #fff;
    color: #333;
}

.jconfirm {
    color: #333;
}

.list_howto-ekyc dt {
    font-weight: 700;
    font-size: 15px;
}

.list_howto-ekyc dd p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0 !important;
}

.list_howto-ekyc dd .img_cap {
    border: 1px solid #ddd;
    margin-top: 10px;
}

.border-top01 {
    border-top: 1px solid #333;
}

.footer-ekyc {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-top: 20px;
    height: auto;
    border-top: 1px solid #ddd;
}

.footer-ekyc-contents {
    width: 100%;
    padding-top: 20px;
    margin-top: 50px;
    border-top: 1px solid #ddd;
}

.questionList li {
    font-size: 18px;
    margin-top: 18px;
}

.questionList li:first-child {
    margin-top: 0;
}

.questionList li i {
    color: #e42313;
}

.answerList li {
    line-height: 28px;
    margin-bottom: 24px;
}

.gnFrameFaq {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
}


/*FAQ*/
.qaCategory {
    padding: 12px;
}

.qaCategory .left,
.qaCategory .right {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.qaCategory .qaItemList dl {
    padding-left: 12px;
}

.qaCategory .qaItemList h3 {
    line-height: 24px;
    font-weight: normal;
    padding-left: 24px;
}

.list_faq-top dl {
    display: table;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
}

.list_faq-top dl dt,
.list_faq-top dl dd {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

.list_faq-top dl dt {

}

.list_faq-top dl a {
    display: block;
}

.list_faq-top dl .qa_tile {
    font-weight: 700;
    font-size: 20px;
}

.navCategory .qaCategory {
    float: left;
    width: 280px;
}

.navCategory .qaDetail {
    float: right;
    width: 800px;
    font-size: 13px;
}

.navCategory .qaDetail table th {
    width: 30px;
    text-align: center;
}

.navCategory .qaDetail table th:nth-child(2) {
    width: 450px;
}

.navCategory .qaDetail table td {
    width: 450px;
}

.navCategory .qaCategory .qaItemList:first-child {
    margin-top: -12px;
}

.navCategory .qaCategory .qaItemList dl {
    padding: 0px;
}

.navCategory .qaCategory .qaItemList h3 {
    font-size: 20px;
    line-height: 30px;
    padding-left: 24px;
}

.navCategory .qaCategory .qaItemList h3.title span {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 16px;
    height: 14px;
    content: "";
}

.navCategory .qaCategory .qaItemList dl dd {
    margin-bottom: 24px;
    display: none;
}

.navCategory .qaCategory .qaItemList dl dd ul li {
    padding-left: 36px;
    margin-bottom: 6px;
    line-height: 1.4;
}

.qaDetail dl dt,
.qaDetail dl dd {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #dcdcdc;
}

.qaDetail dl dt {
    background-color: #f7f7f7;
}

.qaDetail dl dt span {
    display: block;
}

.qaDetail dl dd {
    background-color: #fff;
}

.qaDetail dl dd p {
    margin-top: 1em;
}

.qaDetail dl dd p:first-child {
    margin-top: 0;
}


.newsIcon {
    color: #808080;
}

.campaignIcon {
    color: #ff0000;
}

.importantIcon {
    color: #ff0000;
}

.dynamic_form .txt_error .errorlist {
    font-size: initial;
}

.dynamic_form .txt_error .errorlist li {
    border: none !important;
    color: #e42313 !important;
    font-weight: bold !important;
}

a[href$=".pdf"] {
    padding-left: 20px;
    background: url("../front/img/top/icon_pdf.png") left center no-repeat;
    color: #0B90C4;
}

#main .id_proc_msg .head {
    color: #d1171a;
    font-weight: bold;
    font-size: 1.1em;
}

#main .id_proc_msg a {
    text-decoration: underline;
    color: #0B90C4;
}

#main .id_proc_msg a, #main .id_proc_msg p.head, #main .id_proc_msg p.body {
    margin: 0;
}

a.afu {
    text-decoration: underline;
}


input[type="radio"][name$="is_agreed"] {
    margin-right: 7px;
    accent-color: #444;
    inline-size: 1.1em;
    block-size: 1.1em;
}

.help_text {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

#main p {
    margin-bottom: 12px;
}

/*--------------------------------------
Identity verification
----------------------------------------------------------------------------*/
.box_flex-id {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box_border01 {
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.contents_idCard .blocK_idCard {
    box-sizing: border-box;
    border: 1px solid #b6b6b6;
    width: 49%;
    position: relative;
    margin-bottom: 10px;
}

.menu_idCard {
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    padding: 10px 38px 10px 10px;
}

.menu_idCard:before {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    right: 18px;
    width: 18px;
    height: 18px;
    transform: rotate(180deg);
}

.menu_idCard dl {
    display: table;
}

.menu_idCard dl dt,
.menu_idCard dl dd {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
}

.menu_idCard dl dt {
    width: 130px;
    padding-right: 10px;
}

.menu_idCard dl dt img {
    width: 100%;
    height: auto;
}

.blocK_idCard-inner.remodal {
    padding: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: left;
}

.item_idCard-txt {
    text-indent: -0.6em;
    padding-left: 1.3em;
}

.item_idCard-list li {
    margin-top: 10px;
    padding-left: 1.7em;
    position: relative;
}

.ico_num {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 13px;
    background-color: #d1171a;
    border-radius: 3px;
    line-height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.item_idCard-img li {
    width: 49%;
}

.item_idCard-img img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.blocK_idCard-inner.remodal {
    padding: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: left;
}

.item_idCard-img li {
    width: 49%;
}

.item_idCard-img img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.process-group {
    display: flex;
    justify-content: center;
}

.process {
    display: inline-flex;
    width: calc(100% / 3);
    padding: 0.3em;
}

.process-inbox {
    text-align: center;
    border: solid 1px #e3e3e3;
    border-radius: 1em;
}

.description {
    padding: 0 6em;
    height: 5em;
}

.step {
    color: #e42313;
    font-size: 180%;
}

.title {
    font-weight: bold;
    font-size: x-large;
    padding: .6em;
}

.whiteBox {
    display: block;
    border: solid 1px #e3e3e3;
    border-radius: 1em;
    padding: 20px;
}

.whiteUL {
    display: block;
    padding: 10px;
}

.whiteLI {
    width: calc(99% / 2);
    text-align: center;
    display: inline-block;
}

.whiteInbox {
    border: solid 1px #e3e3e3;
    border-radius: 1em;
    display: inline-block;
    padding: 1em;
}

.whiteIMG {
    border: solid 1px #e3e3e3;
    vertical-align: middle;
}

.function-box {
    padding-left: 20px;
    width: 70%;
    display: inline-block;
}

.function-line {
    margin: 1em;
    color: #f7f7f7;
    display: block;
}

#id_register-card_type {
    display: inline-flex;
}

#id_register-card_type li {
    padding-right: 12px;
}

#id_register-card_type li input[type="radio"] {
    transform: scale(1.2);
    margin-bottom: 0.1em;
}

#contents_top04 {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.small-txt {
    font-size: 12px;
}