@charset "UTF-8";
@import url(/assets/common/common/fonts/ROBOTO/fonts.css); /* CONFIG */
/*///////////////////   Main Primary Color   //////////////////////*/
/*///////////////////   Secondary Primary Color   //////////////////////*/
/*///////////////////   Footer Primary Color   //////////////////////*/
/*///////////////////   Border Color   //////////////////////*/
@import url(/assets/common/common/fonts/NunitoSans/font.css);
.ct_border {
  border: 1px solid #ddd !important;
  padding: 0;
}

.ct_border2 {
  border: 1px solid #ddd !important;
}

.ct_boxborder {
  border: 1px solid #ddd !important;
  padding: 20px;
}

.ct_boxborder2, .ct_sec11 {
  border: 1px solid #ddd !important;
  padding: 0;
}

.ct_bdnone, .ct_td6 .ct_tblast2, .ct_td6 .ct_tblast, .ct_td2, .ct_td1, .ct_tdsec1, .ct_nav1B .ct_nlast, .ct_topnav .ct_mainli, .ct_topnav .ct_mainbtn {
  border: 0 !important;
}

.ct_bdright, .ct_td6 .ct_tblast, .ct_secptbrightbr, .ct_secptbrightbrC, .ct_sec6D, .ct_nav1B li, .ct_thumbsec li, .ct_topnav li {
  border-right: 1px solid #ddd !important;
}

.ct_bdleft, .ct_secptoplftbttmbr, .ct_mainnav_v2 .ct_mainnavul > li > a, .ct_mainnav .ct_mainnavul > li > a, .ct_main_logo .ct_sponsor2, .ct_main_logo .ct_sponsor {
  border-left: 1px solid #ddd !important;
}

.ct_bdleft2 {
  border-left: 1px solid #ddd !important;
  padding: 20px;
}

.ct_bdleftright, .ct_mainnav_v2 .ct_mainnavul .ct_mlast, .ct_mainnav .ct_mainnavul .ct_mlast {
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

.ct_bdtop, .ct_tbdtop, .ct_sec6B, .ct_sec6, .ct_sec1C, .ct_sec1B, .ct_sec1 {
  border-top: 1px solid #ddd !important;
}

.ct_bdtopC1 {
  border-top: 1px solid #ddd !important;
  border-color: #363636 !important;
}

.ct_bdtopbttom, .ct_sec4 {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}

.ct_bdlefttop {
  border-left: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
}

.ct_dbtopright {
  border-top: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

.ct_bdrightbttom {
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}

.ct_bdbttom, .ct_sec6C {
  border-bottom: 1px solid #ddd !important;
}

.ct_leftrightbttom {
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}

.ct_toprightbttom {
  border-top: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}

/*///////////////////   Padding Section   //////////////////////*/
.ct_pd {
  padding: 20px !important;
}

.ct_pd1b {
  padding: 10px;
}

.ct_pd2 {
  padding: 10px 20px !important;
}

.ct_pd2b {
  padding: 20px 40px !important;
}

.ct_pd3 {
  padding: 40px 60px;
}

.ct_pd4 {
  padding: 40px;
}

.ct_pd5 {
  padding: 10px;
}

.ct_pdtop, .ct_sec15F {
  padding-top: 20px !important;
}

.ct_pdtop2 {
  padding-top: 10px;
}

.ct_pdbttom {
  padding-bottom: 20px !important;
}

.ct_pdtopbttom {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.ct_pdlefts {
  padding-left: 10px;
  padding-right: 0;
}

.ct_pdrights {
  padding-left: 0;
  padding-right: 10px;
}

.ct_pdrights2 {
  padding-right: 20px;
}

.ct_pdleftright {
  padding: 0 10px;
}

.ct_pdcus1 {
  padding: 0 3px 3px 0;
}

.ct_pdcus2 {
  padding: 0 0 3px 0;
}

.ct_pdcus3 {
  padding: 50px 100px;
}
@media (max-width: 1200px) {
  .ct_pdcus3 {
    padding: 20px 30px;
  }
}

.ct_pdcus4 {
  padding: 70px 0;
}

.ct_td13 tr td {
  height: 100px;
}

/*///////////////////   Margin Color   //////////////////////*/
.ct_mrtop {
  margin-top: 20px !important;
  display: block;
}

.ct_mrtop2 {
  margin-top: 20px !important;
}

.ct_mrtop3 {
  margin-top: 30px !important;
}

.ct_mrtop4 {
  margin-top: 50px !important;
}

.ct_mrtop5 {
  margin-top: 44px;
}

.ct_mrtop6 {
  margin-top: 10px;
}

.ct_mrtop7 {
  margin-top: 5px;
}

.ct_mrtopbttom {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  display: block;
}

.ct_mrtopbttom2 {
  margin: 15px 0 !important;
  display: block;
}

.ct_mrtopbttom3 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.ct_mrbttom3 {
  margin-bottom: 50px !important;
}

.ct_mrbttom4 {
  margin-bottom: 30px !important;
}

.ct_mrbttom5 {
  margin-bottom: 20px !important;
}

.ct_mrleftC {
  margin-left: 5px;
}

.ct_mrrightSm {
  margin-right: 8px;
}

.ct_mrrightSm2 {
  margin-right: 3px;
}

.ct_mrrightSm3 {
  margin-right: 4px;
}

.ct_mrright {
  margin-right: 20px !important;
}

.ct_mrleftC2 {
  margin-left: 10px;
}

.ct_mrleftC3 {
  margin-left: 40px;
}

.box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

* {
  margin: 0;
  padding: 0;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a, a:hover, a:focus, a:active {
  text-decoration: none;
}

table {
  font-size: 14px;
  margin: 0 !important;
}
table td, table th {
  border-top: 0 !important;
}

p {
  font-size: 14px;
  line-height: 1.7em;
  color: #333;
}

.nopadding {
  padding: 0 !important;
}

.h1, .h2, .h3, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

body {
  background-color: #FBFBFB;
  font: 100% Roboto, "Open Sans", sans-serif;
  font-size: 14px;
}

.ct_main_logo li {
  display: inline-block;
}
.ct_main_logo .ct_sponsor {
  padding-left: 10px;
  margin-left: 10px;
}
.ct_main_logo .ct_sponsor2 {
  border-color: #1a2741 !important;
  padding-left: 10px;
  margin-left: 10px;
}

.ct_headerwrp {
  padding: 22px 0;
}

.ct_topnav {
  text-align: right;
}
.ct_topnav li {
  display: inline-block;
  color: #868686;
  padding: 0 12px 0 10px;
  margin: 0;
  font-size: 14px;
}
.ct_topnav li a {
  color: #686868;
}
.ct_topnav li a img {
  width: 24px;
  margin: 5px;
}
.ct_topnav li a:hover, .ct_topnav li .ct_topnav li a:active {
  color: #2e7ad8 !important;
}
.ct_topnav .ct_mainbtn {
  padding: 0 !important;
}
@media (max-width: 991px) {
  .ct_topnav li a {
    color: #7b7b7b;
    font-size: 24px;
    font-weight: normal;
  }
  .ct_topnav li a:hover, .ct_topnav li .ct_topnav li a:active {
    color: #7b7b7b !important;
  }
}

.ct_mainnav .ct_mainnavul {
  font-size: 0;
}
.ct_mainnav .ct_mainnavul > li {
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.ct_mainnav .ct_mainnavul > li > a {
  color: #000;
  padding: 0 46px;
}
.ct_mainnav .ct_mainnavul > li:hover a {
  color: #2e7ad8;
}
/* ==================  Template Version Two "MyPage"   =========== */
.ct_headerwrp_temp2 {
  background: #0f1a30;
  padding: 14px 15px;
}
.ct_headerwrp_temp2 .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#menu-toggle {
  outline: none;
}

.icon-icon-menu {
  font-size: 30px;
  margin-right: 10px;
}

.icon-icon-global {
  font-size: 30px;
}

#selfie-jp {
  height: 54px;
}
@media (max-width: 991px) {
  #selfie-jp {
    height: 104px;
    justify-content: flex-start;
  }
}

.icon-icon-06 {
  width: 24px;
  height: 24px;
}
.unverified .icon-icon-06 {
  background-image: url("/assets/common/common/img/icon/camera-red.svg");
}
.verified .icon-icon-06 {
  background-image: url("/assets/common/common/img/icon/camera-green.svg");
}
.pending .icon-icon-06 {
  background-image: url("/assets/common/common/img/icon/camera-blue.svg");
}

.welcome p {
  padding-top: 2px;
  padding-right: 5px;
  margin: 0;
  font-size: 11px;
}

.interest {
  vertical-align: bottom;
  position: relative;
}
.interest > a:hover {
  cursor: pointer;
}
.interest p {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  margin: 0 0 0 50px;
}
.interest p span {
  color: #fce22a;
}
.interest .coins {
  display: inline-block;
  width: 60px;
  height: 55px;
  position: absolute;
  top: -29px;
  right: -55px;
}

.ct_mainnav_v2 .ct_mainnavul {
  font-size: 0;
}
.ct_mainnav_v2 .ct_mainnavul > li {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.ct_mainnav_v2 .ct_mainnavul > li > a {
  color: #7e848b !important;
  border-color: #1a2741 !important;
  padding: 0 38px;
}
.ct_mainnav_v2 .ct_mainnavul > li > a:hover {
  color: #62a8ff !important;
}
.ct_mainnav_v2 .ct_mainnavul > li > .header-dropdown-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 0;
  background-color: #212938;
  z-index: 1;
}
.ct_mainnav_v2 .ct_mainnavul > li > .header-dropdown-wrapper > .dropdown-item {
  display: block;
  padding: 10px 20px;
  min-width: 169px;
  color: #a5afc4 !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
}
.ct_mainnav_v2 .ct_mainnavul > li > .header-dropdown-wrapper > .dropdown-item:hover {
  color: #fff !important;
  cursor: pointer;
}
.ct_mainnav_v2 .ct_mainnavul > li:hover > .header-dropdown-wrapper {
  display: block;
}
.ct_mainnav_v2 .ct_mainnavul .active_v2 a {
  color: #62a8ff !important;
}
.ct_mainnav_v2 .ct_mainnavul .ct_mlast {
  border-color: #1a2741 !important;
}

#LP_DIV_1471576831712 div div {
  margin-top: 0 !important;
}

.LPMcontainer div {
  margin-top: 0 !important;
}

#wrapper.nav_toggled #sidebar_wrapper {
  left: 0;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  padding: 0;
  background-color: #fff;
  color: #474747;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: -320px;
  width: 320px;
  height: 100% !important;
  display: block;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#sidebar-wrapper a {
  font-size: 16px;
  color: #474747;
}
#sidebar-wrapper a:hover, #sidebar-wrapper a:focus, #sidebar-wrapper a:active {
  color: #2e7ad8;
}
#sidebar-wrapper #sidebar_desc p {
  font-size: 11px;
  color: #aeaeae;
  margin-top: 20px;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec {
  padding-left: 0;
  padding-right: 0;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec h4 {
  font-weight: bold;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec h4:hover, #sidebar-wrapper #sidebar_nav .nav_wrap_sec h4:focus, #sidebar-wrapper #sidebar_nav .nav_wrap_sec h4:active, #sidebar-wrapper #sidebar_nav .nav_wrap_sec h4:visited {
  color: #2e7ad8;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
  border: 0;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading {
  border: 0 !important;
  padding: 10px 30px;
  border-radius: 0;
  background: #fff;
  position: relative;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading h4 > [class^=icon] {
  color: #93abc3;
  font-size: 43px;
  vertical-align: middle;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading a {
  width: 100%;
  display: block;
  text-align: left;
  font-weight: bold;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading a [class^=icon] {
  position: absolute;
  color: #2e7ad8;
  font-size: 16px;
  top: 13px;
  right: 30px;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading a .panel + .panel {
  margin-top: 0;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading a:hover, #sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading a:active {
  color: #2e7ad8 !important;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .last {
  padding-bottom: 20px;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-heading.collapsed .icon-keyboard_arrow_right {
  position: absolute;
  color: #000;
  font-size: 20px;
  top: 10px;
  right: 30px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-collapse .list-group {
  border-top: 1px solid #fff;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-collapse .list-group .list-group-item {
  background: #fff;
  color: #474747;
  border: 0;
  padding: 8px 30px;
  text-align: left;
  width: 100%;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-collapse .list-group .list-group-item a {
  font-size: 13px;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-collapse .list-group .list-group-item a:hover, #sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-collapse .list-group .list-group-item a:active {
  color: #2f79d8 !important;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-radius: 0;
}
#sidebar-wrapper #sidebar_nav .nav_wrap_sec .panel-group .panel + .panel {
  margin-top: 0;
}
#sidebar-wrapper #sidebar_login .sidebar_header .logo_wrap {
  text-align: right;
}
#sidebar-wrapper #sidebar_login .sidebar_header .logo_wrap button {
  border: 0;
  width: 29px;
  height: 29px;
  background: none;
  margin-right: 10px;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap {
  border: 0px;
  border-radius: 7px;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_img {
  padding: 30px 30px 10px;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_img #upload_avatar {
  text-align: center;
  margin: 0 auto;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_img .info_txt {
  text-align: center;
  margin-bottom: 20px;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_img .info_txt span {
  color: #23262c;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_img .btn_wrap {
  display: flex;
  justify-content: center;
  gap: 6px;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_img .btn_wrap div {
  width: 60px;
  height: 24px;
  border: solid 1px #a5afc4;
  border-radius: 3px;
  text-align: center;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_img .btn_wrap div a {
  color: #687285;
  font-size: 12px;
  line-height: 22px;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_wallet {
  text-align: center;
  padding: 20px;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_wallet p {
  font-weight: bold;
  color: #414348;
  margin-bottom: 10px;
}
#sidebar-wrapper #sidebar_login .sidebar_header .info_wrap .info_wallet span {
  font-weight: bold;
  font-size: 22px;
  color: #2f79d8;
}
#sidebar-wrapper #sidebar_login .sidebar_header .action_close {
  color: #7e848b;
  font-size: 24px;
  display: block;
  line-height: 0;
  padding-right: 0;
  margin-right: 5px;
}
#sidebar-wrapper #edit_logout {
  padding: 20px;
  text-align: center;
}
#sidebar-wrapper #edit_logout .btn {
  border: 1px solid #2f79d8;
  border-radius: 0px;
  width: 125px;
}
#sidebar-wrapper #edit_logout .btn span {
  font-size: 13px;
  color: #2f79d8;
}
#sidebar-wrapper #sidebar_btn .btn-border-bgnone {
  width: 200px;
  height: 50px;
  color: #2e7ad8;
  font-weight: bold;
  margin-top: 10px;
  font-size: 16px;
  border: 2px solid #2e7ad8;
  background: #fff;
}

#sidebar-wrapper.in {
  left: 0;
  display: block;
  height: 100%;
}

#wrapper.toggled #sidebar-wrapper {
  width: 400px;
}

.header_top .side_menu {
  position: absolute;
  left: 9px;
  top: -7px;
  color: #000;
  font-size: 21px;
  display: block;
  z-index: 999;
}

.new_badge a {
  position: relative;
}
.new_badge a:after {
  content: "";
  width: 25px;
  height: 18px;
  background: url("/assets/common/main/img/common/new.svg") left top no-repeat;
  position: absolute;
  top: 2px;
  right: -30px;
}

/*///////////////////   Main Page Live Chat   //////////////////////*/
.ct_livesec {
  position: fixed;
  right: 0;
  top: 244px;
  z-index: 17;
}
.ct_livesec i {
  font-size: 40px;
}
.ct_livesec li {
  text-align: center;
  background: #ff4200;
  font-size: 10px;
  margin-bottom: 2px;
  line-height: 1em;
}
.ct_livesec li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ct_livesec ul li a {
  padding: 5px 10px;
  display: inline-block;
  width: 100%;
  color: #fff;
}
.ct_livesec ul li a:hover, .ct_livesec ul li a:active, .ct_livesec ul li a:visited, .ct_livesec ul li a:focus {
  text-decoration: none;
}
.ct_livesec #LP_DIV_1471575547802 a {
  background: #ff4200 !important;
}
.ct_livesec .ct_cscenter {
  background: #3b5a9b !important;
}
.ct_livesec .ct_inquiry {
  background: #2e7ad8 !important;
}
.ct_livesec .ct_callback {
  background: #14afc1 !important;
}
.ct_livesec .ct_facebook {
  background: #2e7ad8 !important;
}
.ct_livesec .ct_magazine {
  background: #409ccd !important;
}
.ct_livesec .ct_callback {
  background: #18aebc !important;
}

/*///////////////////   Main Page Thumbnail Navigation   //////////////////////*/
.ct_thumbsec li {
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  width: 16%;
}
.ct_thumbsec li a {
  color: #000;
}
.ct_thumbsec .ct_thumblst {
  border: 0 !important;
}
.ct_thumbsec .ct_thumbicon {
  font-size: 145px;
  line-height: 46px !important;
  margin-top: 15px !important;
  margin-bottom: 5px !important;
}
.ct_thumbsec .ct_thumbicon2 {
  font-size: 110px;
  line-height: 71px !important;
  margin-bottom: 16px !important;
}
.ct_thumbsec .ct_thumbicon, .ct_thumbsec .ct_thumbicon2 {
  position: relative;
  display: block;
  color: #2e7ad8;
  height: 70px;
  vertical-align: middle;
}

/*///////////////////   Main Page Lowest Spread Navigation   //////////////////////*/
.ct_nav1 {
  padding: 20px 0;
}
.ct_nav1 li {
  display: inline-block;
  font-size: 15px;
  padding-right: 20px !important;
}
.ct_nav1 li a {
  color: #000;
}
.ct_nav1 li a:hover {
  color: #2e7ad8;
  text-decoration: underline;
}

.ct_nav1B li {
  display: inline-block;
  font-size: 15px;
  padding: 0 20px;
}
.ct_nav1B li a {
  color: #000;
}
.ct_nav1B li a:hover {
  color: #2e7ad8;
  text-decoration: underline;
}
.ct_nav1B .ct_nfirst {
  padding-left: 0 !important;
}
.ct_listitem1 {
  font-size: 0;
}
.ct_listitem1 li {
  display: inline-block;
  width: 20%;
  font: 100% "oswald";
  color: #7e848b;
  vertical-align: top;
  line-height: 1;
}
.ct_listitem1 .ct_style3, .ct_listitem1 .ct_style4 {
  display: inline-block;
}

.ct_listitem2 {
  margin-top: 20px;
}
.ct_listitem2 li {
  font-size: 18px !important;
  padding-bottom: 15px;
}

/*///////////////////   Sub Navigation for all Pages  //////////////////////*/
.ct_msubmenuwrp {
  background: #204884;
  position: absolute;
  z-index: 16;
  color: #fff;
  right: 0;
  left: 0;
  top: 42px;
  text-align: left;
  display: none;
}
.ct_msubmenuwrp .tab-pane {
  padding: 30px 0;
}
.ct_msubmenuwrp .ct_msubico1 {
  font-size: 130px;
  color: #2e5897;
}
.ct_msubmenuwrp .ct_msubmwrpA {
  border-right: 1px solid #648fbb;
  height: 230px;
}
.ct_msubmenuwrp .ct_msubmwrp {
  padding-left: 30px;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubmsec {
  width: 27%;
  display: inline-block;
  vertical-align: top;
  padding-right: 4%;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubmsec ul {
  margin-top: 20px;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubmsec ul li {
  display: block;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #648fbb;
  border-left: 0 !important;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubmsec ul a {
  color: #fff;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubmsec ul a:hover {
  color: #c2ffb6;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubmsec2 li {
  display: inline-block;
  width: 27%;
  border: 0 !important;
  text-align: left;
  padding: 0;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubdown {
  position: relative;
  margin-top: 50px;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubico2 {
  font-size: 50px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.ct_msubmenuwrp .ct_msubmwrp .ct_msubtyle1 {
  position: absolute;
  top: 30px;
  right: 279px;
}

/*///////////////////   Sub Page Navigation   //////////////////////*/
.ct_nav2 {
  padding: 0;
}
.ct_nav2 ul {
  background: #fff;
}
.ct_nav2 ul li a {
  padding: 15px 20px;
  border-bottom: 1px solid #f8f8f8;
  display: block;
  color: #000;
}
.ct_nav2 ul a:hover, .ct_nav2 ul a:focus {
  background: url("/assets/common/mypage/img/en_US/rightarrwico.svg") 15px 10px no-repeat;
  padding-left: 50px;
  color: #2e7ad8 !important;
}
.ct_nav2 .ct_subactive {
  display: block;
  border-bottom: 1px solid #f8f8f8;
  background: url("/assets/common/mypage/img/en_US/rightarrwico.svg") 15px 10px no-repeat;
  padding: 15px 0;
  padding-left: 50px !important;
  color: #2e7ad8 !important;
  font-weight: bold;
}

.ct_titleheader1 {
  padding: 15px 20px;
  background: #2e7ad8;
  color: #fff;
  position: relative;
}

.ct_nav3 li {
  display: block;
  padding: 2px 0;
  padding-left: 16px;
  position: relative;
}
.ct_nav3 li:before {
  content: "-";
  font-family: "Glyphicons Halflings";
  color: #000;
  font-size: 10px;
  position: absolute;
  top: 5px;
  left: 0;
}

.ct_nav3b li {
  display: block;
  padding: 3px 0;
}
.ct_nav3b li:before {
  content: "\e072";
  font-family: "Glyphicons Halflings";
  color: #2f79d8;
  font-size: 10px;
  margin-right: 5px;
}

/*///////////////////   List Navigation   //////////////////////*/
.ct_nav4 li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
}

.ct_nav5 li {
  padding: 5px 0;
}

.ct_nav6 li {
  background-image: url(/assets/common/common/css/svg/check.svg);
  background-repeat: no-repeat;
  padding: 5px 0;
  padding-left: 40px !important;
  font-size: 20px;
}

.ct_nav7 li {
  display: inline-block;
  font-size: 100px;
  vertical-align: middle;
  color: #2e7ad8;
}
.ct_nav7 .ico_arrow {
  font-size: 37px;
  color: #ddd;
}

.ct_nav7b li {
  display: inline-block;
  font-size: 100px;
  vertical-align: middle;
  color: #2e7ad8;
  text-align: center;
}
.ct_nav7b .ico_arrow {
  font-size: 40px;
  color: #ddd;
}
.ct_nav7b .pad_00 {
  width: 10%;
}
.ct_nav7b .pad_01 {
  width: 19%;
}
.ct_nav7b .pad_02 {
  width: 13%;
}
.ct_nav7b .pad_03 {
  width: 32%;
}
.ct_nav7b .pad_04 {
  width: 13%;
}

.ct_nav8 {
  list-style: none;
  margin-left: 0;
  padding-left: 24px;
  text-indent: -24px;
}
.ct_nav8 li {
  padding-bottom: 10px;
  font-size: 16px;
}
.ct_nav8 li:before {
  content: "\e072";
  font-family: "Glyphicons Halflings";
  color: #2e7ad8;
  font-size: 12px;
  margin-right: 10px;
}

/*///////////////////   My Page Side Menu   //////////////////////*/
.myp-side-menu {
  height: 100%;
  padding: 0;
  max-width: 262px;
}
.myp-side-menu .panel-group .panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: transparent;
}
.myp-side-menu .panel-default > .panel-heading {
  background: none;
}
.myp-side-menu .panel-default > a {
  display: block;
  position: relative;
}
.myp-side-menu .panel-default > a:after {
  content: none;
}
.myp-side-menu .panel-default > a.collapsed .panel-heading:after {
  content: "\e5ce";
  font-family: "icomoon";
  color: #ddd;
  position: absolute;
  top: 7px;
  right: 5px;
  font-size: 30px;
}
.myp-side-menu .panel-default .link_text {
  color: #000;
}
.myp-side-menu .panel-heading {
  border-radius: 0;
  padding: 13px 0px;
  border: 0 !important;
  border-bottom: 2px solid #000 !important;
  display: block;
  position: relative;
}
.myp-side-menu .panel-heading:after {
  content: "\e5cf";
  font-family: "icomoon";
  color: #B7BEC9;
  position: absolute;
  top: 7px;
  right: 5px;
  font-size: 30px;
}
.myp-side-menu .panel-heading:last-child {
  content: "";
}
.myp-side-menu .panel-heading .panel-title {
  color: #222;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.myp-side-menu a.active > .panel-heading {
  background: #f3f3f3;
  border-color: #ddd;
}
.myp-side-menu a.no_collapse > .panel-heading:hover {
  background: #f3f3f3;
  border-color: #ddd;
}
.myp-side-menu .list-group {
  border-top: 0 !important;
}
.myp-side-menu .list-group .list-group-item {
  padding: 10px 0;
  border-radius: 0;
  color: #333;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 133.333% */
  background-color: transparent;
}
.myp-side-menu .list-group .list-group-item a {
  color: #1a2741;
  width: 100%;
  padding: 10px;
  display: inline-block;
}
.myp-side-menu .list-group .list-group-item:hover, .myp-side-menu .list-group .list-group-item.active {
  background: #f3f3f3;
  border-color: #ddd;
}
.myp-side-menu .list-group .p_subfirst {
  border-top: 1px solid #ddd !important;
}
.myp-side-menu .list-group .p_sublast {
  border-bottom: 1px solid #ddd !important;
}
.myp-side-menu .p_last {
  border: 0 !important;
}

.ct_btn3_v2 .deposit-btn, .ct_btn3_v2 .withdrawal-btn {
  border-radius: 8px;
  border: 1px solid #DDDFED;
  background-color: #F1F2F8;
  display: flex;
  height: 54px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #2C4681;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.box-inner-notice {
  font-size: 15px;
}
.box-inner-notice a {
  display: inline-block;
  color: #307ad8;
}

button[type=submit]:disabled {
  background: #c1c1c1;
  border-color: #c1c1c1;
}
button[type=submit]:disabled:hover {
  color: #fff;
}

.color-skyblue {
  color: #307ad8;
}

.deposit-step2 .top {
  position: relative;
}
.deposit-step2 .top .btn-transfer-cancel {
  position: absolute;
  top: -35px;
  right: -85px;
  border-radius: 15px;
  border: 1px solid #ddd;
  min-width: 94px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  background: none;
}
@media (max-width: 991px) {
  .deposit-step2 .top .btn-transfer-cancel {
    top: 0px;
    right: 10px;
  }
}
.deposit-step2 .top .tit {
  display: block;
  font-size: 22px;
  margin-bottom: 10px;
}
.deposit-step2 .top .desc {
  font-size: 15px;
  line-height: normal;
}
@media (max-width: 991px) {
  .deposit-step2 .top .desc {
    font-size: 13px;
  }
}
.deposit-step2 .bottom {
  margin-top: 40px;
}
.deposit-step2 .bottom .table-caption {
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
.deposit-step2 .bottom .local-payment-account-info-table {
  border-top: solid 1px #dfe6e9;
  width: 100%;
  margin-bottom: 10px;
}
.deposit-step2 .bottom .local-payment-account-info-table tr th {
  height: 44px;
  padding-left: 60px;
  font-weight: normal;
  border-right: solid 1px #dfe6e9;
  border-bottom: solid 1px #dfe6e9;
}
.deposit-step2 .bottom .local-payment-account-info-table tr td {
  height: 44px;
  padding-left: 60px;
  border-bottom: solid 1px #dfe6e9;
}
.deposit-step2 .bottom p {
  margin: 10px 0 0;
  line-height: normal;
  font-size: 12px;
}
@media (max-width: 991px) {
  .deposit-step2 .bottom .local-payment-account-info-table tr th {
    padding: 0 5px;
    font-size: 12px;
  }
  .deposit-step2 .bottom .local-payment-account-info-table tr td {
    padding: 0 5px;
  }
}

.local-payment-account-status {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #ddd;
}
.local-payment-account-status .account-status-detail-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #000;
}
.local-payment-account-status .account-status-detail-text .status {
  display: inline-block;
  width: 300px;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-size: 24px;
  color: #1f3fcd;
  text-align: center;
  margin: 0 10px;
}
@media (max-width: 991px) {
  .local-payment-account-status .account-status-detail-text .status {
    width: 100px;
    font-size: 20px;
    padding: 5px 0;
  }
}
.local-payment-account-status .status-explan {
  margin-top: 25px;
  padding: 25px;
  background-color: #f4f5f8;
  font-size: 15px;
  letter-spacing: normal;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.local-payment-account-status .status-explan button {
  margin-top: 15px;
}

.modal .modal-dialog .modal-content button {
  padding: 10px;
}
.modal .modal-dialog .modal-content button span {
  font-size: 40px;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 25px 40px 10px;
  border-bottom: none;
}
.modal .modal-dialog .modal-content .modal-header h4 {
  font-size: 20px;
  letter-spacing: -1px;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0 40px;
}
.modal .modal-dialog .modal-content .modal-body p {
  font-size: 13px;
  letter-spacing: -1px;
}
.modal .modal-dialog .modal-content .modal-body ol {
  padding: 0 20px !important;
  display: flex;
  flex-direction: column;
  border: dashed 1px #ddd;
}
.modal .modal-dialog .modal-content .modal-body ol li {
  margin: 0 !important;
  padding: 10px 0 !important;
  font-size: 13px;
  font-weight: 600;
  text-align: left !important;
}
.modal .modal-dialog .modal-content .modal-body img {
  display: block;
}
@media (max-width: 991px) {
  .modal .modal-dialog {
    margin: 0;
  }
}

.open-account-popup {
  width: 650px;
  margin: 0 auto;
}
.open-account-popup .modal-dialog {
  max-width: 100%;
  width: 100%;
}
.open-account-popup .modal-dialog .modal-content {
  border-radius: 0;
}
.open-account-popup .modal-dialog .modal-content .close {
  color: #fff;
  padding: 15px 15px 0;
  text-shadow: none;
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 15px;
}
.open-account-popup .modal-dialog .modal-content .close span {
  font-size: 20px !important;
  font-weight: bold;
}
.open-account-popup .modal-dialog .modal-content .modal-header {
  background: #000;
  padding: 20px 30px;
}
.open-account-popup .modal-dialog .modal-content .modal-header.gold-bg {
  background-color: #bb8742;
}
.open-account-popup .modal-dialog .modal-content .modal-header h4 {
  font-size: 24px;
  color: #fff;
}
.open-account-popup .modal-dialog .modal-content .modal-body {
  padding: 20px 30px 30px;
}
.open-account-popup .modal-dialog .modal-content .modal-body p {
  font-size: 15px;
  color: #333;
  margin-bottom: 5px;
}
.open-account-popup .modal-dialog .modal-content .modal-body table {
  width: 100%;
  border-top: 1px solid #dcdfe2;
  margin-bottom: 20px !important;
}
.open-account-popup .modal-dialog .modal-content .modal-body table tr th,
.open-account-popup .modal-dialog .modal-content .modal-body table tr td {
  padding: 12px 20px;
  font-size: 15px;
  border-bottom: 1px solid #dcdfe2;
}
.open-account-popup .modal-dialog .modal-content .modal-body table tr th {
  text-align: center;
  background: #f7f8fa;
}
.open-account-popup .modal-dialog .modal-content .btn-area {
  text-align: center;
}
.open-account-popup .modal-dialog .modal-content .btn-area .btn {
  width: 265px;
  padding: 14px 15px;
  text-align: center;
  color: #fff;
  background: #1352ef;
  font-size: 18px;
  border-radius: 0;
}

@media (max-width: 991px) {
  .modal-dialog {
    max-width: 100%;
  }
  .modal-dialog .modal-content .close {
    top: 8px;
  }
  .modal-dialog .modal-content .modal-header h4 {
    font-size: 20px;
  }
  .modal-dialog .modal-content .modal-body table {
    width: 100%;
    border-top: 1px solid #dcdfe2;
    margin-bottom: 20px !important;
  }
  .modal-dialog .modal-content .modal-body table tr th,
  .modal-dialog .modal-content .modal-body table tr td {
    padding: 8px 10px;
    font-size: 12px;
    white-space: nowrap;
  }
  .modal-dialog .modal-content .modal-body .btn-area .btn {
    width: 100%;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    border-radius: 0;
  }
}
#local_payment_modal .modal-dialog {
  width: initial;
  max-width: 580px;
}
#local_payment_modal .modal-dialog .modal-content {
  border-radius: 0;
}
#local_payment_modal .modal-dialog .modal-content .modal-header {
  padding: 17px 20px;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
}
#local_payment_modal .modal-dialog .modal-content .modal-header .close {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 60px;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #ddd;
  opacity: 1;
  color: #000;
  margin-left: auto;
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 991px) {
  #local_payment_modal {
    margin: 30px 2%;
  }
}

#id_card .modal-dialog .modal-content .modal-body ol li {
  width: 88px;
  margin-left: 45px;
}
#id_card .modal-dialog .modal-content .modal-body > div {
  display: inline-block;
  padding: 40px 0;
  width: 100%;
}
#id_card .modal-dialog .modal-content .modal-body > div img {
  display: block;
  margin: 0 auto;
}
#id_card .modal-dialog .modal-content .modal-body > div span {
  display: block;
  text-align: center;
  margin-top: 5px;
  font-size: 13px;
  color: #333;
}

#driver_licence .modal-dialog .modal-content .modal-body ol li {
  width: 88px;
  margin-left: 45px;
}
#driver_licence .modal-dialog .modal-content .modal-body > div {
  display: inline-block;
  padding: 40px 0;
  width: 100%;
}
#driver_licence .modal-dialog .modal-content .modal-body > div img {
  display: block;
  margin: 0 auto;
}
#driver_licence .modal-dialog .modal-content .modal-body > div span {
  display: block;
  text-align: center;
  margin-top: 5px;
  font-size: 13px;
  color: #333;
}

#Passport .modal-dialog .modal-content .modal-body ol {
  padding: 15px 50px;
}
#Passport .modal-dialog .modal-content .modal-body ol li {
  width: 100px;
  margin-left: 35px;
}
#Passport .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#draft_resident_card .modal-dialog .modal-content .modal-body ol li,
#utility_bill .modal-dialog .modal-content .modal-body ol li {
  width: 95px;
  margin-left: 30px;
  padding: 10px 0;
}
#draft_resident_card .modal-dialog .modal-content .modal-body img,
#utility_bill .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#cn_img_01 .modal-dialog .modal-content .modal-body ol li {
  width: 82px;
  margin-left: 46px;
  padding: 10px 0;
}
#cn_img_01 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#cn_img_02 .modal-dialog .modal-content .modal-body ol li {
  width: 110px;
  margin-left: 62px;
  padding: 10px 0;
}
#cn_img_02 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#cn_img_03 .modal-dialog .modal-content .modal-body ol li {
  width: 110px;
  margin-left: 62px;
  padding: 10px 0;
}
#cn_img_03 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#cn_img_04 .modal-dialog .modal-content .modal-body ol {
  margin-bottom: 40px;
}
#cn_img_04 .modal-dialog .modal-content .modal-body ol li {
  width: 110px;
  margin-left: 62px;
  padding: 10px 0;
}
#cn_img_04 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#ph_img_01 .modal-dialog .modal-content .modal-body ol li {
  text-align: center;
  width: 172px;
  margin-left: 0;
  padding: 10px 0;
}
#ph_img_01 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#ph_img_02 .modal-dialog .modal-content .modal-body ol {
  margin-bottom: 40px;
}
#ph_img_02 .modal-dialog .modal-content .modal-body ol li {
  text-align: center;
  width: 172px;
  margin-left: 0;
  padding: 10px 0;
}
#ph_img_02 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#ph_img_03 .modal-dialog .modal-content .modal-body ol li {
  text-align: center;
  width: 165px;
  margin-left: 0;
  padding: 10px 0;
}
#ph_img_03 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#ph_img_04 .modal-dialog .modal-content .modal-body ol {
  margin-bottom: 40px;
}
#ph_img_04 .modal-dialog .modal-content .modal-body ol li {
  text-align: center;
  width: 165px;
  margin-left: 0;
  padding: 10px 0;
}
#ph_img_04 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#th_img_01 .modal-dialog .modal-content .modal-body ol li {
  width: 110px;
  margin-left: 62px;
  padding: 10px 0;
}
#th_img_01 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
}

#th_img_01 .modal-dialog .modal-content .modal-body ol li,
#th_img_02 .modal-dialog .modal-content .modal-body ol li,
#th_img_03 .modal-dialog .modal-content .modal-body ol li {
  width: 120px;
  margin-left: 52px;
  padding: 10px 0;
}
#th_img_01 .modal-dialog .modal-content .modal-body img,
#th_img_02 .modal-dialog .modal-content .modal-body img,
#th_img_03 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#th_img_04 .modal-dialog .modal-content .modal-body ol li,
#th_img_05 .modal-dialog .modal-content .modal-body ol li,
#th_img_06 .modal-dialog .modal-content .modal-body ol li {
  width: 130px;
  margin-left: 35px;
  padding: 10px 0;
}
#th_img_04 .modal-dialog .modal-content .modal-body img,
#th_img_05 .modal-dialog .modal-content .modal-body img,
#th_img_06 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#jp_img_01 .modal-dialog .modal-content .modal-body ol li {
  width: 95px;
  margin-left: 30px;
  padding: 10px 0;
}
#jp_img_01 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#jp_img_02 .modal-dialog .modal-content .modal-body ol li,
#jp_img_03 .modal-dialog .modal-content .modal-body ol li {
  width: 95px;
  margin-left: 30px;
  padding: 10px 0;
}
#jp_img_02 .modal-dialog .modal-content .modal-body img,
#jp_img_03 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#jp_img_04 .modal-dialog .modal-content .modal-body ol li,
#jp_img_05 .modal-dialog .modal-content .modal-body ol li {
  width: 110px;
  margin-left: 55px;
  padding: 10px 0;
}
#jp_img_04 .modal-dialog .modal-content .modal-body img,
#jp_img_05 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#jp_img_06 .modal-dialog .modal-content .modal-body ol li {
  width: 110px;
  margin-left: 55px;
  padding: 10px 0;
}
#jp_img_06 .modal-dialog .modal-content .modal-body > div {
  display: block;
  margin: 40px auto;
  width: 100%;
}
#jp_img_06 .modal-dialog .modal-content .modal-body > div span {
  display: block;
  text-align: center;
}
#jp_img_06 .modal-dialog .modal-content .modal-body > div img {
  display: block;
  margin: 10px auto;
}

#en_img_01 .modal-dialog .modal-content .modal-body ol li,
#en_img_02 .modal-dialog .modal-content .modal-body ol li {
  width: 170px;
  margin-left: 0;
  padding: 10px 0;
  text-align: center;
}
#en_img_01 .modal-dialog .modal-content .modal-body img,
#en_img_02 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#en_img_03 .modal-dialog .modal-content .modal-body ol li,
#en_img_04 .modal-dialog .modal-content .modal-body ol li,
#en_img_05 .modal-dialog .modal-content .modal-body ol li,
#en_img_06 .modal-dialog .modal-content .modal-body ol li {
  width: 170px;
  margin-left: 0;
  padding: 10px 0;
  text-align: center;
}
#en_img_03 .modal-dialog .modal-content .modal-body img,
#en_img_04 .modal-dialog .modal-content .modal-body img,
#en_img_05 .modal-dialog .modal-content .modal-body img,
#en_img_06 .modal-dialog .modal-content .modal-body img {
  margin: 40px auto;
  width: 80%;
}

#legal_upload_container #legal_upload_error {
  display: block;
}

#legal-document-accordion {
  padding-top: 10px;
}
#legal-document-accordion .card {
  background-color: #f7f8fa;
}
#legal-document-accordion .card:not(:last-child) {
  margin-bottom: 10px;
}
#legal-document-accordion .card-header {
  width: 100%;
  padding: 10px;
  color: #1a2741;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
#legal-document-accordion .card-header button.btn-link {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: inherit;
  width: 100%;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  border: none;
}
#legal-document-accordion .card-header button.btn-link img {
  transform: rotate(0deg);
  transition: transform 0.3s ease-out;
}
#legal-document-accordion .card-header button.btn-link[aria-expanded=true] img {
  transform: rotate(180deg);
}
#legal-document-accordion .card-header button.btn-link:focus {
  outline: none;
}
#legal-document-accordion .card-header button.btn-link .verification-badge {
  width: 90px;
  padding: 6px;
  border: 1px solid black;
  border-radius: 6px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
}
#legal-document-accordion .card-header button.btn-link .verification-badge.verified {
  color: #01a387;
  background-color: #f1faf9;
  border-color: #b4d7d3;
}
#legal-document-accordion .card-header button.btn-link .verification-badge.unverified {
  color: #ee3d3d;
  background-color: #ffeeee;
  border-color: #ecc4c4;
}
#legal-document-accordion .card-header button.btn-link .verification-badge.pending {
  color: #6282cc;
  background-color: #f2f5ff;
  border-color: #adbde2;
}
#legal-document-accordion .card-header button.btn-link .card-title {
  flex: 1;
}
#legal-document-accordion .card-header mark {
  padding: 0;
  background-color: transparent;
}
#legal-document-accordion .card-header .ple-poa-rejection-comment {
  background-color: #F8EFEF;
  border-radius: 10px;
  padding: 12px 16px 12px 16px;
  margin-bottom: 16px;
  margin-right: 24px;
  margin-top: -6px;
}
#legal-document-accordion .card-header .ple-poa-rejection-comment h4 {
  font-size: 15px;
  font-weight: 500;
  color: #EE3D3D;
  line-height: 20px;
  margin-bottom: 4px;
}
#legal-document-accordion .card-header .ple-poa-rejection-comment p {
  font-size: 14px;
  font-weight: 400;
  color: #EE3D3D;
  line-height: 20px;
  margin: 0;
}

.phone-number-container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-left: 102px;
}
@media (max-width: 1200px) {
  .phone-number-container {
    margin: 0;
  }
}
.phone-number-container > div {
  flex: 1 300px;
}
.phone-number-container .phone-number-area .select2-country-selection {
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: border-color ease-in-out 0.15s;
}
.phone-number-container .phone-number-area:focus-within .select2-country-selection {
  border: 1px solid #1352ef;
}
.phone-number-container .phone-number-area .input-label {
  flex: 1;
  position: relative;
  margin: 0;
}
.phone-number-container .phone-number-area .input-label .label-text {
  position: absolute;
  left: 0;
  top: 0;
  margin: 10px 12px;
  color: #858585;
  font-size: 12px;
  line-height: 14px;
}
.phone-number-container .phone-number-area .input-label input {
  width: 100% !important;
  background-color: #f7f8fa;
  padding-top: 24px;
  border: none;
  border-radius: 0 10px 10px 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  box-shadow: none !important;
}
.phone-number-container .phone-number-area .input-label input::placeholder {
  color: #c6c6c6;
  font-weight: 400;
}
.phone-number-container .phone-number-area .input-label button {
  width: 60px;
  padding: 12px 0;
  color: #cccfd8;
  background-color: transparent;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.phone-number-container .phone-number-area .input-label button.active, .phone-number-container .phone-number-area .input-label button.phone-verification {
  color: #1352ef;
  border: 1px solid #1352ef;
}

.upload-doc .divide-button {
  margin: 12px 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.upload-doc .divide-button a {
  padding: 18px 10px 10px;
  width: 130px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #222;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}
.upload-doc .divide-button a img {
  height: 28px;
}
.upload-doc .divide-button a div {
  text-align: center;
}
.upload-doc ul li {
  list-style: inside;
}
.upload-doc form {
  padding-bottom: 24px;
}
.upload-doc form.active .upload_btn {
  border: 1px solid #1352ef !important;
}
.upload-doc form.active .upload_btn .file_label {
  color: #1f3fcd !important;
}
.upload-doc .document_guide {
  margin-left: 102px;
}
.upload-doc .document_guide fieldset.form-group {
  margin: 0;
}
.upload-doc .document_guide fieldset.form-group .form-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.upload-doc .document_guide fieldset.form-group .form-row:not(:last-of-type) {
  margin-bottom: 24px;
}
.upload-doc .document_guide fieldset.form-group .form-row > div {
  flex: 1 300px;
  position: relative;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group .form_input_wrapper {
  padding: 10px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group .form_input_wrapper:focus-within {
  border: 1px solid #1352ef;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group .form_input_wrapper select, .upload-doc .document_guide fieldset.form-group .form-row .form-group .form_input_wrapper > input {
  margin-top: 20px;
  padding: 0px 6px;
  height: auto;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group .form_input_wrapper select {
  background: url("/assets/common/common/img/ico_chevron_down.svg") no-repeat center/contain;
  background-size: 16px;
  background-position: 100%;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group .form_error_wrapper .help-block {
  position: static;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group label {
  color: #858585;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group select, .upload-doc .document_guide fieldset.form-group .form-row .form-group > input {
  margin-top: 20px;
  padding: 0;
  height: auto;
  background-color: transparent;
  border: none;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}
.upload-doc .document_guide fieldset.form-group .form-row .form-group select {
  background: url("/assets/common/common/img/ico_chevron_down.svg") no-repeat center/contain;
  background-size: 16px;
  background-position: 100%;
}
.upload-doc .document_guide .upload_btn {
  padding: 10px 16px;
  position: relative;
  border: solid 1px #ddd;
  border-radius: 8px;
}
.upload-doc .document_guide .upload_btn > div {
  margin-bottom: 0;
  width: 100%;
  position: relative;
}
.upload-doc .document_guide .upload_btn > div #ple_file_label_download,
.upload-doc .document_guide .upload_btn > div #poa_file_label_download {
  word-break: break-all;
}
.upload-doc .document_guide .upload_btn > div #ple_file_label_success,
.upload-doc .document_guide .upload_btn > div #poa_file_label_success {
  font-weight: 500;
  word-break: break-all;
  display: none;
}
.upload-doc .document_guide .upload_btn > div .file_label {
  position: absolute;
  color: #858585;
  font-size: 12px;
  line-height: 14px;
}
.upload-doc .document_guide .upload_btn > div .file_form {
  display: flex;
  align-items: center;
  gap: 10px;
}
.upload-doc .document_guide .upload_btn > div .file_label_name {
  flex: 1;
  padding-top: 20px;
  color: #c6c6c6;
  font-size: 17px;
  line-height: 24px;
}
.upload-doc .document_guide .upload_btn > div .file_label_name div:last-child {
  color: #222;
}
.upload-doc .document_guide .upload_btn > div .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 40px;
  border-radius: 6px;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
}
.upload-doc .document_guide .upload_btn > div .btn.search_btn {
  color: #1352ef;
  border: 1px solid #1352ef;
}
.upload-doc .document_guide .upload_btn > div .btn.submit_btn {
  color: #cccfd8;
  background-color: transparent;
  border: 1px solid #ddd;
}
.upload-doc .document_guide .upload_btn > div .btn.submit_btn.active:not(:disabled) {
  color: #fff;
  background-color: #1352ef;
}
.upload-doc .document_guide .upload_btn > div .btn:disabled {
  color: #cccfd8;
  background-color: transparent;
  border: 1px solid #ddd;
}
.upload-doc .document_guide .upload_btn > div .btn:hover {
  cursor: pointer;
}
.upload-doc .document_guide .upload_btn input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.upload-doc .document_guide > div > div > div:after {
  content: "";
  display: block;
  clear: both;
}
.upload-doc .document_guide > div > div > div > h4 {
  margin-bottom: 6px;
  color: #222;
  font-size: 17px;
  font-weight: 600;
}
.upload-doc .document_guide > div > div > div > p {
  margin-bottom: 6px;
  color: #222;
  font-size: 15px;
  line-height: 20px;
}
.upload-doc .document_guide > div > div > div > ul {
  margin-bottom: 16px;
}
.upload-doc .document_guide > div > div > div .success_box.visible {
  width: 100%;
  text-align: center;
}
.upload-doc .document_guide > div > div > div .success_box.visible img {
  vertical-align: middle;
}
.upload-doc .document_guide > div > div > div .document_box:after {
  content: "";
  display: block;
  clear: both;
}
.upload-doc .document_guide > div > div > div .document_box h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
}
.upload-doc .document_guide > div > div > div .document_box h4 span {
  font-size: 11px;
  color: #333;
  vertical-align: top;
}
.upload-doc .document_guide > div > div > div .document_box .document_type a {
  width: 130px;
}
.upload-doc .document_guide > div > div > div .document_box .document_type a img {
  width: 100%;
  display: none;
}
.upload-doc .document_guide > div > div > div .document_box .document_type a img:first-child {
  display: block;
}
.upload-doc .document_guide > div > div > div .document_box > ul {
  padding: 20px 0;
}
.upload-doc .document_guide > div > div > div .document_box > ul li {
  line-height: 24px;
  font-size: 13px;
  color: #333;
  letter-spacing: -1.1px;
  display: block;
}
.upload-doc .document_guide > div > div > div .document_box > ul li mark {
  background: transparent;
}
.upload-doc .document_guide > div > div > div .help-block {
  display: block;
  text-align: center;
  color: #a94442;
}
.upload-doc .document_guide > div > div > div .document_submit {
  width: 20%;
  height: 343px;
  margin-left: 2%;
  text-align: center;
  padding: 110px 0;
  float: right;
  border: 1px solid #ddd;
  background: url("/assets/common/mypage/img/en_US/account/additional_account/download_box.png");
}
.upload-doc .document_guide > div > div > div .document_submit img {
  text-align: center;
  margin-bottom: 20px;
}
.upload-doc .document_guide > div > div > div .document_submit p {
  line-height: 1.3em;
  font-weight: 600;
}
.upload-doc .document_guide > div > div > div .document_form .form-group {
  display: inline-block;
  margin-bottom: 25px;
}
.upload-doc .document_guide > div > div > div .document_form .form-group label {
  font-weight: 600;
  color: #333;
  display: block;
}
.upload-doc .document_guide > div > div > div .document_form .form-group select,
.upload-doc .document_guide > div > div > div .document_form .form-group input[type=text] {
  width: 400px;
  height: 35px;
  border: solid 1px #cccccc;
  display: block;
}
.upload-doc .document_guide > div > div > div .submit_btn {
  display: block;
  width: 250px;
  height: 46px;
  font-size: 16px;
  font-weight: 600;
  background-color: #2e7ad8;
  color: #fff;
  border: none;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .upload-doc .document_guide > div > div > div .document_box {
    width: 100%;
    height: auto;
  }
  .upload-doc .document_guide > div > div > div .document_box h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
  }
  .upload-doc .document_guide > div > div > div .document_box .document_type a {
    width: 130px;
  }
  .upload-doc .document_guide > div > div > div .document_box .document_type a img {
    width: 100%;
    display: none;
  }
  .upload-doc .document_guide > div > div > div .document_box .document_type a img:first-child {
    display: block;
  }
  .upload-doc .document_guide > div > div > div .document_box > ul {
    padding: 20px 0;
  }
  .upload-doc .document_guide > div > div > div .document_box > ul li {
    line-height: 24px;
    font-size: 13px;
    color: #333;
    display: block;
  }
  .upload-doc .document_guide > div > div > div .document_box > ul li mark {
    background: transparent;
  }
  .upload-doc .document_guide > div > div > div .upload_btn {
    position: relative;
    width: 100%;
  }
  .upload-doc .document_guide > div > div > div .upload_btn label {
    display: table-cell;
    height: 100px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
  }
  .upload-doc .document_guide > div > div > div .upload_btn label img {
    display: block;
    margin: 0 auto 10px auto;
  }
  .upload-doc .document_guide > div > div > div .upload_btn label:hover {
    cursor: pointer;
  }
  .upload-doc .document_guide > div > div > div .upload_btn label #ple_file_label_download,
  .upload-doc .document_guide > div > div > div .upload_btn label #poa_file_label_download {
    word-break: break-all;
    padding: 8px;
  }
  .upload-doc .document_guide > div > div > div .upload_btn label #ple_file_label_success,
  .upload-doc .document_guide > div > div > div .upload_btn label #poa_file_label_success {
    word-break: break-all;
    padding: 8px;
    display: none;
  }
  .upload-doc .document_guide > div > div > div .upload_btn input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    border: 0;
  }
  .upload-doc .document_guide > div > div > div .help-block {
    display: block;
    text-align: center;
    color: #a94442;
  }
  .upload-doc .document_guide > div > div > div .document_submit {
    width: 20%;
    height: 343px;
    margin-left: 2%;
    text-align: center;
    padding: 110px 0;
    float: right;
    border: 1px solid #ddd;
    background: url("/assets/common/mypage/img/en_US/account/additional_account/download_box.png");
  }
  .upload-doc .document_guide > div > div > div .document_submit img {
    text-align: center;
    margin-bottom: 20px;
  }
  .upload-doc .document_guide > div > div > div .document_submit p {
    line-height: 1.3em;
    font-weight: 600;
  }
  .upload-doc .document_guide > div > div > div .document_form .form-group {
    display: inline-block;
    margin-bottom: 25px;
    width: 46%;
  }
  .upload-doc .document_guide > div > div > div .document_form .form-group:nth-of-type(2), .upload-doc .document_guide > div > div > div .document_form .form-group:nth-of-type(4) {
    margin-left: 6%;
  }
  .upload-doc .document_guide > div > div > div .document_form .form-group label {
    font-weight: 600;
    color: #333;
    display: block;
  }
  .upload-doc .document_guide > div > div > div .document_form .form-group label:after {
    content: "*";
    color: #d0021b;
    vertical-align: top;
  }
  .upload-doc .document_guide > div > div > div .document_form .form-group select,
  .upload-doc .document_guide > div > div > div .document_form .form-group input[type=text] {
    width: 100%;
    height: 35px;
    border: solid 1px #cccccc;
    display: block;
  }
  .upload-doc .document_guide > div > div > div .submit_btn {
    display: block;
    width: 250px;
    height: 46px;
    font-size: 16px;
    font-weight: 600;
    background-color: #2e7ad8;
    color: #fff;
    border: none;
    margin: 0 auto;
  }
}
.upload-doc .document_guide .help-block {
  margin: 0;
  position: absolute;
  left: 16px;
  bottom: -20px;
}
@media (max-width: 1200px) {
  .upload-doc .document_guide {
    margin: 0;
  }
}

.overflow-box {
  overflow: hidden;
}

.ct_relative .print_btn {
  top: -25px;
}

.live_wrap {
  border: 1px solid #ccc;
  padding: 20px;
  height: 500px;
  overflow: scroll;
}
.live_wrap h3 {
  font-size: 24px;
}
.live_wrap h3 strong {
  display: block;
  margin-bottom: 20px;
}
.live_wrap hr {
  margin: 20px 0;
}
.live_wrap ul {
  margin-bottom: 10px;
}

input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: text-bottom;
}

label {
  font-size: 14px;
  color: #323232;
  margin-left: 0px;
  font-weight: normal;
  line-height: 25px;
}

.label_txt {
  font-size: 18px;
  font-weight: bold;
}

.signature_wrap {
  border: 3px solid #ececec;
  width: 505px;
  height: 170px;
  position: relative;
  margin: 30px 0 50px;
}
.signature_wrap button {
  width: 93px;
  height: 35px;
  background-color: #000;
  border: none;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}

.help-error {
  color: #a94442;
  text-indent: 0;
}
.help-error.signature {
  text-indent: 0;
  margin-top: 0px;
}

.help_txt {
  margin-top: 20px;
  text-align: left;
}

@media (max-width: 991px) {
  .signature_wrap {
    width: 100%;
  }
}
.float-clear .ct_drop {
  width: 100%;
  text-indent: 0;
}

.dropdown.btn_input {
  width: 100%;
}
.dropdown:after {
  content: "";
  display: block;
  clear: both;
}
.dropdown .btn,
.dropdown input {
  border-radius: 0;
  outline: none;
  float: left;
}
.dropdown .btn:hover, .dropdown .btn:focus,
.dropdown input:hover,
.dropdown input:focus {
  outline: none;
  box-shadow: none;
}
.dropdown .btn {
  width: 65px;
  height: 40px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  border-right: none;
}
.dropdown .btn span {
  font-size: 10px;
  margin-left: 5px;
}
.dropdown input {
  width: calc(100% - 65px);
  padding: 6px 12px;
  box-shadow: none;
  height: 40px;
  border: 1px solid #e0e0e0;
}
.dropdown .img_box {
  width: 25px;
}
.dropdown .img_box img {
  width: 100%;
}
.dropdown .dropdown-menu {
  width: 100%;
  padding: 6px 12px;
  margin-top: 0;
  box-shadow: none;
  height: auto;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  border-top: none;
}
.dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dropdown .dropdown-menu .dropdown-item p {
  margin: 0 0 0 10px;
}
.dropdown .dropdown-menu .dropdown-item p span {
  color: #afafaf;
  margin-left: 10px;
}

.click_btn_wrap {
  width: 145px;
  margin-left: 10px;
}

.btn.receive_btn {
  width: 100%;
  height: 50px;
  padding: 5px 2px;
}

.error-text label {
  margin-top: 10px !important;
}
.error-text .ct_drop {
  text-indent: 0;
}

input {
  box-shadow: none;
}

.code-box:focus-within .input-label input {
  border: 1px solid #1352ef;
}
.code-box .input-label {
  width: 100%;
  position: relative;
  margin: 0;
}
.code-box .input-label .label-text {
  position: absolute;
  left: 0;
  top: 0;
  margin: 10px 12px;
  color: #858585;
  font-size: 12px;
  line-height: 14px;
}
.code-box .input-label input {
  width: 100% !important;
  height: 64px;
  padding-top: 24px;
  background-color: #f7f8fa;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  box-shadow: none !important;
}
.code-box .input-label input::placeholder {
  color: #c6c6c6;
  font-weight: 400;
}
.code-box .input-label .timer {
  margin-right: 100px;
  color: #01a387;
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.code-box .input-label .btn {
  padding: 12px 16px;
  color: #cccfd8;
  background-color: transparent;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.code-box .input-label .btn.active {
  color: #1352ef;
  border: 1px solid #1352ef;
  box-shadow: none;
}
.code-box .msg {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}
.code-box .msg.info {
  color: #ee3d3d;
}
.code-box .msg.success {
  color: #01a387;
  display: none;
}
.code-box.disabled .timer {
  display: none;
}
.code-box.disabled .msg.info {
  display: none;
}
.code-box.disabled .msg.suceess {
  display: block;
}

.info_wrap {
  border: 1px solid #ddd;
  border-radius: 12px;
}
.info_wrap .info_img {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 30px 30px;
  width: 100%;
}
.info_wrap .info_img #upload_avatar {
  text-align: center;
  margin: 0 auto;
}
.info_wrap .info_img .info_txt {
  text-align: center;
  color: #222222;
}
.info_wrap .info_img .btn_wrap {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.info_wrap .info_img .btn_wrap div {
  width: 60px;
  height: 24px;
  border: solid 1px #a5afc4;
  border-radius: 3px;
  text-align: center;
}
.info_wrap .info_img .btn_wrap div a {
  color: #687285;
  font-size: 12px;
  line-height: 22px;
}
.info_wrap .info_wallet {
  text-align: center;
  padding: 20px;
}
.info_wrap .info_wallet p {
  font-weight: bold;
  color: #414348;
  margin-bottom: 10px;
}
.info_wrap .info_wallet span {
  font-weight: bold;
  font-size: 20px;
  color: #2f79d8;
}

.land_wallet_wrap .help-error {
  margin: 0;
  text-indent: 0;
}
.land_wallet_wrap .wallet_transfer {
  margin-bottom: 20px;
}
.land_wallet_wrap .wallet_transfer p {
  color: #23262c;
  margin-bottom: 20px;
}
.land_wallet_wrap .wallet_transfer .wallet_amount {
  width: 250px;
  max-height: 100px;
  border-radius: 4px;
  border: solid 1px #2f79d8;
  background-color: #f3f7fc;
  padding: 17px 20px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.land_wallet_wrap .wallet_transfer .wallet_amount .img_box {
  width: 40px;
}
.land_wallet_wrap .wallet_transfer .wallet_amount .img_box img {
  width: 100%;
}
.land_wallet_wrap .wallet_transfer .wallet_amount dl {
  color: #2f79d8;
  margin-bottom: 0;
}
.land_wallet_wrap .wallet_transfer .wallet_amount dl dt {
  line-height: 18px;
  font-weight: 300;
}
.land_wallet_wrap .wallet_transfer .wallet_amount dl dd {
  font-size: 20px;
  font-weight: bold;
}
.land_wallet_wrap .wallet_transfer .amount_info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate h3 {
  font-size: 15px;
  margin-bottom: 10px !important;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap {
  display: inline-block;
  padding-left: 0;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap:first-of-type table tr {
  height: 36px;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap:first-of-type table tr td {
  padding: 10px;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap:last-of-type table tr {
  height: 27px;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap:last-of-type table tr td {
  padding: 5px 10px;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap table {
  width: 100%;
  border-top: 1px solid #ddd;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap table tr td {
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap table tr td:first-child {
  background-color: #f6f6f6;
}
.land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap table tr td:last-child {
  font-weight: 500;
}
@media (max-width: 991px) {
  .land_wallet_wrap .wallet_transfer .amount_info {
    display: block;
    justify-content: space-between;
    align-items: flex-end;
  }
  .land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate {
    padding: 0;
    margin-top: 15px;
  }
  .land_wallet_wrap .wallet_transfer .amount_info .annual_interest_rate .table_wrap {
    padding: 0;
    margin-bottom: 10px;
  }
}
.land_wallet_wrap .wallet_transfer .savings_status {
  position: relative;
}
.land_wallet_wrap .wallet_transfer .savings_status h3 {
  font-size: 15px;
  color: #23262c;
  margin-bottom: 10px !important;
}
.land_wallet_wrap .wallet_transfer .savings_status .wallet_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.land_wallet_wrap .wallet_transfer .savings_status .wallet_wrap .wallet_amount {
  height: 88px;
}
.land_wallet_wrap .wallet_transfer .savings_status .wallet_wrap .wallet_amount:not(:first-child) {
  margin-left: 10px;
}
.land_wallet_wrap .wallet_transfer .savings_status .wallet_status {
  width: 160px;
}
.land_wallet_wrap .wallet_transfer .savings_status .wallet_status select {
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.land_wallet_wrap .transfer_table {
  overflow: auto;
  min-width: 1px;
  width: 100%;
}
.land_wallet_wrap .transfer_table .input_box {
  width: 95%;
  height: 50px;
}
.land_wallet_wrap .transfer_table .input_box input {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
}
.land_wallet_wrap .transfer_table .input_box input::placeholder {
  text-align: right;
}
.land_wallet_wrap .transfer_table table {
  width: 100%;
  border-top: 1px solid #ddd;
  margin-bottom: 20px !important;
}
.land_wallet_wrap .transfer_table table tr td {
  border-bottom: 1px solid #ddd;
  padding: 10px 20px;
  height: 70px;
}
.land_wallet_wrap .transfer_table table tr td #origin_text {
  margin-bottom: 0;
}
.land_wallet_wrap .transfer_table table tr td:nth-child(2n-1) {
  background-color: #f6f6f6;
  text-align: center;
}
.land_wallet_wrap .transfer_table table tr td.transfer_wallet {
  display: flex;
  justify-content: flex-start;
}
.land_wallet_wrap .transfer_table table tr td.change_td .td_box {
  position: relative;
}
.land_wallet_wrap .transfer_table table tr td.change_td .td_box #destination_text {
  margin-bottom: 0;
}
.land_wallet_wrap .transfer_table table tr td.change_td .td_box .img_box {
  width: 34px;
  position: absolute;
  left: 50%;
  top: -44px;
  transform: translate(-50%, 0);
}
.land_wallet_wrap .transfer_table table tr td.change_td .td_box .img_box img {
  width: 100%;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .input_box {
  display: inline-block;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .input_box input {
  border: 1px solid #2f79d8;
  color: #2f79d8;
  text-align: right;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .input_box input::placeholder {
  color: #2f79d8;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .txt_box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0px;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .txt_box.apply p {
  font-size: 14px;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .txt_box.apply p:first-child {
  font-weight: 400;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .txt_box p {
  font-size: 12px;
  color: #414348;
  margin-bottom: 0;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .txt_box p span {
  font-size: 16px;
  font-weight: bold;
  color: #2f79d8;
}
.land_wallet_wrap .transfer_table table tr td.transferable_amount .txt_box p:first-child {
  font-weight: bold;
}
.land_wallet_wrap .transfer_table table tr td.land_wallet_amount .input_box input {
  text-align: right;
}
.land_wallet_wrap .transfer_table table tr td.land_wallet_amount .input_box input::placeholder {
  color: #23262c;
}
.land_wallet_wrap .transfer_table table tr td.land_wallet_amount .txt_box {
  width: 100%;
  height: 220px;
  border: solid 1px #dddddd;
  padding: 25px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table table tr td.land_wallet_amount .check_agree {
  color: #414348;
  font-weight: bold;
}
.land_wallet_wrap .transfer_table table tr td .select_box {
  width: 95%;
  height: 50px;
  position: relative;
  margin-bottom: 5px;
}
.land_wallet_wrap .transfer_table table tr td .select_box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  border-right: 1px solid #ddd;
  width: 1px;
  height: 50px;
}
.land_wallet_wrap .transfer_table table tr td .select_box select {
  position: relative;
  width: 100%;
  height: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: solid 1px #dddddd;
  background-size: 14px;
  padding: 10px;
  background: url("/assets/common/mypage/img/en_US/wallet/arrow.svg") no-repeat right 20px center;
}
.land_wallet_wrap .transfer_table table tr td .select_box select::-ms-expand {
  display: none;
}
.land_wallet_wrap .transfer_table table tr td .radio_box:last-child {
  margin-left: 0px;
}
.land_wallet_wrap .transfer_table table tr td .radio_box input[type=radio] {
  width: 22px;
  height: 22px;
  margin: 0;
  vertical-align: middle;
}
.land_wallet_wrap .transfer_table table tr td .radio_box label {
  font-weight: bold;
  margin-bottom: 0;
}
.land_wallet_wrap .transfer_table table tr td .radio_box label span {
  color: #000;
  display: inline;
  font-size: 10px;
  margin: 0 7px;
}
.land_wallet_wrap .transfer_table table tr td .radio_box span {
  font-size: 12px;
  color: #2f79d8;
  display: block;
  line-height: 14px;
  margin-left: 26px;
}
.land_wallet_wrap .transfer_table table tr td .input_box input {
  border: 1px solid #ddd;
}
.land_wallet_wrap .transfer_table .transfer_btn {
  display: block;
  margin: 0 auto;
  width: 75%;
  height: 50px;
  padding: 10px 20px;
  border: 2px solid #2f79d8;
  font-size: 18px;
  text-align: center;
  background-color: #2f79d8;
  color: #fff;
}
.land_wallet_wrap .transfer_table .transfer_btn:hover {
  background-color: #fff;
  border: 2px solid #2f79d8;
  color: #2f79d8;
}
.land_wallet_wrap .transfer_table_m .help-error {
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .input_box {
  width: 100%;
  height: 70px;
}
.land_wallet_wrap .transfer_table_m .input_box input {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
}
.land_wallet_wrap .transfer_table_m .input_box input::placeholder {
  text-align: right;
}
.land_wallet_wrap .transfer_table_m .select_box {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  position: relative;
}
.land_wallet_wrap .transfer_table_m .select_box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  border-right: 1px solid #ddd;
  width: 1px;
  height: 50px;
}
.land_wallet_wrap .transfer_table_m .select_box select {
  position: relative;
  width: 100%;
  height: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: solid 1px #dddddd;
  background-size: 14px;
  padding: 10px;
  background: url("/assets/common/mypage/img/en_US/wallet/arrow.svg") no-repeat right 20px center;
}
.land_wallet_wrap .transfer_table_m .transfer_wallet {
  border: solid 1px #dddddd;
  padding: 20px;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .transfer_wallet h4 {
  color: #414348;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .transfer_wallet .radio_box {
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .transfer_wallet .radio_box input[type=radio] {
  width: 18px;
  height: 18px;
  margin: 0;
  vertical-align: middle;
}
.land_wallet_wrap .transfer_table_m .transfer_wallet .radio_box label {
  font-size: 14px;
  font-weight: bold;
  margin-left: 4px;
  vertical-align: middle;
}
.land_wallet_wrap .transfer_table_m .transfer_wallet .radio_box label span {
  color: #000;
  display: inline;
  font-size: 10px;
  margin: 0 25px;
}
.land_wallet_wrap .transfer_table_m .transfer_wallet .radio_box span {
  font-size: 12px;
  color: #2f79d8;
  display: block;
  line-height: 14px;
  margin-left: 27px;
  margin-top: 4px;
}
.land_wallet_wrap .transfer_table_m .transferable_amount {
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .transferable_amount p {
  font-size: 12px;
  color: #414348;
  margin-bottom: 0;
  text-align: center;
}
.land_wallet_wrap .transfer_table_m .transferable_amount p span {
  font-size: 16px;
  font-weight: bold;
  color: #2f79d8;
}
.land_wallet_wrap .transfer_table_m .transferable_amount p:first-child {
  font-weight: bold;
  margin-bottom: 4px;
}
.land_wallet_wrap .transfer_table_m .change_td {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  border: 1px solid #2f79d8;
}
.land_wallet_wrap .transfer_table_m .change_td .txt_box {
  position: relative;
  width: 45%;
  padding: 26px 10px;
  text-align: center;
  background-color: #f6f6f6;
  border-right: 1px solid #ddd;
}
.land_wallet_wrap .transfer_table_m .change_td .txt_box .img_box {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -12px;
  transform: translate(-50%, 0);
  width: 35px;
}
.land_wallet_wrap .transfer_table_m .change_td .txt_box .img_box img {
  width: 100%;
}
.land_wallet_wrap .transfer_table_m .change_td .input_box {
  width: 55%;
}
.land_wallet_wrap .transfer_table_m .change_td .input_box input {
  color: #2f79d8;
  text-align: right;
  border: none;
}
.land_wallet_wrap .transfer_table_m .change_td .input_box input::placeholder {
  color: #2f79d8;
}
.land_wallet_wrap .transfer_table_m .land_wallet_amount {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.land_wallet_wrap .transfer_table_m .land_wallet_amount .txt_box {
  width: 45%;
  padding: 26px 10px;
  text-align: center;
  background-color: #f6f6f6;
  border-right: 1px solid #ddd;
}
.land_wallet_wrap .transfer_table_m .land_wallet_amount .input_box {
  width: 55%;
}
.land_wallet_wrap .transfer_table_m .land_wallet_amount .input_box input {
  text-align: right;
  border: none;
  color: #23262c;
}
.land_wallet_wrap .transfer_table_m .land_wallet_amount .input_box input::placeholder {
  color: #23262c;
}
.land_wallet_wrap .transfer_table_m .amount,
.land_wallet_wrap .transfer_table_m .period,
.land_wallet_wrap .transfer_table_m .interest_rate {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .amount .apply_txt_box,
.land_wallet_wrap .transfer_table_m .period .apply_txt_box,
.land_wallet_wrap .transfer_table_m .interest_rate .apply_txt_box {
  text-align: center;
  background-color: #f6f6f6;
  width: 40%;
  padding: 17px 10px;
  height: 50px;
}
.land_wallet_wrap .transfer_table_m .amount .input_box,
.land_wallet_wrap .transfer_table_m .period .input_box,
.land_wallet_wrap .transfer_table_m .interest_rate .input_box {
  margin-left: 10px;
  width: 60%;
  height: 50px;
  border: solid 1px #2f79d8;
}
.land_wallet_wrap .transfer_table_m .amount .input_box input,
.land_wallet_wrap .transfer_table_m .period .input_box input,
.land_wallet_wrap .transfer_table_m .interest_rate .input_box input {
  color: #2f79d8;
}
.land_wallet_wrap .transfer_table_m .amount .input_box input::placeholder,
.land_wallet_wrap .transfer_table_m .period .input_box input::placeholder,
.land_wallet_wrap .transfer_table_m .interest_rate .input_box input::placeholder {
  color: #2f79d8;
}
.land_wallet_wrap .transfer_table_m .amount .select_box,
.land_wallet_wrap .transfer_table_m .period .select_box,
.land_wallet_wrap .transfer_table_m .interest_rate .select_box {
  width: 60%;
  margin-bottom: 0;
  margin-left: 10px;
}
.land_wallet_wrap .transfer_table_m .amount .rate_box,
.land_wallet_wrap .transfer_table_m .period .rate_box,
.land_wallet_wrap .transfer_table_m .interest_rate .rate_box {
  width: 60%;
  margin-left: 10px;
  height: 50px;
  border: solid 1px #ddd;
  padding: 16px 20px;
}
.land_wallet_wrap .transfer_table_m .textarea_box {
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .check_agree {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_table_m .check_agree input[type=checkbox] {
  width: 24px;
  height: 24px;
  margin: 0;
  vertical-align: middle;
}
.land_wallet_wrap .transfer_table_m .transfer_btn {
  display: block;
  margin: 20px auto 0 auto;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #2f79d8;
  color: #fff;
}
.land_wallet_wrap .status_table table {
  border-top: 1px solid #ddd;
  width: 100%;
}
.land_wallet_wrap .status_table table tbody tr td {
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.land_wallet_wrap .status_table table tbody tr td:last-child {
  border-right: none;
}
.land_wallet_wrap .status_table table tbody tr td a {
  border: 1px solid #2f79d8;
  color: #2f79d8;
  min-width: 50px;
  padding: 3px 10px;
  line-height: 26px;
  margin: 0 auto;
  text-align: center;
}

#transfer_apply.fade .modal-dialog,
#deposit_interest.fade .modal-dialog,
#transfer_completed.fade .modal-dialog,
#deposit_interest_completed.fade .modal-dialog,
#deposit_termination.fade .modal-dialog,
#error_modal.fade .modal-dialog,
#deposit_termination_completed.fade .modal-dialog {
  width: 400px;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0 auto;
}
#transfer_apply.fade .modal-dialog .modal-content,
#deposit_interest.fade .modal-dialog .modal-content,
#transfer_completed.fade .modal-dialog .modal-content,
#deposit_interest_completed.fade .modal-dialog .modal-content,
#deposit_termination.fade .modal-dialog .modal-content,
#error_modal.fade .modal-dialog .modal-content,
#deposit_termination_completed.fade .modal-dialog .modal-content {
  width: 400px;
  border-radius: 0;
}
#transfer_apply.fade .modal-dialog .modal-content .btn_close,
#deposit_interest.fade .modal-dialog .modal-content .btn_close,
#transfer_completed.fade .modal-dialog .modal-content .btn_close,
#deposit_interest_completed.fade .modal-dialog .modal-content .btn_close,
#deposit_termination.fade .modal-dialog .modal-content .btn_close,
#error_modal.fade .modal-dialog .modal-content .btn_close,
#deposit_termination_completed.fade .modal-dialog .modal-content .btn_close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  z-index: 10;
  border: none;
  background: #fff;
  padding: 0;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-body,
#deposit_interest.fade .modal-dialog .modal-content .modal-body,
#transfer_completed.fade .modal-dialog .modal-content .modal-body,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-body,
#deposit_termination.fade .modal-dialog .modal-content .modal-body,
#error_modal.fade .modal-dialog .modal-content .modal-body,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-body {
  padding: 10px 20px;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-body .interest_info,
#deposit_interest.fade .modal-dialog .modal-content .modal-body .interest_info,
#transfer_completed.fade .modal-dialog .modal-content .modal-body .interest_info,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-body .interest_info,
#deposit_termination.fade .modal-dialog .modal-content .modal-body .interest_info,
#error_modal.fade .modal-dialog .modal-content .modal-body .interest_info,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-body .interest_info {
  font-size: 16px;
  margin: 0 auto 20px;
  width: 230px;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-body .interest_info span,
#deposit_interest.fade .modal-dialog .modal-content .modal-body .interest_info span,
#transfer_completed.fade .modal-dialog .modal-content .modal-body .interest_info span,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-body .interest_info span,
#deposit_termination.fade .modal-dialog .modal-content .modal-body .interest_info span,
#error_modal.fade .modal-dialog .modal-content .modal-body .interest_info span,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-body .interest_info span {
  color: #2f79d8;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-body p,
#deposit_interest.fade .modal-dialog .modal-content .modal-body p,
#transfer_completed.fade .modal-dialog .modal-content .modal-body p,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-body p,
#deposit_termination.fade .modal-dialog .modal-content .modal-body p,
#error_modal.fade .modal-dialog .modal-content .modal-body p,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-body p {
  font-size: 15px;
  text-align: center;
  margin-bottom: 0;
  line-height: 20px;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-body p strong,
#deposit_interest.fade .modal-dialog .modal-content .modal-body p strong,
#transfer_completed.fade .modal-dialog .modal-content .modal-body p strong,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-body p strong,
#deposit_termination.fade .modal-dialog .modal-content .modal-body p strong,
#error_modal.fade .modal-dialog .modal-content .modal-body p strong,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-body p strong {
  color: #2f79d8;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-footer,
#deposit_interest.fade .modal-dialog .modal-content .modal-footer,
#transfer_completed.fade .modal-dialog .modal-content .modal-footer,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-footer,
#deposit_termination.fade .modal-dialog .modal-content .modal-footer,
#error_modal.fade .modal-dialog .modal-content .modal-footer,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-footer {
  border-top: none;
  padding: 10px 20px 40px;
  text-align: center;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-footer .btn,
#deposit_interest.fade .modal-dialog .modal-content .modal-footer .btn,
#transfer_completed.fade .modal-dialog .modal-content .modal-footer .btn,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-footer .btn,
#deposit_termination.fade .modal-dialog .modal-content .modal-footer .btn,
#error_modal.fade .modal-dialog .modal-content .modal-footer .btn,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-footer .btn {
  width: 120px;
  line-height: 18px;
  border-radius: 0;
  font-weight: bold;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-footer .btn:focus,
#deposit_interest.fade .modal-dialog .modal-content .modal-footer .btn:focus,
#transfer_completed.fade .modal-dialog .modal-content .modal-footer .btn:focus,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-footer .btn:focus,
#deposit_termination.fade .modal-dialog .modal-content .modal-footer .btn:focus,
#error_modal.fade .modal-dialog .modal-content .modal-footer .btn:focus,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-footer .btn:focus {
  outline: none;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-footer .btn.btn_white,
#deposit_interest.fade .modal-dialog .modal-content .modal-footer .btn.btn_white,
#transfer_completed.fade .modal-dialog .modal-content .modal-footer .btn.btn_white,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-footer .btn.btn_white,
#deposit_termination.fade .modal-dialog .modal-content .modal-footer .btn.btn_white,
#error_modal.fade .modal-dialog .modal-content .modal-footer .btn.btn_white,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-footer .btn.btn_white {
  border: 1px solid #2f79d8;
  background-color: #fff;
  color: #2f79d8;
}
#transfer_apply.fade .modal-dialog .modal-content .modal-footer .btn.btn_blue,
#deposit_interest.fade .modal-dialog .modal-content .modal-footer .btn.btn_blue,
#transfer_completed.fade .modal-dialog .modal-content .modal-footer .btn.btn_blue,
#deposit_interest_completed.fade .modal-dialog .modal-content .modal-footer .btn.btn_blue,
#deposit_termination.fade .modal-dialog .modal-content .modal-footer .btn.btn_blue,
#error_modal.fade .modal-dialog .modal-content .modal-footer .btn.btn_blue,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-footer .btn.btn_blue {
  border: 1px solid #2f79d8;
  background-color: #2f79d8;
  color: #fff;
}

#error_modal.fade .modal-dialog .modal-content .modal-body,
#deposit_termination_completed.fade .modal-dialog .modal-content .modal-body {
  text-align: center;
}

.info_wrap .info_img #upload_avatar {
  height: 120px;
}
.info_wrap .info_img #upload_avatar img {
  height: 100% !important;
  margin: 0 auto;
  border: 1px solid #ddd;
}

.btn_wrap.change > div ::-webkit-file-upload-button {
  cursor: pointer;
}

.info_top {
  display: flex;
  align-items: center;
  text-align: left;
  min-height: 90px;
}
.info_top span {
  word-break: break-all;
}
.info_top i {
  font-size: 40px;
}
@media (max-width: 768px) {
  .info_top {
    min-height: 104px;
    text-align: center;
    flex-direction: column;
  }
  .info_top strong {
    font-size: 12px;
  }
}

.land_wallet_wrap h2 {
  margin-bottom: 15px !important;
}
.land_wallet_wrap .transfer_history_table .btn_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_history_table .btn_area button {
  width: 100px;
  height: 40px;
  padding: 10px;
  border: solid 1px #e4e5e7;
  background: #fff;
  font-size: 13px;
  color: #8d939a;
}
.land_wallet_wrap .transfer_history_table .btn_area button.active {
  border: 1px solid #2f79d8;
  color: #2f79d8;
}
.land_wallet_wrap .transfer_history_table .btn_area .input_box {
  width: 200px;
  height: 40px;
  border: solid 1px #e4e5e7;
  position: relative;
  margin-bottom: 0;
}
.land_wallet_wrap .transfer_history_table .btn_area .input_box input {
  width: 100%;
  height: 38px;
  border: none;
  padding: 10px;
  font-size: 13px;
  color: #8d939a;
}
.land_wallet_wrap .transfer_history_table .btn_area .input_box .icon-calendar2 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.land_wallet_wrap .transfer_history_table .input_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.land_wallet_wrap .transfer_history_table .input_area label {
  width: 208px;
  height: 40px;
  margin: 0 !important;
  padding: 10px;
  border: solid 1px #e4e5e7;
  font-size: 13px;
  color: #8d939a;
}
.land_wallet_wrap .transfer_history_table .input_area select {
  width: 415px;
  height: 40px;
  padding: 10px;
  border: solid 1px #e4e5e7;
  font-size: 13px;
  color: #8d939a;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}
.land_wallet_wrap .transfer_history_table .input_area button {
  width: 200px;
  height: 40px;
  background-color: #2f79d8;
  color: #fff;
  padding: 10px;
  border: solid 1px #e4e5e7;
}
.land_wallet_wrap .transfer_history_table .btn_area_m {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_history_table .btn_area_m button {
  width: calc(25% - 6px);
  height: 34px;
  padding: 3px;
  border: solid 1px #e4e5e7;
  background: #fff;
  font-size: 13px;
  color: #8d939a;
  margin: 0;
}
.land_wallet_wrap .transfer_history_table .btn_area_m button.active {
  border: 1px solid #2f79d8;
  color: #2f79d8;
}
.land_wallet_wrap .transfer_history_table .input_area_01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_history_table .input_area_01 .input_box {
  width: 49%;
  height: 40px;
  border: solid 1px #e4e5e7;
  position: relative;
}
.land_wallet_wrap .transfer_history_table .input_area_01 .input_box input {
  width: 100%;
  height: 38px;
  border: none;
  padding: 10px;
  font-size: 13px;
  color: #8d939a;
}
.land_wallet_wrap .transfer_history_table .input_area_01 .input_box span {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.land_wallet_wrap .transfer_history_table .input_area_02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.land_wallet_wrap .transfer_history_table .input_area_02 label {
  width: 49%;
  height: 40px;
  margin: 0 !important;
  padding: 10px;
  border: solid 1px #e4e5e7;
  font-size: 13px;
  color: #8d939a;
}
.land_wallet_wrap .transfer_history_table .input_area_02 select {
  width: 49%;
  height: 40px;
  padding: 10px;
  border: solid 1px #e4e5e7;
  font-size: 13px;
  color: #8d939a;
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.land_wallet_wrap .transfer_history_table .button_m {
  width: 100%;
  background: #2f79d8;
  color: #fff;
  height: 40px;
  margin-bottom: 20px;
  border: 0;
}
.land_wallet_wrap .transfer_history_table .dataTables_wrapper {
  padding: 0;
}
.land_wallet_wrap .transfer_history_table .dataTables_wrapper .dataTables_length label {
  margin: 0;
}
.land_wallet_wrap .transfer_history_table #datatables {
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  width: 100% !important;
}
.land_wallet_wrap .transfer_history_table #datatables thead tr th {
  text-align: center;
  padding: 12px;
  background: #f6f6f6;
  border-bottom: 1px solid #ddd;
}
.land_wallet_wrap .transfer_history_table #datatables thead tr th:not(:last-child) {
  border-right: 1px solid #ddd;
}
.land_wallet_wrap .transfer_history_table #datatables thead .sorting:after,
.land_wallet_wrap .transfer_history_table #datatables thead .sorting_asc:after,
.land_wallet_wrap .transfer_history_table #datatables thead .sorting_desc:after,
.land_wallet_wrap .transfer_history_table #datatables thead .sorting_asc_disabled:after,
.land_wallet_wrap .transfer_history_table #datatables thead .sorting_desc_disabled:after {
  bottom: 13px;
}
.land_wallet_wrap .transfer_history_table #datatables tbody tr:not(:last-child) td {
  border-bottom: 1px solid #ddd;
}
.land_wallet_wrap .transfer_history_table #datatables tbody tr td {
  padding: 12px;
  text-align: center;
}
.land_wallet_wrap .transfer_history_table #datatables tbody tr td:not(:last-child) {
  border-right: 1px solid #ddd;
}
@media (max-width: 991px) {
  .land_wallet_wrap .transfer_history_table #datatables thead tr th {
    font-size: 12px;
    padding: 7px 15px 7px 7px;
    white-space: nowrap;
  }
  .land_wallet_wrap .transfer_history_table #datatables thead .sorting:after,
  .land_wallet_wrap .transfer_history_table #datatables thead .sorting_asc:after,
  .land_wallet_wrap .transfer_history_table #datatables thead .sorting_desc:after,
  .land_wallet_wrap .transfer_history_table #datatables thead .sorting_asc_disabled:after,
  .land_wallet_wrap .transfer_history_table #datatables thead .sorting_desc_disabled:after {
    right: 1px;
    bottom: initial;
    top: 10px;
  }
}

.dataTables_length select {
  display: inline;
  width: auto;
  border-radius: 0;
  box-shadow: none;
}

.dataTables_paginate {
  text-align: center;
}

.additional_account .box {
  display: flex;
  align-items: center;
  height: 50px;
}
@media (max-width: 991px) {
  .additional_account .box {
    height: auto;
    margin-bottom: 10px;
  }
}

#transfer_table {
  border-bottom: 1px solid #ccc;
}
#transfer_table .table_minus_icon {
  position: relative;
}
#transfer_table .table_minus_icon .glyphicon {
  position: absolute;
  top: 47px;
  left: 8px;
  font-size: 18px;
}
@media (max-width: 991px) {
  #transfer_table .table_minus_icon .glyphicon {
    position: initial;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
  }
}

#add_transfer {
  font-size: 16px;
}
#add_transfer .ct_p4 {
  font-size: 18px;
}

.fund .fund_img {
  width: 12%;
}
@media (max-width: 768px) {
  .fund .fund_img {
    width: 25%;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}

.reset-input {
  height: 50px !important;
  border-radius: 0 !important;
  border: 1px solid #ddd !important;
}

.faq_panel .panel-heading .panel-title a {
  width: 90%;
  display: block;
  font-size: 15px;
}

#captcha_code {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dddddd;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  height: 40px;
}

.info_wallet {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #CEDEF2;
  background: #EAF1FB;
  margin-top: 15px;
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.info_wallet p {
  color: #333;
  margin-bottom: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.info_wallet span {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #1352EF;
}
.info_wallet a {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  color: #1352EF;
  text-decoration: underline;
}

.change-leverage .txt {
  font-size: 15px;
  color: #1f3fcd;
}
.change-leverage #current_leverage {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.additional_account_area .left-content {
  padding-right: 64px;
}
@media (max-width: 991px) {
  .additional_account_area .left-content {
    padding-right: 15px;
  }
}
.additional_account_area .description {
  margin: 30px 0;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.additional_account_area .additional_account_grid_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 850px;
  gap: 16px;
  flex-wrap: wrap;
}
.additional_account_area .additional_account_grid_wrapper .help-error.help-block {
  margin: 0;
}
.additional_account_area .additional_account_grid_wrapper .grid-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: white;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box {
  display: flex;
  padding: 10px 16px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--line, #DDD);
  position: relative;
  width: auto;
  height: 64px;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box .selected {
  margin-top: 10px;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box label {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  color: #858585;
  position: absolute;
  top: 10px;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box .dropdown-wrapper {
  display: flex;
  width: 100%;
  padding: 4px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 64px;
  left: 0;
  border-radius: 8px;
  border: 1px solid var(--line, #DDD);
  background: var(--white, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 11;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box .dropdown-wrapper li {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-bottom: 1px solid #ECECEC;
  cursor: pointer;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box .dropdown-wrapper li a {
  color: #222;
  text-decoration: none;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box .dropdown-wrapper li:last-child {
  border-bottom: 0;
}
.additional_account_area .additional_account_grid_wrapper .new-select-box .dropdown-wrapper li:hover {
  font-weight: 500;
  background-color: #EAF1FB;
}
.additional_account_area .additional_account_grid_wrapper .select-box-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  top: 0;
}
.additional_account_area .additional_account_grid_wrapper .select-box-wrapper label {
  position: absolute;
  top: 10px;
  left: 16px;
  color: var(--Text-text-4, #858585);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper {
  position: relative;
  width: 100%;
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper label {
  position: absolute;
  top: 10px;
  left: 16px;
  color: var(--Text-text-4, #858585);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper input {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  height: 64px;
  padding: 30px 16px 10px 16px;
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper input::placeholder {
  color: #C6C6C6 !important;
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper .first-validation-box {
  display: flex;
  flex-wrap: wrap;
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper .validation-desc {
  color: #ff7f7f;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin: 10px 4px 0 0;
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper .validation-desc:after {
  content: ""; /* content 속성이 있어야 가상 요소가 생성됩니다. */
  display: inline-block; /* 인라인 요소로 설정하여 다른 내용과 함께 나타날 수 있습니다. */
  width: 16px; /* 아이콘의 너비에 맞게 조절하세요. */
  height: 16px;
  background-size: cover; /* 배경 이미지를 요소에 맞게 조절합니다. */
  margin-left: 4px;
  background-image: url("/assets/common/common/img/x_icon.svg");
}
.additional_account_area .additional_account_grid_wrapper .input-wrapper .show_password_btn {
  position: absolute;
  right: 16px;
  top: 20px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .additional_account_area .additional_account_grid_wrapper {
    grid-template-columns: 1fr;
  }
}
.additional_account_area .additional_account h4 {
  font-size: 14px;
  color: #333;
}
.additional_account_area .table tbody tr td {
  padding: 5px 20px !important;
}
.additional_account_area .table tbody tr td .checkbox {
  margin: 0;
}
.additional_account_area #submit_btn {
  background: #1352EF;
  min-width: 300px;
  margin-bottom: 100px;
  border: none;
  color: #fff;
  cursor: pointer;
}
.additional_account_area #submit_btn:disabled {
  background: #1352EF;
  cursor: not-allowed;
}
.additional_account_area .open-account ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.additional_account_area .open-account ul li {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  width: calc((100% - 40px) / 2);
  min-height: 400px;
}
.additional_account_area .open-account ul li:first-child {
  margin-bottom: 30px;
}
.additional_account_area .open-account ul li:first-child dl {
  background: #000;
}
.additional_account_area .open-account ul li:nth-child(2) {
  margin-bottom: 30px;
}
.additional_account_area .open-account ul li:nth-child(2) dl {
  background: #464d5b;
}
.additional_account_area .open-account ul li:nth-child(3) {
  margin-bottom: 30px;
}
.additional_account_area .open-account ul li:nth-child(3) dl {
  background: #474d5a;
}
.additional_account_area .open-account ul li:nth-child(4) dl {
  background: #1e3094;
}
.additional_account_area .open-account ul li:last-child dl {
  background: #5076cc;
}
.additional_account_area .open-account ul li dl {
  padding: 16px 20px;
  color: #fff;
}
.additional_account_area .open-account ul li dl dt {
  font-size: 20px;
  font-weight: 500;
}
.additional_account_area .open-account ul li dl dd {
  font-size: 12px;
  font-weight: 400;
}
.additional_account_area .open-account ul li .table {
  padding: 0 20px;
}
.additional_account_area .open-account ul li .table table {
  width: 100%;
}
.additional_account_area .open-account ul li .table table tr th {
  font-weight: 500;
}
.additional_account_area .open-account ul li .table table tr:last-child th,
.additional_account_area .open-account ul li .table table tr:last-child td {
  border-bottom: none;
}
.additional_account_area .open-account ul li .table table tr th,
.additional_account_area .open-account ul li .table table tr td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.additional_account_area .open-account ul li > a {
  display: block;
  background: #f7f8fa;
  border-top: 1px solid #ddd;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  padding: 20px;
  text-align: center;
  margin-top: auto;
}
.additional_account_area .created-account-wrapper {
  border-radius: 10px;
  border: solid 1px #DDD;
  background-color: white;
  padding: 16px;
}
.additional_account_area .created-account-wrapper .created-account-row {
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0px;
  border-bottom: 1px solid #DDD;
}
.additional_account_area .created-account-wrapper .created-account-row:last-child {
  border-bottom: none;
}
.additional_account_area .created-account-wrapper .created-account-row .created-account-row-title {
  width: 240px;
  font-weight: 400;
}
@media (max-width: 700px) {
  .additional_account_area .created-account-wrapper .created-account-row .created-account-row-title {
    width: 170px;
  }
}
@media (max-width: 480px) {
  .additional_account_area .created-account-wrapper .created-account-row .created-account-row-title {
    width: 100px;
  }
}
.additional_account_area .created-account-wrapper .created-account-row .created-account-row-value {
  padding-left: 24px;
  font-weight: 500;
}
.additional_account_area .buttons-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  gap: 16px;
}
@media (max-width: 700px) {
  .additional_account_area .buttons-wrapper {
    flex-direction: column-reverse;
  }
}
.additional_account_area .buttons-wrapper .button-mt-download {
  padding: 15px 16px;
  width: 260px;
  height: 54px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  background-color: #F7F8FA;
  color: #222222;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 700px) {
  .additional_account_area .buttons-wrapper .button-mt-download {
    width: 100%;
  }
}
.additional_account_area .buttons-wrapper .button-next {
  padding: 15px 20px;
  width: 260px;
  height: 54px;
  border-radius: 10px;
  background-color: #0049FF;
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 700px) {
  .additional_account_area .buttons-wrapper .button-next {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .additional_account_area .open-account ul li {
    width: 100%;
  }
  .additional_account_area .open-account ul li:nth-child(3) {
    margin-bottom: 30px;
  }
}

#account-popup .modal-dialog {
  width: 650px;
}
#account-popup .modal-dialog .modal-content {
  border-radius: 0;
}
#account-popup .modal-dialog .modal-content .modal-header {
  position: relative;
  background: #000;
  color: #fff;
  padding: 30px 40px;
}
#account-popup .modal-dialog .modal-content .modal-header h4 {
  font-size: 24px;
}
#account-popup .modal-dialog .modal-content .modal-header button {
  position: absolute;
  right: 20px;
  opacity: 1;
  top: 50%;
  margin-top: -21px;
}
#account-popup .modal-dialog .modal-content .modal-header button span {
  font-size: 20px;
  color: #fff;
  opacity: 1;
  font-weight: bold;
  text-shadow: none;
}
#account-popup .modal-dialog .modal-content .modal-body {
  padding: 20px 30px;
}
#account-popup .modal-dialog .modal-content .modal-body p {
  margin-bottom: 10px;
  font-size: 15px;
}
#account-popup .modal-dialog .modal-content .modal-body table {
  width: 100%;
  margin-bottom: 20px !important;
  border-top: 1px solid #dcdfe2;
}
#account-popup .modal-dialog .modal-content .modal-body table tr th,
#account-popup .modal-dialog .modal-content .modal-body table tr td {
  border-bottom: 1px solid #dcdfe2;
  padding: 14px;
}
#account-popup .modal-dialog .modal-content .modal-body table tr th {
  font-size: 15px;
  font-weight: 500;
  background: #f1f2f6;
  text-align: center;
}
#account-popup .modal-dialog .modal-content .modal-body table tr td {
  font-size: 15px;
  font-weight: 400;
  padding: 14px 20px;
}
#account-popup .modal-dialog .modal-content .modal-body .btn-area {
  display: flex;
  justify-content: flex-end;
}
#account-popup .modal-dialog .modal-content .modal-body .btn-area a {
  display: block;
  color: #fff;
  background: #464d5d;
  text-align: center;
  padding: 20px 15px;
  width: 180px;
  font-size: 15px;
}
@media (max-width: 991px) {
  #account-popup .modal-dialog {
    width: 100%;
    margin: 0;
  }
}

.fee-sub-menu {
  width: 100%;
  height: 55px;
  background: #f1f2f6;
  border-bottom: 1px solid #dfe6e9;
}
.fee-sub-menu .container {
  height: 100%;
}
.fee-sub-menu .container .row {
  height: 100%;
}
.fee-sub-menu .container .row ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.fee-sub-menu .container .row ul li {
  height: 100%;
}
.fee-sub-menu .container .row ul li.active a {
  font-weight: bold;
  border-bottom: 3px solid #1f3fcd;
}
.fee-sub-menu .container .row ul li a {
  height: 100%;
  display: block;
  color: #333;
  font-size: 15px;
  padding: 17px 15px;
  font-weight: 500;
}

.certify-area {
  padding: 16px;
  background: #f7f8fa;
}
.certify-area .container {
  padding: 0;
  display: flex;
  gap: 16px;
}
.certify-area .container .title {
  flex: 1;
}
.certify-area .container .title > div {
  display: flex;
  gap: 10px;
}
.certify-area .container .title > div .badge {
  flex-shrink: 0;
  padding: 6px 10px;
  width: 90px;
  height: 30px;
  color: #ee3d3d;
  background-color: #ffeeee;
  border: 1px solid #ecc4c4;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .certify-area .container .title > div .badge {
    font-size: 12px;
    line-height: 14px;
  }
}
.certify-area .container .title > div .badge.verified {
  color: #01a387;
  background-color: #f1faf9;
  border-color: #b4d7d3;
}
.certify-area .container .title > div .badge.verifying {
  color: #6282cc;
  background-color: #f2f5ff;
  border-color: #adbde2;
}
.certify-area .container .title > div p {
  margin: 0;
  max-width: 350px;
  color: #434343;
  font-size: 14px;
  line-height: 20px;
}
.certify-area .container .title .close-btn {
  display: none;
}
.certify-area .container .contents {
  flex: 1;
  display: flex;
  justify-content: end;
  align-items: start;
  gap: 16px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .certify-area .container .contents {
    white-space: normal;
  }
}
.certify-area .container .contents li {
  flex: 1;
  max-width: 180px;
}
.certify-area .container .contents li.active a {
  border: 1px solid #63a8fe;
}
.certify-area .container .contents li.active a span {
  color: #63a8fe;
}
.certify-area .container .contents li.active a p {
  color: #63a8fe;
}
.certify-area .container .contents li.unverified a {
  border: 1px solid #ecc4c4;
  background-color: #ffeeee;
}
.certify-area .container .contents li.unverified a span {
  color: #ee3d3d;
}
.certify-area .container .contents li.unverified a p {
  color: #ee3d3d;
}
.certify-area .container .contents li.pending a {
  border: 1px solid #adbde2;
  background-color: #f2f5ff;
}
.certify-area .container .contents li.pending a span {
  color: #6282cc;
}
.certify-area .container .contents li.pending a p {
  color: #6282cc;
}
.certify-area .container .contents li.verified a {
  border: 1px solid #b4d7d3;
  background-color: #f1faf9;
}
.certify-area .container .contents li.verified a span {
  color: #01a387;
}
.certify-area .container .contents li.verified a p {
  color: #01a387;
}
.certify-area .container .contents li a {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #b7bec9;
  border-radius: 6px;
}
.certify-area .container .contents li a span {
  color: #b7bec9;
  font-size: 18px;
}
.certify-area .container .contents li a p {
  color: #b7bec9;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
@media (max-width: 991px) {
  .certify-area .contents a {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .certify-area .container {
    flex-direction: column;
  }
  .certify-area .container .contents {
    justify-content: center;
    gap: 8px;
  }
  .certify-area .container .contents li {
    max-width: 120px;
  }
  .certify-area .container .contents li a {
    gap: 8px;
    padding: 6px;
  }
}

.fee-dashboard {
  padding-top: 20px;
}
.fee-dashboard .dashboard-img {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.fee-dashboard .dashboard-img .img-area {
  width: 190px;
  padding: 25px 35px 10px;
  border-radius: 10px;
  border: solid 1px #ddd;
}
.fee-dashboard .dashboard-img .img-area img {
  height: 120px;
  margin-bottom: 10px;
  max-width: 100%;
}
.fee-dashboard .dashboard-img .img-area span {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
.fee-dashboard .dashboard-img .table-wrap {
  width: calc(100% - 230px);
  margin-bottom: 0;
  display: flex;
}
.fee-dashboard .dashboard-img .table-wrap table {
  width: 50%;
  border-top: 1px solid #dfe6e9;
}
.fee-dashboard .dashboard-img .table-wrap table tr th,
.fee-dashboard .dashboard-img .table-wrap table tr td {
  border-bottom: 1px solid #dfe6e9;
  border-right: 1px solid #dfe6e9;
}
.fee-dashboard .dashboard-img .table-wrap table tr:first-child th,
.fee-dashboard .dashboard-img .table-wrap table tr:first-child td {
  height: 70px;
  word-break: keep-all;
}
.fee-dashboard .dashboard-img .table-wrap table tr th {
  width: 25%;
  background-color: #f1f2f6;
  padding: 20px 15px;
}
.fee-dashboard .dashboard-img .table-wrap table tr th span,
.fee-dashboard .dashboard-img .table-wrap table tr th img {
  display: inline-block;
}
.fee-dashboard .dashboard-img .table-wrap table tr td {
  width: 25%;
  text-align: left;
  padding: 0 5px;
}
.fee-dashboard .dashboard-img .table-wrap table tr td:last-of-type {
  border-right: none;
}
.fee-dashboard .dashboard-img .tooltip-img {
  display: none;
  position: absolute;
  width: 200px;
  background: #000;
  padding: 3px 8px;
  text-align: center;
  border-radius: 4px;
  top: 175px;
}
.fee-dashboard .dashboard-img .tooltip-img.spread {
  right: 52%;
}
.fee-dashboard .dashboard-img .tooltip-img.reward {
  right: 13%;
}
.fee-dashboard .dashboard-img .tooltip-img p {
  color: #fff;
  margin-bottom: 0;
}
.fee-dashboard .dashboard-img .tooltip-img p:after {
  content: "";
  position: absolute;
  top: -4px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: 0;
  transform: rotate(180deg);
  left: 10%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.fee-dashboard .dashboard-info {
  margin-bottom: 50px;
}
.fee-dashboard .dashboard-info h3 {
  font-size: 25px;
  color: #333;
  font-weight: 500;
  margin-bottom: 15px !important;
}
.fee-dashboard .dashboard-info ul {
  border: 1px solid #dbe0ea;
  border-top: 3px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fee-dashboard .dashboard-info ul li {
  width: 16.6666666667%;
}
.fee-dashboard .dashboard-info ul li:not(:last-child) {
  border-right: 1px solid #dbe0ea;
}
.fee-dashboard .dashboard-info ul li dl {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  height: 150px;
}
.fee-dashboard .dashboard-info ul li dl dt {
  font-size: 25px;
  color: #1f3fcd;
  margin-bottom: 10px;
  font-weight: 500;
}
.fee-dashboard .dashboard-info ul li dl dd {
  font-size: 15px;
  color: #333;
}
.fee-dashboard .dashboard-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fee-dashboard .dashboard-input h3 {
  font-size: 25px;
  color: #333;
  font-weight: 500;
  margin-bottom: 15px !important;
}
.fee-dashboard .dashboard-input > div {
  width: calc(50% - 14px);
}
.fee-dashboard .dashboard-input > div .partner-title {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fee-dashboard .dashboard-input > div .partner-title .mobile-popup {
  display: none;
}
.fee-dashboard .dashboard-input > div .partner-title .tooltip-img {
  margin-bottom: 15px;
  margin-left: 10px;
  position: relative;
}
.fee-dashboard .dashboard-input > div .partner-title .tooltip-img:hover p {
  display: block;
}
.fee-dashboard .dashboard-input > div .partner-title .tooltip-img p {
  display: none;
  position: absolute;
  width: 200px;
  background: #000;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  top: 30px;
  left: -10px;
}
.fee-dashboard .dashboard-input > div .partner-title .tooltip-img p:after {
  content: "";
  position: absolute;
  top: -4px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: 0;
  transform: rotate(180deg);
  left: 10%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.fee-dashboard .dashboard-input > div .partner-button input {
  width: 100%;
  height: 50px;
  padding: 15px 25px;
  border: 1px solid #dfe6e9;
}
.fee-dashboard .dashboard-input > div .partner-button .button-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.fee-dashboard .dashboard-input > div .partner-button button,
.fee-dashboard .dashboard-input > div .partner-button a {
  background-color: #464d5b;
  color: #fff;
  font-size: 13px;
  padding: 15px;
  text-align: center;
  box-shadow: none;
  border: none;
  border-radius: 2px;
  min-width: 200px;
  margin-left: auto;
}
@media (max-width: 991px) {
  .fee-dashboard .dashboard-img .img-area {
    display: none;
  }
  .fee-dashboard .dashboard-img .table-wrap {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .fee-dashboard .dashboard-img .table-wrap table {
    width: 100%;
    padding: 10px;
    table-layout: fixed;
  }
  .fee-dashboard .dashboard-img .table-wrap table:last-child {
    border-top: 0;
  }
  .fee-dashboard .dashboard-img .table-wrap table tr th {
    font-size: 12px;
    padding: 10px 0 10px 15px;
  }
  .fee-dashboard .dashboard-img .table-wrap table tr td {
    padding: 10px;
  }
  .fee-dashboard .dashboard-info {
    margin-bottom: 35px;
  }
  .fee-dashboard .dashboard-info ul {
    flex-wrap: wrap;
  }
  .fee-dashboard .dashboard-info ul li {
    width: 50%;
  }
  .fee-dashboard .dashboard-info ul li:first-child, .fee-dashboard .dashboard-info ul li:nth-child(2), .fee-dashboard .dashboard-info ul li:nth-child(3), .fee-dashboard .dashboard-info ul li:nth-child(4) {
    border-bottom: 1px solid #dbe0ea;
  }
  .fee-dashboard .dashboard-input {
    display: block;
  }
  .fee-dashboard .dashboard-input > div {
    width: 100%;
  }
  .fee-dashboard .dashboard-input > div:first-child {
    margin-bottom: 30px;
  }
  .fee-dashboard .dashboard-input > div .partner-title .mobile-popup {
    display: block;
    margin: 0 0 15px 7px;
  }
  .fee-dashboard .dashboard-input > div .partner-title .tooltip-img {
    display: none;
  }
  .fee-dashboard .dashboard-input > div .partner-button button,
  .fee-dashboard .dashboard-input > div .partner-button a {
    min-width: 140px;
    padding: 15px 5px;
  }
}

#tooltip-contents,
#spread,
#reward {
  display: none;
  position: absolute;
  background: #fff;
  top: 40px;
  box-shadow: 1px 1px 1px 0 #dcdcdc;
  width: 100%;
  padding: 10px 30px 10px 25px;
  z-index: 10;
}
#tooltip-contents .close,
#spread .close,
#reward .close {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 1;
}
#tooltip-contents .close span,
#spread .close span,
#reward .close span {
  color: #7e848b;
  font-weight: bold;
}
#tooltip-contents p,
#spread p,
#reward p {
  margin-bottom: 0;
  font-size: 15px;
}

#reward {
  bottom: -50px;
  top: auto;
}

.fee-client {
  padding-top: 20px;
}
.fee-client .client-banner {
  padding: 40px 50px;
  background: url("/assets/common/mypage/img/en_US/fee/client-bg.png") no-repeat center center;
  background-size: cover;
  height: 200px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
.fee-client .client-banner > div {
  width: 540px;
}
.fee-client .client-banner > div span {
  font-size: 15px;
  color: #fff;
  margin-bottom: 11px;
  display: block;
}
.fee-client .client-banner > div h3 {
  font-size: 24px;
  color: #fff;
  line-height: 32px;
}
.fee-client .client-banner p {
  height: 50px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 11px 8px;
  text-align: center;
  border-radius: 50px;
  margin: 0 0 0 30px;
  align-self: end;
}
.fee-client .client-banner p:after {
  content: "\eb84";
  font-family: icomoon;
  margin-left: 10px;
  vertical-align: middle;
}
.fee-client .client-contents .search-area {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fee-client .client-contents .search-area label {
  margin-right: 20px;
}
.fee-client .client-contents .search-area select {
  width: 100%;
  height: 50px;
}
.fee-client .client-contents .search-area .client-id {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fee-client .client-contents .search-area .client-id .select_box {
  width: 290px;
}
.fee-client .client-contents .search-area .date-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fee-client .client-contents .search-area .date-area .datepicker-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fee-client .client-contents .search-area .date-area .datepicker-box .date {
  width: 175px;
}
.fee-client .client-contents .search-area .date-area .datepicker-box .date:last-of-type {
  margin-left: 7px;
}
.fee-client .client-contents .search-area .date-area .datepicker-box .date input {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}
.fee-client .client-contents .search-area .date-area .datepicker-box .date .input-group-addon {
  background: transparent;
  border-radius: 0;
}
.fee-client .client-contents .search-area .date-area .datepicker-box .date .glyphicon-calendar {
  font-weight: bold;
  padding: 10px;
}
.fee-client .client-contents .search-area .date-area .datepicker-box .date .glyphicon-calendar:before {
  font-family: "icomoon";
  content: "\eb89";
}
.fee-client .client-contents .search-area .date-area .search-btn {
  width: 130px;
  background: #464d5b;
  color: #fff;
  text-align: center;
  font-size: 13px;
  margin-left: 12px;
  box-shadow: none;
  height: 50px;
  border: none;
}
.fee-client .client-contents .client-info {
  margin-bottom: 40px;
  display: flex;
  height: 130px;
  border: 1px solid #dbe0ea;
  border-top: 2px solid #000;
}
.fee-client .client-contents .client-info li {
  width: 25%;
  padding: 30px 10px;
}
.fee-client .client-contents .client-info li:not(:last-child) {
  border-right: 1px solid #dbe0ea;
}
.fee-client .client-contents .client-info li dl {
  text-align: center;
  margin-bottom: 0;
}
.fee-client .client-contents .client-info li dl dt {
  font-size: 35px;
  color: #1f3fcd;
  font-weight: 500;
  margin-bottom: 10px;
}
.fee-client .client-contents .client-info li dl dd {
  font-size: 15px;
  color: #333;
  font-weight: 400;
}
.fee-client .client-contents .client-table {
  border-top: 1px solid #dddddd;
  width: 100%;
}
.fee-client .client-contents .client-table tr:last-child {
  border-bottom: none;
}
.fee-client .client-contents .client-table tr th,
.fee-client .client-contents .client-table tr td {
  text-align: center;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.fee-client .client-contents .client-table tr th:not(:last-child),
.fee-client .client-contents .client-table tr td:not(:last-child) {
  border-right: 1px solid #dddddd;
}
.fee-client .client-contents .client-table tr th {
  background: #f1f2f6;
  font-size: 13px;
}
.fee-client .client-contents .client-table tr td:first-child {
  font-weight: 700;
  font-size: 15px;
}
@media (max-width: 991px) {
  .fee-client .client-banner {
    padding: 20px;
    background: url("/assets/common/mypage/img/en_US/fee/client-bg-m.png") no-repeat bottom center;
    background-size: cover;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    min-height: 232px;
  }
  .fee-client .client-banner > div {
    width: 95%;
  }
  .fee-client .client-banner > div span {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .fee-client .client-banner > div h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px !important;
  }
  .fee-client .client-banner > div h3 br {
    display: none;
  }
  .fee-client .client-banner p {
    height: 43px;
    font-size: 12px;
    padding: 9px;
    margin-left: 0;
    align-self: baseline;
  }
  .fee-client .client-banner p:after {
    margin-left: 10px;
  }
  .fee-client .client-contents .search-area {
    margin-bottom: 30px;
    display: block;
  }
  .fee-client .client-contents .search-area label {
    font-weight: bold;
  }
  .fee-client .client-contents .search-area .client-id {
    display: block;
  }
  .fee-client .client-contents .search-area .client-id .select_box {
    margin-bottom: 20px;
    width: 100%;
  }
  .fee-client .client-contents .search-area .date-area {
    display: block;
  }
  .fee-client .client-contents .search-area .date-area .datepicker-box .date {
    width: calc(50% - 5px);
    margin-bottom: 20px;
  }
  .fee-client .client-contents .search-area .date-area .datepicker-box .date .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 15em;
  }
  .fee-client .client-contents .search-area .date-area .datepicker-box .date .glyphicon-calendar {
    padding: 0;
  }
  .fee-client .client-contents .search-area .date-area .search-btn {
    width: 100%;
    margin-left: 0;
  }
  .fee-client .client-contents .client-info {
    flex-wrap: wrap;
    height: auto;
  }
  .fee-client .client-contents .client-info li {
    width: 50%;
    padding: 25px 5px;
  }
  .fee-client .client-contents .client-info li:first-child, .fee-client .client-contents .client-info li:nth-child(2) {
    border-bottom: 1px solid #dbe0ea;
  }
  .fee-client .client-contents .client-info li dl dt {
    font-size: 22px;
    margin-bottom: 5px;
  }
  .fee-client .client-contents .client-table {
    min-width: 500px;
  }
  .fee-client .client-contents .client-table tr th,
  .fee-client .client-contents .client-table tr td {
    white-space: nowrap;
  }
}

.mypage-additional-account-agree {
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin: 30px 0;
}
.mypage-additional-account-agree .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mypage-additional-account-agree .item .checkbox {
  position: relative;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  justify-content: center;
  align-items: center;
}
.mypage-additional-account-agree .item label {
  margin-right: 10px;
}
.mypage-additional-account-agree .item label > input[type=checkbox] {
  margin-top: 0;
  accent-color: #1352EF;
}
.mypage-additional-account-agree .item p {
  color: var(--Text-text-3, #434343);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.create-account-btn {
  margin-top: 30px;
}
.create-account-btn .ct_btn8 {
  display: flex;
  width: 300px;
  height: 54px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--white, #FFF);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 120% */
  border-radius: 10px;
  background: var(--BTN1-enabled, #1352EF);
}

#utransfer-iframe {
  width: 100%;
  height: 80vh;
  padding: 0;
  border: solid 0;
}

#deposit_btn:disabled {
  background-color: rgba(200, 200, 200, 0.8);
  border: 2px solid rgba(200, 200, 200, 0.8);
  color: white;
  cursor: not-allowed;
}

.promotion-top-banner {
  margin-top: 40px;
}
.promotion-top-banner .top-link {
  margin: 0 0 0;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #142f60;
  color: #fff;
}
.promotion-top-banner .top-link a {
  margin-left: 5px;
  display: inline-block;
  text-decoration: underline;
  font-size: 14px;
  text-transform: uppercase;
  color: #f4d441;
  font-weight: 900;
}
.promotion-top-banner .visual-banner {
  height: 350px;
  padding: 40px 50px;
  background: url("/assets/common/main/img/en_US/promotion/new_cashback_bg.png") no-repeat center/cover;
}
.promotion-top-banner .visual-banner .period {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #072046;
  margin-bottom: 8px;
}
.promotion-top-banner .visual-banner .title {
  font-weight: 900;
  font-size: 30px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #072046;
  margin-bottom: 8px;
}
.promotion-top-banner .visual-banner .title span {
  font-weight: 400;
}
.promotion-top-banner .visual-banner .desc {
  margin: 0 0 32px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #072046;
  max-width: 350px;
}
.promotion-top-banner .visual-banner .top-link-m {
  display: none;
}
.promotion-top-banner .visual-banner .section-optin {
  display: flex;
}
.promotion-top-banner .visual-banner .section-optin .style-select {
  margin-right: 16px;
  position: relative;
  display: inline;
}
.promotion-top-banner .visual-banner .section-optin .style-select select {
  width: 190px;
  height: 47px;
  border-radius: 0;
  padding-left: 10px;
  border: 1px solid #3871e6;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.promotion-top-banner .visual-banner .section-optin .style-select:after {
  content: "";
  background: url("/assets/common/mypage/img/en_US/common/arrow.png") center center no-repeat;
  background-size: 11px;
  position: absolute;
  top: 3px;
  right: 4px;
  width: 18px;
  height: 40px;
}
.promotion-top-banner .visual-banner .section-optin .btn-auto {
  max-width: 190px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #3871e6;
  color: #3871e6;
  text-transform: uppercase;
  font-weight: 700;
  width: 190px;
}
.promotion-top-banner .visual-banner .section-optin .btn-auto:hover {
  background: #3871e6;
  color: #fff;
}
.promotion-top-banner .visual-banner.jp {
  background: url("/assets/common/mypage/img/en_US/promotion/mypage_promotion_bg_jp_w.png") no-repeat center/cover;
}
@media (max-width: 768px) {
  .promotion-top-banner {
    margin: 0 -15px 0;
  }
  .promotion-top-banner .top-link {
    display: none;
  }
  .promotion-top-banner .visual-banner {
    height: 595px;
    padding: 40px 15px 24px;
    display: flex;
    flex-direction: column;
    background: url("/assets/common/mypage/img/en_US/promotion/promotion_mypage_bg_m.png") no-repeat center/cover;
  }
  .promotion-top-banner .visual-banner .period {
    margin-bottom: 16px;
  }
  .promotion-top-banner .visual-banner .title {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 16px;
  }
  .promotion-top-banner .visual-banner .desc {
    margin: 0 0 32px;
    font-size: 16px;
    line-height: 24px;
  }
  .promotion-top-banner .visual-banner .section-optin .btn-auto {
    max-width: 170px;
    font-size: 14px;
    background: #3871e6;
    color: #fff;
  }
  .promotion-top-banner .visual-banner .section-optin .style-select {
    width: 50%;
  }
  .promotion-top-banner .visual-banner .section-optin .style-select select {
    width: 100%;
    font-size: 13px;
  }
  .promotion-top-banner .visual-banner .top-link-m {
    display: block;
    margin-top: auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #072046;
  }
  .promotion-top-banner .visual-banner .top-link-m a {
    display: block;
    font-weight: 900;
    font-size: 14px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #3871e6;
  }
  .promotion-top-banner .visual-banner.jp {
    background: url("/assets/common/mypage/img/en_US/promotion/mypage_promotion_bg_m.png") no-repeat center/cover;
  }
}

.promotion-bottom-content {
  border: 1px solid #ddd;
  border-top: none;
}
.promotion-bottom-content .cashback-history-wrapper {
  padding: 20px 50px;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table-top h3 {
  font-weight: 700;
  font-size: 20px;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table-top .select-wrap {
  display: flex;
  gap: 0 8px;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table-top .select-wrap .style-select {
  position: relative;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table-top .select-wrap .style-select select {
  width: 120px;
  height: 40px;
  border-radius: 0;
  padding-left: 10px;
  border: 1px solid #ddd;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table-top .select-wrap .style-select:after {
  content: "";
  background: url("/assets/common/mypage/img/en_US/common/arrow.png") center center no-repeat;
  background-size: 11px;
  position: absolute;
  top: 0;
  right: 4px;
  width: 18px;
  height: 40px;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table {
  width: 100%;
  border-top: 1px solid #ddd;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table thead tr th {
  height: 36px;
  color: #333333;
  background: #f1f2f6;
  border-bottom: 1px solid #ddd;
  text-align: center;
  border-left: 1px solid #ddd;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table thead tr th:first-child {
  border-left: none;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table tbody tr td {
  height: 36px;
  text-align: center;
  color: #333;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.promotion-bottom-content .cashback-history-wrapper .promotion-table tbody tr td:first-child {
  border-left: none;
}
.promotion-bottom-content .promotion-how-to {
  background: linear-gradient(102.88deg, #082649 17.25%, #103663 83.17%);
  color: white;
  padding-bottom: 32px;
}
.promotion-bottom-content .promotion-how-to .text {
  color: white;
}
.promotion-bottom-content .promotion-how-to .text p {
  color: white;
}
.promotion-bottom-content .promotion-how-to .desc {
  color: white;
}
.promotion-bottom-content .promotion-how-to .btn-account {
  color: white;
  border: 1px solid white;
  padding: 10px;
}
.promotion-bottom-content .promotion-how-to .promotion-how-to-top h3,
.promotion-bottom-content .promotion-behind-cashback .promotion-how-to-top h3 {
  font-weight: 700;
  font-size: 20px;
}
.promotion-bottom-content .promotion-how-to .promotion-how-to-top .desc,
.promotion-bottom-content .promotion-behind-cashback .promotion-how-to-top .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: white;
  margin: 10px 0 0;
}
.promotion-bottom-content .promotion-how-to .how-to-step,
.promotion-bottom-content .promotion-behind-cashback .how-to-step {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 3%;
}
.promotion-bottom-content .promotion-how-to .how-to-step li,
.promotion-bottom-content .promotion-behind-cashback .how-to-step li {
  width: 200px;
  text-align: center;
}
.promotion-bottom-content .promotion-how-to .how-to-step li .step,
.promotion-bottom-content .promotion-behind-cashback .how-to-step li .step {
  display: block;
  margin: 10px 0 8px;
}
.promotion-bottom-content .promotion-how-to .how-to-step li .desc,
.promotion-bottom-content .promotion-behind-cashback .how-to-step li .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #333333;
  margin: 0 0 0px;
}
.promotion-bottom-content .promotion-how-to {
  padding: 20px 50px;
}
.promotion-bottom-content .promotion-bottom-banner {
  height: 196px;
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("/assets/common/mypage/img/en_US/promotion/promotion_mypage_banner_bg.png") no-repeat center/cover;
}
.promotion-bottom-content .promotion-bottom-banner .title h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
}
.promotion-bottom-content .promotion-bottom-banner .title h3 span {
  font-weight: 400;
}
.promotion-bottom-content .promotion-bottom-banner .title .desc {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #ffffff;
  margin: 10px 0 0;
}
.promotion-bottom-content .promotion-bottom-banner .notice {
  max-width: 360px;
  margin-left: 40px;
}
.promotion-bottom-content .promotion-bottom-banner .notice li {
  list-style: disc;
  font-size: 14px;
  line-height: 24px;
  color: #7795c6;
}
.promotion-bottom-content .promotion-bottom-banner .notice li a {
  display: block;
  color: #f4d441;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .promotion-bottom-content {
    border: none;
    margin-left: -15px;
    margin-right: -15px;
  }
  .promotion-bottom-content .promotion-table-top {
    flex-direction: column;
    height: auto;
    align-items: initial;
    margin-bottom: 16px;
  }
  .promotion-bottom-content .promotion-table-top h3 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 16px;
  }
  .promotion-bottom-content .promotion-table-top .select-wrap {
    width: 100%;
  }
  .promotion-bottom-content .promotion-table-top .select-wrap .style-select {
    width: 50%;
  }
  .promotion-bottom-content .promotion-table-top .select-wrap .style-select select {
    width: 100%;
    font-size: 13px;
  }
  .promotion-bottom-content .promotion-how-to,
  .promotion-bottom-content .promotion-behind-cashback {
    padding: 36px 40px;
  }
  .promotion-bottom-content .promotion-how-to .promotion-how-to-top,
  .promotion-bottom-content .promotion-behind-cashback .promotion-how-to-top {
    padding: 0;
  }
  .promotion-bottom-content .promotion-how-to .promotion-how-to-top h3,
  .promotion-bottom-content .promotion-behind-cashback .promotion-how-to-top h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .promotion-bottom-content .promotion-how-to .promotion-how-to-top .desc,
  .promotion-bottom-content .promotion-behind-cashback .promotion-how-to-top .desc {
    font-size: 16px;
    line-height: 22px;
  }
  .promotion-bottom-content .promotion-how-to .how-to-step,
  .promotion-bottom-content .promotion-behind-cashback .how-to-step {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    gap: 3% 0;
  }
  .promotion-bottom-content .promotion-how-to .how-to-step li,
  .promotion-bottom-content .promotion-behind-cashback .how-to-step li {
    width: 100%;
    text-align: left;
    display: flex;
    margin-bottom: 40px;
  }
  .promotion-bottom-content .promotion-how-to .how-to-step li:last-child,
  .promotion-bottom-content .promotion-behind-cashback .how-to-step li:last-child {
    margin-bottom: 0;
  }
  .promotion-bottom-content .promotion-how-to .how-to-step li img,
  .promotion-bottom-content .promotion-behind-cashback .how-to-step li img {
    width: 64px;
    margin-right: 24px;
  }
  .promotion-bottom-content .promotion-how-to .how-to-step li .step,
  .promotion-bottom-content .promotion-behind-cashback .how-to-step li .step {
    margin: 0 0 2px;
    font-size: 15px;
  }
  .promotion-bottom-content .promotion-how-to .how-to-step li .desc,
  .promotion-bottom-content .promotion-behind-cashback .how-to-step li .desc {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
  }
  .promotion-bottom-content .promotion-bottom-banner {
    height: 324px;
    padding: 36px 40px;
    flex-direction: column;
    background: url("/assets/common/mypage/img/en_US/promotion/promotion_mypage_banner_bg_m.png") no-repeat center/cover;
    align-items: initial;
    justify-content: center;
  }
  .promotion-bottom-content .promotion-bottom-banner .title h3 {
    font-size: 28px;
    line-height: 33px;
  }
  .promotion-bottom-content .promotion-bottom-banner .notice {
    max-width: 360px;
    margin-top: 24px;
    margin-left: 0;
  }
  .promotion-bottom-content .cashback-history-wrapper {
    padding: 20px 34px;
  }
  .promotion-bottom-content .cashback-history-wrapper .promotion-table-top .select-wrap .style-select {
    width: auto;
  }
  .promotion-bottom-content .cashback-history-wrapper .promotion-table-top .select-wrap .style-select::after {
    right: 0px;
    margin-right: 4px;
  }
  .promotion-bottom-content .cashback-history-wrapper .table-responsive {
    margin-top: 36px;
  }
}

.promotion-paging {
  display: flex;
  justify-content: space-between;
  margin: 16px 0 0 0;
}
.promotion-paging .paging {
  display: flex;
}
.promotion-paging .paging a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  color: #ddd;
  width: 50px;
  margin-left: -1px;
}
.promotion-paging .paging a[hidden] {
  display: none;
}

#opt-in-modal .modal-dialog {
  width: 460px;
}
#opt-in-modal .modal-content {
  border-radius: 0;
  text-align: center;
}
#opt-in-modal .modal-content .modal-body {
  padding: 50px 0 45px;
}
#opt-in-modal .modal-content .modal-body .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 24px;
}
#opt-in-modal .modal-content .modal-body .desc {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #333;
  letter-spacing: initial;
  margin: 0 0 0;
}
#opt-in-modal .modal-content .modal-body .btn-otp-in {
  background: #3871e6;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 50px;
  color: #fff;
  border: none;
  margin: 32px auto 0;
  box-shadow: none;
}
@media (max-width: 768px) {
  #opt-in-modal .modal-dialog {
    width: auto;
    min-width: 1px;
  }
  #opt-in-modal .modal-content .modal-body .flag_wrap .flag_box {
    width: 25%;
    min-height: 88px;
  }
  #opt-in-modal .modal-content .modal-body .flag_wrap .flag_box .language_item {
    padding: 0 20%;
  }
  #opt-in-modal .modal-content .modal-body .flag_wrap .flag_box .language_item > a {
    display: block;
    text-align: center;
  }
  #opt-in-modal .modal-content .modal-body .flag_wrap .flag_box .language_item > a > img {
    width: 100%;
    height: auto;
  }
  #opt-in-modal .modal-content .modal-body .flag_wrap .flag_box .language_item > a > p {
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 11px;
  }
}

.hidden-desktop {
  display: none;
}

.hidden-mobile {
  display: block !important;
}

@media (max-width: 991px) {
  .hidden-desktop {
    display: block;
  }
  .hidden-mobile {
    display: none !important;
  }
}
#payment-root {
  font-family: "Nunito Sans";
  width: 100%;
  background: #eff2f7;
  align-items: center;
  text-align: center;
}
#payment-root .content-container {
  padding-top: 76px;
  display: inline-flex;
  flex-direction: row-reverse;
  max-width: 960px;
}
#payment-root .content-container .div-line {
  border-bottom: solid 1px #eff2f7;
  width: 100%;
}
#payment-root .content-container .header {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 12px;
  border-radius: 10px;
  width: 400px;
  height: 530px;
}
#payment-root .content-container .header .header-logo-title {
  font-size: 15px;
  font-weight: 600;
  margin-top: 23px;
}
#payment-root .content-container .header .header-amount {
  font-size: 32px;
  font-weight: 700;
}
#payment-root .content-container .header .description-container {
  margin-top: 44px;
  display: flex;
  justify-content: space-between;
  width: 80%;
}
#payment-root .content-container .header .description-title {
  font-weight: 300;
}
#payment-root .content-container .header .description-content {
  font-weight: 400;
}
#payment-root .content-container .qr-container {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 12px;
  border-radius: 10px;
  width: 415px;
  height: 530px;
  padding-left: 30px;
  padding-right: 30px;
}
#payment-root .content-container .qr-container .qr-title-container {
  align-self: start;
  padding: 7px 5px 16px 5px;
}
#payment-root .content-container .qr-container .qr-logo {
  vertical-align: -25%;
}
#payment-root .content-container .qr-container .qr-title {
  margin-left: 7px;
  color: rgba(11, 11, 11, 0.88);
  font-size: 17px;
  font-weight: 800;
}
#payment-root .content-container .qr-container .qr-code-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 30px;
}
#payment-root .content-container .qr-container .qr-bank-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 16px;
}
#payment-root .content-container .qr-container .qr-bank-list .qr-bank-list-title {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}
#payment-root .content-container .qr-container .qr-bank-list .qr-bank-list-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#payment-root .content-container .qr-container .qr-bank-list .qr-bank-item-wrapper {
  width: 59px;
  margin-bottom: 5px;
}
#payment-root .content-container .qr-container .qr-bank-list .qr-bank-item-wrapper .bank-item {
  max-width: 48px;
  max-height: 32px;
  vertical-align: middle;
  border-style: none;
}
#payment-root .content-container .btn-cancel-container {
  margin-top: 14px;
  margin-right: 8px;
  align-self: end;
}
#payment-root .content-container .btn-cancel {
  text-decoration: underline;
  font-weight: 600;
}
#payment-root .content-container .btn-cancel:hover {
  cursor: pointer;
}
#payment-root .content-container .qr-code-desc {
  font-weight: 700;
}

@media (max-width: 1023px) {
  #payment-root .div-line {
    width: 90%;
  }
  #payment-root .content-container {
    display: inline-flex;
    flex-direction: column;
    padding-top: 0;
  }
  #payment-root .content-container .header {
    width: 400px;
    height: 115px;
    margin-left: 0;
    border-radius: 0;
  }
  #payment-root .content-container .header .logo-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    margin-top: 33px;
  }
  #payment-root .content-container .header .logo-container img {
    width: 56px;
    height: 50px;
  }
  #payment-root .content-container .header .logo-container .header-logo-mobile-container {
    flex-direction: column;
    justify-content: end;
  }
  #payment-root .content-container .header .logo-container .header-logo-mobile-container .header-logo-title {
    font-size: 15px;
    margin-top: 0;
    text-align: end;
    font-weight: 600;
  }
  #payment-root .content-container .header .logo-container .header-logo-mobile-container .header-amount {
    font-size: 24px;
    font-weight: 700;
  }
  #payment-root .content-container .header .description-container {
    margin-top: 0;
    width: 90%;
    padding-top: 14px;
    font-size: 14px;
  }
  #payment-root .content-container .qr-container {
    margin: 0;
    padding: 30px 15px 55px 15px;
    border-radius: 0;
    width: 370px;
  }
  #payment-root .content-container .qr-container .qr-title-container {
    padding: 7px 0 16px 0;
  }
  #payment-root .content-container .qr-container .qr-code-desc {
    font-size: 14px;
  }
}
.copy-trading-mobile-floating-button {
  position: fixed;
  bottom: 20px;
  right: 16px;
  z-index: 10;
}
.copy-trading-mobile-floating-button a {
  display: flex;
  align-items: center;
  width: 90px;
  height: 90px;
  padding: 0 15px;
  background-color: #1352ef;
  color: white;
  left: 100%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.copy-trading-mobile-floating-button a div {
  word-break: keep-all;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
}
@media screen and (min-width: 991px) {
  .copy-trading-mobile-floating-button {
    display: none;
  }
}

.copy-trading-floating-button {
  position: absolute;
  left: 100%;
  height: 100%;
  margin-left: 5px;
}
.copy-trading-floating-button a {
  position: sticky;
  display: flex;
  margin-top: 30px;
  top: 30px;
  align-items: center;
  width: 90px;
  height: 90px;
  padding: 0 15px;
  background-color: #1352ef;
  color: white;
  left: 100%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.copy-trading-floating-button a div {
  word-break: keep-all;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
}

.copy-trading-banner {
  position: relative;
  align-items: center;
  font-family: "Roboto";
  height: 100px;
  background-color: #87a8cc;
  background-image: url("https://asset.land-fx.com/land/copy_trading/banner/copy-trading-banner.png");
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  display: flex;
  justify-content: center;
}
.copy-trading-banner .copy-trading-banner-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.copy-trading-banner .banner-wrapper {
  display: flex;
  align-items: center;
  max-width: 1140px;
  width: 100%;
}
.copy-trading-banner .banner-wrapper .banner-content-main {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}
.copy-trading-banner .banner-wrapper .banner-content-sub {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.copy-trading-banner .banner-wrapper .banner-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  color: white;
  border: 1px solid white;
  min-width: 120px;
  height: 40px;
  padding: 8px 15px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.copy-trading-banner .banner-wrapper-m {
  display: none;
  margin-left: 25px;
  height: 100%;
  width: 100%;
  max-width: 720px;
  background-image: url("https://asset.land-fx.com/land/copy_trading/banner/copy-trading-banner-m.png");
  background-position: right;
  background-repeat: no-repeat;
}
.copy-trading-banner .banner-wrapper-m .banner-content-main-m1 {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  margin-right: 10px;
}
.copy-trading-banner .banner-wrapper-m .banner-content-main-m2 {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin-right: 10px;
}
.copy-trading-banner .banner-wrapper-m .banner-button-m {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: 1px solid white;
  padding: 4px 10px;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
}
@media screen and (max-width: 1200px) {
  .copy-trading-banner .banner-wrapper {
    max-width: 940px;
  }
}
@media screen and (max-width: 991px) {
  .copy-trading-banner {
    height: 80px;
    background-image: none;
  }
  .copy-trading-banner .copy-trading-banner-close {
    top: 10px;
    right: 10px;
  }
  .copy-trading-banner .banner-wrapper {
    display: none;
  }
  .copy-trading-banner .banner-wrapper-m {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.btc-banner {
  position: relative;
  height: 100px;
}
.btc-banner .btc-banner-close {
  all: unset;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .btc-banner .btc-banner-close {
    top: 8px;
    right: 8px;
  }
}
.btc-banner .banner-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100px;
  background-image: url("https://asset.land-fx.com/land/copy_trading/banner/btc-banner.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  .btc-banner .banner-container {
    min-height: 80px;
    background-image: url("https://asset.land-fx.com/land/copy_trading/banner/btc-banner.png");
    background-position: center;
  }
}
.btc-banner .banner-container .banner-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .btc-banner .banner-container .banner-wrapper {
    max-width: 940px;
  }
}
@media screen and (max-width: 991px) {
  .btc-banner .banner-container .banner-wrapper {
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-left: 25px;
    max-width: 720px;
    box-sizing: content-box;
  }
}
.btc-banner .banner-container .banner-wrapper a {
  padding: 0 16px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  border: 1px solid white;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .btc-banner .banner-container .banner-wrapper a {
    padding: 4px 10px;
    min-width: auto;
    height: auto;
    font-size: 11px;
    line-height: 13px;
    transform: translateY(50%);
  }
}
.btc-banner .banner-container .banner-wrapper .banner-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 991px) {
  .btc-banner .banner-container .banner-wrapper .banner-content {
    max-width: 240px;
  }
}
.btc-banner .banner-container .banner-wrapper .banner-content .banner-title {
  color: white;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .btc-banner .banner-container .banner-wrapper .banner-content .banner-title {
    font-size: 15px;
    line-height: 18px;
  }
}
.btc-banner .banner-container .banner-wrapper .banner-content .banner-desc {
  color: white;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .btc-banner .banner-container .banner-wrapper .banner-content .banner-desc {
    font-size: 14px;
    line-height: 18px;
  }
}

.ticket-promotion-banner {
  position: relative;
  height: 100px;
}
.ticket-promotion-banner .ticket-promotion-banner-close {
  all: unset;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .ticket-promotion-banner-close {
    top: 8px;
    right: 8px;
  }
}
.ticket-promotion-banner .banner-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100px;
  background-image: url("https://asset.landprime.com/land/promotion/ticket-promotion/ticket-promotion-banner_KR.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container {
    min-height: 80px;
    background-image: url("https://asset.landprime.com/land/promotion/ticket-promotion/ticket-promotion-banner_KR.png");
    background-position: center;
  }
}
.ticket-promotion-banner .banner-container.JP {
  background-image: url("https://asset.landprime.com/land/promotion/ticket-promotion/ticket-promotion-banner_JP.png");
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container.JP {
    background-image: url("https://asset.landprime.com/land/promotion/ticket-promotion/ticket-promotion-banner_JP.png");
  }
}
.ticket-promotion-banner .banner-container.TH {
  background-image: url("https://asset.landprime.com/land/promotion/ticket-promotion/ticket-promotion-banner_TH.png");
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container.TH {
    background-image: url("https://asset.landprime.com/land/promotion/ticket-promotion/ticket-promotion-banner_TH.png");
  }
}
.ticket-promotion-banner .banner-container .banner-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .ticket-promotion-banner .banner-container .banner-wrapper {
    max-width: 940px;
  }
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container .banner-wrapper {
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-left: 25px;
    max-width: 720px;
    box-sizing: content-box;
  }
}
.ticket-promotion-banner .banner-container .banner-wrapper a {
  padding: 0 16px;
  color: #05152D;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  border: 1px solid #05152D;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container .banner-wrapper a {
    padding: 4px 10px;
    min-width: auto;
    height: auto;
    font-size: 11px;
    line-height: 13px;
    transform: translateY(50%);
  }
}
.ticket-promotion-banner .banner-container .banner-wrapper .banner-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container .banner-wrapper .banner-content {
    max-width: 240px;
  }
}
.ticket-promotion-banner .banner-container .banner-wrapper .banner-content .banner-title {
  color: #05152D;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container .banner-wrapper .banner-content .banner-title {
    font-size: 15px;
    line-height: 18px;
  }
}
.ticket-promotion-banner .banner-container .banner-wrapper .banner-content .banner-desc {
  color: #05152D;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .ticket-promotion-banner .banner-container .banner-wrapper .banner-content .banner-desc {
    font-size: 14px;
    line-height: 18px;
  }
}

.gold-promotion-banner {
  position: relative;
  height: 100px;
  background-color: #000;
}
.gold-promotion-banner .gold-promotion-banner-close {
  all: unset;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .gold-promotion-banner .gold-promotion-banner-close {
    top: 8px;
    right: 8px;
  }
}
.gold-promotion-banner .banner-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100px;
  background-image: url("/assets/common/mypage/img/en_US/promotion/roulette/banner-top.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  .gold-promotion-banner .banner-container {
    min-height: 80px;
    background-image: center/cover no-repeat url("/assets/common/mypage/img/en_US/promotion/roulette/banner-top-m.png");
    background-position: center;
  }
}
.gold-promotion-banner .banner-container .banner-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .gold-promotion-banner .banner-container .banner-wrapper {
    max-width: 940px;
  }
}
@media screen and (max-width: 991px) {
  .gold-promotion-banner .banner-container .banner-wrapper {
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-left: 25px;
    max-width: 720px;
  }
}
.gold-promotion-banner .banner-container .banner-wrapper a {
  padding: 0 16px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  border: 1px solid #FFF;
  border-radius: 8px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .gold-promotion-banner .banner-container .banner-wrapper a {
    padding: 4px 10px;
    min-width: auto;
    height: auto;
    font-size: 11px;
    line-height: 13px;
    transform: translateY(50%);
  }
}
.gold-promotion-banner .banner-container .banner-wrapper .banner-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 991px) {
  .gold-promotion-banner .banner-container .banner-wrapper .banner-content {
    max-width: 240px;
  }
}
.gold-promotion-banner .banner-container .banner-wrapper .banner-content .banner-title {
  color: #FFF;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .gold-promotion-banner .banner-container .banner-wrapper .banner-content .banner-title {
    font-size: 15px;
    line-height: 18px;
  }
}
.gold-promotion-banner .banner-container .banner-wrapper .banner-content .banner-desc {
  color: #FFF;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .gold-promotion-banner .banner-container .banner-wrapper .banner-content .banner-desc {
    font-size: 14px;
    line-height: 18px;
  }
}

.supporters-promotion-banner {
  position: relative;
  height: 100px;
}
.supporters-promotion-banner .ticket-promotion-banner-close {
  all: unset;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .supporters-promotion-banner .ticket-promotion-banner-close {
    top: 8px;
    right: 8px;
  }
}
.supporters-promotion-banner .banner-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100px;
  background-image: url("/assets/common/mypage/img/ja_JP/banner/jp_promo_mypage_banner.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  .supporters-promotion-banner .banner-container {
    min-height: 80px;
    background-image: url("/assets/common/mypage/img/ja_JP/banner/jp_promo_mypage_banner_m.png");
    background-position: center;
  }
}
.supporters-promotion-banner .banner-container .banner-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .supporters-promotion-banner .banner-container .banner-wrapper {
    max-width: 940px;
  }
}
@media screen and (max-width: 991px) {
  .supporters-promotion-banner .banner-container .banner-wrapper {
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-left: 25px;
    max-width: 720px;
  }
}
.supporters-promotion-banner .banner-container .banner-wrapper a {
  padding: 0 16px;
  color: #05152D;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  border: 1px solid #05152D;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .supporters-promotion-banner .banner-container .banner-wrapper a {
    padding: 4px 10px;
    min-width: auto;
    height: auto;
    font-size: 11px;
    line-height: 13px;
    transform: translateY(50%);
  }
}
.supporters-promotion-banner .banner-container .banner-wrapper .banner-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 991px) {
  .supporters-promotion-banner .banner-container .banner-wrapper .banner-content {
    max-width: 240px;
  }
}
.supporters-promotion-banner .banner-container .banner-wrapper .banner-content .banner-title {
  color: #05152D;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .supporters-promotion-banner .banner-container .banner-wrapper .banner-content .banner-title {
    font-size: 15px;
    line-height: 18px;
  }
}
.supporters-promotion-banner .banner-container .banner-wrapper .banner-content .banner-desc {
  color: #05152D;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .supporters-promotion-banner .banner-container .banner-wrapper .banner-content .banner-desc {
    font-size: 14px;
    line-height: 18px;
  }
}

table#datatables.fund_history + #datatables_processing {
  position: relative;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table#datatables.fund_history thead > tr > th:last-child {
  width: 23% !important;
}

.btn-cancel-fund {
  display: flex;
  align-items: center;
  width: min-content;
  height: 26px;
  padding: 5.5px 10px;
  background-color: #fff;
  border: solid 1px #1f3fcd;
  color: #1f3fcd;
  font-size: 13px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-left: 10px;
  line-height: 13px;
}

.ct_p6.cancel_withdrawal_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.chartjs-container {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: none;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  min-width: 260px;
  height: 400px;
}
.chartjs-container .chartjs-canvas-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.chartjs-container .chartjs-tooltip {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 15px;
  gap: 4px;
  border-radius: 6px;
  transition-duration: 0.3s;
  transform: translate(0, -50%);
  border: none;
  width: max-content;
  pointer-events: none;
}
.chartjs-container .chartjs-tooltip .tooltip-label-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 18px !important;
  color: #ffffff !important;
}
.chartjs-container .chartjs-tooltip .tooltip-label-value {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 18px !important;
  color: #ffffff !important;
}
.chartjs-container .chartjs-tooltip .chartjs-tooltip-caret {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-radius: 0;
}
.chartjs-container .chartjs-tooltip.chartjs-pie {
  padding: 7px 10px;
  gap: 0;
}
.chartjs-container .chartjs-tooltip.chartjs-pie .tooltip-label-name {
  font-size: 14px !important;
}
.chartjs-container .chartjs-tooltip.chartjs-pie .tooltip-label-value {
  font-size: 14px !important;
}
.chartjs-container .chartjs-tooltip.chartjs-pie:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 6px;
}
.chartjs-container .chartjs-legend {
  max-width: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 50px;
  margin: 20px 20px 35px 20px;
}
.chartjs-container .chartjs-legend .legend-item {
  max-width: 95px;
  width: 95px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.chartjs-container .chartjs-legend .legend-item .legend-item-color {
  width: 38px;
  height: 10px;
}
.chartjs-container .chartjs-legend .legend-item .legend-item-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}

select#mt4_account_no.select-arrow {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white !important;
  background: url("/assets/common/mypage/img/en_US/wallet/arrow.svg") no-repeat right 20px center;
}

.chart_sec {
  position: relative;
}
.chart_sec .loading-spinner-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(244, 244, 244, 0.7333333333);
  display: flex;
  justify-content: center;
  align-items: center;
}
.chart_sec .loading-spinner-container .loading-spinner {
  width: 65px;
  height: 65px;
}
.chart_sec .no_data {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #f4f4f4;
}
.chart_sec .no_data img {
  width: 24px;
  height: 24px;
}

.promotion-popup-ndb {
  overflow: auto;
}
.promotion-popup-ndb .modal-dialog {
  width: 650px;
}
.promotion-popup-ndb .modal-dialog .modal-content {
  height: 100%;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-header {
  width: 100%;
  height: 254px;
  background: no-repeat url("/assets/common/mypage/img/ja_JP/account/ndb_promotion_top_img.png") 0 40px;
  background-size: contain;
  background-color: #f2f8fc;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-header .close-btn {
  border: none;
  background-color: transparent;
  position: absolute;
  right: 40px;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-header .close-btn img {
  width: 24px;
  height: 24px;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center {
  display: inline-flex;
  padding-bottom: 0px;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  padding: 30px 40px;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .title {
  color: #333;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper .inner-wrapper {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  background-color: #f5f5f5;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper .inner-wrapper p {
  font-size: 15px;
  font-weight: 500;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper .inner-wrapper .select-box {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  background-color: white;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper .inner-wrapper .select-box .border-line {
  position: absolute;
  right: 55px;
  height: 50px;
  width: 1px;
  background-color: #ddd;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper .inner-wrapper .select-box #account-select {
  width: 237px;
  height: 50px;
  padding: 10px;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: url(/assets/common/mypage/img/en_US/wallet/arrow.svg) no-repeat right 20px center;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper .inner-wrapper .value {
  border: none;
  color: #1352ef;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  border: 1px solid #ddd;
  background-color: white;
  width: 237px;
  height: 50px;
  padding: 10px;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-center ul,
.promotion-popup-ndb .modal-dialog .modal-content .modal-center li {
  list-style: disc;
  margin-left: 10px;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding-bottom: 40px;
}
.promotion-popup-ndb .modal-dialog .modal-content .modal-footer button {
  display: flex;
  width: 250px;
  height: 50px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #1352ef;
  color: white;
  border: none;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .promotion-popup-ndb .modal-dialog .modal-content .modal-header {
    height: 164px;
    background-position-y: 50%;
    background-position-x: 50%;
  }
  .promotion-popup-ndb .modal-dialog .modal-content .modal-header .close-btn {
    top: 10px;
    right: 16px;
  }
  .promotion-popup-ndb .modal-dialog .modal-content .modal-center {
    padding: 30px 16px;
  }
  .promotion-popup-ndb .modal-dialog .modal-content .modal-center .outer-wrapper {
    flex-direction: column;
    width: 100%;
    gap: 0;
  }
  .promotion-popup-ndb .modal-dialog .modal-content .modal-center .inner-wrapper {
    width: 100%;
  }
  .promotion-popup-ndb .modal-dialog .modal-content .modal-center .inner-wrapper .select-box,
  .promotion-popup-ndb .modal-dialog .modal-content .modal-center .inner-wrapper #account-select {
    width: 100% !important;
  }
  .promotion-popup-ndb .modal-dialog .modal-content .modal-center .inner-wrapper:first-child {
    padding-bottom: 0;
  }
  .promotion-popup-ndb .modal-dialog .modal-content .modal-footer button {
    width: 343px;
  }
}

.disablable-btn {
  color: #808080;
}
.disablable-btn:hover {
  cursor: not-allowed;
}

.flash_msg_box_success {
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  color: #01a387;
  background-color: #f1faf9;
  border: 1px solid #b4d7d3;
}

.flash_msg_box_success.login_view {
  margin-bottom: 28px;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 14px;
  text-align: center;
}

.flash_msg_box_error {
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  color: #ee3d3d;
  background-color: #ffeeee;
  border: 1px solid #ecc4c4;
}

#readonly-password-must-differ {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 10px;
  background: #F2F5FF;
  color: var(--Text-text-2, #333);
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

#selfie-guide-modal .modal-body {
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 32px;
}
#selfie-guide-modal .modal-body ol > li {
  font-weight: 400;
}
#selfie-guide-modal .modal-body .img-responsive {
  height: 280px;
  margin: 0 auto;
}

.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}

#deposit-bank-modal {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#deposit-bank-modal .modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  width: 100%;
  max-width: 474px;
}
@media screen and (max-width: 768px) {
  #deposit-bank-modal .modal-dialog {
    max-width: 340px;
  }
}
#deposit-bank-modal .modal-content {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: none;
  width: 100%;
  max-width: 440px;
}
#deposit-bank-modal .modal-title {
  padding: 32px 32px 0;
  position: relative;
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  #deposit-bank-modal .modal-title {
    padding: 32px 16px 0;
  }
}
#deposit-bank-modal .modal-title .close-button {
  all: unset;
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
}
#deposit-bank-modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px 32px;
}
@media screen and (max-width: 768px) {
  #deposit-bank-modal .modal-body {
    gap: 16px;
    padding: 24px 16px 32px;
  }
}
#deposit-bank-modal .modal-body .table-wrapper table {
  margin-bottom: 0 !important;
  width: 100%;
}
#deposit-bank-modal .modal-body .table-wrapper table tr {
  border-top: 1px solid #ECECEC;
}
#deposit-bank-modal .modal-body .table-wrapper table tr:last-of-type {
  border-bottom: 1px solid #ECECEC;
}
#deposit-bank-modal .modal-body .table-wrapper table tr th,
#deposit-bank-modal .modal-body .table-wrapper table tr td {
  padding-left: 24px;
  width: 50%;
  height: 50px;
  color: #222;
  font-size: 15px;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  #deposit-bank-modal .modal-body .table-wrapper table tr th,
  #deposit-bank-modal .modal-body .table-wrapper table tr td {
    padding-left: 8px;
  }
}
#deposit-bank-modal .modal-body .table-wrapper table tr th {
  background-color: #F2F3F7;
  font-weight: 400;
}
#deposit-bank-modal .modal-body .table-wrapper table tr td {
  font-weight: 500;
}
#deposit-bank-modal .modal-body .list-wrapper {
  color: #434343;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
#deposit-bank-modal .modal-body .list-wrapper li {
  padding-left: 22px;
  text-indent: -22px;
  list-style: disc inside;
}
#deposit-bank-modal .modal-body .done-button {
  padding: 12px 20px;
  width: 100%;
  color: #fff;
  background-color: #0049FF;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #deposit-bank-modal .modal-body .done-button {
    padding: 8px 20px;
  }
}

.ct-banner-container {
  position: relative;
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  padding: 6px 24px;
  background-color: #569AFC;
}
@media screen and (max-width: 768px) {
  .ct-banner-container {
    gap: 8px;
    pad: 6px 16px;
  }
}
.ct-banner-container .ct-banner-close {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 768px) {
  .ct-banner-container .ct-banner-close {
    right: 16px;
  }
}
.ct-banner-container .banner-text {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-text {
    font-size: 12px;
    line-height: 14px;
  }
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-text span {
    display: none;
  }
}
.ct-banner-container .banner-text span.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-text span.mobile {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-text span:lang(kr), .ct-banner-container .banner-text span:lang(th),
  .ct-banner-container .banner-text span.mobile:lang(kr),
  .ct-banner-container .banner-text span.mobile:lang(th) {
    display: none;
  }
}
.ct-banner-container .banner-text a {
  display: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-text a:lang(kr), .ct-banner-container .banner-text a:lang(th) {
    display: inline;
  }
}
.ct-banner-container .banner-link {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-link {
    font-size: 12px;
    line-height: 14px;
  }
  .ct-banner-container .banner-link:lang(kr), .ct-banner-container .banner-link:lang(th) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-link span {
    display: none;
  }
}
.ct-banner-container .banner-link span.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .ct-banner-container .banner-link span.mobile {
    display: block;
  }
}

.ct_navfooter1 {
  font-size: 0;
}
.ct_navfooter1 li {
  display: inline-block;
  padding: 0 28px;
}

.ct_navfooter2 {
  width: 100%;
  display: table;
  font-size: 0;
  margin-bottom: 30px;
}
.ct_navfooter2 li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.ct_navfooter2 li img {
  width: 100%;
  max-width: 75px;
}

.ct_sec5B {
  padding: 20px 15px;
  background: #fff;
  margin-top: 50px;
  border-top: 1px solid #f4f4f4;
}
.ct_sec5B hr.grey {
  border-top: 1px solid #ddd;
}
.ct_sec5B .award_img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
}
.ct_sec5B .award_img p.award {
  width: 77%;
  margin-bottom: 0;
}
.ct_sec5B .award_img p.award img {
  width: 100%;
}
.ct_sec5B .award_img p.partnership {
  margin-left: auto;
  max-width: 200px;
}
.ct_sec5B .award_img p.partnership img {
  width: 100%;
}
@media (max-width: 768px) {
  .ct_sec5B .award_img {
    flex-direction: column;
  }
  .ct_sec5B .award_img p.partnership {
    text-align: center;
    max-width: 100%;
  }
  .ct_sec5B .award_img p.partnership img {
    width: 30%;
  }
}
.ct_sec5B .ct_footer {
  padding: 0;
}
.ct_sec5B .ct_footer p {
  color: #868686 !important;
  font-size: 12px;
}
.ct_sec5B .ct_footer .ct_fstyle1 {
  color: #fff;
}
.ct_sec5B .ct_footer .ct_fstyle2 {
  color: #84d7f9;
}
.ct_sec5B .ct_footer .ct_fimg {
  float: right;
  margin: 20px;
}

#jp-olympic {
  float: left;
  margin-right: 32px;
  padding: 50px 0;
  width: 100%;
  max-width: 850px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  word-break: break-all;
}
#jp-olympic a {
  text-decoration: none;
}
#jp-olympic p {
  margin: 0 !important;
}
#jp-olympic .jp-olympic-container {
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
}
#jp-olympic img.mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  #jp-olympic {
    padding: 0;
  }
}
@media screen and (max-width: 450px) {
  #jp-olympic img.web {
    display: none;
  }
  #jp-olympic img.mobile {
    display: block;
  }
}
#jp-olympic .promotion-visual {
  width: 100%;
  max-width: 850px;
  position: relative;
  overflow: hidden;
  height: 400px;
  border-radius: 8px;
}
#jp-olympic .promotion-visual .text-area {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  top: 70px;
  left: 5%;
}
#jp-olympic .promotion-visual h1 {
  text-align: left;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  text-align: left;
}
#jp-olympic .promotion-visual .description {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #fff;
}
#jp-olympic .promotion-visual .button-wrapper {
  display: flex;
  gap: 10px;
  margin-top: 40px;
}
#jp-olympic .promotion-visual .button-wrapper .button {
  width: 270px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  border: none;
  background-color: #1352ef;
  cursor: pointer;
}
@media screen and (max-width: 850px) {
  #jp-olympic .promotion-visual {
    height: 400px;
  }
  #jp-olympic .promotion-visual h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -3px;
    text-align: left;
  }
  #jp-olympic .promotion-visual .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
  #jp-olympic .promotion-visual {
    height: 600px;
    border-radius: 0;
  }
  #jp-olympic .promotion-visual .text-area {
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    gap: 0;
    width: 100%;
  }
  #jp-olympic .promotion-visual .text-area h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
  }
  #jp-olympic .promotion-visual .text-area h1 .bonus {
    font-size: 36px;
  }
  #jp-olympic .promotion-visual .text-area .description {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }
  #jp-olympic .promotion-visual .text-area .button-wrapper {
    margin-top: 278px;
    justify-content: center;
  }
}
#jp-olympic .banner-img {
  background: url("/assets/common/main/img/en_US/promotion/olympic/olympic_main_1440.png") no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -111;
}
@media screen and (min-width: 1441px) {
  #jp-olympic .banner-img {
    background-position-y: 30%;
  }
}
@media screen and (max-width: 991px) {
  #jp-olympic .banner-img {
    background: url("/assets/common/main/img/en_US/promotion/olympic/olympic_main_992.png") no-repeat center/cover;
  }
}
@media screen and (max-width: 450px) {
  #jp-olympic .banner-img {
    background: url("/assets/common/main/img/en_US/promotion/olympic/olympic_main_mobile.png") no-repeat center/cover;
  }
}
#jp-olympic .today-bonus-section {
  min-height: 282px;
  background-color: #eff6ff;
  border: 1px solid #cedef2;
  border-radius: 8px;
  margin: 40px auto;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}
#jp-olympic .today-bonus-section .bonus-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
#jp-olympic .today-bonus-section .bonus-wrapper .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: right;
  margin: 0 auto;
  text-align: center;
}
#jp-olympic .today-bonus-section .bonus-wrapper span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
#jp-olympic .today-bonus-section .bonus {
  width: 100%;
  max-width: 357px;
  height: 54px;
  padding: 12px 16px;
  gap: 10px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: right;
  color: #1f3fcd;
}
#jp-olympic .today-bonus-section a {
  width: 100%;
  max-width: 357px;
  height: 48px;
  padding: 12px 25px;
  gap: 10px;
  border-radius: 8px;
  background-color: #1352ef;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  box-shadow: 0px 4px 10px 0px rgba(13, 139, 255, 0.4705882353);
  margin-bottom: 12px;
}
#jp-olympic .today-bonus-section .bonus-description {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
@media screen and (max-width: 450px) {
  #jp-olympic .today-bonus-section {
    margin: 40px 16px;
    padding: 30px;
  }
  #jp-olympic .today-bonus-section .bonus-wrapper .title {
    max-width: 230px;
  }
  #jp-olympic .today-bonus-section a {
    font-size: 15px;
  }
  #jp-olympic .today-bonus-section .bonus-description {
    font-size: 13px;
  }
}
#jp-olympic .promotion-section-01 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 10px;
  gap: 20px;
}
#jp-olympic .promotion-section-01 h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}
#jp-olympic .promotion-section-01 .description {
  font-size: 18px;
  line-height: 24px;
}
#jp-olympic .promotion-section-01 .description .bold {
  font-weight: 700;
}
#jp-olympic .promotion-section-01 .medals-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
#jp-olympic .promotion-section-01 .medals-wrapper div.medal {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
#jp-olympic .promotion-section-01 .medals-wrapper div.medal img {
  width: 100%;
  max-width: 150px;
  max-height: 150px;
}
#jp-olympic .promotion-section-01 .medals-wrapper div.medal .text-area {
  text-align: center;
  margin-top: 8px;
}
#jp-olympic .promotion-section-01 .medals-wrapper div.medal .text-area .medal {
  font-weight: 600;
  font-size: 16px;
}
#jp-olympic .promotion-section-01 .medals-wrapper div.medal .text-area .price {
  font-weight: 600;
  font-size: 16px;
}
#jp-olympic .promotion-section-01 .medals-wrapper div.medal .text-area .per {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
@media screen and (max-width: 450px) {
  #jp-olympic .promotion-section-01 {
    padding: 40px 16px;
  }
  #jp-olympic .promotion-section-01 h2 {
    margin: 0 auto;
  }
  #jp-olympic .promotion-section-01 .description {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
  }
  #jp-olympic .promotion-section-01 .medals-wrapper {
    flex-direction: column;
    margin: 0 auto;
    gap: 12px;
  }
  #jp-olympic .promotion-section-01 .medals-wrapper div.medal {
    flex-direction: row;
    gap: 20px;
    align-items: center;
    padding: 0;
  }
  #jp-olympic .promotion-section-01 .medals-wrapper div.medal img {
    width: 100%;
    max-width: 96px;
    max-height: 96px;
  }
  #jp-olympic .promotion-section-01 .medals-wrapper div.medal .text-area {
    text-align: left;
    margin: 0;
  }
}
#jp-olympic .promotion-section-02 {
  display: flex;
  flex-direction: column;
  padding: 40px 16px 30px;
  background-color: #f7f8fa;
  border-radius: 8px;
  border: 1px solid #ececec;
  align-items: center;
}
#jp-olympic .promotion-section-02 .example-description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 25px;
}
#jp-olympic .promotion-section-02 .example-description p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}
#jp-olympic .promotion-section-02 .example-description span {
  color: #1352ef;
}
#jp-olympic .promotion-section-02 .medal-example {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  max-width: 460px;
  padding: 10px;
  padding-bottom: 26px;
  gap: 30px;
}
#jp-olympic .promotion-section-02 .medal-example .medal-row {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0 12px;
}
#jp-olympic .promotion-section-02 .medal-example .medal-row .medal {
  font-size: 18px;
}
#jp-olympic .promotion-section-02 .medal-example .medal-row .count {
  font-size: 18px;
  line-height: 30px;
}
#jp-olympic .promotion-section-02 .medal-example .medal-row .price {
  font-size: 18px;
  font-weight: 600;
}
#jp-olympic .promotion-section-02 .arrow-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#jp-olympic .promotion-section-02 .arrow-area img {
  width: 95px;
  height: 95px;
}
#jp-olympic .promotion-section-02 .arrow-area p {
  color: #1352ef;
  font-size: 36px;
  font-weight: 600;
}
@media screen and (max-width: 450px) {
  #jp-olympic .promotion-section-02 {
    padding: 30px 16px;
    background-color: #eff6ff;
    border: 0;
    border-radius: 0;
  }
  #jp-olympic .promotion-section-02 .example-description p:last-child {
    font-size: 16px;
  }
  #jp-olympic .promotion-section-02 .medal-example {
    max-width: 343px;
    border-bottom: 1px solid #96ade7;
  }
  #jp-olympic .promotion-section-02 .medal-example .medal-row .medal {
    display: none;
  }
  #jp-olympic .promotion-section-02 .medal-example .medal-row .count {
    font-size: 16px;
  }
  #jp-olympic .promotion-section-02 .medal-example .medal-row .price {
    font-size: 20px;
  }
  #jp-olympic .promotion-section-02 .arrow-area {
    gap: 15px;
  }
  #jp-olympic .promotion-section-02 .arrow-area p {
    font-size: 30px;
  }
  #jp-olympic .promotion-section-02 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  #jp-olympic .promotion-section-02 .panel-group .panel-title,
  #jp-olympic .promotion-section-02 .panel-group .panel-body {
    font-size: 16px !important;
  }
  #jp-olympic .promotion-section-02 .panel-group .panel-title {
    height: 100px !important;
  }
  #jp-olympic .promotion-section-02 .panel-group .panel-body {
    padding: 16px 20px !important;
  }
  #jp-olympic .promotion-section-02 .panel-group .panel-body p {
    margin: 0;
  }
  #jp-olympic .promotion-section-02 .panel-group .panel-body .panel-a {
    margin-top: 0px;
  }
}
#jp-olympic .promotion-section-03 {
  padding: 40px 0 0;
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#jp-olympic .promotion-section-03 h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
#jp-olympic .promotion-section-03 .detail-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1336px;
  align-items: flex-start;
}
#jp-olympic .promotion-section-03 .detail-wrapper div {
  font-size: 15px;
  text-align: center;
  padding: 4px;
  color: #333333;
}
@media screen and (max-width: 450px) {
  #jp-olympic .promotion-section-03 {
    padding: 20px 16px 0px 16px;
    gap: 10px;
  }
  #jp-olympic .promotion-section-03 h2 {
    font-size: 16px;
  }
  #jp-olympic .promotion-section-03 .detail-wrapper div {
    text-align: left;
    font-size: 14px;
  }
}
#jp-olympic .section-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
@media screen and (max-width: 991px) {
  #jp-olympic .section-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
  }
}
#jp-olympic .promotion-section-04 {
  padding: 40px 0 0;
}
#jp-olympic .promotion-section-04 > .table-wrapper {
  margin-top: 20px;
}
#jp-olympic .promotion-section-04 > .table-wrapper img {
  width: 100%;
}
#jp-olympic .promotion-section-04 > .table-wrapper img.mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  #jp-olympic .promotion-section-04 {
    padding: 40px 16px 0;
  }
  #jp-olympic .promotion-section-04 > .table-wrapper {
    margin-top: 10px;
  }
}
@media screen and (max-width: 450px) {
  #jp-olympic .promotion-section-04 > .table-wrapper img.mobile {
    display: inline;
  }
  #jp-olympic .promotion-section-04 > .table-wrapper img.desktop {
    display: none;
  }
}
#jp-olympic .promotion-section-bonus h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper {
  margin-top: 20px;
  border-radius: 8px;
  overflow: auto hidden;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table-header {
  display: flex;
  align-items: center;
  padding: 24px 56px;
  width: 850px;
  height: 120px;
  color: #fff;
  background: url("/assets/common/mypage/img/ja_JP/promotion/olympic/table-header.png") no-repeat center/cover;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table-header .text-wrapper {
  display: flex;
  gap: 64px;
  padding: 14px 0;
  border-style: solid;
  border-image-slice: 1;
  border-width: 2px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-image-source: linear-gradient(90.24deg, #2b49ab 1.74%, #233d91 26.6%, #7e9cff 62.62%, #28449e 93.65%, #254197 120.15%);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table {
  width: 850px;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table thead tr {
  color: #90a0e8;
  background-color: #061150;
  height: 72px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table thead tr th {
  text-align: center;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr {
  color: #fff;
  background-color: #142062;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #4153a7;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr td:nth-of-type(1) {
  width: 140px;
  color: #90a0e8;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr td:nth-of-type(2) {
  width: 220px;
  font-weight: 700;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr td:nth-of-type(3), #jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr td:nth-of-type(4), #jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr td:nth-of-type(5) {
  width: 163.3333333333px;
}
#jp-olympic .promotion-section-bonus .bonus-table-wrapper .bonus-table table tbody tr td .medal-count-wrapper {
  display: flex;
  justify-content: center;
  gap: 30px;
}
#jp-olympic .promotion-section-bonus .pagination-wrapper {
  margin: 16px auto 0;
  padding: 8px 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}
#jp-olympic .promotion-section-bonus .pagination-wrapper .pagination-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}
#jp-olympic .promotion-section-bonus .pagination-wrapper .pagination-item.select {
  background-color: #eaf1fb;
}
#jp-olympic .promotion-section-bonus .pagination-wrapper .pagination-item img {
  height: 100%;
}
#jp-olympic .promotion-section-bonus .pagination-wrapper .hidden {
  visibility: hidden;
}
#jp-olympic .promotion-section-05 {
  padding: 40px 0 0;
}
#jp-olympic .promotion-section-05 > div {
  display: flex;
  gap: 16px;
  margin-top: 20px;
}
#jp-olympic .promotion-section-05 > div > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 40px 20px;
  background-color: #f7f8fa;
  border: 1px solid #ececec;
  border-radius: 10px;
  text-align: center;
}
#jp-olympic .promotion-section-05 > div > div .image-wrapper {
  height: 160px;
}
#jp-olympic .promotion-section-05 > div > div .image-wrapper > img {
  height: 100%;
}
#jp-olympic .promotion-section-05 > div > div .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#jp-olympic .promotion-section-05 > div > div .text-wrapper > div:first-of-type {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
#jp-olympic .promotion-section-05 > div > div .text-wrapper > div:last-of-type {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  #jp-olympic .promotion-section-05 > div > div .text-wrapper > div:first-of-type {
    font-size: 22px;
    line-height: 24px;
  }
  #jp-olympic .promotion-section-05 > div > div .text-wrapper > div:last-of-type {
    font-size: 16px;
    line-height: 24px;
  }
}
#jp-olympic .promotion-section-05 > div > div .sns-wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
}
#jp-olympic .promotion-section-05 > div > div .sns-wrapper > a {
  display: block;
  margin-top: 32px;
  height: 65px;
  color: #333;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
}
#jp-olympic .promotion-section-05 > div > div .sns-wrapper > a > img {
  height: 100%;
}
#jp-olympic .promotion-section-05 > div > div .rank-wrapper {
  display: flex;
  justify-content: center;
  gap: 8px;
}
#jp-olympic .promotion-section-05 > div > div .rank-wrapper > div {
  flex: 1;
}
#jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div {
  display: flex;
  justify-content: center;
  padding: 4px 0;
  border-top: 1px solid #afc1d7;
}
#jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div > div {
  font-size: 16px;
  line-height: 160%;
}
#jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div > div:first-of-type {
  width: 80px;
}
#jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div > div:last-of-type {
  width: 100px;
}
#jp-olympic .promotion-section-05 > div > div .rank-wrapper > div:first-of-type > div:nth-of-type(-n + 3) {
  color: #1352ef;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  #jp-olympic .promotion-section-05 {
    padding: 40px 16px 0;
  }
  #jp-olympic .promotion-section-05 > div {
    flex-direction: column;
    margin-top: 10px;
  }
  #jp-olympic .promotion-section-05 > div > div {
    flex: 1;
    gap: 40px;
    padding: 40px 20px;
  }
  #jp-olympic .promotion-section-05 > div > div .image-wrapper {
    height: 160px;
  }
  #jp-olympic .promotion-section-05 > div > div .sns-wrapper > a > div:first-of-type {
    margin-bottom: 10px;
    height: 64px;
  }
  #jp-olympic .promotion-section-05 > div > div .rank-wrapper {
    gap: 20px;
  }
  #jp-olympic .promotion-section-05 > div > div .rank-wrapper .left-rank-wrapper > div > div:first-of-type {
    width: 32px;
  }
  #jp-olympic .promotion-section-05 > div > div .rank-wrapper .right-rank-wrapper > div > div:last-of-type {
    width: 74px;
  }
  #jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div {
    gap: 8px;
    border-top: none;
  }
  #jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div > div {
    text-align: right;
  }
  #jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div > div:first-of-type {
    width: 66px;
  }
  #jp-olympic .promotion-section-05 > div > div .rank-wrapper > div > div > div:last-of-type {
    width: 94px;
  }
}
#jp-olympic .promotion-section-06 {
  padding: 40px 0 0;
}
#jp-olympic .promotion-section-06 > div {
  display: flex;
  gap: 16px;
  margin-top: 20px;
}
#jp-olympic .promotion-section-06 > div > div {
  flex: 1;
  display: flex;
  min-height: 340px;
  padding: 30px 10px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background-color: #f7f8fa;
  border: 1px solid #ececec;
  border-radius: 10px;
  overflow: hidden;
}
#jp-olympic .promotion-section-06 > div > div .image-wrapper {
  height: 155px;
}
#jp-olympic .promotion-section-06 > div > div .image-wrapper > img {
  height: 100%;
}
#jp-olympic .promotion-section-06 > div > div .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
#jp-olympic .promotion-section-06 > div > div .text-wrapper > div:first-of-type {
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  #jp-olympic .promotion-section-06 {
    padding: 40px 16px 0;
    width: 100%;
  }
  #jp-olympic .promotion-section-06 > div {
    flex-direction: column;
    margin-top: 10px;
  }
  #jp-olympic .promotion-section-06 > div > div {
    flex-direction: row;
    padding: 10px;
    width: 100%;
    max-width: 100%;
    min-height: 150px;
  }
  #jp-olympic .promotion-section-06 > div > div .image-wrapper {
    display: flex;
    justify-content: center;
    width: 140px;
    height: 130px;
    overflow: hidden;
  }
  #jp-olympic .promotion-section-06 > div > div .text-wrapper {
    flex: 1;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
  }
  #jp-olympic .promotion-section-06 > div > div .text-wrapper > div:first-of-type {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
}
#jp-olympic .promotion-section-07 {
  padding: 40px 0 0;
}
#jp-olympic .promotion-section-07 .faq-container {
  width: 100%;
}
#jp-olympic .promotion-section-07 .faq-sub {
  color: #434343;
}
#jp-olympic .promotion-section-07 p {
  margin: 0 auto;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
}
#jp-olympic .promotion-section-07 .panel-group {
  margin-top: 20px;
  border: 1px solid #d9dce3;
}
@media (max-width: 991px) {
  #jp-olympic .promotion-section-07 .panel-group {
    margin-top: 10px;
  }
}
#jp-olympic .promotion-section-07 .panel-group.panel-group .panel + .panel {
  margin-top: -1px;
}
#jp-olympic .promotion-section-07 .panel-group .panel {
  background: transparent;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-heading {
  padding: 0 20px;
  border: none !important;
  border-radius: 0;
  border-top: 1px solid #d9dce3 !important;
  border-bottom: 1px solid #d9dce3 !important;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-heading .panel-title {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 24px;
  min-height: 80px;
  color: #222;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 991px) {
  #jp-olympic .promotion-section-07 .panel-group .panel .panel-heading .panel-title {
    font-size: 16px;
  }
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-heading .panel-title span {
  margin-right: 30px;
  color: #a5afc4;
  font-size: 17px;
  font-weight: 600;
  line-height: 27px;
  text-align: center;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-heading .panel-title strong {
  display: block;
  margin-right: 50px;
  color: #222;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 992px) {
  #jp-olympic .promotion-section-07 .panel-group .panel .panel-heading .panel-title strong {
    font-size: 16px;
  }
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-heading .panel-title:after {
  content: "\eb89";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: icomoon;
  font-size: 15px;
  color: #222;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-collapse .panel-body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 30px 20px;
  background-color: #eff6ff;
  border: none;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-collapse .panel-body strong {
  display: block;
  margin-right: 50px;
  font-weight: 700;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-collapse .panel-body span {
  display: block;
  color: #a5afc4;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-collapse .panel-body span:first-of-type {
  font-weight: 700;
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-collapse .panel-body span:last-of-type {
  color: #222;
  text-align: left;
}
@media screen and (max-width: 991px) {
  #jp-olympic .promotion-section-07 .panel-group .panel .panel-collapse .panel-body span:last-of-type {
    font-size: 16px;
  }
}
#jp-olympic .promotion-section-07 .panel-group .panel .panel-collapse .panel-body p {
  display: flex;
  gap: 30px;
  margin-bottom: 0;
  margin-left: 0;
  color: #222;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
}
#jp-olympic .promotion-section-07 .panel-group .panel a[aria-expanded=true] .panel-title:after {
  content: "\eb89";
  transform: rotate(-180deg);
  margin-top: -14px;
}
#jp-olympic .promotion-section-07 .accordion-caption {
  display: flex;
  justify-content: flex-end;
  color: #999;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
#jp-olympic .promotion-section-07 .accordion-caption a {
  color: #999;
}
@media screen and (max-width: 992px) {
  #jp-olympic .promotion-section-07 {
    padding: 40px 16px;
  }
  #jp-olympic .promotion-section-07 h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
  }
  #jp-olympic .promotion-section-07 .description {
    font-size: 17px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
  }
  #jp-olympic .promotion-section-07 .medals-wrapper {
    flex-direction: column;
  }
  #jp-olympic .promotion-section-07 .medals-wrapper div.medal {
    flex-direction: row;
    gap: 20px;
    align-items: center;
    padding: 0;
  }
  #jp-olympic .promotion-section-07 .medals-wrapper div.medal img.mobile {
    width: 100%;
    max-width: 96px;
  }
  #jp-olympic .promotion-section-07 .medals-wrapper div.medal .text-area {
    margin-top: 30px;
    text-align: left;
  }
  #jp-olympic .promotion-section-07 .medals-wrapper div.medal .text-area .medal {
    font-size: 20px;
  }
  #jp-olympic .promotion-section-07 .medals-wrapper div.medal .text-area .price {
    font-size: 22px;
  }
  #jp-olympic .promotion-section-07 .medals-wrapper div.medal .text-area .per {
    font-size: 14px;
    text-align: left;
  }
}
#jp-olympic .promotion-section-08 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 60px 20px;
}
#jp-olympic .promotion-section-08 h1 {
  color: #434343;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
}
#jp-olympic .promotion-section-08 .link-wrapper {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 20px 0;
}
#jp-olympic .promotion-section-08 .link-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  width: 197px;
  color: #fff;
  background-color: #1352ef;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
@media screen and (max-width: 991px) {
  #jp-olympic .promotion-section-08 {
    padding: 20px;
  }
  #jp-olympic .promotion-section-08 h1 {
    font-size: 18px;
    line-height: 160%;
  }
  #jp-olympic .promotion-section-08 .link-wrapper a {
    padding: 20px 0;
  }
}

.roulette.container {
  float: left;
  margin-right: 32px;
  padding: 50px 0;
  padding-top: 36px;
  width: 100%;
  max-width: 850px;
}
.roulette.container .title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .roulette.container .title-wrapper h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 991px) {
  .roulette.container {
    margin-right: 0;
    padding: 40px 16px;
  }
}
.roulette.container .section:not(:first-of-type) {
  margin-top: 40px;
}
.roulette.container .section .headline-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.roulette.container .section1 {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 300px;
  background: center/cover no-repeat url(/assets/common/mypage/img/en_US/promotion/roulette/main_visual.png);
}
@media screen and (max-width: 991px) {
  .roulette.container .section1 {
    margin: 28px -16px 0;
    width: auto;
    height: 600px;
    border-radius: 0;
    background-image: url(/assets/common/mypage/img/en_US/promotion/roulette/main_visual-m.png);
  }
}
.roulette.container .section1 .text-wrapper {
  position: absolute;
  top: 64px;
  left: 48px;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .roulette.container .section1 .text-wrapper {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
.roulette.container .section1 .text-wrapper .primary-text {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section1 .text-wrapper .primary-text {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -1px;
    text-align: center;
  }
}
.roulette.container .section1 .text-wrapper .secondary-text {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section1 .text-wrapper .secondary-text {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }
}
.roulette.container .section2 .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  padding: 60px 30px;
  background: url(/assets/common/mypage/img/en_US/promotion/roulette/radial.png) no-repeat center center/cover, linear-gradient(155deg, #fcfcff 7.9%, #eaf1fb 37.2%, #dfebfa 75.45%);
  border: 1px solid #cedef2;
  border-radius: 8px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper {
    padding: 40px 20px;
  }
}
.roulette.container .section2 .wrapper .primary-text {
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper .primary-text {
    font-size: 22px;
    line-height: 30px;
  }
}
.roulette.container .section2 .wrapper .primary-text .emphasis-text {
  color: #1352ef;
}
.roulette.container .section2 .wrapper .point-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 20px 30px;
  width: 400px;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper .point-wrapper {
    width: 100%;
  }
}
.roulette.container .section2 .wrapper .point-wrapper .information {
  all: unset;
  position: relative;
  cursor: pointer;
}
.roulette.container .section2 .wrapper .point-wrapper .information .bubble {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -10px);
  padding: 10px 12px 8px 12px;
  min-width: 260px;
  color: #fff;
  background-color: #212938;
  border-radius: 10px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  opacity: 0;
  box-sizing: content-box;
  transition: opacity 0.3s ease-in;
}
.roulette.container .section2 .wrapper .point-wrapper .information .bubble.in {
  opacity: 1;
}
.roulette.container .section2 .wrapper .point-wrapper .information .bubble::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border-top: 10px solid #212938;
  border-right: 10px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 10px solid transparent;
  content: "";
}
.roulette.container .section2 .wrapper .point-wrapper .unit-text {
  color: #858585;
  font-weight: 500;
}
.roulette.container .section2 .wrapper .roulette-wrapper {
  position: relative;
  margin-top: 16px;
  width: 100%;
  height: 540px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper .roulette-wrapper {
    margin-top: 0;
    width: calc(100% + 40px);
    height: 340px;
  }
}
.roulette.container .section2 .wrapper .roulette-wrapper .layer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 540px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper .roulette-wrapper .layer {
    max-width: 340px;
  }
}
.roulette.container .section2 .wrapper .roulette-wrapper .layer.bottom {
  top: 50%;
  max-width: 540px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper .roulette-wrapper .layer.bottom {
    top: 50%;
    max-width: 340px;
  }
}
.roulette.container .section2 .wrapper .roulette-wrapper .coins-overlay {
  position: absolute;
  top: 84%;
  max-width: 600px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper .roulette-wrapper .coins-overlay {
    top: 84%;
    max-width: 365px;
  }
}
.roulette.container .section2 .wrapper .action-wrapper {
  margin-top: 48px;
  width: 100%;
  max-width: 400px;
}
@media screen and (max-width: 991px) {
  .roulette.container .section2 .wrapper .action-wrapper {
    margin-top: 0;
  }
}
.roulette.container .section2 .wrapper .action-wrapper .dropdown-container .label-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.roulette.container .section2 .wrapper .action-wrapper .spin {
  margin-top: 16px;
  width: 100%;
  height: 54px;
  color: #fff;
  background-color: #1352ef;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.roulette.container .section2 .wrapper .action-wrapper .spin:disabled {
  background-color: grey;
  cursor: not-allowed;
}

.section3 .headline-text {
  text-align: center;
}
.section3 .wrapper {
  margin-top: 20px;
}
.section3 .wrapper .promotion-rules-table {
  width: 100%;
  border-spacing: 0px 15px;
  border-collapse: separate;
}
.section3 .wrapper .promotion-rules-table tr td:first-child {
  vertical-align: top;
  padding-left: 0px;
  width: 240px;
  border-right: 1px solid lightgrey;
  font-weight: 800;
  font-size: 22px;
  color: rgb(51, 51, 51);
}
.section3 .wrapper .promotion-rules-table tr td {
  padding: 0px 25px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #949494;
}
@media (max-width: 991px) {
  .section3 .wrapper .promotion-rules-table tr {
    display: block;
  }
  .section3 .wrapper .promotion-rules-table tr td:first-child {
    border-right: none;
    font-size: 18px;
  }
  .section3 .wrapper .promotion-rules-table tr td {
    padding: 10px 10px;
    display: block;
    font-size: 15px;
  }
}
.section3 .wrapper .panel-group {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .section3 .wrapper .panel-group {
    margin-bottom: 25px;
  }
}
.section3 .wrapper .panel-group .panel {
  margin-top: 0;
}
.section3 .wrapper .panel-group .panel .faq-mark {
  display: inline-block;
  margin-right: 15px;
  min-width: 50px;
  color: #a5afc4;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 991px) {
  .section3 .wrapper .panel-group .panel .faq-mark {
    margin-left: 15px;
    min-width: 20px;
  }
}
.section3 .wrapper .panel-group .panel .accordion-toggle {
  color: #333;
}
.section3 .wrapper .panel-group .panel .accordion-toggle .panel-heading {
  padding: 20px 0;
  background-color: #fbfbfb;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0;
  position: relative;
}
.section3 .wrapper .panel-group .panel .accordion-toggle .panel-heading .panel-title {
  display: flex;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .section3 .wrapper .panel-group .panel .accordion-toggle .panel-heading .panel-title {
    font-size: 16px;
    line-height: 160%;
  }
}
.section3 .wrapper .panel-group .panel .accordion-toggle .panel-heading .panel-title span:not(.faq-mark) {
  padding-right: 50px;
}
.section3 .wrapper .panel-group .panel .accordion-toggle .panel-heading .panel-title::after {
  content: "\eb89";
  width: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #a5afc4;
  font-family: icomoon;
  text-align: center;
}
.section3 .wrapper .panel-group .panel .accordion-toggle[aria-expanded=true] .panel-title::after {
  transform: translateY(-50%) rotateX(180deg);
}
.section3 .wrapper .panel-group .panel .panel-body {
  display: flex;
  margin: 0;
  padding: 20px 0;
  background-color: #eff6ff;
  border-bottom: 1px solid #ddd;
}
.section3 .wrapper .panel-group .panel .panel-body span:not(.faq-mark) {
  padding-right: 50px;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}
@media screen and (max-width: 991px) {
  .section3 .wrapper .panel-group .panel .panel-body span:not(.faq-mark) {
    font-size: 16px;
    line-height: 24px;
  }
}
.section3 .wrapper .accordion-caption {
  color: #999;
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .section3 .wrapper .accordion-caption {
    text-align: center;
  }
}
.section3 .wrapper .accordion-caption a {
  color: #999;
}

/* Modal */
.roulette.modal .modal-dialog {
  width: 100%;
  min-width: 340px !important;
  max-width: 474px;
}
@media screen and (max-width: 991px) {
  .roulette.modal .modal-dialog {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 340px !important;
  }
}
.roulette.modal .modal-dialog .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  border: none;
  background-color: transparent;
  z-index: 1;
}
.roulette.modal .modal-dialog .modal-content {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-shadow: none;
}
.roulette.modal .modal-dialog .modal-content .modal-title {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  width: 100%;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content .image-wrapper {
  position: relative;
  text-align: center;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content .image-wrapper img {
  width: 138px;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content .image-wrapper div {
  margin-top: 20px;
  color: #434343;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content .image-wrapper div span {
  color: #1f3fcd;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content .modal-text {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content .modal-button {
  padding: 10px 20px;
  min-width: 180px;
  height: 54px;
  color: #fff;
  background-color: #1352ef;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.roulette.modal .modal-dialog .modal-content .modal-body-content .modal-button:disabled {
  background-color: grey;
  cursor: not-allowed;
}

/* Dropdown */
.roulette.container .dropdown-wrapper,
.roulette.modal .dropdown-wrapper {
  position: relative;
  margin-top: 8px;
  padding: 0;
  box-shadow: none;
}
.roulette.container .dropdown-wrapper.disabled,
.roulette.modal .dropdown-wrapper.disabled {
  pointer-events: none;
}
.roulette.container .dropdown-wrapper .select-wrapper,
.roulette.modal .dropdown-wrapper .select-wrapper {
  display: flex;
  width: 100%;
}
.roulette.container .dropdown-wrapper .select-wrapper .select-item,
.roulette.modal .dropdown-wrapper .select-wrapper .select-item {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  color: #222;
  border-right: 1px solid #ddd;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  user-select: none;
}
.roulette.container .dropdown-wrapper .select-wrapper .select-icon,
.roulette.modal .dropdown-wrapper .select-wrapper .select-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 50px;
  height: 50px;
}
.roulette.container .dropdown-wrapper .dropdown,
.roulette.modal .dropdown-wrapper .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
}
.roulette.container .dropdown-wrapper .dropdown li,
.roulette.modal .dropdown-wrapper .dropdown li {
  all: unset;
  width: 100%;
}
.roulette.container .dropdown-wrapper .dropdown li:last-of-type button,
.roulette.modal .dropdown-wrapper .dropdown li:last-of-type button {
  border-bottom: none;
}
.roulette.container .dropdown-wrapper .dropdown button,
.roulette.modal .dropdown-wrapper .dropdown button {
  all: unset;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ececec;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 16px;
  cursor: pointer;
}
.roulette.container .dropdown-wrapper .dropdown button:hover,
.roulette.modal .dropdown-wrapper .dropdown button:hover {
  background-color: #eaf1fb;
  font-weight: 500;
}

#promotion-end-modal {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#promotion-end-modal .modal-dialog {
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  width: 100%;
  max-width: 474px;
}
@media screen and (max-width: 991px) {
  #promotion-end-modal .modal-dialog {
    max-width: 360px;
  }
}
#promotion-end-modal .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 30px 40px 40px 40px;
  border: 1px solid #eee;
}
#promotion-end-modal .modal-dialog .modal-content .modal-title {
  position: relative;
  width: 100%;
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
#promotion-end-modal .modal-dialog .modal-content .modal-title .close {
  position: absolute;
  top: -20px;
  right: -20px;
}
#promotion-end-modal .modal-dialog .modal-content .modal-description {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

#promotion-100-container {
  width: 100%;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal;
  word-break: break-all;
  max-width: 850px;
}
@media (max-width: 992px) {
  #promotion-100-container {
    padding: 0 !important;
    overflow: hidden;
  }
}
@media (max-width: 450px) {
  #promotion-100-container {
    margin-top: -50px;
  }
}
#promotion-100-container p {
  margin: 0 !important;
  color: inherit;
  font-size: inherit;
}
#promotion-100-container .mobile-img,
#promotion-100-container .mobile-gradient,
#promotion-100-container .mobile-only {
  display: none;
  width: 100%;
}
#promotion-100-container .web-img {
  display: block;
  width: 100%;
}
#promotion-100-container section {
  min-height: 590px;
  max-width: 1440px;
  margin: 0 auto;
}
#promotion-100-container .section-1 {
  position: relative;
  color: #072946;
  width: 100%;
  max-width: 100%;
  background: linear-gradient(258.46deg, #e7f2ff -9.8%, #a7d5ff 63.71%), linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  display: flex;
  align-items: center;
  min-height: 400px;
  border-radius: 8px;
  margin-top: 50px;
}
#promotion-100-container .section-1 .main-banner-wrapper {
  position: relative;
  padding: 70px 48px;
  color: inherit;
}
#promotion-100-container .section-1 .main-banner-wrapper .main-banner-img {
  position: absolute;
  right: -50px;
  width: 100%;
  max-width: 476px;
  top: 43px;
}
#promotion-100-container .section-1 .main-banner-wrapper .partner-and-land {
  display: flex;
  align-items: center;
  gap: 12px;
}
#promotion-100-container .section-1 .main-banner-wrapper .main-banner-text {
  position: relative;
  z-index: 20;
  flex-direction: column;
  gap: 8px;
  min-width: 652px;
  display: flex;
  justify-content: center;
}
#promotion-100-container .section-1 .main-banner-wrapper .main-banner-wrapper .main-banner-img {
  min-width: 400px;
  align-items: center;
}
#promotion-100-container .section-1 .main-banner-wrapper .main-banner-wrapper .main-banner-img img {
  width: 100%;
}
#promotion-100-container .section-1 .main-banner-wrapper .main-banner {
  width: 100%;
}
#promotion-100-container .section-1 p {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: inherit;
}
#promotion-100-container .section-1 h1 {
  font-family: Roboto;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  text-align: left;
}
#promotion-100-container .section-1 .buttons-wrapper {
  display: flex;
  margin-top: 60px;
}
#promotion-100-container .section-1 .buttons-wrapper a {
  border-radius: 6px;
  background-color: #1352EF;
  box-shadow: 0px 4px 10px 0px rgba(13, 139, 255, 0.4705882353);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 12px 25px;
  width: 183px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  text-align: center;
  text-decoration: none;
}
#promotion-100-container .section-1 .buttons-wrapper a p {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
@media (max-width: 1220px) {
  #promotion-100-container .section-1 .main-banner-text h1 {
    font-size: 44px;
    line-height: 50px;
  }
}
@media (max-width: 992px) {
  #promotion-100-container .section-1 {
    min-height: 600px;
    justify-content: center;
    align-items: baseline;
  }
  #promotion-100-container .section-1 .mobile-only,
  #promotion-100-container .section-1 .mobile-gradient {
    display: block;
  }
  #promotion-100-container .section-1 .mobile-gradient {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 64, 139, 0) 0%, #001958 100%);
    height: 100px;
    position: absolute;
    bottom: 0;
    opacity: 0.8;
  }
  #promotion-100-container .section-1 .mobile-img {
    display: block;
    max-width: 438px;
  }
  #promotion-100-container .section-1 .web-img {
    display: none;
  }
  #promotion-100-container .section-1 .main-banner-wrapper {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    padding: 0;
  }
  #promotion-100-container .section-1 .main-banner-wrapper .main-banner-img {
    min-width: 100% !important;
    width: 375px !important;
    top: 236px;
  }
  #promotion-100-container .section-1 .buttons-wrapper {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
  }
  #promotion-100-container .section-1 .partner-and-land {
    margin: 0 auto;
  }
  #promotion-100-container .section-1 .main-banner-text {
    margin: 0 auto;
    margin-top: 54px;
    padding: 0;
    max-width: 300px;
    line-break: strict;
    flex-direction: column;
    width: 100% !important;
    min-width: 100% !important;
  }
  #promotion-100-container .section-1 .main-banner-text h1 {
    text-align: center;
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
  }
  #promotion-100-container .section-1 .main-banner-text p {
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin: 0;
  }
  #promotion-100-container .section-1 .buttons-wrapper {
    display: none;
  }
}
@media (max-width: 450px) {
  #promotion-100-container .section-1 {
    min-height: 600px;
    border-radius: 0;
  }
  #promotion-100-container .section-1 .main-banner-wrapper {
    padding: 0;
  }
}
#promotion-100-container .section-2 {
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  min-height: min-content;
}
#promotion-100-container .section-2 .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #eff6ff;
  padding: 30px 100px;
  gap: 20px;
  border-radius: 10px;
}
#promotion-100-container .section-2 h2 {
  font-family: Pretendard JP Variable;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}
#promotion-100-container .section-2 .remain-count-wrapper {
  width: 100%;
  gap: 10px;
  border-radius: 10px;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
#promotion-100-container .section-2 .sub-title {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
#promotion-100-container .section-2 .remain-count {
  font-family: Roboto;
  font-size: 50px;
  font-weight: 700;
  text-align: left;
  color: #1352ef;
  margin: 0 auto;
  display: flex;
}
#promotion-100-container .section-2 .remain-count p {
  line-height: 60px !important;
}
#promotion-100-container .section-2 .light-color {
  opacity: 20%;
}
@media (max-width: 992px) {
  #promotion-100-container .section-2 {
    padding: 30px 16px;
  }
  #promotion-100-container .section-2 h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
  }
  #promotion-100-container .section-2 .wrapper {
    padding: 30px;
  }
  #promotion-100-container .section-2 .sub-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
  #promotion-100-container .section-2 .remain-count {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
  }
}
#promotion-100-container .section-3 {
  display: flex;
  gap: 32px;
  min-height: fit-content;
  max-width: 1440px;
}
#promotion-100-container .section-3 .desc-box {
  width: 33%;
  display: flex;
  padding: 20px 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 10px;
  color: #fff;
  height: 144px;
}
#promotion-100-container .section-3 .desc-box p {
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
#promotion-100-container .section-3 .desc-box div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#promotion-100-container .section-3 .desc-box div .sub-title {
  font-family: Roboto;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
#promotion-100-container .section-3 .box1 {
  background-color: black;
}
#promotion-100-container .section-3 .box2 {
  background-color: #464d5b;
}
#promotion-100-container .section-3 .box3 {
  background-color: #4376d3;
}
@media (max-width: 992px) {
  #promotion-100-container .section-3 {
    flex-direction: column;
    padding: 0 16px 30px 16px;
    gap: 16px;
  }
  #promotion-100-container .section-3 .desc-box {
    padding: 30px;
    width: 100%;
    gap: 16px;
    height: min-content;
  }
  #promotion-100-container .section-3 .desc-box div .sub-title {
    font-size: 24px;
  }
  #promotion-100-container .section-3 .desc-box p {
    font-size: 16px;
  }
}
#promotion-100-container .section-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: fit-content;
  gap: 20px;
  margin: 40px 0;
}
#promotion-100-container .section-4 h2 {
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  width: 100%;
}
#promotion-100-container .section-4 .contents {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
#promotion-100-container .section-4 .step-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  max-width: 200px;
  text-align: center;
  min-height: 340px;
  border: 1px solid #ECECEC;
  border-radius: 8px;
  justify-content: center;
  background-color: #F7F8FA;
}
#promotion-100-container .section-4 .step-box img {
  width: 100%;
}
#promotion-100-container .section-4 .step-box h3 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 20px;
}
#promotion-100-container .section-4 .step-box a {
  display: flex;
  padding: 12px 25px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: #1352ef;
  box-shadow: 0px 4px 10px 0px rgba(13, 139, 255, 0.47);
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 10px;
}
#promotion-100-container .section-4 .step-box p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  #promotion-100-container .section-4 {
    padding: 10px 13px;
    margin: 0;
  }
  #promotion-100-container .section-4 h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
  }
  #promotion-100-container .section-4 .contents {
    flex-direction: column;
    gap: 16px;
  }
  #promotion-100-container .section-4 .step-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    height: min-content;
    text-align: start;
    min-height: 150px;
  }
  #promotion-100-container .section-4 .step-box h3 {
    margin-top: 0;
  }
  #promotion-100-container .section-4 .step-box img {
    max-width: 140px;
  }
  #promotion-100-container .section-4 .step-box div {
    max-width: 173px;
  }
}
#promotion-100-container .after-join {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: min-content;
  margin: 40px 0;
}
@media (max-width: 992px) {
  #promotion-100-container .after-join {
    padding: 0 16px;
    margin-bottom: 10px;
  }
}
#promotion-100-container .after-join h2 {
  width: 100%;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  margin-bottom: 10px;
}
#promotion-100-container .after-join .sub-title {
  display: flex;
  gap: 10px;
}
#promotion-100-container .after-join .sub-title h3 {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
#promotion-100-container .after-join .sub-title label {
  min-width: 90px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  margin: 0;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#promotion-100-container .after-join .sub-title .progress {
  border: 1px solid #B4D7D3;
  background-color: #F1FAF9;
  color: #01A387;
}
#promotion-100-container .after-join .sub-title .done {
  border: 1px solid #ADBDE2;
  background-color: #F2F5FF;
  color: #6282CC;
}
#promotion-100-container .after-join .sub-title .uncertified {
  border: 1px solid #ECC4C4;
  background-color: #FFEEEE;
  color: #EE3D3D;
}
#promotion-100-container .after-join .bonus-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 850px;
  height: 102px;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid #DDDFED;
  background-color: #F1F2F8;
}
#promotion-100-container .after-join .bonus-wrapper .bonus-count-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#promotion-100-container .after-join .bonus-wrapper .bonus-count-display .received-bonus {
  display: flex;
  gap: 8px;
}
#promotion-100-container .after-join .bonus-wrapper .bonus-count-display .received-bonus p {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
#promotion-100-container .after-join .bonus-wrapper .bonus-count-display .target-bonus {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
#promotion-100-container .after-join .bonus-wrapper .bonus-graph-display {
  position: relative;
  width: 100%;
  max-width: 790px;
  height: 10px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #ddd;
}
#promotion-100-container .after-join .bonus-wrapper .bonus-graph-display .bonus-graph {
  height: 9px;
  background-color: #1352EF;
  border-radius: 8px 0px 0px 8px;
}
#promotion-100-container .section-5 {
  width: 100%;
  max-width: 100%;
  min-height: fit-content;
}
#promotion-100-container .section-5 .wrapper {
  max-width: 1440px;
  margin: 0 auto;
}
#promotion-100-container .section-5 .wrapper h2 {
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}
#promotion-100-container .section-5 .wrapper .table-wrapper {
  margin: 64px 20px 0 20px;
}
#promotion-100-container .section-5 .wrapper .table-wrapper table {
  width: 100%;
  min-width: 1336px;
  border: 1px solid #ddd;
  border-right-width: 0px;
  border-left-width: 0px;
  border-collapse: collapse;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
#promotion-100-container .section-5 .wrapper .table-wrapper th,
#promotion-100-container .section-5 .wrapper .table-wrapper td {
  border: 1px solid #ddd;
  padding: 8px 0;
  height: 50px;
}
@media (max-width: 992px) {
  #promotion-100-container .section-5 .wrapper h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
  }
}
#promotion-100-container .section-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}
#promotion-100-container .section-5 .faq-container {
  width: 100%;
}
#promotion-100-container .section-5 h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  text-align: left;
  color: #222222;
  width: 100%;
}
#promotion-100-container .section-5 .faq-sub {
  color: #434343;
}
#promotion-100-container .section-5 p {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  margin: 10px auto 0 auto;
}
#promotion-100-container .section-5 .terms-and-condition {
  display: flex;
  justify-content: right;
  align-self: end;
  align-items: center;
  font-size: 16px;
}
#promotion-100-container .section-5 .terms-and-condition a {
  color: #0057ff;
  text-decoration: underline;
}
#promotion-100-container .section-5 .panel-group {
  margin-top: 20px;
  border: 1px solid #d9dce3;
}
#promotion-100-container .section-5 .panel-group.panel-group .panel + .panel {
  margin-top: -1px;
}
#promotion-100-container .section-5 .panel-group .panel {
  background: transparent;
}
#promotion-100-container .section-5 .panel-group .panel .panel-heading {
  border-radius: 0;
  border: none !important;
  border-top: 1px solid #d9dce3 !important;
  border-bottom: 1px solid #d9dce3 !important;
  padding: 0 20px;
}
#promotion-100-container .section-5 .panel-group .panel .panel-heading .panel-title {
  position: relative;
  display: flex;
  align-items: center;
  height: 80px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #222;
}
#promotion-100-container .section-5 .panel-group .panel .panel-heading .panel-title span {
  color: #a5afc4;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 600;
  line-height: 27px;
  margin-right: 30px;
}
#promotion-100-container .section-5 .panel-group .panel .panel-heading .panel-title strong {
  display: block;
  font-weight: 700;
  font-size: 20px;
  margin-right: 50px;
  line-height: 24px;
  color: #222;
}
@media (max-width: 992px) {
  #promotion-100-container .section-5 .panel-group .panel .panel-heading .panel-title strong {
    font-size: 16px;
  }
}
#promotion-100-container .section-5 .panel-group .panel .panel-heading .panel-title:after {
  content: "\eb89";
  font-family: icomoon;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  font-size: 15px;
  color: #222;
}
#promotion-100-container .section-5 .panel-group .panel .panel-collapse .panel-body {
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  background: #eff6ff;
  margin: 0;
  border: none;
}
#promotion-100-container .section-5 .panel-group .panel .panel-collapse .panel-body strong {
  display: block;
  font-weight: 700;
  margin-right: 50px;
}
#promotion-100-container .section-5 .panel-group .panel .panel-collapse .panel-body span {
  color: #a5afc4;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  display: block;
}
@media (max-width: 992px) {
  #promotion-100-container .section-5 .panel-group .panel .panel-collapse .panel-body span {
    font-size: 14px;
  }
}
#promotion-100-container .section-5 .panel-group .panel .panel-collapse .panel-body p {
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  color: #222;
  margin-left: 0;
  margin-bottom: 0;
  text-align: left;
  display: flex;
  gap: 30px;
}
#promotion-100-container .section-5 .panel-group .panel a[aria-expanded=true] .panel-title:after {
  content: "\eb89";
  transform: rotate(-180deg);
  margin-top: -14px;
}
@media (max-width: 992px) {
  #promotion-100-container .section-5 {
    padding: 50px 16px;
    padding-top: 30px;
  }
  #promotion-100-container .section-5 h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
  }
  #promotion-100-container .section-5 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  #promotion-100-container .section-5 .panel-group .panel-title,
  #promotion-100-container .section-5 .panel-group .panel-body {
    font-size: 16px !important;
  }
  #promotion-100-container .section-5 .panel-group .panel-title {
    height: 100px !important;
  }
  #promotion-100-container .section-5 .panel-group .panel-body {
    padding: 16px 20px !important;
  }
  #promotion-100-container .section-5 .panel-group .panel-body p {
    margin: 0;
  }
  #promotion-100-container .section-5 .panel-group .panel-body .panel-a {
    margin-top: 0px;
  }
}
#promotion-100-container .section-6 {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 16px 60px 16px;
  min-height: 100%;
}
#promotion-100-container .section-6 p {
  font-family: Roboto;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  color: #434343;
}
#promotion-100-container .section-6 a {
  height: 58px;
  padding: 20px 30px 18px 30px;
  gap: 4px;
  border-radius: 10px;
  background-color: #1352EF;
  color: #fff;
  margin: 20px 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
@media (max-width: 992px) {
  #promotion-100-container .section-6 {
    margin: 0;
    padding: 0 16px;
  }
  #promotion-100-container .section-6 p {
    font-size: 16px;
  }
  #promotion-100-container .section-6 a {
    width: 100%;
    height: 48px;
    padding: 13px;
  }
}

#promotion-container {
  font-size: 16px;
  line-height: 24px;
}
#promotion-container .section-1 {
  margin: 50px 0 60px 0;
  padding: 60px 0 40px 60px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: contain;
  border-radius: 16px;
}
#promotion-container .section-1 * {
  color: #fff;
}
#promotion-container .section-1 h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}
#promotion-container .section-1 p {
  margin: 16px 0 0 0;
}
#promotion-container .section-1 a {
  padding: 16px 40px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 6px;
}
#promotion-container .section-2 {
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}
#promotion-container .section-2 .title {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}
#promotion-container .section-2 .bonus-container {
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
}
#promotion-container .section-2 .bonus-container .bonus-wrapper {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 10px;
  position: relative;
}
#promotion-container .section-2 .bonus-container .bonus-wrapper:first-child {
  background-color: #EAF1FB;
}
#promotion-container .section-2 .bonus-container .bonus-wrapper:last-child {
  background-color: #F1F2F8;
}
#promotion-container .section-2 .bonus-container .bonus-wrapper .bonus-label {
  font-weight: 600;
}
#promotion-container .section-2 .bonus-container .bonus-wrapper .bonus-value {
  color: #1352ef;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
#promotion-container .section-2 .bonus-container .bonus-wrapper button {
  padding: 12px 25px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #fff;
  background-color: #1352ef;
  border: none;
  border-radius: 6px;
  box-shadow: 0px 4px 10px 0px rgba(13, 139, 255, 0.47);
}
#promotion-container .section-2 .bonus-container .bonus-wrapper button.inactive {
  background-color: #7696e5;
  cursor: not-allowed;
}
#promotion-container .section-2 .bonus-detail {
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#promotion-container .section-2 .bonus-detail ul {
  padding-left: 16px;
  list-style: disc;
  list-style-position: inside;
}
#promotion-container .section-2 .bonus-detail ul li {
  font-size: 16px;
  line-height: 27px;
  list-style: disc;
}
#promotion-container .section-2 .bonus-detail button {
  color: #63a8fe;
  background-color: transparent;
  border: none;
}
#promotion-container .section-3 {
  padding: 16px 20px;
}
#promotion-container .section-3 .title {
  font-weight: 700;
}
#promotion-container .section-3 .description {
  font-size: 14px;
}
#promotion-container .section-3 button {
  margin-top: 20px;
  padding: 14px 40px;
  color: #1352ef;
  background-color: #eff6ff;
  border: 1px solid #1352ef;
  border-radius: 6px;
}
#promotion-container .section-3 button.inactive {
  color: #CCCFD8;
  border-color: #CCCFD8;
  background-color: #F0F2F8;
  cursor: not-allowed;
}
#promotion-container .section-4 {
  margin-bottom: 70px;
  display: flex;
  gap: 20px;
}
#promotion-container .section-4 div {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 40px 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  border-radius: 10px;
}
#promotion-container .section-4 div:nth-child(1) {
  background-color: #000000;
}
#promotion-container .section-4 div:nth-child(2) {
  background-color: #464D5B;
}
#promotion-container .section-4 div:nth-child(3) {
  background-color: #4376D3;
}
#promotion-container .section-5 {
  margin-bottom: 70px;
}
#promotion-container .section-5 h2 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}
#promotion-container .section-5 p {
  margin-bottom: 20px;
  font-size: 16px;
}
#promotion-container .section-5 .step-container {
  display: flex;
  gap: 20px;
}
#promotion-container .section-5 .step-container .step-wrapper {
  padding: 40px 10px 20px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f7f8fa;
  border: 1px solid #ddd;
  border-radius: 10px;
}
#promotion-container .section-5 .step-container .step-wrapper img {
  margin-bottom: 30px;
  width: 100%;
}
#promotion-container .section-5 .step-container .step-wrapper .step-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
#promotion-container .section-5 .step-container .step-wrapper .step-box div:first-of-type {
  font-size: 18px;
  font-weight: 700;
}
#promotion-container .section-5 .step-container .step-wrapper .step-box div {
  text-align: center;
}
#promotion-container .section-5 .step-container .step-wrapper .step-box a {
  padding: 12px 25px;
  color: #fff;
  background-color: #1352ef;
  border: none;
  border-radius: 6px;
  box-shadow: 0px 4px 10px 0px rgba(13, 139, 255, 0.47);
}
#promotion-container .section-6.terms-and-conditions {
  margin-bottom: 70px;
}
#promotion-container .section-6 h2 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}
#promotion-container .section-6 p {
  margin-bottom: 20px;
  font-size: 16px;
}
#promotion-container .section-6 > button {
  width: 100%;
  color: #63a8fe;
  background-color: transparent;
  border: none;
  text-align: right;
}
#promotion-container .section-6 .panel-group a {
  color: #333;
}
#promotion-container .section-6 .panel-group .faq-mark {
  display: inline-block;
  margin-right: 15px;
  width: 50px;
  color: #a5afc4;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 992px) {
  #promotion-container .section-6 .panel-group .faq-mark {
    width: 20px;
    margin-left: 15px;
  }
}
#promotion-container .section-6 .panel-group .panel {
  margin-top: 0;
}
#promotion-container .section-6 .panel-group .panel .accordion-toggle .panel-heading {
  padding: 20px 0;
  background-color: #fbfbfb;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0;
  position: relative;
}
#promotion-container .section-6 .panel-group .panel .accordion-toggle .panel-heading .panel-title {
  line-height: 1.7em;
  position: relative;
  display: flex;
}
#promotion-container .section-6 .panel-group .panel .accordion-toggle .panel-heading .panel-title strong {
  font-weight: 500;
  margin-right: 50px;
  line-height: 24px;
  color: inherit;
}
@media (max-width: 992px) {
  #promotion-container .section-6 .panel-group .panel .accordion-toggle .panel-heading .panel-title strong {
    font-size: 16px;
  }
}
#promotion-container .section-6 .panel-group .panel .accordion-toggle .panel-heading .panel-title::after {
  content: "\eb89";
  width: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #a5afc4;
  font-family: icomoon;
  text-align: center;
}
#promotion-container .section-6 .panel-group .panel .accordion-toggle[aria-expanded=true] .panel-heading::after {
  transform: translateY(-50%) rotateX(180deg);
}
#promotion-container .section-6 .panel-group .panel .panel-body {
  display: flex;
  margin: 0;
  padding: 20px 0;
  background-color: #eff6ff;
  border-bottom: 1px solid #ddd;
}
#promotion-container .section-6 .panel-group .panel .panel-body div:last-child {
  flex: 1;
  padding-right: 20px;
}
@media (max-width: 991px) {
  #promotion-container .section-1 {
    margin: 0 -16px 60px -16px;
    padding-left: initial;
    min-height: 600px;
    background-image: url(/assets/common/common/img/spring_bonus/top_banner_450.png);
    border-radius: initial;
    text-align: center;
  }
  #promotion-container .section-2 .bonus-container,
  #promotion-container .section-2 .bonus-detail {
    flex-direction: column;
    align-items: initial;
    gap: 20px;
  }
  #promotion-container .section-2 .bonus-container ul,
  #promotion-container .section-2 .bonus-detail ul {
    padding-left: initial;
  }
  #promotion-container .section-2 .bonus-container button,
  #promotion-container .section-2 .bonus-detail button {
    text-align: right;
  }
  #promotion-container .section-3 {
    text-align: center;
  }
  #promotion-container .section-3 button {
    margin-top: 30px;
  }
  #promotion-container .section-3 .inactive {
    background-color: #7696e5;
    cursor: not-allowed;
  }
  #promotion-container .section-4 {
    flex-direction: column;
  }
  #promotion-container .section-5 .step-container {
    flex-direction: column;
  }
  #promotion-container .section-5 .step-container .step-wrapper {
    flex-direction: row;
    padding: 10px 10px 10px 0;
  }
  #promotion-container .section-5 .step-container .step-wrapper img {
    max-width: 130px;
    margin-bottom: 0;
  }
  #promotion-container .section-5 .step-container .step-wrapper .step-box {
    align-items: flex-start;
  }
}

#ajax_response_modal,
#ajax_response_modal_2 {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#ajax_response_modal .modal-dialog,
#ajax_response_modal_2 .modal-dialog {
  width: 474px;
  min-width: 360px;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
#ajax_response_modal .modal-content,
#ajax_response_modal_2 .modal-content {
  padding: 30px 40px 40px 40px;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
#ajax_response_modal .modal-content .modal-title,
#ajax_response_modal_2 .modal-content .modal-title {
  position: relative;
  width: 100%;
  text-align: center;
  color: var(--Text-text-1, #222);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
#ajax_response_modal .modal-content .modal-title .close,
#ajax_response_modal_2 .modal-content .modal-title .close {
  position: absolute;
  top: -20px;
  right: -20px;
}
#ajax_response_modal .modal-content .account-no,
#ajax_response_modal_2 .modal-content .account-no {
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#ajax_response_modal .buttons-wrapper,
#ajax_response_modal_2 .buttons-wrapper {
  width: 100%;
}
#ajax_response_modal .btn-confirm,
#ajax_response_modal_2 .btn-confirm {
  display: flex;
  width: 100%;
  height: 54px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--BTN1-enabled, #1352EF);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: white;
  border: none;
}
@media (max-width: 474px) {
  #ajax_response_modal .modal-dialog,
  #ajax_response_modal_2 .modal-dialog {
    width: 100%;
    min-width: 360px;
  }
}

.ct_p1, .ct_td3 .ct_style1 {
  color: #91af1a;
}

.ct_p2, .ct_td3 .ct_style2 {
  color: #7e848b;
}

.ct_p3 {
  color: #333;
}

.ct_p4 {
  color: #2e7ad8;
}

.ct_p5 {
  color: #c2ffb6;
}

.ct_p6 {
  color: red;
  vertical-align: middle;
}

.ct_p7 {
  color: #14afc1;
}

.ct_p8 {
  color: #12599b;
}

.ct_p9 {
  color: #2e7ad8;
}

.ct_p10 {
  color: #b94a48;
}

.ct_p11 {
  color: #e03a3e;
}

.c_darkgray3 {
  color: #1a2741;
}

.c_white {
  color: #fff;
}

.c_green {
  color: #29a643;
}

.c_yellow {
  color: #ffc561;
}

.c_pink {
  color: #fb6d6d;
}

.c_blue {
  color: #2f79d8;
}

.ct_style3 {
  font-size: 50px;
  vertical-align: middle;
  font-weight: lighter;
  margin-right: 10px;
}

.ct_style4 {
  text-align: left;
  vertical-align: middle;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
}

.ct_style5 {
  font-size: 14px;
  position: relative;
  top: -8px;
}

.ct_subsec h1 {
  font-size: 60px;
  display: inline-block;
  margin-top: 55px !important;
  margin-right: 20px !important;
}
.ct_subsec .ct_subbannertxt {
  font-size: 25px;
}

.ct_style6 {
  font-size: 21px;
  font-weight: bold;
}

.ct_style7, .ct_table19 {
  font-size: 18px;
  color: #2e7ad8;
  font-weight: bold;
}

.ct_style8 {
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 10px;
  width: 70px;
}

.ct_style9 {
  background: #2e7ad8;
  color: #fff;
  padding: 5px 20px;
  display: block;
}

.ct_style20 {
  font-size: 20px;
  color: #000;
  font-weight: normal;
  margin-top: -18px;
  display: block;
  border-bottom: 1px solid #000;
}

.ct_style21 {
  font-size: 40px;
  color: #14afc1;
}

.ct_syle22 {
  font-size: 35px;
  color: #2e7ad8;
  float: left;
  line-height: 1.2em;
}

.ct_style23 {
  margin-left: -10px;
  top: 2px;
  position: relative;
}

.ct_syle24 {
  font-size: 16px;
  color: #000;
}

.ct_style25 {
  font-size: 90px;
  color: #2e7ad8;
  float: left;
  line-height: 1.2em;
  margin-right: 20px;
}

.ct_style26 {
  color: #fff;
  background: #000;
  padding: 3px 10px;
  font-weight: bold;
}

.font_blue {
  color: #2e7ad8;
}

.ct_btnwrp1, .ct_btn1_v2, .ct_btn2, .ct_btn2_v2, .ct_btn1 {
  border: 2px solid;
  text-align: center;
  background: none;
}

.btn_none {
  background: none;
  border: 0;
  outline: 0;
  border-shadow: none;
}

.ct_btn1 {
  width: 140px;
  height: 35px;
  color: #2e7ad8;
  font-weight: 500;
}

.ct_btn2, .ct_btn2_v2 {
  width: 90px;
  height: 35px;
  color: #7e848b;
  font-weight: 500;
  font-size: 12px;
}

.ct_btn1:hover {
  color: #fff;
  background-color: #2e7ad8;
}

.ct_btn2:hover, .ct_btn2_v2:hover {
  color: #fff;
  background-color: #7e848b;
}

.ct_btn3 {
  width: 250px;
  text-align: left;
  border-radius: 0;
  position: relative;
  padding-left: 20px;
  color: #fff;
}

.ct_btn3sec1 {
  background: #2e7ad8 !important;
}

.ct_btn3sec2 {
  background: #14afc1 !important;
}

.ct_btn4 {
  background: #fff;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  border: 0;
  border-shadow: 0;
  font-size: 15px;
}

.ct_btn5 {
  padding: 10px 40px;
  border-radius: 26px;
  font-size: 20px;
  color: #2e7ad8;
  background: #fff;
  border: 1px solid #ddd !important;
}

.ct_btn5:hover, .ct_btn5:focus {
  background: #2e7ad8;
  color: #fff;
}

.ct_pattern, .ct_btn7, .ct_btn6 {
  background: url("/assets/common/mypage/img/en_US/bg-btn.jpg");
  width: 75%;
  padding: 20px 0;
  text-align: center;
  border-shadow: 0;
  border-radius: 10px;
  border: 1px solid #ddd !important;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}

.ct_btn6 {
  position: absolute;
  top: -35px;
  left: 83px;
}

.ct_btn6:focus, .ct_btn7:focus {
  outline: none;
}

.ct_btn7 {
  margin: 0 auto;
}

.ct_pattern2, .ct_btn11:hover, .ct_btn11 {
  padding: 10px 0;
  display: block;
  width: 70%;
  border: 0;
  box-shadow: 0;
  margin: 0 auto;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

.ct_btn8 {
  display: block;
  margin: 0 auto;
  width: 250px;
  height: 50px;
  padding: 14px 20px;
  border: 2px solid #1f3fcd;
  font-size: 16px;
  text-align: center;
  background-color: #1f3fcd;
  color: #fff;
  line-height: 0;
}
@media (max-width: 768px) {
  .ct_btn8 {
    width: 100%;
  }
}

.ct_btn8:hover {
  background: none;
  border: 2px solid #2e7ad8;
  color: #2e7ad8;
}

.ct_btn8b {
  background: #2e7ad8;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  border: 0;
  box-shadow: 0;
  margin: 0 auto;
  font-weight: 500;
  border: 2px solid #2e7ad8;
  font-size: 16px;
}

.ct_btn8b:hover {
  background: none;
  border: 2px solid #2e7ad8;
  color: #2e7ad8;
}

.ct_btn9 {
  background: none;
  display: block;
  width: 100%;
  text-align: center;
  color: #2e7ad8;
  padding: 10px 0;
  border: 0;
  box-shadow: 0;
  margin: 0 auto;
  font-weight: bold;
  border: 2px solid #2e7ad8;
  font-size: 16px;
}

.ct_btn9:hover {
  background: #2e7ad8;
  border: 2px solid #2e7ad8;
  color: #fff;
}

.ct_btn10 {
  padding: 6px 35px;
  border-radius: 0;
}

.ct_btn11 {
  background: grey;
  color: #fff;
  border: 2px solid grey;
}

.ct_btn11:hover {
  background: none;
  color: grey;
  border: 2px solid grey;
}

.ct_btn12 {
  padding: 6px 35px;
  border-radius: 0;
  border: 1px solid #2e7ad8;
  color: #2e7ad8;
  margin-top: 5px;
}

.ct_btn13 {
  width: 100%;
}
.ct_btn13 button {
  width: 24% !important;
  margin-right: 5px;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
}
.ct_btn13 .ct_blast {
  margin: 0;
  width: 25% !important;
}
.ct_btn13 .ct_bblue {
  background: #2e7ad8;
}
.ct_btn13 .ct_bgreen {
  background: #14afc1;
}
.ct_btn13 .ct_bgrey1 {
  background: #5a5a5a;
}
.ct_btn13 .ct_bgrey2 {
  background: #7e848b;
}

.ct_btn14 {
  border-radius: 0;
}

.ct_btn15 {
  line-height: 1.4em;
}
.ct_btn15 a {
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}
.ct_btn15 a:hover {
  color: #2e7ad8;
}

.ct_btn16 {
  background: #6f788a;
  display: block;
  text-align: center;
  color: #fff;
  padding: 5px 8px;
  box-shadow: 0;
  margin: 0 auto;
  font-weight: normal;
  border: 2px solid #6f788a;
  font-size: 13px;
}

.ct_btn16:hover {
  background: none;
  border: 2px solid #6f788a;
  color: #51647d;
}
.ct_btn16:hover > span {
  color: #6f788a !important;
  border-color: #6f788a !important;
}

.ct_platform a {
  color: #7e848b;
}
.ct_platform a:hover {
  color: #000 !important;
}

.ct_btn17 {
  border-radius: 0 !important;
  background: #2e7ad8;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #2e7ad8;
  height: 50px;
  line-height: 2.7;
}

.ct_btn18 {
  padding: 5px 20px;
  font-size: 12px;
  position: absolute;
  top: -5px;
  right: 15px;
  border-radius: 0;
  background: #f3f3f3;
  border: 1px solid #ddd;
}

.ct_btn19 {
  border-radius: 0 !important;
  background: #333;
  color: #fff;
  padding-left: 30px;
  padding-right: 30px;
  border: 1px solid #333;
}

.ct_btn19:hover {
  background: #868686;
  border: 1px solid #868686;
  color: #fff;
}

/*//////////// Template two "My Page" ///////////////////////////*/
.ct_btn1_v2 {
  width: 90px;
  height: 35px;
  color: #62a8ff;
  font-weight: 500;
  font-size: 12px;
}

.ct_btn1_v2:hover {
  color: #0f1a30;
  background-color: #62a8ff;
  border: 1px solid #62a8ff;
}

.ct_btn2_v2:hover {
  color: #0f1a30;
  background-color: #7e848b;
  border: 1px solid #7e848b;
}

.ct_btn3_v2 a button {
  text-align: center;
  width: 100%;
  padding: 12px 0;
  border-radius: 0;
  font-size: 16px;
  color: #fff;
}
.ct_btn3_v2 a > .btn_01 {
  background: #6c6c6c;
}
.ct_btn3_v2 a > .btn_02 {
  background: #29a643;
}
.ct_btn3_v2 a > .btn_01:hover {
  background: none;
  color: #6c6c6c;
  box-shadow: inset 0 0 0 2px #6c6c6c;
  font-weight: 500;
}
.ct_btn3_v2 a > .btn_02:hover {
  background: none;
  color: #29a643;
  box-shadow: inset 0 0 0 2px #29a643;
  font-weight: bold;
}
.ct_btn3_v2 a > .btn_03 {
  background: #fff;
  border: 1px solid #2e7ad8;
  color: #2e7ad8;
  font-weight: 500;
}
.ct_btn3_v2 a > .btn_03:hover {
  background: #2e7ad8;
  border: 1px solid #2e7ad8;
  color: #fff;
  font-weight: 500;
}

.table > thead > tr > th {
  vertical-align: middle !important;
}

.table > tbody > tr > td {
  vertical-align: middle !important;
}

.table > tbody > tr > td.table_minus_icon {
  position: relative;
}
.table > tbody > tr > td.table_minus_icon > a {
  position: absolute;
  top: 16px;
  left: 8px;
}

/***********************************************************************************************************************
 * MARGIN & PADDING
 **********************************************************************************************************************/
/**
 *
 * Margin Padding Maker
 *
 * _margin_padding_maker(className, css attr name, start idx, end idx, step idx)
 * ex : .mg0 {margin:0px;} .mg5 {margin:5px;} .mgt5 {margin-top:5px;} .pdl5 {padding-left:5px;} ....
 *
 */
.mg1 {
  margin: 1px;
}

.mg1-important {
  margin: 1px !important;
}

.mg2 {
  margin: 2px;
}

.mg2-important {
  margin: 2px !important;
}

.mg3 {
  margin: 3px;
}

.mg3-important {
  margin: 3px !important;
}

.mg4 {
  margin: 4px;
}

.mg4-important {
  margin: 4px !important;
}

.mg0 {
  margin: 0px;
}

.mg0-important {
  margin: 0px !important;
}

.mg5 {
  margin: 5px;
}

.mg5-important {
  margin: 5px !important;
}

.mg10 {
  margin: 10px;
}

.mg10-important {
  margin: 10px !important;
}

.mg15 {
  margin: 15px;
}

.mg15-important {
  margin: 15px !important;
}

.mg20 {
  margin: 20px;
}

.mg20-important {
  margin: 20px !important;
}

.mg25 {
  margin: 25px;
}

.mg25-important {
  margin: 25px !important;
}

.mg30 {
  margin: 30px;
}

.mg30-important {
  margin: 30px !important;
}

.mg35 {
  margin: 35px;
}

.mg35-important {
  margin: 35px !important;
}

.mg40 {
  margin: 40px;
}

.mg40-important {
  margin: 40px !important;
}

.mg45 {
  margin: 45px;
}

.mg45-important {
  margin: 45px !important;
}

.mg50 {
  margin: 50px;
}

.mg50-important {
  margin: 50px !important;
}

.mg-5 {
  margin: -5px;
}

.mg-5-important {
  margin: -5px !important;
}

.mg-4 {
  margin: -4px;
}

.mg-4-important {
  margin: -4px !important;
}

.mg-3 {
  margin: -3px;
}

.mg-3-important {
  margin: -3px !important;
}

.mg-2 {
  margin: -2px;
}

.mg-2-important {
  margin: -2px !important;
}

.mg-1 {
  margin: -1px;
}

.mg-1-important {
  margin: -1px !important;
}

.mgt1 {
  margin-top: 1px;
}

.mgt1-important {
  margin-top: 1px !important;
}

.mgt2 {
  margin-top: 2px;
}

.mgt2-important {
  margin-top: 2px !important;
}

.mgt3 {
  margin-top: 3px;
}

.mgt3-important {
  margin-top: 3px !important;
}

.mgt4 {
  margin-top: 4px;
}

.mgt4-important {
  margin-top: 4px !important;
}

.mgt0 {
  margin-top: 0px;
}

.mgt0-important {
  margin-top: 0px !important;
}

.mgt5 {
  margin-top: 5px;
}

.mgt5-important {
  margin-top: 5px !important;
}

.mgt10 {
  margin-top: 10px;
}

.mgt10-important {
  margin-top: 10px !important;
}

.mgt15 {
  margin-top: 15px;
}

.mgt15-important {
  margin-top: 15px !important;
}

.mgt20 {
  margin-top: 20px;
}

.mgt20-important {
  margin-top: 20px !important;
}

.mgt25 {
  margin-top: 25px;
}

.mgt25-important {
  margin-top: 25px !important;
}

.mgt30 {
  margin-top: 30px;
}

.mgt30-important {
  margin-top: 30px !important;
}

.mgt35 {
  margin-top: 35px;
}

.mgt35-important {
  margin-top: 35px !important;
}

.mgt40 {
  margin-top: 40px;
}

.mgt40-important {
  margin-top: 40px !important;
}

.mgt45 {
  margin-top: 45px;
}

.mgt45-important {
  margin-top: 45px !important;
}

.mgt50 {
  margin-top: 50px;
}

.mgt50-important {
  margin-top: 50px !important;
}

.mgt-5 {
  margin-top: -5px;
}

.mgt-5-important {
  margin-top: -5px !important;
}

.mgt-4 {
  margin-top: -4px;
}

.mgt-4-important {
  margin-top: -4px !important;
}

.mgt-3 {
  margin-top: -3px;
}

.mgt-3-important {
  margin-top: -3px !important;
}

.mgt-2 {
  margin-top: -2px;
}

.mgt-2-important {
  margin-top: -2px !important;
}

.mgt-1 {
  margin-top: -1px;
}

.mgt-1-important {
  margin-top: -1px !important;
}

.mgl1 {
  margin-left: 1px;
}

.mgl1-important {
  margin-left: 1px !important;
}

.mgl2 {
  margin-left: 2px;
}

.mgl2-important {
  margin-left: 2px !important;
}

.mgl3 {
  margin-left: 3px;
}

.mgl3-important {
  margin-left: 3px !important;
}

.mgl4 {
  margin-left: 4px;
}

.mgl4-important {
  margin-left: 4px !important;
}

.mgl0 {
  margin-left: 0px;
}

.mgl0-important {
  margin-left: 0px !important;
}

.mgl5 {
  margin-left: 5px;
}

.mgl5-important {
  margin-left: 5px !important;
}

.mgl10 {
  margin-left: 10px;
}

.mgl10-important {
  margin-left: 10px !important;
}

.mgl15 {
  margin-left: 15px;
}

.mgl15-important {
  margin-left: 15px !important;
}

.mgl20 {
  margin-left: 20px;
}

.mgl20-important {
  margin-left: 20px !important;
}

.mgl25 {
  margin-left: 25px;
}

.mgl25-important {
  margin-left: 25px !important;
}

.mgl30 {
  margin-left: 30px;
}

.mgl30-important {
  margin-left: 30px !important;
}

.mgl35 {
  margin-left: 35px;
}

.mgl35-important {
  margin-left: 35px !important;
}

.mgl40 {
  margin-left: 40px;
}

.mgl40-important {
  margin-left: 40px !important;
}

.mgl45 {
  margin-left: 45px;
}

.mgl45-important {
  margin-left: 45px !important;
}

.mgl50 {
  margin-left: 50px;
}

.mgl50-important {
  margin-left: 50px !important;
}

.mgl-5 {
  margin-left: -5px;
}

.mgl-5-important {
  margin-left: -5px !important;
}

.mgl-4 {
  margin-left: -4px;
}

.mgl-4-important {
  margin-left: -4px !important;
}

.mgl-3 {
  margin-left: -3px;
}

.mgl-3-important {
  margin-left: -3px !important;
}

.mgl-2 {
  margin-left: -2px;
}

.mgl-2-important {
  margin-left: -2px !important;
}

.mgl-1 {
  margin-left: -1px;
}

.mgl-1-important {
  margin-left: -1px !important;
}

.mgr1 {
  margin-right: 1px;
}

.mgr1-important {
  margin-right: 1px !important;
}

.mgr2 {
  margin-right: 2px;
}

.mgr2-important {
  margin-right: 2px !important;
}

.mgr3 {
  margin-right: 3px;
}

.mgr3-important {
  margin-right: 3px !important;
}

.mgr4 {
  margin-right: 4px;
}

.mgr4-important {
  margin-right: 4px !important;
}

.mgr0 {
  margin-right: 0px;
}

.mgr0-important {
  margin-right: 0px !important;
}

.mgr5 {
  margin-right: 5px;
}

.mgr5-important {
  margin-right: 5px !important;
}

.mgr10 {
  margin-right: 10px;
}

.mgr10-important {
  margin-right: 10px !important;
}

.mgr15 {
  margin-right: 15px;
}

.mgr15-important {
  margin-right: 15px !important;
}

.mgr20 {
  margin-right: 20px;
}

.mgr20-important {
  margin-right: 20px !important;
}

.mgr25 {
  margin-right: 25px;
}

.mgr25-important {
  margin-right: 25px !important;
}

.mgr30 {
  margin-right: 30px;
}

.mgr30-important {
  margin-right: 30px !important;
}

.mgr35 {
  margin-right: 35px;
}

.mgr35-important {
  margin-right: 35px !important;
}

.mgr40 {
  margin-right: 40px;
}

.mgr40-important {
  margin-right: 40px !important;
}

.mgr45 {
  margin-right: 45px;
}

.mgr45-important {
  margin-right: 45px !important;
}

.mgr50 {
  margin-right: 50px;
}

.mgr50-important {
  margin-right: 50px !important;
}

.mgr-5 {
  margin-right: -5px;
}

.mgr-5-important {
  margin-right: -5px !important;
}

.mgr-4 {
  margin-right: -4px;
}

.mgr-4-important {
  margin-right: -4px !important;
}

.mgr-3 {
  margin-right: -3px;
}

.mgr-3-important {
  margin-right: -3px !important;
}

.mgr-2 {
  margin-right: -2px;
}

.mgr-2-important {
  margin-right: -2px !important;
}

.mgr-1 {
  margin-right: -1px;
}

.mgr-1-important {
  margin-right: -1px !important;
}

.mgb1 {
  margin-bottom: 1px;
}

.mgb1-important {
  margin-bottom: 1px !important;
}

.mgb2 {
  margin-bottom: 2px;
}

.mgb2-important {
  margin-bottom: 2px !important;
}

.mgb3 {
  margin-bottom: 3px;
}

.mgb3-important {
  margin-bottom: 3px !important;
}

.mgb4 {
  margin-bottom: 4px;
}

.mgb4-important {
  margin-bottom: 4px !important;
}

.mgb0 {
  margin-bottom: 0px;
}

.mgb0-important {
  margin-bottom: 0px !important;
}

.mgb5 {
  margin-bottom: 5px;
}

.mgb5-important {
  margin-bottom: 5px !important;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgb10-important {
  margin-bottom: 10px !important;
}

.mgb15 {
  margin-bottom: 15px;
}

.mgb15-important {
  margin-bottom: 15px !important;
}

.mgb20 {
  margin-bottom: 20px;
}

.mgb20-important {
  margin-bottom: 20px !important;
}

.mgb25 {
  margin-bottom: 25px;
}

.mgb25-important {
  margin-bottom: 25px !important;
}

.mgb30 {
  margin-bottom: 30px;
}

.mgb30-important {
  margin-bottom: 30px !important;
}

.mgb35 {
  margin-bottom: 35px;
}

.mgb35-important {
  margin-bottom: 35px !important;
}

.mgb40 {
  margin-bottom: 40px;
}

.mgb40-important {
  margin-bottom: 40px !important;
}

.mgb45 {
  margin-bottom: 45px;
}

.mgb45-important {
  margin-bottom: 45px !important;
}

.mgb50 {
  margin-bottom: 50px;
}

.mgb50-important {
  margin-bottom: 50px !important;
}

.mgb-5 {
  margin-bottom: -5px;
}

.mgb-5-important {
  margin-bottom: -5px !important;
}

.mgb-4 {
  margin-bottom: -4px;
}

.mgb-4-important {
  margin-bottom: -4px !important;
}

.mgb-3 {
  margin-bottom: -3px;
}

.mgb-3-important {
  margin-bottom: -3px !important;
}

.mgb-2 {
  margin-bottom: -2px;
}

.mgb-2-important {
  margin-bottom: -2px !important;
}

.mgb-1 {
  margin-bottom: -1px;
}

.mgb-1-important {
  margin-bottom: -1px !important;
}

.pd1 {
  padding: 1px;
}

.pd1-important {
  padding: 1px !important;
}

.pd2 {
  padding: 2px;
}

.pd2-important {
  padding: 2px !important;
}

.pd3 {
  padding: 3px;
}

.pd3-important {
  padding: 3px !important;
}

.pd4 {
  padding: 4px;
}

.pd4-important {
  padding: 4px !important;
}

.pd0 {
  padding: 0px;
}

.pd0-important {
  padding: 0px !important;
}

.pd5 {
  padding: 5px;
}

.pd5-important {
  padding: 5px !important;
}

.pd10 {
  padding: 10px;
}

.pd10-important {
  padding: 10px !important;
}

.pd15 {
  padding: 15px;
}

.pd15-important {
  padding: 15px !important;
}

.pd20 {
  padding: 20px;
}

.pd20-important {
  padding: 20px !important;
}

.pd25 {
  padding: 25px;
}

.pd25-important {
  padding: 25px !important;
}

.pd30 {
  padding: 30px;
}

.pd30-important {
  padding: 30px !important;
}

.pd35 {
  padding: 35px;
}

.pd35-important {
  padding: 35px !important;
}

.pd40 {
  padding: 40px;
}

.pd40-important {
  padding: 40px !important;
}

.pd45 {
  padding: 45px;
}

.pd45-important {
  padding: 45px !important;
}

.pd50 {
  padding: 50px;
}

.pd50-important {
  padding: 50px !important;
}

.pdt1 {
  padding-top: 1px;
}

.pdt1-important {
  padding-top: 1px !important;
}

.pdt2 {
  padding-top: 2px;
}

.pdt2-important {
  padding-top: 2px !important;
}

.pdt3 {
  padding-top: 3px;
}

.pdt3-important {
  padding-top: 3px !important;
}

.pdt4 {
  padding-top: 4px;
}

.pdt4-important {
  padding-top: 4px !important;
}

.pdt0 {
  padding-top: 0px;
}

.pdt0-important {
  padding-top: 0px !important;
}

.pdt5 {
  padding-top: 5px;
}

.pdt5-important {
  padding-top: 5px !important;
}

.pdt10 {
  padding-top: 10px;
}

.pdt10-important {
  padding-top: 10px !important;
}

.pdt15 {
  padding-top: 15px;
}

.pdt15-important {
  padding-top: 15px !important;
}

.pdt20 {
  padding-top: 20px;
}

.pdt20-important {
  padding-top: 20px !important;
}

.pdt25 {
  padding-top: 25px;
}

.pdt25-important {
  padding-top: 25px !important;
}

.pdt30 {
  padding-top: 30px;
}

.pdt30-important {
  padding-top: 30px !important;
}

.pdt35 {
  padding-top: 35px;
}

.pdt35-important {
  padding-top: 35px !important;
}

.pdt40 {
  padding-top: 40px;
}

.pdt40-important {
  padding-top: 40px !important;
}

.pdt45 {
  padding-top: 45px;
}

.pdt45-important {
  padding-top: 45px !important;
}

.pdt50 {
  padding-top: 50px;
}

.pdt50-important {
  padding-top: 50px !important;
}

.pdl1 {
  padding-left: 1px;
}

.pdl1-important {
  padding-left: 1px !important;
}

.pdl2 {
  padding-left: 2px;
}

.pdl2-important {
  padding-left: 2px !important;
}

.pdl3 {
  padding-left: 3px;
}

.pdl3-important {
  padding-left: 3px !important;
}

.pdl4 {
  padding-left: 4px;
}

.pdl4-important {
  padding-left: 4px !important;
}

.pdl0 {
  padding-left: 0px;
}

.pdl0-important {
  padding-left: 0px !important;
}

.pdl5 {
  padding-left: 5px;
}

.pdl5-important {
  padding-left: 5px !important;
}

.pdl10 {
  padding-left: 10px;
}

.pdl10-important {
  padding-left: 10px !important;
}

.pdl15 {
  padding-left: 15px;
}

.pdl15-important {
  padding-left: 15px !important;
}

.pdl20 {
  padding-left: 20px;
}

.pdl20-important {
  padding-left: 20px !important;
}

.pdl25 {
  padding-left: 25px;
}

.pdl25-important {
  padding-left: 25px !important;
}

.pdl30 {
  padding-left: 30px;
}

.pdl30-important {
  padding-left: 30px !important;
}

.pdl35 {
  padding-left: 35px;
}

.pdl35-important {
  padding-left: 35px !important;
}

.pdl40 {
  padding-left: 40px;
}

.pdl40-important {
  padding-left: 40px !important;
}

.pdl45 {
  padding-left: 45px;
}

.pdl45-important {
  padding-left: 45px !important;
}

.pdl50 {
  padding-left: 50px;
}

.pdl50-important {
  padding-left: 50px !important;
}

.pdr1 {
  padding-right: 1px;
}

.pdr1-important {
  padding-right: 1px !important;
}

.pdr2 {
  padding-right: 2px;
}

.pdr2-important {
  padding-right: 2px !important;
}

.pdr3 {
  padding-right: 3px;
}

.pdr3-important {
  padding-right: 3px !important;
}

.pdr4 {
  padding-right: 4px;
}

.pdr4-important {
  padding-right: 4px !important;
}

.pdr0 {
  padding-right: 0px;
}

.pdr0-important {
  padding-right: 0px !important;
}

.pdr5 {
  padding-right: 5px;
}

.pdr5-important {
  padding-right: 5px !important;
}

.pdr10 {
  padding-right: 10px;
}

.pdr10-important {
  padding-right: 10px !important;
}

.pdr15 {
  padding-right: 15px;
}

.pdr15-important {
  padding-right: 15px !important;
}

.pdr20 {
  padding-right: 20px;
}

.pdr20-important {
  padding-right: 20px !important;
}

.pdr25 {
  padding-right: 25px;
}

.pdr25-important {
  padding-right: 25px !important;
}

.pdr30 {
  padding-right: 30px;
}

.pdr30-important {
  padding-right: 30px !important;
}

.pdr35 {
  padding-right: 35px;
}

.pdr35-important {
  padding-right: 35px !important;
}

.pdr40 {
  padding-right: 40px;
}

.pdr40-important {
  padding-right: 40px !important;
}

.pdr45 {
  padding-right: 45px;
}

.pdr45-important {
  padding-right: 45px !important;
}

.pdr50 {
  padding-right: 50px;
}

.pdr50-important {
  padding-right: 50px !important;
}

.pdb1 {
  padding-bottom: 1px;
}

.pdb1-important {
  padding-bottom: 1px !important;
}

.pdb2 {
  padding-bottom: 2px;
}

.pdb2-important {
  padding-bottom: 2px !important;
}

.pdb3 {
  padding-bottom: 3px;
}

.pdb3-important {
  padding-bottom: 3px !important;
}

.pdb4 {
  padding-bottom: 4px;
}

.pdb4-important {
  padding-bottom: 4px !important;
}

.pdb0 {
  padding-bottom: 0px;
}

.pdb0-important {
  padding-bottom: 0px !important;
}

.pdb5 {
  padding-bottom: 5px;
}

.pdb5-important {
  padding-bottom: 5px !important;
}

.pdb10 {
  padding-bottom: 10px;
}

.pdb10-important {
  padding-bottom: 10px !important;
}

.pdb15 {
  padding-bottom: 15px;
}

.pdb15-important {
  padding-bottom: 15px !important;
}

.pdb20 {
  padding-bottom: 20px;
}

.pdb20-important {
  padding-bottom: 20px !important;
}

.pdb25 {
  padding-bottom: 25px;
}

.pdb25-important {
  padding-bottom: 25px !important;
}

.pdb30 {
  padding-bottom: 30px;
}

.pdb30-important {
  padding-bottom: 30px !important;
}

.pdb35 {
  padding-bottom: 35px;
}

.pdb35-important {
  padding-bottom: 35px !important;
}

.pdb40 {
  padding-bottom: 40px;
}

.pdb40-important {
  padding-bottom: 40px !important;
}

.pdb45 {
  padding-bottom: 45px;
}

.pdb45-important {
  padding-bottom: 45px !important;
}

.pdb50 {
  padding-bottom: 50px;
}

.pdb50-important {
  padding-bottom: 50px !important;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 * End custom common class (Do not remove)
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////// Custome Container /////////////////////////////*/
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
.nopadding {
  margin: 0;
  padding: 0;
}

.ct_relative {
  position: relative;
}

.ct_vmiddle, .ct_ico1, .welcome {
  display: inline-block;
  vertical-align: middle !important;
}

.ct_vmiddle1 {
  display: inline-block;
  vertical-align: top !important;
}

.ct_vmiddle1b {
  display: inline-block;
  vertical-align: top !important;
  margin-top: -15px;
}

.ct_vmiddle2 {
  margin: 0;
  position: absolute;
  left: 50%;
  margin-right: -50%;
  text-align: center;
  transform: translate(-50%, 80%);
}

.ct_vmiddle3 {
  margin: 0;
  position: absolute;
  left: 50%;
  margin-right: -50%;
  text-align: center;
  transform: translate(-50%, 50%);
}

.ct_sec1 {
  padding: 10px 0;
}

.ct_sec1C {
  border-color: #1a2741 !important;
  background: #0f1a30;
}

.ct_sec2 {
  background: #000;
}

.ct_sec3 {
  padding: 70px 0;
}

.ct_sec4 {
  padding: 20px 0;
  text-align: center;
  background: #f0f0f0;
}

.ct_sec4B {
  padding: 10px 0;
  text-align: center;
  background: #f0f0f0;
}

.ct_sec4C {
  padding: 40px 0;
  background: #f0f0f0;
}

.ct_sec5 {
  padding: 40px 0;
}

.ct_sec5B {
  background: #fff;
}

.ct_sec5C {
  padding: 20px 40px;
  background: #fff;
  border-bottom: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}

.ct_sec5D {
  padding: 40px 60px;
  background: #fff;
}

.ct_sec5E {
  background: #fff;
}

.ct_sec5F {
  background: #ddd;
}

.ct_sec6B {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ct_sec7 {
  padding-top: 40px;
  padding-left: 0 !important;
}

.ct_sec7b {
  padding-top: 80px;
}

.ct_sec8 {
  background: #f0f0f0;
  padding: 30px 0;
}

.ct_sec8B {
  margin-top: 20px;
  padding: 20px 0 30px 0;
  text-align: center;
  background: #606060;
  color: #fff;
}

.ct_sec9 {
  padding-left: 40px;
}

.ct_sec10 {
  padding: 0 16px;
}

.ct_sec11 {
  padding: 30px;
}

.ct_sec12 {
  padding: 30px;
  border: 1px solid #333;
  border-style: dotted;
  background: #f0f0f0;
}

.ct_sec12B {
  padding: 30px;
  border: 1px solid #333;
  border-style: dotted;
}

.ct_sec13 {
  width: 90%;
  padding: 50px 10px 20px 10px;
  border: 1px solid #ddd !important;
  border-style: dashed !important;
  text-align: center;
  margin: 0 auto;
  margin-top: 60px !important;
  position: relative;
}

.ct_sec14 {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.ct_secpleft {
  padding-left: 40px;
  padding-right: 0;
}

.ct_secpright {
  padding-left: 0;
  padding-right: 40px;
  margin-bottom: 50px;
  min-height: 800px;
}

.ct_secpleft2 {
  padding: 0;
  padding-left: 20px !important;
}

.ct_secpright2 {
  padding: 0;
  padding-right: 20px !important;
}

.ct_secptbrightbrC {
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 75px;
}

.ct_secptbrightbr {
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ct_secptoplft {
  padding-left: 40px;
  padding-top: 40px;
}

.ct_secptoplftbttm {
  padding-left: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ct_secptoplftbttmbr {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.ct_subsec {
  background: url("/assets/common/mypage/img/en_US/img-subanner01.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 190px;
  color: #fff;
}

.ct_subsec2 {
  background: url("/assets/common/mypage/img/en_US/map.jpg") top center no-repeat #fff;
  padding: 230px 40px 40px 40px;
}

.ct_sec15C {
  height: 300px;
  text-align: center;
}

.ct_sec15D {
  height: 230px;
  text-align: center;
}

.ct_sec15E {
  height: 250px;
  text-align: center;
}

.ct_sec15F {
  height: 320px;
}

.ct_sec15G {
  height: 180px;
  text-align: center;
}

.ct_sec16 {
  width: 50%;
}

.ct_step {
  background: #000;
  color: #fff !important;
  text-align: center;
  font-weight: bold;
}

.error_block {
  border: 1px solid #b94a48;
  background-color: #fdeeee;
}

.ct_sec17 {
  background: #2f79d8;
  padding: 10px 10px;
  color: #FFF;
  font-size: 13px;
}
.ct_sec17:hover, .ct_sec17:focus {
  color: #FFF !important;
}

.ct_sec18 {
  border: 1px solid #ddd !important;
  background: #f3f3f3;
  padding: 20px;
  min-height: 130px;
}

.ct_sec18_box {
  min-height: 50px;
  border: 1px solid #ddd !important;
  background: #f3f3f3;
  padding: 20px;
}

.ct_sec18b {
  border: 1px solid #ddd !important;
  background: #f3f3f3;
}

.ct_sec19 {
  background: #333;
}

.pos_sec {
  position: absolute;
  top: 40%;
  right: 5%;
}

.ct_sec19 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 20px 0;
  border-bottom: 1px solid #363636;
}

.ct_sec20 {
  position: relative;
}
.ct_sec20 .block_01 {
  position: absolute;
  top: 20px;
  left: 37px;
}
.ct_sec20 .block_02 {
  padding: 25px 20px 20px 70px;
}

.mobile_confirm_box {
  margin-top: 18px;
}

/*//////////////////////// hidden Container /////////////////////////////*/
.hidden_fileupload {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

.agreement {
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  padding: 5px;
}

/*//////////////////////// Withdrawal /////////////////////////////*/
#withdrawal_container .ct_td13 thead th {
  background: #f1f1f1;
  color: #333;
  line-height: 1.2em;
  height: 50px;
  font-size: 12px;
}
#withdrawal_container .ct_td13 tbody td {
  padding: 10px !important;
}
#withdrawal_container .ct_td13 tbody td p.text_left {
  text-align: left !important;
  margin-bottom: 0;
  white-space: normal;
}
#withdrawal_container .ct_td13 tbody td img {
  max-width: 146px;
}
#withdrawal_container .withdrawal_balance .box {
  border-right: 1px solid #ddd;
  border-radius: 0px;
  padding: 10px;
}
#withdrawal_container .withdrawal_balance .box:last-child {
  border-right: 0;
}
@media (max-width: 991px) {
  #withdrawal_container .ct_td13 {
    width: 700px;
    max-width: 700px;
  }
  #withdrawal_container .withdrawal_balance .box {
    border-bottom: 1px solid #ddd;
    border-right: 0;
    border-radius: 0px;
    padding: 20px;
  }
  #withdrawal_container .withdrawal_balance .box:last-child {
    border-bottom: 0;
  }
}
#withdrawal_container .fieldset_content .ct_sec18 {
  height: 110px;
}

/*//////////////////////// Withdrawal /////////////////////////////*/
#deposit_container .ct_td13 thead {
  font-size: 14px;
}
#deposit_container .ct_td13 thead th {
  background: #f1f1f1;
  color: #333;
  line-height: 1.2em;
  height: 50px;
  font-size: 12px;
  padding: 5px !important;
}
#deposit_container .ct_td13 tbody td {
  padding: 10px !important;
}
#deposit_container .ct_td13 tbody td p.text_left {
  text-align: left !important;
  margin-bottom: 0;
}
#deposit_container .ct_td13 tbody td img {
  max-width: 146px;
}

/*//////////////////////// Login and forgot password  /////////////////////////////*/
#login_container .modal-content .modal-header, #forgot_password_popup .modal-content .modal-header {
  border-bottom: 0;
}
#login_container .modal-content .modal-body, #forgot_password_popup .modal-content .modal-body {
  text-align: center;
  padding: 0 50px;
}
#login_container .modal-content .modal-body p, #login_container .modal-content .modal-body h3, #forgot_password_popup .modal-content .modal-body p, #forgot_password_popup .modal-content .modal-body h3 {
  padding-top: 10px;
}
#login_container .modal-content .modal-body [class^=ico], #forgot_password_popup .modal-content .modal-body [class^=ico] {
  color: #fff;
  font-size: 40px;
}
#login_container .modal-content .modal-body .form-group, #forgot_password_popup .modal-content .modal-body .form-group {
  position: relative;
}
#login_container .modal-content .modal-body .form-group .form-control, #forgot_password_popup .modal-content .modal-body .form-group .form-control {
  margin-top: 20px;
  border-radius: 0;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  width: 100%;
  height: 48px;
  border-width: 0 0 2px 0;
  border-color: #ebebeb;
  padding: 11px 70px 8px 0;
  color: #252525;
  outline: 0;
  border-radius: 0;
  box-sizing: border-box;
  caret-color: #2e7ad8;
  text-decoration: none;
}
#login_container .modal-content .modal-body .form-group [class^=glyp], #forgot_password_popup .modal-content .modal-body .form-group [class^=glyp] {
  position: absolute;
  color: #ccc;
  font-size: 20px;
  top: 17px;
  right: 10px;
}
#login_container .modal-content .modal-body .ct_btn8b, #forgot_password_popup .modal-content .modal-body .ct_btn8b {
  margin-top: 20px;
  border-radius: 0;
  height: 53px;
}
#login_container .modal-content .modal-body #circle, #forgot_password_popup .modal-content .modal-body #circle {
  width: 60px;
  height: 60px;
  background: #2e7ad8;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 0 auto;
  padding-top: 10px;
}
#login_container .modal-content .modal-body .success_box .inner, #login_container .modal-content .modal-body .error_box .inner, #forgot_password_popup .modal-content .modal-body .success_box .inner, #forgot_password_popup .modal-content .modal-body .error_box .inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
#login_container .modal-content .modal-body .success_box .inner i, #login_container .modal-content .modal-body .error_box .inner i, #forgot_password_popup .modal-content .modal-body .success_box .inner i, #forgot_password_popup .modal-content .modal-body .error_box .inner i {
  font-size: 24px;
  margin-right: 10px;
}
#login_container .modal-content .modal-body .success_box .inner i, #forgot_password_popup .modal-content .modal-body .success_box .inner i {
  color: green;
}
#login_container .modal-content .modal-body .error_box .inner i, #forgot_password_popup .modal-content .modal-body .error_box .inner i {
  color: red;
}
#login_container .modal-content .modal-footer, #forgot_password_popup .modal-content .modal-footer {
  margin-top: 10px;
  border-top: 0;
}

/*//////////////////////// mt4 pc section  /////////////////////////////*/
#mypage_mt4_pc_container #wintab2 .img_mt4_pc {
  margin: 0 auto;
  margin-top: 40px;
}

/*//////////////////////// Legal Document  /////////////////////////////*/
#legal_upload_container .error-msg02, #legal_upload_container .content_block {
  margin-top: 20px;
}
#legal_upload_container .button_sec .ct_btn8 {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  #legal_upload_container .button_sec .ct_btn8 {
    width: 100% !important;
  }
}

/*//////////////////////// Legal Document  /////////////////////////////*/
#cc_upload_container .error-msg02, #cc_upload_container .content_block {
  margin-top: 20px;
}
#cc_upload_container .button_sec .ct_btn8 {
  margin-top: 20px;
}
@media (max-width: 768px) {
  #cc_upload_container .button_sec .ct_btn8 {
    width: 100% !important;
  }
}

/*/////////////////// Common   //////////////////////*/
.button_sec {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .button_sec .ct_btn8 {
    width: 100% !important;
  }
}

.content_block .table-bordered thead > tr > th {
  text-align: center;
  border-bottom-width: 1px;
  vertical-align: middle;
}
.content_block .table-bordered tbody > tr > td {
  text-align: center;
  vertical-align: middle;
}
.content_block .table-bordered tbody > tr > td .status:focus {
  outline: none;
}
.content_block .table-bordered tbody > tr > td .ct_btn8 {
  font-size: 12px;
  padding: 5px 10px;
  width: 100px;
  height: 40px;
}
.content_block .table-bordered tbody > tr > td .pending, .content_block .table-bordered tbody > tr > td .wait {
  color: #ffc561;
}
.content_block .table-bordered tbody > tr > td .complete, .content_block .table-bordered tbody > tr > td .approve {
  color: #91af1a;
}
.content_block .table-bordered tbody > tr > td .reject {
  color: #e03a3e;
}
.content_block .table-bordered tbody > tr > td i {
  font-size: 20px;
  margin-top: 5px;
  vertical-align: middle;
}

/*/////////////////// Form Messages Section   //////////////////////*/
.error-msg02 {
  border: 1px solid #fcdfd9;
  border-left: 5px solid #e62600;
  color: #e62600;
  font-style: normal;
  padding: 10px 10px 10px 50px;
  position: relative;
  background: #fcf4f2;
}
.error-msg02 .icon-cross {
  font-size: 30px;
  position: absolute;
  top: 10px;
  left: 8px;
}

.error-msg02 h3 {
  color: #e80a0a;
  font-size: 20px;
}

.error-msg02 span {
  font-size: 13px;
  color: #c64736;
}

.error-msg02 img {
  margin-right: 10px;
}

/*///////////////////   TRADING ANALYTICS   //////////////////////*/
#trading_analytics_view .wrap_block {
  margin-top: 30px;
  display: table;
}
#trading_analytics_view .wrap_block .inline_block {
  display: table-cell;
}
#trading_analytics_view .wrap_block .inline_block.verti-top {
  vertical-align: top;
}
#trading_analytics_view .ct_form1 {
  margin-left: 20px;
}
#trading_analytics_view .item_block {
  text-align: center;
  border: 1px solid #e8e5e5;
  margin-top: 20px;
}
#trading_analytics_view .item_block .icon_blue {
  color: #6496da;
}
#trading_analytics_view .item_block .icon_red {
  color: #e45873;
}
#trading_analytics_view .item_block .icon_applegreen {
  color: #8bbe53;
}
#trading_analytics_view .item_block .icon_orange {
  color: #ffa54d;
}
#trading_analytics_view .item_block .icon_purple {
  color: #9359db;
}
#trading_analytics_view .item_block .icon_green {
  color: #2bb898;
}
#trading_analytics_view .item_block .sub_block_top {
  padding: 15px 0 30px 0;
}
#trading_analytics_view .item_block .sub_block_top > span {
  font-size: 40px;
}
#trading_analytics_view .item_block .sub_block_bottom {
  background-color: #f4f4f4;
  border-top: 1px solid #e8e5e5;
  padding: 20px 0 5px 0;
  position: relative;
}
#trading_analytics_view .item_block .sub_block_bottom .title_item {
  position: absolute;
  top: -2px;
  left: 50%;
  display: block;
  width: 188px;
  padding: 5px;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #efeeee;
}
#trading_analytics_view .item_block .amount {
  font-size: 25px;
  font-weight: 600;
  color: #646464;
}
#trading_analytics_view .table_block, #trading_analytics_view .percentage_block {
  margin-top: 30px;
}
#trading_analytics_view .table tbody > tr > th {
  background-color: #f4f4f4;
}
#trading_analytics_view .percentage_block {
  background-color: #f4f4f4;
  border: 1px solid #e8e5e5;
  padding: 30px;
}
#trading_analytics_view .percentage_block h2, #trading_analytics_view .percentage_block span {
  color: #6496da;
}
#trading_analytics_view .percentage_block .symbol_block > img {
  display: block;
  margin: 0 auto;
  margin-top: 20px !important;
}
#trading_analytics_view .percentage_block .summary_list {
  width: 100%;
}
#trading_analytics_view .percentage_block .summary_list li {
  padding-top: 20px;
}
#trading_analytics_view .percentage_block .amount_block {
  border-bottom: 1px solid #e8e5e5;
}

#modal_jp_promotion_container .modal-body {
  position: relative;
  padding: 0;
}
#modal_jp_promotion_container .modal-body button.close {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  opacity: 1;
  color: #FFF;
  text-shadow: none;
}
#modal_jp_promotion_container .modal-body button.close > i {
  font-size: 30px;
}
#modal_jp_promotion_container .modal-body > img {
  width: 100%;
}
#modal_jp_promotion_container .modal-body .text_contents {
  padding: 40px;
}
#modal_jp_promotion_container .modal-body .text_contents .text_title {
  margin-bottom: 20px;
  text-align: center;
  margin-bottom: 30px !important;
}

/***********mt5 yujin****************/
.key_feature {
  border: 1px solid #b8cedc;
  border-top: 1px solid #327cd3;
}
.key_feature tbody > tr {
  height: 80px;
  border-bottom: 1px solid #b8cedc;
}
.key_feature tbody > tr > th {
  padding: 0 30px;
  vertical-align: middle;
}
.key_feature tbody > tr > th i {
  color: #5f99dd;
  font-size: 50px;
}
.key_feature tbody > tr > td {
  vertical-align: middle;
}
.key_feature tbody > tr > td p {
  margin-bottom: 0;
  line-height: 1.2em;
}
.key_feature tbody > tr > td p strong {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
.key_feature tbody > tr:last-child {
  border: 0;
}

.tab-content > .tab-pane > h3 > i {
  font-size: 34px;
  vertical-align: sub;
}
.tab-content > .tab-pane div > .panel-group {
  margin-top: 20px;
}
.tab-content > .tab-pane div > .panel-group .panel .panel-heading .panel-title {
  position: relative;
}
.tab-content > .tab-pane div > .panel-group .panel .panel-heading .panel-title > i {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 30px;
}
.tab-content > .tab-pane div > .panel-group .panel .panel-heading .panel-title a:not(.collapsed) + i {
  -webkit-transform: rotate(180deg); /* Safari */
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
}

table.table_platform {
  margin-bottom: 15px !important;
}
table.table_platform tr th, table.table_platform tr td {
  position: relative;
  border-top: none !important;
  border-right: solid 1px #b8cedc;
  border-bottom: solid 1px #b8cedc;
  vertical-align: middle;
  padding: 20px;
}
table.table_platform tr th:first-child, table.table_platform tr td:first-child {
  border-left: solid 1px #b8cedc;
}
table.table_platform tr th {
  border-right-style: dashed;
  width: 70px;
}
table.table_platform tr:first-child th, table.table_platform tr:first-child td {
  border-top: solid 1px #2e7ad8 !important;
}
table.table_platform.th_arrow tr:not(:last-child) > th {
  border-bottom: none;
}
table.table_platform.th_arrow tr:not(:last-child) > th:before, table.table_platform.th_arrow tr:not(:last-child) > th:after {
  content: "";
  position: absolute;
  bottom: -8px;
  display: block;
  width: 53%;
  height: 1px;
  border-top: solid 1px #b8cedc;
}
table.table_platform.th_arrow tr:not(:last-child) > th:before {
  left: -2%;
  -webkit-transform: rotate(20deg); /* Safari */
  -ms-transform: rotate(20deg); /* IE 9 */
  transform: rotate(20deg);
}
table.table_platform.th_arrow tr:not(:last-child) > th:after {
  right: -2%;
  -webkit-transform: rotate(-20deg); /* Safari */
  -ms-transform: rotate(-20deg); /* IE 9 */
  transform: rotate(-20deg);
}
table.table_platform caption {
  background-color: #2e7ad8;
  width: calc(70px + 1px);
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
table.table_platform caption:after {
  content: "▼";
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  color: #FFF;
  opacity: 0.3;
}
table.table_platform .table_platform_step {
  text-align: center;
}
table.table_platform .table_platform_step p {
  margin-bottom: 0;
  font-weight: normal;
}
table.table_platform .table_platform_step p.step {
  display: inline-block;
  font-size: 14px;
  border-bottom: solid 1px #000;
}
table.table_platform .table_platform_step p.no {
  font-size: 26px;
  line-height: 26px;
}
table.table_platform .table_platform_content {
  display: table;
}
table.table_platform .table_platform_content > i, table.table_platform .table_platform_content > p {
  display: table-cell;
  vertical-align: middle;
}
table.table_platform .table_platform_content > i {
  display: block;
  font-size: 45px;
  color: #2e7ad8;
  vertical-align: inherit;
  margin-left: 15px;
  margin-right: 15px;
}
table.table_platform .table_platform_content > p {
  margin-bottom: 0;
}
table.table_platform .table_platform_content .title {
  display: block;
  font-weight: bold;
  font-size: 11px;
}
table.table_platform .btn_platform_round {
  display: inline-block;
  border: solid 2px #2e7ad8;
  border-radius: 999px;
  padding: 2px 10px;
  font-weight: bold;
  margin-left: 10px;
}

/*login row*/
#login_container .row {
  margin-left: 0;
  margin-right: 0;
}

.edit_box {
  padding: 20px 0 0 0;
  border-bottom: 1px solid #ddd;
}
.edit_box h3 {
  font-size: 20px;
  letter-spacing: -0.04em;
}
.edit_box.border_none {
  border-bottom: none;
}

#content_layout section > .row {
  margin-left: 0;
  margin-right: 0;
}

/*계좌 조회박스*/
.account_inquiry_box {
  min-height: 100px;
}

#transfer_table .form-group {
  margin-bottom: 15px;
}

.zulutrade-txt {
  overflow: hidden;
}
.zulutrade-txt > p {
  width: calc(100% - 120px);
  float: left;
}

/*입금 QR코드*/
.deposit_qr_box .deposit_adress_tit {
  font-size: 16px;
  margin: 0 0 10px !important;
}
.deposit_qr_box .deposit_adress_txt {
  font-size: 22px;
  color: #4e6ce8;
  letter-spacing: -0.05em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .deposit_qr_box .deposit_adress_txt {
    font-size: 15px;
  }
}
.deposit_qr_box #bitcoin_wallet_deposit_address {
  cursor: pointer;
}
.deposit_qr_box #usdt_wallet_deposit_address {
  cursor: pointer;
}
.deposit_qr_box .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #F7931A !important;
}
.deposit_qr_box .tooltip-inner {
  background: #F7931A;
  font-size: 14px;
}

.bitcoin_fee_notice {
  margin: 15px 0;
  padding: 20px;
  display: block;
}
.bitcoin_fee_notice > p {
  margin-bottom: 0 !important;
}

.deposit_pending {
  padding-top: 20px;
}
.deposit_pending strong {
  display: inline-block;
  margin-bottom: 10px;
}

.mt-1 {
  margin-top: 10px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.ml-4 {
  margin-right: 40px !important;
}

.mr-2 {
  margin-right: 20px !important;
}

.mr-4 {
  margin-right: 40px !important;
}

.ml-5 {
  margin-left: 50px !important;
}

.mr-5 {
  margin-right: 50px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.p-2 {
  padding: 20px !important;
}

.pl-0 {
  padding-left: 0px;
}

.pl-3 {
  padding-left: 30px;
}

.pl-4 {
  padding-left: 40px;
}

.pl-5 {
  padding-left: 50px;
}

.pl-12 {
  padding-left: 120px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-4 {
  padding-right: 40px;
}

.pt-4 {
  padding-top: 40px;
}

.pb-4 {
  padding-bottom: 40px;
}

.pr-5 {
  padding-right: 50px;
}

.pt-5 {
  padding-top: 50px;
}

.pb-5 {
  padding-bottom: 50px;
}

.w_100 {
  width: 100% !important;
}

.h_100 {
  height: 100% !important;
}

@media (max-width: 1200px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-center {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-center {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .text-xs-left {
    text-align: left;
  }
  .text-xs-center {
    text-align: center;
  }
}
.border-0 {
  border: 0;
}

.table-responsive {
  border: 0 !important;
}

.form-control {
  height: 50px;
}

.select_box {
  width: 100%;
  height: 50px;
  position: relative;
  margin-bottom: 5px;
}
.select_box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  border-right: 1px solid #ddd;
  width: 1px;
  height: 50px;
}
.select_box select {
  position: relative;
  width: 100%;
  height: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: solid 1px #dddddd;
  background-size: 14px;
  padding: 10px;
  background: url("/assets/common/mypage/img/en_US/wallet/arrow.svg") no-repeat right 20px center;
  background-color: #fff;
}
.select_box select::-ms-expand {
  display: none;
}

.input_box {
  width: 100%;
  height: 50px;
  position: relative;
  margin-bottom: 5px;
}
.input_box select::-ms-expand {
  display: none;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.border {
  border: 1px solid #ddd !important;
}

.border-top {
  border-top: 1px solid #ddd !important;
}

.border-right {
  border-right: 1px solid #ddd !important;
}

.border-bottom {
  border-bottom: 1px solid #ddd !important;
}

.border-left {
  border-left: 1px solid #ddd !important;
}

#vn_promotion_modal {
  display: none;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Helvetica;
  font-style: normal;
  background-color: rgba(0, 0, 0, 0.5);
}
#vn_promotion_modal .modal-dialog {
  width: 401px;
  height: 400px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
  #vn_promotion_modal .modal-dialog {
    width: 360px;
    height: 360px;
  }
}
#vn_promotion_modal .modal-content {
  width: 100%;
  height: 100%;
}
#vn_promotion_modal .modal-body {
  padding: 28px 24px 16px 24px;
  width: 100%;
  height: 100%;
  background-image: url("/assets/common/main/img/en_US/common/promo_modal.png");
  background-size: 100%;
}
#vn_promotion_modal .modal-body h3 {
  color: #031952;
  font-size: 29.193px;
  font-weight: 600;
  line-height: 120%; /* 35.031px */
  letter-spacing: -0.287px;
}
#vn_promotion_modal .modal-body p {
  color: #031952;
  margin-top: 11.11px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.258px;
}
#vn_promotion_modal .modal-body .button-wrapper {
  display: flex;
  gap: 7px;
  justify-content: space-between;
  position: absolute;
  bottom: 16px;
}
#vn_promotion_modal .modal-body .button-wrapper a {
  display: flex;
  width: 136px;
  padding: 7.929px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.703px;
  border-radius: 4.054px;
  border: 0.741px solid #1352ef;
  background-color: #1352ef;
  color: #fff;
  font-size: 12.52px;
  font-weight: 700;
  line-height: 13.513px; /* 107.937% */
}
#vn_promotion_modal .modal-body .button-wrapper button {
  display: flex;
  padding: 7.929px 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.703px;
  color: #1352ef;
  border-radius: 4.054px;
  border: 1px solid #1352ef;
  background-color: transparent;
  font-size: 12.52px;
  font-weight: 700;
  line-height: 13.513px; /* 107.937% */
}
@media screen and (max-width: 991px) {
  #vn_promotion_modal .modal-body {
    padding: 26px 21px;
  }
  #vn_promotion_modal .modal-body h3 {
    font-size: 26.274px;
    line-height: 120%; /* 31.528px */
    letter-spacing: -0.259px;
  }
  #vn_promotion_modal .modal-body p {
    font-size: 14.4px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 20.16px */
    letter-spacing: -0.232px;
  }
  #vn_promotion_modal .modal-body .button-wrapper {
    bottom: 16px;
  }
  #vn_promotion_modal .modal-body .button-wrapper a {
    font-size: 11.268px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.162px; /* 117.937% */
    width: 122px;
  }
  #vn_promotion_modal .modal-body .button-wrapper button {
    font-size: 11.268px;
    font-weight: 600;
    line-height: 12.162px;
    padding: 7px 11px;
  }
}

@media screen and (max-width: 768px) {
  #guide {
    padding: 0 8px;
  }
}
#guide.left .guide-container {
  flex-direction: row;
}
#guide.left .guide-container .arrow {
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  border-right-color: #fff !important;
}
#guide.right .guide-container {
  flex-direction: row-reverse;
}
#guide.right .guide-container .arrow {
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  border-left-color: #fff !important;
}
#guide.top .guide-container {
  flex-direction: column;
}
#guide.top .guide-container .arrow {
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, 0);
  border-bottom-color: #fff !important;
}
#guide.bottom .guide-container {
  flex-direction: column-reverse;
}
#guide.bottom .guide-container .arrow {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-top-color: #fff !important;
}
#guide .guide-container {
  display: flex;
  align-items: center;
  gap: 24px;
  user-select: none;
}
#guide .guide-container .bubble {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  width: 100%;
  max-width: 420px;
  background-color: #fff;
  border-radius: 12px;
}
#guide .guide-container .bubble .title {
  color: #222;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  #guide .guide-container .bubble .title {
    font-size: 20px;
    line-height: 24px;
  }
}
#guide .guide-container .bubble .content {
  margin-top: 8px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
#guide .guide-container .bubble .footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
#guide .guide-container .bubble .footer .step {
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
#guide .guide-container .bubble .footer .next-button {
  padding: 12px 20px;
  color: #fff;
  background-color: #0049FF;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
#guide .guide-container .bubble .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  position: absolute;
}

#verification-tour-guide.modal-dialog {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  width: 100%;
  max-width: 474px;
  z-index: 10000;
}
@media (max-width: 768px) {
  #verification-tour-guide.modal-dialog {
    width: 100%;
    max-width: 340px;
  }
}

.modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  color: #222;
  border: 1px solid #eee;
  border-radius: 20px;
  box-shadow: none;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.header img {
  width: 32px;
  height: 32px;
}
.header .title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.body .stepper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.body .stepper .step-circle {
  width: 10px;
  height: 10px;
  border: 2px solid #A5AFC4;
  border-radius: 16px;
}
.body .stepper .step-circle.completed {
  background-color: #A5AFC4;
}
.body .stepper .step-circle.current {
  position: relative;
}
.body .stepper .step-circle.current::after {
  content: attr(data-step);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: #fff;
  background-color: #464D5B;
  border-radius: 16px;
}
.body .stepper .step-line {
  width: 20px;
  border-top: 1px dotted #A5AFC4;
}
.body .stepper .step-line.completed {
  border-top-style: solid;
}
.body .step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #333;
  font-size: 16px;
  line-height: 24px;
}
.body .step-title {
  font-weight: 600;
}
.body .step-description {
  font-weight: 400;
}

.footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer button {
  padding: 12px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  border: none;
}
.footer button:first-of-type {
  color: #fff;
  background-color: #0049FF;
  border-radius: 10px;
}
.footer button:last-of-type {
  color: #A5AFC4;
  background-color: transparent;
}

#finish_tour_modal {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#finish_tour_modal .modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  width: 100%;
  max-width: 474px;
}
@media (max-width: 768px) {
  #finish_tour_modal .modal-dialog {
    width: 100%;
    max-width: 340px;
  }
}
#finish_tour_modal .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding: 0;
  border: 1px solid #eee;
  border-radius: 20px;
}
#finish_tour_modal .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 30px 40px 10px;
  width: 100%;
}
@media (max-width: 768px) {
  #finish_tour_modal .header {
    padding: 16px 16px 10px;
  }
}
#finish_tour_modal .header .title {
  color: #000;
  letter-spacing: -1px;
  font-size: 34px;
  font-weight: 600;
  line-height: 42px;
  text-align: center;
}
#finish_tour_modal .header img {
  width: 94px;
  height: 94px;
}
#finish_tour_modal .body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 20px 40px;
}
@media (max-width: 768px) {
  #finish_tour_modal .body {
    padding: 20px 16px;
  }
}
#finish_tour_modal .body .step-container {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
#finish_tour_modal .body .step-container .step {
  min-width: 24px;
  min-height: 24px;
  color: #fff;
  background: #0049FF;
  border-radius: 100px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
#finish_tour_modal .body .step-container .step-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#finish_tour_modal .body .step-container .step-wrapper .step-title {
  color: #222;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
#finish_tour_modal .body .step-container .step-wrapper .step-content {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
#finish_tour_modal .footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 10px 40px 24px;
}
@media (max-width: 768px) {
  #finish_tour_modal .footer {
    padding: 10px 16px 16px;
  }
}
#finish_tour_modal .footer .start {
  padding: 12px 20px;
  color: #fff;
  background-color: #0049FF;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
#finish_tour_modal .footer .do-not-show-again {
  padding: 0;
  color: #717178;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

#selfie_guide_modal {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#selfie_guide_modal .modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 768px) {
  #selfie_guide_modal .modal-dialog {
    max-width: 340px;
  }
}
#selfie_guide_modal .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 20px;
}
#selfie_guide_modal .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
}
#selfie_guide_modal .header .title {
  color: #222;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
#selfie_guide_modal .body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 8px 0;
}
#selfie_guide_modal .body .item-wrapper {
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  #selfie_guide_modal .body .item-wrapper {
    gap: 8px;
  }
}
#selfie_guide_modal .body .item-wrapper .left-wrapper {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #selfie_guide_modal .body .item-wrapper .left-wrapper {
    flex-direction: column;
  }
}
#selfie_guide_modal .body .item-wrapper .left-wrapper .step-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  height: 100%;
}
@media (max-width: 768px) {
  #selfie_guide_modal .body .item-wrapper .left-wrapper .step-wrapper {
    height: auto;
  }
}
#selfie_guide_modal .body .item-wrapper .left-wrapper .step-wrapper .step {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  color: #000;
  background-color: #ECEDF0;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
#selfie_guide_modal .body .item-wrapper .left-wrapper .step-wrapper .bar {
  flex: 1;
  width: 3px;
  background-color: #ECEDF0;
}
@media (max-width: 768px) {
  #selfie_guide_modal .body .item-wrapper .left-wrapper .step-wrapper .bar {
    display: none;
  }
}
#selfie_guide_modal .body .item-wrapper .left-wrapper img {
  width: 100px;
  height: 100px;
}
#selfie_guide_modal .body .item-wrapper .right-wrapper {
  margin-bottom: 16px;
}
#selfie_guide_modal .body .item-wrapper .right-wrapper .title {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
#selfie_guide_modal .body .item-wrapper .right-wrapper .desc {
  color: #717178;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
#selfie_guide_modal .footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#selfie_guide_modal .footer .start {
  padding: 12px 20px;
  color: #fff;
  background-color: #0049FF;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
#selfie_guide_modal .footer .do-not-show-again {
  padding: 0;
  color: #717178;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

/*///////////////////   Icon Section   //////////////////////*/
.ct_ico1 {
  font-size: 20px;
  line-height: 0;
  margin-right: 2px;
  display: none;
}

.ct_ico2 {
  text-align: center;
  height: 65px;
  display: block;
  color: #2e7ad8;
  font-size: 70px;
  line-height: 60px !important;
}

.ct_ico2B {
  text-align: center;
  height: 65px;
  display: block;
  color: #2e7ad8;
  font-size: 30px;
  line-height: 60px !important;
}

.ct_ico3, .ct_ico4 {
  font-size: 40px;
  width: 43px;
  height: 40px;
  display: block;
  position: relative;
  margin: 0 auto;
}

.ct_ico3 {
  color: #7e848b;
}

.ct_ico4 {
  color: #f0f0f0;
}

.ct_ico5 {
  font-size: 70px;
  color: #2e7ad8;
  line-height: 10px !important;
  display: inline-block;
  vertical-align: middle;
  margin-top: -7px;
}

.ct_ico6 {
  height: 42px;
  width: 50px;
  font-size: 40px;
  float: left;
  color: #343131;
}

.ct_ico7 {
  position: absolute;
  font-size: 40px;
  top: 7px;
  right: 1px;
}

.ct_ico8 {
  font-size: 20px;
  position: absolute;
  right: 15px;
}

.ct_ico9 {
  font-size: 100px;
  line-height: 0.7em !important;
  display: inline-block;
  vertical-align: middle;
  color: #2e7ad8 !important;
}

.ct_ico9B {
  font-size: 125px;
  line-height: 0.5em !important;
  display: inline-block;
  vertical-align: middle;
  color: #2e7ad8 !important;
}

.ct_ico10 {
  width: 5px;
  height: 28px;
  background: #2e7ad8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -6px;
}

.ct_ico11 {
  font-size: 50px;
  color: #2e7ad8;
}

.ct_ico12 {
  color: #2e7ad8;
  font-size: 10px;
  margin-right: 5px;
}

.ct_ico13:before {
  content: "\e253";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
}

.ct_ico14:before {
  content: "\e252";
  font-family: "Glyphicons Halflings";
  font-size: 10px;
}

.ct_ico15 {
  font-size: 35px;
}

.circle, .ct_ico17, .ct_ico16 {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  display: block;
  text-align: center;
  font-size: 22px;
}

.ct_ico16 {
  background: #2e7ad8;
  color: #fff;
  padding-top: 10px;
}

.ct_ico17 {
  background: none;
  border: 2px solid #2e7ad8;
  color: #2e7ad8;
  padding-top: 8px;
}

.ct_ico18:before {
  content: "\e979";
  font-family: "icomoon";
  font-size: 80px;
  color: #7e848b;
}

.ct_ico19 {
  height: 110px;
  width: 20px;
  float: left;
  color: #2e7ad8;
  padding-top: 5px;
}

.ct_ico20 {
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
}

.ct_ico21 {
  font-size: 18px;
  vertical-align: middle;
  display: inline-block;
}

.ct_ico22 {
  font-size: 90px;
  display: inline-block;
  vertical-align: top;
}

.ct_ico23 {
  font-size: 90px;
}

.ct_ico24 {
  width: 24px;
  height: 42px;
  float: left;
  color: #2e7ad8;
  font-weight: bold;
}

.ct_ico25 {
  font-size: 25px;
  position: relative;
  top: 3px;
}

.ct_ico26 {
  font-size: 15px;
  margin-right: 5px;
}

.ct_ico27 {
  font-size: 45px;
  display: inline-block;
  margin-top: 7px;
}

.ct_ico28 {
  font-size: 160px;
}

.ct_ico29 {
  font-size: 15px;
}

.ct_ico30 {
  font-size: 130px;
}

.ct_ico31 {
  font-size: 22px;
  display: inline-block;
}

.toolkit_ico {
  background: none;
  outline: 0 !important;
  position: relative;
  box-shadow: none;
}
.toolkit_ico .t_ico01, .toolkit_ico .t_ico02, .toolkit_ico .t_ico03 {
  color: #9dafbf;
}
.toolkit_ico .t_ico03 {
  font-size: 10px;
  position: absolute;
  left: 0px;
}
.toolkit_ico .t_ico02 {
  font-size: 10px;
  position: absolute;
  top: 21px;
  left: 2px;
}
.toolkit_ico .t_ico01 {
  font-size: 25px;
}

.popover {
  border-radius: 0 !important;
}

.badge {
  height: 85px;
  width: 85px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: none;
  border: 1px solid #2e7ad8;
}
.badge p {
  line-height: 1em;
  margin: 0;
  font-size: 12px;
}
.badge .i_ico {
  font-size: 35px;
  margin-bottom: 5px;
}
.badge .i_ico2 {
  font-size: 50px;
  top: -15px;
  position: relative;
}
.badge .p_up {
  margin-top: -25px;
}

.badge2 {
  height: 120px;
  width: 120px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #2e7ad8;
}
.badge2 p {
  color: #fff;
  font-size: 26px;
  line-height: 1em;
  margin-top: 13px !important;
}
.badge2 .p_style1 {
  font-weight: lighter !important;
}

.badge3 {
  height: 55px;
  width: 55px;
  left: 25px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #b94a48;
  position: relative;
  color: #fdeeee;
}
.badge3 .ico-1 {
  font-size: 30px;
}

/*///////////////////  Images Section   //////////////////////*/
.ct_img1 {
  padding: 0 10px !important;
  margin-top: -10px !important;
}

/*///////////////////  Carousel Section   //////////////////////*/
.carousel-indicators {
  left: 0 !important;
  margin-left: 58px !important;
  text-align: left !important;
}

.carousel-caption {
  position: absolute;
  right: 0;
  top: 120px;
  left: -85px;
  z-index: 10;
  padding: 0 12%;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  display: inline-block;
}

.carousel-control {
  width: 0 !important;
}

.carousel-caption > h3 {
  font-size: 38px;
  line-height: 0;
}

.carousel-caption > h1 {
  font-size: 78px;
  line-height: 1.5em;
}

.ct_frxlive {
  background: rgba(0, 0, 0, 0.7);
  padding: 30px 40px;
  position: absolute;
  z-index: 11;
  display: block;
  right: 47px;
  top: -52px;
  text-align: center;
}

.ct_frxlive > h4 {
  margin-bottom: 10px !important;
}

/*/////////////////// Table Section   //////////////////////*/
.ct_tbdtop {
  border-color: #2e7ad8 !important;
}

.ct_tpdtopright {
  border-top: solid 1px #2e7ad8 !important;
  border-right: solid 1px #ddd !important;
}

.ct_tpdtopbttomright {
  border-top: solid 1px #2e7ad8 !important;
  border-bottom: solid 1px #2e7ad8 !important;
  border-right: solid 1px #ddd !important;
}

.ct_tpdtopbttom {
  border-top: solid 1px #2e7ad8 !important;
  border-bottom: solid 1px #2e7ad8 !important;
}

.ct_tdsec1 {
  padding: 10px 0;
}

.ct_td1 {
  width: 20%;
  text-align: center;
}

.ct_td2 {
  background: #f0f0f0;
  text-align: center;
  padding: 25px 0 !important;
  border-radius: 10px;
  position: relative;
  font-weight: bold;
}

.ct_td3 h1 {
  color: #2e7ad8;
  font-size: 40px;
  line-height: 0px;
  margin: 28px 0 19px 0 !important;
}
.ct_td3 td {
  border-top: 0 !important;
  text-align: center;
  border-bottom: 1px solid #ddd !important;
  width: 33%;
  padding: 20px 0 !important;
}
.ct_td3 .ct_style1, .ct_td3 .ct_style2 {
  font-size: 20px;
}
.ct_td4 {
  position: relative;
  table-layout: fixed;
  border-bottom: 1px solid #2e7ad8;
  border-spacing: 0px;
  border-collapse: collapse;
}
.ct_td4 thead tr:first-child th.rowspan, .ct_td4 thead tr:last-child th {
  border-bottom: solid 1px #2e7ad8 !important;
}
.ct_td4 th, .ct_td4 td {
  position: relative;
  vertical-align: middle !important;
  text-align: center;
  font-size: 14px;
}

.ct_td5 {
  border-bottom: 1px solid #2e7ad8;
}
.ct_td5 th {
  display: inline-block;
  vertical-align: middle !important;
  text-align: center;
}
.ct_td5 td {
  display: inline-block;
  vertical-align: middle !important;
}

.ct_td6 td {
  border-top: 0 !important;
  border-bottom: 1px solid #ddd !important;
  padding-left: 20px !important;
}
.ct_tb7 {
  border: 1px solid #ddd !important;
  border-style: dashed !important;
  padding: 20px;
  margin: 20px 0;
}

.ct_td8 th, .ct_td8 td {
  display: inline-block;
  vertical-align: middle !important;
  text-align: center;
  width: 30%;
}
.ct_td8 th {
  color: #fff;
  background: #2e7ad8;
}
.ct_td8 .tb_first {
  color: #2e7ad8;
  font-weight: bold;
}

.ct_td9 td {
  width: 50%;
  padding: 20px !important;
}
.ct_td9 .p_header {
  color: #2e7ad8;
  text-decoration: underline;
  font-weight: bold;
}
.ct_td9 .ico_01 {
  font-size: 90px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
.ct_td9 .ico_02 {
  font-size: 90px;
  float: left;
  margin-right: 10px;
  color: #2e7ad8;
}
.ct_td9 .ico_03 {
  color: #7e848b;
}
.ct_td9 .cell_01 {
  background: #2e7ad8;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.ct_td9 .cell_02 {
  font-size: 23px;
  text-align: center;
  color: #7e848b;
}

.ct_td10 td {
  text-align: center;
  width: 32%;
  border-top: 0 !important;
}
.ct_td10 .cel_01 {
  background: #333;
  color: #fff;
}
.ct_td10 .ico_01 {
  font-size: 95px;
  color: #2e7ad8;
}
.ct_td10 .cel_02 {
  width: 25% !important;
}
.ct_td10 strong {
  word-break: break-all;
}

.ct_td11 {
  margin-top: 30px !important;
}
.ct_td11 th {
  background: #eceff2;
  border-top: 1px solid #ddd !important;
  border-bottom: 0 !important;
}
.ct_td11 td, .ct_td11 th {
  vertical-align: middle !important;
  padding: 20px 0 !important;
}
.ct_td11 .cel_00 {
  padding-left: 10px !important;
}
.ct_td11 .cel_01 {
  padding-left: 10px !important;
  color: #2e7ad8;
  font-weight: bold;
}
.ct_td11 .cel_02 {
  color: #91af1a;
  font-weight: bold;
}

.ct_td12 td {
  text-align: center;
  width: 25%;
  vertical-align: middle !important;
}
.ct_td12 a {
  font-weight: bold;
  text-decoration: underline;
}
.ct_td12 p {
  padding: 5px 10px;
}
.ct_td12 .cel_01 {
  margin: 5px 0;
}

.ct_td13 {
  margin-top: 30px !important;
}
.ct_td13 th {
  background: #eceff2;
  border-top: 1px solid #ddd !important;
  border-bottom: 0 !important;
}
.ct_td13 td, .ct_td13 th {
  vertical-align: middle !important;
  padding: 10px 0 !important;
  text-align: center;
}

.ct_table14 > thead > tr > th {
  text-align: center;
  padding: 13px 10px;
  background: #f6f6f6;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd !important;
  vertical-align: inherit;
  font-size: 12px;
  color: #333;
}
.ct_table14 > tbody > tr > td {
  text-align: center;
  padding: 12px;
  vertical-align: middle !important;
}

.ct_table15 {
  border: 1px solid #c5d8f1;
  background: #f0f6ff;
}
.ct_table15 tbody > tr > td {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  padding: 16px 0;
  vertical-align: middle;
}
.ct_table15 .td_01 {
  font-size: 22px;
  color: #2f79d8;
  border-left: 1px solid #cedff7;
}

.ct_table16 .table > tbody > tr > td {
  vertical-align: middle !important;
}

.ct_table17 th, .ct_table17 td {
  font-size: 14px !important;
  padding: 10px 20px !important;
}
.ct_table17 th {
  background: #f3f3f3;
}

.ct_table18 {
  border: 1px solid #fb6d6d;
  background: #ffecec;
}

.ct_table19 {
  border: 1px solid #2e7ad8;
  background: none;
  padding: 5px 20px;
}

.land_table_gray tr th, .land_table_gray tr td {
  border-top: solid 1px #ddd !important;
  border-bottom: solid 1px #ddd !important;
}
.land_table_gray thead tr th, .land_table_gray thead tr td {
  background-color: #eceff2;
}
.land_table_gray tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/*/////////////////// List Group Section   //////////////////////*/
.ct_listgp1 {
  font-size: 0;
}
.ct_listgp1 .ct_listgchild {
  width: 33% !important;
  padding: 4px 0;
  border-radius: 0 !important;
  text-align: center !important;
  display: inline-block;
  font-size: 14px;
}
.ct_listgp1 .ct_listgchild:hover, .ct_listgp1 .ct_listgchild:focus {
  background: #2e7ad8 !important;
  color: #fff !important;
}
.ct_listgp1 .ct_listglast {
  border-left: 0 !important;
}

.ct_listgp2 .ct_listgchild {
  width: 24% !important;
  padding: 8px 0;
  border-radius: 0 !important;
  text-align: center !important;
  display: inline-block;
  font-size: 14px;
  border: 0 !important;
  background: #14afc1;
  color: #fff !important;
}
.ct_listgp2 .ct_listgchild:hover, .ct_listgp2 .ct_listgchild:focus {
  background: #2e7ad8 !important;
  color: #fff !important;
}

/*/////////////////// form Section   //////////////////////*/
.ct_form1 .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dddddd;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}
.ct_form1 .form-group {
  margin-bottom: 0;
}
.ct_form1 .form-group .input_width {
  width: 32%;
}
.ct_form1 .ct_drop {
  width: 32%;
  display: inline-block;
}
.ct_form1 .fr_style01 {
  border-radius: 0;
  background: none;
  border: 0;
}
.ct_form1 .btn_01 {
  border-radius: 0 !important;
}
.ct_form1 .input-group-addon {
  border-radius: 0;
}
.ct_form1 .input-group .btn_02 {
  border-radius: 0 !important;
  padding: 9px 10px;
}
.ct_form1 .input-group .label_01 {
  text-align: left;
  width: 4%;
}
.ct_form1 .input-group .input_01 {
  width: 100% !important;
}

.ct_form2 .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 48px;
  border-width: 0 0 2px 0;
  border-color: #ebebeb;
  padding: 11px 70px 8px 0;
  color: #252525;
  outline: 0;
  border-radius: 0;
  box-sizing: border-box;
  caret-color: #2e7ad8;
  text-decoration: none;
  padding-left: 10px;
}
.ct_form2 .form-group {
  margin-bottom: 0;
}
.ct_form2 .btn, .ct_form2 .form-control {
  border-radius: 0;
}
.ct_form2 .btn {
  padding: 14px 10px;
}
.ct_form2 .form-control {
  height: 53px;
  box-shadow: none;
}
.ct_form2 .has-ico {
  position: relative;
}
.ct_form2 .form-control-ico {
  position: absolute;
  top: 10px;
  right: 5px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  font-size: 25px;
  color: #7e848b;
}

.form-group:after {
  content: "";
  display: block;
  clear: both;
}
.form-group .ct_width_01 {
  width: 25%;
  float: left;
}
.form-group .ct_width_02 {
  width: 40%;
}
.form-group .ct_width_03 {
  width: 25%;
  float: left;
  margin-left: 6px;
}
.form-group .ct_width_04 {
  width: calc(50% - 12px);
  margin-left: 6px;
}

/*/////////////////// Pigination Section   //////////////////////*/
.panel-group {
  border: 0 !important;
}

.panel-group .panel {
  border-radius: 0;
}

.panel {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.panel-heading {
  border-radius: 4px;
  border: 1px solid #ddd !important;
}

.panel-body .panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 1px solid #ddd;
}

.panel-body {
  margin: 20px 0;
  padding: 15px 30px;
}

.ct_iframe {
  width: 100%;
  height: 500px;
}

/*/////////////////// Tabs Section   //////////////////////*/
.ct_tab1 {
  display: flex;
  align-items: center;
  background-color: #ecedf0;
  padding: 6px;
  border-radius: 12px;
}
.ct_tab1 li {
  flex: 1;
}
.ct_tab1 li.active > a {
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1019607843);
  font-weight: 600;
}
.ct_tab1 li a {
  color: #222222;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
}
.ct_tab1 li a:hover {
  color: #000;
}
@media (max-width: 768px) {
  .ct_tab1 li a {
    padding: 5px 4px;
    font-size: 13px;
  }
}

.ct_tab2 {
  border: 0 !important;
}
.ct_tab2 li {
  width: 25%;
  text-align: center;
  border-right: 1px solid #ccc;
  font-size: 12px;
}
.ct_tab2 li a {
  padding: 15px 3px;
}
.ct_tab2 .active > a {
  background: #2e7ad8 !important;
  color: #fff !important;
}
.ct_tab2 a {
  background: #000;
  border-radius: 0 !important;
  color: #fff;
  display: table-cell !important;
  vertical-align: middle !important;
  color: #000;
}
.ct_tab2 a a:hover {
  width: 10% !important;
  border: 0px !important;
}

.ct_tab3 {
  border: 0 !important;
}
.ct_tab3 li {
  width: 50%;
  text-align: center;
}
.ct_tab3 .active > a {
  background: #2e7ad8 !important;
  color: #fff !important;
}
.ct_tab3 a {
  background: #000;
  border-radius: 0 !important;
  color: #fff;
  display: table-cell !important;
  vertical-align: middle !important;
  width: 50% !important;
  border: 0px !important;
}
.ct_tab3 a:hover {
  color: #000;
}

.ct_tab4 {
  margin-top: 30px !important;
  border: 0 !important;
}
.ct_tab4 li {
  width: 25% !important;
  text-align: center;
  display: inline-block;
}
.ct_tab4 .active > a {
  background: #2e7ad8 !important;
  color: #fff !important;
}
.ct_tab4 a {
  background: #000;
  border-radius: 0 !important;
  color: #fff;
  vertical-align: middle !important;
  border: 0px !important;
  padding: 12px 0 !important;
}
.ct_tab4 a:hover {
  color: #000;
}

.ct_platform_main_tabs {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}
.ct_platform_main_tabs li {
  display: table-cell;
  color: #bebebe;
}
.ct_platform_main_tabs li > a {
  position: relative;
  display: block;
  text-align: center;
  padding: 0 15px 15px 15px;
  color: inherit;
}
.ct_platform_main_tabs li > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 5px;
  border: solid 1px #f1f1f1;
}
.ct_platform_main_tabs li > a:hover {
  color: #000;
}
.ct_platform_main_tabs li > a:hover:after {
  border-color: #666666;
}
.ct_platform_main_tabs li.active > a {
  color: #000;
}
.ct_platform_main_tabs li.active > a:after {
  border-color: #666666;
}

.col-height {
  min-height: 270px;
}

/*/////////////////// Form Messages Section   //////////////////////*/
.help-error {
  color: red;
  font-style: italic;
}
.help-error p {
  color: #a94442;
}

.error_box, .success_box {
  display: none;
}
.error_box.visible, .success_box.visible {
  display: block;
}

.success-msg {
  border: 1px solid #ddd;
  background-color: #fff;
  color: #393939;
}
.success-msg img {
  margin-right: 10px;
}
.success-msg span {
  vertical-align: middle;
}

.error-msg {
  border: 1px solid red;
  background-color: #fff;
  color: red;
  font-style: italic;
}
.error-msg img {
  margin-right: 10px;
  display: table-cell;
}
.error-msg span {
  vertical-align: middle;
  display: table-cell;
}
.error-msg.visible {
  display: table;
}

/*/////////////////// Collapse Section   //////////////////////*/
.pan_collapse_01 .panel-group {
  margin-bottom: 0;
}
.pan_collapse_01 .panel-group .panel-default > .panel-heading {
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 0;
  background: #e1e1e1 !important;
  padding: 5px 15px;
}
.pan_collapse_01 .panel-group .panel-title a span {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.pan_collapse_01 .panel-group .panel-title a.collapsed span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.pan_collapse_01 .panel-group .panel-collapse .panel-body {
  margin: 0;
  background: #f3f3f3;
  border: 0;
}

.signal_trader_iframe {
  width: 100%;
  height: 480px;
  border: 0;
}

/*/////////////////// Flags Section   //////////////////////*/
#flags_dropdown {
  display: none;
}
#flags_dropdown .ct_flags {
  font-size: 0;
}
#flags_dropdown .ct_flags img {
  width: 30px;
}
#flags_dropdown .ct_flags ul li {
  display: inline-block;
  text-align: center;
  width: 98px;
  padding: 10px 0;
}
#flags_dropdown .ct_flags p {
  color: #fff;
  font-size: 12px;
  margin-top: 2px;
}
@media (max-width: 991px) {
  #flags_dropdown .ct_flags ul {
    width: 700px;
    margin: 0 auto;
  }
  #flags_dropdown .ct_flags ul li {
    width: 20%;
    padding: 5px 0;
  }
}
@media (max-width: 768px) {
  #flags_dropdown .ct_flags {
    padding: 0;
  }
  #flags_dropdown .ct_flags ul {
    width: 100%;
    margin: 0 auto;
  }
  #flags_dropdown .ct_flags ul li {
    width: 25%;
    padding: 5px 0;
  }
}

/** misc **/
.documents_preview {
  max-width: 100%;
  max-height: 100%;
}

/* ///////////////////////////// FAQ /////////////////////////////*/
.faq .panel-default a {
  color: #000;
}
.faq .panel-default .panel-heading {
  background-color: #f5f5f5;
}
.faq .panel-default .panel-body {
  border: 1px solid #ddd;
}
.faq .section_container:not(:first-child) h3 {
  margin-top: 20px !important;
}
.faq .section_container h3 {
  margin-bottom: 20px !important;
}
.faq .panel-title {
  font-size: 14px;
}
.faq .panel-title span {
  width: 90%;
  display: inline-block;
}

#cc_form label {
  display: block;
}
#cc_form #first_number {
  width: 10%;
  display: inline-block;
}
#cc_form #last_numbers {
  display: inline-block;
  width: 20%;
}
#cc_form #expiration_year {
  display: inline-block;
  width: 20%;
}
#cc_form #expiration_month {
  display: inline-block;
  width: 20%;
}
@media (max-width: 768px) {
  #cc_form #first_number {
    width: 25%;
    display: inline-block;
  }
  #cc_form #last_numbers {
    display: inline-block;
    width: 48%;
  }
  #cc_form #expiration_year {
    display: inline-block;
    width: 48%;
  }
  #cc_form #expiration_month {
    display: inline-block;
    width: 48%;
  }
}

#signature_pad_wrapper {
  width: 100%;
  height: 215px;
  background-color: #EEEEEE;
}
#signature_pad_wrapper #signature_pad {
  width: 100%;
  height: 100%;
}

/* ///////////////////////////// My account bonus /////////////////////////////*/
#my_account_bonus .bonus_table {
  min-height: 91px;
  border: 1px solid #ddd;
}
#my_account_bonus .bonus_table .bonus {
  border-right: 1px solid #ddd;
  min-height: 90px;
  padding: 15px;
}
#my_account_bonus .bonus_table .bonus:last-child {
  border-right: 0;
}
#my_account_bonus .bonus_table .bonus .margin_top {
  margin-top: 10px;
}
#my_account_bonus .bonus_table .bonus .margin_top #mt4_account_no {
  width: 140px;
  height: 30px;
  padding: 0px 5px;
  border-radius: 0;
  box-shadow: none;
}
@media (max-width: 768px) {
  #my_account_bonus .bonus_table {
    border: 1px solid #ddd;
  }
  #my_account_bonus .bonus_table .bonus {
    border-right: 0;
    border-bottom: 1px solid #ddd;
  }
  #my_account_bonus .bonus_table .bonus:last-child {
    border-bottom: 0;
  }
}
#my_account_bonus .txt_align {
  margin-top: 5px;
  display: block;
}

/*/////////////////// My Account   //////////////////////*/
#my_account_bonus .block_sec {
  position: relative;
}
#my_account_bonus .block_sec button {
  position: absolute;
  padding: 5px 10px;
  width: auto;
  font-weight: normal;
  font-size: 14px;
  right: 0;
  top: -10px;
}
#my_account_bonus .status_sec {
  text-align: right;
}
#my_account_bonus .status_sec ul {
  margin-top: 10px;
}
#my_account_bonus .status_sec ul li {
  padding: 5px 0;
}
#my_account_bonus .status_sec ul li [class^=ico] {
  font-size: 20px;
  margin-left: 5px;
  vertical-align: middle;
}

#avatar_section a {
  color: #1a2741;
}

.video_thumbnail {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.video_thumbnail .play_button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 120px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/**** yujin *****/
.table_platform_title {
  font-size: 16px;
  color: #2e7ad8;
  margin-bottom: 10px;
}

table.table_platform {
  margin-bottom: 15px !important;
}
table.table_platform tr th, table.table_platform tr td {
  position: relative;
  border-top: none !important;
  border-right: solid 1px #b8cedc;
  border-bottom: solid 1px #b8cedc;
  vertical-align: middle;
  padding: 20px;
}
table.table_platform tr th:first-child, table.table_platform tr td:first-child {
  border-left: solid 1px #b8cedc;
}
table.table_platform tr th {
  border-right-style: dashed;
  width: 70px;
}
table.table_platform tr:first-child th, table.table_platform tr:first-child td {
  border-top: solid 1px #2e7ad8 !important;
}
table.table_platform.th_arrow tr:not(:last-child) > th {
  border-bottom: none;
}
table.table_platform.th_arrow tr:not(:last-child) > th:before, table.table_platform.th_arrow tr:not(:last-child) > th:after {
  content: "";
  position: absolute;
  bottom: -8px;
  display: block;
  width: 53%;
  height: 1px;
  border-top: solid 1px #b8cedc;
}
table.table_platform caption {
  background-color: #2e7ad8;
  width: calc(70px + 1px);
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
table.table_platform caption:after {
  content: "▼";
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  color: #FFF;
  opacity: 0.3;
}
table.table_platform .table_platform_step {
  text-align: center;
}
table.table_platform .table_platform_step p {
  margin-bottom: 0;
  font-weight: normal;
}
table.table_platform .table_platform_step p.step {
  display: inline-block;
  font-size: 14px;
  border-bottom: solid 1px #000;
}
table.table_platform .table_platform_step p.no {
  font-size: 26px;
  line-height: 26px;
}
table.table_platform .table_platform_content {
  display: table;
}
table.table_platform .table_platform_content > i, table.table_platform .table_platform_content > p {
  display: table-cell;
  vertical-align: middle;
}
table.table_platform .table_platform_content > i {
  display: block;
  font-size: 45px;
  color: #2e7ad8;
  vertical-align: inherit;
  margin-left: 15px;
  margin-right: 15px;
}
table.table_platform .table_platform_content > p {
  margin-bottom: 0;
}
table.table_platform .table_platform_content .title {
  display: block;
  font-weight: bold;
  font-size: 11px;
}
table.table_platform .btn_platform_round {
  display: inline-block;
  border: solid 2px #2e7ad8;
  border-radius: 999px;
  padding: 2px 10px;
  font-weight: bold;
  margin-left: 10px;
}

/* ///////////////////////////// SELECT2 Country selector /////////////////////////////*/
.select2-country-selection {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
}
.select2-country-selection .select2-container {
  width: fit-content !important;
  border-right: 1px solid #ddd;
}
.select2-country-selection .select2-container .select2-selection--single {
  width: 130px;
  height: 100%;
  background-color: #eff0f3;
  border: none !important;
  border-radius: 0;
  display: flex;
  justify-content: center;
}
.select2-country-selection .select2-container .select2-dropdown {
  width: 250px;
}
.select2-country-selection .select2-container .select2-selection--single .select2-selection__rendered {
  height: 64px;
  line-height: 35px;
  padding-left: 0;
  padding-right: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.select2-country-selection .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 12px;
  position: static;
  height: 100%;
  border: none;
  background: url("/assets/common/common/img/ico_chevron_down.svg") no-repeat center/contain;
  background-size: 12px;
}
.select2-country-selection .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-country-selection .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 0;
  border-top: none;
}
.select2-country-selection .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 0;
  border-bottom: none;
}
.select2-country-selection .phone-field.form-control {
  float: left;
  width: calc(100% - 100px);
}

.select2-container--open .select2-country-dropdown {
  width: fit-content !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.1019607843) !important;
  overflow: hidden;
}
.select2-container--open .select2-country-dropdown .select2-search {
  display: none;
}
.select2-container--open .select2-country-dropdown .select2-results__option {
  color: #222 !important;
  padding: 8px 16px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
}
.select2-container--open .select2-country-dropdown .select2-results__option:not(:last-child) {
  margin-bottom: 4px;
}
.select2-container--open .select2-country-dropdown .select2-results__option > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.select2-container--open .select2-country-dropdown .select2-results__option > div div {
  margin: 0;
}
.select2-container--open .select2-country-dropdown .select2-results__option > div div:nth-child(2) {
  flex: 1;
}
.select2-container--open .select2-country-dropdown .select2-results__option > div div:last-child {
  font-weight: 500;
}
.select2-container--open .select2-country-dropdown .select2-results__option--highlighted {
  background-color: #eaf1fb !important;
}
.select2-container--open .select2-country-dropdown .select2-results__option[aria-selected=true] {
  background-color: #eee;
}

.phone_flag {
  float: left;
  width: 20px;
}

.phone-field {
  height: 64px;
}

.phone_flag.phone_flag_dropdown {
  margin-top: 3px;
}

.phone_flag_code {
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.phone_flag.pf__be {
  width: 18px;
}

.phone_flag.pf__ch {
  width: 15px;
}

.phone_flag.pf__mc {
  width: 19px;
}

.phone_flag.pf__ne {
  width: 18px;
}

.phone_flag.pf__np {
  width: 13px;
}

.phone_flag.pf__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .phone_flag {
    background-size: 5652px 15px;
  }
}
.phone_flag.pf__ac {
  height: 10px;
  background-position: 0px 0px;
}

.phone_flag.pf__ad {
  height: 14px;
  background-position: -22px 0px;
}

.phone_flag.pf__ae {
  height: 10px;
  background-position: -44px 0px;
}

.phone_flag.pf__af {
  height: 14px;
  background-position: -66px 0px;
}

.phone_flag.pf__ag {
  height: 14px;
  background-position: -88px 0px;
}

.phone_flag.pf__ai {
  height: 10px;
  background-position: -110px 0px;
}

.phone_flag.pf__al {
  height: 15px;
  background-position: -132px 0px;
}

.phone_flag.pf__am {
  height: 10px;
  background-position: -154px 0px;
}

.phone_flag.pf__ao {
  height: 14px;
  background-position: -176px 0px;
}

.phone_flag.pf__aq {
  height: 14px;
  background-position: -198px 0px;
}

.phone_flag.pf__ar {
  height: 13px;
  background-position: -220px 0px;
}

.phone_flag.pf__as {
  height: 10px;
  background-position: -242px 0px;
}

.phone_flag.pf__at {
  height: 14px;
  background-position: -264px 0px;
}

.phone_flag.pf__au {
  height: 10px;
  background-position: -286px 0px;
}

.phone_flag.pf__aw {
  height: 14px;
  background-position: -308px 0px;
}

.phone_flag.pf__ax {
  height: 13px;
  background-position: -330px 0px;
}

.phone_flag.pf__az {
  height: 10px;
  background-position: -352px 0px;
}

.phone_flag.pf__ba {
  height: 10px;
  background-position: -374px 0px;
}

.phone_flag.pf__bb {
  height: 14px;
  background-position: -396px 0px;
}

.phone_flag.pf__bd {
  height: 12px;
  background-position: -418px 0px;
}

.phone_flag.pf__be {
  height: 15px;
  background-position: -440px 0px;
}

.phone_flag.pf__bf {
  height: 14px;
  background-position: -460px 0px;
}

.phone_flag.pf__bg {
  height: 12px;
  background-position: -482px 0px;
}

.phone_flag.pf__bh {
  height: 12px;
  background-position: -504px 0px;
}

.phone_flag.pf__bi {
  height: 12px;
  background-position: -526px 0px;
}

.phone_flag.pf__bj {
  height: 14px;
  background-position: -548px 0px;
}

.phone_flag.pf__bl {
  height: 14px;
  background-position: -570px 0px;
}

.phone_flag.pf__bm {
  height: 10px;
  background-position: -592px 0px;
}

.phone_flag.pf__bn {
  height: 10px;
  background-position: -614px 0px;
}

.phone_flag.pf__bo {
  height: 14px;
  background-position: -636px 0px;
}

.phone_flag.pf__bq {
  height: 14px;
  background-position: -658px 0px;
}

.phone_flag.pf__br {
  height: 14px;
  background-position: -680px 0px;
}

.phone_flag.pf__bs {
  height: 10px;
  background-position: -702px 0px;
}

.phone_flag.pf__bt {
  height: 14px;
  background-position: -724px 0px;
}

.phone_flag.pf__bv {
  height: 15px;
  background-position: -746px 0px;
}

.phone_flag.pf__bw {
  height: 14px;
  background-position: -768px 0px;
}

.phone_flag.pf__by {
  height: 10px;
  background-position: -790px 0px;
}

.phone_flag.pf__bz {
  height: 14px;
  background-position: -812px 0px;
}

.phone_flag.pf__ca {
  height: 10px;
  background-position: -834px 0px;
}

.phone_flag.pf__cc {
  height: 10px;
  background-position: -856px 0px;
}

.phone_flag.pf__cd {
  height: 15px;
  background-position: -878px 0px;
}

.phone_flag.pf__cf {
  height: 14px;
  background-position: -900px 0px;
}

.phone_flag.pf__cg {
  height: 14px;
  background-position: -922px 0px;
}

.phone_flag.pf__ch {
  height: 15px;
  background-position: -944px 0px;
}

.phone_flag.pf__ci {
  height: 14px;
  background-position: -961px 0px;
}

.phone_flag.pf__ck {
  height: 10px;
  background-position: -983px 0px;
}

.phone_flag.pf__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.phone_flag.pf__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.phone_flag.pf__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.phone_flag.pf__co {
  height: 14px;
  background-position: -1071px 0px;
}

.phone_flag.pf__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.phone_flag.pf__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.phone_flag.pf__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.phone_flag.pf__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.phone_flag.pf__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.phone_flag.pf__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.phone_flag.pf__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.phone_flag.pf__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.phone_flag.pf__de {
  height: 12px;
  background-position: -1269px 0px;
}

.phone_flag.pf__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.phone_flag.pf__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.phone_flag.pf__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.phone_flag.pf__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.phone_flag.pf__do {
  height: 14px;
  background-position: -1379px 0px;
}

.phone_flag.pf__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.phone_flag.pf__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.phone_flag.pf__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.phone_flag.pf__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.phone_flag.pf__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.phone_flag.pf__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.phone_flag.pf__er {
  height: 10px;
  background-position: -1533px 0px;
}

.phone_flag.pf__es {
  height: 14px;
  background-position: -1555px 0px;
}

.phone_flag.pf__et {
  height: 10px;
  background-position: -1577px 0px;
}

.phone_flag.pf__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.phone_flag.pf__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.phone_flag.pf__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.phone_flag.pf__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.phone_flag.pf__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.phone_flag.pf__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.phone_flag.pf__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.phone_flag.pf__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.phone_flag.pf__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.phone_flag.pf__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.phone_flag.pf__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.phone_flag.pf__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.phone_flag.pf__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.phone_flag.pf__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.phone_flag.pf__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.phone_flag.pf__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.phone_flag.pf__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.phone_flag.pf__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.phone_flag.pf__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.phone_flag.pf__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.phone_flag.pf__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.phone_flag.pf__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.phone_flag.pf__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.phone_flag.pf__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.phone_flag.pf__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.phone_flag.pf__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.phone_flag.pf__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.phone_flag.pf__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.phone_flag.pf__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.phone_flag.pf__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.phone_flag.pf__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.phone_flag.pf__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.phone_flag.pf__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.phone_flag.pf__id {
  height: 14px;
  background-position: -2325px 0px;
}

.phone_flag.pf__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.phone_flag.pf__il {
  height: 15px;
  background-position: -2369px 0px;
}

.phone_flag.pf__im {
  height: 10px;
  background-position: -2391px 0px;
}

.phone_flag.pf__in {
  height: 14px;
  background-position: -2413px 0px;
}

.phone_flag.pf__io {
  height: 10px;
  background-position: -2435px 0px;
}

.phone_flag.pf__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.phone_flag.pf__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.phone_flag.pf__is {
  height: 15px;
  background-position: -2501px 0px;
}

.phone_flag.pf__it {
  height: 14px;
  background-position: -2523px 0px;
}

.phone_flag.pf__je {
  height: 12px;
  background-position: -2545px 0px;
}

.phone_flag.pf__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.phone_flag.pf__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.phone_flag.pf__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.phone_flag.pf__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.phone_flag.pf__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.phone_flag.pf__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.phone_flag.pf__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.phone_flag.pf__km {
  height: 12px;
  background-position: -2721px 0px;
}

.phone_flag.pf__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.phone_flag.pf__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.phone_flag.pf__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.phone_flag.pf__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.phone_flag.pf__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.phone_flag.pf__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.phone_flag.pf__la {
  height: 14px;
  background-position: -2875px 0px;
}

.phone_flag.pf__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.phone_flag.pf__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.phone_flag.pf__li {
  height: 12px;
  background-position: -2941px 0px;
}

.phone_flag.pf__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.phone_flag.pf__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.phone_flag.pf__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.phone_flag.pf__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.phone_flag.pf__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.phone_flag.pf__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.phone_flag.pf__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.phone_flag.pf__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.phone_flag.pf__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.phone_flag.pf__md {
  height: 10px;
  background-position: -3160px 0px;
}

.phone_flag.pf__me {
  height: 10px;
  background-position: -3182px 0px;
}

.phone_flag.pf__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.phone_flag.pf__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.phone_flag.pf__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.phone_flag.pf__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.phone_flag.pf__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.phone_flag.pf__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.phone_flag.pf__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.phone_flag.pf__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.phone_flag.pf__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.phone_flag.pf__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.phone_flag.pf__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.phone_flag.pf__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.phone_flag.pf__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.phone_flag.pf__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.phone_flag.pf__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.phone_flag.pf__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.phone_flag.pf__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.phone_flag.pf__my {
  height: 10px;
  background-position: -3578px 0px;
}

.phone_flag.pf__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.phone_flag.pf__na {
  height: 14px;
  background-position: -3622px 0px;
}

.phone_flag.pf__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.phone_flag.pf__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.phone_flag.pf__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.phone_flag.pf__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.phone_flag.pf__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.phone_flag.pf__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.phone_flag.pf__no {
  height: 15px;
  background-position: -3774px 0px;
}

.phone_flag.pf__np {
  height: 15px;
  background-position: -3796px 0px;
}

.phone_flag.pf__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.phone_flag.pf__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.phone_flag.pf__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.phone_flag.pf__om {
  height: 10px;
  background-position: -3877px 0px;
}

.phone_flag.pf__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.phone_flag.pf__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.phone_flag.pf__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.phone_flag.pf__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.phone_flag.pf__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.phone_flag.pf__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.phone_flag.pf__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.phone_flag.pf__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.phone_flag.pf__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.phone_flag.pf__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.phone_flag.pf__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.phone_flag.pf__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.phone_flag.pf__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.phone_flag.pf__py {
  height: 11px;
  background-position: -4185px 0px;
}

.phone_flag.pf__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.phone_flag.pf__re {
  height: 14px;
  background-position: -4229px 0px;
}

.phone_flag.pf__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.phone_flag.pf__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.phone_flag.pf__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.phone_flag.pf__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.phone_flag.pf__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.phone_flag.pf__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.phone_flag.pf__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.phone_flag.pf__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.phone_flag.pf__se {
  height: 13px;
  background-position: -4427px 0px;
}

.phone_flag.pf__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.phone_flag.pf__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.phone_flag.pf__si {
  height: 10px;
  background-position: -4493px 0px;
}

.phone_flag.pf__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.phone_flag.pf__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.phone_flag.pf__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.phone_flag.pf__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.phone_flag.pf__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.phone_flag.pf__so {
  height: 14px;
  background-position: -4625px 0px;
}

.phone_flag.pf__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.phone_flag.pf__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.phone_flag.pf__st {
  height: 10px;
  background-position: -4691px 0px;
}

.phone_flag.pf__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.phone_flag.pf__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.phone_flag.pf__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.phone_flag.pf__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.phone_flag.pf__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.phone_flag.pf__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.phone_flag.pf__td {
  height: 14px;
  background-position: -4845px 0px;
}

.phone_flag.pf__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.phone_flag.pf__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.phone_flag.pf__th {
  height: 14px;
  background-position: -4911px 0px;
}

.phone_flag.pf__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.phone_flag.pf__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.phone_flag.pf__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.phone_flag.pf__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.phone_flag.pf__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.phone_flag.pf__to {
  height: 10px;
  background-position: -5043px 0px;
}

.phone_flag.pf__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.phone_flag.pf__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.phone_flag.pf__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.phone_flag.pf__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.phone_flag.pf__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.phone_flag.pf__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.phone_flag.pf__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.phone_flag.pf__um {
  height: 11px;
  background-position: -5219px 0px;
}

.phone_flag.pf__un {
  height: 14px;
  background-position: -5241px 0px;
}

.phone_flag.pf__us {
  height: 11px;
  background-position: -5263px 0px;
}

.phone_flag.pf__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.phone_flag.pf__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.phone_flag.pf__va {
  height: 15px;
  background-position: -5329px 0px;
}

.phone_flag.pf__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.phone_flag.pf__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.phone_flag.pf__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.phone_flag.pf__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.phone_flag.pf__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.phone_flag.pf__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.phone_flag.pf__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.phone_flag.pf__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.phone_flag.pf__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.phone_flag.pf__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.phone_flag.pf__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.phone_flag.pf__za {
  height: 14px;
  background-position: -5588px 0px;
}

.phone_flag.pf__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.phone_flag.pf__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.phone_flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/assets/common/common/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .phone_flag {
    background-image: url("/assets/common/common/img/flags.png");
  }
}
.phone_flag.pf__np {
  background-color: transparent;
}

.platform_contents .block_how_to_install .article_header_sub .title,
.platform_contents .block_start_install .article_header_sub .title {
  font-size: 21px;
  font-weight: 500;
  color: #1f3fcd;
  margin: 25px 0 15px !important;
}
.platform_contents .block_how_to_install .mg-block,
.platform_contents .block_start_install .mg-block {
  margin-bottom: 30px;
}
.platform_contents .block_how_to_install img,
.platform_contents .block_start_install img {
  width: 80%;
  margin-bottom: 30px;
}

.login-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 424px;
  margin: 0 auto;
  padding: 16px;
}
.login-wrapper .title-area {
  text-align: center;
  color: #222;
  margin-bottom: 30px;
}
.login-wrapper .title-area h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}
.login-wrapper .title-area p {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px; /* 133.333% */
  margin: 10px 0 0 0;
}
.login-wrapper .input-wrapper {
  position: relative;
}
.login-wrapper .input-wrapper label {
  position: absolute;
  top: 10px;
  left: 16px;
  color: var(--Text-text-4, #858585);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.login-wrapper .input-wrapper input {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  max-width: 424px;
  height: 64px;
  padding: 30px 16px 10px 16px;
}
.login-wrapper .input-wrapper input::placeholder {
  color: #C6C6C6 !important;
}
.login-wrapper .input-wrapper .show_password_btn {
  position: absolute;
  right: 16px;
  top: 20px;
  cursor: pointer;
}
.login-wrapper .checkbox {
  margin-top: 16px !important;
}
.login-wrapper .checkbox label {
  display: flex;
  gap: 4px;
  align-items: center;
  width: fit-content;
}
.login-wrapper .checkbox input {
  accent-color: #1352ef;
  width: 20px;
  height: 20px;
  top: 4px;
}
.login-wrapper .checkbox p {
  margin: 0;
  margin-left: 10px;
}
.login-wrapper .login-btn {
  margin-top: 30px !important;
}
.login-wrapper .login-btn button {
  border-radius: 10px;
  background: #F0F2F8;
  color: #CCCFD8;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border: none;
}
.login-wrapper .active button {
  background-color: #1352ef;
  color: white;
}
.login-wrapper #forgot_password .modal-dialog {
  top: 30%;
}
.login-wrapper #change_email_login .modal-dialog {
  top: 20%;
  max-width: 474px;
}
.login-wrapper #change_email_login .modal-content {
  display: flex;
  padding: 30px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border: 0;
  position: relative;
}
.login-wrapper #change_email_login .modal-content .close-btn {
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  top: 16px;
  cursor: pointer;
}
.login-wrapper #change_email_login .modal-content p {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.login-wrapper #change_email_login .modal-content .input-wrapper-email {
  display: flex;
  padding: 10px 12px 10px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--line, #DDD);
  background: var(--BG-my, #F7F8FA);
  height: 64px;
  width: 100%;
  margin: 0;
  position: relative;
}
.login-wrapper #change_email_login .modal-content .input-wrapper-email label {
  color: var(--Text-text-4, #858585);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  top: 10px;
}
.login-wrapper #change_email_login .modal-content .user-email {
  color: var(--Text-text-1, #222);
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 14px;
}
.login-wrapper #change_email_login .modal-content .input-wrapper {
  width: 100%;
  margin: 0;
}
.login-wrapper #change_email_login .modal-title h3 {
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.login-wrapper #change_email_login .buttons-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.login-wrapper #change_email_login .buttons-wrapper .btn {
  display: flex;
  height: 54px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.login-wrapper #change_email_login .buttons-wrapper .cancel {
  background-color: #A5AFC4;
  color: white;
}
.login-wrapper #change_email_login .buttons-wrapper .confirm {
  background-color: #1352EF;
  color: white;
}
.login-wrapper #change_email_login .footer {
  color: var(--Text-text-2, #333);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 123.077% */
}
.login-wrapper #change_email_login .footer .date {
  color: #EE3D3D;
}
.login-wrapper #notice_email_login .modal-dialog {
  top: 30%;
}
.login-wrapper #notice_email_login .modal-content {
  display: flex;
  width: 300px;
  min-height: 186px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid var(--line, #DDD);
  background: var(--white, #FFF);
  margin: 0 auto;
}
.login-wrapper #notice_email_login .modal-content img {
  width: 24px;
  height: 24px;
}
.login-wrapper #notice_email_login .modal-content p {
  color: var(--Text-text-3, #434343);
  text-align: center;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 auto;
}
.login-wrapper #notice_email_login .modal-content .confirm-btn {
  display: flex;
  height: 40px;
  padding: 8px 15px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: var(--white, #FFF);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  width: 100%;
  background-color: #1352EF;
  border-radius: 10px;
  width: 100%;
  margin-top: 14px;
  cursor: pointer;
}

#account-page .title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}
#account-page h2 {
  color: var(--black, #000);
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
#account-page .side-bar {
  margin-top: 32px;
  display: flex;
  width: 100%;
  max-width: 850px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  #account-page .side-bar {
    margin-top: 12px;
    flex-direction: column;
    align-items: flex-start;
  }
}
#account-page .tab-wrapper {
  display: inline-block;
  padding: 3px;
  width: fit-content;
  min-width: 140px;
  margin-bottom: 0;
  background-color: #ECEDF0;
  border-radius: 12px;
}
#account-page .tab-wrapper span,
#account-page .tab-wrapper a {
  display: inline-block;
  padding: 4px 10px;
  color: #464D5B;
  width: fit-content;
  min-width: 70px;
  height: 30px;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
}
#account-page .tab-wrapper span.active,
#account-page .tab-wrapper a.active {
  color: #fff;
  background-color: #212938;
  border-radius: 8px;
}
#account-page .right-wrapper {
  display: flex;
  gap: 10px;
}
#account-page .right-wrapper .add-account {
  display: flex;
  padding: 8px 15px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background-color: #A5AFC4;
  border-radius: 8px;
}
#account-page .right-wrapper .add-account img {
  src: "/assets/common/common/img/plus_black.svg";
}
#account-page .right-wrapper .add-account p {
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin: 0;
}
#account-page .right-wrapper .add-account.inactive {
  border: 1px solid #ddd;
  cursor: not-allowed;
}
#account-page .right-wrapper .add-account.inactive img {
  src: "/assets/common/common/img/plus_inactive.svg";
}
#account-page .right-wrapper .add-account.inactive p {
  color: #ddd;
}
#account-page .contents-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(246px, auto);
  gap: 16px;
  margin-top: 16px;
}
#account-page .account-box {
  border-radius: 16px;
  background: var(--white, #FFF);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
#account-page .account-box-hidden {
  display: none;
}
#account-page .under-review {
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--Text-text-3, #434343);
}
#account-page .under-review p {
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
#account-page .account-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
#account-page .account-area .account-info-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
#account-page .account-area .account-info-wrapper .mt-platform {
  display: flex;
  padding: 3px 5px;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: var(--icon, #B7BEC9);
  color: white;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}
#account-page .account-area .account-info-wrapper .account-number {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
#account-page .account-area .account-info-wrapper .live {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#account-page .account-area .more-btn {
  cursor: pointer;
  position: relative;
}
#account-page .contents-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
#account-page .contents-area .account-type-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  gap: 10px;
  color: var(--Text-text-3, #434343);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#account-page .contents-area .account-type-area .line {
  width: 1px;
  height: 12px;
  background: var(--line, #DDD);
}
#account-page .contents-area .account-type-area .account-type-area-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
#account-page .contents-area .balance-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
#account-page .contents-area .balance-area .balance, #account-page .contents-area .balance-area .credit {
  border-radius: 10px;
  width: 50%;
  height: 100%;
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
#account-page .contents-area .balance-area .credit-wrapper {
  position: relative;
}
#account-page .contents-area .balance-area .credit-wrapper .tooltip {
  font-family: Roboto;
  text-align: center;
  position: absolute;
  min-width: 181px !important;
  height: 58px;
  background-color: #212938;
  color: white;
  border-radius: 10px;
  padding: 10px 12px 8px 12px;
  top: -70px;
  left: -80%;
  opacity: 1;
  display: none;
}
#account-page .contents-area .balance-area .credit-wrapper .tooltip .label {
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: white;
}
#account-page .contents-area .balance-area .credit-wrapper .tooltip .bonus {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: white;
}
#account-page .contents-area .balance-area .credit-wrapper .tooltip-tail {
  position: absolute;
  top: -14px;
  left: 42px;
  opacity: 1;
  display: none;
}
#account-page .contents-area .balance-area .credit-wrapper .credit-info-mark:hover ~ .tooltip {
  display: block;
}
#account-page .contents-area .balance-area .credit-wrapper .credit-info-mark:hover ~ .tooltip-tail {
  display: block;
}
#account-page .contents-area .balance-area .unit {
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
#account-page .contents-area .balance-area .label {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #687285;
  text-align: left;
  margin: 0;
  padding: 0;
}
#account-page .contents-area .balance-area .balance-value, #account-page .contents-area .balance-area .credit-value {
  text-align: right;
  width: 100%;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
#account-page .contents-area .balance-area .balance-value {
  color: #1F3FCD;
}
#account-page .contents-area .balance-area .balance {
  background-color: #EAF1FB;
}
#account-page .contents-area .balance-area .credit {
  background-color: #EFF0F3;
}
#account-page .buttons-area {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
}
#account-page .buttons-area .btn {
  display: flex;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--primary, #1352EF);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
#account-page .buttons-area .withdrawal {
  min-width: 120px;
  background-color: white;
  color: var(--primary, #1352EF);
}
#account-page .buttons-area .deposit {
  width: calc(100% - 120px);
  background: var(--primary, #1352EF);
  color: white;
}
#account-page .buttons-area .demo-deposit {
  width: 100%;
  background: var(--primary, #1352EF);
  color: white;
}
#account-page .unverified-area {
  display: flex;
  width: 100%;
  min-height: 385px;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#account-page .unverified-area p {
  color: var(--Text-text-3, #434343);
  text-align: center;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 133.333% */
  margin: 0;
}
#account-page .unverified-area .complete {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 10px 0 0 0;
}
#account-page .add-live-account {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: var(--white, #FFF);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  color: var(--Text-text-4, #858585);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#account-page .add-live-account img {
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  #account-page h2 {
    font-size: 24px;
  }
  #account-page .right-wrapper {
    width: 100%;
    justify-content: left;
  }
  #account-page .contents-wrapper {
    grid-template-columns: 1fr;
  }
}

.new-select-box {
  display: flex;
  padding: 5px 6px 5px 10px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  color: var(--Text-text-2, #333);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  width: fit-content;
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--line, #DDD);
  min-width: 110px;
  cursor: pointer;
}

.select-box-wrapper {
  display: flex;
  width: 110px;
  padding: 4px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 40px;
  left: 0;
  border-radius: 8px;
  border: 1px solid var(--line, #DDD);
  background: var(--white, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 11;
}
.select-box-wrapper li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-bottom: 1px solid #ECECEC;
  cursor: pointer;
}
.select-box-wrapper li a {
  color: #222;
  text-decoration: none;
  padding: 12px 16px;
  width: 100%;
  height: 100%;
}
.select-box-wrapper li:last-child {
  border-bottom: 0;
}
.select-box-wrapper li:hover {
  font-weight: 500;
  background-color: #EAF1FB;
}

.inner {
  min-width: 150px;
  text-align: center;
  top: 30px;
  left: -120px;
}

#remove_account {
  width: 300px;
  height: fit-content;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1100;
}
#remove_account .modal-dialog {
  width: 300px;
}
#remove_account .modal-content {
  display: flex;
  width: 300px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border: 1px solid var(--line, #DDD);
  box-shadow: none;
}
#remove_account .modal-content p {
  color: var(--Text-text-3, #434343);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
#remove_account .modal-content .account {
  color: var(--Text-text-1, #222);
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#remove_account .modal-content .account .account-highlight {
  font-weight: 600;
}
#remove_account .modal-content .account .balance-highlight {
  font-weight: 600;
}
#remove_account .modal-content .buttons-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
}
#remove_account .modal-content .buttons-wrapper .btn {
  display: flex;
  width: 50%;
  height: 40px;
  padding: 8px 15px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid var(--primary, #1352EF);
}
#remove_account .modal-content .buttons-wrapper .cancel {
  color: #1352EF;
  background-color: white;
}
#remove_account .modal-content .buttons-wrapper .delete {
  color: white;
  background-color: #1352EF;
}

#change_leverage {
  width: 300px;
  height: fit-content;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1100;
  overflow: visible;
}
#change_leverage .modal-dialog {
  width: 300px;
}
#change_leverage .modal-content {
  display: flex;
  width: 300px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--line, #DDD);
  box-shadow: none;
}
#change_leverage .modal-content p {
  color: var(--Text-text-3, #434343);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
#change_leverage .modal-content .account-wrapper {
  width: 100%;
}
#change_leverage .modal-content .account-wrapper .new-select-box {
  margin-top: 10px;
  padding: 12px 16px;
  width: 100%;
}
#change_leverage .modal-content .account-wrapper .new-select-box .dropdown-wrapper {
  max-height: 225px;
  overflow-y: auto;
}
#change_leverage .modal-content .account {
  color: var(--Text-text-1, #222);
  font-size: 15px;
  line-height: 22px;
}
#change_leverage .modal-content .account .change-leverage-account-highlight {
  font-weight: 600;
}
#change_leverage .modal-content .account .change-leverage-leverage-highlight {
  font-weight: 600;
}
#change_leverage .modal-content .buttons-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
}
#change_leverage .modal-content .buttons-wrapper .btn {
  display: flex;
  width: 50%;
  height: 40px;
  padding: 8px 15px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid var(--primary, #1352EF);
}
#change_leverage .modal-content .buttons-wrapper .cancel {
  color: #1352EF;
  background-color: white;
}
#change_leverage .modal-content .buttons-wrapper .submit {
  color: white;
  background-color: #1352EF;
}

#update_balance_modal {
  width: 300px;
  height: fit-content;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1100;
}
#update_balance_modal .modal-dialog {
  width: 300px;
}
#update_balance_modal .modal-content {
  position: relative;
  display: flex;
  width: 300px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--line, #DDD);
  box-shadow: none;
}
#update_balance_modal .modal-content p {
  color: var(--Text-text-3, #434343);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
#update_balance_modal .modal-content .close {
  position: absolute;
  top: 0;
  right: 0;
}
#update_balance_modal .modal-content .amount-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
#update_balance_modal .modal-content .amount-wrapper .account {
  color: #434343;
  font-size: 15px;
  line-height: 22px;
}
#update_balance_modal .modal-content .amount-wrapper .account .update-balance-highlight {
  font-weight: 600;
}
#update_balance_modal .modal-content .amount-wrapper .account-input {
  position: relative;
  padding: 10px 16px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
#update_balance_modal .modal-content .amount-wrapper .account-input label {
  position: absolute;
  top: 10px;
  left: 16px;
  margin-bottom: 0;
  color: #858585;
  font-size: 12px;
  line-height: 14px;
}
#update_balance_modal .modal-content .amount-wrapper .account-input .input-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  color: #C6C6C6;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
#update_balance_modal .modal-content .amount-wrapper .account-input .input-wrapper input {
  all: unset;
  margin: 20px 0 0;
  width: 100%;
  height: 24px;
  color: #222;
  text-align: right;
}
#update_balance_modal .modal-content .amount-wrapper .account-input .input-wrapper input::placeholder {
  color: #C6C6C6;
}
#update_balance_modal .modal-content .amount-wrapper .account-input .input-wrapper span.active {
  color: #222;
}
#update_balance_modal .modal-content .buttons-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
}
#update_balance_modal .modal-content .buttons-wrapper .btn-confirm {
  display: flex;
  width: 100%;
  height: 40px;
  padding: 8px 15px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  border: none;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
#update_balance_modal .modal-content .buttons-wrapper .active {
  background: var(--BTN1-enabled, #1352EF);
  color: white;
  cursor: pointer;
}
#update_balance_modal .modal-content .update-balance-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
#update_balance_modal .modal-content .update-balance-area .amount {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

#email_verification_modal {
  width: 300px;
  height: fit-content;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1100;
}
#email_verification_modal .modal-dialog {
  width: 300px;
}
#email_verification_modal .modal-content {
  display: flex;
  width: 300px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  box-shadow: none;
}
#email_verification_modal .modal-content p {
  color: var(--Text-text-3, #434343);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
#email_verification_modal .modal-content .buttons-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
}
#email_verification_modal .modal-content .buttons-wrapper .btn {
  display: flex;
  width: 50%;
  height: 40px;
  padding: 8px 15px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid var(--primary, #1352EF);
}
#email_verification_modal .modal-content .buttons-wrapper .cancel {
  color: #1352EF;
  background-color: white;
}
#email_verification_modal .modal-content .buttons-wrapper .delete {
  color: white;
  background-color: #1352EF;
}
#email_verification_modal .modal-content .inputs-wrapper {
  width: 100%;
}
#email_verification_modal .modal-content .inputs-wrapper #input-email-code {
  color: black;
  border: 1px solid black !important;
  border-radius: 4px;
  width: 100%;
  min-height: 48px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

#change_password {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#change_password .modal-dialog {
  width: 474px;
  min-width: 360px;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
#change_password .modal-content {
  padding: 30px 40px 40px 40px;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
#change_password .modal-content .modal-title {
  position: relative;
  width: 100%;
  text-align: center;
  color: var(--Text-text-1, #222);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
#change_password .modal-content .modal-title .close {
  position: absolute;
  top: -20px;
  right: -20px;
}
#change_password .modal-content .account-no {
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#change_password .modal-content .account-no span {
  font-weight: 600;
}
#change_password .input-wrapper {
  position: relative;
  width: 100%;
}
#change_password .input-wrapper:focus-within input {
  border: 1px solid #1352EF;
}
#change_password .input-wrapper label {
  position: absolute;
  top: 10px;
  left: 16px;
  color: var(--Text-text-4, #858585);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
#change_password .input-wrapper input {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  max-width: 424px;
  height: 64px;
  padding: 30px 16px 10px 16px;
}
#change_password .input-wrapper input::placeholder {
  color: #C6C6C6 !important;
}
#change_password .input-wrapper .remove_password_btn, #change_password .input-wrapper .remove_confirm_password_btn {
  position: absolute;
  right: 48px;
  top: 20px;
  cursor: pointer;
}
#change_password .input-wrapper .show_password_btn {
  position: absolute;
  right: 16px;
  top: 20px;
  cursor: pointer;
}
#change_password .first-validation-box {
  display: flex;
  flex-wrap: wrap;
}
#change_password .validation-desc {
  display: flex;
  color: #ff7f7f;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin: 10px 4px 0 0;
}
#change_password .validation-desc:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: cover;
  margin-left: 4px;
  background-image: url("/assets/common/common/img/x_icon.svg");
}
#change_password .validation-desc.satisfied {
  color: #01A387;
}
#change_password .validation-desc.satisfied:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: cover;
  margin-left: 4px;
  background-image: url("/assets/common/common/img/check.svg");
}
#change_password .buttons-wrapper {
  width: 100%;
}
#change_password .buttons-wrapper .active {
  background: var(--BTN1-enabled, #1352EF);
  color: white;
  cursor: pointer;
}
#change_password .btn-confirm {
  display: flex;
  width: 100%;
  height: 54px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--BTN1-enabled, #F0F2F8);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #CCCFD8;
  border: none;
  cursor: not-allowed;
}
@media (max-width: 474px) {
  #change_password .modal-dialog {
    width: 100%;
    min-width: 360px;
  }
}

.password-validation-error-message .first-validation-box {
  display: flex;
  flex-wrap: wrap;
}
.password-validation-error-message .validation-desc {
  color: #ff7f7f;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin: 10px 4px 0 0;
}
.password-validation-error-message .validation-desc:after {
  content: ""; /* content 속성이 있어야 가상 요소가 생성됩니다. */
  display: inline-block; /* 인라인 요소로 설정하여 다른 내용과 함께 나타날 수 있습니다. */
  width: 16px; /* 아이콘의 너비에 맞게 조절하세요. */
  height: 16px;
  background-size: cover; /* 배경 이미지를 요소에 맞게 조절합니다. */
  margin-left: 4px;
  background-image: url("/assets/common/common/img/x_icon.svg");
}

#form_create_user .first-validation-box {
  display: flex;
  flex-wrap: wrap;
}
#form_create_user .validation-block {
  margin-top: 8px;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#form_create_user .validation-block span {
  display: flex;
  gap: 2px;
  color: #ee3d3d;
  font-size: 12px;
  line-height: 14px;
}
#form_create_user .validation-block span .check {
  display: none;
}
#form_create_user .validation-block span.active {
  color: #01a387;
}
#form_create_user .validation-block span.active .check {
  display: block;
}
#form_create_user .validation-block span.active .cancle {
  display: none;
}
@media (max-width: 474px) {
  #form_create_user .modal-dialog {
    width: 100%;
    min-width: 360px;
  }
}

#change_password_step2 {
  z-index: 1200;
}
#change_password_step2 .modal-dialog {
  top: 30%;
  width: 474px;
  height: 308px;
  margin: 0 auto !important;
}
#change_password_step2 .modal-content {
  min-height: 306px;
  padding-bottom: 40px;
  border: none;
}
#change_password_step2 .modal-header {
  text-align: center;
}
#change_password_step2 .modal-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#change_password_step2 .modal-body p {
  color: var(--Text-text-2, #333);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  width: 100%;
}
#change_password_step2 .modal-body .account-no span {
  font-weight: 600;
}
#change_password_step2 .input-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
#change_password_step2 .input-wrapper:focus-within input {
  border: 1px solid #1352EF;
}
#change_password_step2 .input-wrapper label {
  position: absolute;
  top: 10px;
  left: 16px;
  color: var(--Text-text-4, #858585);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
#change_password_step2 .input-wrapper input {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  max-width: 424px;
  height: 64px;
  padding: 30px 16px 10px 16px;
}
#change_password_step2 .input-wrapper input::placeholder {
  color: #C6C6C6 !important;
}
#change_password_step2 .input-wrapper .show_password_btn {
  position: absolute;
  right: 16px;
  top: 20px;
  cursor: pointer;
}
#change_password_step2 .input-wrapper .right-side {
  display: flex;
  gap: 10px;
  position: absolute;
  top: 10px;
  right: 10px;
  justify-content: center;
  align-items: center;
}
#change_password_step2 .input-wrapper .right-side .timer {
  color: #EE3D3D;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#change_password_step2 .input-wrapper .right-side .validate-btn {
  display: flex;
  width: 80px;
  height: 40px;
  padding: 8px 15px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #CCCFD8;
  border: 1px solid #F0F2F8;
  background: var(--BTN1-enabled, white);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  border-radius: 6px;
  cursor: not-allowed;
}
#change_password_step2 .input-wrapper .right-side .active {
  background: var(--BTN1-enabled, #1352EF);
  border: 1px solid #1352EF;
  color: white;
  cursor: pointer;
}
#change_password_step2 .validation-msg p {
  color: #EE3D3D;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin: 0;
}
#change_password_step2 .validation-msg .success {
  color: #01A387;
}

#toast-container {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  pointer-events: none;
}
#toast-container .toast {
  display: flex !important;
  min-width: 214px;
  padding: 12px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: var(--primary, #1352EF);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
#toast-container .toast.success {
  background: var(--primary, #f1faf9);
  color: #01a387;
  border-color: #b4d7d3;
}
#toast-container .toast.fail {
  background: var(--primary, #ffeeee);
  color: #ee3d3d;
  border-color: #ecc4c4;
}
#toast-container .toast.show {
  opacity: 1;
}

#my-profile .title {
  margin-bottom: 32px;
}
#my-profile .information {
  gap: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#my-profile .information .detail {
  flex: 1;
  width: 100%;
}
#my-profile .information .detail .item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 10px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  #my-profile .information .detail .item img {
    display: none;
  }
}
#my-profile .information .detail .item .item-label {
  margin-left: 10px;
  margin-right: 20px;
  width: 100px;
  color: #858585;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #my-profile .information .detail .item .item-label {
    margin-left: 0;
  }
}
#my-profile .information .detail .item .item-content {
  flex: 1;
  color: #222222;
  font-size: 15px;
  font-weight: 500;
}

#edit-profile .divide_box {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
#edit-profile .divide_box .edit_box {
  flex: 1;
}
#edit-profile .divide_box .edit_box:first-child .edit_box_content {
  flex-wrap: wrap;
  gap: 16px;
}
#edit-profile .divide_box .edit_box:first-child .edit_box_content > div {
  flex: 1 300px !important;
}
#edit-profile .divide_box .edit_box:first-child .edit_box_content .form-group {
  flex: 1;
}
#edit-profile .divide_box .edit_box:last-child .edit_box_content {
  flex-direction: column;
  gap: 24px;
}
#edit-profile .divide_box .edit_box:last-child .edit_box_content .phone-number-group {
  flex-wrap: wrap;
}
#edit-profile .divide_box .edit_box:last-child .edit_box_content .phone-number-group > div {
  flex: 1 300px;
}
#edit-profile .divide_box .edit_box:last-child .edit_box_content .phone-number-group .phone-number-area {
  width: 50%;
}
#edit-profile .divide_box .edit_box .phone-number-group {
  display: flex;
  gap: 16px;
}
#edit-profile .divide_box .edit_box .phone-number-group .phone-number-area {
  position: relative;
}
#edit-profile .divide_box .edit_box .phone-number-group .phone-number-area button {
  width: 60px;
  padding: 12px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #cccfd8;
  background-color: transparent;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
#edit-profile .divide_box .edit_box .phone-number-group .phone-number-area button.active {
  color: #1352ef;
  border: 1px solid #1352ef;
  box-shadow: none;
}
#edit-profile .divide_box .edit_box .phone-number-group .phone-number-area:focus-within .select2-country-selection {
  border: 1px solid #1352ef;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form {
  position: relative;
  background-color: #f7f8fa;
  border: 1px solid #ddd;
  border-radius: 10px;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box > p {
  margin: 0;
  position: absolute;
  left: 0;
  bottom: -24px;
  color: #ee3d3d;
  font-size: 12px;
  line-height: 14px;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box .input-group {
  width: 100%;
  position: relative;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box .input-group span.label-text {
  margin: 10px 12px;
  position: absolute;
  top: 0;
  left: 0;
  color: #858585;
  font-size: 12px;
  line-height: 14px;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box .input-group input {
  padding-top: 30px;
  padding-bottom: 10px;
  height: auto;
  background-color: transparent;
  border: none;
  font-size: 17px;
  font-weight: 500;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box .input-group span.timer {
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
  color: #01a387;
  font-size: 15px;
  line-height: 20px;
  z-index: 100;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box .input-group button {
  padding: 12px 16px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: #cccfd8;
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  z-index: 100;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box .input-group button.active {
  color: #1352ef;
  border: 1px solid #1352ef;
  box-shadow: none;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box.disabled .timer {
  display: none;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form .code-box.disabled .msg.info {
  display: none;
}
#edit-profile .divide_box .edit_box .phone-number-group .validation_form:focus-within {
  border: 1px solid #1352ef;
}
#edit-profile .divide_box .edit_box .phone-number-group .help-block {
  margin: 0;
  position: absolute;
  left: 16px;
  bottom: -16px;
}
#edit-profile .divide_box .edit_box .edit_box_title {
  margin-bottom: 10px;
  color: #434343;
  font-size: 15px;
  line-height: 20px;
}
#edit-profile .divide_box .edit_box .edit_box_content {
  display: flex;
}
#edit-profile .divide_box .edit_box .edit_box_content label {
  margin: 0 !important;
  width: 100%;
  color: #858585;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  position: relative;
}
#edit-profile .divide_box .edit_box .edit_box_content label span {
  position: absolute;
  margin: 10px 12px;
}
#edit-profile .divide_box .edit_box .edit_box_content label input {
  background-color: #f7f8fa;
  padding-top: 30px;
  padding-bottom: 10px;
  width: 100%;
  height: auto;
  border: none;
  font-size: 17px;
  font-weight: 500;
  box-sizing: border-box;
}
#edit-profile .divide_box .edit_box .edit_box_content label input[type=email] {
  border: 1px solid #ddd !important;
  border-radius: 10px;
}
#edit-profile .change_btn {
  border-radius: 10px;
}

#id_verification_first_modal {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#id_verification_first_modal .modal-dialog {
  width: 474px;
  min-width: 360px;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
#id_verification_first_modal .modal-content {
  padding: 30px 40px 40px 40px;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
#id_verification_first_modal .modal-content .modal-title {
  position: relative;
  width: 100%;
  text-align: center;
  color: var(--Text-text-1, #222);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
#id_verification_first_modal .modal-content .modal-title .close {
  position: absolute;
  top: -20px;
  right: -20px;
}
#id_verification_first_modal .modal-content .account-no {
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#id_verification_first_modal .buttons-wrapper {
  width: 100%;
}
#id_verification_first_modal .btn-confirm {
  display: flex;
  width: 100%;
  height: 54px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--BTN1-enabled, #1352EF);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: white;
  border: none;
}
@media (max-width: 474px) {
  #id_verification_first_modal .modal-dialog {
    width: 100%;
    min-width: 360px;
  }
}

#not_allowed_remove_modal {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
#not_allowed_remove_modal .modal-dialog {
  width: 474px;
  min-width: 360px;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
#not_allowed_remove_modal .modal-content {
  padding: 30px 40px 40px 40px;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
#not_allowed_remove_modal .modal-content .modal-title {
  position: relative;
  width: 100%;
  text-align: center;
  color: var(--Text-text-1, #222);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
#not_allowed_remove_modal .modal-content .modal-title .close {
  position: absolute;
  top: -20px;
  right: -20px;
}
#not_allowed_remove_modal .modal-content .account-no {
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#not_allowed_remove_modal .buttons-wrapper {
  width: 100%;
}
#not_allowed_remove_modal .btn-confirm {
  display: flex;
  width: 100%;
  height: 54px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--BTN1-enabled, #1352EF);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: white;
  border: none;
}
@media (max-width: 474px) {
  #not_allowed_remove_modal .modal-dialog {
    width: 100%;
    min-width: 360px;
  }
}

.account-modal {
  width: 100%;
  height: 100%;
  z-index: 1100;
}
.account-modal .modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  width: 100%;
  max-width: 474px;
}
.account-modal .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 30px 40px 40px;
  border: 1px solid #eee;
}
.account-modal .modal-content .modal-title {
  width: 100%;
}
.account-modal .modal-content .modal-title h3 {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.account-modal .modal-content .modal-title .close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
}
.account-modal .modal-content .modal-description {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.account-modal .button-wrapper {
  width: 100%;
  display: flex;
  gap: 16px;
}
.account-modal .button-wrapper .button-next,
.account-modal .button-wrapper .button-back,
.account-modal .button-wrapper .button-done {
  flex: 1;
  padding: 10px 20px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  border: none;
  border-radius: 10px;
}
.account-modal .button-wrapper .button-next:disabled,
.account-modal .button-wrapper .button-back:disabled,
.account-modal .button-wrapper .button-done:disabled {
  background-color: #F0F2F8;
}
.account-modal .button-wrapper .button-back {
  color: #434343;
  background-color: #fff;
  border: 1px solid #ddd;
}
.account-modal .button-wrapper .button-next,
.account-modal .button-wrapper .button-done {
  color: white;
  background: #1352EF;
}
@media (max-width: 768px) {
  .account-modal .modal-dialog {
    width: 100%;
    max-width: 340px;
  }
  .account-modal .modal-content {
    padding: 30px 16px 40px;
  }
  .account-modal .button-done {
    font-size: 15px;
    font-weight: 500;
  }
}

#create_account_modal:not(.next) .input-wrapper,
#create_account_modal:not(.next) .button-back,
#create_account_modal:not(.next) .button-done,
#create_account_modal:not(.next) h3:last-of-type {
  display: none !important;
}
#create_account_modal.next .modal-description,
#create_account_modal.next .radio-wrapper,
#create_account_modal.next .select-wrapper,
#create_account_modal.next .button-next,
#create_account_modal.next h3:first-of-type {
  display: none !important;
}
#create_account_modal .modal-content .radio-wrapper .radio-container .radio-content-wrapper .radio-label {
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  font-family: "Roboto";
  line-height: 22px;
}
#create_account_modal .modal-content .radio-wrapper .radio-container .radio-content-wrapper .radio-group {
  display: flex;
  gap: 12px;
}
#create_account_modal .modal-content .radio-wrapper .radio-container .radio-content-wrapper .radio-group .radio-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 182px;
  height: 36px;
  padding: 12px 14px;
}
@media (max-width: 768px) {
  #create_account_modal .modal-content .radio-wrapper .radio-container .radio-content-wrapper .radio-group .radio-item {
    width: 140px;
  }
}
#create_account_modal .modal-content .radio-wrapper .radio-container .radio-content-wrapper .radio-group .radio-item input[type=radio] {
  margin: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #0049FF;
}
#create_account_modal .modal-content .radio-wrapper .radio-container .radio-content-wrapper .radio-group .radio-item input[type=radio] + label {
  margin: 0;
  width: 31px;
  height: 22px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0;
  cursor: pointer;
}
#create_account_modal .modal-content .radio-wrapper .radio-container .radio-content-wrapper .radio-group .radio-item input[type=radio]:checked + label {
  font-weight: 500;
}
#create_account_modal .modal-content .select-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
#create_account_modal .modal-content .select-wrapper .select-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
}
#create_account_modal .modal-content .select-wrapper .select-container.open .select-icon {
  transform: rotate(180deg);
}
#create_account_modal .modal-content .select-wrapper .select-container.open .select-dropdown {
  display: block;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper {
  flex: 1;
  user-select: none;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper .select-label {
  margin-bottom: 6px;
  color: #858585;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper .select-selected {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper .select-selected.placeholder {
  color: #C6C6C6;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper .select-selected span:nth-child(1) {
  display: inline;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper .select-selected span:nth-child(2) {
  display: none;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper .select-selected.placeholder span:nth-child(1) {
  display: none;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-content-wrapper .select-selected.placeholder span:nth-child(2) {
  display: inline;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-icon {
  transition: transform 0.2s ease-out;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  z-index: 10;
  max-height: 300px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  #create_account_modal .modal-content .select-wrapper .select-container .select-dropdown {
    max-height: 130px;
  }
}
#create_account_modal .modal-content .select-wrapper .select-container .select-dropdown .select-option {
  padding: 10px 16px;
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-dropdown .select-option:hover {
  background-color: #EAF1FB;
  font-weight: 500;
}
#create_account_modal .modal-content .select-wrapper .select-container .select-dropdown .select-option:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}
#create_account_modal .modal-content .input-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  width: 100%;
}
#create_account_modal .modal-content .input-wrapper input::-ms-reveal,
#create_account_modal .modal-content .input-wrapper input::-ms-clear {
  display: none;
}
#create_account_modal .modal-content .input-wrapper .password-container {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
}
#create_account_modal .modal-content .input-wrapper .password-container:has(input:required:valid) {
  border-color: #0049FF;
}
#create_account_modal .modal-content .input-wrapper .password-container:has(input:required:valid) label {
  color: #0049FF;
}
#create_account_modal .modal-content .input-wrapper .password-container:focus-within {
  border: 1px solid #1352EF;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#create_account_modal .modal-content .input-wrapper .password-container.enable {
  border-color: #0049FF;
}
#create_account_modal .modal-content .input-wrapper .password-container.enable label {
  color: #0049FF;
}
#create_account_modal .modal-content .input-wrapper .password-container .password-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#create_account_modal .modal-content .input-wrapper .password-container .password-wrapper label {
  display: flex;
  gap: 4px;
  color: #858585;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  user-select: none;
}
#create_account_modal .modal-content .input-wrapper .password-container .password-wrapper label .required {
  color: #EE3D3D;
}
#create_account_modal .modal-content .input-wrapper .password-container .password-wrapper input {
  color: #222;
  border: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  outline: none;
}
#create_account_modal .modal-content .input-wrapper .password-container .password-wrapper input::placeholder {
  color: #C6C6C6;
}
#create_account_modal .modal-content .input-wrapper .password-container .clear-button,
#create_account_modal .modal-content .input-wrapper .password-container .show-button {
  all: unset;
  cursor: pointer;
}
#create_account_modal .modal-content .input-wrapper .password-container .show-button img:nth-child(1) {
  display: inline;
}
#create_account_modal .modal-content .input-wrapper .password-container .show-button img:nth-child(2) {
  display: none;
}
#create_account_modal .modal-content .input-wrapper .password-container .show-button.show img:nth-child(1) {
  display: none;
}
#create_account_modal .modal-content .input-wrapper .password-container .show-button.show img:nth-child(2) {
  display: inline;
}
#create_account_modal .modal-content .input-wrapper .password-validation-wrapper,
#create_account_modal .modal-content .input-wrapper .confirm-password-validation-wrapper {
  display: flex;
  gap: 6px;
  margin-top: 6px;
  color: #EE3D3D;
  min-height: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  flex-wrap: wrap;
}
#create_account_modal .modal-content .input-wrapper .password-validation-wrapper span.satisfied,
#create_account_modal .modal-content .input-wrapper .confirm-password-validation-wrapper span.satisfied {
  color: #01A387;
}
#create_account_modal .modal-content .input-wrapper .password-validation-wrapper span {
  display: flex;
  align-items: center;
}
#create_account_modal .modal-content .input-wrapper .password-validation-wrapper span::after {
  content: url("/assets/common/common/img/validation-fail.svg");
  width: 16px;
  height: 16px;
}
#create_account_modal .modal-content .input-wrapper .password-validation-wrapper span.satisfied::after {
  content: url("/assets/common/common/img/validation-success.svg");
}
#create_account_modal .modal-content .input-wrapper .confirm-password-validation-wrapper .validation-desc.equal span:nth-child(1) {
  display: inline;
}
#create_account_modal .modal-content .input-wrapper .confirm-password-validation-wrapper .validation-desc.equal span:nth-child(2) {
  display: none;
}
#create_account_modal .modal-content .input-wrapper .confirm-password-validation-wrapper .validation-desc.equal.satisfied span:nth-child(1) {
  display: none;
}
#create_account_modal .modal-content .input-wrapper .confirm-password-validation-wrapper .validation-desc.equal.satisfied span:nth-child(2) {
  display: inline;
}

#need_account_modal .modal-dialog {
  width: 100%;
  max-width: 300px;
}
#need_account_modal .modal-dialog .modal-content {
  padding: 40px 24px 24px;
}

#finish_create_account_modal .modal-content .table-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 10px;
  width: 100%;
}
#finish_create_account_modal .modal-content .table-container .modal-table {
  width: 100%;
  color: #222;
  font-size: 15px;
  line-height: 22px;
}
@media (max-width: 768px) {
  #finish_create_account_modal .modal-content .table-container .modal-table {
    font-size: 13px;
    line-height: normal;
  }
}
#finish_create_account_modal .modal-content .table-container .modal-table tr {
  border-bottom: 1px solid #ECECEC;
  height: 50px;
}
#finish_create_account_modal .modal-content .table-container .modal-table tr:first-of-type {
  border-top: 1px solid #ECECEC;
}
#finish_create_account_modal .modal-content .table-container .modal-table th,
#finish_create_account_modal .modal-content .table-container .modal-table td {
  width: 50%;
  padding-left: 24px;
}
@media (max-width: 768px) {
  #finish_create_account_modal .modal-content .table-container .modal-table th,
  #finish_create_account_modal .modal-content .table-container .modal-table td {
    padding-left: 8px;
  }
}
#finish_create_account_modal .modal-content .table-container .modal-table th {
  background-color: #F2F3F7;
  font-weight: 400;
}
#finish_create_account_modal .modal-content .table-container .modal-table td {
  font-weight: 500;
}
#finish_create_account_modal .modal-content .table-container .modal-table td.platform div {
  display: flex;
  align-items: center;
  gap: 8px;
}
#finish_create_account_modal .modal-content .table-container .modal-table td.platform div a {
  width: fit-content;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ECECEC;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: white;
  color: #0049FF;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  font-weight: 600;
  font-family: "Roboto";
  display: flex;
  align-items: center;
  gap: 4px;
}
#finish_create_account_modal .modal-content .table-container .table-caption {
  color: #858585;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1200px) {
  .upload-doc .document_guide:first-of-type > div > div > div .document_box > ul {
    padding: 22px 0;
  }
  .upload-doc .document_guide:first-of-type > div > div > div .document_box > ul li {
    line-height: 22px;
  }
}