@import "reset.css";

/*
html, body{
  -ms-overflow-style: none;
  scrollbar-width: none;
 }

::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
  -webkit-appearance: none;
}
*/

.popup {
	z-index: 9999 !important;
}

::-moz-selection {
   background: #FC2E5B;
   color: #fff;
}
::selection {
   background: #FC2E5B;
   color: #fff;
}

input, textarea, button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

div, p, span, li, ul {
  line-height: 161.8%;
}

/* input box color */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

:root {
  --color-main: #FC2E5B;
  --color-text: #222222;
}


.clean::after {
  content: '';
  clear: both;
  display: block;
}

.disNone {
  display: none !important;
}

.disHidden {
  visibility: hidden !important;
}

.overHidden {
  overflow: hidden;
}

/* 헤더 */
#topHead {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999;
}

#topHead .headArea {
  max-width: 1180px;
  margin: 0 auto;
}

#topHead .headArea ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

#topHead .headArea ul > li {
  font-weight: 500;
  font-size: 14px;
  color: #777777;
  line-height: 60px;
  display: flex;
  align-items: center;
}

#topHead .headArea ul .left a,
#topHead .headArea ul .right a {
  display: flex;
}

#topHead .headArea ul .left img {
  height: 22px;
}

#topHead .headArea ul .center span {
  margin: 0 21px;
}

#topHead .headArea ul .center a {
  display: inline-block;
  color: #777;
  letter-spacing: -0.5px;
}

#topHead .headArea ul .right img {
  height: 20px;
}

#topHead .headArea ul .right span:nth-child(2) {
  margin: 0 35px 0 30px;
}

#topHead .headArea ul .right .loginBtn {
  color: #fff;
  background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
  border-radius: 5px;
  font-weight: 700;
  font-size: 13px;
  line-height: 32px;
  width: 77px;
  text-align: center;
  display: block;
}

  #topHead .headArea ul .right .moAppBtn,
  #topHead .headArea ul .left .moMenu {
    display: none;
  }


/* 메인 콘텐츠 */
#conWrap {
  margin-top: 60px;
}

#conWrap .mainBox01 {
  padding: 90px 20px 50px 20px;
  margin: 0 auto;
  position: relative;
}

#conWrap .mainBox01 .titleBox {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  z-index: 9;
}



#conWrap .mainBox01 .titleBox .title {
  background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;

  font-weight: bold;
  font-size: 70px;
  text-align: center;
  line-height: 85px;
}

#conWrap .mainBox01 .titleBox .wonBtn {
  border: 2px solid #FF0056;
  border-radius: 7px;
  color: #FF0056;
  font-weight: 700;
  font-size: 20px;
  line-height: 50px;
  width: 160px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  margin-top: 22px;
}

#conWrap .mainBox01 .titleBox .mAppDown {
  display: none;
}

#conWrap .mainBox01 .mainImg {
  margin: 0 auto;
  text-align: center;
}

#conWrap .mainBox01 .mainImg .imgBox {
  padding: 165px 0 55px 0;
}

#conWrap .mainBox01 .mainImg img {
  width: 100%;
  max-width: 850px;
}

#conWrap .mainBox01 .scroll {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #222222;
}

#conWrap .mainBox01 .scroll span {
  display: block;
  line-height: 1;
}

#conWrap .mainBox01 .scroll img {
  width: 27px;
  margin-top: 8px;
}

#conWrap .mainBox02 {
  text-align: center;
  margin-bottom: 140px;
}

#conWrap .mainBox02 ul {

}

#conWrap .mainBox02 .mText {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
  color: #222222;
}

#conWrap .mainBox02 .sText {
  margin: 30px 0 50px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: #686868;
}

#conWrap .mainBox02 .mBanner {

}

#conWrap .mainBox02 .mBanner .bannerBox {
  max-width: 1180px;
  margin: 0 auto;
}

#conWrap .mainBox02 .mBanner .bannerBox ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/** Lucas01 **/

#conWrap .mainBox02 .mBanner .bannerBox ul > li {
  width: 16.666%;
  text-align: center;
}

#conWrap .mainBox02 .mBanner .bannerBox img {
  width: 100%;
  max-width: 138px;
}

#conWrap .mainBox02 .mBanner .bannerBox ul > li:nth-child(n+7):nth-child(-n+18) {
  margin-top: 50px;
}

/** Lucas01 **/





.mainBox03 {
  padding: 40px 20px 70px 20px;
}

.blueText {
  color: #00A7EF !important;
}

.pinkText {
  color: #FF7BA9 !important;
}

.orangeText {
  color: #F3B001 !important;
}

.purpleText {
  color: #A13CEE !important;
  margin-bottom: 50px !important;
}

.grayText {
  color: #8D8D8D !important;
  margin-top: 50px !important;
}

.greenText {
  color: #00C73C !important;
}

.boxRound {
  border-radius: 35px !important;
  padding: 0 50px;
  margin-top: 20px;
}

.mainBox03 .newBox01 {
  max-width: 1180px;
  margin: 0 auto;
}

