/** html, body **/
html {
  width: 100%;
  overflow-x: hidden;
}
html.overFix {
  overflow-y: hidden !important;
}
body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
body.overFix {
  overflow-y: hidden !important;
}
html,
body {
  background:#000;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  /*-webkit-user-select: none;
  user-select: none;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body *::-webkit-scrollbar {
  width: 2px;
}
body *::-webkit-scrollbar-track {
  background: #ddd;
}
body *::-webkit-scrollbar-thumb {
  background: #666;
}
html.touchNone {
  -webkit-overflow-scrolling: none;
  touch-action: none !important;
  overscroll-behavior: none;
}
body.touchNone {
  -webkit-overflow-scrolling: none;
  touch-action: none !important;
  overscroll-behavior: none;
}

/** all wrap **/
#allwrap {
  max-width: 64rem;
  margin: 0 auto;
  overflow: hidden;
}



/** login wrap **/
#loginwrap {
  width: 100%;
  min-height:100dvh;  
  overflow: hidden;
}
#loginwrap .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;  
  z-index:1;  
  transform: scale(1);
  transition: transform 1s ease;
}
@media (max-width: 540px) {
  #loginwrap {
    background-position: right top;
  }
}
#loginwrap > div {
  visibility: hidden;
  opacity:0;
}
#loginwrap .mlogo {
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  margin:-3.5rem 0 0 0;
  text-align:center;
  transition: all 1.2s ease;
  visibility: hidden;
  opacity:0;  
  z-index:2;
}
#loginwrap .mlogo.active {
  visibility: visible !important;
  opacity:1 !important;  
}
#loginwrap .mlogo.active.move {
  transition: all 0.3s ease;    
  left:0;
  top:7rem;
  margin:0;
}
#loginwrap .mlogo h1 img {width:162px;}

#loginwrap .loginbox {
  position:relative;
  width:100%;
  padding:18.2rem 4rem 0;
  transition: all 2s ease;
  height:0;
  z-index:2;
}
#loginwrap .loginbox.active {
  visibility: visible;
  opacity:1;
  height:auto;
}
#loginwrap .loginform ul li {
  display: block;
  margin: 0 0 1.2rem 0;
}
#loginwrap .loginform ul li:last-child {
  margin: 0;
}
#loginwrap .loginform ul li label {
  display: none;
}
#loginwrap .loginform ul li input {
  width:100%;
  height:3.6rem;
  padding:0 1.2rem;
  border:0;
  border-radius:10rem;
  font-size:1.6rem;
  line-height:3.6rem;
  font-weight:500;
  letter-spacing:-0.05rem;
  color:#000;
  text-align:center;
  background:#fff;
}
#loginwrap .idsave {
  width: 100%;
  padding: 2rem 0 0 1.2rem;
}
#loginwrap .idsave label {
  color: #fff;
  font-size:1.3rem;
  padding:0 0 0 3.2rem;
  line-height:2.4rem;
}

#loginwrap .loginbtn {
  width: 100%;
  margin: 4.5rem 0 2.6rem 0;
  text-align:center;
}
#loginwrap .loginbtn a {
  display:block;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;  
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
  background:#00c6bb;
  border-radius:10px;
}

#loginwrap .shookupMore {   
  width:100%;
  overflow:hidden; 
}
#loginwrap .shookupMore .shgo {
  width: 100%;  
  border-top:1px #fff solid;
  padding: 2.4rem 0 3.2rem 0;
  text-align: center;
}
#loginwrap .shookupMore .shgo:last-child {
  padding: 2.4rem 0 0 0;
}
#loginwrap .shookupMore .shgo .stt {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.02rem;  
  padding:0 0 1.2rem;
}
#loginwrap .shookupMore .shgo a {
  display: inline-block;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;  
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
  background:#000;
  border-radius:10px;
}
#loginwrap .shookupMore .shgo a span {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 4rem;
}

/** header **/
header {
  position: relative;
  width: 100%;
  height: 5.4rem;
  background: #4b35fd;
  overflow: hidden;
}
header .logo {
  position: relative;
  padding: 1rem 0 0 2.4rem;
}
header .logo img {width:7.4rem;}
header .mynavi {
  position: absolute;
  right: 2.2rem;
  top: 1.4rem;
}
header .mynavi ul li {
  float: left;
  padding: 0 0 0 1rem;
}
header .mynavi ul li img {
  width:2.8rem;
}
header .mynavi ul li a span {
  font-size: 1.3rem;
  color: #fff;
  letter-spacing: -0.02rem;
  font-weight:500;
  line-height: 2.8rem;
}

/** footer **/
footer {
  visibility: hidden;
  opacity:0;
  height:0;
  position: relative;
  border-top: 1px #323232 solid;
  width: 100%;
  margin:5rem 0 0 0;  
  overflow: hidden;
  background:#111;
  z-index:2;
}

#loginwrap footer {
  border-top: 1px #fff solid;
  background:transparent;
}

footer.active {
  visibility: visible;
  opacity:1;
  height:auto;
}
footer .finfo {
  width: 100%;
  padding:0 0 0 2.4rem;
  overflow: hidden;
}
footer .finfo ul {
  font-size: 0;
  line-height: 0;
}
footer .finfo ul li {
  position: relative;
  float: left;
  padding: 0 1.4rem 0 0;
  margin: 0 1.4rem 0 0;
}
footer .finfo ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1rem;
  background: #fff;
  margin: -0.5rem 0 0 0;
}
footer .finfo ul li:last-child {
  padding: 0;
  margin: 0;
}
footer .finfo ul li:last-child:after {
  display: none;
}
footer .finfo ul li a {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 4.2rem;
}
footer .cscenter {
  position: absolute;
  right: 2.4rem;
  top: 0;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem; 
  line-height: 4.2rem;
}
footer .copyright {
  width: 100%;  
  font-size: 1.2rem;
  color: #fff;
  letter-spacing: -0.02rem;
  line-height: 3rem;
  text-align: center;
  background:#000;
  border-top:1px #323232 solid;
  padding:0 0 2rem 0;
}
#loginwrap footer .copyright {
  border-top: 1px #fff solid;
  background:transparent;  
}