.mainBox03 .newBox01 ul.boxFlex {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.mainBox03 .newBox01 .box01 {
  font-weight: 800;
  font-size: 54px;
  color: #222222;
  max-width: 580px;
  width: 49%;
}

.mainBox03 .newBox01 .box01 .box01-1 {
  line-height: 0.7;
  margin-bottom: 40px;
}

.mainBox03 .newBox01 .box01 .box01-1 span {
  background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.mainBox03 .newBox01 .box01 .box01-2 {
  background: #EEF9EF;
  padding-top: 50px;
}

.mainBox03 .roundBox {

}

.mainBox03 .roundBox li {

}

.mainBox03 .roundBox .sTitle {
  font-weight: 800;
  font-size: 20px;
  color: #01C50E;
  margin-bottom: 16px;
}

.mainBox03 .roundBox .mInfo {
  font-weight: 700;
  font-size: 36px;
  color: #222222;
  margin-bottom: 35px;
  line-height: 1.25;
}

.mainBox03 .roundBox .sImg {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.mainBox03 .roundBox .sImg .w400 {
  width: 100%;
  max-width: 400px;
}

 .mainBox03 .roundBox .sImg .pdb30 {
   padding-bottom: 30px;
 }

.mainBox03 .roundBox .sImg .w360 {
  width: 100%;
  max-width: 360px;
}

.mainBox03 .roundBox .width320 {
  width: 320px;
  overflow: hidden;
}

.mainBox03 .roundBox .slideFlex {
  display: flex;
  align-items: flex-end;
  line-height: 0;
  font-size: 0;
}

.mainBox03 .newBox01 .box02 {
  max-width: 580px;
  width: 49%;
}

.mainBox03 .newBox01 .box02 .box02-1 {
  background: #ECF6FA;
  padding-top: 50px;
}

.mainBox03 .newBox01 .box03 {
  max-width: 580px;
  width: 49%;
}

.mainBox03 .newBox01 .box03 .box03-1 {
  background: #FFF5FB;
  padding-top: 50px;
}

.mainBox03 .newBox01 .box04 {
  max-width: 580px;
  width: 49%;
}

.mainBox03 .newBox01 .box04 .box04-1 {
  background: #FFFDE7;
  padding-top: 50px;
}

.mainBox03 .newBox01 .box05 {
  width: 100%;
  max-width: 1180px;
}

.mainBox03 .newBox01 .box05 .box05-1 {
  background: #FBF5FF;
  padding-top: 50px;
}


.mainBox03 .newBox01 .box05 ul.roundBox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.mainBox03 .newBox01 .box05 ul.roundBox p.mInfo {
  margin: 16px 0;
}

.mainBox03 .newBox01 .box05 ul.roundBox p.mInfo2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #686868;
  margin-bottom: 25px;
}

.mainBox03 .newBox01 .box05 ul.roundBox p.mInfo3 {
    height: 29px;
}

.mainBox03 .newBox01 .box05 ul.roundBox p.mInfo3 img {
  width: 29px;
  cursor: pointer;
}

.mainBox03 .newBox01 .box05 ul.roundBox p.mInfo3 img:first-child {
  margin-right: 15px;
}


/***/

.mainBox03 .newBox01 .box06 {
  width: 100%;
  max-width: 1180px;
}

.mainBox03 .newBox01 .box06 .box06-1 {
  background: #F4F6F8;
  padding-bottom: 50px;
}


.mainBox03 .newBox01 .box06 ul.roundBox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.mainBox03 .newBox01 .box06 ul.roundBox p.mInfo {
  margin: 16px 0;
}

.mainBox03 .newBox01 .box06 ul.roundBox p.mInfo2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #686868;
  margin-bottom: 25px;
}



.mainBox04 {
  padding: 70px 20px;
  text-align: center;
}

.mainBox04 .mainBoxArea {

}

.mainBox04 .mainBoxArea .naverImg {
  margin-bottom: 17px;
  line-height: 0;
}

.mainBox04 .mainBoxArea .naverImg img {
  height: 40px;
}

.mainBox04 .mainBoxArea .title {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.3;
  text-align: center;
  color: #222222;
  margin-bottom: 30px;
}

.mainBox04 .newBox02 {
  max-width: 1180px;
  margin: 0 auto;
}

.mainBox04 .newBox02 ul.boxFlex {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.mainBox04 .newBox02 ul.boxFlex .box01 {
  font-weight: 800;
  font-size: 54px;
  color: #222222;
  max-width: 405px;
  flex-grow: 1;
  width: 34%;
  margin-right: 10px;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .roundBox {
  padding: 40px;
  height: 312px;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .box01-2 {
  background: linear-gradient(150deg, #97EC74 4%, #14B890 100%);
  padding: 0;
  text-align: left;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .box01-3 {
  background: linear-gradient(90deg, #FF0056 8%, #FF00A8 100%) !important;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .box01-2 .sTitle {
  font-weight: 800;
  font-size: 36px;
  line-height: 1.2;
  color: #FFFFFF;
  letter-spacing: -1px;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .box01-2 .sImg {
  line-height: 0;
  margin-top: 127px;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .box01-2 .sImg img {
  height: 47px;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .box01-2 .cartbox {
  line-height: 0;
  margin-top: 73px;
}

.mainBox04 .newBox02 ul.boxFlex .box01 .box01-2 .cartbox img {
  height: 100px;
}

.mainBox04 .newBox02 ul.boxFlex .box02 {
  font-weight: 800;
  font-size: 54px;
  color: #222222;
  max-width: 755px;
  width: 63%;
  flex-grow: 1;
  margin-left: 10px;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-1 {
  background: #F4F6F8;
  padding: 30px 40px 0 40px;
  max-height: 392px;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-2 {
  padding: 0px 40px 48px 40px !important;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-2 .roundBox {
  justify-content: space-around !important;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-2 .sTitle p.mInfo {
  margin: 43px 0 0 0 !important;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-1 .roundBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}


.mainBox04 .newBox02 ul.boxFlex .box02 .box02-1 .sTitle {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.3;
  color: #00C73C;
  text-align: left;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-1 .sTitle p.mInfo {
  font-weight: 700;
  font-size: 36px;
  color: #222222;
  margin: 16px 0;
  line-height: 1.25;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-1 .sTitle p.mInfo2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #686868;
  margin-bottom: 40px;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-1 .sImg {
  line-height: 0;
}

.mainBox04 .newBox02 ul.boxFlex .box02 .box02-1 .sImg img {
	width: 310px;
}

.mainBox04 .newBox02 ul.boxFlex .box03 {
  width: 100%;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 {
  background: #F4F6F8;
  padding-bottom: 25px;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 ul.roundBox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 ul.roundBox .sImg img {
	width: 360px;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sTitle {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.3;
  color: #00C73C;
  text-align: left;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sTitle p.mInfo {
  font-weight: 700;
  font-size: 36px;
  color: #222222;
  margin: 16px 0;
  line-height: 1.25;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sTitle p.mInfo2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #686868;
  margin-bottom: 0px;
}

.mainBox04 .mainBoxArea .subTitle {
  font-weight: 800;
  font-size: 25px;
  background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 15px;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-2 .sTitle p.mInfo {
  margin: 0 0 16px 0 !important;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-2 {
  padding: 70px 80px !important;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-2 ul.roundBox {
  justify-content: space-between !important;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sImg .marketImg {

}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sImg .marketImg2 {
  display: none;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sImg .marketImg2 img {
  height: 280px;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sImg .marketImg img {
  font-size: 0;
  margin-right: 18px;
  max-width: 196px;
}

.mainBox04 .newBox02 ul.boxFlex .box03 .box03-1 .sImg .marketImg img:last-child {
  margin-right: 0px;
}

.mainBox05 {
  padding: 70px 0px;
  text-align: center;
}

.mainBox05 .mainBoxArea .subTitle {
  font-weight: 800;
  font-size: 25px;
  background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 15px;
}

.mainBox05 .mainBoxArea .title {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.3;
  text-align: center;
  color: #222222;
  margin-bottom: 50px;
}

/* 슬라이드 */
.mainBox05 .mainBoxArea .mainSlide {

}

.mainBox05 .mainBoxArea .mainSlide .slideArea {
  width: 100%;
  overflow: hidden;
}



/*******/


.mainBox05 .mainBoxArea .mainSlide .slideBtn {
  margin-top: 24px;
  line-height: 0;
  font-size: 0;
}

.mainBox05 .mainBoxArea .mainSlide .slideBtn span {
  display: inline-block;
  line-height: 0;
}

.mainBox05 .mainBoxArea .mainSlide .slideBtn span:first-child {
  margin-right: 15px;
}

.mainBox05 .mainBoxArea .mainSlide .slideBtn span > img {
  width: 29px;
  height: 29px;
  cursor: pointer;
}

.mainBox05 .section02 .sBox001 {
  background: #F5F5F7;
  border-radius: 35px;
  /* max-width: calc(100% - 70px); */
  max-width: 380px;

  overflow: hidden;
  padding: 40px 0px 0 0px;
  line-height: 0;

  height: 456px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.mainBox05 .section02 .sBox001 p {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  text-align: center;
  color: #222222;
  margin-bottom: 0px;
}

.mainBox05 .section02 .sBox001 img {
  max-width: 300px;
  width: 100%;
}



/****/

.mainBox06 {
  background: linear-gradient(90deg, #FF0056 8%, #FF00B8 100%);
  padding: 0 20px;
  height: 480px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.mainBox06 ul.startText {

}

.mainBox06 ul.startText li {
  text-align: center;
}

.mainBox06 ul.startText .logoImg {

}

.mainBox06 ul.startText .logoImg img {
  width: 105px;
}

.mainBox06 ul.startText .text01 {
  margin: 24px 0 30px 0;
  font-weight: 800;
  font-size: 38px;
  line-height: 1.25;
  color: #FFFFFF;
}

.mainBox06 ul.startText .appIcon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
}

.mainBox06 ul.startText .appIcon .iconBox {
  width: 196px;
  text-align: center;
  height: 70px;
  background: #FFFFFF;
  border-radius: 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.mainBox06 ul.startText .appIcon .iconBox:first-child {
  margin-right: 16px;
}

.mainBox06 ul.startText .appIcon .iconBox img {
  height: 30px;
  line-height: 70px;
}




/*******/

.mainBox07 {
  background: #1A2532;
  padding: 110px 0;
}

.mainBox07 .plus01 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 50px;
}

.mainBox07 .plus01 .text {
  width: 45%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: 99;
}

.mainBox07 .plus01 .text p {

}

.mainBox07 .plus01 .text .subTitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #FFFFFF;
}

.mainBox07 .plus01 .text .mainTitle {
  font-weight: 800;
  font-size: 44px;
  line-height: 1.3;
  color: #FFFFFF;
  margin: 22px 0;
}

.mainBox07 .plus01 .text .quickBtn {

}

.mainBox07 .plus01 .text .quickBtn span {
  font-weight: 700;
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  color: #FFFFFF;
  display: inline-block;
  width: 154px;
}

.mainBox07 .plus01 .text .quickBtn .first {
  background: linear-gradient(90deg, #FF0056 8%, #FF00B8 100%);
  border-radius: 7px;
  margin-right: 11px;
}

.mainBox07 .plus01 .text .quickBtn .second {
  border: 1px solid #FFFFFF;
  border-radius: 7px;
  box-sizing: border-box;
  cursor: pointer;
}

.mainBox07 .plus01 .mQuickBtn {
  display: none;
}

.mainBox07 .plus01 .imgs {
  width: 55%;
  display: flex;
  justify-content: flex-end;
  z-index: 9;
}

.mainBox07 .plus01 .imgs img {
  width: 100%;
  max-width: 845px;
}


.mainBox07 .plus02 {
  padding: 50px 20px;
  text-align: center;
}

.mainBox07 .plus02 .titles {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
  color: #FFFFFF;
  /* margin-bottom: 80px; */
}

.mainBox07 .plus02 .iconArea {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.mainBox07 .plus02 .iconArea .iconList {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.mainBox07 .plus02 .iconArea .iconList li {
  width: 25%;
  text-align: left;
  margin-top: 80px;
}

/*
.mainBox07 .plus02 .iconArea .iconList li:nth-child(n+5):nth-child(-n+8) {

}
*/

.mainBox07 .plus02 .iconArea .iconList .iconBox {

}

.mainBox07 .plus02 .iconArea .iconList .iconBox .iconImg {

}

.mainBox07 .plus02 .iconArea .iconList .iconBox .iconImg img {
  width: 90px;
  height: 90px;
}

.mainBox07 .plus02 .iconArea .iconList .iconBox .iconTitle {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: #FFFFFF;
  margin: 18px 0 10px 0;
}

.mainBox07 .plus02 .iconArea .iconList .iconBox .iconText {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: #FFFFFF;
}



.mainBox07 .plus03 {
  padding: 50px 0 0 0;
}

.mainBox07 .plus03 .goBtn {
  font-weight: 800;
  font-size: 24px;
  line-height: 77px;
  height: 77px;
  color: #FFFFFF;
  background: linear-gradient(90deg, #FF0056 8%, #FF00B8 100%);
  border-radius: 38px;

  width: 335px;
  margin: 0 auto;
  text-align: center;

  cursor: pointer;
}


.mainBox07 .plus01 .moImgs1 {
  display: none;
}


.mainBox08 {
  background: #F4F6F8;
  padding: 75px 20px;
}

.mainBox08 .cusArea {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.mainBox08 .cusArea .title {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.35;
  text-align: center;
  color: #222222;
}

.mainBox08 .cusArea .sub {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  color: #686868;

  margin: 20px 0 35px 0;
}

/** Lucas 01 **/

.mainBox08 .cusArea .cusBox {
  width: 100%;
  max-width: 1180px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.mainBox08 .cusArea .cusBox .cus01 {
  background: #FFFFFF;
  border-radius: 15px;
  width: 49%;
  padding: 25px;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 380px;
}

.mainBox08 .cusArea .cusBox .cus01:first-child {
  margin-right: 1%;
}

.mainBox08 .cusArea .cusBox .cus01:nth-child(2) {
  margin-left: 1%;
}

/** Lucas 01 **/

.mainBox08 .cusArea .cusBox .cus01 .imgs {

}

.mainBox08 .cusArea .cusBox .cus01 .imgs img {
  width: 55px;
}

.mainBox08 .cusArea .cusBox .cus01 .text {
  margin-left: 14px;
}

.mainBox08 .cusArea .cusBox .cus01 .text p {
  display: block;
}

.mainBox08 .cusArea .cusBox .cus01 .text p:first-child {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: #222222;
}

.mainBox08 .cusArea .cusBox .cus01 .text p:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #222222;

  margin: 8px 0 19px 0;

  letter-spacing: -0.5px;

}

.mainBox08 .cusArea .cusBox .cus01 p:last-child {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
}

.mainBox08 .cusArea .cusBox .cus01 p > a {
  color: #1C82FB;
  display: flex;
  align-items: center;
}

.mainBox08 .cusArea .cusBox .cus01 p > a > .aimg {
  width: 4px;
  margin-left: 7px;
}

#nFooter {
  padding: 40px 20px 60px 20px;
  background: #1A1F27;
}

#nFooter .fMenu {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

#nFooter .fMenu .menuList {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

#nFooter .fMenu .menuList .menuRow {
  margin-left: 80px;
}

#nFooter .fMenu .menuList .menuRow:first-child {
  margin-left: 0px;
}

#nFooter .fMenu .menuList .menuRow p {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  display: block;
}

#nFooter .fMenu .menuList .menuRow .title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: #FFFFFF;
  padding-bottom: 8px;
}

#nFooter .fMenu .menuList .menuRow p > a {
  color: #6B7684;
  padding: 8px 0;
  display: inline-block;
}

#nFooter .fCopy {
  padding-top: 65px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

#nFooter .fCopy .comName {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: #FFFFFF;
}

#nFooter .fCopy .comInfo {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  color: #6B7684;

  margin: 12px 0 18px 0;
}

#nFooter .fCopy .comInfo span {
  line-height: 1.3;
}

#nFooter .fCopy .comCopy {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  color: #6B7684;
}



/** 그라데이션 IE 대응 **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #conWrap .mainBox01 .titleBox .title,
  .mainBox03 .newBox01 .box01 .box01-1 span,
  .mainBox04 .mainBoxArea .subTitle,
  .mainBox05 .mainBoxArea .subTitle {
    background: transparent !important;
    color: rgba(255, 50, 104, 1) !important;
  }
}




/** 화살표 바운스 **/
.arrow-container {
  /* cubic-bezier-easing = sine / mehr Beispiele: https://easings.net/ */
  animation: bounce 1500ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}











/**** 요금제 페이지 *****/
.planTitle {
  text-align: center;
  padding-top: 70px;
}

.planTitle .mText {
  font-weight: 800;
  font-size: 36px;
  line-height: 1.35;
  color: #222222;
}

.planTitle .sText {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #555555;
  padding: 25px 0;
}

.planArea {
  padding: 25px 20px 40px 20px;
}

.planArea .planBox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.planArea .planBox .planFree {

}

.planArea .planBox .planPay {
  width: 400px;
  height: 770px;
}

.planArea .planBox .planPay .listBox {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  padding: 40px 25px 25px 25px;
  margin: 0 10px;

  text-align: center;
}

.planArea .planBox .planPay .listBox .planList {

}

.planArea .planBox .planPay .listBox .planList li {

}

.planArea .planBox .planPay .listBox .planList .titleBox div {
  height: 34px;
  line-height: 34px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #FF0056;
  border: 1px solid #FF0056;
  border-radius: 17px;
  margin: 0 auto;
  width: 130px;
  padding: 0;
}

.planArea .planBox .planPay .listBox .planList .titleBox .width110 {
  width: 160px;
}

.planArea .planBox .planPay .listBox .planList .title {
  font-weight: 800;
  font-size: 32px;
  line-height: 1.3;
  color: #222222;
  margin: 18px 0;
}

.planArea .planBox .planPay .listBox .planList .icon {
  line-height: 0;
}

.planArea .planBox .planPay .listBox .planList .icon img {
  height: 60px;
}

.planArea .planBox .planPay .listBox .planList .planName {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: #555555;
  margin: 20px 0;
}

.planArea .planBox .planPay .listBox .planList .payView {

}

.planArea .planBox .planPay .listBox .planList .payView div {
  width: 155px;
  height: 50px;
  line-height: 50px;
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;

  background: #1C83FB;
  border-radius: 7px;
  margin: 0 auto;

}

.planArea .planBox .planPay .listBox .planList .planPoint {
  margin: 50px 0 40px 0;
  text-align: left;
}

.planArea .planBox .planPay .listBox .planList .planPoint .pointBox {

}

.planArea .planBox .planPay .listBox .planList .planPoint .pointBox ul {

}

.planArea .planBox .planPay .listBox .planList .planPoint .pointBox ul > li {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #555555;
  padding-top: 13px;
  letter-spacing: -0.5px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.planArea .planBox .planPay .listBox .planList .planPoint .pointBox .planno {
  color: #999999;
}

.planArea .planBox .planPay .listBox .planList .planPoint .pointBox ul > li > img {
  width: 14px;
  margin-right: 11px;
}

.planArea .planBox .planPay .listBox .planList .planPoint .pointBox .pointTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #555555;

  border-bottom: 1px solid #DADADA;
  padding: 0 0 16px 0;

  margin: 0;

  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}

.planArea .planBox .planPay .listBox .planList .planPoint .pointBox .pointTitle img {
  width: 22px;
  height: 22px;
  margin-right: 7px;

  position: relative;
  top: -2px;
}

.planArea .planBox .planPay .listBox .planList .planBtn {
  width: 100%;
}

.planArea .planBox .planPay .listBox .planList .planBtn .btnBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.planArea .planBox .planPay .listBox .planList .planBtn .btnBox span {
  width: 49%;
  margin: 0;
  background: #F4F4F4;
  border-radius: 10px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.planArea .planBox .planPay .listBox .planList .planBtn .btnBox span > img {
  max-height: 24px;
}

.planArea .planBox .planPay .listBox .planList .planBtn .btnBox2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;

  background: #FF0056;
  border-radius: 10px;

  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;

  line-height: 58px;
  height: 58px;

  cursor: pointer;

}


.planStep {
  padding: 45px 20px;
}

.planStep .title {
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3;
  color: #222222;

  margin-bottom: 25px;

}

.planStep .stepBox {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.planStep .stepBox .stepUl {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.planStep .stepBox .stepUl li {
  width: 31.5%;
}

.planStep .stepBox .stepUl .stepDiv {
  display: flex;
  flex-direction: column;
  align-items: center;

  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  border-radius: 47px;

  box-sizing: border-box;

  padding: 30px;

}

.planStep .stepBox .stepUl .stepDiv p {
  text-align: center;
}


.planStep .stepBox .stepUl .stepDiv p:first-child {

}

.planStep .stepBox .stepUl .stepDiv p:first-child span {
  border: 1px solid #FF0056;
  border-radius: 15px;
  width: 80px;
  height: 30px;
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #FF0056;

  box-sizing: border-box;
}

.planStep .stepBox .stepUl .stepDiv p > img {

}


.planStep .stepBox .stepUl .stepDiv p:nth-child(2) {
  margin: 16px 0;
  line-height: 0;
}

.planStep .stepBox .stepUl .stepDiv p:nth-child(3) {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: #222222;
}

.planStep .stepBox .stepUl .stepDiv p:last-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  margin-top: 16px;
  color: #555555;
}





/*** 자주 묻는 질문 ***/
.planFaq {
  padding: 45px 20px 85px 20px;
}

.csFaq {
  padding: 65px 20px 120px 20px !important;
}

.planFaq .title {
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3;
  color: #222222;
  margin-bottom: 55px;
}


/****/

.planFaq .faqWrap {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.faqContent {

}

.accordion-menu {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.accordion-menu li.open .dropdownlink {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
  /* height: 62px; */
  line-height: 62px;

  background-image: url('/img/faqno.svg');
}

.accordion-menu li:first-child .dropdownlink {
    border-top: 1px solid #DADADA;
}

.accordion-menu li:last-child .dropdownlink {
    border-bottom: 1px solid #DADADA;
}

.dropdownlink {
  cursor: pointer;
  padding: 20px 70px 20px 20px;
  border-bottom: 1px solid #DADADA;
  position: relative;
  transition: all 0s ease-out;
  font-weight: 700;
  font-size: 18px;
  color: #222222;
  /* height: 62px; */
  line-height: 62px;

  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  background-image: url('/img/faqOk.svg');
  background-size: 12px;
  background-position: 97% center;
  background-repeat: no-repeat;
}

.submenuItems {
    display: none;
    background: #cbe6c9;
}

.submenuItems li {
  border-bottom: 1px solid #DADADA;
  background: #FBFBFB;
  padding: 20px;
  min-height: 175px;

  font-weight: 500;
  font-size: 16px;
  color: #484848;
}

.submenuItems li > a.linkBox {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 180px;
    background: #222;
    color: #fff;
    text-align: center;
    font-size: 13px;
    border-radius: 6px;
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    box-sizing: border-box;
    font-weight: 500;
    margin: 10px 0;
}


.submenuItems > li > p > img {
	width: 100%;
}

.dropdownlink span:nth-child(2) {
  width: 12px;
  height: 62px;
  line-height: 62px;
  box-sizing: border-box;
  background-size: 12px;
  display: none;
  background-position: center;
  background-repeat: no-repeat;
}




/*** 모달 팝업 ***/
.qnaBox {

}

.qnaBox .top {

}

.qnaBox .top ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.qnaBox .top ul > .blank {
  width: 18px;
  height: 18px;
}

.qnaBox .top ul > .titles {
  font-weight: 800;
  font-size: 24px;
  line-height: 1;
  color: #222222;
}

.qnaBox .top ul > .close {
  width: 18px;
  display: flex;

  cursor: pointer;
}

.qnaBox .top ul > .close img {
  width: 18px;
}

.qnaBox .sub {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  color: #999999;
  margin: 23px 0;
  text-align: center;
}

.qnaBox .qnaInput {

}

.qnaBox .qnaInput .qnaArea {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.qnaBox .qnaInput .qnaArea li {
  width: 100%;
}

.qnaBox .qnaInput .qnaArea .qName {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #555555;
}

.qnaBox .qnaInput .qnaArea .qInput {
  margin: 3px 0 16px 0;
}

.qnaBox .qnaInput .qnaArea .qInput input {
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 10px;
  width: 100%;

  max-width: 348px;

  height: 43px;

  font-weight: 500;
  font-size: 16px;
  line-height: 43px;
  color: #555;

  padding: 0 16px;

  box-sizing: border-box;

}

.qnaBox .qnaInput .qnaArea .qInput input::placeholder,
.qnaBox .qnaInput .qnaArea .qInput .user001 .userNone
 {
  color: #BDBDBD;
}

.qnaBox .qnaInput .qnaArea .qInput input:-ms-input-placeholder {
  color: #BDBDBD !important; /* IE11 needs the !important flag */
}

.qnaBox .qnaInput .qnaArea .qInput select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
}

.qnaBox .qnaInput .qnaArea .qInput select::-ms-expand{
   display:none;/*for IE10,11*/
}

.qnaBox .qnaInput .qnaArea .qInput select {
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 10px;
  width: 100%;

  max-width: 348px;

  height: 43px;

  font-weight: 500;
  font-size: 16px;
  line-height: 43px;
  color: #555;

  padding: 0 16px;

  box-sizing: border-box;

  background: url(/img/selectarrow.svg);
  background-repeat: no-repeat;
  background-position: 96%;
  background-size: 13px;

}

.qnaBox .qnaButton {
  background: #FF0056;
  border-radius: 10px;
  margin-top: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
  color: #FFFFFF;
  height: 48px;
  text-align: center;
  width: 100%;

  cursor: pointer;
}






/*** 로그인 페이지 ***/
#loginWrap {
  min-height: calc(100vh - 40px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

#loginWrap .loginBox {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 40px;
  width: 350px;
  min-height: 370px;

  margin: 0 auto;
}

#loginWrap .loginBox2 {
  padding: 35px !important;
  width: 440px !important;
  box-sizing: border-box;
}

#loginWrap .loginBox .logo {

}

#loginWrap .loginBox .logo img {
  width: 95px
}

#loginWrap .loginBox .title {
  font-weight: 800;
  font-size: 28px;
  line-height: 1.3;
  color: #222222;
  margin: 24px 0 16px 0;
}

#loginWrap .loginBox .info {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  color: #999999;
  margin-bottom: 8px;
  letter-spacing: -0.8px;
}

#loginWrap .loginBox .inputBox {

}

#loginWrap .loginBox .inputBox ul {

}

#loginWrap .loginBox .inputBox .idpw {
  position: relative;
  border: 1px solid #DADADA;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;

  margin-top: 16px;
}

#loginWrap .loginBox .inputBox .idpw .imgs {
  width: 24px;
  margin-right: 8px;
  line-height: 0;
}

#loginWrap .loginBox .inputBox .idpw .imgs img {
  width: 24px;
}

#loginWrap .loginBox .inputBox .inputs {

}

#loginWrap .loginBox .inputBox .inputs input {
  width: 258px;
  border: 0;
  letter-spacing: 1.1px;
  /* height: 46px;
  line-height: 46px; */
  height: 46px;
  line-height: 46px;
  font-size: 18px;
}

#loginWrap .loginBox .inputBox .inputs input::placeholder {
  color: #999999;
}

#loginWrap .loginBox .inputBox .inputs .pwinputs {
  width: 258px;
  padding-right: 12px;
}

#loginWrap .loginBox .inputBox .pwCheck {
  line-height: 0;
}

#loginWrap .loginBox .inputBox .pwCheck span {
  line-height: 0;
}

#loginWrap .loginBox .inputBox .pwCheck span > img {
  width: 20px;
}

#loginWrap .loginBox .checks {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #222222;
  height: 22px;

  text-align: right;

  margin: 18px 0;

}

#loginWrap .loginBox .checks > label {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #222222;
  height: 22px;

  display: inline-block;
  cursor: pointer;
}

#loginWrap .loginBox .goLogin {
  background: #FF0056;
  border-radius: 10px;
  font-weight: 800;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  height: 48px;
  cursor: pointer;
}

#loginWrap .loginBox .lost {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  color: #FF0056;

  margin-top: 16px;
}

#loginWrap .loginBox .lost a {
  color: #FF0056;
}

#loginWrap .remoteBtn {
  margin-top: 18px;
  display: flex;
  justify-content: center;
}

#loginWrap .remoteBtn .rButton {
  background: #1A2532;
  border-radius: 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 43px;
  color: #FFFFFF;
  height: 43px;
  width: 165px;
  text-align: center;

  margin: 0 8px;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}


#loginWrap .remoteBtn .rButton img {
  width: 20px;
  margin-right: 8px;
}