/********* content *********/
/** content **/
#content {
  width: 100%;
  padding: 1.8rem 2rem 0;
  background: #000;
  overflow: hidden;
}

/* subTit */
.subTit {
  text-align: center;
  padding: 2.2rem 0 2rem;
}
.subTit h2 {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
}
.subTit p {
  color: #aaa;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.05rem;
  line-height: 1.6;
  padding: 0.8rem 0 0;
}

/* login form */
.iFormDx {
  width: 100%;
}
.iFormDx .loginBx {
  width:100%;
  border:1px #323232 solid;
  border-radius:3rem;
  background:#222;
  padding:0 2rem;
  margin:0 0 1.2rem 0;
  overflow:hidden;
}
.iFormDx .loginBx .loginTit {
  font-size: 1.6rem;
  text-align: center;
  padding: 2.6rem 0 1.7rem;  
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  width: 100%;
}
.iFormDx .loginBx .inputBx {
  padding: 0 0 1rem 0;
}
.iFormDx .loginBx .inputBx input {
  width:100%;
  height:3.6rem;
  border-radius:10rem;
  border:0;
  background:#333;
  padding:0 2rem;
  color:#fff;
  line-height:3.6rem;
  border:0.2rem #333 solid;
  font-size:1.3rem;
}
.iFormDx .loginBx .inputBx input:focus {
  border-color:#00c6bb;
}
.iFormDx .loginBx .inputBtn {
  margin: 1rem 0 3.6rem 0;
  text-align: center;
}
.iFormDx .loginBx .inputBtn a {
  display: inline-block;
  padding:0 0 0.02rem 0;
  border-bottom: 2px #fff solid;    
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02rem;
  color: #fff;
}
.iFormDx .loginBx .inputBx.interval {
  padding:2.8rem 0 1rem 0;
}
.iFormDx .loginBx .inputBtn.interval {
  padding:0 0 2.8rem 0;
}


.iFormDx .idStxt {
  width: 100%;    
  padding: 0 0 3.6rem 0;
}
.iFormDx .idStxt .findId {  
  font-size: 1.3rem;
  color: #aaa;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  padding: 0 0 1rem 0;
  border-bottom: 1px #323232 solid;
}
.iFormDx .idStxt .findId strong {
  display:inline-block;
  font-size:1.8rem;
  color:#00c6bb;
  font-weight:500;
  padding:0 0 0 0.8rem;
}
.iFormDx .wrongInfo {
  text-align: center;
  padding: 2.8rem 0 0 0;
}
.iFormDx .wrongInfo span {
  display: inline-block;
  padding: 0 0 0 1.8rem;
  font-size: 1.3rem;
  color: #ff0101;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  background: url("../images/bg/bg_text_x.png") left top 0.3rem no-repeat;
}