.goMain {
  display: none;
}


.loinAlert {
  width: calc(100% - 40px) !important;
  padding: 24px 16px 20px 16px !important;
  max-width: 350px !important;
}


.loinAlert .boxLogin {

}

.loinAlert .boxLogin .alert01 {
  text-align: center;
  line-height: 0;
}

.loinAlert .boxLogin .alert01 img {
  width: 40px;
  height: 40px;
}

.loinAlert .boxLogin .alert02 {
  text-align: center;
  line-height: 0;
}

.loinAlert .boxLogin .alert02 img {
  width: 54px;
  height: 54px;
}

.loinAlert .boxLogin .text01 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin: 20px 0 24px 0;
}

.loinAlert .boxLogin .text02 {
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #222222;
  margin: 20px 0 16px 0;
}

.loinAlert .boxLogin .text03 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #999999;
  margin: 0 0 20px 0;
}

.loinAlert .boxLogin .button001 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.loinAlert .boxLogin .button001 span {
  display: inline-block;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;

  width: 48.5%;

  cursor: pointer;
}

.loinAlert .boxLogin .button001 .notBtn {
  background: #DEDEDE;
  color: #222;
}

.loinAlert .boxLogin .button001 .goPlanbtn {
  background: #FC2E5B;
  color: #fff;
}

.loinAlert .boxLogin .button001 .qnaClose {
  background: #505050;
  color: #fff;
  width: 100%;
}





.lschecks input[type=checkbox] {
  display:none;
}
.lschecks input[type=checkbox] + label {
  cursor: pointer;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-image: url('/common/login/savecheck00.svg');
  background-size: 18px;
  background-position: 0px 1px;
}
.lschecks input[type=checkbox]:checked + label {
  background-image: url('/common/login/savecheck01.svg');
}
.lschecks input[type=checkbox]:disabled + label {
  background-image: url('/common/login/savecheck00.svg');
}








/*** 팝업 ***/
.popArea {
  padding: 0 20px 20px 20px;
  background: #fff;
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  display: none;
  /* min-height: 400px; */
}

.popArea .popTop {

}

.popArea .popTop .logoBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

.popArea .popTop .logoBox .popLeft {
  display: flex;
}

.popArea .popTop .logoBox .popLeft .logos {
  height: 20px;
}

.popArea .popTop .logoBox .popLeft .popClose {
  display: flex;
  margin-right: 12px;
  line-height: 0;
  align-items: center;
  cursor: pointer;
}

.popArea .popTop .logoBox .popLeft .popClose img {
  width: 16px;
  height: 16px;
}

.popArea .popTop .logoBox .popApp1 {

}

.popArea .popTop .logoBox .popApp1 .appBox {

}

.popArea .popTop .logoBox .popApp1 .appBox a {
  color: #fff;
  background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
  border-radius: 15px;
  font-weight: 700;
  font-size: 14px;
  line-height: 30px;
  width: 90px;
  text-align: center;
  display: block;
  height: 30px;
}

.popArea .popTop .firstMenu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin: 10px 0 14px 0;
  border-bottom: 1px solid rgba(218,218,218,0.5);
  padding-bottom: 14px;
}

.popArea .popTop .firstMenu li,
.popArea .popTop .seMenu li {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
  width: 50%;
  text-align: left;
  color: #444;
}

.popArea .popTop .firstMenu li > a,
.popArea .popTop .seMenu li > a {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
  width: 50%;
  text-align: left;
  color: #555;
}

.popArea .popTop .seMenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: left;
}

.popArea .popTop .seMenu li.title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  width: 100%;
  padding: 10px 0 6px 0;
}

.popArea .popTop .thMenu {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popArea .popTop .thMenu li {
  width: 100%;
}

.popArea .popTop .thMenu .appDownBtn {
  margin-bottom: 6px;
}

.popArea .popTop .thMenu .appDownBtn div {
  background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
  border-radius: 10px;
  height: 45px;
  line-height: 45px;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}

.popArea .popTop .thMenu .pcLog {
  margin-top: 6px;
}

.popArea .popTop .thMenu .pcLog div {

  border: 1px solid #C7C7C7;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 45px;
  height: 45px;
  text-align: center;
  color: #888888;
  box-sizing: border-box;
  background: #fff;

  cursor: pointer;
}

#dark-drop {
  background: rgba(0, 0, 0, 0.4);
  z-index: 99998;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;

  display: none;
}


.body-no-scroll {
    overflow: hidden !important;
}






/*** 로그인 페이지 공지사항 팝업 ***/

.popTotal {
  width: 100%;
  height: 100vh;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}


.noticePop {
  width: 480px;
  max-width: 480px;
  min-height: 480px;
  overflow: hidden;
  position: relative;
  /* margin: 0 auto; */
  z-index: 9999;
}

.noticePop .noticeBox {
  background: transparent;
  border-radius: 10px;
}

.noticePop .noticeBox .noticeHead {
  background: #fff;
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;

  display: flex;
  justify-content: space-between;
  align-items: center;

  border-radius: 10px 10px 0 0;
}

.noticePop .noticeBox .noticeHead .empty01 {
  width: 18px;
  height: 18px;
  margin-left: 16px;
}

.noticePop .noticeBox .noticeHead .title {
  color: #222222;
  line-height: 60px;
}

.noticePop .noticeBox .noticeHead .close01 {
  width: 18px;
  height: 18px;
  margin-right: 16px;
  line-height: 0;
}

.noticePop .noticeBox .noticeHead .close01 img {
  width: 18px;
  height: 18px;
  filter: invert(100%);
}

.noticePop .noticeBox .noticeCon {
  text-align: center;
  background: #fff;
  padding: 12px 0 0 0;
}

.noticePop .noticeBox .noticeCon .subject {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  color: #222222;
  padding: 0 20px;
}

.noticePop .noticeBox .noticeCon .infos {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  color: #222222;
  padding: 15px 20px 30px 20px;
}

.noticePop .noticeBox .noticeCon .img010 {
  padding: 30px 27px;
  background: #F4F6F8;
}

.noticePop .noticeBox .noticeCon .img010 img {
  width: 100%;
}

.noticePop .noticeBox .noticeCon .img010 p.goButton--01 {
  text-align: center;
  margin-top: 27px;
}

.noticePop .noticeBox .noticeCon .img010 p.goButton--01 a {
  border: 1px solid #FC2E5B;
  border-radius: 23px;
  width: 140px;
  height: 33px;
  line-height: 33px;
  box-sizing: border-box;
  text-align: center;
  display: block;
  background: transparent;
  font-weight: 500;
  font-size: 14px;
  color: #FF0056;
  margin: 0 auto;
}

.noticePop .noticeBox .goToBtn {
  background: #FF0056;
  height: 70px;
  line-height: 70px;
  font-weight: 900;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;

  border-radius: 0 0 10px 10px;
}


.noticePop .todayClose {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  line-height: 20px;
}

.noticePop .todayClose .todays {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  height: 20px;
  display: flex;
  align-items: center;
}

.noticePop .todayClose .close02 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #FFFFFF;
}

.noticePop .todayClose a {
  color: #fff;
}

.noticeBack {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(2px);
}

.todayClose .todays label {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #FFFFFF;
}

.todayClose .todays input[type=checkbox] {
  display:none;
}

.todayClose .todays input[type=checkbox] + label {
  cursor: pointer;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-image: url('/common/login/close-off.svg');
  background-size: 18px;
  background-position: 0px 0px;
}

.todayClose .todays input[type=checkbox]:checked + label {
  background-image: url('/common/login/close-on.svg');
}

.todayClose .todays input[type=checkbox]:disabled + label {
  background-image: url('/common/login/close-off.svg');
}




/** 공지사항 리스트 **/

#notiWrap {
  max-width: 700px;
  margin: 0 auto;
}

#notiWrap .listArea {
  border-top: 1px solid #dadada;
}

#notiWrap .listArea .listUl {
  display: flex;
  flex-direction: column;
}

#notiWrap .listArea .listUl .lineOne {
  border-bottom: 1px solid #dadada;
  padding: 20px 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor:pointer;
}

#notiWrap .listArea .listUl .lineOne span {
  font-weight: 500;
  display: inline-block;
}

#notiWrap .listArea .listUl .lineOne .subject {
  font-size: 18px;
  color: #222222;
  text-align: left;
}

#notiWrap .listArea .listUl .lineOne .subject img {
  display: none;
}

#notiWrap .listArea .listUl .lineOne .readCon {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  /* display: -webkit-box; */
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#notiWrap .listArea .listUl .lineOne .date {
  font-size: 14px;
  text-align: right;
  color: #999999;
}

#notiWrap .moreView {
  display: black;
  margin: 17px 0 35px 0;
}

#notiWrap .moreView .moreBtn {
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  background: #fff;
  width: 95px;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}

#notiWrap .moreView .moreBtn a {
  font-weight: 600;
  font-size: 14px;
  line-height: 35px;
  color: #7D7D7D;
  display: block;
}

#notiWrap .pageArea {
  margin-top: 45px;
  text-align: center;
  display: none;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

#notiWrap .pageArea span, #notiWrap .pageArea a {
  line-height: 17px;
  height: 17px;
}

#notiWrap .pageArea .noArrow {
  opacity: 0.2;
}

#notiWrap .pageArea .prevArrow {

}

#notiWrap .pageArea .nextArrow {

}

#notiWrap .pageArea .prevArrow img,
#notiWrap .pageArea .nextArrow img,
#notiWrap .pageArea .prevArrow a,
#notiWrap .pageArea .nextArrow a  {
  height: 17px;
  width: 17px;
  line-height: 0;
  display: block;
}

#notiWrap .pageArea .pageNum {
  font-weight: 500;
  font-size: 15px;
  position: relative;
  margin-top: 1px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#notiWrap .pageArea .pageNum a {
  color: #000000;
  padding: 0 6px;
  margin: 0 6px;
}

#notiWrap .pageArea .pageNum a.numActive {
  color: #FC2E5B;
  text-decoration-line: underline;
}



/** 공지사항 상세 **/

#notiView {
  padding-top: 60px;
  max-width: 700px;
  margin: 0 auto;
}

#notiView .viewBox {
  margin-bottom: 80px;
}

#notiView .viewBox .viewUl {

}

#notiView .viewBox .viewUl .viewTitle {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #222222;
}

#notiView .viewBox .viewUl .notiDate {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  margin: 12px 0;
}

#notiView .viewBox .viewUl .notiCon {
  border-top: 1px solid #dadada;
  padding: 10px 0 40px 0;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

#notiView .viewBox .viewUl .notiCon img {
  width: 100%;
}

#notiView .viewBox .goList {
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}

#notiView .viewBox .goList a {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #7D7D7D;
}

#notiView .mGolist {
  display: none;
}





/*** 결제 관리 ***/
/* 알림톡 */
.vPayWrap {
    width: 970px;

}

.vPayWrapMargin {
	margin: 80px auto;
}

.vPayWrap .vTopTitle {
    font-weight: 700;
    font-size: 20px;
    color: #222222;
    padding: 30px 20px 10px 20px;
}

.vPayWrap .vTopTitle span.vTopText {

}

.vPayWrap .vHeadBtn {
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
}

.vPayWrap .vHeadBtn ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0 0 20px;
}

.vPayWrap .vHeadBtn li {
    font-weight: 600;
    font-size: 16px;
    color: #999999;
    width: 75px;
    text-align: center;
    padding-bottom: 13px;
    margin: 0 7px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

.vPayWrap .vHeadBtn li:first-child {
    margin-left: 0;
}

.vPayWrap .vHeadBtn li.vActBtn {
    font-weight: 700;
    color: #FF0056;
    border-color: #ff0056;
}






/****** ▼▼▼▼▼ 여기서부터 복사 붙여넣기 ▼▼▼▼▼ ******/


/* 결제 등록 관리 페이지 */
.vPayBox {
    padding: 25px 20px;
}

.vPayBox .vPayBox-title {

}

.vPayBox .vPayBox-title p {
    font-weight: 700;
    font-size: 18px;
    color: #222222;
    padding-bottom: 4px;
}

.vPayBox .vPayBox-title span {
    font-weight: 600;
    font-size: 14px;
    color: #777777;
    display: block;
}

.vPayBox .vPayCon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 25px;
}

.vPayBox .vPayCon .vPayLeft {

}

.vPayBox .vPayCon .vPayLeft input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}

.vPayBox .vPayCon .vPayLeft input[type=radio] {
    display:none;
}

.vPayBox .vPayCon .vPayLeft input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left;
    background-image: url('../img/select-no-02.png');

    height: 45px;
    line-height: 20px;
    display: inline-block;

    width: 100%;

    position: relative;
}

.vPayBox .vPayCon .vPayLeft input[type=radio]:checked + label {
    background-image: url('../img/select-ok-01.png');
}

.vPayBox .vPayCon .vPayLeft input[type=radio]:disabled + label {
    background-image: url('../img/select-no-01.png');
}