/* essential */
.ess {
  position: relative;
}
.ess::after {
  content: "*";
  position: absolute;
  top: 1rem;
  left: 1.6rem;
  font-size: 1.3rem;
  color: #00c6bb;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.ess input[type="text"],
.ess input[type="password"] {
  padding: 0 0 0 2.8rem;
}
.ess input.datepicker {
  padding: 0 4rem 0 2.8rem;
}
.ess select {
  padding: 0 0 0 3rem;
}
.ess textarea {
  padding-left: 2.8rem;
}

/* tabs */
.tabs {
  position:relative;
  width: 100%;
  margin:2rem 0 0 0;  
}
.tabs p {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02;
  padding:0.6rem 0 1rem 0;
}

.tabs:after {
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  width:1000%;
  height:1px;
  margin:0 0 0 -500%;
  background:#323232;
}
.tabs ul:after {
  content: "";
  display: block;
  clear: both;
}
.tabs ul li {
  float: left;
  width: 50%;  
  border-left: 0;
  position: relative;
}
.tabs ul li a {
  display: block;
  height: 3.2rem;
  text-align: center;
}
.tabs ul li a span {
  font-size: 1.5rem;
  color: #888;
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: -0.02;
}
.tabs ul li.on:after {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:0.3rem;
  background:#fff;
}
.tabs ul li.on a span {
  color: #fff;
}
.tabs ul.fourSix li:nth-child(1) {width:45%;}
.tabs ul.fourSix li:nth-child(2) {width:55%;}


/* join form */
.jFormDx {
  width: 100%;
  border:1px #323232 solid;
  border-radius:3rem;
  background:#222;
  padding:0 2rem 3.6rem;
  margin:0 0 1.4rem 0;
  overflow:hidden;
}
.jFormDx:last-child {
  margin:0;
}
.jFormDx .idNoti {
  font-size: 1.3rem;
  margin:2.4rem 0 1.4rem 0;
  color:#aaa;
  padding:0 0 0 2rem;
  letter-spacing:-0.02rem;
}
.jFormDx .idNoti strong {
  font-size: 1.6rem;
  color:#fff;
  letter-spacing:-0.02rem;
  padding:0 0 0 1.4rem;
}

.jFormDx .essTxt {
  font-size: 1.3rem;
  color: #00c6bb;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  padding: 2.2rem 1.4rem 0.8rem 0;
  text-align: right;
}
.jFormDx .jFormBx {
  position: relative;
  width: 100%;
  padding: 0 0 1.6rem 0;
}
.jFormDx .jFormBx > ul > li {
  display: block;
  margin: 0 0 1.6rem 0;
}
.jFormDx .jFormBx li:last-child {
  margin: 0;
}
.jFormDx .jFormBx li .addTxt {
  font-size: 1.3rem;
  margin:0.7rem 0 0 0;
  color:#aaa;
  padding:0 0 0 2rem;
}
.jFormDx .jFormBx li .addTxt.w200 {
  width:200%;
}
.jFormDx .jFormBx li .disabled {
  border-bottom: 1px #efefef solid;
  font-size: 1.6rem;
  color: #000;
  line-height: 4.4rem;
  letter-spacing: -0.02rem;
}
.jFormDx .jFormBx li .disabled span {
  font-size: 1.4rem;
  color: #888;
  line-height: 4.4rem;
  letter-spacing: -0.02rem;
  padding: 0 1.2rem 0 0;
}
.jFormDx .jFormBx li .field {
  position: relative;
}
.jFormDx .jFormBx li .field input {
  font-size: 1.3rem;
  background:#333;
  border-radius:10rem;
  line-height:3.6rem;
  color:#fff;
  font-size:1.6rem;
  border:0.2rem #333 solid;
}
.jFormDx .jFormBx li .field input:focus {
border-color:#00c6bb;
}
.jFormDx .jFormBx li .field input::placeholder {
  font-size: 1.3rem;
}
.jFormDx .jFormBx li .field input.caution + .addTxt {
  color: #f24b4b;
  padding: 0 0 0 3.4rem;
  background: url("../images/bg/bg_text_x.png") left 2rem top 0.2rem no-repeat;
} 
.jFormDx .jFormBx li .field .addTxt.caution {
  color: #f24b4b;
  padding: 0 0 0 3.4rem;
  background: url("../images/bg/bg_text_x.png") left 2rem top 0.2rem no-repeat;
} 
.jFormDx .jFormBx li .field input.confirm + .addTxt {
  color: #fff;
  padding: 0 0 0 3.4rem;
  background: url("../images/bg/bg_text_o.png") left 2rem top 0.2rem no-repeat;
}
.jFormDx .jFormBx li .field .addTxt.confirm {
  color: #fff;
  padding: 0 0 0 3.4rem;
  background: url("../images/bg/bg_text_o.png") left 2rem top 0.2rem no-repeat;
}
.jFormDx .jFormBx li .field input:disabled + .addTxt {
  color: #bbb;
}
.jFormDx .jFormBx li .regiType ul {
  position: relative;
  display: grid;
  gap: 0 2rem;
  grid-template-columns: 1fr 1fr;
}
.jFormDx .jFormBx li .regiType ul li.unit {
  position: absolute;
  top: 0;
  left: calc(50% - 1rem);
  font-size: 1.4rem;
  color: #999;
  line-height: 3.8rem;
  letter-spacing: -0.02rem;
  width: 2rem;
  text-align: center;
}
.jFormDx .jFormBx li .regiType .regiSecret {
  position: relative;
}
.jFormDx .jFormBx li .certType {
  position: relative;
  padding: 0 10.2rem 0 0;
}
.jFormDx .jFormBx li .certType .cetxt {
  position: absolute;
  right: 3rem;
  top: 0;
  font-size: 1.3rem;  
  color:#aaa;
  line-height:3.8rem;
  letter-spacing:-0.02rem;
}
.jFormDx .jFormBx li .bankType ul {
  position: relative;
  display: grid;
  gap: 0 0.6rem;
  grid-template-columns: 2fr 3fr;
}
.jFormDx .jFormBx li .mingapType ul {
  position: relative;
  display: grid;
  gap: 0 0.6rem;
  grid-template-columns: 1fr 1fr;
}
.jFormDx .certWBtn {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 9.5rem;
  height:3.6rem;
  text-align: center;
  border: 1px #6c6c6c solid;
  background: #333;  
  border-radius:10rem;
}
.jFormDx .certWBtn span {
  font-size: 1.3rem;
  color: #fff;
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
}

.jFormDx .certBBtn {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 9.5rem;
  height:3.6rem;
  text-align: center;
  border: 1px #777 solid;
  background: #777;  
  border-radius:10rem;
}
.jFormDx .certBBtn span {
  font-size: 1.3rem;
  color: #fff;
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.jFormDx .jFormBx li .textR {
  width: 100%;
  text-align: right;
  padding: 1.2rem 0 0 0;
}
.jFormDx .jFormBx li .textR .certBBtn {
  position:relative;
  left:0;
  top:0;  
  display:inline-block;
}



.jFormDx .noti {
  width: 100%;
  text-align: center;
  margin:1.4rem 0 0 0;
  padding:2.8rem 0 0 0;
  border-top:1px #323232 solid;
}
.jFormDx .noti p {
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -0.02rem;
  padding: 0 0 1.4rem;
}
.jFormDx .noti .accBtn {
  display: inline-block;
  width: 100%;
  text-align: center;    
  background: #777;
  font-size: 1.4rem;
  color: #fff;
  line-height: 4.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
  border-radius:0.8rem;
}
.jFormDx .autoChk {
  width: 100%;
  margin: 2.8rem 0 0 0;
  padding:2.8rem 0 0 0;
  border-top:1px #323232 solid;
}
.jFormDx .autoChk p {
  position: relative;
  font-size: 1.2rem;
  color: #f24b4b;
  line-height: 1.4;
  letter-spacing: -0.02rem;
  margin: 1.3rem 0 1.5rem 0;
  padding: 0 0 0 3rem;
}
.jFormDx .autoChk p span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
  color: #f24b4b;
  line-height: 1.4;
  letter-spacing: -0.02rem;
}
.jFormDx .riderTxt {
  width: 100%;
  margin: 2.8rem 0 0 0;
}
.jFormDx .riderTxt p {
  position: relative;
  font-size: 1.2rem;
  color: #aaa;
  line-height: 1.5;
  letter-spacing: -0.02rem;
  margin: 0 0 1rem 0;
  padding: 0 0 0 1.4rem;
}
.jFormDx .riderTxt p:after {
  content:'';
  display:inline-block;
  position: absolute;
  left: 0.4rem;
  top: 0.8rem;
  width:0.2rem;
  height:0.2rem;
  background:#aaa;
  border-radius:100%;
}
.confirmationBtn {
  width: 100%;
  margin:1.8rem 0 0 0;
  text-align: center;
  border-radius:0.8rem;
  overflow:hidden;
}
.confirmationBtn a {
  display: inline-block;
  width: 100%;
  text-align: center;  
  background: #00c6bb;
  font-size: 1.6rem;
  color: #fff;
  line-height: 4.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
}

.modifiBtn {
  width: auto;
  margin:1.8rem 0 0 0;
  text-align: center;  
}
.modifiBtn a {
  display: inline-block;
  padding:0 1.6rem;
  text-align: center;  
  background: #00c6bb;
  font-size: 1.3rem;
  color: #fff;
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
  border-radius:10rem;
  overflow:hidden;
}



/* interval */
.jFormDx.sub {
  margin:1.8rem 0 0 0;
}

.jFormDx .jFormBx .mbm1 {
  margin-bottom:0.6rem;
}
.jFormDx .jFormBx.mto {
  margin-top: 1.4rem;
}
.jFormDx .jFormBx.mto2 {
  margin-top: 2.8rem;
  padding:0;
}

/* join agency list */
.jFormAgencyList {
  width:100%;
  overflow:hidden;
}
.jFormAgencyList li {
  font-size:1.3rem;
  color:#ddd;
  line-height:1.5;
  letter-spacing:-0.02rem;
  padding:0 0 0 2.2rem;
}


/* join fin go */
.joinFin {
  width: 100%;
  text-align: center;
  padding: 12rem 2rem 0;
  background: url('../images/ico/ico_join_fin.png') center top no-repeat;
  background-size:9rem auto;
  margin: 13rem auto 4rem;
}
.joinFin .jFTit {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
}
.joinFin p {
  color: #aaa;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.05rem;
  line-height: 1.4;
  padding: 0.8rem 0 0;
}

.joinFinGo {
  margin:3.4rem 2rem 0;
  width: 100%;
  margin:1.8rem 0 13rem 0;
  text-align: center;
  border-radius:0.8rem;
  overflow:hidden;
}
.joinFinGo a {
  display: inline-block;
  width: 100%;
  text-align: center;  
  background: #4b35fd;
  font-size: 1.6rem;
  color: #fff;
  line-height: 4.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
}

/* visa info */
.visaInfo {
  width:100%;
  overflow:hidden;
  margin:1.6rem 0 3rem;
  border-top:1px #323232 solid;
  border-bottom:1px #323232 solid;
}
.visaInfo ul {padding:1.2rem 0;}
.visaInfo ul li {
  position:relative;
  padding:0.4rem 0 0.4rem 6.2rem;
  font-size:1.6rem;
  color:#fff;
  line-height:1.2;
  letter-spacing:-0.02rem;
}
.visaInfo ul li span {
  position:absolute;
  left:1.8rem;
  top:0.6rem;
  font-size: 1.3rem;  
  line-height:1.2;
  color:#aaa;  
  letter-spacing:-0.02rem;
}

/* content gate */
.gateTabs {
  background: #222;
  border-radius: 30px;
  padding: 0.4rem;
  box-sizing: border-box;
}
.gateTabs ul {
  display: block;  
  margin: 0;
  padding: 0;
}
.gateTabs ul li {
  float:left;
  text-align:center;
}
.gateTabs ul:after {content:""; display:block; clear:both;}
.gateTabs ul li:nth-child(1) {
  width:40%;
}
.gateTabs ul li:nth-child(2) {
  width:25%;
}
.gateTabs ul li:nth-child(3) {
  width:35%;
}

.gateTabs ul li a {
  display: block;
  padding: 1.2rem 0;
  color: #888;
  text-decoration: none;
  border-radius: 30px;
  transition: all 0.3s;
  font-size:1.4rem;
}
.gateTabs ul li.active a {
  background: #4b35fd;
  color: #fff;
}
.gateTabs ul.two li a { 
  padding:1.2rem 0;
} 
.gateTabs ul.two {
  display:block;
}
.gateTabs ul.two:after {content:""; display:block; clear:both;}
.gateTabs ul.two li {
  float:left;
  text-align:center;
}
.gateTabs ul.two li:nth-child(1) { 
  width:60%;
}
.gateTabs ul.two li:nth-child(2) { 
  width:40%;
} 



.gateInfo {
  width: 100%;
  border:1px #323232 solid;
  border-radius:3rem;
  background:#222;
  padding:0 2rem;
  margin:1.8rem 0 0 0;
  overflow:hidden;
}
.gateInfo .gTxt {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  padding:2.8rem 0;
}
.gateInfo .gWon {
  font-size: 2rem;
  color: #00d2c0;
  font-weight: 600;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  padding: 0 0 1rem;
  text-align:right;
}
.gateInfo .notiTx {
  font-size: 1.2rem;
  color: #aaa;
  font-weight: normal;
  letter-spacing: -0.02rem;
  line-height: 1.2;  
  padding: 0.8rem 0 3.2rem;
  border-top:1px #323232 solid;
}


/* content calculate */
.gateCalculate {
  position:relative;
  width: 100%;
  border:1px #323232 solid;
  border-radius:3rem;
  background:#222;
  padding:0 2rem;
  margin:1.8rem 0 0 0;
  overflow:hidden;
}
.gateCalculate .gcTit {
  position:relative;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  margin:2.8rem 0 0 0;
  padding:0 0 1.3rem 2.2rem;
  background:url('../images/ico/ico_calculate__tit.png') left top no-repeat;
  background-size:1.5rem auto;
}
.gateCalculate .gcTit:after {
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  width:1000%;
  height:1px;
  margin:0 0 0 -500%;
  background:#333;
}
.gateCalculate .moreBtn {
  position: absolute;
  right: 2rem;
  top: 3rem;
  display: inline-block;
}
.gateCalculate .moreBtn a {
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
  padding:0 0 0 1.2rem;
  background:url('../images/bg/bg_more.png') left top 50% no-repeat;
}
.gateCalculate .gaList {
  width: 100%;
  overflow:hidden;
}
.gateCalculate .gaList > ul > li {
  position: relative;
  padding: 3.3rem 0 3rem;
  border-bottom: 1px #323232 solid;
}
.gateCalculate .gaList > ul > li:last-child {  
  border-bottom: 0;
}
.gateCalculate .gaList > ul > li a {
  display: block;
  width: 100%;
}
.gateCalculate .gaList > ul > li .lDiv {
  width: 100%;  
  padding:0 0 3.2rem 0;
}
.gateCalculate .gaList > ul > li .lDiv * {vertical-align:top;}
.gateCalculate .gaList > ul > li .lDiv > div {
  display:inline-block;
}
.gateCalculate .gaList > ul > li .lDiv .day {
  display: inline-block;  
  background: #666;
  border-radius: 0.5rem;
  margin:0 1rem 0 0;
}
.gateCalculate .gaList > ul > li .lDiv .day span {
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
  padding:0 0.8rem;
}
.gateCalculate .gaList > ul > li .lDiv .day.today {
  background: #4b35fd;
}
.gateCalculate .gaList > ul > li .lDiv .num {  
  font-size: 1.7rem;
  color: #fff;
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.gateCalculate .gaList > ul > li .rDiv {
  width: 100%;
}
.gateCalculate .gaList > ul > li .rDiv .agency {
  font-size: 1.7rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
  padding: 0 0 1.4rem 0;
}
.gateCalculate .gaList > ul > li .cost {
  width: 100%;
}
.gateCalculate .gaList > ul > li .cost li {
  display: block;
  width: 100%;
  position: relative;
  padding: 0 0 0.6rem 0;
}
.gateCalculate .gaList > ul > li .cost li .tt {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.gateCalculate .gaList > ul > li .cost li .tx {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
  text-align: right;
}
.gateCalculate .gaList > ul > li .cost li.total {
  padding: 1.7rem 0 0 0;  
}
.gateCalculate .gaList > ul > li .cost li.total .tt {
  font-weight: 600;
  font-size:1.6rem;
  color: #00d2c0;
  top: 1.7rem;
}
.gateCalculate .gaList > ul > li .cost li.total .tx {
  font-weight: 600;
  font-size:1.6rem;
  color: #00d2c0;  
}

/* sub */
.gateCalculate .gaList.sub > ul > li .rDiv .agency {
  font-size: 1.4rem;  
  padding: 0 0 1.4rem 0;
}
.gateCalculate .gaList.sub  > ul > li .cost li .tt {
  color:#ccc;
}
.gateCalculate .gaList.sub  > ul > li .cost li .tx {
  color:#ccc;
}
.gateCalculate .gaList.sub > ul > li .cost li.total {
  padding: 0.8rem 0 0 0;  
}
.gateCalculate .gaList.sub > ul > li .cost li.total .tt {  
  font-size:1.4rem;
  color: #00d2c0;
  top: 0.8rem;
}
.gateCalculate .gaList.sub > ul > li .cost li.total .tx {  
  font-size:1.6rem;
  color: #00d2c0;  
}

/* biz */
.gateCalculate .gaList.biz > ul > li .rDiv {
  margin-top:-1rem;
}
.gateCalculate .gaList.biz  > ul > li .cost li .tt {
  color:#ccc;
}
.gateCalculate .gaList.biz  > ul > li .cost li .tx {
  color:#ccc;
}
.gateCalculate .gaList.biz > ul > li .cost li.total {
  padding: 0;  
}
.gateCalculate .gaList.biz > ul > li .cost li.total .tt {  
  font-size:1.4rem;
  color: #00d2c0;
  top: 0;
}
.gateCalculate .gaList.biz > ul > li .cost li.total .tx {  
  font-size:1.6rem;
  color: #00d2c0;  
}


/* content deposit */
.gateDeposit {
  position: relative;
  width: 100%;
  margin:5.6rem 0 0 0;
  overflow: hidden;
}
.gateDeposit .gaTit {
  position:relative;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;  
  padding:0 0 1.3rem 2.5rem;
  background:url('../images/ico/ico_deposit__tit.png') left 0.3rem top no-repeat;
  background-size:1.6rem auto;
}
.gateDeposit .moreBtn {
  position: absolute;
  right: 0;
  top: 0.2rem;
  display: inline-block;
}
.gateDeposit .moreBtn a {
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
  padding:0 0 0 1.2rem;
  background:url('../images/bg/bg_more.png') left top 50% no-repeat;
}

.gdTable {
  width: 100%;
  border-top: 1px #323232 solid;
}
.gdTable table th {
  padding: 1.2rem 0;
  border-bottom: 1px #323232 solid;  
}
.gdTable table th span {
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.gdTable table td {
  text-align: center;
  padding: 1.2rem 1rem;  
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.4;
  letter-spacing: -0.02rem;
}
.gdTable table tr:first-child td {padding-top:1.6rem;}
.gdTable table td .won {
  font-size:1.4rem;
  font-weight:500;
  color:#fff;
}
.gdTable table td .inwon {
  display:block;
  font-size:1.4rem;
  font-weight:500;
  color:#fff;
  text-align:right;
  padding:0 3rem 0 0;
}
.gdTable table td.l {
  text-align: left;
}
.gdTable table td.r {
  text-align: right;
}
.gdTable table td.dep1 {
  padding-left: 2.1rem;
}
.gdTable table td.dep2 {
  padding-left: 3rem;
}
.gdTable table tr.fin td {color:#aaa;}
.gdTable table tr.fin td .won {
  color:#aaa;
}
.gdTable table td .color {
  font-size:1.2rem;
  color:#00c6bb;
}
.gdTable.sub {
  margin-bottom:2.8rem;
}
.gdTable.sub table td {
  color:#aaa;
  padding:1.2rem 0;
}
.gdTable.sub table td .won {
  font-size:1.2rem;
}


.gdBizTable {
  width: 100%;
  border-top: 1px #323232 solid;
}
.gdBizTable table th {
  padding: 1.2rem 0;
  border-bottom: 1px #323232 solid;  
}
.gdBizTable table th span {
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.gdBizTable table th span u {
  display:block;
  text-decoration:none;
  color:#aaa;
  line-height:1.6;
}
.gdBizTable table .r {
  padding-right:1.7rem;
  text-align:right;
}
.gdBizTable table td {
  text-align: center;
  padding: 1.2rem 0.5rem;  
  font-size: 1.2rem;
  color: #aaa;
  line-height: 1.4;
  letter-spacing: -0.02rem;
  border-bottom: 1px #323232 solid;
}
.gdBizTable table tr:last-child td {
  border-bottom:0;
  padding-bottom:0;
}
.gdBizTable table td .num {
  color:#fff;
}
.gdBizTable table td .won {
  color:#fff;
}
.gdBizTable table td .won span {
  display:block;
  padding:0.5rem 0 0 0;
  color:#aaa;
}


.gateDTable {
  width: 100%;
  border-top: 1px #323232 solid;
}
.gateDTable table th {
  padding: 1.2rem 0;
  border-bottom: 1px #323232 solid;  
}
.gateDTable table th span {
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.gateDTable table td {
  text-align: center;
  padding: 1.2rem 1rem;  
  font-size: 1.3rem;
  color: #ccc;
  line-height: 1.4;
  letter-spacing: -0.02rem;
  border-bottom:1px #323232 solid;
}
.gateDTable table tr:first-child td {padding-top:1.6rem;}
.gateDTable table td .won {
  font-size:1.3rem;
  font-weight:500;
  color:#fff;
}
.gateDTable table td.l {
  text-align: left;
  padding-left:0;
}
.gateDTable table td.r {
  text-align: right;
  padding-right:0.7rem;
}
.gateDTable table td.dep1 {
  padding-left: 0.8rem;
}
.gateDTable table td.dep2 {
  padding-left: 2rem;
}
.gateDTable table tr.bg td {background:#333;}
.gateDTable table tr.fin td {color:#ccc;}
.gateDTable table tr.fin td .won {
  color:#ccc;
}

/* content notice */
.gateNotice {
  position: relative;
  width: 100%;  
  margin:4.5rem 0 0 0;
  overflow: hidden;
}
.gateNotice.interval {margin:6rem 0 0 0;}
.gateNotice .ganTit {
  position:relative;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;  
  padding:0 0 1.3rem 2.6rem;
  background:url('../images/ico/ico_notice__tit.png') left top no-repeat;
  background-size:2rem auto;
}
.gateNotice .moreBtn {
  position: absolute;
  right: 0;
  top: 0.2rem;
  display: inline-block;
}
.gateNotice .moreBtn a {
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 500;
  padding:0 0 0 1.2rem;
  background:url('../images/bg/bg_more.png') left top 50% no-repeat;
}
.gateNotice ul {
  display:block;
  padding: 1.2rem 0 1rem;
  border-top: 1px #323232 solid;  
}
.gateNotice ul li {
  display: block;
  width: 100%;
  padding: 0.8rem 0;
}
.gateNotice ul li a {
  position: relative;
  display: block;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  padding: 0 0 0 8.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gateNotice ul li a .day {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
  color: #aaa;
  font-weight: 500;
  letter-spacing: -0.02rem;
  padding: 0 0 0 1.2rem;
}
.gateNotice ul li a .day:after {
  position: absolute;
  left: 0.2rem;
  top: 0.4rem;
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background: #aaa;
  border-radius: 100%;
}
.gateNotice ul li a span {
  font-size: 1.2rem;
  color: #00d2c0;
  font-weight: 600;
  letter-spacing: -0.02rem;
  padding:0 0.6rem 0 0;
}
.ganVSubject {
	position:relative;
	border-top: 1px #323232 solid;
	border-bottom: 1px #323232 solid;
	padding:1.2rem 1.6rem;
}
.ganVSubject:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#323232;
	opacity:0.5;
	z-index:1;
}
.ganVSubject p {
	position:relative;
	font-size: 1.4rem;
  color: #fff;
  font-weight: 500;
  line-height:1.8;
  letter-spacing: -0.02rem;
  word-break:keep-all;
  z-index:2;
}
.ganVCont {
	font-size: 1.4rem;
  color: #fff;
  font-weight: 500;
  line-height:1.8;
  letter-spacing: -0.02rem;
  padding:2rem 1.6rem;
  word-break:keep-all;
}
	
	
/* search wrap */
.searchWrap {
  position: relative;
  width: 100%;
  padding: 2.4rem 6.8rem 1.2rem 0;
  border-bottom:1px #323232 solid;  
}
.searchWrap .sBtn {
  position: absolute;
  right: 0;
  bottom: 1.2rem;
  width: 6rem;
  height: 3.8rem;
  border-radius:10rem;
  text-align: center;
  background: #777;
  display:inline-block;
}
.searchWrap .sBtn span {
  display: inline-block;
  width: 100%;  
  line-height: 3.8rem;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
}
.searchWrap ul {
  position: relative;
  font-size:0;
  line-height:0;
}
.searchWrap ul:after {
	content: "";
    display: block;
    clear: both;
}
.searchWrap ul li {	
	float:left;
	width:calc(50% - 0.6rem);
}
.searchWrap ul li:nth-child(3) {	
	float:right;
 }
.searchWrap ul li.unit {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1.4rem;
  text-align: center;
  font-size: 1.2rem;
  color: #999;
  line-height: 3.8rem;
  margin: 0 0 0 -0.7rem;
}
.searchWrap.biz {
  padding: 2.4rem 0 1.2rem 0;
}
.searchWrap.biz input {
  width:12rem;
  margin:0 0.6rem 0 0;
}
.searchWrap.biz .sBtn {
  position:relative;
  right:auto;
  left:0;
  bottom:auto;
  top:0;
}



/* */
.calDetail {
  position:relative;
  width: 100%;
  padding-bottom:3.8rem;
}
.calDetail:after {
  content:'';
  position:absolute;
  left:50%;
  top:0;
  width:1000%;
  height:1px;
  background:#323232;
  margin:0 0 0 -500%;
}
.calDetail .cdTit {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  padding: 2.4rem 0 1rem;
}

.listBtn {
  width: auto;
  margin:1.8rem 0 0 0;
  text-align: center;  
}
.listBtn a {
  display: inline-block;
  padding:0 1.6rem;
  text-align: center;  
  background: #777;
  font-size: 1.3rem;
  color: #fff;
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
  border-radius:10rem;
  overflow:hidden;
}

.memoList {
  position:relative;
  width: 100%;
  border:1px #323232 solid;
  border-radius:3rem;
  background:#222;
  padding:0 2rem 3.8rem;
  margin:2.4rem 0 0 0;
  overflow:hidden;
}
.memoList .mTit {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  padding: 2.4rem 0 1rem;
  border-bottom:1px #323232 solid;
}
.memoList .mTxt {
  width:100%;
  margin:1.4rem 0 0 0;
  overflow:hidden;
}
.memoList .mTxt p {
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.5;
}

/* dRoundDx */
.dRoundDx {
  width: 100%;
  border:1px #323232 solid;
  border-radius:3rem;
  background:#222;
  padding:0 0 3.8rem;
  margin:1.8rem 0 0 0;
  overflow:hidden;
}
.dRequest {
  position:relative;
  width:100%;
  margin:2.4rem 0 1.5rem;
  padding:0 4rem 0 12rem;
  overflow:hidden;
}
.dRequest .wtt {
  position:absolute;
  left:2rem;
  top:0;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 3.8rem;
}
.dRequest .wForm {
  width:100%;
  overflow:hidden;
}
.dRequest .wForm input {
  border-radius:10rem;
  text-align:right;
  padding:0 1.5rem 0 0;
  font-size:1.6rem;
}
.dRequest .wtx {
  position:absolute;
  right:2rem;
  top:0;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 3.8rem;
}
.dRex {
  width:100%;
  background:#101010;
  padding:2.5rem 2rem;
  text-align:center;
}
.dRex .drTit {
  font-size: 1.4rem;
  color: #00c6bb;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  padding:0 0 1rem 0;
}
.dRex .drTxt {
  font-size: 1.3rem;
  color: #aaa;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;  
}
.dRinfo {
  width:100%;
  padding:0 2rem;
  overflow:hidden;
}
.dRinfo .dtt {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  padding: 2.4rem 0 1rem;
  border-bottom:1px #323232 solid;
}
.dRinfo p {
  position:relative;
  padding:1.6rem 0 0 1.4rem;
  font-size: 1.4rem;
  color: #ccc;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.4;
}
.dRinfo p a {
  display:inline-block;
  color:#fff;
  border-bottom:2px #fff solid;
}

.dRinfo p:after {
  content:'-';
  position:absolute;
  left:0;
  top:1.6rem;
  font-size: 1.4rem;
  color: #ccc;
  font-weight: 500;
  letter-spacing: -0.02rem;
  line-height: 1.2;
}



/** form **/
input[type="text"],
input[type="password"] {
  width: 100%;
  height: 3.6rem;
  padding: 0 0 0 2rem;
  margin: 0;
  background: #333;
  border: 0;
  transition: border-color 0.3s ease;
  font-size: 1.3rem;
  color: #fff;
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder {
  color: #999;
}
input[type="text"]:disabled,
input[type="password"]:disabled {
  cursor: not-allowed;
}
input[type="text"]:focus,
input[type="password"]:focus {
  border-color: #00c6bb;
}
input.datepicker {
  padding: 0 3rem 0 1.3rem;  
  background:url('../images/bg/bg_datepicker.png') right 1rem top 50% #333 no-repeat;
  background-size: 1.4rem auto;
  border-radius:10rem;
  font-weight:500;
}
input[type="checkbox"],
input[type="radio"] {
  opacity: 0;
}

/* select */
select {
  width: 100%;
  height: 3.6rem;
  padding: 0 0 0 2rem;
  margin: 0;
  border: 0;
  transition: border-color 0.3s ease;
  font-size: 1.3rem;
  color: #fff;
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
  border-radius:10rem;
  background:url('../images/bg/bg_select.png') right 1.4rem top 50% #333 no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.3s ease;
}
select:focus {
  outline: none;
  border-color: rebeccapurple;
}
select:required:invalid {
  color: #aaa;
}
option[value=""][disabled] {
  display: none;
}

/* radio, checkbox */
.fmRad,
.fmChk,
.fmChk2 {
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}
.fmRad *,
.fmChk *,
.fmChk2 * {
  transition: all 0.3s ease;
}
.fmRad-i::before,
.fmRad-i::after,
.fmChk-i::before,
.fmChk-i::after {
  content: "";
  position: absolute;
}
.fmRad + .fmRad-i,
.fmChk + .fmChk-i {
  display: inline-block;
  width: auto;
  cursor: pointer;
  box-sizing: border-box;
  padding-left: 3.2rem;
  font-size: 1.3rem;
  color: #aaa;
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
  position: relative;
}
.fmRad + .fmRad-i::after,
.fmChk + .fmChk-i::after {
  width: 2.4rem;
  height: 2.4rem;
  left: 0;
  top: 0;
}
.fmRad + .fmRad-i.blank,
.fmChk + .fmChk-i.blank {
  padding-left: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
}
.fmRad + .fmRad-i.blank::after,
.fmChk + .fmChk-i.blank::after {
  left: 0;
  top: 0;
}

/* radio */
.fmRad-i::after {
  background: url("../images/bg/bg_radio.png") left top 50% no-repeat;
  background-size: 2.4rem;
}
.fmRad:checked + .fmRad-i {
  color: #fff;
}
.fmRad:checked + .fmRad-i::after {
  background: url("../images/bg/bg_radio_on.png") left top 50% no-repeat;
  background-size: 2.4rem;
}

/* checkbox */
.fmChk-i::after {
  background: url("../images/bg/bg_checkbox.png") left top 50% no-repeat;
  background-size: 2.4rem auto;
}
.fmChk:disabled + .fmChk-i {
  color: #bbb;
}
.fmChk:disabled + .fmChk-i::after {
  background: url("../images/bg/bg_checkbox.png") left top 50% no-repeat;
  background-size: 2.4rem auto;
}
.fmChk:checked + .fmChk-i {
  color: #fff;
}
.fmChk:checked + .fmChk-i::after {
  background: url("../images/bg/bg_checkbox_on.png") left top 50% no-repeat;
  background-size: 2.4rem auto;
}

/* file type */
.fileBox {position:relative; width:100%;}
.fileBox:after {content:""; display:block; clear:both;}
.fileBox .fileType {
   width: 100%;
  height: 3.6rem;
  padding: 0 0 0 2rem;
  margin: 0;
  background:url('../images/bg/bg_filebox.png') right 1.2rem top 50% #333 no-repeat !important;
  border: 0;
  transition: border-color 0.3s ease;
  font-size: 1.3rem;
  color: #fff;
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
}
.fileHidden {
  position:absolute; right:0px; top:0px; width:100% !important; 
  height:3.6rem; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}
  
  
 /* 페이징 */
.pagingArea {
    padding: 2rem 0 0;
	margin: 0.5rem 0 0;
    position: relative;
	border-top: 1px #323232 solid;
    width: 100%
}

.pagingArea .paging {
    font-size: 0;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.pagingArea .paging * {
    vertical-align: middle
}

.pagingArea .paging a {
    color: #999;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    height: 2.5rem;
    letter-spacing: -.02rem;
    line-height: 2.5rem;
    margin: 0 .5rem;
    text-align: center;
    width: 2.5rem;
	border-radius:100%;
	overflow:hidden;
}

.pagingArea .paging a.on {
    color: #4b35fd;
	transition: all 0.3s ease;
}

.pagingArea .paging a.first {
    background: url('../images/btn/btn_first.png') 0 0 no-repeat;
	background-color:#323232;
	background-size:2.5rem;
	margin-left:0;
}
.pagingArea .paging a.first:hover {
    background-color:#4b35fd;
}
.pagingArea .paging a.end {
    background: url('../images/btn/btn_last.png') 0 0 no-repeat;
	background-color:#323232;
	background-size:2.5rem;
	margin-right:0;
}
.pagingArea .paging a.end:hover {
    background-color:#4b35fd;.
}
.pagingArea .paging a.prev {
    background: url('../images/btn/btn_prev.png') 0 0 no-repeat;
	background-color:#323232;
	background-size:2.5rem;
}
.pagingArea .paging a.prev:hover {
    background-color:#4b35fd;
}
.pagingArea .paging a.next {
    background: url('../images/btn/btn_next.png') 0 0 no-repeat;
	background-color:#323232;
	background-size:2.5rem;
}
.pagingArea .paging a.next:hover {
    background-color:#4b35fd;
}


/* guide */
.guideWrap {width:100%; padding:2rem 0 0 0; overflow:hidden;}
.guideWrap .guWTit {
	font-size: 2rem;
    font-weight: 600;
	color:#fff;
    letter-spacing: -.02rem;
    line-height: 1.2;
	padding:1.8rem 0 2rem 0;
	text-align:center;
	border-bottom:1px #323232 solid;
}
.guideWrap .guWBody {
	padding:0 2.4rem;
	font-size: 1.4rem;
	color:#f7f7f7;
    letter-spacing: -.02rem;
    line-height: 1.6;
}
.guideWrap .guWBody * {
	font-size: inherit;
	color: inherit;
	letter-spacing: inherit;
    line-height: inherit;
}
.guideWrap .guWBody .fTit {
	padding:3.6rem 0 1.8rem 0;
	font-size: 1.5rem;
	font-weight:600;
	color:#fff;
}
.guideWrap .guWBody .fTxt {
	padding:3.6rem 0 0 0;
}
.guideWrap .guWBody .tit {
	padding:3.6rem 0 0 0;
	font-size: 1.5rem;
	font-weight:600;
	color:#fff;
}
.guideWrap .guWBody .stit {
	padding:1.6rem 0 0 0;
	font-size: 1.5rem;
	font-weight:600;
	color:#fff;
}
.guideWrap .guWBody .txt {
	padding:1.8rem 0 0 0;
}
.guideWrap .guWBody .stxt {
	padding:0;
}
.guideWrap .guWBody .txt p {
	padding:0 0 0 1.6rem;
}