.vPayBox .vPayCon .vPayLeft p.vCheck-plan-p {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    padding-left: 35px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.vPayBox .vPayCon .vPayLeft span.vPay-pay-ch {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    display: inline-block;

    position: absolute;
    right: 0;
    top: 12px;
}

.vPayBox .vPayCon .vPayLeft span.vPay-pay-ch::before {
    content: '￦';
}

.vPayBox .vPayCon .vPayLeft span.vPay-pay-ch strong {
    font-weight: 600;
    font-size: 12px;
    color: #777777;
}

.vPayBox .vPayCon .vPayLeft span.vPay-pay-ch strong::before {
    content: '/';
    margin-left: 3px;
}

.vPayBox .vPayCon .vPayLeft span.vCheck-plan-s {
    font-weight: 500;
    font-size: 14px;
    color: #777777;
    padding-left: 35px;
}

.vPayBox .vPayCon .vPayLeft .vPayFreeBox {
    width: 580px;
    padding: 20px;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox {
    width: 580px;
    padding: 20px 0;
}

.vPayBox .vPayCon .vPayLeft .vPayFreeBox,
.vPayBox .vPayCon .vPayLeft .vPayCashBox {
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-sizing: border-box;
}

.vPayBox .vPayCon .vBoxChoose {
    border-color: #FF0056 !important;
}

 .vPayBox .vPayCon span.vUserUse {
    background: #F1FEF3;
    border-radius: 3px;
    margin-left: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #00C50F;
    height: 20px;
    width: 50px;
    display: inline-block;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox {
    margin-top: 15px;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-close {
    padding: 0 20px;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open {
    padding: 20px 20px 0 20px;
    margin-top: 20px;
    border-top: 1px solid #dadada;
    box-sizing: border-box;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayTitle {

}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayTitle p {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayTitle span {
    font-weight: 500;
    font-size: 14px;
    color: #777777;
    display: block;
    margin-top: 2px;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd {
    /* margin-top: 20px; */
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl {

}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl li {
    margin-top: 25px;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl label > span {
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl label > span:last-child {
    font-weight: 600;
    font-size: 12px;
    color: #0CACEF;
}

/******/

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl .list-text input[type=checkbox] {
  display:none;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl .list-text input[type=checkbox] + label {
    cursor: pointer;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-image: url('../img/payplusno.png');
    background-size: 22px;
    height: 22px;
    line-height: 22px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl .list-text input[type=checkbox]:checked + label {
  background-image: url('../img/payplusok.png');
}

.vPayBox .vPayCon .vPayLeft .vPayCashBox .vPayCash-open .vPayCashAdd ul.vPayCashAddUl .list-text input[type=checkbox]:disabled + label {
  background-image: url('../img/payplusno.png');
}



/******/


.vPayBox .vPayCon .vPayRight {
    margin-left: 20px;
    width: 330px;
}

.vPayBox .vPayCon .vPayRight .vPayInfo {
    background: #FAFAFA;
    border-radius: 10px;
    padding: 20px;
    /* max-width: 330px; */

}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list {

}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list li.vHeadTitle {
    font-weight: 800;
    font-size: 16px;
    color: #222222;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 16px;
    margin-bottom: 16px;
    box-sizing: border-box;

}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list li.vListTitle {
    font-weight: 600;
    font-size: 14px;
    color: #222222;
    padding: 0 0 8px 8px;
    background-image: url('../img/paycashdot.png');
    background-size: 4px;
    background-repeat: no-repeat;
    background-position: left 9px;
}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list li.vListTitle span {

}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list li.vListTitle .vWon {

}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list .vWon::before {
    content: '￦';
    margin-right: 1px;
}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list li.vListTitle-total {
    border-top: 1px solid #DADADA;
    padding: 16px 0;
    margin-top: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #222222;
}

.vPayBox .vPayCon .vPayRight .vPayInfo ul.vPayInfo-list li.vListTitle-total .vWon {
    font-weight: 700;
    font-size: 14px;
    color: #FF0056;
}

.vPayBox .vPayCon .vPayRight .vPayInfo .vPayInfo-day {
    background: #EBF5FF;
    border: 1px solid #0E9AFF;
    border-radius: 5px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #0E9AFF;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd {
    background: #FAFAFA;
    border-radius: 10px;
    margin: 16px 0;
    padding: 20px;
    box-sizing: border-box;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vHeadTitle02 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;

    border-bottom: 1px solid #DADADA;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vHeadTitle02 span {
    font-weight: 800;
    font-size: 16px;
    color: #222222;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vHeadTitle02 a.vPayGoCheck {
    font-weight: 600;
    font-size: 12px;
    color: #00C50F;
    background-image: url('../img/paygocheck.png');
    background-size: 4px;
    background-repeat: no-repeat;
    background-position: right;
    display: inline-block;
    padding: 0 8px 0 0;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus {

}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign01,
.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 {
    margin: 0 auto;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign01 {
    width: 200px;
    height: 125px;
    background: #FFFFFF;
    border: 1px dashed #FC2E5B;
    border-radius: 10px;

    box-sizing: border-box;

    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    cursor: pointer;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign01 p {
    line-height: 22px;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign01 span {
    font-weight: 600;
    font-size: 14px;
    color: #FC2E5B;
    display: block;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign01 p > img {
    width: 22px;
    height: 22px;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 {
    /* display: none; */
    width: 200px;
    height: 125px;
    background: linear-gradient(90deg, #FF0056 8%, #FF00B8 100%);
    border: 0px dashed #FC2E5B;
    border-radius: 10px;

    box-sizing: border-box;

    padding: 12px;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl li.vPayCardName {
    font-weight: 800;
    font-size: 14px;
    color: #FFFFFF;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl li.vPayCardName span {
    display:inline-block;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl li.vPayCardName span:last-child {
    display:inline-block;
    line-height: 1;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl li.vPayCardName img {
    width: 12px;
    height: 12px;
    line-height: 0;
    cursor: pointer;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl li.vPayCardNum {
    color: #FFFFFF;
    font-weight: 600;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl li.vPayCardNum p {
    font-size: 14px;
    letter-spacing: 1.5px;
}

.vPayBox .vPayCon .vPayRight .vPayCardAdd .vPayCardPlus .vPayCardSign02 ul.vPayCardUl li.vPayCardNum span {
    font-size: 12px;
    display: block;
}

.vPayBox .vPayCon .vPayRight .vPayCh {
    background: #E2E2E2;
    border-radius: 5px;
    height: 48px;
    text-align: center;
    width: 100%;
}

.vPayBox .vPayCon .vPayRight .vPayCh a {
    line-height: 48px;
    font-weight: 800;
    font-size: 16px;
    color: #FFFFFF;
    display: block;
}

.vPayBox .vPayCon .vPayRight .vPayChAct {
    background: linear-gradient(90deg, #FF0056 8%, #FF00B8 100%);
}

/* 카드 등록 모달 */
#vPayAddCardInfo {

}

#vPayAddCardInfo .popup__container .popup__content {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    width: 400px !important;
    border: 0;
}

#vPayAddCardInfo .popup__container {
    text-align: left;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	max-width: inherit ;
	width: inherit;
	box-shadow: none;
	border-radius: 0;
}

#vPayAddCardInfo .vPayAddInfo {

}

#vPayAddCardInfo .vPayAddInfo .vPayTop {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 4px 20px 0 20px;

    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

#vPayAddCardInfo .vPayAddInfo .vPayTop span {
    font-weight: 700;
    font-size: 15px;
    color: #222222;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}

#vPayAddCardInfo .vPayAddInfo .vPayTop .vBlink {
    width: 14px;
    height: 14px;
    visibility: hidden;
}

#vPayAddCardInfo .vPayAddInfo .vPayTop .vPayClose {
    cursor: pointer;
}

#vPayAddCardInfo .vPayAddInfo .vPayTop .vPayClose img {
    width: 14px;
    height: 14px;
    line-height: 0;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite {
    padding: 0 25px 25px 25px;

}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextPay {
    font-weight: 600;
    font-size: 13px;
    color: #222222;
    margin-top: 20px;
    margin-bottom: 6px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextPay::after {
    content: '*';
    color: #FF0000;
    margin-left: 1px;
    top: 0px;
    position: relative;
    display: inline-block;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInput {

}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInputCard {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInputCard input {
    width: 83px !important;
    text-align: center;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInput input {
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 5px;
    padding: 0 12px;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    color: #222;
    font-weight: 500;
    font-size: 14px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInput input::placeholder {
    color: #BDBDBD;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInput input.vShortInput {
    text-align: center;
    width: 83px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInput input.vLeft8px {
    margin-left: 6px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vTextInput input.vWideInput {
    width: 100%;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCspan {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCspan span {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCspan span.vPayPw {
    width: 172px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCno::after {
    content: none;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCno span {
    width: 172px;
    display: inline-block;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCno span:nth-child(2) {
    margin-left: 6px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCno span::after {
    content: '*';
    color: #FF0000;
    margin-left: 1px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio input[type=radio] {
    display:none;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left;
    background-image: url('../img/select-no-02.png');

    height: 20px;
    line-height: 20px;
    display: inline-block;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio input[type=radio]:checked + label {
    background-image: url('../img/select-ok-01.png');
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio input[type=radio]:disabled + label {
    background-image: url('../img/select-no-01.png');
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio .check-user,
#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio .check-company {
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    padding-left: 26px;
}

#vPayAddCardInfo .vPayAddInfo ul.vPayAddWrite .vCheckRadio .right40px {
    margin-right: 40px;
}


#vPayAddCardInfo .vPayAddInfo .vPayAddBtns {
    padding: 0 25px 25px 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

#vPayAddCardInfo .vPayAddInfo .vPayAddBtns a {
    border-radius: 5px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    display: block;
    /* width: 49%; */
}

#vPayAddCardInfo .vPayAddInfo .vPayAddBtns div {
    width: 48.5%;
}

#vPayAddCardInfo .vPayAddInfo .vPayAddBtns .vPayAddNo a {
    background: #fff;
    border: 1px solid #DADADA;
    color: #556372;
}

#vPayAddCardInfo .vPayAddInfo .vPayAddBtns .vPayAddOk a {
    background: linear-gradient(90deg, #FF0056 8%, #FF00B8 100%);
    border: 0;
    color: #fff;
}


/** 결제 수단 관리 페이지 **/
.vPayMeBox {

}

.vPayMeBox .vPayMeList ul.vPayTableName {
    background: #F7F9FD;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #5D6678;
    border-bottom: 1px solid #C3C3C3;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    padding: 0 12px;

    margin-top: 25px;
}

.vPayMeBox .vPayMeList ul.vPayTableName li {
    font-weight: 600;
    font-size: 12px;
    line-height: 32px;
    color: #222222;
}

.vPayMeBox .vPayMeList ul.vPayTableName li:first-child {
    width: 296px;
}

.vPayMeBox .vPayMeList ul.vPayTableName li:nth-child(2) {
    width: 220px;
}

.vPayMeBox .vPayMeList ul.vPayTableName li:nth-child(3) {
    width: 120px;
    text-align: center;
    margin-right: 60px;
}

.vPayMeBox .vPayMeList ul.vPayTableName li:last-child {
    width: 210px;
}

.vPayMeBox .vPayMeList .vPayEmptys {
    height: 48px;
    line-height: 48px;
    font-weight: 500;
    font-size: 14px;
    color: #B6B6B6;
    border-bottom: 1px solid #F3F3F3;
    box-sizing: border-box;
    text-align: center;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo {
    background: #fff;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #F3F3F3;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    padding: 0 12px;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li {
    font-weight: 500;
    font-size: 14px;
    color: #222222;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* justify-content: space-between; */
    align-items: center;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li:first-child {
    width: 296px;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li:nth-child(2) {
    width: 220px;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li:nth-child(3) {
    width: 120px;
    text-align: center;
    margin-right: 60px;
    justify-content: center;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li:last-child {
    width: 210px;
    justify-content: space-between;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li:first-child span.vPayCardClass {
    display: flex;
    align-items: center;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vMasterCard::before,
.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vVisaCard::before,
.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vAmexCard::before,
.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vUnionCard::before,
.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vBasicCard::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    width: 28px;
    height: 19px;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 7px;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vMasterCard::before {
    background-image: url('../img/mastercard01.png');
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vVisaCard::before {
    background-image: url('../img/visacard01.png');
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vUnionCard::before {
    background-image: url('../img/unioncard01.png');
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vAmexCard::before {
    background-image: url('../img/amexcard01.png');
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vBasicCard::before {
    background-image: url('../img/basiccard01.png');
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vPayDeCard {
    font-weight: 500;
    font-size: 14px;
    color: #00C50F;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vPayDeCard::before {
    content: '';
    background-image: url('../img/vpaycard-basic.png');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vPayChaCard {
    font-weight: 500;
    font-size: 14px;
    display: flex;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vPayChaCard a {
    color: #989898;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vPayChaCard a::after {
    content: '';
    background-image: url('../img/paygocheck001.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    width: 5px;
    height: 8px;
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 7px;
}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vPayDelCard {

}

.vPayMeBox .vPayMeList ul.vPayTableInfo li > span.vPayDelCard a {
    background: #F7F9FD;
    border-radius: 5px;
    display: block;
    width: 45px;
    height: 26px;
    line-height: 26px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #5D6678;
}

.vPayMeBox .vPayMeCh {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;

    margin: 16px 0;
}

.vPayMeBox .vPayMeCh a {
    border-radius: 5px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #DADADA;
    background: #fff;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #5D6678;
    display: block;
}

.vPayMeBox .vPayMeCh .vPayAddCardBtn a {
    background: #5D6678;
    color: #fff;
    border: 0;
    width: 85px;

    margin-right: 8px;
}

.vPayMeBox .vPayMeCh .vPayChPlanBtn a {
    width: 75px;
}


/** 카드 제거 모달 **/
#vPayCardDelete-01 .vTalkTestBox {
    padding: 20px 0;
}

#vPayCardDelete-01 .popup__container {
	padding: 0;
}

#vPayCardDelete-01 .vTalkTestBox ul.vTestNumUl .vTestBoxText {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #000000;
    padding-bottom: 20px;
}

#vPayCardDelete-01 .vTalkTestBox ul.vTestNumUl .vTestBoxText span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #868686;
}

#vPayCardDelete-01 .vTalkTestBox ul.vTestNumUl .vTestCheckBtn {
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

#vPayCardDelete-01 .vTalkTestBox ul.vTestNumUl .vTestCheckBtn a {
    background: #b8b8b8;
    border-radius: 5px;
    width: 48.5%;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    display: block;
}

#vPayCardDelete-01 .vTalkTestBox ul.vTestNumUl .vTestCheckBtn a.v-TestAct {
    background: #FC2E5B;
}

#vPayCardDelete-01 .vTalkTestBox ul.vTestNumUl .vTestCheckBtn a.v-TestAct2 {
    width: 100%;
}

/** 결제 내역 리스트 페이지 **/
.vPayMeBox .vPayMeList ul.vTableLiWidth li > span {
    display: inline-block;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li span.won::before {
    content: '₩';
    display: inline-block;
    margin-right: 1px;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li:first-child {
    width: 160px !important;
    padding-right: 15px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li:nth-child(2) {
    width: 330px !important;
    padding-right: 15px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 텍스트를 자를 때 */
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-overflow: ellipsis;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li:nth-child(3) {
    width: 120px !important;
    text-align: left !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li:nth-child(4) {
    width: 190px !important;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li:nth-child(4) span.vPayCardClass {
    display: flex;
    align-items: center;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li:last-child {
    width: 110px !important;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li:last-child span {
    color: #00C50F;
}

.vPayMeBox .vPayMeList ul.vTableLiWidth li > span.vPaymentFail {
    color: #FF0000;
}

.vPayMeBox .vPayListMore {
    margin: 16px 0;
    text-align: center;
    width: 100%;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.vPayMeBox .vPayListMore a {
    border: 1px solid #DADADA;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
    width: 80px;
    height: 36px;
    line-height: 34px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #5D6678;
    display: block;
    margin: 0 auto;
}



/**** 221228 Lucas ****/

/*** 멤버스 페이지 ***/

.vMemIntroBox {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;

}

.vMemIntro {
    padding: 20px;
    width: 100%;
}

.vMemIntro .vMemTitle {
    background: linear-gradient(to right, #FF0056 8%, #FF00B8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

    font-weight: 800;
    font-size: 38px;
    line-height: 46px;
    text-align: center;
}

.vMemIntro .vMemSub {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #555555;
    margin-top: 25px;
}

.vMemIntro .vMemIcon {
    margin: 0 auto;
    width: 970px;
}

.vMemIntro .vMemIcon ul.vMemIconUl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 45px;
}

.vMemIntro .vMemIcon ul.vMemIconUl li {
    text-align: center;
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vMemIntro .vMemIcon ul.vMemIconUl li > span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #222222;
    display: block;
    margin-top: 20px;
}

.vMemIntro .vMemIcon ul.vMemIconUl li > img {
    display: block;
    width: 90px;
    height: 90px;
    line-height: 0;
}

.vMemIntro .vMemTexts {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #808080;
    margin: 65px 0 25px 0;
}

.vMemIntro .vMemPayBtns {
    width: 446px;
    margin: 0 auto;
}

.vMemIntro .vMemPayBtns::after {
    content: '';
    clear: both;
}

.vMemIntro .vMemPayBtns a {
    border: 1px solid #DADADA;
    border-radius: 5px;
    width: 215px;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #556372;
    display: inline-block;
    box-sizing: border-box;
        float: left;
}

.vMemIntro .vMemPayBtns .vMemTalks a {
    margin-right: 8px;
}

.vMemIntro .vMemPayBtns .vMemGoCard a {
    background: linear-gradient(90deg, #FF0056 8%, #FF00B8 100%);
    border: 0;
    color: #fff;
    margin-left: 8px;
}


/** 그라데이션 IE 대응 **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .vMemIntro .vMemTitle,
    .vMemIntro .vMemPayBtns .vMemGoCard a {
        background: transparent !important;
        color: rgba(255, 50, 104, 1) !important;
      }
}

.vFixTopBack {
    width: 130px;
    position: absolute;
    top: 25px;
    left: 35px;
    z-index: 9;
}

.vFixTopBack a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #858585;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.vFixTopBack a > img {
    width: 5px;
    height: 9px;
    margin-right: 4px;
}

/*** 멤버스 페이지 끝 ***/




/** 메인페이지 후기 슬라이드 탭 **/
.mainBox09 {
    width: 100%;
    background: #F4F6F8;
    margin-bottom: 80px;
    overflow: hidden;
    text-align: center;
    padding: 60px 20px;

    box-sizing: border-box;
}

.mainBox09 .vpNewTitle {
    font-weight: 700;
    font-size: 36px;
    color: #222222;

    margin-bottom: 40px;
}

.mainBox09 .vpViSlBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mainBox09 .vpRePoSta {
    margin: 0 auto;
    text-align: center;
}

.mainBox09 .vpRePoSta img {
    width: 130px;
    height: 26px;
    font-size: 0;
    line-height: 0;
}

.mainBox09 .vpReText {
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    color: #4E5968;
    max-width: 920px;
    width: 100%;
    line-height: 28px;
    padding: 15px 20px 20px 20px;
    box-sizing: border-box;

}

.mainBox09 .vpReName {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #8B95A1;
    box-sizing: border-box;
}

.mainBox09 .vpAppDoBtnWrap {
    margin-top: 30px;
}

.mainBox09 .vpAppDoBtnWrap .appIcons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mainBox09 .vpAppDoBtnWrap .appIcons .iconBoxs {
    background: #FFFFFF;
    border-radius: 14px;

    margin: 0 8px;
}

.mainBox09 .vpAppDoBtnWrap .appIcons .iconBoxs a {
    display: block;
    font-size: 0;
    line-height: 0;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 70px;
}

.mainBox09 .vpAppDoBtnWrap .appIcons .iconBoxs a > img {
    width: 115px;
    font-size: 0;
    line-height: 0;
}

.mainBox09 .section03 {
    position: relative;
}

.mainBox09 .slLeBtn01,
.mainBox09 .slRiBtn01 {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    line-height: 0;
    font-size: 0;
}

.mainBox09 .slLeBtn01 img,
.mainBox09 .slRiBtn01 img {
    width: 30px;
    height: 30px;
}

.mainBox09 .slLeBtn01 {
    left: 110px;
}

.mainBox09 .slRiBtn01 {
    right: 110px;
}




/********************/
/*** 230426 Lucas ***/
/********************/
/*** 소셜 로그인 추가 ***/
#loginWrap .loginBox .vpLogOrText {
    margin: 12px 0;
}

#loginWrap .loginBox .vpLogOrText span {
    font-weight: 600;
    font-size: 14px;
    color: #888888;

    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

#loginWrap .loginBox .vpLogOrText span::before,
#loginWrap .loginBox .vpLogOrText span::after {
    content: "";
    background: #dcdcdc;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 12px;
    width: 30px;
}

#loginWrap .loginBox .vp-sns-icon-box-01 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

#loginWrap .loginBox .vp-sns-icon-box-01 > a {
    display: flex;
    margin: 0 8px;
}

#loginWrap .loginBox .vp-sns-icon-box-01 > a > img {
    width: 55px;
    height: 55px;
}



/* 공통 헤더 */
.vp-myp-wrap {
  padding: 20px;
}

.mt57px {
  margin-top:57px !important;
}

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


#vpm-header {
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

.vpm-header-btm {
  /* border-bottom:1px solid rgba(218,218,218,0.5); */
  box-sizing: border-box;
}

#vpm-header .headArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#vpm-header .nBox {
  padding: 17px 20px;
}

#vpm-header .sBox {
  padding: 9px 20px;
}

#vpm-header .headArea .left {
  text-align: left;
  width: 26px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

#vpm-header .headArea .left img {
  width: 19px;
  cursor: pointer;
}

#vpm-header .headArea .left .goHome {
  margin-left: 8px;
}

#vpm-header .headArea .empty {
  width: 60px;
  display: block;
}

#vpm-header .headArea .left .close {
  width: 18px;
}

#vpm-header .headArea .main {
  font-weight: 700;
  font-size: 22px;
  color: #222222;
  line-height: 1;
  text-align: left;
}

#vpm-header .headArea .left-txt {
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  color: #222222;
  width: 100%;
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
  position: relative;
  top: 1px;
  line-height: 1;
}

#vpm-header .headArea .center-txt {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #222222;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  top: 2px;
  line-height: 1;
}

/** Lucas01 **/
#vpm-header .headArea .center-auto {
  width: auto !important;
}

#vpm-header .headArea .right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

#vpm-header .headArea .rights div {
  margin-right: 0px !important;
}

#vpm-header .headArea .rights label {
  top: -5px;
}

#vpm-header .headArea .right div {
  margin-right: 16px;
}

#vpm-header .headArea .right div>img {
  width: 22px;
}

#vpm-header .headArea .right .last {
  margin-right: 0;
}

#vpm-header .headArea .right .cartBox {
  position: relative;
}

#vpm-header .headArea .right .cartBox .cartNum {
  position: absolute;
  left: 10px;
  top: -5px;
  font-size: 9px;
  color: #fff;
  background: #FC2E5B;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 0;
  text-align: center;
  line-height: 1.9;
  vertical-align: middle;
  overflow: hidden;
  z-index: 1;
}

#vpm-header .headArea .right .close {
  width: 18px;
}

#vpm-header .headArea .search {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 0;
  display: block;
  height: 38px;
  position: relative;
  width: 100%;
  margin: 0 8px 0 6px;
}

#vpm-header .headArea .search .search-input {
  background: transparent;
  display: block;
  width: 85%;
  border: 0;
  padding: 0 16px;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  line-height: 38px;
  height: 38px;
  letter-spacing: -0.5px;
}

#vpm-header .headArea .search .icon {
  position: absolute;
  top: 9px;
  right: 9px;
}

#vpm-header .headArea .search .icon img {
  width: 19px;
}

.none {
  display: none !important;
}

.hidden {
  visibility: hidden !important;
}


.retryWrap {
  padding: 0 0 20px 0;
  max-width: 350px;
  margin: 0 auto;
}

.retryWrap .noti--01 {
  padding: 28px 0;
}

.retryWrap .noti--01 span {
  border: 1px solid #FC2E5B;
  border-radius: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 33px;
  color: #FC2E5B;
  height: 33px;
  width: 265px;
  display: block;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
}

.retryWrap .noti--02 {

}

.retryWrap .noti--02 .notiBox {
  background: #FFF3F8;
  border-radius: 12px;
  padding: 14px;
}

.retryWrap .noti--02 .notiBox .text--01 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #F81D1D;
  display: flex;
  align-items: center;
  vertical-align: middle;
}

.retryWrap .noti--02 .notiBox .text--01 img {
  width: 20px;
  margin-right: 5px;
  position: relative;
  margin-top: -2px;
  vertical-align: middle;
}

.retryWrap .noti--02 .notiBox .text--02 {
  margin: 15px 0 7px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #222222;
}

.retryWrap .noti--02 .notiBox .text--03 {

}

.retryWrap .noti--02 .notiBox .text--03 .repeat {

}

.retryWrap .noti--02 .notiBox .text--03 .repeat ol {
  display: block;
  list-style-type: decimal;
  padding: 0 0 0 14px ;
}

.retryWrap .noti--02 .notiBox .text--03 .repeat ol > li.repeatText {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #292929;
  padding: 1px 0;
}

.retryWrap .noti--03 {

}

.retryWrap .noti--03 .title01 {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
  margin: 20px 0 0 0;
}

.retryWrap .noti--03 .shopInfo {

}

.retryWrap .noti--03 .shopInfo .infoUl {

}

.retryWrap .noti--03 .shopInfo .infoUl .infoTitle {
  margin: 20px 0 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput {

}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput input {
  border: 1px solid #DADADA;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  padding: 0 15px;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput input.readOnlys {
  background: #FAFAFB;
  cursor: default;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum {

}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum input:first-child {
  width: 68%;
  margin-right: 2%;
  display: inline-block;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum input.width100per {
  width: 100% !important;
  margin-right: 0 !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum input.margin1616 {
  margin: 16px 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum button {
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #222222;
  cursor: pointer;
  background: #F5F6F8;
  border-radius: 10px;
  border: 0;
  box-sizing: border-box;
  width: 30%;
  display: inline-block;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput #fileUpload {
  display: none;
  opacity: 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .btn-upload {
  border: 1px solid #222222;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  color: #222222;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 12px;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .btn-upload img {
  width: 20px;
  margin-right: 6px;
}

.retryWrap .noti--04 {
  margin-top: 40px;
}

.retryWrap .noti--04 a {
  background: #FF1167;
  border-radius: 10px;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  height: 48px;
}

/*** 회원정보 수정 ***/
.retryWrap .noti--03 .title--a1 {
  margin-top: 0px !important;
  padding-top: 20px;
}

.retryWrap .noti--03 .title--a2 {
  margin-top: 0px !important;
  padding-top: 35px;
}

.retryWrap .noti--03 .shopInfo .infoUl .inputDis {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .md-input-01 {
  width: 78%;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .pw-change-01,
.retryWrap .noti--03 .shopInfo .infoUl .infoInput .ph-change-01 {
  background: #F5F6F8;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #222222;
  width: 20%;
  cursor: pointer;
}



.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle {
  margin-top: 15px;
  color: #999;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .ph-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .num-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .id-text {
  color: #999999;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .ph-ck-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .num-ck-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .id-ck-text {
  color: #F81D1D;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 {
  margin: 6px 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--02 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input {
  border: 1px solid #DADADA;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  box-sizing: border-box;
  width: 100%;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.act-border {
  border: 1px solid #F81D1D !important;
  color: #f81d1d !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .p-ck-01 {
  box-sizing: border-box;
  overflow: hidden;
  width: 68%;
  margin-right: 2%;
  line-height: 48px;
  height: 48px;
  position: relative;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .p-ck-arr:after {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(/common/login/ck-ok-01.svg);
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.inputBg {
  background: #FAFAFB;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input::placeholder {
  color: #A2A9AC;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.phone--01 {
  width: 100%;
  display: inline-block;
  border: 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .ck-ok-01 {
  position: absolute;
  right: 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.phone--02 {
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #B9BEC1;
  cursor: pointer;
  background: #F5F6F8;
  border-radius: 10px;
  border: 0;
  box-sizing: border-box;
  width: 30%;
  display: inline-block;
}

.retryWrap .noti--03 .shopInfo .infoUl .show-ok {
  padding-top: 5px;
}



.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #D4D4D4;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 9px;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span::before {
  content: '';
  background-image: url('/common/login/pw-ck.svg');
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list .pw-ck--01 {
  padding-top: 6px;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list .pw-ck--02 {

}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list .pw-ck--03 {

}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-ok-pass {
  color: #00C74F;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-ok-pass::before {
  content: '';
  background-image: url('/common/login/pw-ok-ck.svg');
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-no-pass {
  color: #F81D1D;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-no-pass::before {
  content: '';
  background-image: url('/common/login/pw-no-ck.svg');
}

.retryWrap .noti--03 .shopInfo .infoUl .pwtop6px {
  padding-top: 6px;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.ckActive {
  color: #222;
}

.retryWrap .noti--03 .title01 p.titles {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
  margin-bottom: 5px;
}

.retryWrap .noti--03 .title01 p.sub-titles {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
}

.retryWrap .noti--a-04 {
  margin-top: 30px;
}

.retryWrap .noti--a-04 a {
  background: #F5F6F8;
  border-radius: 10px;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #B9BEC1;
  height: 48px;
  cursor: not-allowed;
}

.retryWrap .save-act-01 a {
  background: #FF1167 !important;
  color: #FFFFFF !important;
  cursor: pointer;
}

.resignPop .repopUl .text--a2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  padding-bottom: 20px;
}

.resignPop .repopUl .button--01 div.saveBg-01 {
  background: #FC2E5B !important;
}


/** 본인인증 **/
.retryWrap .noti--03 .title01 > img {
    width: 52px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.retryWrap .noti--03 .title01 span {
    display: block;
    color: #222222;
    letter-spacing: -0.5px;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-top: 18px;
}

.retryWrap .noti--03 .vpStNeBtnLine {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 14px;
}

.retryWrap .noti--03 .vpStNeBtnLine button {
    background-color: #F0F0F0;
    border-radius: 24px;
    width: 80px;
    height: 48px;
    line-height: 48px;

    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;

    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    border: 0;
}

.retryWrap .noti--03 .vpStNeBtnLine button.vpStNeBtnAct {
    background-color: #000;
}

.retryWrap .noti--03 .vpStNeBtnLine button::after {
    content: "\f061";
    font: var(--fa-font-solid);
    margin-left: 5px;
    display: inline-block;
    margin-top: 0;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 6px 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumHiLi {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    line-height: 48px;
    height: 48px;
    color: #DADADA;
    font-weight: 500;
    font-size: 13px;
    box-sizing: border-box;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 input {
  border: 1px solid #DADADA;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  box-sizing: border-box;
  width: calc(50% - 14px);
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumDiv2 {
    position: relative;
    width: calc(50% - 14px);
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumDiv2::after {
    content: '●●●●●●';
    position: absolute;
    left: 28px;
    top: 1px;
    z-index: 1;
    display: block;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    letter-spacing: 0.5px;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumDiv2 .regiNum2s {
    position: relative;
    width: 100%;
    z-index: 9;
    background: transparent;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 input:focus {
  border: 1px solid #222;
}

.retryWrap .noti--03 .shopInfo .infoUl .pa5no01 {
    padding-top: 0px !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle {
    padding-top: 5px;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-phone--02 {
    background-color: #F0F0F0;
    border-radius: 24px;
    width: 110px;
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;

    pointer-events: none;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-ckActive {
    background-color: #000 !important;
    pointer-events: fill;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-phone--02 span.goNum::after {
    content: "\f061";
    font: var(--fa-font-solid);
    margin-left: 5px;
    display: inline-block;
    margin-top: 0;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-ckActiveRe {
    background-color: #F5F6F8 !important;
    pointer-events: fill;
    font-weight: 500;
    font-size: 16px;
    color: #7B7B7B;

    display: none;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .p-ck-01-New {
    width: calc(100% - 122px) !important;
    margin-right: 0 !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.phone--01Ck {
    width: 100%;
    border: 1px solid #DADADA !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.inputBg {
    pointer-events: none;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--044 {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    line-height: 48px;
    height: 48px;
    position: relative;

    margin: 6px 0;

    display: flex;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--044 input.vpTelComePicks {
    background-color: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 10px;
    box-sizing: border-box;
    height: 48px;
    line-height: 48px;

    font-weight: 600;
    font-size: 16px;
    color: #222222;

    padding: 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    cursor: pointer;
    background-image: url('../img/select-arrow-01.png');
    background-position: calc(100% - 16px);
    background-repeat: no-repeat;
    background-size: 10px;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input:focus {
  border: 1px solid #222 !important;
}

#cart-dark-drop {
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

#cart-dark-drop {
  display: none;
}

.vpTeCoPopPick .vmSlChBox {
  padding:0;
  /* max-height: 390px; */
  height: calc(100vh - 30%);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
 /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vpTeCoPopPick .vmSlChBox::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.vpTeCoPopPick .vmSlChBox .cart-user-list {
  position: relative;
}

.vpTeCoPopPick .vmSlChBox .headers {
    padding: 0 20px;
    box-sizing: border-box;
    height: 53px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    text-align: center;
    width: 100%;
}

.vpTeCoPopPick .vmSlChBox .headers > strong {
    font-weight: 600;
    font-size: 18px;
    color: #292929;
    margin: 0 auto;
    line-height: 50px;
}

.vpTeCoPopPick .vmSlChBox .headers > span.heClBt0a1 {
    background: #DBDBDB;
    border-radius: 2px;
    width: 35px;
    height: 4px;
    display: block;
    margin: 12px auto 0 auto;

}



.vpTeCoPopPick .vmSlChBox .slty-list {
  padding: 0 20px 40px 20px;
  overflow-y: scroll;
  height: 90%;
}

.vpTeCoPopPick .vmSlChBoxType .slty-list {
  max-height: 274px !important;
}


.vpTeCoPopPick .vmSlChBox .slty-list { /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vpTeCoPopPick .vmSlChBox .slty-list::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}


.vpTeCoPopPick .vmSlChBox .slty-list .list-ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li>span {
  display: inline-block;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li>span:first-child {
  font-weight: 500;
  font-size: 16px;
  color: #292929;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li:nth-last-child(2) {
    border-bottom: 0;
}

#tel-com-select-box {
  display: none;
}

/* 문의처, 문의유형 변경 라디오 버튼 */
.vpTeCoPopPick .vmSlChBox .slty-list .list-ul label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio] {
    display:none;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right;
    background-image: none;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio]:checked + label {
    background-image: url('/common/login/change-user-check.svg');
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio]:disabled + label {
    background-image: none;
}


.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li.vmQnListBlink {
    height: 50px;
    border: 0;
    visibility: hidden;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio] + label.vpUserTimeAct {
    pointer-events: none;
    color: #AFAFAF;
}

.cart-body-no-scroll {
    overflow: hidden !important;
}



.logWrapFlTop-001 {
    align-items: flex-start !important;
    padding-top: 50px;
    position: relative;
    max-width: 350px;
    margin: 0 auto;
    display: flex;
}

.logWrapFlTop-001 .vpScIdSeBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;

}

.logWrapFlTop-001 .vpScIdSeBox .title01 {
    font-weight: 700;
    font-size: 24px;
    color: #222222;
}

.logWrapFlTop-001 .vpScIdSeBox .title01 > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #999999;
    display: block;
    margin: 0 0 20px 0;
}

.logWrapFlTop-001 .vpScIdSeBox .title01 > span:first-child {
    margin: 16px 0 0 0;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList {
    width: 100%;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl {

}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li {

}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li:last-child {
    margin-bottom: 0;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep {

}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRepBt160:last-child {
    margin-bottom: 200px;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep .vpScIdSelectAdd .vpScIdCir {
    background-color: #EB758B;
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 0 0 0;
    pointer-events: none;
    border-radius: 50%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    margin-right: 10px;

    box-sizing: border-box;
}

.logWrapFlTop-001 .vpScIdSeBox .vpNeMaShBtn {
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.logWrapFlTop-001 .vpScIdSeBox .vpNeMaShBtn > a {
    font-weight: 500;
    font-size: 14px;
    color: #999999;
    display: inline-block;
}

.logWrapFlTop-001 .vpScIdSeBox .vpNeMaShBtn > a::after {
    content: "\f054";
    font: var(--fa-font-solid);
    margin-left: 6px;
    display: inline-block;
    font-size: 11px;
    margin-top: -1.5px;
    vertical-align: middle;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    background: #F7F8FA;
    border-radius: 40px;
    height: 68px;

    padding: 12px;
    box-sizing: border-box;

    margin-bottom: 16px;

    border: 1px solid #F7F8FA;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep .vpScIdSelectAdd .vpScIdChoose01 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd .vpScIdChoose01 > span:first-child {
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd .vpScIdChoose01  > span:nth-child(2) {
    line-height: 1.2;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] {
    display:none;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-image: none;
    background-image: url('../img/nvpscidselectno.png');
    background-size: 22px;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:checked + label {
    background-image: url('../img/nvpscidselectok.png');
    border-color: #222;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:disabled + label {
    background-image: url('../img/nvpscidselectno.png');
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] + label.vpScIdSelectAddOns {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-image: none;
    background-image: url('../img/vpscidselectarroff.png') !important;
    background-size: 28px !important;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:checked + label.vpScIdSelectAddOns {
    background-image: url('../img/vpscidselectarron.png') !important;
    border-color: #F7F8FA !important;
}

.logWrapFlTop-001 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:disabled + label.vpScIdSelectAddOns {
    background-image: url('../img/vpscidselectarroff.png') !important;
}

.logWrapFlTop-001 .vpScIdNeStBtn {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0px;
    display: block;
}

.logWrapFlTop-001 .vpScIdNeStBtn > a {
    border-radius: 10px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    text-align: center;
    border: 1px solid #FC2E5B;
}

.logWrapFlTop-001 .vpScIdNeStBtn > a.vpScIdCoBtn {
    background: #FC2E5B;
    color: #fff;
}

.logWrapFlTop-001 .vpScIdNeStBtn > a.vpScIdJoBtn {
    color: #FF1167;
    background: #fff;
}


.vpNoIdWrap01 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 177px);
    position: relative;
    padding: 20px 0 80px 0;
}

.vpNotConIds {
    max-width: 350px;
    margin: 0 auto;
}

.vpNotConIds .vpNoIdsBox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.vpNotConIds .vpNoIdsBox > ul {
    width: 100%;
}

.vpNotConIds .vpNoIdsBox > ul > li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vpNotConIds .vpNoIdsBox > ul > li > strong {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #222222;
    margin: 20px 0;
    display: inline-block;
}

.vpNotConIds .vpNoIdsBox > ul > li > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #999999;
    display: inline-block;
}

.vpNotConIds .vpNoIdsBox > ul > li > p {

}

.vpNotConIds .vpNoIdsBox > ul > li > p > img {
    width: 45px;
    height: 45px;
    display: block;
}

.vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco {
    margin-top: 30px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco > a {
    background: #F5F5F5;
    border-radius: 14px;
    margin: 0;
    width: 50%;
    height: 65px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco > a.appps {
    margin-right: 8px;
}

.vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco > a.gooogle {
    margin-left: 8px;
}

.vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco > a > img {
    width: 100px;
    font-size: 0;
    line-height: 0;
}

.vpNotConIds .vpScIdNeStBtn {
    position: fixed;
    bottom: 40px;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    display: block;
    max-width: 350px;
    margin: 0 auto;
	z-index: 9;
}

.vpNotConIds .vpScIdNeStBtn > a.vpScIdCoBtn {
    border-radius: 10px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    text-align: center;
    background: #FF1167;
    color: #fff;
}


.vpCoIdPwWrBox {
    padding: 70px 0 20px 0;
    box-sizing: border-box;
}

.logWrap .content ul.logBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.logWrap .content ul.logBox .inputArea input.inputBg {
    background: #FAFAFB;
    max-width: inherit;
    pointer-events: none;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #A2A9AC !important;
}

.logWrap .content ul.logBox .inputArea {
  margin-bottom: 16px;
  border: 1px solid #DADADA;
  border-radius: 10px;
  box-sizing: border-box;
  width: 100%;
  max-width: 350px;
  overflow: hidden;
  padding: 0 12px;
  background: #fff;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;

  position: relative;
}

.logWrap .content ul.logBox .inputArea22 {
    background: #FAFAFB;
    pointer-events: none;
}

.logWrap .content ul.logBox .inputArea:focus-within {
  border-color: #ff2e5b;
}

.logWrap .content ul.logBox .inputArea .icon {
  width: 24px;
  margin-right: 8px;
}

.logWrap .content ul.logBox .inputArea span {
  display: inline-block;
  text-align: right;
  font-weight: 400;
  font-size: 12px;
  color: #FF1616;
  letter-spacing: -0.5px;
}

.logWrap .content ul.logBox .inputArea .infoCheck {
  position: absolute;
  right: 12px;

  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.logWrap .content ul.logBox .inputArea .eye img {
  width: 20px;
  cursor: pointer;
}

/*.logWrap .content ul.logBox .inputArea .eye .eyeShow, */
.logWrap .content ul.logBox .inputArea .eye .eyeHide {
  display: none;
}


.logWrap .content ul.logBox .inputArea input {
  border: none;
  background: #fff;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  padding: 0;
  max-width: 150px;
  width: 100%;
  caret-color: #FC2E5B;
}

.logWrap .content ul.logBox .inputArea input::placeholder {
  color:#999;
}

.logWrap .content ul.logBox .inputArea:focus {
  border-color: #FC2E5B;
}


.logWrap .vpScIdCoToSpan {
    text-align: center;
    margin: 40px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.logWrap .vpScIdCoToSpan > span {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #222222;
    display: block;
}

.logWrap .content ul.logBox .okBtn {
  width: 100%;
  max-width: 350px;
  margin-top: 8px;
}

.logWrap .content ul.logBox .okBtn button {
  background: #DEDEDE;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  height: 48px;
  line-height: 48px;
  width: 100%;
  border: none;
  box-sizing: border-box;
  cursor: not-allowed;
  display: block;
}

.logWrap .content ul.logBox .okBtn .okBg {
  background: #FC2E5B;
  cursor: pointer;
}


#vpScIdCoGoodBtnBox .popup__container,
#vpScIdCoEssOne001 .popup__container,
#vpScIdCoOkId001 .popup__container,
#vpScIdCoClId001 .popup__container {
    max-width: 290px;
    box-sizing: border-box;
    padding: 16px;
}

#vpScIdCoGoodBtnBox a.popup__close {
    display: block;
    width: 100%;
    color: #fff;
}

.popup__container .popup__content .vpScIdCoSuc00 {
    text-align: center;
}

.popup__container .popup__content .vpScIdCoSuc00 > img {
    width: 75px;
    height: 75px;
    line-height: 0;
    font-size: 0;
}

.popup__container .popup__content .vpScIdCoSuc01 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #222222;
    margin: 20px 0 16px 0;
    text-align: center;
}

.popup__container .popup__content .vpScIdCoSuc02 > span {
    font-size: 14px !important;
    color: #888888 !important;
    line-height: 20px;
    display: inline-block;
}

.popup__container .popup__content .confirm-box22 ul.btn {
    flex-direction: column !important;
    align-items: center !important;
}

.popup__container .popup__content .confirm-box22 ul.btn li {
    margin: 0 !important;
    cursor: pointer;
}

.popup__container .popup__content .confirm-box22 ul.btn li.vpTmAr8px {
    background: #F5F6F8 !important;
    color: #797979 !important;
    margin-top: 8px !important;
}

.popup__container .popup__content .confirm-box22 ul.btn .ok {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background: #FF1167 !important;
}






.vpOkIdSelCk01 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 117px);
    position: relative;
    padding: 20px 0;
}

.vpOkConIds {
    max-width: 350px;
    margin: 0 auto;
}

.vpOkIdSelCk01 .vpScIdSeBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;

}

.vpOkIdSelCk01 .vpScIdSeBox .title01 {
    font-weight: 700;
    font-size: 24px;
    color: #222222;
}

.vpOkIdSelCk01 .vpScIdSeBox .title01 > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #999999;
    display: block;
    margin: 0 0 20px 0;
}

.vpOkIdSelCk01 .vpScIdSeBox .title01 > span:first-child {
    margin: 16px 0 0 0;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList {
    width: 100%;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl {

}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li {

}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li:last-child {
    margin-bottom: 0;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep {

}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRepBt160:last-child {
    margin-bottom: 200px;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep .vpScIdSelectAdd .vpScIdCir {
    background-color: #EB758B;
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 0 0 0;
    pointer-events: none;
    border-radius: 50%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    margin-right: 10px;

    box-sizing: border-box;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpNeMaShBtn {
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpNeMaShBtn > a {
    font-weight: 500;
    font-size: 14px;
    color: #999999;
    display: inline-block;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpNeMaShBtn > a::after {
    content: "\f054";
    font: var(--fa-font-solid);
    margin-left: 6px;
    display: inline-block;
    font-size: 11px;
    margin-top: -1.5px;
    vertical-align: middle;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    background: #F7F8FA;
    border-radius: 40px;
    height: 68px;

    padding: 12px;
    box-sizing: border-box;

    margin-bottom: 16px;

    border: 1px solid #F7F8FA;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep .vpScIdSelectAdd .vpScIdChoose01 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd .vpScIdChoose01 > span:first-child {
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd .vpScIdChoose01  > span:nth-child(2) {
    line-height: 1.2;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] {
    display:none;
}


.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] + label.vpScIdSelectAddOns {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-image: none;
    background-image: url('../img/vpscidselectarroff.png') !important;
    background-size: 28px !important;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:checked + label.vpScIdSelectAddOns {
    background-image: url('../img/vpscidselectarron.png') !important;
    border-color: #F7F8FA !important;
}

.vpOkIdSelCk01 .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:disabled + label.vpScIdSelectAddOns {
    background-image: url('../img/vpscidselectarroff.png') !important;
}



.vpCoAppSelCk01 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 117px);
    position: relative;
    padding: 20px 0;
}

.vpCoAppSeBox {
    max-width: 350px;
    margin: 0 auto;
}

/*** 간편로그인 연결 설정 ***/
.vpScIdCoCountNum {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    padding: 20px 0 0 0;
}

.vpScIdCoCountNum > span {
    color: #BABABA;
    display: inline-block;
}

.vpScIdCoCountNum > span::before {
    content: '(';
}

.vpScIdCoCountNum > span::after {
    content: '개 사용중)';
}

.vpScIdAlertBox {
    background: #F5F6F8;
    border-radius: 5px;
    padding: 12px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #888888;

    /* margin-top: 12px; */
}

.vpScIdCountBox {

}

.vpScIdCountBox ul.vpScIdCountUl {

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList {
    border-bottom: 1px solid #EEEFF0;

    box-sizing: border-box;
    width: 100%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    padding: 25px 0;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList:last-child {
    border-bottom: 0 !important;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdIconImg {

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdIconImg::before {
    content: '';
    display: inline-block;
    background-position: left;
    width: 38px;
    height: 38px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

/** 애플 아이콘 **/
.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpSiApple::before {
    background-image: url('../img/newlogoapp0001.png');
}

/** 카카오 **/
.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpSiKka::before {
    background-image: url('../img/newlogokka0001.png');
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.shopName01 {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #222222;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.userName01 {

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.userName01 > span {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    display: inline-block;
    color: #959595;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.userName01 > span.vpUserConOk {
    color: #FC2E5B;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox {

}


.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle{
  position: relative;
  width: 50px;
  height: 30px;
  background-color: #e9e9eb;
  /* border: 1px solid #E6E6E6; */
  border-radius: 50px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle .toggle-handle {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  width: 24px;
  height: 24px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
  border-radius: 100px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, border 0.1s ease-in-out;
  box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.20);

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle.active {
  background-color: #FC2E5B;
  /* border: 1px solid #4CD964; */
  box-shadow: inset 0 0 15px rgba(255, 255, 255, .25);
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle.active .toggle-handle {
  transform: translate3d(28px,0,0);
}

.popup__container .popup__content .vpScIdCoSuc022 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
}

.popup__container .popup__content .confirm-box-0a ul.btn li.vpTmAr8px {
    background: #F5F6F8 !important;
    color: #797979 !important;
}



@media only screen and (max-width : 500px) {

    .vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco {
        flex-direction: column;
    }

    .vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco > a.appps {
        margin: 0 0 8px 0;
    }

    .vpNotConIds .vpNoIdsBox > ul > li.vpDoLiIco > a.gooogle {
        margin: 8px 0 0 0;
    }

    .vpOkIdSelCk01 {
        align-items: flex-start;
    }

}



/** 아이디 찾기 230608 Lucas **/
/*** 아이디, 비밀번호 찾기 페이지 ***/
.findWrap {
	max-width: 440px;
    background: #fff;
    width: 100%;
    padding: 35px;
    box-sizing: border-box;
    border-radius: 20px;
}

.findWrap .findUl {
  padding: 0;
}

.findWrap .findUl .title--01 {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
}

.findWrap .findUl .title--01 p {
  line-height: 29px;
  font-weight: 700;
  font-size: 24px;
}

.findWrap .findUl .title--01 p.no-id-01 > span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  display: block;
  margin-top: 20px;
}

.findWrap .findUl .sectionTitle {
  margin-top: 15px;
  color: #999;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.findWrap .findUl .sectionTitle span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999;
}

.findWrap .findUl .sectionTitle .ph-text,
.findWrap .findUl .sectionTitle .num-text,
.findWrap .findUl .sectionTitle .id-text {
  color: #999999;
}

.findWrap .findUl .sectionTitle .ph-ck-text,
.findWrap .findUl .sectionTitle .num-ck-text,
.findWrap .findUl .sectionTitle .id-ck-text {
  color: #F81D1D;
}

.findWrap .findUl .input--01 {
  margin: 6px 0;
}

.findWrap .findUl .input--02 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.findWrap .findUl .input--01 input {
  border: 1px solid #DADADA;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  box-sizing: border-box;
  width: 100%;
}

.findWrap .findUl .input--01 input.act-border {
  border: 1px solid #F81D1D !important;
  color: #f81d1d !important;
}

.findWrap .findUl .input--01 .p-ck-01 {
  box-sizing: border-box;
  overflow: hidden;
  width: 68%;
  margin-right: 2%;
  line-height: 48px;
  height: 48px;
  position: relative;
}

.findWrap .findUl .input--01 .p-ck-arr:after {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(/comon/login/ck-ok-01.svg);
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}

.findWrap .findUl .input--01 input.inputBg {
  background: #FAFAFB;
}

.findWrap .findUl .input--01 input::placeholder {
  color: #A2A9AC;
}

.findWrap .findUl .input--01 input:focus {
  border: 1px solid #222;
}

.findWrap .findUl .input--01 input.phone--01 {
  width: 100%;
  display: inline-block;
  border: 0;
}

.findWrap .findUl .input--01 .ck-ok-01 {
  position: absolute;
  right: 0;
}

.findWrap .findUl .input--01 button.phone--02 {
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #B9BEC1;
  cursor: pointer;
  background: #F5F6F8;
  border-radius: 10px;
  border: 0;
  box-sizing: border-box;
  width: 30%;
  display: inline-block;
}

.findWrap .findUl .input--01 button.ckActive {
  color: #222;
}

.findWrap .findUl .confirm--01 {
  margin-top: 18px;
}

.findWrap .findUl .confirm--01 .ckOk {
  background: #F5F6F8;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #B9BEC1;
  height: 48px;
  cursor: not-allowed;
}

.findWrap .findUl .confirm--01 .ckOk-act {
  background: #FF1167 !important;
  color: #fff !important;
  cursor: pointer;
}

.findWrap .findUl .confirm--01 .tBlack {
  color: #222;
  cursor: pointer;
}


/*** 아이디, 비밀번호 찾기 결과 ***/
.findWrap .findUl .confirm--02 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.findWrap .findUl .confirm--02 .go-find-btn,
.findWrap .findUl .confirm--02 .go-log-btn {
  background: #F5F6F8;
  border-radius: 10px;
  height: 48px;
  line-height: 48px;
  width: 48.5%;
  text-align: center;
  cursor: pointer;
}

.findWrap .findUl .confirm--02 .go-log-btn {
  background: #FF1167;
  color: #fff;
}

.findWrap .findUl .sectionTitle .idTitle--01 {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  margin-bottom: 4px;
}

.findWrap .findUl .sectionTitle .id-list-01 {

}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul li {
  width: 100%;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul li > label {
  display: block;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-name-01,
.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-id-01 {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #222222;
  display: inline-block;
  margin: 8px 0;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-name-01 {
  padding-left: 30px;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-name-01::after {
  content: ':';
  margin: 0 5px;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}


/* 아이디 찾기 결과 아이디 선택 input */
.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio] {
    display:none;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: left 6px;
    background-image: url('/common/login/id-ck-no-01.svg');
    /* display: inline-block; */
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio]:checked + label {
    background-image: url('/common/login/id-ck-ok-01.svg');
    /* background-size: contain; */
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio]:disabled + label {
    /* background-size: contain; */
    background-image: url('/common/login/id-ck-no-01.svg');
}


/** 비밀번호 재설정 페이지 **/
.findWrap .findUl .pw-ck-list {

}

.findWrap .findUl .pw-ck-list span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #D4D4D4;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 9px;
}

.findWrap .findUl .pw-ck-list span::before {
  content: '';
  background-image: url('/common/login/pw-ck.svg');
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.findWrap .findUl .pw-ck-list .pw-ck--01 {
  padding-top: 6px;
}

.findWrap .findUl .pw-ck-list .pw-ck--02 {

}

.findWrap .findUl .pw-ck-list .pw-ck--03 {

}

.findWrap .findUl .pw-ck-list span.pw-ok-pass {
  color: #00C74F;
}

.findWrap .findUl .pw-ck-list span.pw-ok-pass::before {
  content: '';
  background-image: url('/common/login/pw-ok-ck.svg');
}

.findWrap .findUl .pw-ck-list span.pw-no-pass {
  color: #F81D1D;
}

.findWrap .findUl .pw-ck-list span.pw-no-pass::before {
  content: '';
  background-image: url('/common/login/pw-no-ck.svg');
}

.findWrap .findUl .pwtop6px {
  padding-top: 6px;
}

/** 비밀번호 재설정 완료 **/
.pw-reset-ok {
  padding: 50px 0;
}

.pw-reset-ok .reset--01 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.pw-reset-ok .reset--01 .reset--img {
  line-height: 0;
  margin-bottom: 30px;
  text-align: center;
}

.pw-reset-ok .reset--01 .reset--img img {
  width: 75px;
  height: 75px;

}

.pw-reset-ok .reset--01 .reset--title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #222222;
}

.pw-reset-ok .reset--01 .reset--sub {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #888888;
  margin: 16px 0 30px 0;
}

.pw-reset-ok .reset--01 .reset--login {
  text-align: center;
  width: 100%;
}

.pw-reset-ok .reset--01 .reset--login .login--btn {
  background: #FF1167;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  width: 200px;
  text-align: center;
  color: #FFFFFF;

  margin: 0 auto;

  cursor: pointer;
}


.addBtn a:nth-child(1) {
  border-right: 1px solid #BDBDBD;
}
.addBtn {
  text-align: center;
  width: 100%;
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.addBtn a {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #777777;
  width: 33.333%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
}

.formWidth100per {
	width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/** 사업제휴 버튼 **/
.vpQuPrtnBox {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 10px;
	margin-top: 50px;
	padding-bottom: 50px;
}

.vpQuPrtnBox a {
	border-radius: 24px;
	background: #1A2532;
	height: 44px;
	line-height: 44px;
	padding: 0 22px;
	box-sizing: border-box;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}