@charset "UTF-8";
/* **************** *
  || version : 24/02/29 KMVNO-4410 ||
 * **************** */
.app.userMenu {
  display: none;
}

.btnAlarm {
  display: none;
  width: 4rem;
  height: 4rem;
  background: url("/web/kmvno/assets/images/app/app_icon_alarm.svg") no-repeat center;
}
.btnAlarm.show {
  display: block;
}
.btnAlarm.active {
  background: url("/web/kmvno/assets/images/app/app_icon_alarm_active.svg") no-repeat center;
}
.btnAlarm > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.copyBtn {
  /* vertical-align: middle; */
}
.copyBtn span {
  border-bottom: 0.1rem solid #333333;
  font-weight:300;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.copyBtn:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  padding-left: .4rem;
  background: url("/web/kmvno/assets/images/common/ico_copy.svg") right/1.6rem no-repeat;
  vertical-align: middle;
}

/* 간편/일반 로그인 */
.appWrap .loginWrapper .loginContainer {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 5rem;
}
.appWrap .loginNoticeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 30rem;
  padding: 5rem 0;
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
.appWrap .loginNoticeWrap > * {
  width: 100%;
}
.appWrap .loginNoticeWrap.alignLfet {
  text-align: left;
}
.appWrap .loginNoticeWrap .topNotice {
  margin-bottom: 2rem;
  font-size: 1.6rem;
}
.appWrap .loginNoticeWrap .alignLeft {
  text-align: left;
}
.appWrap .loginNoticeWrap .colorGray {
  color: #777777;
}
.appWrap .loginNoticeWrap .iconArrow {
  display: inline-block;
  margin-bottom: 1rem;
  padding-right: 1rem;
  background: url("/web/kmvno/assets/images/common/arrow_link_r_cyan.svg") no-repeat
    right center/6px auto;
}
.appWrap .loginNoticeWrap .bottomNotice {
  margin-top: 6rem;
  font-size: 1.3rem;
}
.appWrap .loginNoticeWrap .buttonArea {
  width: 100%;
  margin-top: 2rem;
}
.appWrap .loginArea {
  width: 100%;
}
.appWrap .loginType02 {
  padding-top: 4rem;
}
.appWrap .loginLsit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 3rem;
  border-bottom: 1px solid #dcdcdc;
}
.appWrap .loginLsit .loginButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.appWrap .loginLsit .loginButton[aria-selected="true"] {
  color: #499690;
  font-weight: bold;
}
.appWrap .loginLsit .loginButton[aria-selected="true"]:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background-color: #499690;
}
.appWrap .loginContent {
  display: none;
}
.appWrap .loginContent.show {
  display: block;
}

/* 알림 페이지네이션 */
.appPageTitleContent {
  background-color: #f9f9f9;
}
.appPageTitleContent .titleArrow {
  width: 5rem;
  height: 4.8rem;
  margin-right: 0;
  background: url("/web/kmvno/assets/images/common/icon_navi_prev.svg") no-repeat
    center;
}
.appPageTitleContent .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 1rem 0;
}
.appPageTitleContent .title > * {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
}
.appPageTitleContent .title > *:only-child {
  padding-left: 2rem;
}

/* 알림 목록 */
.appWrap.appAlarmList {
  padding-top: 0;
}

/* 앱 게시판 */
.appContentArea {
  height: 100vh;
}

.appBoardContainer {
  overflow-y: auto;
  height: calc(100% - 6.8rem);
  padding-bottom: 5rem;
  word-break: break-word;
  word-wrap: break-word;
}
.appBoardContainer .tableContainer .date {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.appBoardContainer .tableContainer .date:before {
  display: none;
}
.appBoardContainer .boardBody {
  margin-bottom: 2rem;
}
.appBoardContainer tbody tr.active,
.appBoardContainer tbody tr.active td {
  background-color: #EDF4F4;
}

.appNodataContainer {
  overflow-y: auto;
  height: calc(100% - 6.8rem);
}
.appNodataContainer .appNodataArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
  min-height: 30rem;
}
.appNodataContainer .imgNodata {
  display: block;
  width: 18.8rem;
  height: auto;
  margin-top: -8rem;
}
.appNodataContainer .imgNodata img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .appWrap .loginWrapper .loginContainer {
    padding: 2rem;
  }
  .appWrap .userMenu {
    display: none;
  }
  .appWrap .app.userMenu {
    display: block;
  }
  .appWrap .btnAlarm {
    display: block;
  }
  .moMenuOpen.homeLogin .headerInner {
    border-bottom-color: #dcdcdc;
    
    background: #ffffff;/*  url("/web/kmvno/assets/images/common/headerBg_snow.gif") left -150px center repeat; */
  }
  .moMenuOpen .btnAlarm {
    background-image: url("/web/kmvno/assets/images/app/app_icon_alarm.svg");
  }
  .moMenuOpen .btnAlarm.active {
    background: url(/web/kmvno/assets/images/app/app_icon_alarm_active.svg) no-repeat center;
  }
  .homeLogin .headerInner {
    background-color: transparent;
    border-bottom-color: transparent;
  }
  .homeLogin .btnAlarm {
    background-image: url("/web/kmvno/assets/images/app/app_icon_alarm_white.svg");
  }
  .appBoardContainer .boardFoot.moType {
    display: block;
  }
}
@media (max-width: 512px) {
  .appWrap .socialLoginArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .appWrap .socialLoginArea .itemBox + .itemBox {
    margin-top: 2rem;
  }
}
.chartContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.chartArea {
  position: relative;
  width: 100%;
}
.chartArea canvas {
  width: 100%;
  height: auto;
}
.chartArea .chartInfoContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* 실시간 요금 */
.chartRealtimeRate {
  width: 28rem;
  height: 28rem;
  margin-top: 4rem;
  margin-bottom: 6rem;
}
.chartRealtimeRate .chartInfoArea {
  margin-top: 5rem;
}
.chartRealtimeRate .chartInfoArea .label {
  margin-bottom: 0.3rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #646464;
  line-height: 3.2rem;
  text-align: center;
}
.chartRealtimeRate .chartInfoArea .rateBox {
  position: relative;
  font-size: 2.4rem;
  font-weight: 700;
  color: #000000;
  line-height: 3.2rem;
  margin-bottom: 3rem;
}
.chartRealtimeRate .chartInfoArea .rateBox .rate {
  display: inline-block;
  position: relative;
  z-index: 2;
  height: 3.2rem;
  padding: 0 0.2rem;
  font-family: "Pretendard", "roboto";
}
.chartRealtimeRate .chartInfoArea .rateBox:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.5rem;
  background-color: #ff5758;
}
.chartRealtimeRate .chartInfoArea .period {
  font-size: 1.3rem;
  font-weight: 400;
  color: #949494;
  line-height: 3.2rem;
  text-align: center;
}

/* 막대 그래프 */
.stickChartArea {
  position: relative;
  padding: 5.7rem 0 7.4rem;
  background-color: #f9f9f9;
}
.stickChartArea .chartInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  padding: 0 4rem;
}
.stickChartArea .chartArea,
.stickChartArea .itemAverage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
}
.stickChartArea .chartArea [class*="item"],
.stickChartArea .itemAverage [class*="item"] {
  position: relative;
  margin-right: 4rem;
}
.stickChartArea .chartArea [class*="item"]:last-child,
.stickChartArea .itemAverage [class*="item"]:last-child {
  margin-right: 0;
}
.stickChartArea .chartArea .label,
.stickChartArea .itemAverage .label {
  position: absolute;
  left: 50%;
  bottom: -3.3rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  white-space: nowrap;
}
.stickChartArea .itemStick {
  position: relative;
  width: 2.6rem;
  height: 15.8rem;
  background-color: #ffffff;
  -webkit-box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.1);
}
.stickChartArea .itemStick .colorStick {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #777;
}
.stickChartArea .itemStick .colorStick > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.stickChartArea .itemAverage .itemStick {
  position: relative;
}
.stickChartArea .itemAverage .itemStick .colorStick {
  background-color: #499690;
}
.stickChartArea .itemAverage .label {
  font-weight: bold;
  color: #499690;
}
.stickChartArea .itemAverage .line {
  position: absolute;
  bottom: 0;
  left: 4rem;
  right: 4rem;
  z-index: 1;
  border-bottom: 1px dashed #000000;
}
.stickChartArea .labelData {
  position: absolute;
  top: -3.5rem;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 1.2rem;
  font-weight: 400;
  color: #333333;
  line-height: 2rem;
  white-space: nowrap;
  text-indent: 2px;
}

@media (max-width: 512px) {
  .stickChartArea .itemStick {
    width: 2rem;
  }
  .stickChartArea .chartInner {
    padding: 0 3rem;
  }
  .stickChartArea .chartArea [class*="item"] {
    width: 2rem;
    margin-right: 2.5rem;
  }
  .stickChartArea .itemAverage .line {
    left: 3rem;
    right: 3rem;
  }
  .chartRealtimeRate {
    width: 26rem;
    height: 26rem;
  }
  .chartRealtimeRate .chartInfoArea {
    margin-top: 3rem;
  }
  .chartRealtimeRate .chartInfoArea .rateBox {
    margin-bottom: 1rem;
  }
  /* 최근 3개월 이용량 보기 팝업 */
  .usageGraphContent .stickChartArea .itemAverage .line {
    left: 1rem;
    right: 1rem;
  }
}
html,
body {
  font-size: 10px;
  letter-spacing: -0.5px;
}

body.no-scroll {
  overflow: hidden;
}

a {
  color: inherit;
}

em {
  font-style: normal;
}

button {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

.hidden {
  display: none !important;
}

.bold {
  font-weight: bold !important;
}

.imgWrap {
  display: inline-block;
}
.imgWrap img {
  display: block;
  width: 100%;
  height: auto;
}

.swiper-notification {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.colorPrimary {
  color: #499690 !important;
}

.colorRed {
  color: #db0001 !important;
}

.colorYellow {
  color: #d16c00 !important;
}

.colorPurple02 {
  color: #4e6bd2 !important;
}

.focusA {
  outline: 2px solid #000000;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* line 16, scss/common.scss */
::-webkit-scrollbar-track {
  background-color: #fff;
}

/* line 20, scss/common.scss */
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #919191;
}

.ir {
  text-indent: -9999px;
  display: block !important;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px !important;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.linkUnderline {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.2;
  border-bottom: 1px solid #555555;
  word-break: break-all;
}
.linkUnderline:hover {
  font-weight: bold;
}
.linkUnderline.iconArrow {
  padding-right: 1rem;
  border-bottom: 1px solid #555555;
  background: url("/web/kmvno/assets/images/common/arrow_link_r.svg") no-repeat right
    center/6px auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.linkUnderline.iconArrow:hover,
.linkUnderline.iconArrow:focus {
  padding-right: 3rem;
}
.linkUnderline.colorPrimary {
  color: #499690;
  border-bottom: 1px solid #499690;
}
.linkUnderline.colorCyan01 {
  color: #407773;
  border-bottom: 1px solid #407773;
}
.linkUnderline.colorCyan01.iconArrow {
  border-bottom: 1px solid #407773;
  background-image: url("/web/kmvno/assets/images/common/arrow_link_r_cyan.svg");
}
.linkUnderline.colorGray {
  color: #646464;
  border-bottom-color: #646464;
}
.linkUnderline:disabled {
  opacity: 0.5;
}

.skip a,
.skip button {
  position: fixed;
  top: -2rem;
  display: block;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 2rem;
  border-radius: 0;
  background-color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 2rem;
  text-align: center;
}
.skip a:focus,
.skip button:focus {
  top: 0;
}
.skip a:active,
.skip button:active {
  top: 0;
}
.skip a.moType,
.skip button.moType {
  display: none;
}

.wrap {
  position: relative;
  overflow: hidden;
  max-width: 192rem;
  min-width: 28rem;
  margin: 0 auto;
  padding-top: 14.5rem;
}
.wrap.main,
.wrap[class*="homeJoinStep"],
.wrap.homeSearchResult {
  padding-top: 8.1rem;
}
.wrap.mobileNavActive .mobileNav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 102;
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.moType {
  display: none;
}

.headerIcons.moType {
  display: none;
}

.btnLogout {
  position: absolute;
  z-index: 6;
  top: 50%;
  right: 15rem;
  width: 3rem;
  height: 3rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btnLogout > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.btnChatbot {
  position: absolute;
  z-index: 7;
  top: 50%;
  right: 10.5rem;
  width: 4rem;
  height: 4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/web/kmvno/assets/images/common/icon_chatbot.svg") no-repeat
    center/3rem auto;
}
.btnChatbot:hover {
  background: url("/web/kmvno/assets/images/common/icon_chatbot_cyan.svg") no-repeat
    center/3rem auto;
}

.headerContainer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #ffffff;
}
.headerContainer.hover .subMenu,
.headerContainer.focus .subMenu {
  display: block;
}
.headerContainer.hover .gnbBottom.pcType,
.headerContainer.focus .gnbBottom.pcType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 8.1rem;
  height: 57rem;
}
.headerContainer.opendMenu .gnbContainer {
  display: block;
}
.headerContainer .headerArea {
  position: relative;
  z-index: 100;
  max-width: 192rem;
  margin: 0 auto;
}

.header,
.logoHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 200;
  height: 8.1rem;
  padding: 0 5rem 0 5.4rem;
}
.header .logo,
.logoHeader .logo {
  display: block;
  position: relative;
  z-index: 10;
}
.header .logo > *,
.logoHeader .logo > * {
  display: block;
  width: 10.8rem;
  height: 3.8rem;
}
.header .logo img,
.logoHeader .logo img {
  display: block;
  width: 100%;
  height: auto;
}

.header .logo img.newYear {
  display: none;
}
.header .logo.newYear > * {
  height: 8.1rem;
}
.header .logo.newYear img {
  width: auto;
  height: 100%;
  display: none;
}
.header .logo.newYear img.newYear {
  display: block;
}

.userMenu {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.logoutBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: underline;
}
.logoutBtn:before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  background: url("/web/kmvno/assets/images/common/btn_logout.svg") no-repeat left
    center/3rem;
}

.mobileHeader {
  display: none;
  margin-left: 1.4rem;
}
.mobileHeader [class*="btn"] {
  overflow: hidden;
  width: 5rem;
  height: 5rem;
}
.mobileHeader [class*="btn"] > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.btnMenuOpen {
  background: url("/web/kmvno/assets/images/common/toggle_menu_open.svg") no-repeat
    center;
}

.btnMenuClose {
  display: none;
  background: url("/web/kmvno/assets/images/common/toggle_menu_close.svg") no-repeat
    center;
}

.gnbContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.gnbContainer .gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
}
.gnbContainer .gnb > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 25%;
  height: 8.1rem;
}
.gnbContainer .gnb .depth01 {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.gnbContainer .gnb .depth01:last-child {
  margin-right: 0;
}
.gnbContainer .gnb .depth01:hover,
.gnbContainer .gnb .depth01:focus {
  color: #499690;
}
.gnbContainer .gnb .moDepth01 {
  display: none;
}
.gnbContainer a {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1;
  white-space: nowrap;
}
.gnbContainer .bottomButtons > * {
  font-size: 1.4rem;
  font-weight: 500;
  color: #499690;
  line-height: 1;
}
.gnbContainer .bottomButtons a {
  text-decoration: underline;
}

.bottomButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bottomButtons .hideInfoBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bottomButtons .hideInfoBtn:after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0.5rem;
  background: url("/web/kmvno/assets/images/common/icon_summary_lock_primary.svg")
    no-repeat center;
  background-size: cover;
}
.bottomButtons.pcType {
  position: absolute;
  z-index: 1;
  right: 5.2rem;
  bottom: 2.7rem;
}
.bottomButtons.pcType .hideInfoBtn {
  margin-right: 3.5rem;
}
.bottomButtons.moType {
  display: none;
}
.bottomButtons > * {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1;
}
.bottomButtons .subTextArea {
  font-size: 1.3rem;
}
.bottomButtons .subTextArea a {
  margin-left: 0.5rem;
  font-size: 1.4rem;
}

.subMenu {
  position: absolute;
  display: none;
  z-index: 10;
  top: 8.1rem;
  left: 0;
  width: calc(100% - 2rem);
  margin-top: 1.8rem;
}
.subMenu > li {
  position: relative;
  padding: 0.8rem 0;
}
.subMenu > li.active .subMenuChild {
  display: block;
}
.subMenu > li.active .openDepth03 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.subMenu .depth02 {
  display: inline-block;
  position: relative;
  line-height: 1.4;
}
.subMenu .depth02:hover,
.subMenu .depth02:focus {
  font-weight: bold;
}
.subMenu .depth02:hover:after,
.subMenu .depth02:focus:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  width: 100%;
  border-bottom: 2px solid #ff5758;
}
.subMenu .depth02:active {
  color: #333333;
}
.subMenu .openDepth03 {
  overflow: hidden;
  position: absolute;
  top: 0.5rem;
  right: 0;
  z-index: 2;
  width: 3rem;
  height: 3rem;
  background: url("/web/kmvno/assets/images/common/arrow_gnb.svg") no-repeat
    center/1.2rem auto;
  text-indent: -99999px;
}
.subMenu .subMenuChild {
  display: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
}
.subMenu .subMenuChild a {
  position: relative;
  display: block;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.subMenu .subMenuChild a:hover,
.subMenu .subMenuChild a:focus {
  font-weight: bold;
}
.subMenu .subMenuChild a:before {
  content: "-";
  position: absolute;
  top: 0.1rem;
  left: -1rem;
  z-index: 1;
}

.gnbBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
  top: -9999px;
  height: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-color: #f7f8fa;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #cccccc;
}
.gnbBottom.moType {
  display: none;
}

.gnbBtmMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 7.5rem;
  background-color: #f2f2f6;
}
.gnbBtmMenu .gnbBtmMenuTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1;
}
.gnbBtmMenu .gnbBtmMenuTitle .iconBgSetting {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-left: 0.6rem;
  background: none;
}
.gnbBtmMenu .bottomMenu {
  overflow: hidden;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5rem;
  max-width: 45rem;
  padding: 0.2rem;
  /* line 16, scss/common.scss */
}
.gnbBtmMenu .bottomMenu::-webkit-scrollbar-track {
  background-color: #f2f2f6;
}
.gnbBtmMenu .bottomMenu > li {
  margin-right: 1.4rem;
}
.gnbBtmMenu .bottomMenu .btnMenu {
  display: block;
  min-width: 7.4rem;
  padding: 0 1.1rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 3.3rem;
  text-align: center;
}

/* header user Data */
.myInfoSummary .infoSummaryTop {
  background-color: #ffffff;
}
.myInfoSummary .infoSummaryBottom {
  position: relative;
  background-color: rgba(255, 255, 255, 0.7);
}
.myInfoSummary .infoSummaryBottom .summaryField {
  overflow: hidden;
}
.myInfoSummary .summaryField {
  width: 143rem;
  margin: 0 auto;
}
.myInfoSummary .subTitleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3.2rem 0;
}
.myInfoSummary .subTitleContainer .btn {
  height: 5rem;
  padding: 0 2rem;
  line-height: 5rem;
  white-space: normal;
}
.myInfoSummary .subTitleContainer .btn .underline {
  font-weight: bold;
  text-decoration: underline;
}
.myInfoSummary .subTitleContainer .iconBgLink {
  background-position: right 2rem center;
}
.myInfoSummary .subTitleContainer .iconBgLink.btn {
  padding-right: 5.7rem;
}
.myInfoSummary .subTitleContainer .iconBgSetting {
  display: block;
  width: 6rem;
  height: 4rem;
  margin-right: -2rem;
  background-position: center;
}
.myInfoSummary .subTitleContainer .iconBgSetting span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.myInfoSummary .subTitleContainer .titleLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 5.7rem;
  padding: 0 2rem;
  border-radius: 0.4rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.myInfoSummary .subTitleContainer .titleLinks .underline {
  font-weight: bold;
}
.myInfoSummary .subTitleContainer .titleLinks .iconBgSetting {
  margin-left: 5rem;
}
.myInfoSummary .subTitleContainer .hideInfoBtn {
  padding-right: 0;
}
.myInfoSummary .subTitleContainer .strongText {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.myInfoSummary .subTitleContainer .strongText.iconBgLink {
  padding-right: 4.6rem;
  font-weight: normal;
}
.myInfoSummary .subTitleContainer .strongText.iconBgLink strong {
  font-weight: bold;
}
.myInfoSummary .bottomButtons {
  margin-top: 1.5rem;
}
.myInfoSummary .phoneLineSummaryDrop {
  min-width: 35.5rem;
}

.mobileContainer .myInfoSummary {
  display: none;
}

@media screen and (min-width: 0\0) {
  /* header user Data */
  .myInfoSummary .blurCover {
    display: none;
  }
}
.infoSummaryBottom.active .summaryTop {
  background-color: #f7f8fa;
}
.infoSummaryBottom.active .summaryBottom {
  display: block;
}
.infoSummaryBottom .summaryBottom {
  display: none;
  padding: 4rem;
  background-color: #eff1f3;
}
.infoSummaryBottom .summaryBtnTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.4rem 0;
}
.infoSummaryBottom .summaryItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 28rem;
  height: 4.7rem;
  padding: 0 1.7rem 0 1.9rem;
  margin-right: 1rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0.8rem;
  background-position: left 2rem center;
}
.infoSummaryBottom .summaryItem:last-child {
  margin-right: 0;
}
.infoSummaryBottom .summaryTitle {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 4.7rem;
}
.infoSummaryBottom .summaryTitle[class*="iconBg"] {
  height: 100%;
  padding-left: 2.5rem;
}
.infoSummaryBottom .summaryTitle[class*="iconBg"] > span {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
}
.infoSummaryBottom .summaryData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}
.infoSummaryBottom .summaryData > span {
  padding-left: 0.4rem;
}
.infoSummaryBottom .summaryData > span:first-child {
  padding-left: 0;
}
.infoSummaryBottom .summaryData .data {
  margin-top: -0.2rem;
  font-weight: normal;
  font-size: 2.4rem;
  color: #499690;
}
.infoSummaryBottom .summaryBtn {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  margin-left: auto;
  background: url("/web/kmvno/assets/images/common/btn_navi_down_bk.svg") no-repeat
    center/2.6rem;
}
.infoSummaryBottom .summaryBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.infoSummaryBottom .summaryBtn[aria-expanded="true"] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.infoSummaryBottom .summaryNotice {
  max-width: calc(100% - 3rem);
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.infoSummaryBottom .summaryNotice a {
  font-weight: bold;
}
.infoSummaryBottom .summaryInfoArea .swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-bottom: 1px;
}
.infoSummaryBottom .summaryInfoArea .swiper-slide {
  height: auto;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
}
.infoSummaryBottom .summaryInfoArea .summaryPagination,
.infoSummaryBottom .summaryInfoArea .summaryPagination2 {
  display: none;
  text-align: center;
}
.infoSummaryBottom
  .summaryInfoArea
  .summaryPagination
  .swiper-pagination-bullet,
.infoSummaryBottom
  .summaryInfoArea
  .summaryPagination2
  .swiper-pagination-bullet {
  display: inline-block;
  opacity: 1;
  width: 2rem;
  height: 0.6rem;
  margin: 0 0.3rem;
  background-color: #bbbbbb;
  border-radius: 4rem;
}
.infoSummaryBottom
  .summaryInfoArea
  .summaryPagination
  .swiper-pagination-bullet
  > span,
.infoSummaryBottom
  .summaryInfoArea
  .summaryPagination2
  .swiper-pagination-bullet
  > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.infoSummaryBottom
  .summaryInfoArea
  .summaryPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active,
.infoSummaryBottom
  .summaryInfoArea
  .summaryPagination2
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 5rem;
  background-color: #000000;
}
.infoSummaryBottom .summaryInfoTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 5.5rem;
  padding: 0 2rem;
  border-bottom: 1px solid #cccccc;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.infoSummaryBottom .summaryInfoTitle.iconBgLink {
  background-position: right 2rem center;
}
.infoSummaryBottom .summaryInfoContent {
  position: relative;
  height: calc(100% - 5.2rem);
}
.infoSummaryBottom .summaryInfoContent [class*="iconBg"] {
  width: 2.8rem;
  height: 2.8rem;
  background-position: center;
}
.infoSummaryBottom .summaryInfoContent [class*="iconBg"] > span {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  color: transparent;
}
.infoSummaryBottom .summaryInfoContent .iconBgRefesh {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.9rem;
}
.infoSummaryBottom .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.infoSummaryBottom .flex.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.infoSummaryBottom .grayBox {
  padding: 2rem;
  background-color: #f7f8fa;
  border-radius: 1rem;
}
.infoSummaryBottom .grayBox.hyphen dt {
  margin-bottom: 1.2rem;
}
.infoSummaryBottom .grayBox.hyphen dd {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.infoSummaryBottom .grayBox.hyphen dd:last-child {
  margin-bottom: 0;
}
.infoSummaryBottom .grayBox.hyphen dd:before {
  content: "-";
  display: inline-block;
  margin-right: 0.5rem;
}
.infoSummaryBottom .grayBox .flexRow dt {
  font-weight: normal;
}
.infoSummaryBottom .grayBox .flexRow dd {
  font-weight: bold;
}
.infoSummaryBottom .summaryData .imgWrap .pcType,
.infoSummaryBottom .noPhoneLineShow .imgWrap .pcType {
  display: block;
}
.infoSummaryBottom .summaryData .imgWrap .moType,
.infoSummaryBottom .noPhoneLineShow .imgWrap .moType {
  display: none;
}
.infoSummaryBottom .noPhoneLineShow {
  height: 100%;
  background-color: rgba(235, 238, 240, 0.5019607843);
  font-size: 0;
}
.infoSummaryBottom .noPhoneLineShow .imgWrap {
  width: 100%;
}
.infoSummaryBottom .noPhoneLineShow .imgWrap img {
  max-height: 30rem;
}
.infoSummaryBottom .noPhoneLineShow .floating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.infoSummaryBottom .noPhoneLineShow .floatText {
  width: 100%;
  max-width: 35.1rem;
  height: auto;
  padding: 2rem 3rem 2rem 6rem;
  border-radius: 0.4rem;
  background-color: #85dcdd;
  border: 1px solid #85dcdd;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.infoSummaryBottom .noPhoneLineShow .smallText {
  margin-top: 2rem;
  font-size: 1.4rem;
}
.infoSummaryBottom .noPhoneLineShow .iconBgLock {
  background-position: left 2.5rem top 2rem;
}
.infoSummaryBottom dt {
  font-weight: bold;
}
.infoSummaryBottom strong {
  font-weight: bold;
}
.infoSummaryBottom .colorPrimary {
  padding-right: 0.5rem;
}
.infoSummaryBottom .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.infoSummaryBottom .itemHalf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.infoSummaryBottom .itemHalf:after {
  content: "";
  display: block;
  width: 2px;
  height: 1.8rem;
  margin: 0 3.4rem;
  background-color: #333333;
}
.infoSummaryBottom .itemHalf:last-child:after {
  display: none;
}
.infoSummaryBottom .informationItem {
  padding: 3rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.infoSummaryBottom .informationItem .itemTop {
  margin-bottom: 2.6rem;
}
.infoSummaryBottom .informationItem .itemTop .bigTitle {
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.infoSummaryBottom .informationItem .itemTop .unitDate {
  font-size: 1.6rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
  white-space: nowrap;
}
.infoSummaryBottom .informationItem .itemTop .imgWrap {
  height: 4rem;
}
.infoSummaryBottom .informationItem .itemTop .imgWrap img {
  width: auto;
  height: 100%;
}
.infoSummaryBottom .informationItem .itemBottom .title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.infoSummaryBottom .informationItem .itemBottom .text {
  margin-left: auto;
  font-size: 3.2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.1;
}
.infoSummaryBottom .informationItem .itemBottom .smallText {
  font-size: 1.3rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}
.infoSummaryBottom .informationItem .itemData {
  width: 100%;
  margin-bottom: 3rem;
}
.infoSummaryBottom .informationItem .itemData .flexRow {
  margin-bottom: 1.5rem;
}
.infoSummaryBottom .informationItem .itemData .text {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-left: auto;
}
.infoSummaryBottom .informationItem .gageBar {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 1.3rem;
  border-radius: 2rem;
  background-color: #ffffff;
  -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.infoSummaryBottom .informationItem .gageBar .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #ff5758;
  border-radius: 2rem;
}
.infoSummaryBottom .usageSummary .itemTop {
  padding-bottom: 4.2rem;
}
.infoSummaryBottom .costSummary .informationItem {
  padding-top: 1rem;
}
.infoSummaryBottom .costSummary .itemTop {
  margin-bottom: 3.4rem;
}
.infoSummaryBottom .costSummary .itemBottom.grayBox {
  padding: 2.5rem;
}
.infoSummaryBottom .specsSummary .itemTop {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.infoSummaryBottom .specsSummary .itemTop .bigTitle {
  width: 21rem;
}
.infoSummaryBottom .specsSummary .itemTop .unitDate {
  width: 12.6rem;
}
.infoSummaryBottom .specsSummary .itemBottom.grayBox {
  padding: 2.5rem 2.4rem;
}
.infoSummaryBottom .specsSummary .itemBottom .flexRow {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.1rem;
}
.infoSummaryBottom .specsSummary .itemBottom .flexRow:last-child {
  margin-bottom: 0;
}

.welcomeArea {
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.welcomeArea p {
  margin-bottom: 0.4rem;
}
.welcomeArea p:last-child {
  margin-bottom: 0;
}

/* mobile menu */
.mobileNav {
  position: relative;
  display: none;
  z-index: 10;
  background-color: #f7f8fa;
}
.mobileNav .menuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: auto;
  padding: 0 2rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mobileNav .menuList::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.mobileNav .menuList > li {
  margin: 0 2.25rem;
}
.mobileNav .menuList > li:first-child {
  margin-left: 0;
}
.mobileNav .menu {
  position: relative;
  display: block;
  height: 4.8rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #646464;
  line-height: 4.8rem;
  white-space: nowrap;
}
.mobileNav .menu.active {
  color: #000000;
}
.mobileNav .menu.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #ff5758;
}
.mobileNav .mobileMenu {
  z-index: 10;
  width: 100%;
  background-color: #f7f8fa;
  padding: 0 2rem;
  border-bottom: 1px solid #dcdcdc;
}
.mobileNav .mobileMenu.active {
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mobileNav .mobileMenu.active .mobileSubMenuList:after {
  display: none;
}
.mobileNav .mobileMenu.active .mobileSubMenu {
  display: block;
  padding: 0.5rem 0;
  margin: 0;
}
.mobileNav .mobileMenu.active .mobileSubMenu > li {
  margin: 0.5rem 0.2rem;
}
.mobileNav .mobileMenu.active .btnShowAll:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobileNav .titleContainer {
  width: 100%;
}
.mobileNav .titleContainer .titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobileNav .titleContainer .currentPageTitle {
  display: none;
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
  line-height: 2.4rem;
}
.mobileNav .titleContainer .btnGoBack {
  position: relative;
  left: -0.7rem;
  width: 2.1rem;
  height: 2rem;
  background: url("/web/kmvno/assets/images//common/icon_arrow_left.svg") no-repeat
    center/1rem auto;
}
.mobileNav .mobileSubMenuList {
  position: relative;
  width: calc(100% - 1rem);
}
.mobileNav .mobileSubMenuArea {
  display: none;
  position: relative;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mobileNav .mobileSubMenuArea::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.mobileNav .mobileSubMenuArea.show {
  display: block;
}
.mobileNav .mobileSubMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 -0.2rem;
  padding: 0.8rem 0.5rem 0.8rem 0;
  font-size: 0;
}
.mobileNav .mobileSubMenu > li {
  display: inline-block;
  margin: 0 0.2rem;
}
.mobileNav .mobileSubMenu .depth02 {
  display: block;
  padding: 0.4rem 1rem;
  border: 1px solid #cccccc;
  border-radius: 4rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #000000;
  line-height: 1;
  white-space: nowrap;
}
.mobileNav .mobileSubMenu .depth02.active {
  border-color: #000000;
  font-weight: bold;
}
.mobileNav .btnShowAll {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 4.8rem;
  right: 0;
  z-index: 1;
  width: 3rem;
  height: 4.3rem;
}
.mobileNav .btnShowAll:after {
  content: "";
  display: block;
}
.mobileNav .btnShowAll:after {
  width: 100%;
  height: 100%;
  background: url("/web/kmvno/assets/images//common/arrow_mobileMenu.svg") no-repeat
    center/1rem auto;
}
.mobileNav .btnShowAll.disabled,
.mobileNav .btnShowAll:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.mobileNav .btnShowAll > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.mobileNav .mobileThirdMenuArea {
  display: none;
  overflow: hidden;
  overflow-x: auto;
  padding: 0 1.5rem;
  margin: 0 -2rem;
  border-top: 1px solid #dcdcdc;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mobileNav .mobileThirdMenuArea::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.mobileNav .mobileThirdMenuArea.show {
  display: block;
}
.mobileNav .mobileThirdMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobileNav .mobileThirdMenu .depth03 {
  display: block;
  padding: 1rem 0.8rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #646464;
  line-height: 1.5;
  white-space: nowrap;
}
.mobileNav .mobileThirdMenu .depth03.active {
  font-weight: bold;
}
.mobileNav .mobileThirdMenu > li:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobileNav .mobileThirdMenu > li:last-child:after {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 1rem;
}

.pageTitleContainer {
  position: fixed;
  top: 8.1rem;
  left: 0;
  width: 100%;
  z-index: 3;
  background-color: #f7f8fa;
}
.pageTitleContainer .pageTitleContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 143.6rem;
  height: 6.4rem;
  margin: 0 auto;
}
.pageTitleContainer .titleAreaRight {
  height: 100%;
}
.pageTitleContainer .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 1rem 0;
}
.pageTitleContainer .title > * {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
}
.pageTitleContainer .titleArrow {
  width: 2.4rem;
  height: 4rem;
  margin-right: 0.6rem;
  background: url("/web/kmvno/assets/images/common/icon_navi_prev.svg") no-repeat
    left center;
}
.pageTitleContainer .breadcrumbContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.pageTitleContainer .breadcrumbContainer .breadcrumb {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  margin-right: 3rem;
}
.pageTitleContainer .breadcrumbContainer .breadcrumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1.8rem;
  width: 0.7rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: url("/web/kmvno/assets/images/common/icon_navi_next_bk.svg") no-repeat
    center;
  pointer-events: none;
}
.pageTitleContainer .breadcrumbContainer .breadcrumb.iconBgHome {
  overflow: visible;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
}
.pageTitleContainer .breadcrumbContainer .breadcrumb:last-child {
  margin-right: 0;
}
.pageTitleContainer .breadcrumbContainer .breadcrumb:last-child:after {
  display: none;
}
.pageTitleContainer .breadcrumbContainer .breadcrumb .breadcrumbTitle {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.pageTitleContainer .breadcrumbDrop.active .breadcrumbDropList {
  display: block;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbBtn {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.6rem;
  background: url("/web/kmvno/assets/images/common/btn_navi_down_bk.svg") no-repeat
    center;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbBtn:focus-visible {
  outline: 1px solid #000000;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbDropList {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  display: none;
  top: 5.5rem;
  left: 0;
  z-index: 10;
  min-width: 14.5rem;
  max-height: 30rem;
  padding: 1.4rem 0;
  border: 2px solid #000000;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.1490196078);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.1490196078);
}
.pageTitleContainer .breadcrumbDrop .breadcrumbDropList a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 1.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 3.4rem;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbDropList a:hover {
  outline: 0;
  background-color: rgba(0, 0, 0, 0.04);
  color: #499690;
  text-decoration: underline;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbDropList a:focus-visible {
  outline: 2px solid #000000;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbDropList a:active {
  position: relative;
}
.pageTitleContainer .breadcrumbDrop .breadcrumbDropList a:active:before {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  right: -2px;
  bottom: 0;
  z-index: 2;
  border: 2px solid #499690;
}

.fieldTitle01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.fieldTitle01 a {
  display: block;
  width: 100%;
  color: inherit;
}
.fieldTitle01 .iconBgLink {
  background-position: right center;
  background-size: 0.9rem auto;
}

.contentArea {
  position: relative;
  z-index: 2;
  padding-top: 7rem;
  padding-bottom: 16.3rem;
  background-color: #eff1f3;
}
.contentArea.bgColorWhite {
  background-color: #ffffff;
}
.contentArea.paddingTop0 {
  padding-top: 0;
}
.contentArea.paddingBottom0 {
  padding-bottom: 0;
}

.contentInner {
  max-width: 147.6rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.titleContent {
  background-color: #ffffff;
  border: 2px solid #499690;
  border-radius: 1.2rem;
}

.typeAgreementCheck .fieldCheckbox,
.typeAgreementBlank .fieldCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem;
}
.typeAgreementCheck .fieldCheckbox .fieldLabel,
.typeAgreementBlank .fieldCheckbox .fieldLabel {
  margin-left: 1rem;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: #000000;
  line-height: 2rem;
}
.typeAgreementCheck .fieldCheckbox .fieldForm,
.typeAgreementBlank .fieldCheckbox .fieldForm {
  min-width: 2.2rem;
}

.typeAgreementCheck .fieldData .fieldArea {
  overflow-y: auto;
  display: block;
  height: auto;
  height: 20rem;
  margin-bottom: 0;
  padding: 2rem;
  border-color: #000000;
}
.typeAgreementCheck .fieldData .fieldArea .fieldValue {
  font-size: 1.2rem;
  color: #000000;
  line-height: 1.6;
}
.typeAgreementCheck .fieldData .fieldArea .fieldValue span {
  display: block;
  margin: 1.5rem 0;
}

.typeAgreementBlank .btnOpenBlank {
  margin-left: auto;
  width: 3.2rem;
  height: 2.2rem;
  background: url("/web/kmvno/assets/images/common/icon_arrow_right.svg") no-repeat
    center/0.75rem auto;
}
.typeAgreementBlank .btnOpenBlank > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.typeCertification .certificationWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.6rem;
}
.typeCertification .certificationWrap [class*="btnCertify"],
.typeCertification .certificationWrap .btnNotService {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 16.5rem;
  height: 14rem;
  margin: 0.6rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.5;
  letter-spacing: -1px;
  background-color: #ffffff;
  border-radius: 0.4rem;
}
.typeCertification
  .certificationWrap
  [class*="btnCertify"][aria-disabled="true"],
.typeCertification .certificationWrap .btnNotService[aria-disabled="true"] {
  cursor: default;
  pointer-events: none;
  background-color: #f8f8fa;
}
.typeCertification
  .certificationWrap
  [class*="btnCertify"][aria-disabled="true"]:after,
.typeCertification
  .certificationWrap
  .btnNotService[aria-disabled="true"]:after {
  display: none;
}
.typeCertification
  .certificationWrap
  [class*="btnCertify"][aria-disabled="true"].active:after,
.typeCertification
  .certificationWrap
  .btnNotService[aria-disabled="true"].active:after {
  display: none;
}
.typeCertification .certificationWrap [class*="btnCertify"] .icon,
.typeCertification .certificationWrap .btnNotService .icon {
  width: 10.4rem;
  height: 6.5rem;
  margin-bottom: 1.5rem;
}
.typeCertification .certificationWrap [class*="btnCertify"]:after,
.typeCertification .certificationWrap .btnNotService:after {
  content: "";
  position: absolute;
  display: none;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 2px solid #499690;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.typeCertification .certificationWrap [class*="btnCertify"]:hover:after,
.typeCertification .certificationWrap [class*="btnCertify"].active:after,
.typeCertification .certificationWrap .btnNotService:hover:after,
.typeCertification .certificationWrap .btnNotService.active:after {
  display: block;
}
.typeCertification .certificationWrap [class*="btnCertify"]:active,
.typeCertification .certificationWrap .btnNotService:active {
  opacity: 0.7;
}
.typeCertification .certificationWrap .btnCertifyPass .icon {
  background: url("/web/kmvno/assets/images/common/img_certify_pass.png") no-repeat
    center/9.8rem 3.5rem;
}
.typeCertification .certificationWrap .btnCertifyToss .icon {
  background: url("/web/kmvno/assets/images/common/img_certify_toss.png") no-repeat
    center/10.1rem 2.6rem;
}
.typeCertification .certificationWrap .btnCertifyCard .icon {
  background: url("/web/kmvno/assets/images/common/img_certify_card.png") no-repeat
    center/6.4rem 4.9rem;
}
.typeCertification .certificationWrap .btnCertifyNaver .icon {
  background: url("/web/kmvno/assets/images/common/img_certify_naver.png") no-repeat
    center/9.3rem 6.5rem;
}
.typeCertification .certificationWrap .btnCertifyKakao .icon {
  background: url("/web/kmvno/assets/images/common/img_certify_kakao.png") no-repeat
    center/10.4rem 5rem;
}
.typeCertification .certificationWrap .btnNotService {
  opacity: 0.6;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 16.5rem;
  height: 14rem;
  padding-bottom: 1.6rem;
  margin: 0.6rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.5;
}
.typeCertification .certificationWrap .btnNotService .label {
  display: block;
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: normal;
}
.typeCertification .certificationWrap + .field {
  margin-top: 7rem;
}
.typeCertification .typeCaution {
  margin-top: 4rem;
}
.typeCertification .typeCaution .fieldArea {
  margin-bottom: 0;
}
.typeCertification .typeCaution .fieldArea .fieldValue {
  margin-bottom: 0.3rem;
}
.typeCertification.disabled .dataTitleArea {
  border-color: #777777;
}
.typeCertification.disabled .dataTitle {
  color: #777777;
}
.typeCertification.disabled .certificationWrap [class*="btnCertify"] {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.7;
  cursor: default;
}
.typeCertification.disabled
  .certificationWrap
  [class*="btnCertify"]:hover::after,
.typeCertification.disabled
  .certificationWrap
  [class*="btnCertify"]:focus::after {
  display: none;
}

.typeCaution .fieldArea {
  display: block;
  height: auto;
  padding: 3rem;
  border: none;
  background-color: #e5e8eb;
}
.typeCaution .fieldArea .fieldValue {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.5;
}
.typeCaution .fieldArea .fieldValue:last-of-type {
  margin-bottom: 0;
}
.typeCaution .fieldArea .fieldValue::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 10px;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #555555;
  border-radius: 50%;
  -webkit-transform: skew(-0.03deg);
  transform: skew(-0.03deg);
}

.typeCaution .fieldArea .fieldValue.red {
  color: #E60012;
}
.typeCaution .fieldArea .fieldValue.red::before {
  width: 15px;
  height: 15px;
  color: #E60012;
  background: url(/web/kmvno/assets/images/common/icon-referenceMark.svg) center/100% no-repeat;
  top: 0.275rem;
  left: -0.6rem;
}

.typeCaution .fieldArea .colorRed:not(.fieldRefer) {
  font-size: 1.3rem;
}
.typeCaution .desc {
  font-size: 1.2rem;
}

.addExplain {
  font-size: 1.4rem;
  font-weight: normal;
  color: #499690;
  line-height: 1.5;
}
.addExplain:first-of-type {
  margin-bottom: 1rem;
}
.addExplain.colorBlack {
  color: #333333;
}

.explainContainer {
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.5;
}
.explainContainer:not(:first-child) {
  margin-top: 1rem;
}
.explainContainer .beforeStar {
  font-size: inherit;
  color: inherit;
}

.footer {
  padding: 5rem 13rem 0;
  background-color: #f7f8fa;
}
.footer .footerTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer .footerBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2.6rem 0;
  margin-top: 5rem;
  border-top: 1px solid #cccccc;
}
.footer .footerLogo {
  display: block;
  width: 15.9rem;
  height: 5.6rem;
  margin-bottom: 3rem;
  opacity: 0.6;
}
.footer .footerLogo > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.footer .footerLogo > img {
  display: block;
  width: 100%;
  height: auto;
}
.footer .footerAdress {
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.9;
}
.footer .footerAdress span {
  display: block;
}
.footer .siteMap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer .siteMap > li {
  margin-left: 5rem;
}
.footer .siteMap > li:first-child {
  margin-left: 0;
}
.footer .siteMap .title {
  font-size: 1.6rem;
  font-weight: 700;
  color: rgba(0, 0, 0);
  line-height: 1.2;
}
.footer .siteMap .list {
  margin-top: 1.2rem;
}
.footer .siteMap .list a {
  font-size: 1.3rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.9;
}
.footer .footerMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer .footerMenu > li {
  font-size: 0;
  margin-right: 1rem;
}
.footer .footerMenu > li:last-child {
  margin-right: 0;
}
.footer .footerMenu > li:last-child:after {
  display: none;
}
.footer .footerMenu > li:after {
  content: "";
  display: inline-block;
  padding-right: 1rem;
  height: 1rem;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.footer .footerMenu a {
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.2;
}
.footer .copyright {
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.2;
  white-space: nowrap;
}

/* 주소검색 API 로고 변경 */
.pop-address-search .logo {
  width: 108px;
  height: 38px;
  background: url("/web/kmvno/assets/images/common/logo_black.svg") 0 0 no-repeat !important;
}

@media (max-width: 1600px) {
  .header {
    padding: 0 0 0 2.8rem;
  }
  .header .logo > * {
    width: 8.9rem;
    height: 3.2rem;
  }
  
  .header .logo.newYear > * {
    width: 10.8rem;
    height: 8.1rem; 
  }
  
  .btnLogout {
    right: 10rem;
  }
  .btnChatbot {
    right: 5.5rem;
  }
  .gnbContainer {
    padding: 0 5rem 0 13.4%;
  }
  .gnbEtcArea {
    width: 22%;
  }
  .gnbEtcArea .gnbEvent {
    width: 85%;
  }
  .pageTitleContainer .breadcrumbDrop .breadcrumbDropList {
    left: auto;
    right: 0;
  }
  .myInfoSummary .summaryField {
    width: calc(100% - 4rem);
  }
  .infoSummaryBottom .summaryBottom {
    padding: 4rem 0;
  }
  .infoSummaryBottom .informationItem .itemHalf:after {
    margin: 0 2rem;
  }
  .pageTitleContainer .pageTitleContent {
    width: 100%;
    padding: 0 3rem;
  }
  .footer {
    padding: 3.4rem 4rem 0;
  }
}
@media (max-width: 1280px) {
  .gnbContainer .gnb {
    max-width: 92rem;
    margin-left: 0;
  }
  .subMenu .subMenuChild {
    padding-left: 1rem;
  }
  .bottomButtons.pcType {
    right: 2rem;
  }
  .bottomButtons.pcType .hideInfoBtn {
    margin-right: 2rem;
  }
  .infoSummaryBottom .summaryBottom {
    padding: 2rem 0;
  }
  .infoSummaryBottom .summaryInfoTitle {
    height: 5.2rem;
    font-size: 1.4rem;
  }
  .infoSummaryBottom .summaryItem {
    min-width: 12.7rem;
    margin-right: 0.8rem;
  }
  .infoSummaryBottom .summaryData .data {
    margin-top: 0;
    font-size: 1.6rem;
  }
  .infoSummaryBottom .summaryData .data span {
    padding: 0 0.5rem 0 1.6rem;
  }
  .infoSummaryBottom .grayBox {
    padding: 1.6rem;
    font-size: 1.4rem;
  }
  .infoSummaryBottom .grayBox.hyphen dt {
    margin-bottom: 0.6rem;
  }
  .infoSummaryBottom .grayBox.hyphen dd {
    font-size: 1.4rem;
  }
  .infoSummaryBottom .noPhoneLineShow .btn {
    width: calc(100% - 2.6rem);
    height: 5.7rem;
    padding: 0 2rem 0 4.65rem;
    font-size: 1.4rem;
  }
  .infoSummaryBottom .noPhoneLineShow .btn.iconBgLock {
    background-position: left 2.3rem center;
    background-size: 1.3rem auto;
  }
  .infoSummaryBottom .noPhoneLineShow .floating .floatText {
    width: calc(100% - 2rem);
    margin: 0 1rem;
  }
  .infoSummaryBottom .informationItem {
    padding: 2rem;
  }
  .infoSummaryBottom .informationItem .itemHalf:after {
    height: 1.4rem;
  }
  .infoSummaryBottom .informationItem .itemData {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .infoSummaryBottom .informationItem .itemTop {
    margin-bottom: 1.5rem;
  }
  .infoSummaryBottom .informationItem .itemTop .bigTitle {
    width: 100%;
    font-size: 2.4rem;
  }
  .infoSummaryBottom .informationItem .itemBottom .flexRow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .infoSummaryBottom .informationItem .itemBottom .title {
    font-size: 1.4rem;
  }
  .infoSummaryBottom .informationItem .itemBottom .text {
    font-size: 2.8rem;
  }
  .infoSummaryBottom .summaryInfoContent .iconBgRefesh {
    height: 2rem;
    margin-left: 0.7rem;
    background-size: 1.3rem;
  }
  .infoSummaryBottom .usageSummary .itemTop {
    padding-bottom: 3rem;
  }
  .infoSummaryBottom .costSummary .itemBottom.grayBox {
    padding: 1.6rem;
  }
  .infoSummaryBottom .specsSummary .itemTop {
    display: block;
  }
  .infoSummaryBottom .specsSummary .itemTop .bigTitle {
    margin-bottom: 1rem;
  }
  .infoSummaryBottom .specsSummary .itemTop .bigTitle .moFull {
    display: block;
  }
  .infoSummaryBottom .specsSummary .itemTop .unitDate {
    width: 100%;
    font-size: 1.4rem;
  }
  .infoSummaryBottom .specsSummary .itemBottom.grayBox {
    padding: 1.6rem;
  }
  .footer .footerTop {
    display: block;
  }
  .footer .siteMap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 3rem;
  }
  .footer .siteMap > li {
    margin-left: 5%;
  }
}
@media (max-width: 1024px) {
  .focusA {
    outline: none;
  }
  .wrap {
    padding-top: 0;
  }
  .wrap.main,
  .wrap.policiesAndTerms,
  .wrap[class*="homeJoinStep"],
  .wrap[class*="homeFind"],
  .wrap.homeLogin,
  .wrap.homeJoinIntro,
  .wrap.homeSearchResult {
    padding-top: 0;
  }
  .wrap.main .mobileNav,
  .wrap.policiesAndTerms .mobileNav,
  .wrap[class*="homeJoinStep"] .mobileNav,
  .wrap[class*="homeFind"] .mobileNav,
  .wrap.homeLogin .mobileNav,
  .wrap.homeJoinIntro .mobileNav,
  .wrap.homeSearchResult .mobileNav {
    display: none;
  }
  .wrap.moMenuOpen .btnMenuOpen {
    display: none;
  }
  .wrap.moMenuOpen .btnMenuClose {
    display: block;
  }
  .wrap.moMenuOpen .mobileContainer {
    display: block;
    left: 0;
  }
  .wrap.mobileNavActive .mobileNav .menuList {
    display: none;
  }
  .wrap.mobileNavActive .mobileMenu .titleContainer .currentPageTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .wrap.mobileNavActive .mobileMenu .titleContainer .btnShowAll {
    position: static;
  }
  .wrap.mobileNavActive .mobileMenu .mobileSubMenuList {
    display: none;
  }
  .wrap.mobileNavActive .mobileMenu .mobileSubMenuList.show {
    display: block;
  }
  .wrap.mobileNavActive .mobileMenu .mobileThirdMenuList {
    display: none;
  }
  .wrap.mobileNavActive .mobileMenu .mobileThirdMenuList.show {
    display: block;
  }
  .wrap.mobileNavActive .mobileMenu.active .mobileSubMenuList {
    display: block;
  }
  .wrap.mobileNavActive .mobileMenu.active .mobileThirdMenuList {
    display: block;
  }
  .wrap.mobileNavActive.detail .pageTitleContainer,
  .wrap.mobileNavActive.homeJoinIntro .pageTitleContainer {
    position: static;
    top: 4.4rem;
    left: 0;
    z-index: 101;
    width: 100%;
  }
  .wrap.mobileNavActive .totalSearchContainer,
  .wrap.mobileNavActive .homeJoinTopContainer,
  .wrap.mobileNavActive .tabScrollWrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 103;
    width: 100%;
  }
  .subMenu .subMenuChild br {
    display: none;
  }
  .headerIcons {
    position: absolute;
    top: 50%;
    right: 9rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .headerIcons.moType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .headerIcons .btnChatbot {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .headerIcons > * {
    position: static;
  }
  .btnLogout.pcType {
    display: none;
  }
  .btnChatbot {
    right: 9rem;
  }
  .btnChatbot:hover {
    background-image: url("/web/kmvno/assets/images/common/icon_chatbot.svg");
  }
  .btnChatbot.moType {
    display: block;
  }
  .btnChatbot.pcType {
    display: none;
  }
  .headerContainer {
    position: static;
  }
  .header,
  .logoHeader {
    height: 6.1rem;
  }
  .header .logo > *,
  .logoHeader .logo > * {
    width: 8.9rem;
    height: 3.2rem;
  }
  
  .header .logo.newYear > * {
    width: 8.1rem;
    height: 6.1rem;
  }

  .header {
    padding-right: 0.5rem;
    padding-left: 2rem;
  }
  .mobileHeader {
    display: block;
    margin-left: -1rem;
  }
  .mobileContainer {
    display: none;
    overflow-y: auto;
    position: absolute;
    top: 6.2rem;
    left: -100%;
    z-index: 10;
    width: 100%;
    height: calc(100vh - 6.1rem);
    padding-bottom: 5rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #f7f8fa;
  }
  .mobileContainer .gnbContainer,
  .mobileContainer .myInfoSummary {
    position: static;
  }
  .mobileContainer .gnbContainer {
    padding: 0;
  }
  .mobileContainer .gnbContainer .gnb {
    display: block;
    max-width: 100%;
  }
  .mobileContainer .gnbContainer .gnb .depth01 {
    font-size: 1.6rem;
    line-height: 6rem;
    text-align: left;
    border-bottom: 1px solid #bbbbbb;
  }
  .mobileContainer .gnbContainer .gnb .moDepth01 {
    position: absolute;
    display: block;
    z-index: 5;
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
    background: url("/web/kmvno/assets/images/common/icon_menu_plus.svg") no-repeat
      center;
    text-indent: -99999px;
  }
  .mobileContainer .gnbContainer .gnb > li {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 2rem;
  }
  .mobileContainer .gnbContainer .gnb > li.active .moDepth01 {
    background: url("/web/kmvno/assets/images/common/icon_menu_minus.svg") no-repeat
      center;
  }
  .mobileContainer .gnbContainer .gnb > li.active .subMenu {
    display: block;
  }
  .mobileContainer .gnbContainer .logoutBtn {
    position: static;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .mobileContainer .gnbBottom {
    display: block;
    position: static;
    height: auto;
    border-bottom: none;
  }
  .mobileContainer .gnbBtmMenu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    padding: 2rem 2rem 1.6rem;
  }
  .mobileContainer .gnbBtmMenu .gnbBtmMenuTitle {
    width: calc(100% - 5rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .mobileContainer .gnbBtmMenu .bottomMenu {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.3rem -0.7rem -0.7rem;
  }
  .mobileContainer .gnbBtmMenu .bottomMenu > li {
    margin: 0.7rem;
  }
  .mobileContainer .subMenu {
    position: static;
    width: 100%;
    margin: 0;
    padding: 1rem 2rem;
    padding-right: 1rem;
    background-color: #ffffff;
  }
  .mobileContainer .subMenu > li {
    padding: 1rem 0;
    text-align: left;
  }
  .mobileContainer .subMenu .depth02:hover:after,
  .mobileContainer .subMenu .depth02:focus:after {
    display: none;
  }
  .bottomButtons.pcType {
    display: none;
  }
  .bottomButtons.moType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.6rem;
    padding: 0 2rem;
  }
  .bottomButtons > * {
    font-size: 1.2rem;
  }
  .gnbBottom.moType {
    display: block;
  }
  .gnbBottom.pcType {
    display: none;
  }
  /* tablet -- mobile menu */
  .mobileNav {
    display: block;
  }
  .userMenu {
    z-index: 20;
    margin-left: auto;
  }
  .userMenu .btn.iconBgLock {
    display: none;
  }
  /* tablet -- myInfoSummary */
  .mobileContainer .myInfoSummary {
    display: block;
  }
  .myInfoSummary .summaryField {
    width: 100%;
  }
  .myInfoSummary .subTitleContainer {
    display: block;
    padding: 2rem;
    border-bottom: 1px solid #cccccc;
  }
  .myInfoSummary .subTitleContainer .subTitleLeft {
    display: none;
  }
  .myInfoSummary .subTitleContainer .subTitleRight {
    width: 100%;
  }
  .myInfoSummary .subTitleContainer .iconBgSetting {
    margin-left: auto;
  }
  .myInfoSummary .subTitleContainer .titleLinks {
    height: auto;
    margin-right: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .myInfoSummary .subTitleContainer .titleLinks .subText {
    max-width: calc(100% - 3rem);
  }
  .myInfoSummary .subTitleContainer .titleLinks br {
    display: none;
  }
  .myInfoSummary .subTitleContainer .titleLinks .iconBgSetting {
    margin-left: auto;
  }
  .infoSummaryBottom .summaryInfoArea .summaryPagination,
  .infoSummaryBottom .summaryInfoArea .summaryPagination2 {
    display: block;
  }
  .infoSummaryBottom {
    background-color: #ffffff;
  }
  .infoSummaryBottom .summaryBtnTitle {
    padding: 0.9rem 0;
  }
  .infoSummaryBottom .summaryItem {
    width: auto;
    padding: 0 1.4rem;
    margin-right: 3rem;
    border: 0;
  }
  .infoSummaryBottom .summaryTitle[class*="iconBg"] {
    width: 2rem;
    height: 2rem;
    padding: 0;
  }
  .infoSummaryBottom .summaryTitle[class*="iconBg"] > span {
    text-indent: -9999px;
    display: block;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    left: -9999px;
    white-space: nowrap;
    font-size: 1px;
    -webkit-transform: translateX(-100px) scale(0.0001);
    transform: translateX(-100px) scale(0.0001);
    z-index: -1;
  }
  .infoSummaryBottom .summaryTop {
    padding: 0 2rem;
  }
  .infoSummaryBottom .summaryBottom {
    padding: 2rem;
  }
  .pageTitleContainer {
    position: static;
    z-index: 10;
  }
  .pageTitleContainer .pageTitleContent {
    display: block;
    height: auto;
    padding: 0;
  }
  .pageTitleContainer .titleArrow {
    width: 5rem;
    height: 4.8rem;
    margin-right: 0;
    background-position: center;
    background-size: 8px auto;
  }
  .pageTitleContainer .titleAreaRight {
    display: none;
    padding: 0 2rem;
    background-color: #f8f8fa;
  }
  .pageTitleContainer .title {
    padding: 0;
    height: 4.8rem;
    background-color: #f7f8fa;
  }
  .pageTitleContainer .title > * {
    font-size: 1.6rem;
  }
  .pageTitleContainer .title > *:only-child {
    padding-left: 2rem;
  }
  .pageTitleContainer .breadcrumbContainer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .pageTitleContainer .breadcrumbContainer .breadcrumb {
    height: 3.6rem;
  }
  .pageTitleContainer .breadcrumbContainer .breadcrumb:after {
    background-image: url("/web/kmvno/assets/images/common/icon_navi_next_bk.svg");
  }
  .pageTitleContainer .breadcrumbContainer .breadcrumb.iconBgHome {
    display: none;
  }
  .pageTitleContainer .breadcrumbContainer .breadcrumb .breadcrumbTitle {
    color: #000000;
  }
  .pageTitleContainer .breadcrumbDrop .breadcrumbBtn {
    background-image: url("/web/kmvno/assets/images/common/btn_navi_down_bk.svg");
  }
  .pageTitleContainer .breadcrumbDrop .breadcrumbBtn:focus-visible {
    outline-color: #000000;
  }
  .pageTitleContainer .breadcrumbDrop.active .breadcrumbDropList {
    top: 3.5rem;
    left: 0;
    right: auto;
  }
  .pageTitleContainer .breadcrumbDrop .breadcrumbDropList {
    max-height: 30rem;
  }
  .detail .pageTitleContainer,
  .homeJoinIntro .pageTitleContainer {
    display: block;
    position: static;
  }
  .detail .pageTitleContainer .titleAreaLeft,
  .homeJoinIntro .pageTitleContainer .titleAreaLeft {
    display: block;
    text-indent: 0;
    display: inherit;
    border: 0;
    clip: unset;
    -webkit-clip-path: none;
    clip-path: none;
    width: inherit;
    height: inherit;
    margin: inherit;
    padding: inherit;
    overflow: unset;
    padding: inherit;
    position: static;
    left: unset;
    white-space: unset;
    font-size: inherit;
    -webkit-transform: none;
    transform: none;
    z-index: unset;
  }
  .detail .pageTitleContainer .titleAreaRight,
  .homeJoinIntro .pageTitleContainer .titleAreaRight {
    display: none;
  }
  /* tablet -- 본인인증 방법 선택 버튼 */
  .typeCertification .certificationWrap [class*="btnCertify"]:hover:after {
    display: none;
  }
  .typeCertification .certificationWrap .btnNotService {
    height: 9.8rem;
    font-size: 1.4rem;
  }
  .typeCertification .certificationWrap .btnNotService .label {
    margin-top: 1.7rem;
    font-size: 1.3rem;
  }
  .typeCertification .typeCaution {
    margin-top: 2rem;
  }
  /* tablet -- 회원가입 약관 */
  .typeAgreementCheck .fieldData .fieldArea {
    height: auto;
    max-height: 45rem;
  }
  .explainContainer {
    font-size: 1.4rem;
  }
}
@media (max-width: 717px) {
  .moType {
    display: block;
  }
  .pcType {
    display: none;
  }
  /* myInfoSummary */
  .myInfoSummary .subTitleContainer .subTitleRight {
    width: 100%;
  }
  .myInfoSummary .subTitleContainer .btn {
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1.4;
    font-size: 1.3rem;
  }
  .myInfoSummary .subTitleContainer .btn:only-child {
    width: 100%;
  }
  .myInfoSummary .subTitleContainer .iconBgLink.btn {
    padding-right: 4rem;
  }
  .myInfoSummary .phoneLineSummaryDrop {
    min-width: 100%;
  }
  .infoSummaryBottom .summaryBtnTitle {
    padding: 1.2rem 0;
  }
  .infoSummaryBottom .summaryItem {
    width: auto;
    height: 4rem;
    padding: 0 1rem;
    border: none;
    border-radius: 4px;
  }
  .infoSummaryBottom .summaryData > span {
    padding: 0;
    text-indent: -0.4rem;
  }
  .infoSummaryBottom .summaryData .imgWrap .pcType,
  .infoSummaryBottom .noPhoneLineShow .imgWrap .pcType {
    display: none;
  }
  .infoSummaryBottom .summaryData .imgWrap .moType,
  .infoSummaryBottom .noPhoneLineShow .imgWrap .moType {
    display: block;
  }
  .bottomButtons .subTextArea {
    font-size: 1.1rem;
  }
  .bottomButtons .subTextArea a {
    font-size: 1.3rem;
  }
  .contentArea {
    padding-top: 3rem;
    padding-bottom: 7rem;
  }
  .contentArea .contentInner:first-child:first-child .combinedArticle {
    margin-top: -3rem;
  }
  .contentArea .contentInner:last-child .combinedArticle {
    margin-bottom: -7rem;
  }
  .contentInner .combinedArticle {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .typeCaution .fieldArea {
    padding: 2.4rem 1.6rem;
  }
  .typeCaution .fieldArea .fieldValue {
    margin-bottom: 1.8rem;
    font-size: 1.3rem;
  }
  .typeCaution .fieldArea .fieldValue::before {
    top: 8px;
  }
  .addExplain {
    font-size: 1.3rem;
  }
  .footer {
    padding: 3rem 3rem 0;
  }
  .footer .siteMap {
    display: none;
  }
  .footer .footerBottom {
    position: static;
    display: block;
  }
}
@media (max-width: 512px) {
  .linkUnderline {
    font-size: 1.3rem;
  }
  .infoSummaryBottom .summaryItem {
    min-width: 0;
  }
  .infoSummaryBottom .summaryNotice {
    font-size: 1.4rem;
  }
  .infoSummaryBottom .informationItem .itemHalf:after {
    margin: 0 1rem;
  }
  .fieldTitle01 {
    font-size: 1.4rem;
  }
  .fieldTitle01 .iconBgLink {
    background-size: 0.7rem auto;
  }
  /* mobile -- 본인인증 방법 선택 버튼 */
  .typeCertification .certificationWrap {
    margin: -0.2rem;
  }
  .typeCertification .certificationWrap [class*="btnCertify"] {
    width: auto;
    height: 9.8rem;
    margin: 0.2rem;
    font-size: 1.3rem;
  }
  .typeCertification .certificationWrap [class*="btnCertify"] .icon {
    width: 6.4rem;
    height: 4.5rem;
    margin-bottom: 0.9rem;
  }
  .typeCertification .certificationWrap .btnCertifyPass .icon {
    background-size: 6.2rem 2.2rem;
  }
  .typeCertification .certificationWrap .btnCertifyToss .icon {
    background-size: 6.1rem 1.9rem;
  }
  .typeCertification .certificationWrap .btnCertifyCard .icon {
    background-size: 3.9rem 3rem;
  }
  .typeCertification .certificationWrap .btnCertifyNaver .icon {
    background-size: 6.4rem 4.5rem;
  }
  .typeCertification .certificationWrap .btnCertifyKakao .icon {
    background-size: 6.4rem 3.1rem;
  }
  .typeCertification .certificationWrap .btnNotService {
    margin: 0.2rem;
  }
  .footer {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .footer .footerBottom {
    margin-top: 2.2rem;
    padding: 0.8rem 0 3.3rem;
  }
  .footer .footerBottom .footerLeft {
    margin-bottom: 4.9rem;
  }
  .footer .footerLogo {
    width: 11.4rem;
    height: 4rem;
    margin-bottom: 1.8rem;
  }
  .footer .footerAdress {
    word-break: keep-all;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .footer .footerAdress span {
    /* display: inline; */
  }
  .footer .footerMenu > li:after {
    border-right-color: rgba(0, 0, 0, 0.2);
  }
  .footer .footerMenu a {
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .footer .copyright {
    font-size: 1.3rem;
  }
}
@media (max-width: 320px) {
  .infoSummaryBottom .summaryInfoTitle {
    height: 4rem;
  }
  .infoSummaryBottom .summaryBtnTitle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.8rem 0;
  }
  .infoSummaryBottom .summaryItem {
    width: 85%;
    height: 3.5rem;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
  .infoSummaryBottom .grayBox {
    padding: 1rem;
    font-size: 1.2rem;
  }
  .infoSummaryBottom .grayBox.hyphen dd {
    font-size: 1.2rem;
  }
  .infoSummaryBottom .costSummary .itemBottom.grayBox {
    padding: 1rem;
  }
  .infoSummaryBottom .usageSummary .itemTop {
    padding-bottom: 1rem;
  }
  .infoSummaryBottom .informationItem {
    padding: 1rem;
  }
  .infoSummaryBottom .informationItem .itemTop {
    margin-bottom: 0.5rem;
  }
  .infoSummaryBottom .informationItem .itemTop .imgWrap {
    height: 3.2rem;
  }
  .infoSummaryBottom .informationItem .itemTop .bigTitle {
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
  }
  .infoSummaryBottom .informationItem .itemData {
    margin-bottom: 1rem;
  }
  .infoSummaryBottom .informationItem .itemData .text {
    width: 100%;
  }
  .infoSummaryBottom .informationItem .itemData .flexRow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
  }
  .infoSummaryBottom .informationItem .itemData .flexRow .itemHalf {
    width: 100%;
  }
  .infoSummaryBottom .informationItem .itemData .flexRow .itemHalf:after {
    display: none;
  }
  .infoSummaryBottom .informationItem .itemBottom .text {
    font-size: 2rem;
  }
  .infoSummaryBottom .informationItem .itemBottom .smallText {
    font-size: 1.1rem;
  }
  .infoSummaryBottom .costSummary .informationItem .itemTop .bigTitle {
    margin-bottom: 1rem;
  }
  .infoSummaryBottom .specsSummary .itemBottom.grayBox {
    padding: 1rem;
  }
  .infoSummaryBottom .specsSummary .itemBottom .flexRow {
    margin-bottom: 0;
  }
  .infoSummaryBottom .noPhoneLineShow .floatText {
    padding: 1rem 1rem 1rem 4rem;
  }
  .infoSummaryBottom .noPhoneLineShow .smallText {
    margin-top: 1rem;
  }
  .infoSummaryBottom .noPhoneLineShow .iconBgLock {
    background-position: top 1.5rem left 1rem;
    background-size: 1.4rem auto;
  }
}
/*
  .iconBg 접두어, ir기법을 사용하는 규칙 적용
  그 외 .iconImg ~
*/
[class*="iconBg"] {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
[class*="iconBg"] > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.iconLogout {
  background: url("/web/kmvno/assets/images/common/btn_logout.svg") no-repeat
    center/3rem;
}
.iconLogout:hover {
  background: url("/web/kmvno/assets/images/common/btn_logout_cyan.svg") no-repeat
    center/3rem;
}

.iconBgHome {
  background: url("/web/kmvno/assets/images/common/icon_home.svg") no-repeat left
    center;
}

.iconBgNew {
  background: url("/web/kmvno/assets/images/common/icon_new.svg") no-repeat
    center/cover;
}

.iconBgSetting {
  background: url("/web/kmvno/assets/images/common/icon_settings.svg") no-repeat
    right center;
}

.iconBgLink {
  background: url("/web/kmvno/assets/images/common/icon_navi_next_bk.svg") no-repeat
    right center;
}

.iconBgData {
  background: url("/web/kmvno/assets/images/common/icon_summary_data.svg") no-repeat
    left center;
}

.iconBgCost {
  background: url("/web/kmvno/assets/images/common/icon_summary_coin.svg") no-repeat
    left center;
}

.iconBgLock {
  background: url("/web/kmvno/assets/images/common/icon_summary_lock.svg") no-repeat
    left center;
}

.iconBgRefesh {
  background: url("/web/kmvno/assets/images/common/icon_summary_refesh.svg")
    no-repeat left center;
}

.iconBgCall {
  background: url("/web/kmvno/assets/images/common/icon_summary_call.svg") no-repeat
    left center;
}

.iconBgSMS {
  background: url("/web/kmvno/assets/images/common/icon_summary_sms.svg") no-repeat
    left center;
}

.iconBgCall02 {
  background: url("/web/kmvno/assets/images/common/icon_call_center.svg") no-repeat
    center;
}

.iconBgTime {
  background: url("/web/kmvno/assets/images/common/icon_time.svg") no-repeat center;
}

.iconBgView {
  background: url("/web/kmvno/assets/images/common/icon_view.svg") no-repeat left
    center;
}

.iconBgCharge {
  background: url("/web/kmvno/assets/images/common/icon_charge.svg") no-repeat center;
}

.iconRefresh:before {
  content: "";
  background: url("/web/kmvno/assets/images/common/icon_refresh.svg") no-repeat
    center;
}

.iconVoice:before {
  content: "";
  background: url("/web/kmvno/assets/images/common/icon_Voice.svg") no-repeat center;
}

.iconPhone:before {
  content: "";
  background: url("/web/kmvno/assets/images/common/icon_phone.svg") no-repeat center;
}

.iconSmartDevice:before {
  content: "";
  background: url("/web/kmvno/assets/images/common/icon_smart_device.svg") no-repeat
    center;
}

.iconBgDelivery01:before {
  content: "";
  background: url("/web/kmvno/assets/images/usim/icon_delivery_step01.svg") no-repeat
    center;
}

.iconBgDelivery02:before {
  content: "";
  background: url("/web/kmvno/assets/images/usim/icon_delivery_step02.svg") no-repeat
    center;
}

.iconBgDelivery03:before {
  content: "";
  background: url("/web/kmvno/assets/images/usim/icon_delivery_step03.svg") no-repeat
    center;
}

.step.on .iconBgDelivery01:before {
  background: url("/web/kmvno/assets/images/usim/icon_delivery_step01_on.svg")
    no-repeat center;
}
.step.on .iconBgDelivery02:before {
  background: url("/web/kmvno/assets/images/usim/icon_delivery_step02_on.svg")
    no-repeat center;
}
.step.on .iconBgDelivery03:before {
  background: url("/web/kmvno/assets/images/usim/icon_delivery_step03_on.svg")
    no-repeat center;
}

.iconDirect {
  background: url("/web/kmvno/assets/images/myThrifty/icon_direct.svg") no-repeat
    center;
}

.iconCredit {
  background: url("/web/kmvno/assets/images/myThrifty/icon_credit.svg") no-repeat
    center;
}

/* page icon */
.character01 {
  position: relative;
  max-width: 143.6rem;
  height: 10rem;
  margin: -10rem auto 0;
}
.character01:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24.7rem;
  height: 16.8rem;
  background: url("/web/kmvno/assets/images/common/img_character01.svg") no-repeat
    top center;
}

.character02 {
  position: absolute;
  left: -8.8rem;
  bottom: 9.9rem;
  width: 11.1rem;
  height: 11.7rem;
  background: url("/web/kmvno/assets/images/common/img_character02.svg") no-repeat
    center;
}

.character03 {
  position: absolute;
  right: 3.4rem;
  top: -8.5rem;
  width: 24.1rem;
  height: 14.6rem;
  background: url("/web/kmvno/assets/images/common/img_character03.svg") no-repeat
    center;
}

.character04 {
  position: relative;
  max-width: 143.6rem;
  height: 18rem;
  margin: 0 auto;
}
.character04:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58.1rem;
  height: 12.8rem;
  background: url("/web/kmvno/assets/images/common/img_character04.svg") no-repeat
    right center;
}

.character05 {
  position: absolute;
  top: 30.2rem;
  right: -10.5rem;
  width: 17.3rem;
  height: 17.3rem;
  background: url("/web/kmvno/assets/images/common/img_character05.svg") no-repeat
    center;
}

.character06 {
  position: absolute;
  top: 13.6rem;
  right: 9.4rem;
  width: 18.4rem;
  height: 30.7rem;
  background: url("/web/kmvno/assets/images/common/img_character06.svg") no-repeat
    center;
}

.character07 {
  position: absolute;
  top: 2.8rem;
  right: 23.6rem;
  width: 48.7rem;
  z-index: -1;
  height: 30.5rem;
  background: url("/web/kmvno/assets/images/common/img_character07.svg") no-repeat
    center;
}

/* 메인 */
.iconBgResearch {
  background: url("/web/kmvno/assets/images/common/icon_research.svg") no-repeat
    center/cover;
}

/* 로그인 연동 */
.iconBgConnect {
  background: url("/web/kmvno/assets/images/common/icon_connect.svg") no-repeat
    center/cover;
}

.iconBgDisconnect {
  background: url("/web/kmvno/assets/images/common/icon_disconnect.svg") no-repeat
    center/cover;
}

/* 로딩바 */
.iconLoading {
  background: url("/web/kmvno/assets/images/common/icon_progress.png") no-repeat
    center/cover;
}

/* 상품 > 로밍서비스 아이콘 202301 추가 */
.iconKakao:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_kakao.svg")
    no-repeat center;
}

.iconWeb:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_web.svg") no-repeat
    center;
}

.iconGoolge:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_goolge.svg")
    no-repeat center;
}

.iconMovie:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_movie.svg")
    no-repeat center;
}

.iconCheck:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_check.svg")
    no-repeat center/100%;
}

.iconSpeed:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_speed.svg")
    no-repeat center;
}

.iconTime:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_time.svg") no-repeat
    center;
}

.iconCountry:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_country.svg")
    no-repeat center;
}

.iconFlag:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_flag.svg") no-repeat
    center;
}

.iconTalk:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_talk.svg") no-repeat
    center;
}

.iconCalender:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_calender.svg")
    no-repeat center;
}

.iconCallBlock:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_call_block.svg")
    no-repeat center;
}

.iconDataBlock:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_data_block.svg")
    no-repeat center;
}

.iconCall:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_call.svg") no-repeat
    center;
}

.iconCircleAddNum:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_addnumber.svg")
    no-repeat center;
}

.iconCircleStudent:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_student.svg")
    no-repeat center;
}

.iconCircleMessage:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_message.svg")
    no-repeat center;
}

.iconCircleShareAll:before {
  background: url("/web/kmvno/assets/images/product/icon_loaming_share_all.svg")
    no-repeat center;
}

@media (max-width: 1600px) {
  .character07 {
    right: 9.2rem;
  }
}
@media (max-width: 1024px) {
  .character01 {
    display: none;
  }
  .character03 {
    top: -11rem;
  }
  .character07 {
    display: none;
  }
}
@media (max-width: 717px) {
  [class*="character"] {
    display: none;
  }
}
.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  /* alertPopup */
  /* popupSize */
  /* top */
  /* middle */
}
.popup.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup > .dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.popup legend,
.popup caption {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.popup.alertPopup > .popupContainer {
  max-width: 48rem;
}
.popup.alertPopup .popupMiddle {
  padding: 2.4rem 3rem;
  max-height: 100%;
}
.popup.alertPopup .popupBottom {
  border-top: 1px solid #cccccc;
  text-align: right;
}
.popup.alertPopup .buttonArea {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 0;
  padding: 0 2rem;
}
.popup.alertPopup .buttonArea .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  height: 4.4rem;
  border: 0;
}
.popup.alertPopup .buttonArea .btn:hover,
.popup.alertPopup .buttonArea .btn:focus-visible {
  background-color: transparent;
  font-weight: bold;
}
.popup.popupBottomFixed .popupMiddle {
  max-height: calc(80vh - 14.4rem);
  padding-bottom: 0.5rem;
}
.popup.popupBottomFixed .popupMiddle:last-child {
  padding-bottom: 3rem;
}
.popup.popupBottomFixed .popupBottom {
  position: relative;
  z-index: 1;
  padding: 2rem 1.6rem 3rem;
  -webkit-box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.4);
}
.popup.popupBottomFixed .popupBottom .buttonArea {
  margin-top: 0;
}
.popup.popupSizeMax > .popupContainer {
  max-width: 104rem;
}
.popup > .popupContainer {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: calc(100% - 4rem);
  max-width: 32rem;
  max-height: 80.1vh;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}
.popup .popupTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 5rem;
  border-bottom: 1px solid #cccccc;
}
.popup .popupTop .popupTitle {
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.popup .popupTop .btnClose {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  width: 4.3rem;
  height: 4.3rem;
  background: url("/web/kmvno/assets/images/common/btn_popup_close.svg") no-repeat
    center/2.4rem;
}
.popup .popupTop .btnClose > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.popup .popupMiddle {
  overflow-y: auto;
  max-height: calc(80vh - 5rem);
  padding: 2rem 1.6rem 3rem;
}
.popup .popupMiddle:last-child {
  padding-bottom: 3rem;
}
.popup .popupContent {
  position: relative;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.popup .popupContent .tableContainer.captionShow caption {
  font-size: 1.3rem;
}
.popup .popupContent .tableContainer.captionShow th,
.popup .popupContent .tableContainer.captionShow td {
  background-color: transparent;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  font-size: 1.4rem;
  vertical-align: middle;
  background-color: #ffffff;
}
.popup .popupContent .tableContainer.captionShow th.colorGray,
.popup .popupContent .tableContainer.captionShow td.colorGray {
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.popup .popupContent .tableContainer.termsType {
  padding-top: 0;
}
.popup .popupContent .tableContainer.termsType td {
  padding: 1.6rem 0.6rem;
}
.popup .tableContainer {
  margin-top: 3rem;
}
.popup .tableContainer + .tableContainer {
  margin-top: 2rem;
}
.popup .tableContainer:first-child {
  margin-top: 0;
}
.popup .tableContainer.normalBgTable tbody th {
  padding-left: 1rem;
  padding-right: 1rem;
}
.popup .tableContainer.captionShow th,
.popup .tableContainer.captionShow td {
  font-size: 1.2rem;
}
.popup .applyCaseContainer .tableContainer {
  margin-top: 2rem;
}
.popup .applyCaseContainer .tableContainer:first-child {
  margin-top: 0;
}
.popup .applyCaseContainer .tableContainer .alignCenter {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.popup .smallText + .smallText {
  margin-top: 1rem;
}
.popup .beforeDot {
  font-size: 1.3rem;
  color: #555555;
}
.popup .dotList {
  margin-top: 1.6rem;
}
.popup .dotList:first-child {
  margin-top: 0;
}
.popup .buttonArea {
  margin-top: 3rem;
}
.popup .buttonArea .btn {
  min-width: auto;
  height: 5rem;
  font-size: 1.4rem;
}
.popup .buttonArea .btn:only-child {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.popup input[type="text"],
.popup input[type="number"],
.popup input[type="tel"],
.popup input[type="email"],
.popup input[type="password"] {
  height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.popup .fieldArea {
  min-height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.popup fieldset legend {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.popup .field {
  margin-bottom: 2rem;
}
.popup .field:last-of-type {
  margin-bottom: 0;
}
.popup .field .fieldLabel {
  font-size: 1.3rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.3;
}
.popup .field .fieldForm {
  margin-top: 0.8rem;
}
.popup .field .fieldForm:only-child {
  margin-top: 0;
}
.popup .checkbox .fieldLabel {
  margin-bottom: 0;
}
.popup .dropdownArea a,
.popup .dropdownArea button {
  font-size: 1.4rem;
}
.popup .dropdownArea .dropdownTitle .titleLabel {
  height: 4.8rem;
  font-size: 1.4rem;
}
.popup .field .fieldForm .dropdownArea .dropdownTitle {
  height: 4.8rem;
}
.popup .dropdownArea .dropdownList {
  top: 4.8rem;
}
.popup .usageTabContainer .tabContainer {
  margin-top: 1rem;
}
.popup .stickChartArea {
  padding: 5.5rem 0 6.3rem;
}
.popup .stickChartArea .itemStick {
  width: 2rem;
  height: 12.2rem;
}
.popup .stickChartArea .itemAverage .line {
  left: 1.5rem;
  right: 1.5rem;
}

.popup.mobileCarrierSelect {}
.popup.mobileCarrierSelect > .popupContainer {
  max-width: 780px;
  height: 100%;
  max-height: 880px;
}
.popup.mobileCarrierSelect .popupMiddle {
  max-height: 100%;
  padding: 1.6rem 3rem 3rem;
  height: 100%;
  overflow-y: inherit;
}
.popup.mobileCarrierSelect .tabList {
  height: 6.8rem;
}
.popup.mobileCarrierSelect .tabList .tabButton {
  align-items: center;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
}
.popup.mobileCarrierSelect .tabList .tabButton[aria-selected="true"] {
  font-weight: 700;
}
.popup.mobileCarrierSelect .tabContainer {
  margin-top: 3.6rem;
  max-height: calc(80% - 20rem);
  overflow-y: auto;
  padding-bottom: 35px;
  margin-right: -2.5rem;
  padding-right: 2.1rem;
}
.popup.mobileCarrierSelect .tabContainer.noData {
  height: 47.8rem;
}
.popup.mobileCarrierSelect .tabContainer.noData .tabContent {
  height: 100%;
}
.popup.mobileCarrierSelect .popupBottom {
  background-color: #ffffff;
  padding-bottom: 4rem;
  text-align: center;
  box-shadow: 0px -8px 16px 0px #FFFFFF;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 50;
}
.popup.mobileCarrierSelect .buttonArea {
  max-width: 25.2rem;
  margin: 0 auto;
}
.popup.mobileCarrierSelect .buttonArea .btn {
  font-size: 1.8rem;
  height: 6.4rem;
}
.popup.mobileCarrierSelect .buttonArea .btn:only-child {
  margin-left: 0;
  margin-right: 0;
}
.popup.mobileCarrierSelect .checkboxLine + .checkboxLine {
  margin-top: .8rem;
}
.popup.mobileCarrierSelect .checkboxLine .checkboxLabel {
  padding: 1.8rem 2rem;
  justify-content: flex-start;
}
.popup.mobileCarrierSelect .checkboxLine input:checked + .checkboxLabel {
  border-width: .2rem;
}
.popup.mobileCarrierSelect .checkboxLine input:focus + .checkboxLabel {
  outline-width: 1px;
}
.popup.mobileCarrierSelect .noDataWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.popup.mobileCarrierSelect .noDataWrap .noDataTitle {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.1rem;
  color: #777777;
}
.popup.mobileCarrierSelect .noDataWrap .noDataDesc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9rem;
  text-align: center;
  margin-top: .8rem;
  color: #777777;
}
.popup.mobileCarrierSelect .searchContainer {
  margin-bottom: 3.6rem;
}
.popup.mobileCarrierSelect .searchContainer .searchBar {
  padding-block: 0;
}
.popup.mobileCarrierSelect .searchInput {
  max-width: 71.4rem;
}
.popup.mobileCarrierSelect .searchInput  .input input[type="text"] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  height: 4.8rem;
}
.popup.mobileCarrierSelect .searchInput .btnRemove {
  width: 2.4rem;
  height: 2.4rem;
  background: url("/web/kmvno/assets/images/common/InputDelete.svg") no-repeat center/100%;
  padding: 0;
  right: 3.6rem;
}
.popup.mobileCarrierSelect .searchInput .btnSearch {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  background-size: 100%;
  right: 0;
}

@media(max-width: 1024px) {
  .popup.mobileCarrierSelect .searchTitle {
    display: none;
  }
  .popup.mobileCarrierSelect .searchContainer .searchBar {
    margin-inline: 0;
    width: 100%;
  }
}
@media(max-width: 717px) {
  .popup.mobileCarrierSelect > .popupContainer {
    width: 100%;
    max-height: 100%;
    border-radius: 0;
  }
  .popup.mobileCarrierSelect .popupMiddle {
    padding: 1.8rem 2rem;
    height: auto;
  }
  .popup.mobileCarrierSelect .tabList {
    height: 5.6rem;
  }
  .popup.mobileCarrierSelect .tabList .tabButton {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
  }
  .popup.mobileCarrierSelect .searchContainer {
    margin-bottom: 3rem;
  }
  .popup.mobileCarrierSelect .searchInput .btnRemove {
    width: 2rem;
    height: 2rem;
  }
  .popup.mobileCarrierSelect .searchInput .btnSearch {
    width: 2rem;
    height: 2rem;
  }
  .popup.mobileCarrierSelect .tabContainer {
    margin-top: 2rem;
    max-height: calc(87vh - 21rem);
    padding-bottom: 14rem;
    margin-right: -1.6rem;
    padding-right: 1.2rem;
  }
  .popup.mobileCarrierSelect .checkboxLine .checkboxLabel {
    padding: 1.6rem 4.5rem 1.6rem 1.2rem;
  }
  .popup.mobileCarrierSelect .buttonArea {
    max-width: 100%;
    margin-inline: 2rem;
  }
  .popup.mobileCarrierSelect .buttonArea .btn {
    font-size: 1.4rem;
    height: 5rem;
  }
}

/*/ ------- 로딩바 ------- /*/
.fieldContainer {
  position: relative;
}

.summaryArea .fieldContainer {
  min-height: 40rem;
}

#loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
#loading .iconLoading {
  margin-bottom: 2.5rem;
}

.loadingBar .iconLoading,
#loading .iconLoading {
  display: block;
  width: 5.6rem;
  height: 5.6rem;
  margin-bottom: 1.3rem;
  -webkit-animation: infiniteRotate 2s linear infinite;
  animation: infiniteRotate 2s linear infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
/* 2024-12-11 KMVNO-5061 DR-2024-63461 */
#loading .product_plan #iconLoading {
  width: 14rem;
  height: 14rem;
  margin-bottom: 2rem;
}
#loading .product_plan p {
  font-size: 17px;
  line-height: 29px;
  font-weight: 300;
  color: #666;
}
/* 2024-12-11 KMVNO-5061 DR-2024-63461 */

.loadingBar,
.loadingBarFail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.loadingBar {
  font-size: 1.4rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.4;
}
.loadingBar.gradientType {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  width: auto;
  height: auto;
  border-radius: 0.4rem;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#e5e8eb),
    color-stop(98.93%, #f4f6f8)
  );
  background: linear-gradient(270deg, #e5e8eb 0%, #f4f6f8 98.93%);
  background-size: 400% 400%;
  -webkit-animation: loadingGradient 3s ease-in infinite;
  animation: loadingGradient 3s ease-in infinite;
}
.loadingBar.gradientType span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.loadingBarFail {
  padding: 0 2rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
  text-align: center;
}
.loadingBarFail .imgWrap {
  margin-bottom: 2rem;
}
.loadingBarFail .iconRefresh {
  width: 100%;
  max-width: 18rem;
  margin-top: 3rem;
}
.loadingBarFail .iconRefresh:before {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}

.summaryInner .loadingBar,
.summaryInner .loadingBarFail {
  border-radius: 1.2rem;
}

.dropdownTitle .loadingBar {
  bottom: -2px;
}

@-webkit-keyframes infiniteRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes infiniteRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes loadingGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media (max-width: 1024px) {
  .popup.mobileFull {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .popup.mobileFull .popupContainer {
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
    height: 100vh;
    margin: 0;
    border-radius: 0;
  }
  .popup.mobileFull .popupTop {
    background-color: #ffffff;
  }
  .popup.mobileFull .popupMiddle {
    max-height: calc(100vh - 5rem);
  }
  .popup.mobileFull .popupContent .tableContainer:not(.captionShow) caption {
    display: none;
  }
  .popup.mobileFull.popupSizeMax {
    padding: 0;
  }
  .popup.popupSizeMax {
    padding: 0;
  }
  .popup .buttonArea .btn {
    height: 4.4rem;
  }
  /*/ ------- 로딩바 ------- /*/
  .loadingBar,
  #loading {
    font-size: 1.4rem;
  }
  .loadingBar .iconLoading,
  #loading .iconLoading {
    width: 3.4rem;
    height: 3.4rem;
  }
  .loadingBarFail {
    font-size: 1.6rem;
  }
  .loadingBarFail .imgWrap {
    max-width: 12.4rem;
  }
  .loadingBarFail .iconRefresh {
    margin-top: 3rem;
  }
  /* 2024-12-11 KMVNO-5061 DR-2024-63461 */
  #loading .product_plan #iconLoading {
     width: 9.2rem;
     height: 9.2rem;
     margin: 0 auto 1.6rem;
  }
  #loading .product_plan p {
     font-size: 15px;
     line-height: 25px;
     color: #333;
  }
  /* 2024-12-11 KMVNO-5061 DR-2024-63461 */
}
@media (max-width: 512px) {
  .popup fieldset legend {
    display: none;
  }
}
@media (max-width: 320px) {
  .popup .pagenation .numPageBtn {
    width: 3.5rem;
  }
  .popup .pagenation .prevPageBtn {
    margin-right: 0.5rem;
  }
  .popup .pagenation .nextPageBtn {
    margin-left: 0.5rem;
  }
}
.example {
  min-height: 70rem;
}

.fieldDatepicker {
  position: relative;
  width: 100%;
  margin: 2rem auto;
  /* Datepicker 오픈 버튼 */
  /* 기간 선택 버튼 (1, 3, 6, 12개월) */
  /* =========== Large =========== */
}
.fieldDatepicker.hideInput input[type="text"] {
  position: absolute;
  height: 0;
  border: none;
}
.fieldDatepicker.top .datepicker.datepicker-dropdown {
  top: auto !important;
  bottom: 100% !important;
}
.fieldDatepicker.active {
  position: absolute;
}
.fieldDatepicker.active.btnOpen + * {
  padding-top: 4.8rem;
}
.fieldDatepicker .datepicker {
  top: 100% !important;
  left: 0 !important;
  width: 100%;
  min-width: 240px;
}
.fieldDatepicker .datepicker caption {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  display: table-caption;
  font-size: 1.4rem;
}
.fieldDatepicker .btnOpen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 5.5rem;
  border-radius: 0.4rem;
  border: 1px solid #cccccc;
  font-size: 1.4rem;
  font-weight: 400;
  color: #374455;
  line-height: normal;
  background-color: #ffffff;
}
.fieldDatepicker .btnOpen:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 1.1rem;
  background: url("/web/kmvno/assets/images/common/icon_calendar_small.svg") center
    no-repeat;
}
.fieldDatepicker .colorLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.3rem;
  padding: 0 0.5rem;
  margin-left: 0.8rem;
  background-color: #499690;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 1;
}
.fieldDatepicker .currentDate {
  margin-right: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.fieldDatepicker .btnPeriod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 4.4rem;
  border-radius: 0.3rem;
  border: 1px solid #cccccc;
  font-size: 1.4rem;
  font-weight: 400;
  color: #374455;
  line-height: normal;
}
.fieldDatepicker.large .singleDatePicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fieldDatepicker.large .datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
  line-height: normal;
}
.fieldDatepicker.large .datepicker .datepicker-days .table-condensed {
  /* ========= thead ========= */
  /* ========= tbody ========= */
  /* 날짜 */
}
.fieldDatepicker.large
  .datepicker
  .datepicker-days
  .table-condensed
  .datepicker-switch {
  padding: 2.4rem 0.5rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #374455;
  line-height: normal;
}
.fieldDatepicker.large .datepicker .datepicker-days .table-condensed .day {
  width: 5.4rem;
  height: 4.2rem;
  line-height: 4.2rem;
  /* 오늘 */
  /* 포커싱 된 날짜 */
}
.fieldDatepicker.large
  .datepicker
  .datepicker-days
  .table-condensed
  .day.today {
  position: absolute;
  margin: 0 0.6rem;
  width: 4.2rem;
  background-color: #73ebe0;
}
.fieldDatepicker.large
  .datepicker
  .datepicker-days
  .table-condensed
  .day.focused {
  position: absolute;
  margin-top: -0.5rem;
  height: 4.2rem;
  line-height: 4.2rem;
}
.fieldDatepicker.large .datepicker .datepicker-months .month {
  width: 8.4rem;
  height: 5rem;
  margin: 0.5rem;
  line-height: 4.8rem;
}
.fieldDatepicker.large .btnOpen {
  height: 5.4rem;
  font-size: 1.6rem;
  line-height: 1.4;
}
.fieldDatepicker.large .btnOpen:before {
  width: 2.4rem;
  height: 2.4rem;
  background: url("/web/kmvno/assets/images/common/icon_calendar.svg") center
    no-repeat;
}

.datePickerArea {
  position: relative;
}
.datePickerArea + .fieldForm {
  margin-top: 2rem;
}

.datepicker {
  padding: 1rem;
  padding-bottom: 2rem;
  border-radius: 0.3rem;
  border: 1px solid #bbbbbb;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000000;
  line-height: normal;
  /* 달 선택 */
  /* 년도 선택 */
}
.datepicker.datepicker-dropdown {
  position: absolute;
  border: 2px solid #499690;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.25);
}
.datepicker .table-condensed {
  width: 100%;
  /* ========= thead ========= */
  /* 이전 버튼 */
  /* 다음 버튼 */
  /* 현재 선택한 날짜 */
}
.datepicker .table-condensed .prev {
  width: 4rem;
  height: 4rem;
}
.datepicker .table-condensed .next {
  width: 4rem;
  height: 4rem;
}
.datepicker .table-condensed .btn-next,
.datepicker .table-condensed .btn-prev {
  position: relative;
  width: 4rem;
  height: 4rem;
}
.datepicker .table-condensed .btn-next:after,
.datepicker .table-condensed .btn-prev:after {
  content: "";
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.datepicker .table-condensed .btn-next:before,
.datepicker .table-condensed .btn-prev:before {
  content: "";
  position: absolute;
  display: none;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5rem;
}
.datepicker .table-condensed .btn-next.active:before,
.datepicker .table-condensed .btn-next:active:before,
.datepicker .table-condensed .btn-prev.active:before,
.datepicker .table-condensed .btn-prev:active:before {
  display: block;
  background-color: #499690;
}
.datepicker .table-condensed .btn-next:focus-visible,
.datepicker .table-condensed .btn-prev:focus-visible {
  outline: none;
}
.datepicker .table-condensed .btn-next:focus-visible:before,
.datepicker .table-condensed .btn-prev:focus-visible:before {
  display: block;
  border: 1px solid #499690;
}
.datepicker .table-condensed .btn-prev:after {
  background: url("/web/kmvno/assets/images/common/icon_arrow_left.svg") no-repeat
    center;
}
.datepicker .table-condensed .btn-next:after {
  background: url("/web/kmvno/assets/images/common/icon_arrow_right.svg") no-repeat
    center;
}
.datepicker .table-condensed .datepicker-switch {
  display: inline-block;
  height: auto;
  background-color: transparent;
  font-size: 1.8rem;
  font-weight: 700;
  color: #374455;
  line-height: normal;
  vertical-align: middle;
}
.datepicker .table-condensed .datepicker-switch:not(.fake) {
  cursor: pointer;
}
.datepicker .datepicker-days .table-condensed {
  width: 100%;
  /* ========= thead ========= */
  /* 요일 */
  /* ========= tbody ========= */
  /* 날짜 */
}
.datepicker .datepicker-days .table-condensed tr {
  border: none;
}
.datepicker .datepicker-days .table-condensed .dow {
  height: 2.8rem;
  padding: 0;
  background-color: transparent;
  text-align: center;
  line-height: 2.8rem;
  color: #499690;
}
.datepicker .datepicker-days .table-condensed .day {
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  font-family: "Pretendard", "Roboto";
  text-align: center;
  line-height: 3.6rem;
  /* 오늘, 선택한 날짜, 포커싱 된 날짜의 공통 크기 및 위치 */
  /* 오늘 */
  /* 선택한 날짜 */
  /* 포커싱 된 날짜 */
  /* 지난 달, 다음 달 날짜 (흐릿한 회색) */
}
.datepicker .datepicker-days .table-condensed .day.today {
  border-radius: 0.4rem;
  background-color: #dcdcdc;
}
.datepicker .datepicker-days .table-condensed .day.today.active,
.datepicker .datepicker-days .table-condensed .day.today.focused {
  background-color: transparent;
}
.datepicker .datepicker-days .table-condensed .day.active:before {
  background-color: #73ebe0;
}
.datepicker .datepicker-days .table-condensed .day.focused:before {
  width: 3.6rem;
  height: 3.6rem;
  border: 2px solid #499690;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 3.2rem;
}
.datepicker .datepicker-days .table-condensed .day.active,
.datepicker .datepicker-days .table-condensed .day.focused {
  font-weight: 700;
}
.datepicker .datepicker-days .table-condensed .day.active:before,
.datepicker .datepicker-days .table-condensed .day.focused:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 10rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.datepicker .datepicker-days .table-condensed .day.old,
.datepicker .datepicker-days .table-condensed .day.new {
  color: #bbbbbb;
}
.datepicker
  .datepicker-days
  .table-condensed
  button:not(.datepicker-switch):not(.btn-prev):not(.btn-next) {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000000;
  line-height: normal;
}
.datepicker .datepicker-days .table-condensed .datepicker-switch {
  display: inline-block;
  height: auto;
  background-color: transparent;
  font-size: 1.8rem;
  font-weight: 700;
  color: #374455;
  line-height: normal;
  vertical-align: middle;
  cursor: pointer;
}
.datepicker .datepicker-months .month {
  display: block;
  float: left;
  width: calc(25% - 0.74rem);
  height: 3.8rem;
  margin: 0.3rem 0.37rem;
  border-radius: 0.3rem;
  border: 1px solid #cccccc;
  font-size: 1.6rem;
  font-weight: 400;
  color: #777777;
  line-height: 3.6rem;
  text-align: center;
  cursor: pointer;
}
.datepicker .datepicker-months .month.active {
  border-radius: 0.4rem;
  background-color: #499690;
  font-weight: 700;
  color: #ffffff;
}
.datepicker .datepicker-years .year {
  display: block;
  float: left;
  width: calc(25% - 0.74rem);
  height: 3.8rem;
  margin: 0.3rem 0.37rem;
  border-radius: 0.3rem;
  border: 1px solid #cccccc;
  font-size: 1.4rem;
  font-weight: 400;
  color: #777777;
  line-height: 3.6rem;
  text-align: center;
  cursor: pointer;
}
.datepicker .datepicker-years .year.focused {
  border-radius: 0.4rem;
  background-color: #499690;
  font-weight: 700;
  color: #ffffff;
  line-height: 3.4rem;
}

.datepicker .button-box button,
.periodContainer .button-box button {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 4.4rem;
  padding: 0 1rem;
  margin-top: 1rem;
  border-radius: 0.4rem;
  border: 1px solid #499690;
  font-size: 1.4rem;
  font-weight: 500;
  color: #499690;
  line-height: 4.4rem;
  text-align: center;
}

.datepicker .button-box {
  margin: 0 0.5rem;
}

@media (max-width: 512px) {
  .datepicker.datepicker-dropdown {
    min-width: 74vw;
  }
  .fieldDatepicker .currentDate {
    font-size: 1.4rem;
  }
}
.periodContainer {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 2rem;
  border-radius: 0.3rem;
  border: 2px solid #499690;
  background-color: #ffffff;
}
.periodContainer.top {
  top: auto;
  bottom: 100%;
}
.periodContainer.show {
  display: block;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.25);
}
.periodContainer .btnPeriod {
  width: 100%;
  height: 4.4rem;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}
.periodContainer .btnPeriod:last-child {
  margin-bottom: 0;
}
.periodContainer .btnPeriod:before {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #499690;
}
.periodContainer .btnPeriod:hover,
.periodContainer .btnPeriod:focus-visible {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.04);
}
.periodContainer .btnPeriod:focus-visible:before {
  display: block;
  outline: 2px solid #000000;
}
.periodContainer .btnPeriod[title="선택됨"],
.periodContainer .btnPeriod[title="선택 됨"] {
  position: relative;
}
.periodContainer .btnPeriod[title="선택됨"]:before,
.periodContainer .btnPeriod[title="선택 됨"]:before {
  display: block;
}

.datepicker-months,
.datepicker-years {
  max-width: 37.6rem;
  margin: 0 auto;
}

/* 기간 선택(처음,끝) */
.periodWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.periodWrap .space {
  margin: 0 1rem;
}
.periodWrap .space:before {
  content: "~";
  font-size: 1.4rem;
  font-weight: normal;
  color: #374455;
  line-height: normal;
}
.periodWrap .field {
  margin: 0;
}
.periodWrap .field .fieldForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.periodWrap .field .fieldForm > *:only-child {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.periodWrap .field .fieldForm.endDatePickerArea .datepicker {
  left: inherit !important;
  right: 0 !important;
}
.periodWrap .fieldDatepicker:last-child .datepicker {
  left: auto !important;
  right: 0 !important;
}
.periodWrap .datePickerArea {
  font-size: 1.4rem;
  font-weight: 400;
  color: #374455;
  line-height: normal;
}
.periodWrap .fieldLabel {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

@media (max-width: 1024px) {
  .datepicker .table-condensed .btn-next.active:before,
  .datepicker .table-condensed .btn-next:active:before,
  .datepicker .table-condensed .btn-prev.active:before,
  .datepicker .table-condensed .btn-prev:active:before {
    display: none;
  }
  .datepicker .table-condensed .btn-next:focus-visible,
  .datepicker .table-condensed .btn-prev:focus-visible {
    outline: none;
  }
  .datepicker .table-condensed .btn-next:focus-visible:before,
  .datepicker .table-condensed .btn-prev:focus-visible:before {
    display: none;
  }
}
@media (max-width: 717px) {
  .fieldDatepicker.large .btnOpen {
    font-size: 1.3rem;
    word-break: keep-all;
  }
  .fieldDatepicker .btnOpen {
    height: 4.8rem;
    font-size: 1.3rem;
  }
  .fieldDatepicker .currentDate {
    display: block;
    font-size: 1.4rem;
  }
  .fieldDatepicker:not(.large) .btnOpen {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.2rem;
  }
  .datepicker .datepicker-months .month {
    width: calc(25% - 0.74rem);
  }
}
@media (max-width: 512px) {
  .fieldDatepicker .colorLabel {
    font-size: 1.3rem;
  }
}
[class*="customerSupport"] .contentArea {
  padding-bottom: 18.2rem;
}

.boardContainer {
  position: relative;
  padding: 7rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  word-break: break-word;
  word-wrap: break-word;
  /* 아코디언 - FAQ , 상담 문의 내역 */
}
.boardContainer .boardTitleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
}
.boardContainer .boardTitleWrap:last-child {
  margin-bottom: 0;
}
.boardContainer .boardTitleWrap .fieldTitle01 {
  font-size: 2.8rem;
}
.boardContainer .boardInfoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boardContainer .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: normal;
  color: #646464;
  line-height: 2;
}
.boardContainer .date:before {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.1rem;
  margin: 0 1.1rem;
  background-color: #c4c4c4;
}
.boardContainer .date:first-child:before,
.boardContainer .date:only-of-type:before {
  display: none;
}
.boardContainer .date .dateTitle {
  display: block;
  margin-right: 0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.boardContainer .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: normal;
  color: #646464;
  line-height: 2;
}
.boardContainer .view:before {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.1rem;
  margin: 0 0.8rem 0 1.1rem;
  background-color: #c4c4c4;
}
.boardContainer .view .iconBgView {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
}
.boardContainer .counter {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.boardContainer .tableContainer .date {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.boardContainer .tableContainer .date:before {
  display: none;
}
.boardContainer .boardBody {
  margin-bottom: 5rem;
}
.boardContainer .boardFoot .moType {
  display: none;
}
.boardContainer .boardFoot .buttonArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.boardContainer .boardFoot .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.boardContainer .boardFoot .btn.btnSizeMiddle {
  min-width: 13.6rem;
  height: 4.4rem;
  font-size: 1.4rem;
}
.boardContainer .supportContainer .supportTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 3.5rem;
  border-bottom: 2px solid #000000;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.boardContainer .supportContainer .supportTop.spaceBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.boardContainer .supportContainer .supportMiddle {
  border-top: 1px solid #c4c4c4;
}
.boardContainer .supportContainer .supportBottom {
  margin-top: 4rem;
}
.boardContainer .supportContainer .supportTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 7.5rem;
  padding: 2.6rem 5rem 2.6rem 2rem;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    right 2rem center;
  border-bottom: 1px solid #c4c4c4;
}
.boardContainer .supportContainer .supportTitle .supportBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.boardContainer
  .supportContainer
  .supportTitle
  .supportBtn[aria-expanded="true"] {
  color: #499690;
}
.boardContainer .supportContainer .supportTitle .supportBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.boardContainer .supportContainer .supportTitle .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.boardContainer .supportContainer .supportTitle .titleHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.boardContainer .supportContainer .supportTitle .titleBody {
  max-width: 73rem;
  word-break: break-word;
  word-wrap: break-word;
}
.boardContainer .supportContainer .supportTitle .titleFoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.boardContainer .supportContainer .supportTitle .titleFoot .date {
  margin-left: 2rem;
}
.boardContainer .supportContainer .supportTitle .state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.3rem;
  padding: 0 0.5rem;
  margin-left: 2rem;
  border: 1px solid #555555;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #555555;
  line-height: 1;
  white-space: nowrap;
}
.boardContainer .supportContainer .supportTitle .state.complate {
  border-color: #499690;
  color: #499690;
}
.boardContainer .supportContainer .supportTitle .bigTitle {
  display: block;
  margin-right: 0.5rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 0.8;
}
.boardContainer .supportContainer .supportTitle .tabName,
.boardContainer .supportContainer .supportTitle .type {
  margin-right: 2rem;
  font-weight: bold;
}
.boardContainer .supportContainer .supportTitle .tabName {
  min-width: 4.6rem;
  color: #499690;
}
.boardContainer .supportContainer .supportTitle .type {
  min-width: 11rem;
  color: #000000;
}
.boardContainer .supportContainer .supportContent {
  display: none;
  min-height: 8.1rem;
  padding: 2.6rem 2rem;
  background-color: #eff1f3;
}
.boardContainer .supportContainer .supportContent .textWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.boardContainer .supportContainer .supportContent .textWrap:last-child {
  margin-bottom: 0;
}
.boardContainer .supportContainer .supportContent .faqArrow {
  display: block;
  position: relative;
  top: -0.5rem;
  min-width: 5.6rem;
  height: 2rem;
  margin-left: 1rem;
  background: url("/web/kmvno/assets/images/common/arrow_dashed_orange.svg")
    no-repeat left center;
}
.boardContainer .supportContainer .supportContent .faqArrow,
.boardContainer .supportContainer .supportContent .textHead {
  margin-right: 2rem;
  font-weight: bold;
}
.boardContainer .supportContainer .supportContent .textHead {
  min-width: 10.4rem;
  font-size: 2rem;
  font-weight: bold;
  color: #555555;
  line-height: 1;
}
.boardContainer .supportContainer .supportContent .textBody {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(100% - 10.4rem);
  word-break: break-word;
  word-wrap: break-word;
}
.boardContainer .supportContainer .supportArea:first-child {
  border-top: 0;
}
.boardContainer .supportContainer .supportArea.active .supportTitle {
  background-image: url("/web/kmvno/assets/images/common/arrow_line_up.svg");
  background-color: #f7f8fa;
}
.boardContainer .supportContainer .supportArea.active .supportContent {
  display: block;
}
.boardContainer.typeList .boardHead {
  padding-bottom: 1.6rem;
  border-bottom: 2px solid #000000;
}
.boardContainer.typeDetail {
  margin-top: 7rem;
}
.boardContainer.typeDetail .boardHead {
  margin-bottom: 2.8rem;
}
.boardContainer.typeDetail .boardBody {
  padding: 4rem 3rem;
  border-top: 2px solid #cccccc;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.boardContainer.typeDetail .boardBody .imgDetailWrap > img {
  display: block;
  width: 100%;
  height: auto;
}
.boardContainer.typeDetail .boardBody .imgDetailWrap .moType {
  display: none;
}
.boardContainer.typeDetail .boardFoot {
  padding-top: 1.2rem;
  margin-bottom: 1rem;
  border-top: 2px solid #cccccc;
}

/* 고객상담 */
.customerSupportService .boardContainer .supportContainer .supportTitle .title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.customerSupportService
  .boardContainer
  .supportContainer
  .supportContent
  .textHead {
  min-width: 6.4rem;
  text-align: center;
}

/* 검색바 */
.searchContainer legend {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.searchContainer .searchBar {
  position: relative;
  z-index: 0;
  padding: 5.4rem 0 6.7rem;
  margin: 0 auto;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchTitle {
  display: none;
  margin-top: 0.6rem;
  margin-bottom: 1.3rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
}

.searchInput {
  position: relative;
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
}
.searchInput .input input {
  height: 4.9rem;
  padding-left: 0;
  padding-right: 10rem;
  border: 0;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
}
.searchInput .btnSearch {
  position: absolute;
  display: none;
  right: -1rem;
  top: 50%;
  width: 4.9rem;
  height: 4.9rem;
  padding: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/web/kmvno/assets/images/common/icon_search_black.svg") no-repeat
    center;
}
.searchInput .btnSearch:hover {
  background: url("/web/kmvno/assets/images/common/icon_search_cyan.svg") no-repeat
    center;
}
.searchInput .btnSearch:disabled {
  opacity: 0.5;
}
.searchInput .btnSearch:disabled:hover {
  background: url("/web/kmvno/assets/images/common/icon_search_black.svg") no-repeat
    center;
}
.searchInput .btnSearch > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.searchInput .btnRemove {
  position: absolute;
  display: none;
  right: -1rem;
  top: 50%;
  right: 4rem;
  width: 4.9rem;
  height: 4.9rem;
  padding: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/web/kmvno/assets/images/common/icon_search_remove.svg") no-repeat
    center;
}
.searchInput .btnRemove > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.searchInput .show {
  display: block;
}

/* FAQ */
.customerSupportFaq .contentArea {
  padding-top: 10rem;
}

/* 문의 내역 */
.customerSupportService .contentArea {
  padding-top: 12.7rem;
}

/* 상담 문의하기 */
/* 고객센터 안내 */
.customerSupportAbout .contentArea {
  padding-top: 0;
}

.centerContainer .centerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.centerContainer .centerList > li {
  width: calc(50% - 1rem);
  margin-bottom: 2rem;
}
.centerContainer .centerArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 100%;
  padding: 2.7rem 3rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
}
.centerContainer .centerLeft {
  margin-right: 3rem;
}
.centerContainer .centerRight {
  width: calc(100% - 23.6rem);
}
.centerContainer .imgWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 20.6rem;
  height: 12rem;
}
.centerContainer .imgWrap img {
  width: auto;
  height: 6.4rem;
}
.centerContainer .moType {
  display: none;
}
.centerContainer .centerTop {
  min-height: 2.3rem;
  padding-bottom: 0.7rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid #000000;
}
.centerContainer .centerTitle {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.centerContainer .centerInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.centerContainer .centerInfo [class*="iconBg"] {
  width: 2rem;
  height: 2rem;
  margin-right: 0.2rem;
}
.centerContainer .centerInfo .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.centerContainer .centerInfo .text p {
  min-width: 9.4rem;
}
.centerContainer .centerUrl {
  font-size: 1.6rem;
  font-weight: normal;
  color: #499690;
  line-height: 1.4;
  text-decoration: underline;
  word-break: break-word;
  word-wrap: break-word;
}

/* 이용가이드 */
.customerSupportGuide .contentArea {
  padding-top: 0;
  padding-bottom: 26rem;
}
.customerSupportGuide .introContainer {
  background-color: #f7f8fa;
}
.customerSupportGuide .introContainer .contentInner:after {
  background-color: #eff1f3;
}

.customerVisualArea {
  height: 49rem;
  background: url("/web/kmvno/assets/images/customer/thumbnail_visual.png") no-repeat
    center/cover;
}
.customerVisualArea .contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
}
.customerVisualArea .customerVisualTop {
  margin-bottom: 1rem;
}
.customerVisualArea .customerVisualTop .visualTitle {
  font-size: 3.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.7;
}
.customerVisualArea .visualText {
  font-size: 1.8rem;
  font-weight: normal;
  color: #555555;
  line-height: 1;
}

.introContainer {
  position: relative;
  padding-top: 14.5rem;
  background-color: #eff1f3;
}
.introContainer .contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  max-width: 100%;
  padding: 0;
  padding-bottom: 12rem;
}

.introTitleWrap {
  width: 100%;
  margin-bottom: 10.2rem;
  text-align: center;
  word-break: keep-all;
}
.introTitleWrap .introTitle {
  margin-bottom: 3.6rem;
  font-size: 4.8rem;
  font-weight: 300;
  color: #000000;
  line-height: 1.4;
}
.introTitleWrap .introTitle > strong {
  display: block;
  font-size: 5rem;
}
.introTitleWrap .titleDesc {
  font-size: 2rem;
  font-weight: 300;
  color: #555555;
  line-height: 1.5;
}

.introVisualWrap {
  z-index: 1;
  position: relative;
  width: 100%;
  text-align: center;
}
.introVisualWrap [class*="speechBallon"] {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  text-align: left;
}
.introVisualWrap [class*="speechBallon"]:after {
  content: "";
  position: absolute;
  bottom: -20px;
  border: 20px solid rgba(255, 255, 255, 0.8);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.introVisualWrap [class*="speechBallon"] > strong {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 2.8rem;
  font-weight: bold;
  color: #499690;
  line-height: 1.5;
}
.introVisualWrap [class*="speechBallon"] > p {
  font-size: 1.4rem;
  font-weight: 300;
  color: #646464;
  line-height: 1.5;
}
.introVisualWrap .speechBallonLeft {
  top: 11.1rem;
  left: 6%;
  padding: 3.9rem 9rem 4.5rem 4.5rem;
  border-radius: 1.2rem 1.2rem 0 1.2rem;
}
.introVisualWrap .speechBallonLeft:after {
  right: -20px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.introVisualWrap .speechBallonRight {
  right: 10%;
  bottom: 11.1rem;
  padding: 3.9rem 4.5rem 4.5rem 9rem;
  border-radius: 1.2rem 1.2rem 1.2rem 0;
}
.introVisualWrap .speechBallonRight:after {
  left: -20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.videoList {
  line-height: 0;
}
.videoList .videoWrap {
  padding-bottom: 14rem;
}

.videoWrap .accordionContainer {
  min-height: 5.7rem;
}
.videoWrap .accordionContainer .accordionMiddle {
  position: relative;
}
.videoWrap .accordionContainer.borderType .accordionArea {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: #f7f8fa;
  border-color: #000000;
  border-radius: 0 0 1.2rem 1.2rem;
}
.videoWrap .accordionContainer.borderType .accordionArea.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  bottom: -33.24rem;
}
.videoWrap
  .accordionContainer.borderType
  .accordionArea.active
  .accordionTitle {
  border-top: 1px solid #cccccc;
  background-color: none;
}
.videoWrap
  .accordionContainer.borderType
  .accordionArea.active
  .accordionTitle
  .unfold {
  display: none;
}
.videoWrap
  .accordionContainer.borderType
  .accordionArea.active
  .accordionTitle
  .fold {
  display: block;
}
.videoWrap
  .accordionContainer.borderType
  .accordionArea.active
  .accordionTitle::after {
  background: url("/web/kmvno/assets/images/common/arrow_toggle_up.svg") no-repeat
    center;
}
.videoWrap .accordionContainer.borderType .accordionTitle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 5.5rem;
  padding: 1.6rem;
  background-image: none;
  font-size: 1.6rem;
  font-weight: bold;
}
.videoWrap .accordionContainer.borderType .accordionTitle .fold {
  display: none;
}
.videoWrap .accordionContainer.borderType .accordionTitle::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.1rem;
  height: 0.7rem;
  margin-left: 1.1rem;
  background: url("/web/kmvno/assets/images/common/arrow_toggle_down.svg") no-repeat
    center;
}
.videoWrap .accordionContainer.borderType .accordionContent {
  overflow-y: auto;
  width: 100%;
  max-height: 27.6rem;
  padding: 3rem;
  background-color: #ffffff;
}
.videoWrap .accordionContainer.borderType .accordionContent:focus-visible {
  outline: 2px solid #000000;
}
.videoWrap .nodataContainer {
  padding: 16rem 2rem;
  font-size: 2.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
  text-align: center;
}
.videoWrap .nodataContainer .character08 {
  display: block;
  max-width: 25.5rem;
  margin: 0 auto 4.5rem;
}

.videoTitle {
  margin-bottom: 3rem;
  padding-bottom: 1.6rem;
  border-bottom: 2px solid #000000;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}

.videoArea .video {
  width: 100%;
  height: auto;
}

@media (max-width: 1600px) {
  /* 이용가이드 */
  .introTitleWrap {
    margin-bottom: 5rem;
  }
}
@media (max-width: 1280px) {
  /* 고객센터안내 */
  .centerContainer .centerArea {
    display: block;
  }
  .centerContainer .centerLeft {
    margin: 0 auto;
  }
  .centerContainer .centerRight {
    width: 100%;
  }
  .centerContainer .centerArea.flex .centerRight {
    width: calc(100% - 23.6rem);
  }
  /* 이용가이드 */
  .character06 {
    display: none;
  }
  /* 소개 */
  .introContainer .contentInner:after {
    height: 44.5%;
  }
  .introVisualWrap {
    padding: 10rem 0 6rem;
  }
  .introVisualWrap .imgWrap {
    max-width: 70%;
    margin-left: 2rem;
  }
  .introVisualWrap [class*="speechBallon"] {
    width: 100%;
    max-width: 54rem;
    min-height: 16rem;
    text-align: center;
  }
  .introVisualWrap [class*="speechBallon"]:after {
    border: 10px solid rgba(255, 255, 255, 0.8);
    border-left-width: 14px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
  }
  .introVisualWrap [class*="speechBallon"] > strong {
    margin-bottom: 0.8rem;
    font-size: 2rem;
  }
  .introVisualWrap [class*="speechBallon"] > p {
    font-size: 1.3rem;
  }
  .introVisualWrap .speechBallonLeft {
    top: 0;
    left: 50%;
    padding: 2.5rem 1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 1.2rem;
  }
  .introVisualWrap .speechBallonLeft:after {
    right: 46%;
    bottom: -10px;
    -webkit-transform: rotate(90deg) translateX(50%);
    transform: rotate(90deg) translateX(50%);
  }
  .introVisualWrap .speechBallonRight {
    right: 50%;
    bottom: 0;
    padding: 2.5rem 1rem;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 1.2rem;
  }
  .introVisualWrap .speechBallonRight:after {
    top: -34px;
    left: 46%;
    bottom: auto;
    -webkit-transform: rotate(-90deg) translateX(-50%);
    transform: rotate(-90deg) translateX(-50%);
  }
}
@media (max-width: 1024px) {
  /* 공통 */
  [class*="customerSupport"] .contentArea {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  [class*="customerSupport"].customerSupportServiceApply .contentArea {
    padding-bottom: 7rem;
  }
  [class*="customerSupport"].customerSupportGuide .contentArea {
    padding-top: 0;
  }
  [class*="customerSupport"].customerSupportNoticeDetail .contentArea {
    padding-top: 7rem;
  }
  /* Board */
  .boardContainer {
    margin: 0 -2rem;
    padding: 0 0 8rem;
    border: 0;
    border-radius: 0;
    /* 공지사항 목록 */
  }
  .boardContainer .boardFoot {
    margin-bottom: 0;
  }
  .boardContainer .boardFoot .pcType {
    display: none;
  }
  .boardContainer .boardFoot .moType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .boardContainer .supportContainer .supportTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin-bottom: 0;
    font-size: 2rem;
  }
  .boardContainer .supportContainer .supportTop .buttonArea {
    width: 100%;
    padding: 2rem;
    background-color: #ffffff;
  }
  .boardContainer .supportContainer .supportTop .title {
    width: 100%;
    padding: 2rem 2rem 0;
  }
  .boardContainer .supportContainer .supportTop .title:focus-visible {
    outline: 2px solid #000000;
  }
  .boardContainer .supportContainer .supportTitle {
    padding: 2rem 4.9rem 2rem 4rem;
  }
  .boardContainer .supportContainer .supportTitle .title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
  }
  .boardContainer .supportContainer .supportTitle .tabName {
    min-width: 0;
    margin-right: 0.5rem;
  }
  .boardContainer .supportContainer .supportTitle .type {
    margin-right: 0;
  }
  .boardContainer .supportContainer .supportTitle .bigTitle {
    position: absolute;
    top: 50%;
    left: 2rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .boardContainer .supportContainer .supportTitle .titleHead {
    margin-bottom: 0.2rem;
  }
  .boardContainer .supportContainer .supportTitle .titleBody {
    width: 100%;
  }
  .boardContainer .supportContainer .supportContent {
    font-size: 1.4rem;
  }
  .boardContainer .supportContainer .supportContent .faqArrow {
    display: none;
  }
  .boardContainer .supportContainer .supportContent .textHead {
    min-width: 0;
  }
  .boardContainer .supportContainer .supportContent .textWrap {
    font-size: 1.4rem;
  }
  .boardContainer .supportContainer .supportContent .textBody {
    max-width: calc(100% - 3.5rem);
  }
  .boardContainer .boardTitleWrap {
    display: block;
    margin-bottom: 1rem;
  }
  .boardContainer .boardTitleWrap .fieldTitle01 {
    font-size: 2.4rem;
  }
  .boardContainer .boardTitleWrap .date {
    display: block;
  }
  .boardContainer .date {
    font-size: 1.4rem;
  }
  .boardContainer.typeList .boardHead {
    padding: 2rem 2rem 1rem;
    margin-bottom: 0;
  }
  .boardContainer.typeDetail {
    margin-top: 5rem;
    padding: 2rem 2rem 5rem;
  }
  .boardContainer.typeDetail .boardHead {
    margin-bottom: 2.4rem;
  }
  .boardContainer.typeDetail .boardBody {
    padding: 2.4rem 0;
  }
  .boardContainer.typeDetail .boardBody .imgDetailWrap .pcType {
    display: none;
  }
  .boardContainer.typeDetail .boardBody .imgDetailWrap .moType {
    display: block;
  }
  .boardContainer.typeDetail .boardBody img {
    max-width: 100% !important;
    height: auto !important;
  }
  .boardContainer .nodataContainer {
    text-align: center;
  }
  /* 검색바 */
  .searchContainer legend {
    display: none !important;
  }
  .searchContainer .searchBar {
    width: calc(100% - 4rem);
    margin: 0 2rem;
    padding: 1.8rem 0 3rem;
  }
  .searchInput .input input {
    padding-right: 8rem;
  }
  .searchInput .btnRemove {
    right: 3rem;
  }
  .searchTitle {
    display: block;
  }
  .searchInput .btnSearch {
    background-size: 22px auto;
  }
  .searchInput .btnSearch:hover {
    background-size: 22px auto;
  }
  .searchInput .btnSearch:focus,
  .searchInput .btnSearch:focus-visible {
    outline: none;
  }
  /* 문의 내역 */
  .customerSupportService .contentArea {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 717px) {
  /* 공통 */
  [class*="customerSupport"].customerSupportNoticeDetail .contentArea {
    padding-top: 3rem;
  }
  .boardContainer.typeDetail {
    margin-top: -3rem;
  }
  /* 문의 내역 */
  .customerSupportService .boardContainer .supportContainer .supportTitle {
    padding: 2rem 4rem 2rem 2rem;
    background-position: right 2rem bottom 2rem;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .title {
    font-size: 1.3rem;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleBody {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleFoot {
    font-size: 1.3rem;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleFoot
    .date {
    margin-left: 1rem;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleFoot
    .state {
    margin-left: 1rem;
    font-size: 1.3rem;
  }
  .customerSupportService .boardContainer .supportContainer .supportContent {
    padding: 2.4rem 2rem;
  }
  /* 고객센터안내 */
  .centerContainer .pcType {
    display: none;
  }
  .centerContainer .moType {
    display: block;
  }
  .centerContainer .centerList > li {
    width: 100%;
  }
  .centerContainer .centerArea {
    padding: 1.6rem 2rem 3rem;
  }
  .centerContainer .imgWrap {
    width: auto;
    height: 10.4rem;
  }
  .centerContainer .centerTop {
    padding-bottom: 1.2rem;
    margin-bottom: 1.6rem;
  }
  .centerContainer .centerTitle {
    font-size: 1.4rem;
  }
  .centerContainer .centerInfo {
    margin-bottom: 1.1rem;
  }
  .centerContainer .centerInfo .text {
    font-size: 1.4rem;
  }
  .centerContainer .centerInfo [class*="iconBg"] {
    width: 1.8rem;
    height: 1.8rem;
    background-size: cover;
  }
  .centerContainer .centerUrl {
    font-size: 1.4rem;
  }
  .centerContainer .centerArea.flex .centerRight {
    width: 100%;
  }
  /* 이용가이드 */
  .customerSupportGuide .contentArea {
    padding-top: 0;
    padding-bottom: 5.5rem;
  }
  .customerVisualArea {
    height: 20rem;
    background: url("/web/kmvno/assets/images/customer/thumbnail_visual_mo.png")
      no-repeat center/cover;
  }
  .customerVisualArea .customerVisualTop .visualTitle {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .customerVisualArea .visualText {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .customerVisualArea .moBlock {
    display: block;
  }
  /* 소개 */
  .introVisualWrap [class*="speechBallon"] {
    min-height: 14rem;
  }
  .introVisualWrap .speechBallonLeft,
  .introVisualWrap .speechBallonRight {
    padding: 2rem 1rem 1rem;
  }
  .introContainer {
    padding-top: 4rem;
  }
  .introContainer .contentInner {
    padding: 0 2rem 8rem;
  }
  .introTitleWrap .introTitle {
    margin-bottom: 2.4rem;
    font-size: 2.8rem;
  }
  .introTitleWrap .introTitle > strong {
    font-size: 3rem;
  }
  .introTitleWrap .titleDesc {
    font-size: 1.6rem;
  }
  .videoList .videoWrap {
    padding-bottom: 7rem;
  }
  .videoWrap .accordionContainer.borderType .accordionTitle {
    padding: 1.25rem;
    font-size: 1.3rem;
  }
  .videoWrap .nodataContainer {
    padding: 3.2rem 2rem;
    font-size: 1.4rem;
  }
  .videoWrap .nodataContainer .character08 {
    max-width: 7.5rem;
    margin-bottom: 1rem;
  }
  .videoTitle {
    margin-bottom: 1.4rem;
    padding-bottom: 1rem;
    font-size: 2rem;
  }
}
@media (max-width: 512px) {
  /* 당첨자 발표 상세 */
  .eventWinDetail .boardContainer .boardInfoWrap {
    display: block;
  }
  .eventWinDetail .boardContainer .date:before {
    display: none;
  }
  /* 고객상담 */
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .type {
    min-width: 0;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportContent
    .textHead {
    min-width: 0;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportContent
    .textBody {
    max-width: calc(100% - 6rem);
  }
  /* 소개 */
  .introContainer .contentInner:after {
    height: 41.5%;
  }
  .introVisualWrap {
    padding: 12rem 0 10rem;
  }
  .introVisualWrap .imgWrap {
    max-width: 20rem;
    margin-left: 0;
  }
  .introVisualWrap [class*="speechBallon"] > strong {
    word-break: keep-all;
  }
  .introVisualWrap [class*="speechBallon"] > p br {
    display: none;
  }
  .introVisualWrap .speechBallonLeft {
    top: 0;
  }
}
@media (max-width: 320px) {
  /* 아코디언 - FAQ , 상담 문의 내역 */
  .customerSupportService .boardContainer .supportContainer .supportTitle {
    display: block;
    background-position: right 2rem center;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .title {
    display: block;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleFoot {
    display: block;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleFoot
    .date {
    margin-left: 0;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleFoot
    .date::before {
    display: none;
  }
  .customerSupportService
    .boardContainer
    .supportContainer
    .supportTitle
    .titleFoot
    .state {
    margin-left: 0;
  }
  /* 소개 */
  .introContainer .contentInner:after {
    height: 39.5%;
  }
}
.highTextArea .editor__editable,
.highTextArea main .ck-editor[role="application"] .ck.ck-content,
.highTextArea .ck.editor__editable[role="textbox"],
.highTextArea .ck.ck-editor__editable[role="textbox"],
.highTextArea .ck.editor[role="textbox"] {
  width: 100%;
  background: #fff;
  font-size: 0.1rem;
  line-height: 1.6rem;
  min-height: var(--ck-sample-editor-min-height);
  padding: 1.5rem 0.2rem;
}
.highTextArea main .ck-editor[role="application"] {
  overflow: auto;
}
.highTextArea .ck.ck-editor__editable {
  background: #fff;
  border: 0.1rem solid hsl(0, 0%, 70%);
  width: 100%;
}
.highTextArea .ck.ck-editor__editable {
  position: relative;
  z-index: var(--ck-sample-editor-z-index);
}
.highTextArea .editor-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.highTextArea
  body[data-editor="DecoupledDocumentEditor"]
  .document-editor__toolbar {
  width: 100%;
}
.highTextArea
  body[data-editor="DecoupledDocumentEditor"]
  .collaboration-demo__editable,
.highTextArea body[data-editor="DecoupledDocumentEditor"] .row-editor .editor {
  width: calc(21cm + 0.2rem);
  min-height: calc(29.7cm + 0.2rem);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2cm 1.2cm;
  margin: 2.5rem;
  border: 0.1rem hsl(0, 0%, 82.7%) solid;
  background-color: var(--ck-sample-color-white);
  -webkit-box-shadow: 0 0 0.5rem hsla(0, 0%, 0%, 0.1);
  box-shadow: 0 0 0.5rem hsla(0, 0%, 0%, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.highTextArea body[data-editor="DecoupledDocumentEditor"] .row-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: auto;
  background-color: #f2f2f2;
  border: 0.1rem solid hsl(0, 0%, 77%);
  max-height: 70rem;
}
.highTextArea body[data-editor="DecoupledDocumentEditor"] .sidebar {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.highTextArea .sidebar {
  padding: 0 1.5rem;
  position: relative;
  min-width: var(--ck-sample-sidebar-width);
  max-width: var(--ck-sample-sidebar-width);
  font-size: 2rem;
  border: 0.1rem solid hsl(0, 0%, 77%);
  background: hsl(0, 0%, 98%);
  border-left: 0;
  overflow: hidden;
  min-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.highTextArea .sidebar .ck-content[role="textbox"],
.highTextArea .ck.ck-annotation-wrapper .ck-content[role="textbox"] {
  min-height: unset;
  width: unset;
  padding: 0;
  background: transparent;
}
.highTextArea .sidebar.narrow {
  min-width: 6rem;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.highTextArea .sidebar.hidden {
  display: none !important;
}
.highTextArea #sidebar-display-toggle {
  position: absolute;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  text-align: center;
  left: 1.5rem;
  top: 3rem;
  border: 0;
  padding: 0;
  color: hsl(0, 0%, 50%);
  -webkit-transition: 250ms ease color;
  transition: 250ms ease color;
  background-color: transparent;
}
.highTextArea #sidebar-display-toggle:hover {
  color: hsl(0, 0%, 30%);
  cursor: pointer;
}
.highTextArea #sidebar-display-toggle:focus,
.highTextArea #sidebar-display-toggle:active {
  outline: none;
  border: 0.1rem solid #a9d29d;
}
.highTextArea #sidebar-display-toggle svg {
  fill: currentColor;
}
.highTextArea .row-presence {
  width: 100%;
  border: 0.1rem solid hsl(0, 0%, 77%);
  border-bottom: 0;
  background: hsl(0, 0%, 98%);
  padding: var(--ck-spacing-small);
  -webkit-box-shadow: 0 0.1rem 0 0 hsl(0, 0%, 77%);
  box-shadow: 0 0.1rem 0 0 hsl(0, 0%, 77%);
  z-index: 20;
}
.highTextArea .ck.ck-presence-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1.25rem 0.75rem;
}
.highTextArea .presence .ck.ck-presence-list__counter {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-left: var(--ck-spacing-large);
}
.highTextArea .collaboration-demo__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: auto;
  background-color: #f2f2f2;
  border: 0.1rem solid hsl(0, 0%, 77%);
}
.highTextArea body[data-editor="InlineEditor"] .collaboration-demo__row {
  border: 0;
}
.highTextArea .collaboration-demo__container {
  max-width: var(--ck-sample-container-width);
  margin: 0 auto;
  padding: 1.25rem;
}
.highTextArea .presence,
.highTextArea .collaboration-demo__row {
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}
.highTextArea .collaboration-demo__topbar {
  background: #fff;
  border: 0.1rem solid var(--ck-color-toolbar-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 0;
  border-radius: 0.4rem 0.4rem 0 0;
}
.highTextArea .collaboration-demo__topbar .btn {
  margin-right: 0.1rem;
  outline-offset: 0.2rem;
  outline-width: 0.2rem;
  background-color: var(--ck-sample-color-blue);
}
.highTextArea .collaboration-demo__topbar .btn:focus,
.highTextArea .collaboration-demo__topbar .btn:hover {
  border-color: var(--ck-sample-color-blue);
}
.highTextArea .collaboration-demo__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.25rem 0.75rem;
}
.highTextArea .collaboration-demo__share-description p {
  margin: 0;
  font-weight: bold;
  font-size: 0.9rem;
}
.highTextArea .collaboration-demo__share input {
  height: auto;
  font-size: 0.9rem;
  min-width: 22rem;
  margin: 0 1rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--ck-color-toolbar-border);
}
.highTextArea .collaboration-demo__share button,
.highTextArea .collaboration-demo__share input {
  height: 4rem;
  padding: 0.5rem 1rem;
}
.highTextArea .collaboration-demo__share button {
  position: relative;
}
.highTextArea .collaboration-demo__share button:focus {
  outline: none;
}
.highTextArea .collaboration-demo__share button[data-tooltip]::before,
.highTextArea .collaboration-demo__share button[data-tooltip]::after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);
  transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);
  z-index: 1;
}
.highTextArea .collaboration-demo__share button[data-tooltip]::before {
  content: attr(data-tooltip);
  padding: 0.5rem 1.5rem;
  border-radius: 0.3rem;
  background: #111;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  top: 100%;
  left: 50%;
  margin-top: 0.5rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.highTextArea .collaboration-demo__share button[data-tooltip]::after {
  content: "";
  border: 0.5rem solid transparent;
  width: 0;
  font-size: 0;
  line-height: 0;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: 0.5rem solid #111;
  border-top: none;
}
.highTextArea .collaboration-demo__share button[data-tooltip]:hover:before,
.highTextArea .collaboration-demo__share button[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
.highTextArea .collaboration-demo--ready {
  overflow: visible;
  height: auto;
}
.highTextArea .collaboration-demo--ready .presence,
.highTextArea .collaboration-demo--ready .collaboration-demo__row {
  opacity: 1;
}
.highTextArea .ck.ck-pagination-view-line {
  z-index: var(--ck-sample-editor-z-index);
}
.highTextArea .revision-viewer-container {
  display: none;
}
.highTextArea .revision-viewer-sidebar {
  position: relative;
  min-width: 31rem;
  overflow: hidden;
  background: var(--ck-color-toolbar-background);
  border: 0.1rem solid var(--ck-color-toolbar-border);
  margin-left: -0.1rem;
}
.highTextArea
  body[data-revision-history="true"]
  .ck.ck-pagination-view-line::after {
  -webkit-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
  left: -0.1rem !important;
  right: unset !important;
}
.highTextArea header .centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 8rem;
}
.highTextArea header h1 a {
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2d3a4a;
  text-decoration: none;
}
.highTextArea header h1 img {
  display: block;
  height: 6.4rem;
}
.highTextArea header nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.highTextArea header nav ul li {
  display: inline-block;
}
.highTextArea header nav ul li + li {
  margin-left: 0.1rem;
}
.highTextArea header nav ul li a {
  font-weight: bold;
  text-decoration: none;
  color: #2d3a4a;
}
.highTextArea header nav ul li a:hover {
  text-decoration: underline;
}
.highTextArea main .message {
  padding: 0 0 var(--ck-sample-base-spacing);
  background: var(--ck-sample-color-green);
  color: var(--ck-sample-color-white);
}
.highTextArea main .message::after {
  content: "";
  z-index: -1;
  display: block;
  height: 10rem;
  width: 100%;
  background: var(--ck-sample-color-green);
  position: absolute;
  left: 0;
}
.highTextArea main .message h2 {
  position: relative;
  padding-top: 0.1rem;
  font-size: 0.2rem;
}
.highTextArea .centered {
  overflow: hidden;
  max-width: var(--ck-sample-container-width);
  margin: 0 auto;
  padding: 0 var(--ck-sample-base-spacing);
}
.highTextArea .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.highTextArea .btn {
  cursor: pointer;
  padding: 0.8rem 1.6rem;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0.4rem;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  background-color: var(--ck-sample-color-button-blue);
  border-color: var(--ck-sample-color-button-blue);
  color: var(--ck-sample-color-white);
  display: inline-block;
}
.highTextArea .btn--tiny {
  padding: 0.6rem 1.2rem;
  font-size: 0.8rem;
}
.highTextArea footer {
  margin: calc(2 * var(--ck-sample-base-spacing)) var(--ck-sample-base-spacing);
  font-size: 0.8rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
}

.highTextArea .cke_editable {
  font-size: 13px;
  line-height: 1.6;
  word-wrap: break-word;
}
.highTextArea blockquote {
  font-style: italic;
  font-family: "Pretendard", Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
}
.highTextArea .cke_contents_ltr blockquote {
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}
.highTextArea .cke_contents_rtl blockquote {
  padding-left: 8px;
  padding-right: 20px;
  border-right-width: 5px;
}
.highTextArea ol,
.highTextArea ul,
.highTextArea dl {
  margin-right: 0px;
  padding: 0 40px;
}
.highTextArea h1,
.highTextArea h2,
.highTextArea h3,
.highTextArea h4,
.highTextArea h5,
.highTextArea h6 {
  font-weight: normal;
  line-height: 1.2;
}
.highTextArea hr {
  border: 0px;
  border-top: 1px solid #ccc;
}
.highTextArea img {
  max-width: 100% !important;
  height: auto !important;
}
.highTextArea img.right {
  border: 1px solid #ccc;
  float: right;
  margin-left: 15px;
  padding: 5px;
}
.highTextArea img.left {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
  padding: 5px;
}
.highTextArea pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.highTextArea .marker {
  background-color: Yellow;
}
.highTextArea span[lang] {
  font-style: italic;
}
.highTextArea blockquote p:first-of-type {
  margin-bottom: 1.5rem;
}
.highTextArea .code-featured {
  border: 5px solid red;
}
.highTextArea .math-featured {
  padding: 20px;
  -webkit-box-shadow: 0 0 2px rgb(200, 0, 0);
  box-shadow: 0 0 2px rgb(200, 0, 0);
  background-color: rgba(255, 0, 0, 0.05);
  margin: 10px;
}
.highTextArea .image-clean {
  border: 0;
  background: none;
  padding: 0;
}
.highTextArea .image-clean > figcaption {
  font-size: 0.9em;
  text-align: right;
}
.highTextArea .image-grayscale {
  background-color: white;
  color: #666;
}
.highTextArea .image-grayscale img,
.highTextArea img.image-grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.highTextArea .embed-240p {
  max-width: 426px;
  max-height: 240px;
  margin: 0 auto;
}
.highTextArea .embed-360p {
  max-width: 640px;
  max-height: 360px;
  margin: 0 auto;
}
.highTextArea .embed-480p {
  max-width: 854px;
  max-height: 480px;
  margin: 0 auto;
}
.highTextArea .embed-720p {
  max-width: 1280px;
  max-height: 720px;
  margin: 0 auto;
}
.highTextArea .embed-1080p {
  max-width: 1920px;
  max-height: 1080px;
  margin: 0 auto;
}
.highTextArea .document-editor {
  width: 21cm;
  min-height: 21cm;
  padding: 1cm 2cm 2cm;
  margin: 0.5cm auto;
  border: 1px #d3d3d3 solid;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.highTextArea .document-editor,
.highTextArea .document-editor td,
.highTextArea .document-editor th {
  font-size: 0.9em;
}
.highTextArea .document-editor h1 {
  margin-bottom: 1cm;
}
.highTextArea .document-editor table {
  margin-top: 0.5cm;
  margin-bottom: 0.5cm;
}
.highTextArea .document-editor table td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.highTextArea .document-editor table td:first-of-type {
  border-left: 1px solid #999;
}
.highTextArea .document-editor table tr:first-of-type td {
  border-top: 1px solid #999;
}
.highTextArea .document-editor table thead th {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}
.highTextArea .document-editor table thead th:first-of-type {
  border-left: 1px solid #999;
}
.highTextArea .document-editor table td > p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px 0 3px 5px;
}
.highTextArea .document-editor blockquote {
  padding-left: 22px;
  padding-right: 22px;
  margin-left: 46px;
  margin-right: 46px;
}
.highTextArea .article-editor,
.highTextArea .document-editor,
.highTextArea .inline-editor {
  font-size: 16px;
  line-height: 24px;
  font-family: "Pretendard", "Nunito Sans", Verdana, Helvetica, sans-serif;
}
.highTextArea .article-editor h1,
.highTextArea .article-editor h2,
.highTextArea .article-editor h3,
.highTextArea .article-editor h4,
.highTextArea .article-editor h5 {
  font-weight: 600;
  letter-spacing: inherit;
}
.highTextArea .article-editor h1 {
  font-size: 42px;
  font-family: "Pretendard", "Nunito Sans", sans-serif;
  font-weight: 200;
  line-height: 1.04;
  margin-bottom: 25px;
}
.highTextArea .article-editor h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 25px;
}
.highTextArea .article-editor h3 {
  font-size: 28px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.highTextArea .article-editor h4 {
  font-size: 19px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.highTextArea .article-editor h5 {
  font-size: 17px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.highTextArea .article-editor h4,
.highTextArea h5 {
  font-weight: 700;
}
.highTextArea .article-editor h2 + p,
.highTextArea .article-editor h2 + ol,
.highTextArea .article-editor h2 + ul,
.highTextArea .article-editor h3 + p,
.highTextArea .article-editor h3 + ol,
.highTextArea .article-editor h3 + ul {
  margin-top: 0;
}
.highTextArea .article-editor p {
  margin-top: 0;
  margin-bottom: 25px;
}
.highTextArea .article-editor figure,
.highTextArea .article-editor ol,
.highTextArea .article-editor ul,
.highTextArea .article-editor blockquote {
  display: block;
  margin-top: 25px;
  margin-bottom: 25px;
}
.highTextArea .article-editor ol ol {
  margin: 0;
}
.highTextArea .article-editor ul ul {
  margin: 0;
}
.highTextArea .article-editor figure {
  text-align: center;
  margin: 25px;
  background-color: #fafafa;
}
.highTextArea .article-editor figure img {
  margin: 0 auto;
  max-width: 100%;
}
.highTextArea .article-editor figure figcaption {
  padding: 1em 0.5em;
  font-size: 13px;
  text-align: center;
}
.highTextArea .article-editor figure .cke_image_resizer_wrapper {
  display: block;
}
.highTextArea .a11ychecker h2 {
  padding-bottom: 3px;
  font-size: 15px;
  line-height: 1.225;
  border-bottom: 1px solid #eee;
}
.highTextArea .a11ychecker h3,
.highTextArea .a11ychecker h4 {
  font-weight: bolder;
}
.highTextArea .spreadsheet-editor table:not(.htCore) {
  border-collapse: collapse;
  width: 100%;
}
.highTextArea .spreadsheet-editor table:not(.htCore) th,
.highTextArea .spreadsheet-editor table:not(.htCore) td {
  border: 1px solid #ccc;
  line-height: 21px;
}

@media screen and (max-width: 768px) {
  .highTextArea .cke_editable {
    font-size: 16px;
  }
}
/* --------- EDITOR STYLES  ---------------------------------------------------------------------------------------- */
.highTextArea {
  overflow-x: auto;
}
.highTextArea h2,
.highTextArea h3,
.highTextArea h4 {
  font-weight: bold;
  line-height: 1.4;
}
.highTextArea h1 {
  font-size: 42px;
  font-weight: 100;
  line-height: 1.04;
  margin-bottom: 25px;
}
.highTextArea h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 25px;
}
.highTextArea h3 {
  font-size: 28px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.highTextArea pre {
  display: block;
  font-family: "Pretendard", monospace;
  margin: 1em 0px;
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.highTextArea strong {
  font-weight: bold;
}
.highTextArea p {
  margin-top: 0;
  margin-bottom: 25px;
}
.highTextArea img {
  max-width: 100% !important;
  height: auto !important;
}
.highTextArea ol,
.highTextArea li,
.highTextArea ul,
.highTextArea p {
  font-size: 1.6rem;
  line-height: 1.4;
}
.highTextArea ol,
.highTextArea ul {
  padding-left: 4rem;
}
.highTextArea ul {
  list-style-type: disc;
}
.highTextArea ul ul {
  list-style-type: circle;
  -webkit-margin-before: 0px;
  margin-block-start: 0px;
  -webkit-margin-after: 0px;
  margin-block-end: 0px;
}
.highTextArea ol > li {
  list-style: decimal;
}
.highTextArea blockquote {
  display: block;
  padding: 2px 0;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
  font-style: italic;
  font-family: "Pretendard", Georgia, Times, "Times New Roman", serif;
  border-style: solid;
  border-color: #ccc;
}
.highTextArea table {
  display: table;
  border-collapse: separate;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: initial;
  border: 1px solid gray;
}
.highTextArea table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.highTextArea table tbody tr:last-child th,
.highTextArea table tbody tr:last-child td {
  border-bottom: none;
}
.highTextArea table tr {
  display: table-row;
  vertical-align: inherit;
}
.highTextArea table th,
.highTextArea table td {
  padding: 0.5rem;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}
.highTextArea table th:last-child,
.highTextArea table td:last-child {
  border-right: none;
}
.highTextArea table td {
  display: table-cell;
  vertical-align: inherit;
}
.highTextArea table th {
  text-align: center;
  background-color: #f9f9f9;
}

.commonErrorWrap,
.comingSoon {
  padding-top: 0;
}

.logoHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #dcdcdc;
}

.footerCopyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.7rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #999999;
  line-height: 1.4;
}

.errorConatiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 13rem auto 21.5rem;
  padding: 0 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
  word-break: keep-all;
}
.errorConatiner .errorTop {
  width: 100%;
  height: 100%;
  margin-bottom: 1.2rem;
  text-align: center;
}
.errorConatiner .errorTop .imgWrap {
  width: 100%;
  max-width: 60rem;
  margin-bottom: 4rem;
}
.errorConatiner .errorTop .imgWrap img {
  display: block;
}
.errorConatiner .errorMiddle,
.errorConatiner .errorBottom {
  width: 100%;
  max-width: 54rem;
}
.errorConatiner .errorMiddle {
  margin-bottom: 4rem;
  text-align: center;
}
.errorConatiner .errorTitle {
  font-size: 4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.errorConatiner .errorTitle strong {
  color: #499690;
}
.errorConatiner .errorBgGray {
  padding: 2.5rem 3.4rem;
  background-color: #f7f8fa;
  border-radius: 1rem;
}
.errorConatiner .noticeDl {
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.errorConatiner .noticeDl:last-child {
  margin-bottom: 0;
}
.errorConatiner .noticeDl dt {
  -ms-flex-preferred-size: 6.5rem;
  flex-basis: 6.5rem;
  padding: 0 0.7rem;
  margin-right: 1.5rem;
  background-color: #499690;
  border-radius: 0.3rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 2.3rem;
  white-space: nowrap;
}
.errorConatiner .noticeDl dd {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.errorConatiner .buttonArea {
  margin: 0 -0.5rem;
}
.errorConatiner .buttonArea .btn {
  max-width: 18rem;
  margin: 0 0.5rem;
}

.comingSoon.wrap,
.commingSoon.wrap {
  background: linear-gradient(34.88deg, #eff1f3 14.9%, #ffffff 58.82%);
}
.comingSoon .comingContent > *,
.comingSoon .commingContent > *,
.commingSoon .comingContent > *,
.commingSoon .commingContent > * {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.comingConatiner {
  padding: 15.7rem 0 18.7rem;
}
.comingConatiner .comingContent > * {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.comingConatiner .imgwrap {
  display: block;
  width: 100%;
  max-width: 142rem;
  padding: 0 2rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.comingConatiner .imgwrap img {
  display: block;
  width: 100%;
  height: auto;
}
.comingConatiner .imgwrap img.moType {
  display: none;
}

@media (max-width: 1024px) {
  .comingConatiner {
    padding: 7.2rem 0 6.5rem;
  }
  .comingConatiner .imgwrap img.pcType {
    display: none;
  }
  .comingConatiner .imgwrap img.moType {
    display: block;
  }
}
@media (max-width: 717px) {
  .errorConatiner {
    margin: 5rem auto 6rem;
    font-size: 1.2rem;
  }
  .errorConatiner .block {
    display: block;
  }
  .errorConatiner .errorTop {
    margin-bottom: 1rem;
  }
  .errorConatiner .errorTop .imgWrap {
    margin-bottom: 2rem;
  }
  .errorConatiner .errorMiddle {
    margin-bottom: 2rem;
  }
  .errorConatiner .errorTitle {
    font-size: 2rem;
  }
  .errorConatiner .errorBgGray {
    padding: 2rem;
  }
  .errorConatiner .noticeDl {
    margin-bottom: 1rem;
  }
  .errorConatiner .noticeDl dt {
    font-size: 1.2rem;
  }
  .errorConatiner .noticeDl dd {
    font-size: 1.3rem;
  }
}
@media (max-width: 512px) {
  .errorConatiner .errorBgGray {
    padding: 1rem;
  }
  .errorConatiner .buttonArea {
    display: block;
    margin: -0.8rem 0;
  }
  .errorConatiner .buttonArea .btn {
    width: 100%;
    max-width: 100%;
    height: 5rem;
    margin: 0.8rem 0;
  }
}
@media (max-width: 320px) {
  .errorConatiner .noticeDl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .errorConatiner .noticeDl dt {
    margin-bottom: 0.5rem;
  }
  .errorConatiner .noticeDl dd {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.eventDoneList .contentArea,
.eventProceedList .contentArea,
.eventWinList .contentArea {
  padding-bottom: 17.3rem;
}
.eventDoneList .searchContainer,
.eventProceedList .searchContainer,
.eventWinList .searchContainer {
  margin-bottom: 8rem;
}

.eventProceedList .contentArea {
  padding-top: 0;
}

/* verticalSwiper */
.verticalSwiper {
  position: relative;
}
.verticalSwiper [class*="eventMainBtn"] {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 5rem;
  height: 5rem;
  background: url("/web/kmvno/assets/images/common/arrow_pagenation.svg") no-repeat
    center transparent;
  background-size: cover;
  border-radius: 5rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.verticalSwiper [class*="eventMainBtn"] > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.verticalSwiper [class*="eventMainBtn"]:hover {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_hover.svg");
}
.verticalSwiper [class*="eventMainBtn"]:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_press.svg");
}
.verticalSwiper [class*="eventMainBtn"].mo {
  display: none;
}
.verticalSwiper [class*="eventMainBtn"].pc {
  display: block;
}
.verticalSwiper [class*="eventMainBtn"].eventMainBtnPrev {
  left: 3.34%;
}
.verticalSwiper [class*="eventMainBtn"].eventMainBtnNext {
  right: 3.34%;
  -webkit-transform: translate(-50%, 0) rotate(180deg);
  transform: translate(-50%, 0) rotate(180deg);
}
.verticalSwiper .eventMainArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 12%;
  bottom: 5%;
}
.verticalSwiper .eventMainPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
  line-height: 1;
  letter-spacing: 1px;
}
.verticalSwiper .eventMainPagination .swiper-pagination-current {
  padding-right: 1rem;
  font-weight: bold;
  text-decoration: underline;
}
.verticalSwiper .eventMainPagination .swiper-pagination-total {
  padding-left: 1rem;
}
.verticalSwiper .eventBtn {
  width: 4rem;
  height: 4rem;
}
.verticalSwiper .play {
  display: none;
  background: url("/web/kmvno/assets/images/common/slide_play.svg") no-repeat center
    center/2.6rem auto;
}
.verticalSwiper .play.show {
  display: block;
}
.verticalSwiper .stop {
  display: none;
  background: url("/web/kmvno/assets/images/common/slide_pause.svg") no-repeat center
    center/2.6rem auto;
}
.verticalSwiper .stop.show {
  display: block;
}
.verticalSwiper .eventSwiper {
  overflow: hidden;
}
.verticalSwiper .slideArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 12.5%;
  bottom: 0;
  z-index: 1;
}
.verticalSwiper [class*="slideBg"] {
  width: 100%;
  height: 100%;
}
.verticalSwiper [class*="slideBg"] > img {
  display: block;
  min-width: 100%;
  width: auto;
  min-height: 100%;
  height: auto;
}
.verticalSwiper .slideBgMo {
  display: none;
}
.verticalSwiper .slideBgMo > img {
  display: block;
  width: 100%;
  min-height: 100%;
  height: auto;
}
.verticalSwiper .slideBgMo {
  display: none;
}
.verticalSwiper .slideTop {
  margin-bottom: 1.5rem;
}
.verticalSwiper .visualTitle {
  font-size: 4.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.verticalSwiper .visualText {
  font-size: 2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.5;
  margin-bottom: 1.4rem;
}
.verticalSwiper .visualText:last-child {
  margin-bottom: 0;
}
.verticalSwiper .slideMore {
  overflow: hidden;
  position: relative;
  display: inline-block;
  height: 4.8rem;
  padding: 0 2.3rem;
  margin-top: 5.7rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 4.4rem;
  border: 2px solid #000000;
}
.verticalSwiper .slideMore > span {
  position: relative;
  z-index: 2;
}
.verticalSwiper .slideMore:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.verticalSwiper .slideMore:hover:after,
.verticalSwiper .slideMore:focus:after {
  width: 100%;
  background-color: white;
}

/* 이벤트 리스트 */
.eventListContainer .eventBottom {
  margin-top: 7rem;
}

.eventList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.25rem;
}
.eventList .eventArea {
  width: calc(33.33% - 2.5rem);
  margin: 1.25rem;
}
.eventList .eventArea > a {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 1.7rem;
}
.eventList .eventArea > a:focus-visible {
  outline: 2px solid #000000;
}
.eventList .imgWrap {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  padding-top: 47.5%;
}
.eventList .imgWrap > img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.eventList .imgWrap .eventState {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 4%;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}
.eventList .imgWrap .dDayBox {
  position: absolute;
  top: 0;
  right: 2rem;
  z-index: 1;
  width: 7rem;
  height: 4rem;
  background-color: #499690;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 4rem;
  text-align: center;
}
.eventList .descWrap {
  padding: 2rem;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
}
.eventList .descWrap .title {
  display: block;
  height: 3.2rem;
  margin-bottom: 0.3rem;
  font-size: 2rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eventList .descWrap .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  font-size: 1.4rem;
  font-weight: normal;
  color: #646464;
  line-height: 2;
}
.eventList .descWrap .view .iconBgView {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
}
.eventList .descWrap .descBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.eventList .descWrap .descBottom .date {
  font-size: 1.6rem;
  font-weight: normal;
  color: #646464;
  line-height: 2;
}

.eventProceedList .searchContainer .searchBar {
  width: 100%;
  max-width: none;
  margin: 0 auto;
}
.eventProceedList .eventListTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.3rem;
}
.eventProceedList .eventListTop .typeSearchSelect {
  min-width: 7.8rem;
}
.eventProceedList .eventTotal {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}

/* 공유하기 */
.shareContainer {
  position: relative;
}
.shareContainer .shareTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  background: url("/web/kmvno/assets/images/common/icon_share.svg") no-repeat right
    center;
}
.shareContainer .shareBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.shareContainer .shareBtn[aria-expanded="true"] {
  color: #499690;
}
.shareContainer .shareBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.shareContainer .shareContent {
  position: absolute;
  display: none;
  overflow: hidden;
  z-index: 1;
  top: 3.2rem;
  right: 0;
  min-width: 14.8rem;
  height: 0;
  background-color: #f8f8fa;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0.8rem;
}
.shareContainer .shareContent > li {
  height: 3.6rem;
}
.shareContainer .shareContent > li:first-child .btnShare:before {
  border-radius: 0.8rem 0.8rem 0 0;
}
.shareContainer .shareContent > li:last-child .btnShare:before {
  border-radius: 0 0 0.8rem 0.8rem;
}
.shareContainer .btnShare {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 1.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 3.6rem;
  text-align: left;
  letter-spacing: -1px;
}
.shareContainer .btnShare:hover,
.shareContainer .btnShare:focus-visible {
  outline: 0;
  background-color: rgba(0, 0, 0, 0.04);
  color: #499690;
  text-decoration: underline;
}
.shareContainer .btnShare:before {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #499690;
}
.shareContainer .btnShare:active:before {
  display: block;
}
.shareContainer.active .shareTitle {
  background: url("/web/kmvno/assets/images/common/icon_share_black.svg") no-repeat
    right center;
}
.shareContainer.active .shareContent {
  display: block;
  height: auto;
}

.eventWinList .typeBoard .eventDate,
.eventWinList .typeBoard .eventEndDate {
  font-size: 1.6rem;
  text-align: center;
}

@media (max-width: 1280px) {
  /* 이벤트 리스트 */
  .eventList .eventArea {
    width: calc(50% - 2.5rem);
  }
}
@media (max-width: 1024px) {
  .eventDoneList .contentArea,
  .eventProceedList .contentArea,
  .eventWinList .contentArea {
    padding-top: 2rem;
    padding-bottom: 6rem;
  }
  .eventDoneList .searchContainer,
  .eventProceedList .searchContainer,
  .eventWinList .searchContainer {
    margin-bottom: 0;
  }
  .eventProceedList .contentArea {
    padding-top: 0;
  }
  .eventDoneList .contentArea,
  .eventWinList .contentArea {
    padding-top: 6rem;
  }
  /* verticalSwiper */
  .verticalSwiper .pagination-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
  }
  .verticalSwiper .eventMainArea {
    position: static;
  }
  .verticalSwiper [class*="eventMainBtn"] {
    -ms-flex-preferred-size: 3rem;
    flex-basis: 3rem;
    position: static;
    width: 3rem;
    min-width: 3rem;
    height: 4rem;
    background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
      center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .verticalSwiper [class*="eventMainBtn"]:hover {
    background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
      center;
  }
  .verticalSwiper [class*="eventMainBtn"]:active {
    background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
      center;
  }
  .verticalSwiper [class*="eventMainBtn"].mo {
    display: block;
  }
  .verticalSwiper [class*="eventMainBtn"].pc {
    display: none;
  }
  .verticalSwiper [class*="eventMainBtn"].eventMainBtnNext {
    -webkit-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
  }
  .verticalSwiper .play,
  .verticalSwiper .stop {
    min-width: 4rem;
    background-size: 2.4rem auto;
  }
  .verticalSwiper .eventMainPagination {
    margin-right: 0;
  }
  .verticalSwiper .eventMainPagination .swiper-pagination-current {
    padding-right: 0.5rem;
  }
  .verticalSwiper .eventMainPagination .swiper-pagination-total {
    padding-left: 0.5rem;
  }
  .verticalSwiper .eventSwiper {
    height: 20rem;
  }
  .verticalSwiper .slideBgPc {
    display: none;
  }
  .verticalSwiper .slideBgMo {
    display: block;
  }
  .verticalSwiper .slideArea {
    left: 2rem;
    right: 2rem;
    bottom: 0;
    z-index: 1;
    width: calc(100% - 4rem);
    word-break: keep-all;
  }
  .verticalSwiper .moBlock {
    display: block;
  }
  .verticalSwiper .visualTitle {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .verticalSwiper .visualText {
    font-size: 1.4rem;
    line-height: 1.25;
  }
  .verticalSwiper .slideMore {
    display: none;
  }
  .verticalSwiper .slideMore:after {
    display: none;
  }
  .verticalSwiper [class*="swiper-button"] {
    display: none;
  }
  .eventProceedList .contentInner {
    padding-top: 3rem;
  }
  .eventProceedList .searchContainer legend {
    display: none !important;
  }
  .eventProceedList .searchContainer .searchBar {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .shareContainer {
    margin-top: 1rem;
  }
  .shareContainer .shareBtn:focus-visible {
    outline: 2px solid #000000;
  }
  .shareContainer .shareContent {
    left: 0;
    right: auto;
  }
}
@media (max-width: 717px) {
  /* 이벤트 리스트 */
  .eventListContainer .eventBottom {
    margin-top: 3rem;
  }
  .eventList .eventArea {
    width: 100%;
  }
  .eventList .imgWrap .dDayBox {
    right: 1.8rem;
    width: 5.6rem;
    height: 3.2rem;
    font-size: 1.4rem;
    line-height: 3.2rem;
  }
  .eventList .imgWrap .eventState {
    font-size: 1.6rem;
  }
  .eventList .descWrap {
    padding: 1.3rem 1.6rem;
  }
  .eventList .descWrap .title {
    height: 2.2rem;
    font-size: 1.6rem;
  }
  /* 당첨자 발표 */
  .eventWinList .tableContainer.typeBoard tbody tr {
    padding: 2.6rem 2rem 1.5rem;
  }
  .eventWinList .tableContainer.typeBoard .number {
    display: none;
  }
  .eventWinList .tableContainer.typeBoard .moFull {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .eventWinList .tableContainer.typeBoard .eventDate,
  .eventWinList .tableContainer.typeBoard .eventEndDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0.3rem;
    font-size: 1.4rem;
    color: #555555;
  }
  .eventWinList .tableContainer.typeBoard .moTitle {
    display: block;
    padding-right: 0.5rem;
    font-weight: bold;
  }
}
@media (max-width: 512px) {
  /* 이벤트 리스트 */
  .eventList {
    margin: -0.7rem 0;
  }
  .eventList .eventArea {
    margin: 0.7rem 0;
  }
  .eventProceedList .eventListTop {
    margin-bottom: 1.5rem;
  }
}
/* filter */
.filterContainer {
  padding-bottom: 8rem;
  margin-bottom: 8.5rem;
  border-bottom: 1px solid #cccccc;
}
.filterContainer legend {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.filterContainer .searchBar {
  margin-bottom: 3rem;
}
.filterContainer .searchInput {
  max-width: 100%;
}
.filterContainer .searchInput .input input {
  height: 6.9rem;
}
.filterContainer .searchInput .btnSearch {
  right: 0;
}
.filterContainer .btn {
  background-color: #ffffff;
  border-width: 2px;
  border: 2px solid rgba(0, 0, 0, 0.2);
}
.filterContainer .btn.active {
  border-color: #499690;
  font-weight: bold;
  color: #499690;
}

.fieldButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.fieldButtons .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin: 0.5rem;
  padding: 0 2rem;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #555555;
}
.fieldButtons .btn.active {
  font-weight: bold;
  color: #499690;
}
.fieldButtons .btn.active:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 0.4rem;
  border: 2px solid #499690;
}

.sortingBar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5rem;
}
.sortingBar .fieldRadio {
  margin: -0.5rem;
}
.sortingBar .fieldRadio.btnStyle .radio {
  margin: 0.5rem;
}
.sortingBar .fieldRadio.btnStyle .radio .radioLabel {
  height: 3.3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1;
}
.sortingBar .fieldCheckbox,
.sortingBar .fieldRadio,
.sortingBar .labelContainer {
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
  max-width: calc(100% - 4rem);
}
.sortingBar .fieldCheckbox:only-child,
.sortingBar .fieldRadio:only-child,
.sortingBar .labelContainer:only-child {
  max-width: 100%;
}
.sortingBar .labelContainer .labels {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.sortingBar .labelContainer span {
  white-space: nowrap;
}

.filterBtn {
  display: block;
  width: 3rem;
  height: 3rem;
  background: url("/web/kmvno/assets/images/common/icon_filter.svg") no-repeat center;
}
.filterBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.filterBgBox {
  padding: 6rem 7rem 8rem;
  background-color: #f7f8fa;
}
.filterBgBox .filterRow {
  margin-bottom: 6rem;
}
.filterBgBox .filterRow:last-child {
  margin-bottom: 0;
}
.filterBgBox .filterRowTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}
.filterBgBox .filterTabs {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filterBgBox .filterTabs .tabBtn {
  margin: 0 0.7rem;
  padding-bottom: 0.3rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #777777;
  line-height: 1;
}
.filterBgBox .filterTabs .tabBtn.active {
  position: relative;
  color: #499690;
  font-weight: bold;
}
.filterBgBox .filterTabs .tabBtn.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #499690;
}
.filterBgBox .filterMobileRow {
  display: none;
}
.filterBgBox .filterMobileRow .filterRowTop {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.filterBgBox .rowTitle {
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.filterBgBox [class*="iconBg"] {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1rem;
}
.filterBgBox .filterSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.filterBgBox .filterSwitch .switch-slider {
  margin: 0 0.6rem;
}
.filterBgBox .filterSwitch .switch-slider:after {
  background-color: #499690;
}
.filterBgBox .filterSwitch input:checked ~ .labelRight {
  font-weight: bold;
  color: #499690;
}
.filterBgBox .filterSwitch input:checked ~ .labelLeft {
  font-weight: normal;
  color: #777777;
}
.filterBgBox .filterSwitch .labelLeft,
.filterBgBox .filterSwitch .labelRight {
  font-size: 1.2rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.filterBgBox .filterSwitch .labelLeft {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  font-weight: bold;
  color: #499690;
}

/* 검색 결과 */
.resultTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}
.resultTop.typeBlock {
  display: block;
}
.resultTop.typeBlock .topMiddle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.resultTop .topLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.resultTop .topMiddle {
  margin-right: auto;
}
.resultTop .topTitle {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  margin-right: 2rem;
}
.resultTop .topTitle strong {
  font-weight: bold;
}
.resultTop .topFull {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}
.resultTop .topFull .topTitle {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.resultTop .iconBgLink {
  padding-right: 0.7rem;
  font-size: 1.4rem;
  color: #000000;
}
.resultTop .iconBgLink > span {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
}

.resultBottom {
  margin-top: 7rem;
  margin-bottom: 14rem;
}

.filterOptionWrap .optionArea {
  margin-bottom: 3.3rem;
}
.filterOptionWrap .optionArea:last-child {
  margin-bottom: 0;
}
.filterOptionWrap .optionArea.bizOptionArea .bgColorGray {
  width: 100%;
}
.filterOptionWrap .optionTitle {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  display: block;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.3;
}
.filterOptionWrap .optionTitle .checkbox {
  margin-left: auto;
}
.filterOptionWrap .fieldCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.5rem -1.5rem;
}
.filterOptionWrap .fieldCheckbox .checkbox {
  margin: 0.5rem 1.5rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.3;
}
.filterOptionWrap .fieldCheckbox .checkbox:last-child {
  margin-right: 0;
}
.filterOptionWrap .fieldCheckbox .checkbox input:checked + .checkboxLabel {
  font-weight: bold;
  color: #333333;
}
.filterOptionWrap .fieldCheckbox.btnStyle {
  margin: -0.5rem;
}
.filterOptionWrap .fieldCheckbox.btnStyle .checkbox {
  margin: 0.5rem;
}
.filterOptionWrap
  .fieldCheckbox.btnStyle
  .checkbox
  input:checked
  + .checkboxLabel {
  color: #499690;
}
.filterOptionWrap .fieldCheckbox .bgColorGray {
  margin: 1rem 1.5rem;
}
.filterOptionWrap .bgColorGray {
  padding: 2.6rem 2.4rem;
  background-color: #f8f8fa;
  border-radius: 0.4rem;
}
.filterOptionWrap .bgColorGray .fieldCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: -1rem 0;
}
.filterOptionWrap .bgColorGray .checkbox {
  width: 16.66%;
  margin: 1rem 0;
}
.filterOptionWrap .bgColorGray .checkbox img {
  display: block;
  width: auto;
  height: auto;
  max-width: 12rem;
  max-height: 6rem;
}
.filterOptionWrap .optionToggleBtn {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: -1.6rem;
  background: url("/web/kmvno/assets/images/common/arrow_toggle_down.svg") no-repeat
    center;
}
.filterOptionWrap .optionToggleBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.filterOptionWrap .labelContainer .labels {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.filterOptionWrap .filterTop {
  min-height: 7.3rem;
  padding: 2rem 1.6rem;
  margin: -2rem -1.6rem 3rem;
  background-color: #f8f8fa;
}
.filterOptionWrap .filterMiddle.pcType .optionTitle {
  margin-bottom: 2rem;
}
.filterOptionWrap .filterMiddle.moType {
  display: none;
}
.filterOptionWrap .filterMiddle.moType .optionArea {
  margin-bottom: 1.4rem;
}
.filterOptionWrap .filterMiddle.moType .optionArea.active .optionGroup {
  display: block;
}
.filterOptionWrap .filterMiddle.moType .optionArea.active .optionToggleBtn {
  background: url("/web/kmvno/assets/images/common/arrow_toggle_up.svg") no-repeat
    center;
}
.filterOptionWrap .filterMiddle.moType .optionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.filterOptionWrap .filterMiddle.moType .optionTitle .checkbox {
  font-weight: normal;
}
.filterOptionWrap .filterMiddle.moType .optionTitle .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.filterOptionWrap .filterMiddle.moType .optionGroup {
  display: none;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.filterOptionWrap
  .filterMiddle.moType
  .optionGroup:not(.bgColorGray)
  .fieldCheckbox {
  display: block;
  margin: -0.5rem 0 2rem;
}
.filterOptionWrap
  .filterMiddle.moType
  .optionGroup:not(.bgColorGray)
  .checkbox {
  margin: 1rem 0;
}
.filterOptionWrap
  .filterMiddle.moType
  .optionGroup:not(.bgColorGray)
  .checkbox
  .checkboxLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.1rem 1.6rem;
  border: 1px solid #cccccc;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  color: #333333;
}
.filterOptionWrap
  .filterMiddle.moType
  .optionGroup:not(.bgColorGray)
  .checkbox
  .checkboxLabel
  .checkIcon {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-left: 0;
}
.filterOptionWrap
  .filterMiddle.moType
  .optionGroup:not(.bgColorGray)
  .checkbox
  .checkboxLabel
  .checkIcon:before {
  margin-right: 0;
}
.filterOptionWrap
  .filterMiddle.moType
  .optionGroup:not(.bgColorGray)
  .checkbox
  input:checked
  + .checkboxLabel {
  border: 1px solid #499690;
}
.filterOptionWrap .filterMiddle.moType .bgColorGray {
  padding: 1rem 1.6rem;
}
.filterOptionWrap .filterMiddle.moType .bgColorGray .fieldCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.filterOptionWrap .filterMiddle.moType .bgColorGray .checkbox {
  width: 50%;
  margin: 0;
}
.filterOptionWrap .filterMiddle.moType .bgColorGray .checkbox .checkboxLabel {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  border: none;
}
.filterOptionWrap
  .filterMiddle.moType
  .bgColorGray
  .checkbox
  .checkboxLabel
  .checkIcon {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.filterOptionWrap .filterMiddle.moType .bgColorGray .checkbox img {
  max-height: 4rem;
}

@media (max-width: 1280px) {
  /* filter */
  .filterBgBox {
    padding: 2rem;
  }
}
@media (max-width: 1024px) {
  /* popup 요금제 필터 */
  .filterOptionWrap .bgColorGray .checkbox {
    width: 33.33%;
  }
}
@media (max-width: 717px) {
  /* filter */
  .filterContainer {
    width: 100%;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  .filterContainer legend {
    display: none !important;
  }
  .filterContainer .searchBar {
    margin-bottom: 1.7rem;
  }
  .filterContainer .searchInput .input input {
    height: 4.9rem;
  }
  .filterContainer .sortingBar {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 3rem;
  }
  .filterContainer .sortingBar .fieldCheckbox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
  }
  .filterContainer .sortingBar .fieldCheckbox .checkbox:first-child {
    margin-left: 0;
  }
  .filterContainer .sortingBar .fieldCheckbox .checkbox .checkboxLabel {
    font-size: 1.3rem;
  }
  .fieldButtons {
    display: block;
    margin: -1rem 0;
  }
  .fieldButtons .btn {
    width: 100%;
    margin: 1rem 0;
  }
  .filterBgBox .filterMobileRow {
    display: block;
  }
  .filterBgBox .filterMobileRow .filterRowTop {
    margin-bottom: 2rem;
  }
  .filterBgBox .filterRow {
    display: none;
    margin-bottom: 0;
  }
  .filterBgBox .filterRow.show {
    display: block;
  }
  .filterBgBox .filterRow .filterRowTop {
    display: none;
  }
  .filterBgBox .btnStyle.fieldRadio {
    display: block;
    margin: 0;
  }
  .filterBgBox .btnStyle.fieldRadio .radio {
    width: 100%;
    margin: 0;
    margin-bottom: 1rem;
  }
  .filterBgBox .btnStyle.fieldRadio .radio:last-child {
    margin-bottom: 0;
  }
  .filterBgBox .btnStyle.fieldRadio .radio .radioLabel {
    height: 4.8rem;
    font-size: 1.4rem;
  }
  .resultContainer .resultTop {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
  .resultContainer .resultTop .topLeft {
    width: 100%;
    margin-bottom: 1.4rem;
  }
  /* popup 요금제 필터 */
  .popupProductFilter.popup {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
  }
  .popupProductFilter.popup.popupSizeMax {
    max-height: 100%;
    padding: 0;
    padding-left: 4rem;
  }
  .popupProductFilter.popup > .popupContainer {
    width: 100%;
    height: 100vh;
    max-height: 100%;
    border-radius: 0;
  }
  .popupProductFilter.popup .popupMiddle {
    max-height: calc(100vh - 5rem);
  }
  .popupProductFilter .popupTop {
    height: 4.2rem;
    border-bottom: none;
    background-color: #f8f8fa;
  }
  .filterOptionWrap .filterTop {
    min-height: 5.7rem;
    padding: 1.2rem 2rem;
    margin-bottom: 2rem;
  }
  .filterOptionWrap .filterMiddle {
    padding: 0;
  }
  .filterOptionWrap .filterMiddle.pcType {
    display: none;
  }
  .filterOptionWrap .filterMiddle.moType {
    display: block;
  }
  .filterOptionWrap .optionToggleBtn {
    height: 4.2rem;
  }
}
@media (max-width: 512px) {
  /* popup 요금제 필터 */
  .filterOptionWrap .optionArea.bizOptionArea .bgColorGray {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .filterBgBox .filterMobileRow .filterRowTop {
    display: block;
  }
  .filterBgBox .filterSwitch {
    margin-top: 1rem;
  }
  /* popup 요금제 필터 */
  .popupProductFilter.popup.popupSizeMax {
    padding-left: 0;
  }
  .filterOptionWrap .filterMiddle.moType .bgColorGray .checkbox {
    width: 100%;
  }
}
/* 정책 및 약관 */
.policiesNtermsContainer {
  max-width: 147.6rem;
  padding: 0 2rem 13.4rem;
  margin: 0 auto;
}
.policiesNtermsContainer .tabList {
  margin-bottom: 3rem;
}
.policiesNtermsContainer .tabList .tabButton {
  width: auto;
  white-space: nowrap;
  padding: 0 0.6rem;
  margin-right: 2.5rem;
}
.policiesNtermsContainer .tabList .tabButton:last-child {
  margin-right: 0;
}
.policiesNtermsContainer .tabList .tabButton[aria-selected="true"] {
  color: #000000;
}
.policiesNtermsContainer .tabContainer {
  position: relative;
  padding: 7rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.policiesNtermsContainer .mb35 {
  margin-bottom: 3.5rem;
}

/* ------ 약관 레이아웃 ------ */
.tableContainer.termsType {
  margin-bottom: 1rem;
  padding-top: 1rem;
}
.tableContainer.termsType td {
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  font-size: 1.3rem;
  vertical-align: middle;
}
.tableContainer.termsType td:last-child {
  border-right: none !important;
}
.tableContainer.termsType th {
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
}
.tableContainer.termsType.special-table td {
  padding: 0.4rem 2rem;
  vertical-align: middle;
}

.numberList {
  list-style: none;
  counter-reset: normalNumber;
}
.numberList > li {
  margin-bottom: 1rem;
  counter-increment: normalNumber;
}
.numberList > li::before {
  content: counter(normalNumber) ". ";
}
.numberList > li:last-child {
  margin-bottom: 0;
}
.numberList > li.numeric {
  margin-left: 2.5rem;
  list-style-type: auto;
  list-style-position: outside;
}
.numberList > li.numeric:before {
  display: none;
}
.numberList > li.notNum {
  counter-increment: none !important;
}
.numberList > li.notNum::before {
  content: "" !important;
}

.termsContainer,
.termsBoardContainer {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.9;
  letter-spacing: -0.3px;
}
.termsContainer strong,
.termsBoardContainer strong {
  font-weight: bold;
}
.termsContainer .termsInner,
.termsBoardContainer .termsInner {
  margin-bottom: 4.5rem;
}
.termsContainer .termsInner:last-child,
.termsBoardContainer .termsInner:last-child {
  margin-bottom: 0;
}
.termsContainer .termsContent,
.termsBoardContainer .termsContent {
  margin-bottom: 3rem;
}
.termsContainer .termsMainTitle,
.termsBoardContainer .termsMainTitle {
  display: block;
  margin-bottom: 3.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.9;
}
.termsContainer .termsSubTitle,
.termsBoardContainer .termsSubTitle {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #499690;
  line-height: 1.9;
}
.termsContainer .termsSubTitleLine,
.termsBoardContainer .termsSubTitleLine {
  display: block;
  padding-bottom: 1rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid #499690;
  font-size: 1.4rem;
  font-weight: bold;
  color: #499690;
  line-height: 1.9;
}
.termsContainer .infoTitle,
.termsBoardContainer .infoTitle {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.9;
}
.termsContainer .textColorGray,
.termsBoardContainer .textColorGray {
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.9;
}
.termsContainer .termsGrayBox,
.termsBoardContainer .termsGrayBox {
  padding: 2rem 2.4rem;
  margin: 1rem 0 2rem;
  background-color: #f7f8fa;
}
.termsContainer .termsContent .lineHeightRow,
.termsBoardContainer .termsContent .lineHeightRow {
  line-height: 1.3;
}

/* //---- 약관 레이아웃 ----// */
.nemberlist {
  list-style: none;
  counter-reset: nemberListCounter;
}
.nemberlist > li {
  counter-increment: nemberListCounter;
}
.nemberlist > li:before {
  content: counter(nemberListCounter) ". ";
}

.hyphenList > li:before {
  content: "-";
}

.termsList .termsBoardFoot {
  margin-top: 4rem;
}

.termsDetail .termsBoardFoot {
  padding-top: 1.2rem;
  margin-top: 10rem;
  margin-bottom: 1rem;
  border-top: 2px solid #cccccc;
}
.termsDetail .termsBoardFoot .buttonArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.termsDetail .termsBoardFoot .buttonArea .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.termsDetail .termsBoardFoot .buttonArea .btn.btnSizeMiddle {
  min-width: 13.6rem;
  height: 4.4rem;
  font-size: 1.4rem;
}

@media (max-width: 1024px) {
  .policiesAndTerms .mobileNav {
    display: none;
  }
  .policiesAndTerms .contentArea {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* 정책 및 약관 */
  .policiesNtermsContainer {
    padding: 0;
  }
  .policiesNtermsContainer .tabContainer {
    padding: 0.8rem 0 0;
    border: none;
    border-radius: 0;
  }
  .policiesNtermsContainer .tabContent {
    padding: 1.7rem 2rem 3rem;
  }
  .policiesNtermsContainer .tabScrollWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    background-color: #ffffff;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    padding-bottom: 1px;
  }
  .policiesNtermsContainer .tabScrollWrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
  }
  .policiesNtermsContainer .tabList {
    width: 100%;
    height: 4.8rem;
    padding: 0 1.4rem;
    margin-bottom: 0;
  }
  .policiesNtermsContainer .tabList .tabButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.8rem;
  }
  .termsContainer,
  .termsBoardContainer {
    font-size: 1.3rem;
    line-height: 1.8;
  }
  .termsContainer .termsInner,
  .termsBoardContainer .termsInner {
    margin-bottom: 4rem;
  }
  .termsContainer .termsMainTitle,
  .termsBoardContainer .termsMainTitle {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
  .termsContainer .termsSubTitleLine,
  .termsBoardContainer .termsSubTitleLine {
    padding-bottom: 0.7rem;
    margin-bottom: 2rem;
    line-height: 1.4;
  }
  .termsContainer .termsGrayBox,
  .termsBoardContainer .termsGrayBox {
    padding: 1.4rem 1.6rem;
  }
  .termsBoardContainer .tableContainer.typeBoard .number {
    font-weight: bold;
    font-size: 1.4rem;
  }
}
@media (max-width: 450px) {
  .policiesNtermsContainer .tabList {
    width: auto;
  }
}
form {
  display: block;
  width: 100%;
}

fieldset {
  min-inline-size: 100%;
}

/* input 기본 스타일 초기화 */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  font-family: "Pretendard", "Roboto", "Noto Sans KR", "Sans-serif";
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {
  display: none;
}

/* input type number 에서 화살표 제거 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Select box 스타일 초기화 */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {
  display: none;
}

/* Input */
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"] {
  width: 100%;
  height: 5.5rem;
  padding: 0 2rem;
  margin: 0;
  outline-offset: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-family: "Pretendard", "Noto Sans KR", "Sans-serif";
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {
  outline: none;
  border-color: #499690;
}
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input[type="text"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input[type="text"]:-moz-read-only,
input[type="number"]:-moz-read-only,
input[type="tel"]:-moz-read-only,
input[type="email"]:-moz-read-only,
input[type="password"]:-moz-read-only {
  background-color: #f9f9f9;
  color: #777777;
}
input[type="text"]:read-only,
input[type="text"].readonly,
input[type="text"]:disabled,
input[type="text"].disabled,
input[type="number"]:read-only,
input[type="number"].readonly,
input[type="number"]:disabled,
input[type="number"].disabled,
input[type="tel"]:read-only,
input[type="tel"].readonly,
input[type="tel"]:disabled,
input[type="tel"].disabled,
input[type="email"]:read-only,
input[type="email"].readonly,
input[type="email"]:disabled,
input[type="email"].disabled,
input[type="password"]:read-only,
input[type="password"].readonly,
input[type="password"]:disabled,
input[type="password"].disabled {
  background-color: #f9f9f9;
  color: #777777;
}

input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
  position: absolute;
  padding: 0;
  margin: 0;
}

.alignCenter {
  text-align: center;
}
.alignCenter input[type="text"],
.alignCenter input[type="number"],
.alignCenter input[type="tel"],
.alignCenter input[type="email"],
.alignCenter input[type="password"] {
  text-align: center;
}

.alignLeft {
  text-align: left;
}

/* textarea */
textarea {
  display: block;
  width: 100%;
  height: 17.8rem;
  resize: none;
  padding: 1.6rem 2rem;
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Pretendard", "Noto Sans KR", "Sans-serif";
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}

.textarea {
  position: relative;
  padding-bottom: 4rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
}
.textarea textarea {
  height: 13.6rem;
  padding-bottom: 0;
  border: none;
}
.textarea .textCounter {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  z-index: 1;
  font-size: 1.2rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
  letter-spacing: 0;
}
.textarea .textCounter strong {
  color: #499690;
  font-weight: bold;
}

.textareaReview {
  overflow: hidden;
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.textareaReview .reviewInner {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  height: 21rem;
  padding: 1.6rem 2rem;
  word-break: break-word;
  word-wrap: break-word;
}

/* Error */
.error .description {
  color: rgb(10, 8, 8);
}

/* Switch */
.switch {
  position: relative;
}
.switch input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.switch input:disabled + .switch-slider {
  opacity: 0.5;
}
.switch input:checked + .switch-slider:after {
  background-color: #499690;
  -webkit-transform: translateX(2.7rem);
  transform: translateX(2.7rem);
}
.switch .switch-slider {
  display: block;
  position: relative;
  z-index: 1;
  width: 4rem;
  height: 0.6rem;
  border-radius: 2rem;
  background-color: #f0f0f0;
  -webkit-box-shadow: inset 1px 0.5px 1.5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0.5px 1.5px rgba(0, 0, 0, 0.1);
}
.switch .switch-slider:before,
.switch .switch-slider:after {
  content: "";
  position: absolute;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.switch .switch-slider:before {
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: 2rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.switch .switch-slider:after {
  top: -0.4rem;
  left: -1px;
  z-index: 0;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 2rem;
  background-color: #777777;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Checkbox */
.checkbox {
  position: relative;
}
.checkbox .checkboxLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkbox .checkboxLabel .checkIcon {
  position: relative;
}
.checkbox .checkboxLabel .checkIcon:before {
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 1rem;
  border: 1px solid #499690;
  background-color: #ffffff;
  border-radius: 0.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.checkbox .checkboxLabel .checkIcon:after {
  content: "";
  position: absolute;
  display: none;
  top: 0.6rem;
  left: 0.4rem;
  z-index: 1;
  width: 1.4rem;
  height: 1rem;
  background: url("/web/kmvno/assets/images/common/icon_check_chk.svg") no-repeat
    center;
}
.checkbox .checkboxLabel .checkIcon:only-child:before {
  margin-right: 0;
}
.checkbox .checkboxLabel span + .checkIcon {
  margin-left: 1rem;
}
.checkbox input {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.checkbox input:focus + .checkboxLabel .checkIcon:before {
  border-width: 3px;
  border-color: #000000;
}
.checkbox input:checked + .checkboxLabel .checkIcon:before {
  background-color: #499690;
}
.checkbox input:checked + .checkboxLabel .checkIcon:after {
  display: block;
}
.checkbox input:checked:disabled + .checkboxLabel .checkIcon:before {
  border: 1px solid #499690;
  background-color: #8abcb8;
}
.checkbox input:disabled + .checkboxLabel .checkIcon:before {
  border: 1px solid #cccccc;
  background-color: #f9f9f9;
}

.checkboxLine {
  position: relative;
}
.checkboxLine .checkboxLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.1rem 4rem;
  border: 1px solid #cccccc;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  color: #333333;
}
.checkboxLine .checkboxLabel .checkIcon {
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.checkboxLine .checkboxLabel .checkIcon:before {
  content: "";
  display: none;
  width: 1.8rem;
  height: 1.2rem;
  background: url("/web/kmvno/assets/images/common/icon_primary_chk.svg") no-repeat
    center;
}
.checkboxLine input {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.checkboxLine input:focus + .checkboxLabel {
  outline: 2px solid #499690;
}
.checkboxLine input:checked + .checkboxLabel {
  border: 2px solid #499690;
  color: #499690;
  font-weight: 700;
}
.checkboxLine input:checked + .checkboxLabel .checkIcon:before {
  display: block;
}

.checkboxLineFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 3rem;
  gap: 1rem;
}
.checkboxLineFlex:last-child {
  margin-bottom: 0;
}
.checkboxLineFlex .checkboxLine {
  width: calc(50% - 0.5rem);
}
.checkboxLineFlex .checkboxLine .checkboxLabel {
  height: 100%;
  padding: 1.6rem 4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #555555;
}
@media (max-width: 717px) {
  .checkboxLineFlex {
    margin-bottom: 2rem;
    gap: 0.5rem;
  }
  .checkboxLineFlex .checkboxLine {
    width: calc(50% - 0.25rem);
  }
  .checkboxLineFlex .checkboxLine .checkboxLabel {
    padding: 1rem 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .checkboxLine .checkboxLabel .checkIcon {
    right: 1rem;
  }
  .checkboxLine .checkboxLabel .checkIcon:before {
    width: 1.7rem;
    height: 1.4rem;
    background: url("/web/kmvno/assets/images/common/icon_primary_chk_mo.svg") no-repeat center;
  }
}

/* Radio */
.radio {
  position: relative;
}
.radio .radioLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.radio .radioLabel:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.radio .radioLabel:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 3px;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  margin-top: -0.7rem;
  background-color: #499690;
  border-radius: 1.4rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.radio input {
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.radio input:checked + .radioLabel:after {
  opacity: 1;
}
.radio input:disabled + .radioLabel {
  opacity: 0.7;
}

.roundRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.roundRadio .radio {
  margin-right: 1rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.roundRadio .radio label {
  padding: 0.3rem 0.8rem;
}
.roundRadio input[type="radio"]:checked + label {
  position: relative;
  font-weight: bold;
  color: #499690;
}
.roundRadio input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #499690;
  border-radius: 5rem;
}

@media (min-width: 1024px) {
  .radio input:focus-visible + label:before,
  .radio input:focus-visible + .radioLabel::before {
    outline: 2px solid #000000;
  }
}
/* Select */
.select select {
  padding-right: 2.5rem;
  border: 0;
}

/* Field */
.groupContainer {
  color: #000000;
}
.groupContainer .fieldGroup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.2rem;
}
.groupContainer .fieldGroup:last-child {
  margin-bottom: 0;
}
.groupContainer .fieldGroup .btnRowDelete {
  position: absolute;
  top: 50%;
  right: -1rem;
  z-index: 1;
  min-width: 2.4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.groupContainer .fieldGroup .input:first-child {
  width: calc(100% - 2rem);
}
.groupContainer .fieldGroup .dropdownArea + .input {
  width: calc(100% - 8.6rem);
}
.groupContainer .dropdownArea {
  min-width: 5.7rem;
  margin-right: 0.7rem;
}
.groupContainer .dropdownArea .dropdownTitle {
  background-position: right 0.8rem center;
}
.groupContainer .dropdownArea .dropdownTitle .titleLabel {
  height: 3rem !important;
  padding: 0 1rem;
  padding-right: 2rem;
  font-size: 1.1rem;
}
.groupContainer .dropdownArea .dropdownList {
  top: 3.2rem;
}
.groupContainer .dropdownArea .dropdownList a,
.groupContainer .dropdownArea .dropdownList button {
  padding: 0.5rem 0.3rem;
  font-size: 1.1rem;
  text-align: center;
}
.groupContainer .input input[type="text"],
.groupContainer .input input[type="number"],
.groupContainer .input input[type="tel"],
.groupContainer .input input[type="email"],
.groupContainer .input input[type="password"] {
  height: 3.2rem;
  padding: 0 0.5rem;
}
.groupContainer .input input[type="text"]::-webkit-input-placeholder,
.groupContainer .input input[type="number"]::-webkit-input-placeholder,
.groupContainer .input input[type="tel"]::-webkit-input-placeholder,
.groupContainer .input input[type="email"]::-webkit-input-placeholder,
.groupContainer .input input[type="password"]::-webkit-input-placeholder {
  font-size: 1.1rem;
  color: #777777;
}
.groupContainer .input input[type="text"]::-moz-placeholder,
.groupContainer .input input[type="number"]::-moz-placeholder,
.groupContainer .input input[type="tel"]::-moz-placeholder,
.groupContainer .input input[type="email"]::-moz-placeholder,
.groupContainer .input input[type="password"]::-moz-placeholder {
  font-size: 1.1rem;
  color: #777777;
}
.groupContainer .input input[type="text"]:-ms-input-placeholder,
.groupContainer .input input[type="number"]:-ms-input-placeholder,
.groupContainer .input input[type="tel"]:-ms-input-placeholder,
.groupContainer .input input[type="email"]:-ms-input-placeholder,
.groupContainer .input input[type="password"]:-ms-input-placeholder {
  font-size: 1.1rem;
  color: #777777;
}
.groupContainer .input input[type="text"]::-ms-input-placeholder,
.groupContainer .input input[type="number"]::-ms-input-placeholder,
.groupContainer .input input[type="tel"]::-ms-input-placeholder,
.groupContainer .input input[type="email"]::-ms-input-placeholder,
.groupContainer .input input[type="password"]::-ms-input-placeholder {
  font-size: 1.1rem;
  color: #777777;
}
.groupContainer .input input[type="text"]::placeholder,
.groupContainer .input input[type="number"]::placeholder,
.groupContainer .input input[type="tel"]::placeholder,
.groupContainer .input input[type="email"]::placeholder,
.groupContainer .input input[type="password"]::placeholder {
  font-size: 1.1rem;
  color: #777777;
}
.groupContainer .text {
  width: calc(100% - 2.7rem);
}
.groupContainer .fieldRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.groupContainer .radio {
  margin-right: 0.8rem;
}
.groupContainer .radio:last-child {
  margin-right: 0;
}
.groupContainer .radio .radioLabel:before {
  margin-right: 0.5rem;
}
.groupContainer.fontSmall {
  font-size: 1.1rem;
}

.btnRowDelete {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  background: url("/web/kmvno/assets/images/common/btn_input_remove.svg") no-repeat
    center/2.4rem;
}
.btnRowDelete > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.fieldGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.fieldGroup.cardValidity {
  margin: 0 -0.25rem 3rem;
}
.fieldGroup.cardValidity > .field {
  margin: 0 0.25rem;
}
.fieldGroup.cardValidity .fieldInput,
.fieldGroup.cardValidity .fieldSelect {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.fieldGroup.cardValidity .buttonArea {
  margin: 0 0.25rem;
}
.fieldGroup.cardValidity .buttonArea .btn {
  margin: 0;
}

.field .fieldLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.field .fieldLabel:only-child {
  margin-bottom: 0;
}
.field .fieldForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.field .fieldForm.alignCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.field .fieldForm > *:only-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.field .fieldForm .dropdownArea .dropdownTitle {
  height: 5.5rem;
}
.field.spaceBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.field.fieldError .addExplain {
  color: #db0001;
}
.field .fieldForm.bankNumber .buttonArea .btn {
  margin: 0;
}
/* Field - input */
.fieldInput .input + .btn {
  -ms-flex-preferred-size: 11.8rem;
  flex-basis: 11.8rem;
  margin-left: 0.8rem;
}
.fieldInput.fieldError input {
  border-color: #db0001;
}
.fieldSelectInput {
  margin-top: 3rem;
}
.inputRow {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 5.5rem;
  padding: 0 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 1.5rem;
  font-weight: normal;
  color: #777777;
  line-height: 1;
}
.inputRow input[type="text"],
.inputRow input[type="number"],
.inputRow input[type="tel"],
.inputRow input[type="email"],
.inputRow input[type="password"] {
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-align: center;
}
.inputRow input[type="text"]:focus,
.inputRow input[type="number"]:focus,
.inputRow input[type="tel"]:focus,
.inputRow input[type="email"]:focus,
.inputRow input[type="password"]:focus {
  background-color: #eaeaf1;
}
.inputRow .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 8rem;
  height: calc(100% - 2rem);
}
.inputRow .row:after {
  content: "-";
  display: block;
}
.inputRow .row:last-child {
  max-width: 6.5rem;
}
.inputRow .row:last-child:after {
  content: "";
}

/* Field - switch */
.fieldSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fieldSwitch .fieldLabel {
  margin-right: 1rem;
}
.fieldSwitch .fieldForm {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.fieldSwitch .fieldForm .switch {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

/* Field - checkbox */
.fieldCheckbox .fieldForm {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fieldCheckbox .fieldForm .checkbox {
  width: 100%;
  margin-right: 5rem;
}
.fieldCheckbox .fieldForm .checkbox:only-child .checkboxLabel:before {
  margin-right: 0;
}
.fieldCheckbox .fieldForm .checkbox:only-child,
.fieldCheckbox .fieldForm .checkbox:last-child {
  margin-right: 0;
}
.fieldCheckbox.spaceBetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fieldCheckbox.btnStyle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -0.5rem;
}
.fieldCheckbox.btnStyle .checkbox {
  margin: 0.5rem;
}
.fieldCheckbox.btnStyle .checkbox .checkboxLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 3.3rem;
  padding: 0.2rem 1rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.fieldCheckbox.btnStyle .checkbox .checkboxLabel:before {
  display: none;
}
.fieldCheckbox.btnStyle .checkbox input:focus + .checkboxLabel,
.fieldCheckbox.btnStyle .checkbox input:hover + .checkboxLabel {
  font-weight: bold;
}
.fieldCheckbox.btnStyle .checkbox input:checked + .checkboxLabel {
  font-weight: bold;
  color: #499690;
  border: 2px solid #499690;
}
.fieldCheckbox.btnStyle .checkbox input:checked + .checkboxLabel:after {
  display: none;
}
.fieldCheckbox.fieldAllCheck {
  margin-top: -1.6rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #cccccc;
}
.fieldCheckbox.fieldAllCheck .checkboxLabel {
  font-weight: 700;
}

/* Field - radio */
.fieldRadio .fieldForm {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fieldRadio .fieldForm .radio {
  margin-right: 5rem;
}
.fieldRadio .fieldForm .radio:only-child,
.fieldRadio .fieldForm .radio:last-child {
  margin-right: 0;
}
.fieldRadio.btnStyle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -0.5rem;
}
.fieldRadio.btnStyle .radio {
  margin: 0.5rem;
}
.fieldRadio.btnStyle .radio .radioLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 5.5rem;
  padding: 0 1rem;
  border-radius: 0.4rem;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.5px;
}
.fieldRadio.btnStyle .radio .radioLabel:after,
.fieldRadio.btnStyle .radio .radioLabel:before {
  display: none;
}
.fieldRadio.btnStyle .radio input:focus-visible + label {
  outline: 2px solid #000000;
}
.fieldRadio.btnStyle .radio input:checked + .radioLabel {
  font-weight: bold;
  color: #499690;
}
.fieldRadio.btnStyle .radio input:checked + .radioLabel:before {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  width: auto;
  height: auto;
  margin: 0;
  border: 2px solid #499690;
  border-radius: 0.4rem;
  background-color: transparent;
}
.fieldRadio.btnStyle .radio input:checked + .radioLabel:after {
  display: none;
}

/* Button */
.buttonArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -0.3rem;
}
.buttonArea.btnCenter .btn {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
}
.buttonArea.block {
  display: block;
  margin: 2rem 0 0;
}
.buttonArea.block .btn {
  width: 100%;
  margin: 0.8rem 0;
}
.buttonArea.block:last-child {
  margin-bottom: -0.8rem;
}
.buttonArea.block .linkUnderline {
  display: block;
  margin: 1.4rem auto 0;
  color: #777777;
  border-color: #777777;
}
.buttonArea .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 15rem;
  margin: 0 0.3rem;
}
.buttonArea .btn.moType {
  display: none;
}
.buttonArea .btn:only-child {
  margin-left: 0;
  margin-right: 0;
}

button:focus {
  outline: none;
}
button:focus-visible {
  outline: 2px solid #000000;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 5.7rem;
  padding: 0 1rem;
  border-radius: 0.4rem;
  border: 1px solid #499690;
  font-size: 1.6rem;
  font-weight: 500;
  color: #499690;
  line-height: 1;
  white-space: nowrap;
  outline: none;
}
.btn.new {
  border: 1px solid #14BAD7;
  border-radius: 1.2rem;
  color: #14BAD7;
}
.btn.new:disabled,
.btn.new:disabled:hover {
  border: 1px solid #9CE5F2;
  background-color: #E1E6EC;
  color: #89DCEA;
}
.btn.new:focus {}

.btn:after {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 4px solid #499690;
}
.btn:disabled {
  cursor: default;
  border-color: #777777;
  color: #777777;
}
.btn:disabled:hover,
.btn:disabled:focus-visible {
  background-color: transparent;
}
.btn:disabled:active {
  background-color: transparent;
}
.btn[class*="icon-"] > span {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
}
.btn.btnPrimary {
  background-color: #499690;
  color: #ffffff;
}
.btn.btnPrimary:disabled {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnPrimary:disabled:hover,
.btn.btnPrimary:disabled:focus-visible {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnPrimary:disabled:active {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnPrimary2 {
  background-color: #07BFE0;
  color: #ffffff;
}
.btn.btnPrimary2:disabled,
.btn.btnPrimary2:disabled:hover {
  background-color: #ADE7F3;
  border: 1px solid #ADE7F3;
  color: #ffffff;
}
.btn.btnPrimary2:hover {
  background-color: #065D88;
  border: 1px solid #065D88;
}
.btn.btnSecondary {
  background-color: #777777;
  border: 1px solid #777777;
  color: #ffffff;
}
.btn.btnSecondary:disabled {
  opacity: 0.7;
}
.btn.btnSecondary:disabled:hover,
.btn.btnSecondary:disabled:focus-visible {
  background-color: #777777;
  border: 1px solid #777777;
  color: #ffffff;
}
.btn.btnSecondary:disabled:active {
  background-color: #777777;
  border: 1px solid #777777;
  color: #ffffff;
}
.btn.btnBlack {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
.btn.btnBlack:disabled {
  opacity: 0.7;
}
.btn.btnBlack:disabled:hover,
.btn.btnBlack:disabled:focus-visible {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
.btn.btnBlack:disabled:active {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
.btn.btnWhite {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #000000;
}
.btn.btnWhite:disabled {
  opacity: 0.7;
}
.btn.btnWhite:disabled:hover,
.btn.btnWhite:disabled:focus-visible {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #000000;
}
.btn.btnWhite:disabled:active {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #000000;
}
.btn.btnDim {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnDim:hover,
.btn.btnDim:focus-visible {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnDim:active {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnDim:disabled:hover,
.btn.btnDim:disabled:focus-visible {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnDim:disabled:active {
  background-color: #8abcb8;
  color: #c3dddb;
}
.btn.btnSizeMiddle {
  height: 5.5rem;
}
.btn.btnSizeSmall {
  height: 5rem;
}
.btn.btnSizeXXSmall {
  height: 4.4rem;
}
.btn.btnSizeMin {
  height: 3.3rem;
}

@media (min-width: 1024px) {
  .btn:hover,
  .btn:focus-visible {
    background-color: rgba(73, 150, 144, 0.1);
  }
  .btn:focus-visible {
    outline: 2px solid #000000;
  }
  .btn:active {
    background-color: rgba(73, 150, 144, 0.4);
  }
  .btn.btnPrimary:hover {
    background-color: #407773;
  }
  .btn.btnPrimary:focus-visible {
    color: rgba(255, 255, 255, 0.6);
    background-color: #407773;
  }
  .btn.btnPrimary:focus-visible:after {
    display: block;
  }
  .btn.btnSecondary:hover {
    background-color: #555555;
  }
  .btn.btnSecondary:focus-visible {
    color: rgba(255, 255, 255, 0.5);
    background-color: #555555;
  }
  .btn.btnSecondary:focus-visible:after {
    display: block;
    border-color: #000000;
  }
  .btn.btnBlack:hover {
    background-color: #555555;
  }
  .btn.btnBlack:focus-visible {
    color: rgba(255, 255, 255, 0.5);
    background-color: #555555;
  }
  .btn.btnBlack:focus-visible:after {
    display: block;
    border-color: #000000;
  }
}
/* Tab */
.tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
  border-bottom: 1px solid #dcdcdc;
}
.tabList .tabButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.tabList .tabButton[aria-selected="true"] {
  color: #499690;
  font-weight: 700;
}
.tabList .tabButton[aria-selected="true"]:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background-color: #499690;
}
.tabList.typeWhiteBox {
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  margin-bottom: 5rem;
  background-color: #eff1f3;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
}
.tabList.typeWhiteBox .tabButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25%;
  height: 8.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.tabList.typeWhiteBox .tabButton:focus-visible {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 2px rgb(0, 0, 0);
  box-shadow: inset 0 0 0 2px rgb(0, 0, 0);
}
.tabList.typeWhiteBox .tabButton:nth-child(4n) {
  border-right: 0;
}
.tabList.typeWhiteBox .tabButton.noneBorderB {
  border-bottom: 0;
}
.tabList.typeWhiteBox .tabButton[aria-selected="true"] {
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
}
.tabList.typeWhiteBox .tabButton[aria-selected="true"]:after {
  top: 0;
  background-color: #000000;
}

.tabContainer .tabContent {
  display: none;
}
.tabContainer .tabContent.show {
  display: block;
}

/* accordion */
.accordionContainer .accordionTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.accordionContainer .accordionTop.spaceBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.accordionContainer .accordionTop .buttonArea .btn {
  min-width: 13.6rem;
}
.accordionContainer .accordionMiddle {
  margin-bottom: 2rem;
}
.accordionContainer .accordionMiddle:last-child,
.accordionContainer .accordionMiddle:only-child {
  margin-bottom: 0;
}
.accordionContainer .accordionBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.accordionContainer .accordionBottom .btn {
  min-width: 12rem;
}
.accordionContainer .topTitle {
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.accordionContainer .colorLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.3rem;
  margin-left: 1rem;
  padding: 0 0.5rem;
  background-color: #ff5758;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}
.accordionContainer .infoLabel {
  font-size: 2.2rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.accordionContainer .accordionArea.active .accordionTitle {
  background: url("/web/kmvno/assets/images/common/drop_up_btn.svg") no-repeat right
    2.4rem center;
}
.accordionContainer .accordionArea.active .accordionContent {
  display: block;
  height: auto;
}
.accordionContainer.borderType .accordionArea {
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
}
.accordionContainer.borderType .accordionTitle {
  padding: 2.2rem 2.4rem 2.2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.accordionContainer.borderType .accordionContent {
  padding: 0rem 2.4rem 2.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
  word-break: keep-all;
}

.accordionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: url("/web/kmvno/assets/images/common/drop_down_btn.svg") no-repeat
    right 2.4rem center;
}
.accordionTitle .accordionBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.accordionTitle .accordionBtn[aria-expanded="true"] {
  color: #499690;
}
.accordionTitle .accordionBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.accordionContent {
  display: none;
  overflow: hidden;
  height: 0;
}

/* pagenation */
.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.pagenation.moType {
  display: none;
}
.pagenation .numPageBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0 0.2rem;
  border-radius: 5rem;
  outline: none;
  border: 1px solid transparent;
  font-size: 1.3rem;
  font-weight: bold;
  color: #555555;
  line-height: 1;
}
.pagenation .numPageBtn > span {
  display: block;
  position: relative;
}
.pagenation .numPageBtn > span::before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 0.1rem;
  border-bottom: 1px solid #499690;
}
.pagenation .numPageBtn.current {
  color: #499690;
}
.pagenation .numPageBtn.current > span::before {
  display: block;
}
.pagenation .numPageBtn:hover,
.pagenation .numPageBtn:focus {
  border: 1px solid #499690;
  color: #499690;
}
.pagenation .numPageBtn:hover.current,
.pagenation .numPageBtn:focus.current {
  text-decoration: none;
}
.pagenation .numPageBtn:active {
  background-color: #499690;
  color: #ffffff;
}
.pagenation .numPageBtn:active.current {
  text-decoration: none;
}
.pagenation .prevPageBtn,
.pagenation .nextPageBtn {
  width: 3.6rem;
  height: 3.6rem;
  margin: 0;
  font-size: 0;
  border-radius: 50%;
}
.pagenation .prevPageBtn:disabled,
.pagenation .nextPageBtn:disabled {
  cursor: default;
}
.pagenation .prevPageBtn {
  background: url("/web/kmvno/assets/images/common/arrow_pagenation.svg") no-repeat
    center/100% auto;
}
.pagenation .prevPageBtn:hover,
.pagenation .prevPageBtn:focus {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_hover.svg");
}
.pagenation .prevPageBtn:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_press.svg");
}
.pagenation .prevPageBtn:disabled,
.pagenation .prevPageBtn.disabled {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_disable.svg");
}
.pagenation .prevPageBtn:disabled:hover,
.pagenation .prevPageBtn:disabled:active,
.pagenation .prevPageBtn.disabled:hover,
.pagenation .prevPageBtn.disabled:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_disable.svg");
}
.pagenation .nextPageBtn {
  background: url("/web/kmvno/assets/images/common/arrow_pagenation_next.svg")
    no-repeat center/100% auto;
}
.pagenation .nextPageBtn:hover,
.pagenation .nextPageBtn:focus {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_next_hover.svg");
}
.pagenation .nextPageBtn:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_next_press.svg");
}
.pagenation .nextPageBtn:disabled,
.pagenation .nextPageBtn.disabled {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_next_disable.svg");
}
.pagenation .nextPageBtn:disabled:hover,
.pagenation .nextPageBtn:disabled:active,
.pagenation .nextPageBtn.disabled:hover,
.pagenation .nextPageBtn.disabled:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_next_disable.svg");
}

/* 회선 샐랙트 박스 */
.dropdownArea {
  position: relative;
}
.dropdownArea a,
.dropdownArea button {
  outline: 0;
}
.dropdownArea a:focus-visible,
.dropdownArea button:focus-visible {
  outline: 2px solid #000000;
}
.dropdownArea.active .dropdownTitle {
  background: url("/web/kmvno/assets/images/common/drop_up_btn.svg") no-repeat right
    20px center #ffffff;
}
.dropdownArea.active .dropdownTitle:not(.dropdownLine) {
  border-radius: 4px 4px 0 0;
}
.dropdownArea.active .dropdownList {
  display: block;
}
.dropdownArea.disabled {
  opacity: 0.5;
  cursor: default;
}
.dropdownArea .labelGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dropdownArea .imgWrap {
  overflow: hidden;
  width: 9.9rem;
  height: 3.2rem;
  margin-right: 1.9rem;
}
.dropdownArea .imgWrap img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.dropdownArea .product {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdownArea .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
  white-space: nowrap;
}
.dropdownArea .phone:before {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  margin: 0 0.9rem;
  background-color: #999999;
}
.dropdownArea .colorLabel {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  height: 2.3rem;
  padding: 0 0.7rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 2.3rem;
  background-color: #499690;
  border-radius: 3px;
  white-space: nowrap;
}
.dropdownArea .dropdownTitle {
  position: relative;
  background: url("/web/kmvno/assets/images/common/drop_down_btn.svg") no-repeat
    right 20px center #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.dropdownArea .dropdownTitle .titleLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.5rem;
  padding: 0.5rem;
  padding-left: 2rem;
  padding-right: 3rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.dropdownArea .dropdownTitle .dropdownBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dropdownArea .dropdownTitle .dropdownBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.dropdownArea .dropdownTitle .colorLabel {
  margin-right: 4rem;
  margin-left: auto;
}
.dropdownArea .dropdownList {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  display: none;
  top: 5.5rem;
  left: 0;
  z-index: 20;
  width: 100%;
  max-height: 21rem;
  border: 1px solid #cccccc;
  border-top: none;
  background-color: #ffffff;
}
.dropdownArea .dropdownList a,
.dropdownArea .dropdownList button {
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  text-align: left;
}
.dropdownArea .dropdownList a:before,
.dropdownArea .dropdownList button:before {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #499690;
}
.dropdownArea .dropdownList a:hover,
.dropdownArea .dropdownList a:focus-visible,
.dropdownArea .dropdownList button:hover,
.dropdownArea .dropdownList button:focus-visible {
  outline: 0;
  background-color: rgba(0, 0, 0, 0.04);
}
.dropdownArea .dropdownList a:focus-visible:before,
.dropdownArea .dropdownList button:focus-visible:before {
  display: block;
  border: 2px solid #000000;
}
.dropdownArea .dropdownList a[aria-disabled="true"],
.dropdownArea .dropdownList a.disabled,
.dropdownArea .dropdownList button[aria-disabled="true"],
.dropdownArea .dropdownList button.disabled {
  opacity: 0.5;
}
.dropdownArea .dropdownList a:active,
.dropdownArea .dropdownList button:active,
.dropdownArea .dropdownList a.active,
.dropdownArea .dropdownList button.active,
.dropdownArea .dropdownList [title="선택됨"],
.dropdownArea .dropdownList [title="선택 됨"] {
  position: relative;
  text-decoration: underline;
}
.dropdownArea .dropdownList a:active:before,
.dropdownArea .dropdownList button:active:before,
.dropdownArea .dropdownList a.active:before,
.dropdownArea .dropdownList button.active:before,
.dropdownArea .dropdownList [title="선택됨"]:before,
.dropdownArea .dropdownList [title="선택 됨"]:before {
  display: block;
}
.dropdownArea .dropdownList .phoneLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 3rem;
  padding-left: 3rem;
}
.dropdownArea .dropdownList .phoneLine:active,
.dropdownArea .dropdownList .phoneLine[title="선택됨"],
.dropdownArea .dropdownList .phoneLine[title="선택 됨"] {
  text-decoration: none;
}
.dropdownArea .dropdownList .phoneLine.disabled {
  opacity: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  pointer-events: none;
}
.dropdownArea .dropdownList .phoneLine.disabled .imgWrap,
.dropdownArea .dropdownList .phoneLine.disabled .labelGroup {
  opacity: 0.5;
}
/* 2024-12-18 일시정지 분실신고 case 추가 */
.myThriftyMultilineList .dropdownArea .dropdownList .phoneLine,
.myThriftyLostPauseList .dropdownArea .dropdownList .phoneLine {
  flex-direction : column;
  align-items : flex-start;
}
.myThriftyMultilineList .dropdownArea .dropdownList .phoneLine .labelBottom,
.myThriftyLostPauseList .dropdownArea .dropdownList .phoneLine .labelBottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.myThriftyMultilineList .dropdownArea .dropdownList .phoneLine .labelBottom span,
.myThriftyLostPauseList .dropdownArea .dropdownList .phoneLine .labelBottom span {
  font-size:1.2rem;
  font-weight: 500;
}
.myThriftyMultilineList .dropdownArea .dropdownList .phoneLine .labelBottom span.cancel,
.myThriftyLostPauseList .dropdownArea .dropdownList .phoneLine .labelBottom span.cancel {
  font-size: 1.3rem;
  text-decoration: underline;
  color: #777;
}
.dropdownArea .dropdownList .phoneLine.disabled .labelBottom {
  display: block;
  width: 100%;
  font-size: 1.2rem;
}
.myThriftyMultilineList .dropdownArea .dropdownList .colorLabel,
.myThriftyLostPauseList .dropdownArea .dropdownList .colorLabel {
  position: absolute;
  right: 2rem;
}
.myThriftyMultilineList .phoneLineSummaryDrop .dropdownTitle .colorLabel,
.myThriftyLostPauseList .phoneLineSummaryDrop .dropdownTitle .colorLabel {
  position: absolute;
  right: 4rem;
}
.myThriftyMultilineList .formContainer .phoneLineSummaryDrop .dropdownTitle .titleLabel,
.myThriftyLostPauseList .formContainer .phoneLineSummaryDrop .dropdownTitle .titleLabel {
  flex-direction : column;
  align-items : flex-start;
}
.myThriftyMultilineList .formContainer .phoneLineSummaryDrop .dropdownTitle .labelBottom,
.myThriftyLostPauseList .formContainer .phoneLineSummaryDrop .dropdownTitle .labelBottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.myThriftyMultilineList .formContainer .phoneLineSummaryDrop .dropdownTitle .labelBottom span,
.myThriftyLostPauseList .formContainer .phoneLineSummaryDrop .dropdownTitle .labelBottom span {
  font-size:1.2rem;
  font-weight: 500;
}
.myThriftyMultilineList .formContainer .phoneLineSummaryDrop .dropdownTitle .labelBottom span.cancel,
.myThriftyLostPauseList .formContainer .phoneLineSummaryDrop .dropdownTitle .labelBottom span.cancel {
  font-size: 1.3rem;
  text-decoration: underline;
  color: #777;
}
/* 2024-12-18 일시정지 분실신고 case 추가 */
.dropdownArea .dropdownList .listTitle {
  display: block;
  width: 100%;
  padding: 1.4rem 2rem;
  background-color: #f7f8fa;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333333;
  line-height: 1;
}
.dropdownArea .dropdownList .colorLabel {
  position: absolute;
  right: 4rem;
}
.dropdownArea .dropdownList .labelGroup {
  max-width: calc(100% - 167px);
}
.dropdownArea .dropSetting {
  position: absolute;
  top: 50%;
  right: 3rem;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  background: url("/web/kmvno/assets/images/common/icon_settings.svg") no-repeat
    center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-indent: -9999px;
}

.dropdownLine {
  max-width: 63.8rem;
}
.dropdownLine .dropdownTitle {
  border: 0;
  border-bottom: 1px solid #999999;
  border-radius: 0;
}
.dropdownLine .dropdownTitle .titleLabel {
  height: 4.1rem;
  padding-right: 4rem;
  color: #000000;
}
.dropdownLine .dropdownTitle .colorLabel {
  margin-right: 3rem;
  margin-left: 1rem;
}
.dropdownLine .dropdownTitle .labelGroup {
  max-width: calc(100% - 20.5rem);
}
.dropdownLine .dropdownList {
  border-top: 1px solid #cccccc;
}
.dropdownLine .dropdownList > li {
  position: relative;
}
.dropdownLine .dropdownList > li:before {
  content: "";
  position: absolute;
  right: 3rem;
  left: 3rem;
  z-index: 0;
  border-bottom: 1px solid #cccccc;
}
.dropdownLine .dropdownList > li:first-child:before {
  display: none;
}
.dropdownLine .dropdownList [title="선택됨"]:before {
  bottom: -1px;
}
.dropdownLine .dropdownList .labelGroup {
  max-width: calc(100% - 18rem);
}

.phoneLineSummaryDrop .dropdownTitle {
  background-position: right 2rem center;
}
.phoneLineSummaryDrop .dropdownTitle .titleLabel {
  width: 100%;
  height: 7rem;
  padding-right: 7rem;
}
.phoneLineSummaryDrop .dropdownTitle .colorLabel {
  margin-right: 0;
  margin-left: auto;
}
.phoneLineSummaryDrop .dropdownTitle .labelGroup {
  max-width: calc(100% - 7.5rem);
}
.phoneLineSummaryDrop .dropdownTitle .labelGroup:only-child {
  max-width: 100%;
}
.phoneLineSummaryDrop .dropdownTitle .imgWrap {
  margin-right: 1rem;
}
.phoneLineSummaryDrop .dropdownList {
  top: 7rem;
}
.phoneLineSummaryDrop .dropdownList a:active,
.phoneLineSummaryDrop .dropdownList button:active,
.phoneLineSummaryDrop .dropdownList a.active,
.phoneLineSummaryDrop .dropdownList button.active,
.phoneLineSummaryDrop .dropdownList [title="선택됨"],
.phoneLineSummaryDrop .dropdownList [title="선택 됨"] {
  text-decoration: none;
}
.phoneLineSummaryDrop .dropdownList .phoneLine {
  padding: 1rem 2rem;
}
.phoneLineSummaryDrop .dropdownList .imgWrap {
  margin-right: 1rem;
}
.phoneLineSummaryDrop .labelGroup {
  display: block;
  margin-right: 1rem;
}
.phoneLineSummaryDrop .labelGroup .product {
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  color: #000000;
}
.phoneLineSummaryDrop .labelGroup .phone:before {
  display: none;
}

.formContainer .phoneLineSummaryDrop {
  margin-bottom: 3rem;
}
.formContainer .phoneLineSummaryDrop .dropdownTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 10rem;
}
.formContainer .phoneLineSummaryDrop .dropdownTitle .titleLabel {
  padding-right: 5rem;
}
.formContainer .phoneLineSummaryDrop .dropdownTitle .imgWrap {
  display: none;
}
.formContainer .phoneLineSummaryDrop .dropdownTitle .labelGroup {
  max-width: calc(100% - 7.4rem);
}
.formContainer .phoneLineSummaryDrop .dropdownList {
  top: 10rem;
}
.formContainer .phoneLineSummaryDrop .dropdownList .imgWrap {
  display: none;
}
.formContainer .phoneLineSummaryDrop .dropdownList .labelGroup {
  max-width: calc(100% - 7rem);
}

.typeSearchSelect {
  min-width: 12rem;
}
.typeSearchSelect .dropdownArea .dropdownTitle {
  border: none;
  background: url("/web/kmvno/assets/images/common/icon_arrow_down.svg") no-repeat
    right center/1.1rem 0.7rem;
  border-radius: 0;
}
.typeSearchSelect .dropdownArea .dropdownTitle .titleLabel {
  height: 2.9rem;
  padding-left: 0.6rem;
  padding-right: 2.4rem;
  font-size: 1.4rem;
  color: #333333;
}
.typeSearchSelect .dropdownArea .dropdownTitle .dropdownBtn {
  position: static;
}
.typeSearchSelect .dropdownArea .dropdownTitle .dropdownBtn > span {
  width: auto;
  height: auto;
  -webkit-clip-path: inset(0%);
  clip-path: inset(0%);
  text-indent: 0;
  overflow: visible;
  position: static;
  font-size: 1.4rem;
  color: #333333;
  -webkit-transform: none;
  transform: none;
  z-index: 1;
}
.typeSearchSelect .dropdownArea .dropdownList {
  top: 2.9rem;
}
.typeSearchSelect .dropdownArea .dropdownList a,
.typeSearchSelect .dropdownArea .dropdownList button {
  height: 100%;
  padding: 0 0 0 0.6rem;
  border-top: 1px solid #cccccc;
  font-size: 1.4rem;
  line-height: 2.9rem;
}
.typeSearchSelect .dropdownArea.active .dropdownTitle {
  background: url("/web/kmvno/assets/images/common/icon_arrow_top.svg") no-repeat
    right center/1.1rem 0.7rem;
}

/* 폼영역 공통 */
.formContainer {
  width: 69.8rem;
  margin: 0 auto;
}
.formContainer > .buttonArea {
  margin-top: 7rem;
}
.formContainer .colorPrimary {
  border-bottom-color: #407773;
  color: #407773 !important;
}
.formContainer .addExplain {
  color: #407773;
}
.formContainer
  .btn:not(.btnPrimary):not(.btnSecondary):not(.btnOpen):not(.btnDim):not(
    .iconFindAgency
  ):disabled {
  cursor: default;
  border-color: #777777;
  color: #777777;
}

.formInner,
.dataInner {
  margin-bottom: 7rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.formInner:last-child,
.dataInner:last-child {
  margin-bottom: 0;
}
.formInner .phoneLineSummaryDrop + .typeCaution,
.dataInner .phoneLineSummaryDrop + .typeCaution {
  margin-top: 3rem;
}
.dataInner:has(.idCardType01) {
  margin-top: 7rem;
}

.formTitleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000000;
}
.formTitleArea .formTitle {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 2.3rem;
}
.formTitleArea .formTitle .normal {
  font-weight: 400;
}

.formItemArea {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #cccccc;
}
.formItemArea:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.formItemArea .field {
  margin-bottom: 3rem;
}
.formItemArea .field:last-of-type {
  margin-bottom: 0;
}
.formItemArea .field.fieldAllCheck {
  margin-bottom: 1.5rem;
}
.formItemArea .fieldGroup > .field,
.formItemArea .periodWrap > .field {
  margin-bottom: 0;
}
.formItemArea .fieldForm {
  margin-bottom: 1rem;
}
.formItemArea .fieldForm:last-of-type {
  margin-bottom: 0;
}
.formItemArea .fieldForm .input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.formItemArea .fieldForm .buttonArea {
  margin-left: 0.5rem;
  margin-right: 0;
}
.formItemArea .periodWrap {
  margin-bottom: 3rem;
}
.formItemArea .tableContainer {
  margin-bottom: 3rem;
}
.formItemArea .tableContainer:last-child {
  margin-bottom: 0;
}
.field.botm {
  margin-top: 3rem;
}
/* table 공통 */
table caption {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.tableContainer {
  overflow: hidden;
  overflow-x: auto;
}
.tableContainer table {
  table-layout: fixed;
  width: 100%;
}
.tableContainer table th.alignCenter,
.tableContainer table td.alignCenter {
  text-align: center;
}
.tableContainer table th.alignRight,
.tableContainer table td.alignRight {
  text-align: right;
}
.tableContainer table th.alignLeft,
.tableContainer table td.alignLeft {
  text-align: left;
}
.tableContainer th,
.tableContainer td {
  font-size: 1.3rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  text-align: left;
  word-break: break-word;
  word-wrap: break-word;
}
.tableContainer th {
  padding: 1.4rem 2rem;
  font-weight: bold;
}
.tableContainer th .grayText {
  margin-top: 0.3rem;
}
.tableContainer td {
  padding: 1.4rem 2rem;
  font-size: 1.6rem;
  background-color: #ffffff;
}
.tableContainer a {
  color: inherit;
}
.tableContainer a:hover,
.tableContainer a:focus {
  font-weight: bold;
}
.tableContainer.bgColorTable thead {
  background-color: #eaeaf1;
}
.tableContainer.bgColorTable thead th {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.tableContainer.bgColorTable tbody {
  background-color: #f7f8fa;
}
.tableContainer.bgColorTable tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.8);
}
.tableContainer.bgColorTable tbody td {
  background-color: transparent;
}
.tableContainer.typeBoard thead {
  background-color: #f9f9f9;
}
.tableContainer.typeBoard thead th {
  padding: 2rem 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
  text-align: center;
}
.tableContainer.typeBoard tbody tr {
  border-bottom: 1px solid #cccccc;
}
.tableContainer.typeBoard tbody th,
.tableContainer.typeBoard tbody td {
  padding: 2rem 1.6rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.tableContainer.typeBoard .number,
.tableContainer.typeBoard .date {
  text-align: center;
}
.tableContainer.typeBoard .date {
  font-size: 1.6rem;
}
.tableContainer.typeBoard .moTitle {
  display: none;
}
.tableContainer.captionShow caption {
  margin-bottom: 1.6rem;
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  display: table-caption;
  margin-bottom: 1.5rem;
  text-align: left;
}
.tableContainer.captionShow caption.font16 {
  font-size: 1.6rem;
}
.tableContainer.captionShow thead + tbody {
  border-top: none;
}
.tableContainer.captionShow tbody {
  border-top: 1px solid #e0e0e0;
}
.tableContainer.captionShow th,
.tableContainer.captionShow td {
  font-size: 1.4rem;
  vertical-align: middle;
}
.tableContainer.captionShow th {
  background-color: #eaeaf1;
}
.tableContainer.captionShow tr {
  border-bottom: 1px solid #e0e0e0;
}
.tableContainer.captionShow .tableArea {
  margin-bottom: 3rem;
}
.tableContainer.captionShow .tableArea:last-child {
  margin-bottom: 0;
}
.tableContainer.captionShow .tableArea.marginBtm50 {
  margin-bottom: 5rem;
}
.tableContainer.captionShow.smallerText {
  font-size: 1.1rem;
}
.tableContainer.normalBgTable thead + tbody {
  border-top: none;
}
.tableContainer.normalBgTable tbody {
  border-top: 1px solid #e0e0e0;
}
.tableContainer.normalBgTable th,
.tableContainer.normalBgTable td {
  font-size: 1.4rem;
  vertical-align: middle;
}
.tableContainer.normalBgTable th {
  background-color: #eaeaf1;
}
.tableContainer.normalBgTable tr {
  border-bottom: 1px solid #e0e0e0;
}
.tableContainer.normalBgTable .tableArea {
  margin-bottom: 3rem;
}
.tableContainer.normalBgTable .tableArea:last-child {
  margin-bottom: 0;
}
.tableContainer.layoutBorder table {
  border-bottom: 1px solid #e0e0e0;
}
.tableContainer.layoutBorder tr {
  border-top: 1px solid #e0e0e0;
}
.tableContainer.layoutBorder td {
  border-right: 1px solid #e0e0e0;
}
.tableContainer.layoutBorder td:last-child {
  border-right: none;
}
.tableContainer .block {
  display: block;
}
.tableContainer .colorLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.3rem;
  padding: 0 0.5rem;
  border: 1px solid #499690;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #499690;
  line-height: 0;
  white-space: nowrap;
}
.tableContainer strong {
  font-weight: bold;
}
.tableContainer .boldNormal {
  font-weight: normal;
}
.tableContainer .grayText {
  font-size: 0.9rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.tableContainer .grayText.middleSize {
  font-size: 1.1rem;
}

/* nodata */
.nodataContainer {
  padding: 3rem 2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.nodataContainer.sidePadding0 {
  padding: 0;
  margin-top: 3rem;
}
.nodataContainer.sidePadding0:first-child {
  margin-top: 0;
}
.nodataContainer .bgInfoGray {
  margin: 0 0 0.8rem;
  border-radius: 0.4rem;
}
.nodataContainer .noticeBottom {
  font-size: 1.3rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}

.bgInfoGray {
  margin: 3rem 0;
  padding: 2.4rem;
  background-color: #e5e8eb;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.bgInfoGray.alignCenter {
  text-align: center;
}

/* 불가 안내 */
.formInfoArea {
  margin-top: 7rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.formInfoArea:first-child {
  margin-top: 0;
}
.formInfoArea strong {
  font-weight: bold;
}
.formInfoArea.bgColorGray {
  padding: 4rem 3rem;
  background-color: #e5e8eb;
}

@media (max-width: 1024px) {
  .field .fieldLabel {
    font-size: 1.3rem;
  }
  .tabList.typeWhiteBox .tabButton:focus-visible {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .dropdownArea .dropdownList a:focus-visible:before,
  .dropdownArea .dropdownList button:focus-visible:before {
    display: none;
  }
  button:focus {
    outline: none !important;
  }
  button:focus-visible {
    outline: none !important;
  }
  .buttonArea .btn.moType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .buttonArea .btn.pcType {
    display: none;
  }
  .pagenation .numPageBtn:hover,
  .pagenation .numPageBtn:focus {
    border: none;
  }
  .bgInfoGray {
    font-size: 1.2rem;
  }
  /* 불가 안내 */
  .formInfoArea {
    margin-top: 5rem;
    font-size: 1.2rem;
  }
  .formInfoArea.bgColorGray {
    padding: 2rem 1.6rem;
  }
  .tableContainer:not(.captionShow) caption {
    display: none;
  }
  .dropdownLine .dropdownTitle .labelGroup,
  .phoneLineSummaryDrop .dropdownTitle .labelGroup {
    max-width: calc(100% - 170px);
  }
  .dropdownLine .dropdownList .labelGroup,
  .phoneLineSummaryDrop .dropdownList .labelGroup {
    max-width: calc(100% - 170px);
  }
}
@media (max-width: 717px) {
  /* Input */
  input[type="text"],
  input[type="number"],
  input[type="tel"],
  input[type="email"],
  input[type="password"] {
    height: 4.8rem;
    padding: 0 1.6rem;
    border-radius: 3px;
    font-size: 1.4rem;
  }
  /* Button */
  .btn {
    height: 5rem;
    font-size: 1.4rem;
  }
  .btn.btnSizeMiddle {
    min-width: 8.3rem;
    height: 4.8rem;
  }
  .formContainer {
    width: 100%;
  }
  .formContainer > .buttonArea {
    margin-top: 5rem;
  }
  .formTitleArea {
    margin-bottom: 2rem;
    padding-bottom: 1.2rem;
  }
  .formTitleArea .formTitle {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
  .formInner,
  .dataInner {
    margin-bottom: 5rem;
  }
  .dataInner:has(.idCardType01) {
    margin-top: 5rem;
  }
  .formItemArea .field {
    margin-bottom: 2rem;
  }

  .field .fieldForm {
    font-size: 1.4rem;
  }
    .field .fieldForm.bankNumber {
    display: block;
  }
  .field .fieldForm.bankNumber .buttonArea {
    margin-left: 0;
    margin-top: 0.8rem;
  }
  .field .fieldForm .dropdownArea .dropdownTitle {
    height: 4.8rem;
  }
  .fieldSelectInput {
    margin-top: 2rem;
  }
  .fieldCheckbox.fieldAllCheck {
    margin-top: -0.5rem;
  }
  .fieldRadio .fieldForm .radio {
    margin-bottom: 0.5rem;
  }
  /* input */
  .inputRow {
    height: 4.8rem;
    padding: 0;
  }
  .inputRow .row {
    height: 100%;
  }
  /* fieldGroup */
  .fieldGroup.cardValidity {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
  .fieldGroup.cardValidity .pcType {
    display: none;
  }
  .fieldGroup.cardValidity .buttonArea {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 0.8rem;
  }
  /* dropbox */
  .dropdownArea .dropdownTitle .titleLabel {
    position: relative;
    height: 4.8rem;
    font-size: 1.3rem;
  }
  .dropdownArea .dropdownTitle .imgWrap {
    margin-bottom: 1rem;
    margin-bottom: 0.5rem;
  }
  .dropdownArea .dropdownList {
    top: 4.8rem;
  }
  .dropdownArea .dropdownList a,
  .dropdownArea .dropdownList button {
    font-size: 1.3rem;
  }
  .dropdownArea .dropdownList .imgWrap {
    margin: 0;
  }
  .dropdownLine .dropdownTitle .titleLabel,
  .phoneLineSummaryDrop .dropdownTitle .titleLabel {
    height: 7rem;
  }
  .dropdownLine .dropdownList > li:before,
  .phoneLineSummaryDrop .dropdownList > li:before {
    right: 1rem;
    left: 1rem;
  }
  .dropdownLine .dropdownList .labelGroup,
  .phoneLineSummaryDrop .dropdownList .labelGroup {
    max-width: calc(100% - 134px);
  }
  .dropdownLine .colorLabel,
  .phoneLineSummaryDrop .colorLabel {
    position: absolute;
  }
  .dropdownLine .phone,
  .phoneLineSummaryDrop .phone {
    font-size: 1.3rem;
  }
  .dropdownLine .imgWrap,
  .phoneLineSummaryDrop .imgWrap {
    width: 9.9rem;
  }
  /* 마이알뜰폰 메뉴 */
  .dropdownLine.active .dropdownTitle {
    background-position: right 1rem bottom 1.5rem;
  }
  .dropdownLine .dropdownTitle .labelGroup,
  .dropdownLine .dropdownList .labelGroup {
    max-width: 100%;
  }
  .dropdownLine .dropdownTitle {
    background-position: right 1rem bottom 1.5rem;
  }
  .dropdownLine .dropdownTitle .titleLabel {
    display: block;
    padding-right: 3rem;
    padding-left: 0;
  }
  .dropdownLine .dropdownTitle .colorLabel {
    top: 1rem;
    right: 3.5rem;
    margin: 0;
  }
  .dropdownLine .dropdownList {
    top: 7.2rem;
  }
  .dropdownLine .dropdownList .colorLabel {
    top: 1rem;
    right: 1rem;
  }
  .dropdownLine .dropdownList .phoneLine {
    display: block;
    height: auto;
    padding: 1rem;
  }
  .dropdownLine .dropdownList .phoneLine.disabled .labelBottom {
    margin-top: 0;
    padding-left: 0;
  }
  .dropdownLine .dropSetting {
    top: 0;
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .dropdownLine .titleLabel .imgWrap img,
  .dropdownLine .dropdownList .imgWrap img {
    margin: 0;
  }
  /* 메인 회선 */
  .phoneLineSummaryDrop.active .dropdownTitle {
    background-position: right 1.3rem bottom 1.2rem;
  }
  .phoneLineSummaryDrop .dropdownTitle {
    padding: 0;
    background-position: right 1.3rem bottom 1.2rem;
  }
  .phoneLineSummaryDrop .dropdownTitle .colorLabel {
    top: 0.7rem;
    right: 4rem;
    bottom: auto;
  }
  .phoneLineSummaryDrop .dropdownTitle .titleLabel {
    padding-right: 11rem;
    padding-left: 2rem;
  }
  .phoneLineSummaryDrop .dropdownTitle .labelGroup {
    max-width: calc(100% - 73px);
  }
  .phoneLineSummaryDrop .dropdownList {
    top: 7.2rem;
  }
  .phoneLineSummaryDrop .dropdownList .colorLabel {
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .phoneLineSummaryDrop .dropdownList .imgWrap {
    margin-right: 1rem;
  }
  .phoneLineSummaryDrop .dropSetting {
    top: 2rem;
    right: 0;
  }
  .phoneLineSummaryDrop .labelGroup {
    margin-right: 0;
  }
  .formContainer .phoneLineSummaryDrop {
    margin-bottom: 2rem;
  }
  .formContainer .phoneLineSummaryDrop .dropdownTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 10rem;
    background-position: right 2rem top 3rem;
  }
  .formContainer .phoneLineSummaryDrop .dropdownTitle .titleLabel {
    height: auto;
  }
  .formContainer .phoneLineSummaryDrop .dropdownTitle .titleLabel .labelGroup {
    max-width: 100%;
  }
  .formContainer .phoneLineSummaryDrop .dropdownTitle .colorLabel {
    top: auto;
    right: 1.5rem;
    bottom: 0;
  }
  .myThriftyLostPauseList .phoneLineSummaryDrop .dropdownTitle .colorLabel {
    top: 50%;
    right: 5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .formContainer .phoneLineSummaryDrop .dropdownList {
    top: 10rem;
  }
  .formContainer .phoneLineSummaryDrop .dropdownList .phoneLine .colorLabel {
    margin-top: 0;
  }
  .formContainer .phoneLineSummaryDrop .labelGroup {
    display: block;
  }
  .formContainer .phoneLineSummaryDrop .labelGroup .product {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
  .formContainer .phoneLineSummaryDrop .labelGroup .phone {
    font-size: 1.6rem;
  }
  .formContainer .phoneLineSummaryDrop .labelGroup .phone:before {
    display: none;
  }
  /* 아코디언 */
  .accordionContainer .accordionTop .infoLabel {
    font-size: 1.8rem;
  }
  .accordionContainer .accordionMiddle {
    margin-bottom: 0;
  }
  /* 탭 */
  .tabList.typeWhiteBox {
    margin-bottom: 2rem;
  }
  .tabList.typeWhiteBox .tabButton {
    height: 6.2rem;
    font-size: 1.4rem;
  }
  /* table */
  .tableContainer.typeBoard table {
    position: relative;
    display: block;
  }
  .tableContainer.typeBoard thead {
    display: none;
  }
  .tableContainer.typeBoard tbody {
    display: block;
    width: 100%;
  }
  .tableContainer.typeBoard tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 2rem;
  }
  .tableContainer.typeBoard tbody tr td {
    display: block;
    padding: 0;
  }
  .tableContainer.typeBoard .number {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    width: 75%;
    text-align: left;
  }
  .tableContainer.typeBoard .date {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 25%;
    color: #777777;
    font-size: 1.4rem;
    text-align: right;
  }
  .tableContainer.typeBoard .moFull {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-top: 0.9rem;
  }
  .tableContainer.captionShow caption.font16 {
    font-size: 1.4rem;
  }
  .tableContainer.captionShow th,
  .tableContainer.captionShow td {
    font-size: 1.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    word-break: break-word;
    word-wrap: break-word;
  }
  .tableContainer.captionShow .tableArea.marginBtm50 {
    margin-bottom: 3rem;
  }
  .tableContainer.normalBgTable th,
  .tableContainer.normalBgTable td {
    font-size: 1.3rem;
  }
  /* pagenation */
  .pagenation.pcType {
    display: none;
  }
  .pagenation.moType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pagenation .numPageBtn {
    margin: 0;
  }
  .field.botm {
    margin-top: 2rem;
  }
}
@media (max-width: 390px) {
  .dropdownLine .dropdownTitle .titleLabel,
  .phoneLineSummaryDrop .dropdownTitle .titleLabel {
    padding-right: 4rem;
  }
  .dropdownArea .imgWrap img {
    margin: 0;
  }
  .dropdownLine .dropdownTitle .labelGroup,
  .phoneLineSummaryDrop .dropdownTitle .labelGroup {
    max-width: 100%;
  }
  .dropdownLine .dropdownList .labelGroup,
  .phoneLineSummaryDrop .dropdownList .labelGroup {
    max-width: 100%;
  }
  .dropdownLine .labelGroup,
  .phoneLineSummaryDrop .labelGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
  }
  .dropdownLine .labelGroup .product,
  .phoneLineSummaryDrop .labelGroup .product {
    margin-bottom: 0;
  }
  .dropdownLine .labelGroup .phone:before,
  .phoneLineSummaryDrop .labelGroup .phone:before {
    display: block;
    margin: 0 0.3rem;
  }
  .phoneLineSummaryDrop .dropdownTitle .titleLabel {
    display: block;
  }
  .phoneLineSummaryDrop .dropdownList .phoneLine {
    display: block;
    height: auto;
  }
  .phoneLineSummaryDrop .dropdownList .phoneLine.disabled .labelBottom {
    margin-top: 0;
  }
  .phoneLineSummaryDrop .dropdownList .colorLabel {
    margin-top: -1rem;
  }
}
@media (max-width: 512px) {
  /* Field - input */
  .fieldInput .input + .btn {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  /* button */
  .buttonArea .btn {
    min-width: 10rem;
  }
  .tableContainer th {
    padding: 0.5rem 1.4rem;
  }
  .tableContainer td {
    padding: 1.2rem 1.4rem;
    font-size: 1.4rem;
  }
  /* textarea */
  .textareaReview .reviewInner {
    height: 25rem;
  }
  /* accordionContainer */
  .accordionContainer .topTitle {
    font-size: 1.8rem;
  }
  .accordionContainer .colorLabel {
    font-size: 1.3rem;
  }
  .accordionContainer.borderType .accordionTitle {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    font-size: 1.4rem;
  }
  .accordionContainer.borderType .accordionContent {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    font-size: 1.3rem;
  }
}
@media (max-width: 320px) {
  /* pagenation */
  .pagenation .numPageBtn {
    width: 4.5rem;
    height: 4.5rem;
  }
  /* 탭 */
  .tabList.typeWhiteBox {
    margin: 0 -1rem 2rem;
  }
  .tabList.typeWhiteBox .tabButton {
    height: 4.8rem;
    font-size: 1.3rem;
  }
  /* group */
  .groupContainer .fieldRadio {
    display: block;
  }
  .groupContainer .radio {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .groupContainer .radio:last-child {
    margin-bottom: 0;
  }
  .groupContainer .dropdownArea .dropdownTitle {
    background-position: right 0.3rem center;
  }
  .groupContainer .dropdownArea .dropdownTitle .titleLabel {
    padding: 0 0.3rem;
    padding-right: 1rem;
  }
}
.wrap.homeSearchResult .headerContainer.mobile,
.wrap[class*="homeJoinStep"] .headerContainer.mobile,
.wrap.homeWithdrawal .headerContainer.mobile {
  display: none;
}
.wrap.homeSearchResult .footerContainer.mobile {
  display: none;
}

/* 검색바 공통 */
.totalSearchBar {
  position: relative;
  z-index: 8;
}
.totalSearchBar legend {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.totalSearchBar .searchBarArea {
  position: relative;
}
.totalSearchBar .searchBarArea [class*="btn"] {
  overflow: hidden;
  width: 5rem;
  height: 5rem;
}
.totalSearchBar .searchBarArea [class*="btn"] > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.totalSearchBar input {
  padding-right: 10rem;
}
.totalSearchBar [class*="btn"].hide:not(.btnSearch) {
  display: none;
}
.totalSearchBar [class*="btn"]:focus-visible {
  outline: 2px solid #000000;
}
.totalSearchBar .btnSearchClose {
  width: 5rem;
  height: 5rem;
}
.totalSearchBar .btnSearchClose > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.totalSearchBar .btnSearch,
.totalSearchBar .btnRemove {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.totalSearchBar .btnSearch {
  right: 0;
}
.totalSearchBar .btnRemove {
  right: 4rem;
}
.totalSearchBar .btnSearch,
.totalSearchBar .btnSearchOpen {
  background: url("/web/kmvno/assets/images/common/icon_search_black.svg") no-repeat
    center;
}
.totalSearchBar .btnSearch:hover,
.totalSearchBar .btnSearchOpen:hover {
  background: url("/web/kmvno/assets/images/common/icon_search_cyan.svg") no-repeat
    center;
}
.totalSearchBar .btnSearchClose {
  background: url("/web/kmvno/assets/images/common/btn_popup_close.svg") no-repeat
    center;
}
.totalSearchBar .btnRemove {
  background: url("/web/kmvno/assets/images/common/icon_search_remove.svg") no-repeat
    center;
}
.totalSearchBar .btnBack {
  display: none;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  background: url("/web/kmvno/assets/images/common/icon_back.svg") no-repeat
    center/3rem auto;
}

.header > .headerSearchBar {
  display: none;
}

.headerSearchBar .searchBarArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerSearchBar .searchBarArea [class*="btn"] {
  z-index: 1;
}
.headerSearchBar .searchBarArea input {
  display: none;
  opacity: 0;
  width: 0rem;
  height: 5rem;
  border-color: #999999;
  border-radius: 5rem;
}
.headerSearchBar .searchBarArea input:hover,
.headerSearchBar .searchBarArea input:focus {
  border-color: #499690;
}
.headerSearchBar .btnSearch,
.headerSearchBar .btnSearchOpen {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.headerSearchBar .btnSearch {
  display: none;
}
.headerSearchBar .btnSearchClose {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.headerSearchBar .keywordContainer {
  overflow: hidden;
  position: absolute;
  display: none;
  top: 5rem;
  left: 0;
  width: calc(100% - 5rem);
  background-color: rgba(247, 248, 250, 0.9);
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2.5rem;
  -webkit-transition: all 2s;
  transition: all 2s;
}
.headerSearchBar .keywordArea,
.headerSearchBar .autoList {
  overflow-y: auto;
  max-height: 31.5rem;
}
.headerSearchBar .keywordArea {
  padding: 4rem 4rem 5rem;
}
.headerSearchBar .keywordArea .keyTitle {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.headerSearchBar .keywordArea .linkUnderline {
  font-size: 1.2rem;
}
.headerSearchBar .keywordArea .keywordTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.4rem;
}
.headerSearchBar .keywordArea .keywordMiddle {
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.headerSearchBar .keywordList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.4rem;
}
.headerSearchBar .keywordList > li {
  margin: 0.4rem;
}
.headerSearchBar .keywordList a,
.headerSearchBar .keywordList button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4.3rem;
  padding: 0 1.6rem;
  background-color: #ffffff;
  border-radius: 0.3rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #777777;
  line-height: 1;
}
.headerSearchBar .keywordList a.ranker,
.headerSearchBar .keywordList button.ranker {
  font-weight: bold;
  color: #333333;
}
.headerSearchBar .keywordList a:hover,
.headerSearchBar .keywordList a:focus-visible,
.headerSearchBar .keywordList button:hover,
.headerSearchBar .keywordList button:focus-visible {
  background-color: #d1efef;
  color: #499690;
}
.headerSearchBar .keywordList a:active,
.headerSearchBar .keywordList button:active {
  background-color: #499690;
  color: #ffffff;
}
.headerSearchBar .autoList {
  padding: 2rem 0;
}
.headerSearchBar .autoList > li:nth-child(odd) {
  background-color: #ffffff;
}
.headerSearchBar .autoList a,
.headerSearchBar .autoList button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.5rem;
  padding: 0 4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #333333;
  line-height: 1;
  letter-spacing: 0.5px;
}
.headerSearchBar .autoList a em,
.headerSearchBar .autoList button em {
  color: #499690;
  font-weight: bold;
}

.totalSearchContainer {
  background-color: #f7f8fa;
}
.totalSearchContainer input {
  background-color: #f7f8fa;
}

.contentSearchBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 147.6rem;
  height: 24.9rem;
  padding: 0 2rem;
  margin: 0 auto;
}
.contentSearchBar .searchBarArea {
  position: relative;
}
.contentSearchBar input {
  height: 6.9rem;
  border: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  font-size: 2rem;
}
.contentSearchBar .btnSearch {
  background: url("/web/kmvno/assets/images/common/icon_search_black_small.svg")
    no-repeat center;
}
.contentSearchBar .btnSearch:hover {
  background: url("/web/kmvno/assets/images/common/icon_search_cyan_small.svg")
    no-repeat center;
}
.contentSearchBar .btnSearchClose {
  display: none;
}

.openedSearch .totalSearchBar [class*="btn"].show {
  display: block;
}
.openedSearch .gnbContainer {
  display: none;
}
.openedSearch .headerSearchBar {
  width: 91rem;
}
.openedSearch .headerSearchBar .btnSearch {
  right: 1rem;
}
.openedSearch .headerSearchBar .btnRemove {
  right: 4.7rem;
}
.openedSearch .headerSearchBar .btnSearch {
  display: block;
}
.openedSearch .headerSearchBar .btnSearchOpen {
  display: none;
}
.openedSearch .headerSearchBar .btnSearchClose {
  display: block;
}
.openedSearch .headerSearchBar .searchBarArea {
  margin-right: 5rem;
}
.openedSearch .headerSearchBar .searchBarArea .btnSearchClose {
  display: block;
}
.openedSearch .headerSearchBar .searchBarArea input {
  display: block;
  opacity: 1;
  width: calc(100% - 5rem);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.openedSearch .headerSearchBar .keywordContainer {
  display: block;
}

/* 검색 결과 */
.homeSearchResult .contentArea {
  padding: 8rem 0 14rem;
  background-color: #ffffff;
}

/* 검색 결과 목록 */
.totalResultContainer {
  max-width: 143.6rem;
  margin: 0 auto;
  /* 검색 결과 - 메뉴 */
  /* 검색 결과 - 상품 */
  /* 검색 결과 - 고객지원 */
  /* 검색 결과 - 텍스트 */
}
.totalResultContainer .topTitle {
  font-size: 2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1;
}
.totalResultContainer .topTitle strong {
  font-weight: bold;
}
.totalResultContainer .middleTitle {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1;
}
.totalResultContainer .middleTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2rem;
  background-color: #f7f8fa;
}
.totalResultContainer .middleTop strong {
  font-weight: bold;
}
.totalResultContainer .middleTop .infoMore {
  margin-left: auto;
}
.totalResultContainer .middleBottom {
  padding: 3rem 2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.totalResultContainer .recommendChatbot {
  position: relative;
  padding: 5.2rem 8rem 5rem;
  background-color: #f7f8fa;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.totalResultContainer .recommendChatbot:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 12.6rem;
  width: 32.7rem;
  height: 15.8rem;
  background: url("/web/kmvno/assets/images/home/img_chatbot_illust.svg") no-repeat
    right bottom;
}
.totalResultContainer .recommendChatbot .chatbotTitle {
  margin-bottom: 0.9rem;
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.totalResultContainer .recommendChatbot a,
.totalResultContainer .recommendChatbot span {
  font-weight: bold;
  text-decoration: underline;
}
.totalResultContainer .searchMenuDepth {
  margin-bottom: 2.4rem;
}
.totalResultContainer .searchMenuDepth .menuDepthTop {
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.totalResultContainer .searchMenuDepth .menuDepthTop a:hover {
  text-decoration: underline;
}
.totalResultContainer .searchMenuDepth .menuDepthMiddle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.totalResultContainer .searchMenuDepth .menuDepthMiddle a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.totalResultContainer .searchMenuDepth .menuDepthMiddle a:after {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.5rem;
  border-right: 1px solid #777777;
  border-bottom: 1px solid #777777;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.totalResultContainer .searchMenuDepth .menuDepthMiddle a:last-child:after {
  display: none;
}
.totalResultContainer .searchMenuDepth .menuDepthMiddle a:hover {
  text-decoration: underline;
}
.totalResultContainer .searchMenuDepth .menuDepthMiddle em {
  font-weight: bold;
  color: #499690;
}
.totalResultContainer .searchProductList {
  margin: 2.5rem 0 6rem;
}
.totalResultContainer .searchProductList:last-child {
  margin-bottom: 0;
}
.totalResultContainer .searchProductList .productListTop {
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.totalResultContainer .searchProductList .productListTop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-left: 1rem;
  padding-right: 1.7rem;
  text-decoration: underline;
  font-size: 1.4rem;
}
.totalResultContainer .searchProductList .productListTop a:after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.9rem;
  height: 1.5rem;
  background: url("/web/kmvno/assets/images/common/arrow_link_r_black02.svg")
    no-repeat center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.totalResultContainer .searchProductList .productListTop a:hover:after {
  right: -0.5rem;
}
.totalResultContainer .productItemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.2rem -0.7rem;
}
.totalResultContainer .productItemList > li {
  width: 26.8rem;
  margin: 1.2rem 0.7rem;
}
.totalResultContainer .productItemList .productItem {
  display: block;
  padding: 3rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.totalResultContainer .productItemList .productItem:hover {
  outline: none;
  background-color: #eeeef0;
}
.totalResultContainer .productItemList .productItem:focus-visible {
  outline: 2px solid #000000;
}
.totalResultContainer .productItemList .productItem:active {
  outline: 2px solid #499690;
}
.totalResultContainer .productItem {
  width: 100%;
}
.totalResultContainer .productItem .itemLabel {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  color: #777777;
}
.totalResultContainer .productItem .itemTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 6.4rem;
  font-size: 2.2rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.45;
}
.totalResultContainer .productItem .productItemTop {
  margin-bottom: 0.6rem;
  padding-bottom: 2rem;
  border-bottom: 2px solid #333333;
}
.totalResultContainer .productItem .productItemBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.totalResultContainer .productItem .productItemBottom .chargePromotion {
  margin-left: auto;
}
.totalResultContainer .productItem [class*="charge"] {
  position: relative;
  padding: 0 1px;
  font-size: 2rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
  letter-spacing: 0.3px;
}
.totalResultContainer .productItem [class*="charge"] span {
  padding-right: 0.2rem;
}
.totalResultContainer .typePromotion .charge {
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.totalResultContainer .typePromotion .charge span {
  padding-right: 0;
}
.totalResultContainer .typePromotion .charge:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #777777;
}
.totalResultContainer .infoMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-right: 1.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.4;
}
.totalResultContainer .infoMore:after {
  content: "";
  position: absolute;
  right: 0;
  width: 5px;
  height: 9px;
  background: url("/web/kmvno/assets/images/common/arrow_link_r_black03.svg")
    no-repeat center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.totalResultContainer .infoMore:hover:after,
.totalResultContainer .infoMore:focus:after {
  right: -0.5rem;
}
.totalResultContainer .searchTextArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 4rem;
  padding: 0.8rem 0;
}
.totalResultContainer .searchTextArea .searchContent {
  width: 100%;
  margin-top: 0.5rem;
}
.totalResultContainer .searchText {
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.totalResultContainer .searchText:hover {
  text-decoration: underline;
}
.totalResultContainer .searchText em {
  font-weight: bold;
  color: #499690;
}
.totalResultContainer .searchContent {
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.totalResultContainer .totalResultTop {
  margin-bottom: 4rem;
}
.totalResultContainer .totalResultMiddle {
  margin-bottom: 4rem;
}

/* 검색 결과 사업자 안내 */
.recommendCenter {
  max-width: 147.6rem;
  padding: 0 2rem;
  margin: 0 auto 8rem;
}
.recommendCenter .infoTextArea {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.recommendCenter .infoTextArea em {
  font-weight: bold;
  color: #499690;
  letter-spacing: -0.5px;
}

@media (max-width: 1600px) {
  /* 검색바 공통 */
  /* 검색 결과 */
  /* 검색 결과 목록 */
  .totalResultContainer .totalResultTop {
    padding: 0 2rem;
  }
  /* 검색 결과 사업자 안내 */
}
@media (max-width: 1280px) {
  /* 검색바 공통 */
  .openedSearch .headerSearchBar {
    width: 60rem;
  }
  /* 검색 결과 */
  /* 검색 결과 목록 */
  /* 검색 결과 사업자 안내 */
}
@media (max-width: 1024px) {
  /* 검색바 공통 */
  .header > .headerSearchBar {
    display: block;
    margin-left: auto;
  }
  .header > .userMenu {
    margin-left: 0;
  }
  .header .mobileContainer .headerSearchBar {
    display: none;
  }
  .totalSearchBar .searchBarArea [class*="btn"] {
    width: 4.4rem;
    height: 4.4rem;
  }
  .totalSearchBar input {
    padding-right: 8rem;
  }
  .totalSearchBar .btnSearch,
  .totalSearchBar .btnSearchOpen {
    background-size: 22px auto;
  }
  .totalSearchBar .btnSearch:hover,
  .totalSearchBar .btnSearchOpen:hover {
    background-size: 22px auto;
  }
  .totalSearchBar .btnSearchClose {
    background: url("/web/kmvno/assets/images/common/btn_popup_close.svg") no-repeat
      center;
  }
  .totalSearchBar .btnSearch,
  .totalSearchBar .btnRemove {
    right: 5rem;
  }
  .headerSearchBar .keywordContainer {
    display: none;
    position: static;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .headerSearchBar .keywordArea,
  .headerSearchBar .autoList {
    height: calc(100vh - 6.7rem);
    max-height: 100%;
  }
  .headerSearchBar .keywordArea {
    padding: 2rem;
  }
  .headerSearchBar .keywordArea .keyTitle {
    font-size: 1.3rem;
  }
  .headerSearchBar .keywordList a,
  .headerSearchBar .keywordList button {
    height: 4rem;
    font-size: 1.4rem;
  }
  .headerSearchBar .autoList {
    padding: 0;
  }
  .headerSearchBar .autoList a,
  .headerSearchBar .autoList button {
    height: 5.2rem;
    padding: 0 2rem;
    font-size: 1.4rem;
  }
  .totalSearchContainer {
    background-color: #ffffff;
  }
  .totalSearchContainer input {
    background-color: #ffffff;
  }
  .contentSearchBar {
    height: auto;
    padding: 0;
  }
  .contentSearchBar .searchBarArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.8rem 2rem 0.8rem 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .contentSearchBar .searchBarArea input {
    width: calc(100% - 4rem);
    height: 4.4rem;
    border: 1px solid #999999;
    border-radius: 5rem;
  }
  .contentSearchBar .searchBarArea input:hover,
  .contentSearchBar .searchBarArea input:focus {
    border-color: #499690;
  }
  .contentSearchBar .btnSearch {
    background: url("/web/kmvno/assets/images/common/icon_search_black.svg")
      no-repeat center/22px;
  }
  .contentSearchBar .btnSearch:hover {
    background: url("/web/kmvno/assets/images/common/icon_search_cyan.svg") no-repeat
      center/22px;
  }
  .contentSearchBar .btnSearchClose {
    position: static;
    display: block;
  }
  .contentSearchBar .btnBack {
    display: block;
  }
  .contentSearchBar .btnBack:focus-visible {
    outline: none;
  }
  .contentSearchBar .btnSearch {
    right: 2.5rem;
  }
  .contentSearchBar .btnRemove {
    right: 6rem;
  }
  .openedSearch .header .logo {
    display: none;
  }
  .openedSearch .mobileHeader {
    display: none;
  }
  .openedSearch .userMenu {
    width: 100%;
  }
  .openedSearch .headerSearchBar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 200;
    width: 100%;
    margin-right: 0;
    background-color: #ffffff;
  }
  .openedSearch .headerSearchBar .searchBarArea {
    margin-right: 0;
    padding: 0.8rem 5rem 0.8rem 2rem;
    border-bottom: 1px solid #dcdcdc;
  }
  .openedSearch .headerSearchBar .searchBarArea input {
    width: 100%;
    height: 4.4rem;
  }
  .openedSearch .headerSearchBar .keywordContainer {
    display: block;
  }
  .openedSearch .headerSearchBar .btnSearchClose {
    top: 5px;
  }
  .openedSearch .headerSearchBar .btnSearch {
    right: 5.5rem;
  }
  .openedSearch .headerSearchBar .btnRemove {
    right: 9rem;
  }
  /* tablet - 검색 결과 */
  .homeSearchResult .contentArea {
    overflow-y: auto;
    height: calc(100% - 6.7rem);
    padding: 0;
  }
  .totalResultContainer .recommendChatbot:after {
    right: 0;
  }
  /* 검색 결과 목록 */
  .totalResultContainer .topTitle {
    font-size: 1.4rem;
  }
  .totalResultContainer .middleTitle {
    font-size: 1.2rem;
  }
  .totalResultContainer .middleBottom {
    padding: 2rem;
  }
  .totalResultContainer .searchMenuDepth {
    margin-bottom: 2rem;
  }
  .totalResultContainer .searchMenuDepth .menuDepthTop {
    font-size: 1.4rem;
  }
  .totalResultContainer .linkUnderline {
    font-size: 1.3rem;
  }
  .totalResultContainer .searchProductList {
    margin: 1rem 0 4rem;
  }
  .totalResultContainer .searchProductList .productListTop {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  .totalResultContainer .productItemList {
    margin: -0.5rem;
  }
  .totalResultContainer .productItemList > li {
    margin: 0.5rem;
  }
  .totalResultContainer .productItemList .productItem {
    padding: 1.6rem;
  }
  .totalResultContainer .productItem .productItemTop {
    padding-bottom: 1.8rem;
  }
  .totalResultContainer .productItem .itemLabel {
    font-size: 1.2rem;
  }
  .totalResultContainer .productItem .itemTitle {
    min-height: 4.8rem;
    font-size: 1.8rem;
  }
  .totalResultContainer .productItem [class*="charge"] {
    font-size: 1.6rem;
  }
  .totalResultContainer .typePromotion .charge {
    font-size: 1.2rem;
  }
  .totalResultContainer .searchTextArea {
    min-height: 3rem;
    padding: 0.5rem 0;
  }
  .totalResultContainer .searchText {
    font-size: 1.4rem;
  }
  .totalResultContainer .totalResultTop {
    padding: 2rem;
    margin-bottom: 0;
  }
  .totalResultContainer .totalResultMiddle {
    margin-bottom: 2rem;
  }
  /* 검색 결과 사업자 안내 */
  .recommendCenter {
    margin: 2rem auto 3rem;
  }
  .recommendCenter .infoTextArea {
    margin-bottom: 2rem;
    font-size: 1.3rem;
  }
  /* 검색 결과 - 텍스트 */
  .searchTextArea .searchContent {
    overflow: hidden;
    width: 100%;
    height: 2.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (max-width: 717px) {
  /* 검색바 공통 */
  /* 검색 결과 */
  /* 검색 결과 목록 */
  .totalResultContainer .productItemList > li {
    width: calc(50% - 1rem);
  }
  .totalResultContainer .recommendChatbot {
    overflow: hidden;
    padding: 5.7rem 2rem;
  }
  /* 검색 결과 사업자 안내 */
}
@media (max-width: 512px) {
  /* 검색바 공통 */
  /* 검색 결과 */
  /* 검색 결과 목록 */
  .totalResultContainer .recommendChatbot:after {
    right: -4rem;
    width: 49.44%;
    background-position: right bottom;
    background-size: 160%;
  }
  /* 검색 결과 사업자 안내 */
}
@media (max-width: 320px) {
  /* 검색바 공통 */
  /* 검색 결과 */
  /* 검색 결과 목록 */
  .totalResultContainer .productItemList > li {
    width: calc(100% - 1rem);
  }
  /* 검색 결과 사업자 안내 */
}
.homeLogin {
  background-color: #eff1f3;
}
.homeLogin .homeLoginContainer {
  padding: 1.6rem 0 17rem;
}
.homeLogin .footerContainer {
  display: none;
}

.loginWrapper {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  max-width: 143.6rem;
  margin: 0 auto;
  border: 0.1rem solid #cccccc;
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.loginWrapper .loginImage {
  width: 71.8rem;
  height: 100%;
  line-height: 0;
}
.loginWrapper .loginImage .moType {
  display: none;
}
.loginWrapper .loginImage img {
  display: block;
  width: 100%;
  height: auto;
  line-height: 0;
}
.loginWrapper .loginContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 47.8rem;
  margin: 0 auto;
  padding: 3rem 2rem;
  background-color: #ffffff;
}
.loginWrapper .checkbox {
  font-size: 1.4rem;
}
.loginWrapper .fieldWrap .loginMiddle .buttonArea {
  margin-top: 3rem;
}
.loginWrapper .loginMiddle .fieldCheckbox .checkbox {
  width: auto;
  margin-right: 2rem;
}
.loginWrapper .loginMiddle .fieldCheckbox .checkbox:last-child {
  margin-right: 0;
}

.loginWrapper .loginImage .pcType.newYear,
.loginWrapper .loginImage.newYear .pcType,
.loginWrapper .loginImage.newYear .moType {
  display: none;
}
.loginWrapper .loginImage.newYear .pcType.newYear {
  display: block;
}

/* Login Home */
.loginContainer .fieldWrap {
  width: 100%;
}
.loginContainer .fieldWrap .fieldTitle {
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  line-height: 2.9rem;
}
.loginContainer .fieldWrap .loginMiddle {
  margin-top: 2rem;
  margin-bottom: 1.4rem;
}
.loginContainer .fieldWrap .loginMiddle:last-child {
  margin-bottom: 0;
}
.loginContainer .fieldWrap .loginMiddle .field.fieldInput:not(:first-of-type) {
  margin-top: 1rem;
}
.loginContainer .fieldWrap .loginMiddle .field.fieldCheckbox {
  margin-top: 1rem;
}
.loginContainer .fieldWrap .loginMiddle .buttonArea {
  margin-top: 2rem;
}
.loginContainer .fieldWrap .loginBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loginContainer .fieldWrap .loginBottom .linkUnderline {
  font-size: 1.4rem;
  font-weight: 500;
  color: #777777;
  line-height: 2rem;
  margin-right: 1rem;
}
.loginContainer .fieldWrap .loginBottom .linkUnderline:last-child {
  margin-left: auto;
  margin-right: 0;
}
.loginContainer .or {
  position: relative;
  width: 100%;
  margin-top: 4rem;
}
.loginContainer .or .line {
  width: 100%;
  height: 0.1rem;
  background-color: #cccccc;
}
.loginContainer .or .text {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 1.2rem;
  background-color: #ffffff;
  font-size: 1.3rem;
  font-weight: 400;
  color: #777777;
  line-height: 1.9rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.captchaWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
}
.captchaWrap .captchaImg {
  -ms-flex-preferred-size: 29.2rem;
  flex-basis: 29.2rem;
  min-width: 24.2rem;
  margin-right: 0.8rem;
  line-height: 0;
}
.captchaWrap .captchaImg img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.captchaWrap .captchaBtn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.captchaWrap .btn {
  display: block;
  width: 100%;
  height: 4.6rem;
  margin-bottom: 0.8rem;
}
.captchaWrap .btn:last-child {
  margin-bottom: 0;
}
.captchaWrap .btn:focus {
  outline: 2px solid #000000;
}
.captchaWrap .btn[class*="icon"] {
  padding-left: 3.5rem;
  text-align: left;
}
.captchaWrap .btn[class*="icon"]:before {
  display: none;
}
.captchaWrap .btn.iconRefresh {
  background: url("/web/kmvno/assets/images/common/icon_refresh.svg") no-repeat left
    1rem center;
}
.captchaWrap .btn.iconVoice {
  background: url("/web/kmvno/assets/images/common/icon_Voice.svg") no-repeat left
    1rem center;
}

.captcha {
  margin-top: 2rem;
}
.captcha .captchaBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.captcha .left {
  -ms-flex-preferred-size: 24.2rem;
  flex-basis: 24.2rem;
  margin-right: 0.8rem;
  line-height: 0;
}
.captcha .left img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.captcha .right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.captcha .right input {
  display: block;
  width: 100%;
  height: 4.6rem;
  margin-bottom: 0.8rem;
  padding: 0 1rem 0 3rem;
  background-color: #ffffff;
  border: 1px solid #499690;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #499690;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
}
.captcha .right input:last-child {
  margin-bottom: 0;
}
.captcha .right input:first-child {
  background: url("/web/kmvno/assets/images/common/icon_refresh.svg") no-repeat left
    1rem center;
}
.captcha .right input:nth-child(2) {
  background: url("/web/kmvno/assets/images/common/icon_Voice.svg") no-repeat left
    1rem center;
}
.captcha .right input:hover,
.captcha .right input:focus-visible {
  background-color: rgba(73, 150, 144, 0.1);
}
.captcha .right input:active {
  background-color: rgba(73, 150, 144, 0.4);
}

.homeFindId .contentArea {
  padding: 16rem 2rem 20rem;
}
.homeFindId .contentArea .formContainer {
  max-width: 69.8rem;
}
.homeFindId .contentArea .formContainer .formInner {
  margin: 0;
}
.homeFindId .phoneNumber {
  margin-bottom: 7rem;
}

.homeFindIdComplete {
  background-color: #eff1f3;
}
.homeFindIdComplete .contentArea {
  max-width: 70rem;
  margin: 0 auto;
  padding: 18rem 2rem 16.6rem;
}
.homeFindIdComplete .buttonArea {
  margin-top: 13.7rem;
}

.homeFindPw .contentArea {
  padding: 16rem 2rem 20rem;
}
.homeFindPw .contentArea .formContainer {
  max-width: 69.8rem;
}
.homeFindPw .contentArea .formContainer .formInner {
  margin: 0;
}
.homeFindPw .formItemArea .phoneNumber {
  margin: 0;
}

.homeFindPwChange .contentArea {
  padding: 16rem 2rem 20rem;
}
.homeFindPwChange .field:nth-of-type(2) {
  margin: 0;
}

.socialLoginArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 3.2rem;
}
.socialLoginArea .itemBox {
  width: 100%;
}
.socialLoginArea .itemBox .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 5rem;
  border-radius: 0.4rem;
}
.socialLoginArea .itemBox .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5.8rem;
  height: 5rem;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.socialLoginArea .itemBox .icon.naver {
  background-color: #45b649;
}
.socialLoginArea .itemBox .icon.naver:before {
  background: url("/web/kmvno/assets/images/home/naver.svg") no-repeat center/100%
    auto;
}
.socialLoginArea .itemBox .icon.kakao:before {
  background: url("/web/kmvno/assets/images/home/kakaotalk.svg") no-repeat
    center/100% auto;
}
.socialLoginArea .itemBox .icon.facebook:before {
  background: url("/web/kmvno/assets/images/home/facebook.svg") no-repeat center/100%
    auto;
}
.socialLoginArea .itemBox .icon.apple:before {
  background: url("/web/kmvno/assets/images/app/apple.svg") no-repeat center/100%
    auto;
}
.socialLoginArea .itemBox .text {
  display: block;
  width: 100%;
  padding: 0 5.9rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.4;
}

/* 비밀번호 변경 안내 팝업 */
.passwordChangeArea {
  padding-top: 1rem;
}
.passwordChangeArea .changeTop {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.5;
  text-align: center;
}
.passwordChangeArea .changeMiddle {
  margin-top: 2rem;
  padding: 0.8rem 4.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  background-color: #f8f8fa;
  border-radius: 0.4rem;
  text-align: center;
}
.passwordChangeArea .changeMiddle .term {
  font-weight: bold;
}
.passwordChangeArea .cautionWrap {
  margin-top: 2.4rem;
}

/* Find Id */
.fieldLabel {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000000;
  line-height: 2rem;
}

/* Find Id Complete */
.complateTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 500;
  color: #333333;
  line-height: 4.6rem;
}
.complateTitle strong {
  font-size: 3.2rem;
  font-weight: 700;
  color: #000000;
  line-height: 4.6rem;
}

/* Find Pw */
.verify {
  margin-top: 2.4rem;
  margin-bottom: 0 !important;
}
.verify .input {
  position: relative;
}
.verify .input .remainTime {
  position: absolute;
  top: 50%;
  right: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #499690;
  line-height: 2.3rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 회원가입  */
[class*="homeJoinStep"] .contentArea {
  padding-top: 10.3rem;
  padding-bottom: 14rem;
}
[class*="homeJoinStep"] .joinTitleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 5.5rem;
}
@media (max-width: 1024px) {
  [class*="homeJoinStep"] .joinTitleArea {
    display: none;
  }
}
[class*="homeJoinStep"] .joinTitle {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
}
[class*="homeJoinStep"] .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
[class*="homeJoinStep"] .steps [class*="step"] {
  position: relative;
  width: 4rem;
  height: 4rem;
  margin-right: 3rem;
  padding: 1.1rem;
  border: 1px solid #cccccc;
  font-size: 1.6rem;
  font-weight: bold;
  color: #777777;
  line-height: 1;
  background-color: #f7f8fa;
  border-radius: 50%;
  text-align: center;
}
[class*="homeJoinStep"] .steps [class*="step"]:last-child {
  margin-right: 0;
}
[class*="homeJoinStep"] .steps [class*="step"]:last-child::before {
  display: none;
}
[class*="homeJoinStep"] .steps [class*="step"]::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -3.1rem;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3rem;
  height: 0.1rem;
  background-color: #c4c4c4;
}
[class*="homeJoinStep"] .steps [class*="step"] > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

.homeJoinTopContainer {
  display: none;
  width: 100%;
  height: 6.8rem;
  margin: 0 auto;
  background-color: #f7f8fa;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.homeJoinTopContainer .homeJoinArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-right: 2rem;
}
.homeJoinTopContainer .topBtnLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}
.homeJoinTopContainer .btnPrev {
  width: 5rem;
  height: 4.8rem;
  background: url("/web/kmvno/assets/images/common/icon_navi_prev.svg") no-repeat
    center;
}
.homeJoinTopContainer .btnNext {
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1;
}

.homeJoinStep01 .steps .stepOne {
  border-width: 2px;
  border-color: #499690;
  background-color: #ffffff;
  color: #499690;
  text-decoration: underline;
}
.homeJoinStep01 .fieldCheckbox .fieldForm {
  font-size: 1.4rem;
  color: #000000;
}
.homeJoinStep01 .typeCertification {
  margin-bottom: 3rem;
}
.homeJoinStep01 .joinTopArea {
  margin-bottom: 0;
}

.homeJoinStep02 .steps .stepOne {
  border-color: #499690;
  background-color: #499690;
  color: #ffffff;
}
.homeJoinStep02 .steps .stepOne::before {
  background-color: #499690;
}
.homeJoinStep02 .steps .stepTwo {
  border-width: 2px;
  border-color: #499690;
  background-color: #ffffff;
  color: #499690;
  text-decoration: underline;
}
.homeJoinStep02 .formItemArea .typeCaution .fieldValue {
  padding-left: 0;
}
.homeJoinStep02 .formItemArea .typeCaution .fieldValue::before {
  display: none;
}

.homeJoinStep03 .contentInner {
  max-width: 69.8rem;
}
.homeJoinStep03 .steps .stepOne,
.homeJoinStep03 .steps .stepTwo {
  border-color: #499690;
  background-color: #499690;
  color: #ffffff;
}
.homeJoinStep03 .steps .stepOne::before,
.homeJoinStep03 .steps .stepTwo::before {
  background-color: #499690;
}
.homeJoinStep03 .steps .stepThree {
  border-width: 2px;
  border-color: #499690;
  background-color: #ffffff;
  color: #499690;
  text-decoration: underline;
}

.joinCompleteArea,
.loginFailArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8.4rem;
}
.joinCompleteArea .imgWrap,
.loginFailArea .imgWrap {
  margin-bottom: 5.8rem;
}
.joinCompleteArea .imgWrap > img,
.loginFailArea .imgWrap > img {
  display: block;
  width: 100%;
  height: auto;
}
.joinCompleteArea .textWrap,
.loginFailArea .textWrap {
  margin-bottom: 6rem;
  font-size: 3.2rem;
  font-weight: 300;
  color: #000000;
  line-height: 1.45;
  text-align: center;
}
.joinCompleteArea .textWrap:last-child,
.loginFailArea .textWrap:last-child {
  margin-bottom: 0;
}
.joinCompleteArea .textWrap.smallText,
.loginFailArea .textWrap.smallText {
  font-size: 1.6rem;
}
.joinCompleteArea .textWrap .name,
.loginFailArea .textWrap .name {
  font-weight: bold;
}
.joinCompleteArea .textWrap .pcBlock,
.loginFailArea .textWrap .pcBlock {
  display: block;
}

/* 약관동의 아코디언 */
[class*="agreementAccordion"].active .btnOpenAgree {
  background-image: url("/web/kmvno/assets/images/common/arrow_line_up.svg");
}
[class*="agreementAccordion"].active .fieldData {
  display: block;
}
[class*="agreementAccordion"] .btnOpenAgree {
  margin-left: auto;
  width: 3.2rem;
  height: 2.2rem;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    center/1.2rem auto;
}
[class*="agreementAccordion"] .btnOpenAgree > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
[class*="agreementAccordion"] .fieldData {
  display: none;
}
[class*="agreementAccordion"] .fieldCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
[class*="agreementAccordion"] .fieldCheckbox .checkboxLabel {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000000;
  line-height: 1;
}
[class*="agreementAccordion"] .fieldCheckbox .fieldLabel {
  max-width: calc(100% - 7rem);
  margin-bottom: 0;
}
[class*="agreementAccordion"] .fieldCheckbox .checkIcon::before {
  margin-right: 0;
}

.joinTopArea {
  margin-bottom: 7rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
}
.joinTopArea .joinInfoBox {
  padding: 2rem;
  margin-bottom: 4rem;
  border-radius: 0.4rem;
}
.joinTopArea .joinInfoBox.bgGray {
  background-color: #f8f8fa;
}
.joinTopArea .dataInner {
  margin-bottom: 4rem;
}

/* 가려진 정보보기 팝업 */
.popupContent > .typeCaution {
  margin: -2rem -1.6rem 0;
}
.popupContent > .typeCaution .fieldArea {
  padding: 2rem 1.6rem;
}

.dlInfoWrap02 {
  margin-top: 2rem;
}
.dlInfoWrap02:first-child {
  margin-top: 0;
}
.dlInfoWrap02 .cautionArea .cautionWrap li {
  margin-bottom: 0;
}

.infoUnit {
  margin-bottom: 2.5rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.infoUnit:last-child {
  margin-bottom: 0;
}
.infoUnit dt {
  font-size: 1.3rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.infoUnit dd {
  margin-top: 0.7rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

/* 회원가입 유형 선택 */
[class*="homeJoinIntro"] .contentArea {
  padding-bottom: 14rem;
}
[class*="homeJoinIntro"] .joinIntroTitleArea {
  display: flex;
  justify-content: space-between;
}
[class*="homeJoinIntro"] .joinIntroTitleArea .joinIntroTitleTxt h2 {
  margin-bottom: 1.6rem;
  padding-top: 3.6rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
[class*="homeJoinIntro"] .joinIntroTitleArea .joinIntroTitleTxt p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  color: #000;
}
[class*="homeJoinIntro"] .joinIntroTitleArea .joinIntroTitleImgbox {
  text-align: center;
}
[class*="homeJoinIntro"] .joinIntroTitleArea .joinIntroTitleImgbox img {
  max-height: 21rem;
  height: 100%;
}
[class*="homeJoinIntro"] .joinFriendsList .list {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04),
    0px 0px 1px 0px rgba(0, 0, 0, 0.04);
}
[class*="homeJoinIntro"] .fieldRefer + .fieldRefer {
  margin-top: 0.6rem;
}
.homeJoinIntro .buttonArea button span:after {
  display: inline-block;
  content: "하기";
}

/* 마이알뜰폰 입점 사업자 */
.joinFriendsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -0.3rem;
}
.joinFriendsList .list {
  overflow: hidden;
  width: calc(25% - 0.6rem);
  margin: 0.3rem;
  padding: 2rem 0 2.8rem;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  background-color: #ffffff;
}
.joinFriendsList .list .listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.joinFriendsList .list .listBox .name {
  min-height: 2.3rem;
  margin-bottom: 0rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333;
  line-height: 2.3rem;
}
.joinFriendsList .list .listBox .imgBox img {
  display: block;
  width: auto;
  height: 4rem;
  margin: 0 auto;
}

/* 마이알뜰폰 입점 사업자 팝업  */
.popupJoinFriendsList .typeCaution {
  margin: 0;
}
.popupJoinFriendsList .typeCaution .fieldArea {
  background: #f8f8fa;
}
.popupJoinFriendsList .typeCaution .fieldArea .fieldRefer {
  margin-top: 0;
}
.popupJoinFriendsList .popupMiddleTitle {
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
}
.popupJoinFriendsList .joinFriendsList {
  margin-top: 1.6rem;
}
.popupJoinFriendsList .joinFriendsList .list {
  width: calc((100% / 6) - 0.6rem);
}

/* 서비스 최초 접근 시 팝업 */
.popupFirstNoticeWrap.popup > .popupContainer,
.popupSystemNoticeWrap.popup > .popupContainer {
  max-width: 47.2rem;
}
.popupFirstNoticeWrap.popup .buttonArea,
.popupSystemNoticeWrap.popup .buttonArea {
  margin-top: 2rem;
}

.popupNoticeWrap {
  position: relative;
}
.popupNoticeWrap .pagination-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: static;
  margin-top: 1.5rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.popupNoticeWrap .pagination-area .swiper-pagination-current {
  font-weight: bold;
  text-decoration: underline;
}
.popupNoticeWrap .pagination-area .popupNoticePagination {
  width: auto;
}
.popupNoticeWrap [class*="pageBtn"] {
  -ms-flex-preferred-size: 3rem;
  flex-basis: 3rem;
  position: static;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
    center;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.popupNoticeWrap [class*="pageBtn"]:hover {
  background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
    center;
}
.popupNoticeWrap [class*="pageBtn"]:active {
  background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
    center;
}
.popupNoticeWrap [class*="pageBtn"].pageBtnNext {
  -webkit-transform: translateY(0) rotate(180deg);
  transform: translateY(0) rotate(180deg);
}
.popupNoticeWrap .playStopArea .controlBtn {
  width: 2.4rem;
  height: 2.4rem;
}
.popupNoticeWrap .play {
  display: none;
  background: url("/web/kmvno/assets/images/common/slide_play.svg") no-repeat center
    center/2.4rem auto;
}
.popupNoticeWrap .play.show {
  display: block;
}
.popupNoticeWrap .stop {
  display: none;
  background: url("/web/kmvno/assets/images/common/slide_pause.svg") no-repeat center
    center/2.4rem auto;
}
.popupNoticeWrap .stop.show {
  display: block;
}
.popupNoticeWrap .highTextArea {
  overflow: hidden;
  overflow-y: auto;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

.noticePieceContainer {
  overflow-y: auto;
  max-height: 32rem;
}
.noticePieceContainer .noticeHead {
  margin-bottom: 3rem;
}
.noticePieceContainer .noticeTitle {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.noticePieceContainer .textBox {
  font-size: 1.3rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.noticePieceContainer .importBgBox {
  padding: 2rem 2rem 1.9rem;
  margin-top: 4rem;
  border-radius: 0.4rem;
  background-color: #f8f8fa;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.noticePieceContainer .importBgBox.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.noticePieceContainer .importBgBox .title {
  margin-right: 1rem;
}
.noticePieceContainer .importBgBox strong {
  font-weight: bold;
}
.noticePieceContainer .dotList {
  margin-top: 2rem;
}
.noticePieceContainer .dotList .beforeDot {
  margin-bottom: 0;
  font-size: 1.2rem;
}
.noticePieceContainer .dotList .beforeDot::before {
  top: 0.65rem;
}

/* 회원가입 안내(중복) */
.userInfoContainer {
  margin-top: 2rem;
  padding: 1.6rem 2rem;
}
.userInfoContainer:first-child {
  margin-top: 0;
}
.userInfoContainer.bgColorGray {
  background-color: #f8f8fa;
  border-radius: 0.4rem;
}
.userInfoContainer .infoRowArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.userInfoContainer .infoRowArea:last-child {
  margin-bottom: 0;
}
.userInfoContainer .infoTitleBox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7rem;
  padding-right: 1rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  letter-spacing: 0;
}
.userInfoContainer .infoTextBox {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
  letter-spacing: 0;
}

@media (max-width: 1600px) {
  .homeLoginContainer {
    width: calc(100% - 4rem);
    margin: 0 2rem;
  }
}
@media (max-width: 1024px) {
  .homeLogin {
    padding-top: 0;
    background-color: #ffffff;
  }
  .homeLogin.moMenuOpen .headerArea {
    background-color: #ffffff;
  }
  .homeLogin.moMenuOpen .loginContainer,
  .homeLogin.moMenuOpen .footerContainer {
    z-index: 10;
  }
  .homeLogin .headerContainer {
    position: static;
  }
  .homeLogin:not(.moMenuOpen) .header {
    background: transparent;
    border: none;
  }
  .homeLogin:not(.moMenuOpen) .header .logo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url("/web/kmvno/assets/images/common/logo_white.svg") no-repeat
      center;
    pointer-events: none;
  }
  .homeLogin:not(.moMenuOpen) .header .logo img {
    position: relative;
    z-index: 1;
  }
  .homeLogin:not(.moMenuOpen) .header .logo > a {
    width: 89px;
    height: 31px;
    display: block;
  }
  .homeLogin:not(.moMenuOpen) .header .logo img {
    opacity: 0;
  }
  .homeLogin:not(.moMenuOpen) .userMenu .totalSearchBar .btnSearch,
  .homeLogin:not(.moMenuOpen) .userMenu .totalSearchBar .btnSearchOpen {
    background: url("/web/kmvno/assets/images/common/icon_search_white.svg")
      no-repeat center/22px auto;
  }
  .homeLogin:not(.moMenuOpen) .btnMenuOpen {
    background: url("/web/kmvno/assets/images/common/toggle_menu_open_white.svg")
      no-repeat center;
  }
  
  .homeLogin:not(.moMenuOpen) .btnSearchOpen {
    background: transparent;
  }

  .homeLogin:not(.moMenuOpen) .btnSearchOpen:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4.4rem;
    height: 4.4rem;
    background: url("/web/kmvno/assets/images/common/icon_search_white.svg")
      no-repeat center;
  }
  .homeLogin:not(.moMenuOpen) .btnChatbot {
    background: url("/web/kmvno/assets/images/common/icon_chatbot_white.svg")
      no-repeat center/3rem auto;
  }
  .homeLogin .loginWrapper {
    position: static;
  }
  .homeLogin .loginContainer,
  .homeLogin .footerContainer {
    position: relative;
    z-index: 99;
    left: 0;
    right: 0;
  }
  .homeLogin .homeLoginContainer {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: -6.1rem auto 0;
    padding: 0;
  }
  .homeLogin .footerContainer {
    display: block;
  }
  .homeLogin .loginContainer {
    width: 100%;
    max-width: none;
    padding: 3rem 2rem;
    margin-top: 6rem;
  }
  .homeLogin .loginWrapper {
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
    max-height: none;
    border: 0;
  }
  .homeLogin .loginWrapper .loginImage {
    position: fixed;
    z-index: 0;
    width: 100%;
    height: auto;
    min-height: 6.1rem;
  }
  .homeLogin .loginWrapper .loginImage .pcType {
    display: none;
  }
  .homeLogin .loginWrapper .loginImage .moType {
    display: block;
  }
  
  .homeLogin .loginWrapper .loginImage .moType.newYear,
  .homeLogin .loginWrapper .loginImage.newYear .moType,
  .homeLogin .loginWrapper .loginImage.newYear .pcType.newYear {
    display: none;
  }
  .homeLogin .loginWrapper .loginImage.newYear .moType.newYear {
    display: block;
  }
  
  .captchaWrap,
  .captcha {
    max-width: 40rem;
  }
  .captchaWrap .btn:focus,
  .captcha .btn:focus {
    outline: none;
  }
  .captcha .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .captcha .right {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-preferred-size: 11.7rem;
    flex-basis: 11.7rem;
  }
  .captcha .right input {
    padding-left: 3rem;
  }
  .captcha .right input:first-child,
  .captcha .right input:nth-child(2) {
    background-position: left 1.5rem center;
  }
  .homeJoinTopContainer {
    display: block;
  }
  .homeFindIdComplete .contentArea {
    padding-top: 15rem;
    padding-bottom: 10rem;
  }
  .joinTopArea {
    margin-bottom: 5rem;
    font-size: 1.6rem;
  }
  .joinTopArea .joinInfoBox {
    margin-bottom: 3rem;
    padding: 1.8rem;
  }

  /* popup  마이알뜰폰 입점 사업자 */
  .popupJoinFriendsList.popup .popupContainer {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }
  .popupJoinFriendsList.popup .popupMiddle {
    max-height: calc(100vh - 5rem);
  }
  .popupJoinFriendsList .joinFriendsList .list {
    width: calc(25% - 0.6rem);
  }
  .joinFriendsList .list .listBox .imgBox img {
    height: 3.6rem;
  }
}
/* Login Home */
@media (max-width: 717px) {
  .homeFindId .contentArea,
  .homeFindPw .contentArea,
  .homeFindPwChange .contentArea {
    padding: 5rem 0 7rem;
  }
  /* Login Home */
  .loginContainer {
    padding: 5rem 2rem;
  }
  .loginContainer .fieldWrap {
    width: 100%;
  }
  .loginContainer .fieldWrap .fieldTitle {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333333;
    line-height: 2.6rem;
  }
  .loginContainer .fieldWrap .loginMiddle {
    margin-top: 1.4rem;
    margin-bottom: 1.1rem;
  }
  .loginContainer .fieldWrap .loginMiddle .buttonArea {
    margin-top: 2rem;
  }
  .loginContainer .fieldWrap .loginBottom .linkUnderline {
    font-size: 1.3rem;
    font-weight: 500;
    color: #777777;
    line-height: 2rem;
  }
  .loginContainer .or {
    margin-top: 3rem;
  }
  .captchaWrap .captchaImg {
    min-width: 0;
  }
  .socialLoginArea {
    margin-top: 2.8rem;
  }
  .socialLoginArea .itemBox {
    margin: 0;
  }
  .socialLoginArea .itemBox .icon:before {
    width: 5.4rem;
  }
  .socialLoginArea .itemBox .icon .text {
    padding: 0 5.5rem;
    font-size: 1.2rem;
  }
  /* Find Pw */
  .verify .input .remainTime {
    right: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #499690;
    line-height: 1.6rem;
  }
  [class*="homeJoinIntro"] .joinIntroTitleArea {
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 4rem;
  }
  [class*="homeJoinIntro"] .joinIntroTitleArea .joinIntroTitleTxt h2 {
    margin-bottom: 1.2rem;
    padding-top: 0rem;
    font-size: 2rem;
  }
  [class*="homeJoinIntro"] .joinIntroTitleArea .joinIntroTitleTxt p {
    font-size: 1.4rem;
  }
  [class*="homeJoinIntro"] .joinIntroTitleArea .joinIntroTitleImgbox img {
    max-height: 18rem;
  }
  [class*="homeJoinStep"] .contentArea {
    padding-top: 3.7rem;
    padding-bottom: 7rem;
  }
  .homeJoinStep03 .buttonArea .btn {
    min-width: initial;
  }
  .joinCompleteArea,
  .loginFailArea {
    margin-bottom: 5rem;
  }
  .joinCompleteArea .textWrap,
  .loginFailArea .textWrap {
    width: 100%;
    font-size: 2rem;
    word-break: keep-all;
  }
  .joinCompleteArea .textWrap .pcBlock,
  .loginFailArea .textWrap .pcBlock {
    display: inline;
  }
  .joinCompleteArea .textWrap .moBlock,
  .loginFailArea .textWrap .moBlock {
    display: block;
  }
  .joinCompleteArea .imgWrap,
  .loginFailArea .imgWrap {
    max-width: 27.2rem;
  }
  /* 서비스 최초 접근 시 팝업 */
  .noticePieceContainer .importBgBox {
    padding: 1.6rem;
    margin-top: 2rem;
  }
  .noticePieceContainer .importBgBox.flex {
    display: block;
  }
  .noticePieceContainer .importBgBox.flex .title {
    display: block;
    margin-bottom: 0.4rem;
  }
  /* 회원가입 유형 선택 */
  .homeJoinIntro .contentArea {
    padding: 4rem 0rem 7rem;
  }
  .homeJoinIntro .buttonArea button span:after {
    display: none;
  }
  /* 마이알뜰폰 입점 사업자 */
  .joinFriendsList .list {
    width: calc(100% / 3 - 0.6rem);
  }
  /* popup  마이알뜰폰 입점 사업자 */
  .popupJoinFriendsList .joinFriendsList .list {
    width: calc(100% / 3 - 0.6rem);
  }
}
@media (max-width: 512px) {
  .homeFindId .field {
    margin-bottom: 2rem;
  }
  .homeFindId .field .fieldLabel {
    font-size: 1.3rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.9rem;
  }
  .homeFindIdComplete .buttonArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 12.2rem;
  }
  .homeFindIdComplete .buttonArea .btn {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    margin: 0;
  }
  .homeFindIdComplete .buttonArea .btn:last-of-type {
    margin-top: 0.8rem;
  }
  .homeFindPw .formItemArea .field {
    margin-bottom: 2rem;
  }
  .phoneNumber .fieldForm,
  .blockField .fieldForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .phoneNumber .fieldForm .input,
  .blockField .fieldForm .input {
    width: 100%;
  }
  .phoneNumber .fieldForm .buttonArea,
  .blockField .fieldForm .buttonArea {
    width: 100%;
    margin: 0.8rem 0 0 0;
  }
  .phoneNumber .fieldForm .buttonArea .btn,
  .blockField .fieldForm .buttonArea .btn {
    margin: 0;
  }
  /* Find Id Complete */
  .complateTitle {
    font-size: 2.8rem;
    font-weight: 500;
    color: #333333;
    line-height: 4rem;
  }
  .complateTitle strong {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000000;
    line-height: 4rem;
  }
  /* 회원가입 유형 선택 */
  /*.homeJoinIntro .buttonArea {
    display: block;
    margin: 0;
  }
  .homeJoinIntro .buttonArea .btn {
    width: 100%;
    margin: 0.8rem 0;
  } */
  /* 마이알뜰폰 입점 사업자 */
  .joinFriendsList .list {
    width: calc(50% - 0.6rem);
  }
  /* popup  마이알뜰폰 입점 사업자 */
  .popupJoinFriendsList .joinFriendsList .list {
    width: calc(50% - 0.6rem);
  }
}
@media (max-width: 320px) {
  .joinCompleteArea .imgWrap,
  .loginFailArea .imgWrap {
    width: 100%;
    height: 100%;
  }
  .captchaWrap {
    display: block;
  }
  .captchaWrap .captchaImg {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .captchaWrap .captchaBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.5rem;
  }
  .captchaWrap .captchaBtn .btn {
    margin: 0 0.5rem;
  }
  .captcha .captchaBox {
    display: block;
  }
  .captcha .left {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .captcha .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.5rem;
  }
  .captcha .right input {
    padding-left: 3rem;
    margin: 0 0.5rem;
  }
  .captcha .right input:first-child,
  .captcha .right input:nth-child(2) {
    background-position: left 1.5rem center;
  }
}
.wrap.main.active .headerInner {
  top: 0;
}
.wrap.main .headerContainer {
  position: static;
}
.wrap.main .headerInner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

.headerInner {
  background-color: #ffffff; /* 2025-01-17 KMVNO-5221-DR-2025-03311 */
  border-bottom: 1px solid #dcdcdc;
}
/* 2025-01-17 KMVNO-5221-DR-2025-03311 */
.headerInner.newYear {
  background: #ffffff url("/web/kmvno/assets/images/common/headerBg_snow.gif") center;
  background-size: auto 100%;
}
/* //2025-01-17 KMVNO-5221-DR-2025-03311 */


/* myInfoSummary */
.main .headerArea > .myInfoSummary {
  position: relative;
  z-index: 2;
  width: 100%;
}
.main .headerArea > .myInfoSummary .summaryBtnTitle {
  height: 7.5rem;
}
.main .headerArea > .myInfoSummary .summaryBottom {
  position: absolute;
  z-index: 2;
  top: 7.5rem;
  left: 0;
  width: 100%;
}
.main .contentContainer {
  top: -7.5rem;
  position: relative;
  z-index: 1;
}

/* main common */
.mainTitleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
  margin-bottom: 3.2rem;
}
.mainTitleArea .title {
  font-size: 4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.mainTitleArea .line {
  display: inline-block;
  position: relative;
}
.mainTitleArea .line span {
  position: relative;
  z-index: 1;
}
.mainTitleArea .line:after {
  content: "";
  position: absolute;
  right: -0.2rem;
  left: -0.2rem;
  bottom: 0.3rem;
  z-index: 0;
  height: 1.7rem;
  background-color: #ff5758;
}
.mainTitleArea .btnAllView {
  margin-left: 5rem;
}

/* 전체보기 */
.btnAllView {
  position: relative;
  display: inline-block;
  padding-right: 1.5rem;
  padding-bottom: 3px;
  border-bottom: 2px solid #777777;
  font-size: 1.8rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.4;
}
.btnAllView:after {
  content: "";
  position: absolute;
  opacity: 0.8;
  top: 50%;
  right: 0;
  width: 7px;
  height: 10px;
  margin-top: -7px;
  background: url("/web/kmvno/assets/images/common/arrow_link_r.svg") no-repeat
    center/cover;
}

/* visualSwiper */
.swiper {
  overflow: hidden;
}

.mainVisual {
  position: relative;
}
.mainVisual .swiper-slide {
  position: relative;
}
.mainVisual .visualBtn {
  width: 4rem;
  height: 4rem;
}
.mainVisual .play {
  display: none;
  background: url("/web/kmvno/assets/images/common/slide_play.svg") no-repeat center
    center/2.6rem auto;
}
.mainVisual .play.show {
  display: block;
}
.mainVisual .stop {
  display: none;
  background: url("/web/kmvno/assets/images/common/slide_pause.svg") no-repeat center
    center/2.6rem auto;
}
.mainVisual .stop.show {
  display: block;
}
.mainVisual .swiper-pagination-bullets {
  width: auto !important;
  bottom: 0 !important;
  left: 6.1% !important;
}
.mainVisual .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 2rem 0 !important;
}
.mainVisual .slideArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 12.5%;
  bottom: 0;
  z-index: 1;
}
.mainVisual [class*="slideBg"] img {
  display: block;
  width: 100%;
  height: auto;
}
.mainVisual .slideBgMo {
  display: none;
}
.mainVisual .slideTop {
  margin-bottom: 1.5rem;
}
.mainVisual .visualTitle {
  font-size: 4.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.mainVisual .visualText {
  font-size: 2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.5;
  margin-bottom: 1.4rem;
}
.mainVisual .visualText:last-child {
  margin-bottom: 0;
}
.mainVisual .slideMore {
  overflow: hidden;
  position: relative;
  display: inline-block;
  height: 4.8rem;
  padding: 0 2.3rem;
  margin-top: 5.7rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 4.4rem;
  border: 2px solid #000000;
}
.mainVisual .slideMore > span {
  position: relative;
  z-index: 2;
}
.mainVisual .slideMore:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mainVisual .slideMore:hover:after,
.mainVisual .slideMore:focus:after {
  width: 100%;
  background-color: white;
}

/* 플로팅 메뉴 */
.floatingArea {
  position: fixed;
  right: 6rem;
  bottom: 5.2rem;
  z-index: 10;
  line-height: 0;
}
.floatingArea a,
.floatingArea button {
  width: 12rem;
  height: 12rem;
  background-color: #ffffff;
  border-radius: 12rem;
  -webkit-box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 챗봇 */
.chatBotArea {
  position: fixed;
  right: 6rem;
  bottom: 5.2rem;
  z-index: 10;
  line-height: 0;
}
.chatBotArea a,
.chatBotArea button {
  width: 12rem;
  height: 12rem;
  padding: 0.1rem 0.25rem 0.3rem;
  background-color: #ffffff;
  border-radius: 12rem;
  -webkit-box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chatBotArea a:before,
.chatBotArea button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  background: url("/web/kmvno/assets/images/common/icon_chatbot.svg") no-repeat
    center;
  background-size: contain;
  border-radius: 50%;
}

/* mainCompare */
.mainCompare {
  padding-top: 13.6rem;
  padding-bottom: 14.5rem;
}

.compareWrap {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 4px solid #2d2d2d;
  border-radius: 2rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.compareWrap > [class*="compare"] {
  width: 50%;
}
.compareWrap .tabContainer {
  width: 100%;
}
.compareWrap .compareCharge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 6.1rem 7.7rem 6.4rem;
  background-color: #f7f7f7;
}
.compareWrap .compareCharge .chargeTop {
  width: 100%;
  height: auto;
  margin-bottom: 4.2rem;
  border: 0;
  letter-spacing: -1px;
}
.compareWrap .compareCharge .chargeTop .tabButton {
  position: relative;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  font-weight: bold;
  color: #8f8f8f;
  line-height: 1.4;
}
.compareWrap .compareCharge .chargeTop .tabButton:before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 1.2rem;
  margin: 0 1rem 0 0.8rem;
  background-color: #cccccc;
}
.compareWrap .compareCharge .chargeTop .tabButton:first-child:before {
  display: none;
}
.compareWrap .compareCharge .chargeTop .tabButton[aria-selected="true"] {
  color: #000000;
}
.compareWrap .compareCharge .chargeTop .tabButton[aria-selected="true"]:after {
  display: none;
}
.compareWrap .compareCharge .chargeTop .tabButton[aria-selected="true"] span {
  display: block;
  position: relative;
}
.compareWrap
  .compareCharge
  .chargeTop
  .tabButton[aria-selected="true"]
  span:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 0;
  margin-left: -4px;
  border: 8px solid #499690;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.compareWrap .chargeBottom {
  width: 100%;
}
.compareWrap .chargeInputWrap {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 7.8rem;
  padding: 3rem;
  margin-bottom: 1.4rem;
  border: 4px solid #2d2d2d;
  border-radius: 0.8rem;
}
.compareWrap .chargeInputWrap .chargeInput {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  width: calc(100% - 14.7rem);
  background-color: transparent;
  border: none;
  font-size: 3rem;
  font-weight: bold;
  color: #000000;
  line-height: 2.6rem;
  text-align: right;
}
.compareWrap .chargeCostWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.4rem -0.4rem 2rem;
  font-size: 0;
}
.compareWrap .chargeCostWrap .btn {
  width: 18rem;
  height: 5.6rem;
  margin: 0.4rem;
  background-color: #e4e4e4;
  border: 4px solid #e4e4e4;
  border-radius: 0.8rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #555555;
  line-height: 1;
}
.compareWrap .chargeCostWrap .btn.active {
  background-color: #f9f9f9;
  border-color: #333333;
}
.compareWrap .chargeTitle {
  font-size: 1.8rem;
  font-weight: normal;
  color: #000000;
  line-height: 2.6rem;
  padding-right: 2.6rem;
  border-right: 1px solid #000000;
}
.compareWrap .chargeBtnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.compareWrap .chargeBtnArea .compareBtn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 8rem;
  background-color: #000000;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  border-radius: 0.8rem;
}
.compareWrap .chargeBtnArea .compareBtn:focus-visible {
  outline: 5px solid #949494;
}
.compareWrap .compareImgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #2d2d2d;
}
.compareWrap .compareImgbox img {
  display: block;
  width: 100%;
}

.compareWrap .compareImgbox img.newYear {
  display: none;
}
.compareWrap .compareImgbox.newYear img {
  display: none;
}
.compareWrap .compareImgbox.newYear img.newYear {
  display: block;
}


/* mainRecommend */
.mainRecommend {
  position: relative;
  max-width: 147.6rem;
  margin: 0 auto 7.3rem;
}
.mainRecommend .contentLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 26.5rem;
  margin: 0 auto;
  padding-bottom: 6rem;
  background: url("/web/kmvno/assets/images/main/bg_recommend_pc_01.png") no-repeat
    right 2rem bottom; /* 2025-01-17 KMVNO-5221-DR-2025-03311 */
}
.mainRecommend .contentLeft.newYear {
  background: url("/web/kmvno/assets/images/main/bg_recommend_newyear_pc01.png") no-repeat
  right bottom / 53rem; 
}
.mainRecommend .contentLeft .mainTitleArea {
  margin-bottom: 0;
}
.mainRecommend .contentRight {
  position: relative;
}
.mainRecommend [class*="monthCharge"] {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 2rem;
}
.mainRecommend [class*="monthCharge"] .moreLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 2rem;
}
.mainRecommend [class*="monthCharge"] .moreLink span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.mainRecommend [class*="monthCharge"] .chargeLabel {
  position: relative;
  display: block;
  padding-bottom: 0.9rem;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #555555;
  line-height: 1.4;
}
.mainRecommend [class*="monthCharge"] .chargeLabel:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1.15rem;
  width: 2.3rem;
  height: 3px;
  background-color: #c4c4c4;
}
.mainRecommend [class*="monthCharge"] .chargeTitle {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 3.1rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
}
.mainRecommend [class*="monthCharge"] .chargeText {
  font-size: 1.9rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}
.mainRecommend [class*="monthCharge"] .chargeSubText {
  font-size: 1.8rem;
  font-weight: normal;
  color: #646464;
  line-height: 1;
}
.mainRecommend [class*="monthCharge"] .optionLabel,
.mainRecommend [class*="monthCharge"] .optionText {
  display: block;
}
.mainRecommend [class*="monthCharge"] .optionLabel {
  color: transparent;
  margin-bottom: 2rem;
}
.mainRecommend [class*="monthCharge"] .optionText {
  min-height: 6rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.mainRecommend .monthChargeTop {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-bottom: 3rem;
  padding: 4.5rem;
  background-color: #f7f7f7;
}
.mainRecommend .monthChargeTop .recommendTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.5rem;
  margin-bottom: 4rem;
}
.mainRecommend .monthChargeTop .recommendMiddle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6rem;
}
.mainRecommend .monthChargeTop .imgWrap {
  width: 17.2rem;
  margin-right: 5.6rem;
}
.mainRecommend .monthChargeTop .recommendOptionBox {
  margin-left: 10rem;
}
.mainRecommend .monthChargeTop .recommendOptionBox:first-child {
  margin-left: 0;
}
.mainRecommend .monthChargeTop .recommendOptionBox .optionLabel {
  margin-bottom: 1rem;
  font-size: 1.8rem;
}
.mainRecommend .monthChargeTop .recommendOptionBox .optionText {
  font-size: 5.6rem;
}
.mainRecommend .monthChargeTop .basicCharge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 0;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  margin-bottom: 2rem;
}
.mainRecommend .monthChargeTop .basicCharge:last-child {
  margin-bottom: 0;
}
.mainRecommend .monthChargeTop .basicCharge .label {
  margin-right: 2rem;
  font-size: 2rem;
}
.mainRecommend .monthChargeTop .basicCharge .charge {
  font-size: 3.2rem;
  font-weight: bolder;
}
.mainRecommend .monthChargeTop .basicCharge .won {
  font-size: 3.2rem;
}
.mainRecommend .monthChargeTop .basicCharge .subText {
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 0.5rem;
  font-size: 2rem;
  font-weight: 400;
  color: #999999;
  line-height: 1;
}
.mainRecommend .monthChargeTop .basicCharge.cardType .label,
.mainRecommend .monthChargeTop .basicCharge.cardType .charge,
.mainRecommend .monthChargeTop .basicCharge.cardType .won {
  color: #499690;
}
.mainRecommend .monthCharge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4.5rem 0;
  background-color: #ffffff;
  text-align: center;
}
.mainRecommend .monthCharge .recommendTop,
.mainRecommend .monthCharge .recommendMiddle {
  width: calc(100% - 2rem);
}
.mainRecommend .monthCharge .recommendTop {
  margin: 0 1rem 2.5rem;
}
.mainRecommend .monthCharge .recommendTop .imgWrap {
  width: auto;
  margin-bottom: 0.6rem;
}
.mainRecommend .monthCharge .recommendTop .imgWrap img {
  width: auto;
  height: 4.8rem;
}
.mainRecommend .monthCharge .recommendMiddle {
  margin: 0 1rem 5rem;
}
.mainRecommend .monthCharge .recommendBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% - 8rem);
  margin: auto 4rem 0;
  padding: 4.3rem 1rem 2.5rem;
  background-color: #f7f8fa;
  border-radius: 1.6rem;
}
.mainRecommend .monthCharge .recommendOptionBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.mainRecommend .monthCharge .recommendOptionBox:first-child {
  padding-left: 0;
}
.mainRecommend .monthCharge .recommendOptionBox:last-child {
  padding-right: 0;
}
.mainRecommend .monthCharge .beforeCharge {
  display: inline-block;
  position: relative;
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-weight: normal;
  color: #999999;
  line-height: 1;
}
.mainRecommend .monthCharge .beforeCharge:before {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #999999;
}
.mainRecommend .monthCharge .beforeCharge span {
  font-size: 2rem;
}
.mainRecommend .monthCharge .afterCharge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3.2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}
.mainRecommend .monthCharge .afterCharge .label {
  margin-right: 1.3rem;
}
.mainRecommend .monthCharge .afterCharge .charge {
  font-size: 5.6rem;
  color: #2d2d2d;
}
.mainRecommend .monthCharge .afterCharge .won {
  margin-left: 0.5rem;
}
.mainRecommend
  .monthCharge
  .recommendOptionBox[class*="iconBefore"]
  .optionLabel {
  overflow: hidden;
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 0 auto 3rem;
}
.mainRecommend .monthCharge .recommendOptionBox.iconBeforeData .optionLabel {
  background: url("/web/kmvno/assets/images/common/icon_signal.svg") no-repeat center;
}
.mainRecommend .monthCharge .recommendOptionBox.iconBeforeCall .optionLabel {
  background: url("/web/kmvno/assets/images/common/icon_call.svg") no-repeat center;
}
.mainRecommend .monthCharge .recommendOptionBox.iconBeforeMessage .optionLabel {
  background: url("/web/kmvno/assets/images/common/icon_email.svg") no-repeat center;
}
.mainRecommend .recommendTabs {
  position: absolute;
  top: -3rem;
  left: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mainRecommend .recommendTabs .tabBtn {
  margin: 2px 0.7rem 2px;
  padding-bottom: 0.3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1;
}
.mainRecommend .recommendTabs .tabBtn.active {
  position: relative;
  color: #499690;
  font-weight: bold;
}
.mainRecommend .recommendTabs .tabBtn.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #499690;
}

.visualSwiper .visualMainArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 12%;
  bottom: 5%;
}
.visualSwiper .visualMainPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
  line-height: 1;
  letter-spacing: 1px;
}
.visualSwiper .visualMainPagination .swiper-pagination-current {
  padding-right: 1rem;
  font-weight: bold;
  text-decoration: underline;
}
.visualSwiper .visualMainPagination .swiper-pagination-total {
  padding-left: 1rem;
}

.mainPopularSwiper {
  overflow: hidden;
}
.mainPopularSwiper .swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.mainPopularSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
}

.mainPopularPagination,
.mainNoticePagination,
.mainBizPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: static;
  width: 12.6rem;
  height: 100%;
  margin: 2.5rem auto 0;
}
.mainPopularPagination [class*="Btn"],
.mainNoticePagination [class*="Btn"],
.mainBizPagination [class*="Btn"] {
  overflow: hidden;
  position: static;
  width: 3rem;
  height: 3rem;
  background: url("/web/kmvno/assets/images/common/arrow_pagenation.svg") no-repeat
    center #ffffff;
  background-size: cover;
  border-radius: 50%;
}
.mainPopularPagination [class*="Btn"] > span,
.mainNoticePagination [class*="Btn"] > span,
.mainBizPagination [class*="Btn"] > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.mainPopularPagination [class*="Btn"]:hover,
.mainPopularPagination [class*="Btn"]:focus-visible,
.mainNoticePagination [class*="Btn"]:hover,
.mainNoticePagination [class*="Btn"]:focus-visible,
.mainBizPagination [class*="Btn"]:hover,
.mainBizPagination [class*="Btn"]:focus-visible {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_hover.svg");
}
.mainPopularPagination [class*="Btn"]:active,
.mainNoticePagination [class*="Btn"]:active,
.mainBizPagination [class*="Btn"]:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_press.svg");
}
.mainPopularPagination [class*="Btn"].swiper-button-disabled,
.mainNoticePagination [class*="Btn"].swiper-button-disabled,
.mainBizPagination [class*="Btn"].swiper-button-disabled {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_disable.svg");
}
.mainPopularPagination [class*="Btn"][class*="BtnNext"],
.mainPopularPagination [class*="Btn"][class*="bizBtnNext"],
.mainPopularPagination [class*="Btn"][class*="noticeBtnNext"],
.mainNoticePagination [class*="Btn"][class*="BtnNext"],
.mainNoticePagination [class*="Btn"][class*="bizBtnNext"],
.mainNoticePagination [class*="Btn"][class*="noticeBtnNext"],
.mainBizPagination [class*="Btn"][class*="BtnNext"],
.mainBizPagination [class*="Btn"][class*="bizBtnNext"],
.mainBizPagination [class*="Btn"][class*="noticeBtnNext"] {
  -webkit-transform: translateY(0) rotate(180deg);
  transform: translateY(0) rotate(180deg);
}
.mainPopularPagination [class*="Pagination"],
.mainNoticePagination [class*="Pagination"],
.mainBizPagination [class*="Pagination"] {
  position: static;
  width: auto;
  font-size: 1.3rem;
  font-weight: bold;
  color: #555555;
  line-height: 1;
}
.mainPopularPagination [class*="Pagination"] .swiper-pagination-current,
.mainNoticePagination [class*="Pagination"] .swiper-pagination-current,
.mainBizPagination [class*="Pagination"] .swiper-pagination-current {
  color: #499690;
}

/* mainMyBuisness */
.mainMyBuisness {
  margin-top: 18.9rem;
  margin-bottom: 9.8rem;
}
.mainMyBuisness .mainTitleArea {
  margin: 0 auto 5.7rem;
}
.mainMyBuisness .btnBizPopup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3rem 2.6rem;
  background-color: #f9f9f9;
  border-radius: 2rem;
  border: 1px solid #cccccc;
}
.mainMyBuisness .btnBizPopup + .btnBizPopup {
  margin-top: 3rem;
}
.mainMyBuisness .btnBizPopup:hover,
.mainMyBuisness .btnBizPopup:focus-visible {
  outline: 4px solid #499690;
  background-color: #ffffff;
  border-color: transparent;
}
.mainMyBuisness .btnBizPopup:active {
  opacity: 0.7;
}
.mainMyBuisness .btnBizPopup > img {
  display: block;
  width: auto;
  height: 6.4rem;
}
.mainMyBuisness .btnBizPopup .text {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  color: #777777;
  line-height: 1.4;
}

/* mainMyEvent */
.mainMyEvent {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.mainMyEvent .eventImgbox {
  width: 100%;
}
.mainMyEvent .eventImgbox img {
  display: block;
  width: 100%;
  height: auto;
}
.mainMyEvent .eventImgbox .showPc {
  display: block;
}
.mainMyEvent .eventImgbox .showMobile {
  display: none;
}

/* mainService */
.mainService {
  margin: 0;
  padding: 16.3rem 22.1rem;
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2f2f6;
}
.mainService .mainTitleArea .title {
  margin-bottom: 4rem;
  letter-spacing: -1px;
  color: #333333;
}
.mainService .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mainService .mainTitleArea,
.mainService .serviceItem {
  width: calc(33.33% - 4.2rem);
  max-width: 44.8rem;
  margin: 2.1rem;
}
.mainService .serviceItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4.2rem 3rem 5.3rem 3.5rem;
  background-color: #ffffff;
  border-radius: 2rem;
}
.mainService .serviceItem[class*="imgBefore"]::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 5rem;
  height: 5rem;
  margin-right: 3.4rem;
}
.mainService .serviceItem.imgBeforeCompany::before {
  background: url("/web/kmvno/assets/images/main/img_service_company.svg") no-repeat
    center/cover;
}
.mainService .serviceItem.imgBeforeQuality::before {
  background: url("/web/kmvno/assets/images/main/img_service_quality.svg") no-repeat
    center/cover;
}
.mainService .serviceItem.imgBeforePay::before {
  background: url("/web/kmvno/assets/images/main/img_service_pay.svg") no-repeat
    center/cover;
}
.mainService .serviceItem.imgBeforeOpen::before {
  background: url("/web/kmvno/assets/images/main/img_service_open.svg") no-repeat
    center/cover;
}
.mainService .serviceItem.imgBeforeNo1::before {
  background: url("/web/kmvno/assets/images/main/img_support.svg") no-repeat
    center/cover;
}
.mainService .descWrap .label {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 2rem;
  font-weight: bold;
  color: #333333;
  line-height: 2.3;
}
.mainService .descWrap .text {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.2;
}

/* mainNotice */
.mainNotice {
  max-width: 100%;
  margin-top: 15rem;
  margin-bottom: 17.2rem;
  word-break: break-word;
  word-wrap: break-word;
}
.mainNotice .mainTitleArea {
  margin: 0 auto 2rem;
}
.mainNotice .mainTitleArea .title {
  color: #333333;
}
.mainNotice .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  justify-content: flex-start !important;
  height: auto;
  padding: 0;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 2rem;
}
.mainNotice .swiper-slide > .noticeLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 4rem;
}
.mainNotice .swiper-slide > div {
  width: 100%;
}
.mainNotice .noticeTop {
  min-height: 12rem;
  margin-bottom: 1rem;
  font-size: 3.2rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
  letter-spacing: -1px;
}
.mainNotice .noticeTop .label {
  display: block;
  min-height: 8.8rem;
}
.mainNotice .noticeTop .iconBgNew {
  width: 3rem;
  height: 3rem;
  vertical-align: -3px;
}
.mainNotice .noticeTop .date {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}
.mainNotice .noticeMiddle {
  max-height: 10.8rem;
  margin-bottom: 2.6rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mainNotice .noticeBottom {
  margin-top: auto;
}

.mainArea [class*="visualMainBtn"] {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 5rem;
  height: 5rem;
  background: url("/web/kmvno/assets/images/common/arrow_pagenation.svg") no-repeat
    center #ffffff;
  background-size: cover;
  border-radius: 5rem;
  -webkit-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
.mainArea [class*="visualMainBtn"]:hover {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_hover.svg");
}
.mainArea [class*="visualMainBtn"]:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_press.svg");
}
.mainArea [class*="visualMainBtn"].visualMainBtn {
  background-color: transparent;
  top: 37.13%;
}
.mainArea [class*="visualMainBtn"][class*="BtnPrev"] {
  left: 0;
}
.mainArea [class*="visualMainBtn"][class*="BtnNext"] {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.mainArea [class*="visualMainBtn"] > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.mainArea [class*="visualMainBtn"] {
  background-color: transparent;
  top: 50%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mainArea [class*="visualMainBtn"].mo {
  display: none;
}
.mainArea [class*="visualMainBtn"].pc {
  display: block;
}
.mainArea [class*="visualMainBtn"].visualMainBtnPrev {
  left: 3.34%;
}
.mainArea [class*="visualMainBtn"].visualMainBtnNext {
  right: 3.34%;
  -webkit-transform: translate(0, 0) rotate(180deg);
  transform: translate(0, 0) rotate(180deg);
}
.mainArea .mainMyBuisness,
.mainArea .mainNotice {
  max-width: 100%;
}
.mainArea .mainMyBuisness .mainTitleArea,
.mainArea .mainNotice .mainTitleArea {
  max-width: 147.6rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.mainArea .mainBizSwiper,
.mainArea .noticeSwiper {
  overflow: hidden;
  position: relative;
  max-width: 165.6rem;
  margin: 0 auto;
  padding: 4px 11rem;
}
.mainArea .mainBizSwiper:before,
.mainArea .noticeSwiper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 10rem;
  height: 100%;
  background-color: #fff;
}
.mainArea .mainBizSwiper:after,
.mainArea .noticeSwiper:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 10rem;
  height: 100%;
  background-color: #fff;
}
.mainArea .mainBizSwiper .swiper-wrapper,
.mainArea .noticeSwiper .swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.mainArea .mainBizSwiper .swiper-slide,
.mainArea .noticeSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: auto;
}

@media (max-width: 1800px) {
  /* main common */
  .main .contentInner {
    max-width: 100%;
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .main .contentInner.mainMyEvent {
    padding: 0;
  }
  .main .contentInner.mainService {
    padding: 8rem 2.9rem;
  }
  /* mainCompare */
  .compareWrap .compareCharge {
    width: 60%;
    padding: 3rem;
  }
  .compareWrap .compareImgbox {
    width: 40%;
  }
  /* mainRecommend */
  /* mainMyBuisness */
  /* mainMyEvent */
  /* mainService */
  .mainService {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mainService .mainTitleArea,
  .mainService .serviceItem {
    max-width: 100%;
    width: calc(50% - 4.2rem);
  }
  /* mainNotice */
  .mainNotice .swiper-slide .noticeLink {
    padding: 3rem;
  }
}
@media (max-width: 1600px) {
  /* main common */
  /* mainCompare */
  /* mainRecommend */
  /* mainMyBuisness */
  /* mainMyEvent */
  /* mainService */
  /* mainNotice */
}
@media (max-width: 1280px) {
  /* main common */
  .main .contentInner {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .main .contentInner.mainService {
    padding: 5rem 0.9rem;
  }
  /* mainCompare */
  /* mainRecommend */
  /* mainMyBuisness */
  /* mainMyEvent */
  /* mainService */
  /* mainNotice */
  .mainNotice .noticeTop {
    min-height: 6.7rem;
    margin-bottom: 2.5rem;
    font-size: 2.8rem;
  }
  .mainNotice .noticeMiddle {
    margin-bottom: 2rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .wrap.main {
    padding-top: 6.1rem;
  }
  .wrap.main .mobileNav {
    display: none;
  }
  /* main common */
  .main .headerArea > .myInfoSummary.beforeLogin .subTitleContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main .headerArea > .myInfoSummary .summaryBtnTitle {
    height: 6.4rem;
  }
  .main .headerArea > .myInfoSummary .summaryBottom {
    top: 6.4rem;
  }
  .main .contentInner.mainService {
    padding: 5rem 3rem 6rem;
  }
  .main .contentContainer {
    top: -6.5rem;
  }
  .mainTitleArea {
    margin-bottom: 2.4rem;
    padding-right: 2.8rem;
  }
  .mainTitleArea .title {
    font-size: 2.4rem;
  }
  .visualSwiper .pagination-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
  }
  .visualSwiper .visualMainArea {
    position: static;
  }
  .visualSwiper [class*="visualMainBtn"] {
    -ms-flex-preferred-size: 3rem;
    flex-basis: 3rem;
    position: static;
    width: 3rem;
    min-width: 3rem;
    height: 4rem;
    background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
      center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .visualSwiper [class*="visualMainBtn"]:hover {
    background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
      center;
  }
  .visualSwiper [class*="visualMainBtn"]:active {
    background: url("/web/kmvno/assets/images/common/mo_slide_next_ic.png") no-repeat
      center;
  }
  .visualSwiper [class*="visualMainBtn"].mo {
    display: block;
  }
  .visualSwiper [class*="visualMainBtn"].pc {
    display: none;
  }
  .visualSwiper [class*="visualMainBtn"].visualMainBtnNext {
    -webkit-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
  }
  .visualSwiper .play,
  .visualSwiper .stop {
    min-width: 4rem;
    background-size: 2.4rem auto;
  }
  .visualSwiper .visualMainPagination {
    margin-right: 0;
  }
  .visualSwiper .visualMainPagination .swiper-pagination-current {
    padding-right: 0.5rem;
  }
  .visualSwiper .visualMainPagination .swiper-pagination-total {
    padding-left: 0.5rem;
  }
  /* 플로팅 메뉴 */
  .floatingArea {
    right: 2rem;
    bottom: 3rem;
  }
  .floatingArea a {
    width: 7rem;
    height: 7rem;
  }
  /* 챗봇 */
  .chatBotArea {
    right: 2rem;
    bottom: 3rem;
  }
  .chatBotArea a {
    width: 7rem;
    height: 7rem;
    padding: 0.1rem 0.1rem 0.2rem;
  }
  /* mainVisual */
  .mainVisual .slideArea {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    top: 24%;
    left: 3rem;
    right: 1rem;
  }
  .mainVisual .slideTop {
    margin-bottom: 1.2rem;
  }
  .mainVisual .visualTitle {
    font-size: 2.4rem;
  }
  .mainVisual .visualText {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  .mainVisual .slideMore {
    margin-top: 2rem;
  }
  .mainVisual .visualPagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: auto;
    left: 3rem;
    bottom: 2.7rem;
  }
  .mainVisual .visualPagination .swiper-pagination-bullet {
    margin: 0 1.6rem 0 0;
    font-size: 1.3rem;
  }
  .mainVisual .visualPagination .swiper-pagination-bullet-active {
    font-weight: bolder;
  }
  .mainVisual .visualPagination .swiper-pagination-bullet-active:after {
    display: none;
  }
  .mainVisual .swiper-pagination-bullets {
    width: auto !important;
    bottom: 2.7rem !important;
    left: 3rem !important;
  }
  .mainVisual .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.6rem 0 0 !important;
  }
  .mainVisual .slideMore {
    height: 3.6rem;
    font-size: 1.3rem;
    font-weight: bold;
    color: #000000;
    line-height: 3.2rem;
  }
  .mainVisual .slideMore:after {
    display: none;
  }
  .mainVisual .slideMore:hover,
  .mainVisual .slideMore:focus {
    border-bottom-color: #555555;
  }
  .btnAllView {
    font-size: 1.3rem;
  }
  /* mainCompare */
  .mainCompare {
    padding: 5rem 3rem;
    /* background-color: #f9f9f9; */
    background-color: #ffffff; 
  }
  .mainCompare .mainTitleArea {
    margin-bottom: 4rem;
  }
  .compareWrap {
    border: none;
    border-radius: 0;
  }
  .compareWrap .compareCharge {
    width: 100%;
    padding: 0;
    background-color: transparent;
  }
  .compareWrap .compareCharge .chargeTop {
    margin-bottom: 4rem;
  }
  .compareWrap .compareCharge .chargeTop .tabButton {
    font-size: 1.8rem;
  }
  .compareWrap .compareImgbox {
    display: none;
  }
  .compareWrap .chargeBtnArea .compareBtn {
    height: 5rem;
    font-size: 1.4rem;
  }
  /* mainRecommend */
  .mainRecommend {
    margin-top: 5rem;
  }
  .mainRecommend .contentLeft {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 15.7rem;
    padding-bottom: 0;
    background: url("/web/kmvno/assets/images/main/bg_recommend_mo_01.png") no-repeat
      right 2rem bottom/19.9rem 12rem; /* 2025-01-17 KMVNO-5221-DR-2025-03311 */
  }
  .mainRecommend .contentLeft.newYear {
    background: url("/web/kmvno/assets/images/main/bg_recommend_newyear_mo01.png") no-repeat
    right bottom/19.9rem 12rem; 
  }
  .mainRecommend .monthChargeTop {
    margin-bottom: 1rem;
    padding: 2rem;
  }
  .mainRecommend .monthChargeTop .recommendOptionBox {
    margin-left: 4rem;
  }
  .mainRecommend .monthChargeTop .recommendOptionBox .optionText {
    font-size: 4rem;
  }
  .mainRecommend .monthChargeTop .recommendTop {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mainRecommend .monthCharge {
    padding: 2rem 0;
  }
  .mainRecommend .monthCharge .recommendMiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mainRecommend .monthCharge .recommendBottom {
    width: calc(100% - 4rem);
    padding: 2rem;
    margin: auto 2rem 0;
  }
  .mainRecommend
    .monthCharge
    .recommendOptionBox[class*="iconBefore"]
    .optionLabel {
    margin-bottom: 1rem;
  }
  .mainRecommend .monthCharge .beforeCharge {
    margin-top: 0.8rem;
    margin-right: 1rem;
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  .mainRecommend .monthCharge .beforeCharge span {
    font-size: inherit;
  }
  .mainRecommend .monthCharge .afterCharge .label {
    margin-top: 0.5rem;
    margin-right: 0.4rem;
  }
  .mainRecommend .monthCharge .afterCharge .won {
    margin-top: 0.5rem;
    margin-left: 0.2rem;
  }
  .mainRecommend .recommendTabs .tabBtn {
    font-size: 1.2rem;
  }
  .mainPopularPagination,
  .mainBizPagination,
  .mainNoticePagination {
    margin-top: 3rem;
  }
  .mainPopularPagination [class*="Btn"]:focus-visible,
  .mainBizPagination [class*="Btn"]:focus-visible,
  .mainNoticePagination [class*="Btn"]:focus-visible {
    outline: none;
  }
  /* mainMyBuisness */
  .mainMyBuisness {
    margin-top: 7rem;
    margin-bottom: 3.5rem;
  }
  .mainMyBuisness .mainTitleArea {
    padding: 0;
    margin-bottom: 2rem;
  }
  .mainMyBuisness .btnBizPopup:hover,
  .mainMyBuisness .btnBizPopup:focus-visible {
    border-color: #cccccc;
  }
  /* mainMyEvent */
  .mainMyEvent .eventImgbox .showPc {
    display: none;
  }
  .mainMyEvent .eventImgbox .showMobile {
    display: block;
  }
  /* mainService */
  .mainService .mainTitleArea {
    width: 100%;
    margin: 0;
  }
  .mainService .mainTitleArea .title {
    margin-bottom: 2rem;
  }
  .mainService .serviceItem {
    width: 100%;
    margin: 0 auto 1.7rem;
    padding: 2.5rem 1.6rem 2rem 2.5rem;
    border-radius: 0;
  }
  .mainService .serviceItem[class*="imgBefore"]:before {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 2.3rem;
  }
  .mainService .descWrap .text {
    font-size: 1.5rem;
  }
  /* mainNotice */
  .mainNotice {
    margin-top: 5.6rem;
    margin-bottom: 7rem;
    padding-right: 0;
  }
  .mainNotice .swiper-slide {
    min-height: 19.6rem;
    border-radius: 8px;
  }
  .mainNotice .swiper-slide .noticeLink {
    height: 100%;
    min-height: 19.6rem;
    padding: 2.4rem 2rem;
  }
  .mainNotice .noticeTop {
    height: auto;
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #333333;
    line-height: 1.2;
  }
  .mainNotice .noticeTop .label {
    min-height: 4.4rem;
  }
  .mainNotice .noticeTop .iconBgNew {
    width: 1.7rem;
    height: 1.7rem;
  }
  .mainNotice .noticeMiddle {
    max-height: 9rem;
    font-size: 1.4rem;
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .mainNotice .noticeBottom {
    margin-top: auto;
  }
  .mainArea .mainMyBuisness .mainTitleArea,
  .mainArea .mainNotice .mainTitleArea {
    padding-left: 0;
    padding-right: 2rem;
  }
  .mainArea .mainBizSwiper,
  .mainArea .noticeSwiper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .mainArea .mainBizSwiper:before,
  .mainArea .mainBizSwiper:after,
  .mainArea .noticeSwiper:before,
  .mainArea .noticeSwiper:after {
    width: 5rem;
  }
  .homeLogin .headerInner {
    background: transparent;
  }
}
@media (max-width: 717px) {
  /* main common */
  .mainRecommend .mainTitleArea,
  .mainMyBuisness .mainTitleArea {
    display: block;
  }
  .mainRecommend .mainTitleArea .btnAllView,
  .mainMyBuisness .mainTitleArea .btnAllView {
    margin-top: 1.5rem;
    margin-left: 0;
  }
  /* mainVisual */
  .mainVisual .slideArea {
    top: 21%;
  }
  .mainVisual .slideBgPc {
    display: none;
  }
  .mainVisual .slideBgMo {
    display: block;
  }
  /* mainCompare */
  /* mainRecommend */
  
  .mainRecommend .contentLeft,
  .mainRecommend .contentLeft.newYear
   {
    background-position: right bottom 1rem;
  }
  
  .mainRecommend .contentRight {
    max-width: 100%;
    margin: -1rem 0;
  }
  .mainRecommend [class*="monthCharge"] .chargeTitle {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
  }
  .mainRecommend [class*="monthCharge"] .optionLabel {
    margin-bottom: 0.5rem;
  }
  .mainRecommend [class*="monthCharge"] .optionText {
    min-height: 4rem;
    font-size: 1.4rem;
  }
  .mainRecommend [class*="monthCharge"] .chargeLabel {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
  .mainRecommend [class*="monthCharge"] .chargeText {
    font-size: 1.5rem;
  }
  .mainRecommend .monthCharge .recommendTop {
    margin-bottom: 3.5rem;
  }
  .mainRecommend .monthCharge .recommendTop .imgWrap {
    margin-bottom: 0.5rem;
  }
  .mainRecommend .monthCharge .recommendMiddle {
    margin-bottom: 3rem;
  }
  .mainRecommend .monthCharge .recommendBottom {
    padding: 3rem 1rem 1.5rem;
  }
  .mainRecommend .monthCharge .recommendOptionBox {
    padding: 0 1.2rem;
  }
  .mainRecommend
    .monthCharge
    .recommendOptionBox[class*="iconBefore"]
    .optionLabel {
    width: 2rem;
    height: 2rem;
    background-size: contain;
  }
  .mainRecommend .monthCharge .afterCharge {
    font-size: 1.8rem;
  }
  .mainRecommend .monthCharge .afterCharge .charge {
    font-size: 3.5rem;
  }
  .mainRecommend .monthChargeTop .recommendTop {
    display: block;
    margin-bottom: 2rem;
  }
  .mainRecommend .monthChargeTop .recommendMiddle {
    margin-bottom: 2rem;
  }
  .mainRecommend .monthChargeTop .imgWrap {
    width: 8rem;
    margin-bottom: 1rem;
  }
  /* mainMyBuisness */
  /* mainMyEvent */
  /* mainService */
  /* mainNotice */
  .mainNotice .mainTitleArea .btnAllView {
    margin-left: auto;
  }
  .mainNotice .noticeLink {
    overflow: hidden;
  }
  .mainNotice .noticeLink:focus-visible {
    outline: none;
  }
  .mainArea .mainBizSwiper,
  .mainArea .noticeSwiper {
    padding: 0;
  }
  .mainArea .mainBizSwiper:before,
  .mainArea .mainBizSwiper:after,
  .mainArea .noticeSwiper:before,
  .mainArea .noticeSwiper:after {
    display: none;
  }
  /* 2025-01-17 KMVNO-5221-DR-2025-03311 */
  .headerInner.newYear {
    background: #ffffff url("/web/kmvno/assets/images/common/headerBg_snow.gif") left -150px center repeat;
  }
  /* //2025-01-17 KMVNO-5221-DR-2025-03311 */
  .homeLogin .headerInner {
    background: transparent;
  }
}
@media (max-width: 512px) {
  /* main common */
  /* mainCompare */
  .compareWrap .chargeCostWrap {
    margin: 0 0 1rem;
  }
  .compareWrap .chargeCostWrap .btn {
    width: 100%;
    height: 4.2rem;
    margin: 0 0 1rem;
    font-size: 1.4rem;
  }
  .compareWrap .compareCharge .chargeTop .tabButton {
    font-size: 1.4rem;
  }
  .mainPopularSwiper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mainPopularSwiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* mainRecommend */
  .mainRecommend .contentLeft {
    padding: 0;
    /* background-position: right 0rem bottom; */
    background-position: right 0rem bottom 1rem; 
  }
  .mainRecommend .contentLeft.newYear {
    background-position: right 0rem bottom 1rem; 
  }
  /* mainMyBuisness */
  .mainMyBuisness .btnBizPopup {
    padding: 2rem 3rem;
  }
  .mainMyBuisness .btnBizPopup + .btnBizPopup {
    margin-top: 0.8rem;
  }
  /* mainMyEvent */
  /* mainService */
  .mainService .mainTitleArea .pcBlock {
    display: none;
  }
  .mainService .mainTitleArea .moBlock {
    display: block;
  }
  .mainService .contentLeft .contentDesc {
    font-size: 1.4rem;
  }
  .mainService .contentLeft .contentDesc.moBlock {
    display: block;
  }
  .mainService .contentLeft .contentDesc .mainTitleArea,
  .mainService .contentLeft .contentDesc .serviceItem {
    width: 100%;
  }
  .mainService .serviceItem {
    margin-bottom: 1rem;
    padding: 2rem 1.6rem;
  }
  .mainService .serviceItem[class*="imgBefore"]::before {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 2.3rem;
  }
  .mainService .descWrap .label {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .mainService .descWrap .text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  /* mainNotice */
  .mainArea .mainMyBuisness.contentInner,
  .mainArea .mainNotice.contentInner {
    padding-left: 3rem;
    padding-right: 0;
  }
}
@media (max-width: 320px) {
  /* main common */
  .main .headerArea > .myInfoSummary .summaryBtnTitle {
    height: 10.2rem;
  }
  .main .headerArea > .myInfoSummary .summaryBottom {
    top: 10.2rem;
  }
  .main .contentInner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .main .contentInner.mainService {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .main .contentContainer {
    top: -10.5rem;
  }
  /* mainVisual */
  .mainVisual .slideTop {
    margin-bottom: 0.5rem;
  }
  .mainVisual .slideArea {
    top: 30%;
    left: 2rem;
  }
  .mainVisual .visualTitle {
    font-size: 2rem;
  }
  .mainVisual .visualText {
    font-size: 1.3rem;
  }
  .mainVisual .slideMore {
    height: 3.2rem;
    margin-top: 1rem;
  }
  /* mainCompare */
  /* mainRecommend */
  .mainRecommend .contentLeft {
    background-size: 15rem auto;
    
    background-position: right 0rem bottom 0.9rem; 
  }
  .mainRecommend .contentLeft.newYear {
    background-position: right 0rem bottom 0.9rem; 
  }
  .mainRecommend .monthCharge .recommendMiddle {
    display: block;
  }
  .mainRecommend .monthCharge .recommendBottom {
    display: block;
    padding: 0;
  }
  .mainRecommend .monthCharge .beforeCharge {
    margin-right: 0;
  }
  .mainRecommend .monthCharge .recommendOptionBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding: 0.8rem 0;
    margin: 0 1.2rem;
    border-bottom: 1px solid #cccccc;
    border-right: none;
  }
  .mainRecommend .monthCharge .recommendOptionBox:first-child,
  .mainRecommend .monthCharge .recommendOptionBox:last-child {
    padding: 0.8rem 0;
  }
  .mainRecommend .monthCharge .recommendOptionBox:last-child {
    border-bottom: none;
  }
  .mainRecommend
    .monthCharge
    .recommendOptionBox[class*="iconBefore"]
    .optionLabel {
    -ms-flex-preferred-size: 1.4rem;
    flex-basis: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 0.4rem 0 0;
  }
  .mainRecommend [class*="monthCharge"] .optionText {
    margin-left: auto;
    text-align: right;
  }
  /* mainMyBuisness */
  /* mainMyEvent */
  /* mainService */
  /* mainNotice */
  .mainArea .mainMyBuisness.contentInner,
  .mainArea .mainNotice.contentInner {
    padding-left: 2rem;
  }
}
/* common */
[class*="myThrifty"] .contentArea {
  padding-bottom: 14rem;
}
[class*="myThrifty"] .subTitleContainer .strongText.iconBgLink {
  background-size: 1rem 1.6rem;
}
[class*="myThrifty"] .field .fieldLabel {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000000;
  line-height: 2rem;
}
[class*="myThrifty"] .fieldRadio .fieldForm {
  height: 5.5rem;
  padding: 0 2rem;
  outline-offset: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
}

.subTitleContainer .subTitleTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 26.5rem;
  position: relative;
  max-width: 147.6rem;
  margin: 0 auto;
  padding: 0 2rem 7.7rem;
}
.subTitleContainer .subTitleTop::before {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: -8.5rem;
  width: 45.6rem;
  height: 33.5rem;
  z-index: 0;
  background: url("/web/kmvno/assets/images/myThrifty/img_subtitle_bg.png") no-repeat
    center/cover;
}
.subTitleContainer .labelText {
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.subTitleContainer .strongText {
  display: inline-block;
  margin-bottom: 1.4rem;
  padding-right: 2.8rem;
  font-size: 3.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.5;
  letter-spacing: -1.5px;
}
.subTitleContainer .strongText strong {
  font-weight: bold;
}
.subTitleContainer .strongText:last-child {
  margin-bottom: 0;
}
.subTitleContainer .profileLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 2.3rem;
}
.subTitleContainer .profileLabel .memberLevel {
  height: 2.3rem;
  margin-right: 0.6rem;
  padding: 0 0.4rem;
  border: 1px solid #499690;
  font-size: 1.4rem;
  color: #499690;
  border-radius: 3px;
}
.subTitleContainer .profileLabel > span {
  margin-right: 0.6rem;
}
.subTitleContainer .profileLabel > span:last-child {
  margin-right: 0;
}
.subTitleContainer .profileLabel .bold {
  font-weight: bold;
}
.subTitleContainer .subTitleBottom {
  padding: 2rem 0 2.3rem;
  background-color: #f7f8fa;
}
.subTitleContainer .subTitleBottom .subTitleBottomArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  max-width: 147.6rem;
  margin: 0 auto;
  padding: 0 2rem;
}
.subTitleContainer .subTitleBottom .dropdownLine {
  -ms-flex-preferred-size: 70rem;
  flex-basis: 70rem;
  margin-right: 2rem;
}
.subTitleContainer .subTitleBottom .dropdownTitle {
  background-color: #f7f8fa;
}
.subTitleContainer .subTitleBottom .myCouponBox,
.subTitleContainer .subTitleBottom .hideInfoBtn {
  background-color: #f7f8fa;
}
.subTitleContainer .subTitleBottom .myCouponBox {
  margin-right: 2.4rem;
}
.subTitleContainer .subTitleBottomArea {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.subTitleContainer .subTitleBottomArea [class*="iconBg"] > span {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
}
.subTitleContainer .subTitleBottomArea [class*="iconBg"] strong {
  font-weight: bold;
}
.subTitleContainer .subTitleBottomArea .iconBgLink {
  padding: 1rem 3rem 1rem 0;
}
.subTitleContainer .subTitleBottomArea .iconBgSetting {
  display: block;
  width: 6rem;
  height: 4rem;
  background-position: center;
}
.subTitleContainer .subTitleBottomArea .iconBgSetting > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.subTitleContainer .titleLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.subTitleContainer .titleLinks .underline {
  font-weight: bold;
}
.subTitleContainer .titleLinks .iconBgSetting {
  margin-left: 5rem;
}
.subTitleContainer .underline {
  text-decoration: underline;
}

.dataTitleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000000;
}
.dataTitleArea .dataTitle {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 2.3rem;
}
.dataTitleArea .dataTitle.iconBgLink {
  width: 100%;
  background-position: right 1rem center;
  text-align: left;
}
.dataTitleArea .dataText {
  margin-bottom: 2.5rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 2.3rem;
}
.dataTitleArea .dataText:only-child {
  margin-bottom: 0;
}
.dataTitleArea.noneLine {
  margin-bottom: 2.5rem;
  padding-bottom: 0;
  border-bottom: none;
}
.dataTitleArea .btnRefresh {
  margin-right: auto;
  width: 3rem;
  height: 2rem;
  background: url("/web/kmvno/assets/images/common/icon_summary_refesh.svg")
    no-repeat center/2.2rem;
}

.dataLabelArea {
  display: block;
  margin: 1.8rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

/* Field */
.fieldArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 5.5rem;
  margin-bottom: 1rem;
  padding: 1.5rem 2rem;
  outline-offset: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
}
.fieldArea:only-child {
  margin-bottom: 0;
}
.fieldArea.alignCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fieldArea.disabled {
  background-color: #f9f9f9;
}
.fieldArea.disabled .fieldValue {
  color: #777777;
}
.fieldArea .fieldValue {
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.fieldArea .space:before {
  content: "/";
  display: inline-block;
  margin: 0 0.5rem;
}

.extraItemList {
  margin-bottom: 3rem;
}
.extraItemList .listItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.extraItemList .listItem dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
  line-height: 2.3;
}
.extraItemList .listItem dt:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 1.5rem 1rem 0;
  background-color: #555555;
  border-radius: 50%;
  -webkit-transform: skew(-0.03deg);
  transform: skew(-0.03deg);
}
.extraItemList .listItem dd {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 2.3;
}

/* 공통 Type */
.typePhoneLine.disabled .dataTitleArea {
  border-color: #777777;
}
.typePhoneLine.disabled .dataTitle {
  color: #777777;
}
.typePhoneLine.disabled .fieldArea {
  opacity: 0.6;
}
.typePhoneLine.fieldCheckbox .fieldArea.disabled .fieldBox,
.typePhoneLine.fieldCheckbox .fieldArea.stopped .fieldBox,
.typePhoneLine.fieldRadio .fieldArea.disabled .fieldBox,
.typePhoneLine.fieldRadio .fieldArea.stopped .fieldBox {
  width: calc(100% - 4rem);
}
.typePhoneLine .fieldArea {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: auto;
  padding: 2.3rem 2rem;
}
.typePhoneLine .fieldArea.disabled .lineLabel > * {
  color: rgba(85, 85, 85, 0.5);
}
.typePhoneLine .fieldArea.disabled .lineMyPhone .phone {
  color: rgba(51, 51, 51, 0.5);
}
.typePhoneLine .fieldArea.disabled .radio {
  opacity: 0.5;
}
.typePhoneLine .fieldArea .fieldBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.typePhoneLine .fieldArea .radio {
  margin: 0;
  margin-right: 2rem;
}
.typePhoneLine .fieldArea .radio .radioLabel:before {
  margin-right: 0;
}
.typePhoneLine .fieldArea .checkbox {
  margin: 0;
  margin-right: 2rem;
}
.typePhoneLine .fieldArea .colorRed {
  font-size: 1.3rem;
}
.typePhoneLine .fieldArea .btn-delete {
  padding-bottom: 2px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1;
  border-bottom: 1px solid #777777;
}
.typePhoneLine .lineLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.typePhoneLine .lineLabel > * {
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1;
}
.typePhoneLine .lineLabel .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.typePhoneLine .lineLabel .product::after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  margin: 0 0.6rem;
  background-color: #999999;
}
.typePhoneLine .lineLabel .price {
  color: #777777;
}
.typePhoneLine .lineMyPhone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.typePhoneLine .lineMyPhone .phone {
  margin-right: 1.4rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  line-height: 2.3rem;
}
.typePhoneLine .lineMyPhone .colorLabel {
  height: 2.3rem;
  padding: 0 0.7rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 2.3rem;
  background-color: #499690;
  border-radius: 3px;
}
.typePhoneLine .innerLogo {
  padding: 3rem;
}
.typePhoneLine .innerLogo .fieldBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.typePhoneLine .innerLogo .fieldBox .imgWrap {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 13.7rem;
  height: 8rem;
  margin-right: 2rem;
}
.typePhoneLine .innerLogo .fieldBox .product {
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.typePhoneLine .innerLogo .fieldBox .product:after {
  display: none;
}
.typePhoneLine .innerLogo .fieldBox .phone {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-right: 1rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}
.typePhoneLine .innerLogo .fieldBox .lineLabel {
  margin-bottom: 0.3rem;
}
.typePhoneLine .lineBlocked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0.8rem;
}
.typePhoneLine .agency {
  display: block;
}

.typeLineDetail .fieldArea {
  display: block;
  height: auto;
  padding: 2rem;
  border: none;
  background-color: #f8f8fa;
}
.typeLineDetail .fieldArea div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 2;
}
.typeLineDetail .fieldArea dt {
  width: 10.5rem;
}
.typeLineDetail .fieldArea dd {
  font-weight: 700;
}

.fieldInput + .typeAddress,
.fieldInput + .typeMMS {
  margin-bottom: 1rem;
}

/* 명세서 유형 변경 */
.myThriftySpecsList .typePhoneLine {
  margin-bottom: 7rem;
}

/* summary common */
.fieldTop {
  border-bottom: 1px solid #cccccc;
}
.fieldTop.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fieldMiddle p {
  font-size: 1.6rem;
  line-height: 1.6;
}

.noticeArea {
  margin-bottom: 6rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
.noticeArea:last-child {
  margin-bottom: 0;
}
.noticeArea p {
  margin-bottom: 2rem;
}
.noticeArea p:only-child {
  margin-bottom: 0;
}
.noticeArea p:last-child {
  margin-top: 2rem;
  margin-bottom: 0;
}

.dlColorBoxArea {
  margin-bottom: 2rem;
}
.dlColorBoxArea:last-child {
  margin-bottom: 0;
}
.dlColorBoxArea .title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.dlColorBoxArea .colorBoxBottom {
  margin-top: 1rem;
  text-align: right;
}
.dlColorBoxArea .dlGrayBox {
  padding: 0.8rem 0;
}
.dlColorBoxArea .dlGrayBox.noneBorder {
  margin-bottom: 1rem;
}
.dlColorBoxArea .dlGrayBox.noneBorder:last-child {
  margin-bottom: 0;
}

.dlGrayBox,
.dlWhiteBox {
  padding: 0.5rem 0;
  border-radius: 1rem;
}
.dlGrayBox.noneBorder,
.dlWhiteBox.noneBorder {
  border: 0;
}
.dlGrayBox .dlItemFlex:not(.borderType),
.dlWhiteBox .dlItemFlex:not(.borderType) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.dlGrayBox .dlItemFlex.borderType dt,
.dlWhiteBox .dlItemFlex.borderType dt {
  font-weight: normal;
}

.dlGrayBox {
  background-color: #f7f8fa;
  border: 1px solid #999999;
}

.dlWhiteBox {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.dlItemFlex {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 2rem;
}
.dlItemFlex > *:only-child {
  width: 100%;
  text-align: center;
}
.dlItemFlex dt {
  min-width: 10rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.dlItemFlex dd {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
  text-align: right;
  word-break: break-word;
  word-wrap: break-word;
}
.dlItemFlex [class*="color"] {
  font-weight: bold;
}
.dlItemFlex.borderType {
  border-bottom: 1px solid #cccccc;
}
.dlItemFlex.borderType:last-child {
  border-bottom: none;
}
.dlItemFlex.borderType dt {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.dlItemFlex.borderType dd {
  font-size: 1.8rem;
  font-weight: bold;
  color: #646464;
  line-height: 1.4;
}
.dlItemFlex [class*="iconBg"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.8rem;
  padding-left: 4rem;
  background-size: 2.8rem;
  line-height: 2.8rem;
}

.usageItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.usageItem dt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.usageItem dd {
  position: relative;
  font-size: 3.2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
  text-align: right;
}
.usageItem dd span {
  position: relative;
}
.usageItem dd .ir {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  opacity: 0;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.usageItem .del {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 1.7rem);
  height: 1px;
  padding-right: 0;
  background-color: #777777;
}
.usageItem.borderBox {
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1.4rem 1.6rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
}
.usageItem.borderBox:first-child {
  margin-top: 0;
}
.usageItem.borderBox:last-child {
  margin-bottom: 0;
}
.usageItem.borderBox dt {
  font-size: 1.6rem;
  font-weight: bold;
  color: #555555;
  line-height: 1.4;
}
.usageItem.borderBox dd {
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.usageItem.smaller dt {
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.usageItem.smaller dd {
  font-size: 2.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}

.subSmallText {
  text-align: right;
  font-size: 1.3rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}

.dataGraphBar .graphArea {
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #e4e4e4;
}
.dataGraphBar .graphArea:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.dataGraphBar .graphArea:last-child .infoDetail {
  margin-bottom: 0;
}
.dataGraphBar .bar {
  overflow: hidden;
  position: relative;
  height: 0.9rem;
  background-color: rgba(201, 201, 219, 0.3);
  border-radius: 3rem;
}
.dataGraphBar .bar .barGage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  border-radius: 3rem;
  background-color: #499690;
}
.dataGraphBar .bar.bgRed .barGage {
  background-color: #ff5758;
}
.dataGraphBar .bar.bgYellow .barGage {
  background-color: #ffb15e;
}
.dataGraphBar .bar.bgPurple02 .barGage {
  background-color: #7d94e5;
}
.dataGraphBar .dlItemFlex {
  margin-bottom: 1rem;
  padding-bottom: 0;
  border-bottom: none;
}
.dataGraphBar .dlItemFlex dt,
.dataGraphBar .dlItemFlex dd {
  font-size: 1.3rem;
  letter-spacing: 0.5px;
}
.dataGraphBar .dlItemFlex dt {
  color: #333333;
  font-weight: bold;
}
.dataGraphBar .dlItemFlex dd {
  color: #646464;
  font-weight: normal;
}
.dataGraphBar .dlItemFlex .barContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #499690;
  font-weight: bold;
}
.dataGraphBar .infoDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem 0 1.6rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}

.codeInputBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.codeInputBox .input {
  width: calc(100% - 11.5rem);
  margin-right: 0.4rem;
}
.codeInputBox .input > input {
  height: 4.4rem;
}
.codeInputBox .btn {
  width: 11.1rem;
  font-size: 1.6rem;
}

.dlItemFlexDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 2rem;
  word-break: keep-all;
}
.dlItemFlexDate dt {
  -ms-flex-preferred-size: 7rem;
  flex-basis: 7rem;
  margin-right: 2.4rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.dlItemFlexDate dd {
  -ms-flex-preferred-size: 50rem;
  flex-basis: 50rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  word-break: break-word;
  word-wrap: break-word;
}
.dlItemFlexDate .updateLabel {
  -ms-flex-preferred-size: 15rem;
  flex-basis: 15rem;
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
  text-align: right;
}

.summaryDataWrap .dlGrayBox,
.summaryDataWrap .dlWhiteBox {
  padding: 1rem 0;
}
.summaryDataWrap .dlWhiteBox .dlItemFlex {
  min-height: 2rem;
}
.summaryDataWrap .dlItemFlex {
  min-height: 6.5rem;
}
.summaryDataWrap .dlItemFlex.borderType dt {
  font-weight: bold;
}
.summaryDataWrap .dataGraphBar {
  padding: 0;
}
.summaryDataWrap .dataGraphBar .graphArea {
  margin: 1.6rem 2rem;
}
.summaryDataWrap .dataGraphBar .dlItemFlex {
  margin: 0 0 0.9rem;
  min-height: 2rem;
}
.summaryDataWrap .swiper-slide > * {
  width: 100%;
}
.summaryDataWrap .buttonArea {
  margin-top: 2rem;
  margin-left: 0;
  margin-right: 0;
}
.summaryDataWrap .buttonArea .btn:only-child {
  margin: 0;
}

.summaryTitleArea {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.summaryTitleArea .imgWrap {
  overflow: hidden;
  margin-bottom: 1rem;
  height: 4rem;
}
.summaryTitleArea .imgWrap img {
  width: auto;
  height: 100%;
}
.summaryTitleArea .summaryBigTitle {
  display: block;
  margin-bottom: 1.8rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.summaryTitleArea .summaryBigTitle button {
  text-align: left;
}

.summaryContent {
  margin: 0 -0.5rem;
}
.summaryContent .summaryArea {
  width: calc(33.333% - 1rem);
  margin: 0 0.5rem 1rem;
}
.summaryContent .summaryArea.disabled {
  opacity: 0.5;
}
.summaryContent .summaryArea.half {
  width: calc(66.666% - 1rem);
}
.summaryContent .summaryArea.full {
  width: calc(100% - 1rem);
}
.summaryContent .summaryInner {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.summaryContent .summaryInner:last-of-type {
  margin-bottom: 0;
}
.summaryContent .summaryInner .tableContainer {
  margin-bottom: 2rem;
}
.summaryContent .summaryInner .tableContainer:last-child {
  margin-bottom: 0;
}
.summaryContent .bgColorGray {
  background-color: #f7f8fa;
}
.summaryContent .bgColorGreen {
  background-color: #e5efee;
}
.summaryContent .fieldMiddle {
  padding: 3rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.summaryContent .fieldBottom {
  position: relative;
  padding: 3rem 3rem 5rem;
}
.summaryContent .fieldBottom.borderTop {
  border-top: 1rem solid #f8f8fa;
}
.summaryContent .fieldTop {
  padding: 1.6rem 2rem;
}
.summaryContent .fieldTop.detailTitle {
  margin-top: 7rem;
  border-bottom: none;
  font-size: 1.8rem;
}

.summaryInner {
  /* nodata */
}
.summaryInner .nodataContainer {
  margin: 2rem 0;
  padding: 5.3rem 1rem;
  text-align: center;
  background-color: #f8f8fa;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

/* 즐겨찾기 */
.favoritContainer {
  overflow: hidden;
  max-width: 147.6rem;
  padding: 0 2rem;
  margin: 0 auto 3rem;
}
.favoritContainer .fieldTop,
.favoritContainer .fieldMiddle {
  overflow: hidden;
  padding: 2rem 3rem;
  background-color: #ffffff;
  border: 2px solid #499690;
}
.favoritContainer .fieldTop {
  position: relative;
  border-bottom: 0;
  border-radius: 0.8rem 0.8rem 0 0;
}
.favoritContainer .fieldTop:before {
  content: "";
  position: absolute;
  left: 3rem;
  right: 3rem;
  bottom: 1px;
  z-index: 1;
  height: 1px;
  background-color: #cccccc;
}
.favoritContainer .fieldMiddle {
  border-top: 0;
  border-radius: 0 0 0.8rem 0.8rem;
}
.favoritContainer .fieldMiddle:only-child {
  padding: 1.6rem;
  border: 2px solid #499690;
  border-radius: 0.8rem;
}
.favoritContainer .fieldTitle01 {
  white-space: nowrap;
}
.favoritContainer .iconBgSetting {
  display: block;
  padding: 1rem 0;
  margin: 0 2rem 0 1rem;
  background: none;
}
.favoritContainer .iconBgSetting > img {
  display: block;
  width: 2.3rem;
  height: auto;
}
.favoritContainer .fieldText {
  clear: both;
  width: calc(100% - 14.8rem);
}
.favoritContainer .btn {
  height: 3.3rem;
  padding: 0 1rem;
  font-size: 1.4rem;
  border-width: 2px;
}
.favoritContainer .swiper-slide {
  width: auto;
}

.favoritButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: auto;
  padding: 2px 0;
}
.favoritButtons .btn {
  margin: 0 0.25rem;
}

/* 즐겨 찾는 메뉴 변경 팝업 */
.checkList > li {
  margin-bottom: 0.8rem;
}
.checkList > li:last-child {
  margin-bottom: 0;
}
.checkList > li .checkbox .checkboxLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.1rem 1.6rem;
  border: 1px solid #cccccc;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  color: #333333;
}
.checkList > li .checkbox .checkboxLabel .checkIcon {
  margin-left: 0;
}
.checkList > li .checkbox .checkboxLabel .checkIcon:before {
  margin-right: 0;
}
.checkList > li .checkbox input:checked + .checkboxLabel {
  border: 1px solid #499690;
}
.checkList.borderTop {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid #cccccc;
}
.checkList.bgSolidGray > li {
  padding: 2rem 1.6rem;
  margin-bottom: 2rem;
  background-color: #f8f8fa;
  border-radius: 4px;
}
.checkList.bgSolidGray > li:last-child {
  margin-bottom: 0;
}

/*popupAuthentication*/
.popup .dataTitleArea {
  margin-bottom: 1.1rem;
  padding-bottom: 0;
  border: none;
}
.popup .dataTitleArea .dataTitle {
  font-size: 1.3rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.5;
}
.popup .typeCertification .certificationWrap {
  margin: -0.2rem -0.3rem;
}
.popup .typeCertification .certificationWrap [class*="btnCertify"] {
  -webkit-box-flex: 1;
  -ms-flex: 1 47%;
  flex: 1 47%;
  min-width: 9.2rem;
  height: 9.8rem;
  margin: 0.2rem 0.3rem;
  border: 1px solid #cccccc;
  border-radius: 0.2rem;
  font-size: 1.3rem;
}
.popup .typeCertification .certificationWrap [class*="btnCertify"] .icon {
  width: 6.4rem;
  height: 4.5rem;
  margin-bottom: 0.7rem;
}
.popup .typeCertification .certificationWrap [class*="btnCertify"]:after {
  border-radius: 0.2rem;
}
.popup .typeCertification .certificationWrap [class*="btnCertify"]:active {
  opacity: 1;
}
.popup .typeCertification .certificationWrap .btnCertifyPass .icon {
  background-size: 6.2rem 2.2rem;
}
.popup .typeCertification .certificationWrap .btnCertifyToss .icon {
  background-size: 6.1rem 1.6rem;
}
.popup .typeCertification .certificationWrap .btnCertifyCard .icon {
  background-size: 3.9rem 3rem;
}
.popup .typeCertification .certificationWrap .btnCertifyNaver .icon {
  background-size: 6.4rem 4.5rem;
}
.popup .typeCertification .certificationWrap .btnCertifyKakao .icon {
  background-size: 6.4rem 3.1rem;
}
.popup .typeCertification .certificationWrap .btnNotService {
  -webkit-box-flex: 1;
  -ms-flex: 1 47%;
  flex: 1 47%;
  min-width: inherit;
  height: 9.8rem;
  margin: 0.2rem 0.3rem;
  padding-bottom: 1.2rem;
  font-size: 1.3rem;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.popup .typeCertification .certificationWrap .btnNotService .label {
  margin-top: 1.7rem;
  font-size: 1.3rem;
}
.popup .typeCertification .typeCaution {
  margin-top: 2rem;
}
.popup .typeCertification .typeCaution .fieldArea {
  padding: 0;
  background-color: transparent;
}
.popup .cautionArea .cautionWrap li {
  font-size: 1.2rem;
  color: #777777;
}
.popup .cautionArea .cautionWrap li::before {
  background-color: #777777;
}

/*popupChangePhoneNumber*/
.popupChangePhoneNumber .popupContent .buttonArea {
  margin-top: 0.6rem;
}

/* popupAgreement */
.popup.popupAgreement .popupMiddle {
  padding: 0 0 1.6rem;
}

/* 약정 정보 현황 */
.agreementTop {
  margin-bottom: 3.2rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
  text-align: center;
}
.agreementTop dt {
  margin-bottom: 1.4rem;
}
.agreementTop dd {
  font-size: 2rem;
}
.agreementTop dd span {
  font-size: 2.4rem;
}
.agreementTop dd.date {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #777777;
}

.dlInfoWrap {
  padding: 2rem 1.6rem 3rem;
  background-color: #ffffff;
  border-bottom: 14px solid #eff1f3;
  letter-spacing: 0.5px;
}
.dlInfoWrap:last-child {
  border-bottom: none;
}
.dlInfoWrap .dlInfoLabel {
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.5;
}
.dlInfoWrap .dlInfoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0.4rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid #cccccc;
}
.dlInfoWrap .dlInfoItem dt {
  padding-right: 1rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.5;
}
.dlInfoWrap .dlInfoItem dd {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.5;
}
.dlInfoWrap .block {
  display: block;
}

/* 마이알뜰폰 - 메인 */
.myThriftyMain .fieldBottom {
  min-height: 21.7rem;
}
.myThriftyMain .summary01 .summaryInner,
.myThriftyMain .summary02 .summaryInner {
  min-height: 82rem;
}
.myThriftyMain .summary01 .fieldDatepicker {
  margin: 0 auto;
}
.myThriftyMain .summary02 .fieldDatepicker {
  margin-top: 0;
}
.myThriftyMain .summary04 .fieldBottom {
  padding-top: 5.9rem;
  padding-bottom: 7.8rem;
}
.myThriftyMain .infoBoxArea {
  margin-left: -1rem;
  margin-right: -1rem;
}

/* 마이알뜰폰 - 사용량 조회 */
.myThriftyListUsage .summary01 .fieldDatepicker {
  margin: 0;
}

.swiper .swiperControler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.2rem;
  margin-top: 3.5rem;
  margin-bottom: 2rem;
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
}
.swiper .swiperControler > * {
  position: static;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
  letter-spacing: -2px;
}
.swiper .swiperControler [class*="swiper-button"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4rem;
  height: 100%;
  margin: 0;
  background: url("/web/kmvno/assets/images/common/arrow_swiper_left.svg") no-repeat
    center;
}
.swiper .swiperControler [class*="swiper-button"]:after {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.swiper .swiperControler .swiper-button-prev {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  background: url("/web/kmvno/assets/images/common/arrow_swiper_right.svg") no-repeat
    center;
}
.swiper .swiperControler .swiper-pagination {
  width: calc(100% - 8rem);
}
.swiper .swiperControler .title {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: calc(100% - 8rem);
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  text-align: center;
}
.swiper .swiperControler.textType {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #c9c9db;
}
.swiper .swiperControler.textType [class*="swiper-button"] {
  width: auto;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1;
  white-space: nowrap;
}
.swiper .swiperControler.textType .swiper-button-next {
  padding-left: 2rem;
  background-position: left center;
}
.swiper .swiperControler.textType .swiper-button-prev {
  padding-right: 2rem;
  background-position: right center;
}

.dataTabContainer .tabList {
  margin-bottom: 3rem;
}
.dataTabContainer .captionShow th,
.dataTabContainer .captionShow td {
  font-size: 1.4rem;
}

.usageTabContainer .tabContainer {
  margin-top: 1.5rem;
}
.usageTabContainer .stickChartArea {
  margin-bottom: 1.4rem;
}

.summaryArea .infoSummaryBottom {
  position: relative;
}
.summaryArea .infoSummaryBottom .moType {
  display: none;
}
.summaryArea .infoSummaryBottom .noPhoneLineShow {
  display: block;
}
.summaryArea .infoSummaryBottom .summaryPagination,
.summaryArea .infoSummaryBottom .summaryPagination2 {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 2rem;
}
.summaryArea .infoSummaryBottom .noPhoneLineShow .btn {
  height: auto;
  padding: 2rem;
  padding-left: 6rem;
}

/* 마이알뜰폰 - 요금 조회 */
.myThriftyListPayment .summary02 .fieldDatepicker {
  margin-top: 0;
}

.payTableContainer {
  margin-top: 3rem;
}
.payTableContainer .tableContainer {
  overflow: hidden;
  overflow-y: auto;
  max-height: 18rem;
}
.payTableContainer .usageItem.borderBox {
  padding: 2rem;
}
.payTableContainer .usageItem.borderBox dt {
  font-weight: normal;
  color: #000000;
}
.payTableContainer .usageItem.borderBox dt,
.payTableContainer .usageItem.borderBox dd {
  font-size: 1.6rem;
}

/* 마이알뜰폰 - 나의 후기 */
.myWriteContainer .writeTop {
  margin-bottom: 4rem;
  font-size: 1.8em;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.myWriteContainer .writeMiddle {
  margin-bottom: 4rem;
}
.myWriteContainer .writeBottom .textarea {
  margin-bottom: 5rem;
}
.myWriteContainer .biggerTitle {
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.myWriteContainer .biggerTitle .line {
  position: relative;
}
.myWriteContainer .biggerTitle .line span {
  position: relative;
  z-index: 1;
}
.myWriteContainer .biggerTitle .line:after {
  content: "";
  position: absolute;
  right: -0.2rem;
  left: -0.2rem;
  bottom: 0.3rem;
  z-index: 0;
  height: 1.7rem;
  background-color: #ff5758;
}

.myReviewContainer .reviewTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}
.myReviewContainer .starContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myReviewContainer .starContainer .startTitle {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.myReviewContainer .starDate {
  font-size: 1.2rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}
.myReviewContainer .reviewMiddle {
  margin-bottom: 1.6rem;
}
.myReviewContainer .middleTitle {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.myReviewContainer .reviewBottom .dlGrayBox {
  padding: 2rem 0;
}

.starContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.starContainer .startTitle {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}
.starContainer .starGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.starContainer .starGroup > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 5rem;
  height: 5rem;
  margin-right: 1.2rem;
}
.starContainer .starGroup > li:last-child {
  margin-right: 0;
}
.starContainer .starGroup > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: url("/web/kmvno/assets/images/common/icon_star.svg") no-repeat
    center/cover;
}
.starContainer .starGroup.sizeSmall {
  margin-right: 1.4rem;
}
.starContainer .starGroup.sizeSmall > li {
  width: 3rem;
  height: 3rem;
  margin-right: 0.8rem;
}
.starContainer .starGroup.sizeSmall > li:last-child {
  margin-right: 0;
}
.starContainer .startLabel {
  font-size: 2rem;
  font-weight: bold;
  color: #646464;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.starContainer .startLabel strong {
  color: #499690;
}
.starContainer [class*="btnStar"] {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #c4c4c4;
  cursor: pointer;
}
.starContainer [class*="btnStar"].active {
  background-color: #499690;
}
.starContainer [class*="btnStar"] span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}

/* myThriftyCircuitList */
.typeCommit .fieldArea .fieldLabel {
  color: #777777;
}
.typeCommit .fieldValue {
  width: 100%;
  color: #777777;
}

.haveCommit.fieldArea {
  text-align: center;
}
.haveCommit.fieldArea .fieldValue {
  line-height: 1.2;
}
.haveCommit .dlCommit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.haveCommit .dlCommit:last-child {
  margin-bottom: 0;
}
.haveCommit .dlCommit .btnSponser {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  color: #555555;
  line-height: 1.3;
}
.haveCommit .dlCommit .btnSponser::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.5rem;
  width: 0.7rem;
  height: 1rem;
  margin-top: -0.45rem;
  background: url("/web/kmvno/assets/images/common/arrow_link_r.svg") no-repeat right
    center;
}

/* myThriftyCircuitInformation */
.myThriftyCircuitInformation .subTitleBottom .btn {
  width: 40rem;
  height: auto;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #000000;
  line-height: 1.2;
  text-decoration: underline;
}
.myThriftyCircuitInformation .subTitleBottom .btn.iconBgSetting {
  background-position: right 2rem center;
}
.myThriftyCircuitInformation .typeId .fieldForm {
  display: block;
}
.myThriftyCircuitInformation .typeId .buttonArea {
  margin-left: 0;
}
.myThriftyCircuitInformation .typeId .buttonArea .btn {
  margin: 0;
}
.myThriftyCircuitInformation .typeId .joinDate {
  margin: 0.8rem 0 1.7rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #db0001;
  line-height: 2rem;
}
.myThriftyCircuitInformation .typeAgreement .fieldLabel {
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}

.typeSnsConnect [class*="iconBg"] {
  width: 3rem;
  height: 3rem;
}

.withdrawalBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
}

.fieldLinkRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2rem 0;
}
.fieldLinkRight:only-child,
.fieldLinkRight:last-child {
  margin-bottom: 0;
}

/* myThriftySpecsChange */
.myThriftySpecsChange .fieldSelect .fieldForm {
  display: block;
}
.myThriftySpecsChange .centerContainer .centerList > li {
  width: 100%;
  margin-bottom: 0;
}

/* myThriftyMultilineList */
.myThriftyMultilineList .btnLineManage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myThriftyMultilineList .btnLineManage [class*="btn"] {
  font-size: 1.4rem;
  font-weight: 500;
  color: #777777;
  line-height: 1.2;
}
.myThriftyMultilineList .btnLineManage .btnMainSetting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myThriftyMultilineList .btnLineManage .btnMainSetting::after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  margin: 0 1rem;
  background-color: #cccccc;
}

/* myThriftyMultilineAdd */
.myThriftyMultilineAdd .typeCaution {
  margin-top: 3rem;
}

/* myThriftyListLostPause */
.myThriftyListLostPause .summaryInner01 .fieldBottom {
  position: relative;
}
.myThriftyListLostPause .summaryInner01 .fieldBottom::after {
  content: "";
  position: absolute;
  right: 6.7rem;
  bottom: 4.9rem;
  width: 34.7rem;
  height: 32.1rem;
  background: url("/web/kmvno/assets/images/myThrifty/img_info.png") no-repeat
    center/cover;
}
.myThriftyListLostPause .shortcutArea {
  margin-left: 2rem;
}
.myThriftyListLostPause .shortcutItem {
  margin-bottom: 3rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.5;
}
.myThriftyListLostPause .shortcutItem:last-of-type {
  margin-bottom: 0;
}
.myThriftyListLostPause .shortcutItem .linkUnderline {
  margin-left: 0.5rem;
}
.myThriftyListLostPause .cautionArea {
  margin-left: 2rem;
}
.myThriftyListLostPause .cautionArea .cautionWrap {
  margin-left: 0.7rem;
}

.cautionArea .label {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.5;
}
.cautionArea .cautionWrap {
  margin-top: 1.8rem;
}
.cautionArea .cautionWrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.5;
}
.cautionArea .cautionWrap li:last-of-type {
  margin-bottom: 0;
}
.cautionArea .cautionWrap li::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.8rem 0.5rem 0;
  background-color: #333333;
  border-radius: 50%;
  -webkit-transform: skew(-0.03deg);
  transform: skew(-0.03deg);
}
.cautionArea.colorGray .cautionWrap {
  padding: 0 0.5rem;
}
.cautionArea.colorGray .cautionWrap li {
  font-size: 1.3rem;
  color: #555555;
}

/* myThriftyListCoupon */
.myThriftyListCoupon .summary02 .fieldBottom {
  padding: 3rem 2.5rem 4.4rem;
}
.myThriftyListCoupon .nodataContainer {
  width: 100%;
  padding: 0;
  background-color: transparent;
}

.couponArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.5rem;
}

.couponWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1.5rem;
  border: 1px solid #868686;
}
.couponWrap::before,
.couponWrap::after {
  content: "";
  position: absolute;
  right: 8.9rem;
  width: 1.5rem;
  height: 0.9rem;
  background: url("/web/kmvno/assets/images/myThrifty/img_triangle.svg") no-repeat
    center/cover;
}
.couponWrap::before {
  top: -0.1rem;
}
.couponWrap::after {
  bottom: -0.1rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.couponWrap.coupon01 .couponLeft {
  background: white url("/web/kmvno/assets/images/myThrifty/img_coupon_bg_01.svg")
    no-repeat right 1em center/10.3rem 12.6rem;
}
.couponWrap.coupon02 .couponLeft {
  background: white url("/web/kmvno/assets/images/myThrifty/img_coupon_bg_02.svg")
    no-repeat right 1.85rem top 0.7rem/6.4rem 9.4rem;
}
.couponWrap .couponLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 33.4rem;
  min-height: 16.1rem;
  padding: 2.7rem 4.7rem 3rem 2.4rem;
  border-right: 1px dashed #868686;
}
.couponWrap .couponRight {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: 9.6rem;
  padding: 1.3rem 1.4rem;
  background-color: #499690;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
}
.couponWrap .couponRight .availableDate {
  width: 16.1rem;
  -webkit-transform: rotate(-90deg) translate(-60px, -20px);
  transform: rotate(-90deg) translate(-60px, -20px);
  text-align: center;
}
.couponWrap .couponTitle {
  display: inline-block;
  margin-bottom: auto;
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.35;
}
.couponWrap .couponDesc {
  margin-top: 2rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.5;
}
.couponWrap .couponDesc:last-child {
  margin-top: 0;
}

/* 마이알뜰폰 - 비회원 안내 페이지 */
.myThriftyIntroduce .contentArea {
  padding-top: 0;
  padding-bottom: 0;
}
.myThriftyIntroduce .subTitleContainer .subTitleBottomArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myThriftyIntroduce .subTitleContainer .subTitleBottom {
  padding-bottom: 0;
}
.myThriftyIntroduce .subTitleContainer .titleLinks {
  padding-bottom: 2rem;
}

/* 선불잔액조회 */
.myThriftyPrepaidPlanDetail .detailTypeArea {
  padding-bottom: 30rem;
}

.detailTypeArea {
  padding: 8.6rem 7rem;
}
.detailTypeArea .fieldTop {
  padding: 0;
  margin-bottom: 4.4rem;
  border-bottom: 0;
}
.detailTypeArea .fieldTitle01 {
  font-size: 1.8rem;
}
.detailTypeArea .fieldBottom {
  max-width: 68rem;
  margin: 0 auto;
  padding: 0;
}
.detailTypeArea .summaryDataWrap {
  padding: 3rem;
  margin-bottom: 6rem;
  background-color: #f8f8fa;
  border-radius: 1.2rem;
  text-align: center;
}
.detailTypeArea .usageItem {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.detailTypeArea .usageItem dt {
  margin-right: 1.2rem;
}
.detailTypeArea .usageItem dt,
.detailTypeArea .usageItem dd {
  line-height: 1;
}
.detailTypeArea .subSmallText {
  margin-top: 1rem;
  text-align: center;
}
.detailTypeArea .infoBoxArea.grayBox {
  padding: 0.6rem 0;
}
.detailTypeArea .infoBoxArea p {
  margin-bottom: 1.6rem;
}
.detailTypeArea .infoBoxArea p:last-child {
  margin-bottom: 0;
}

/* 변경 이력 조회 */
.planChangeList .normalBgTable thead th {
  padding: 0.9rem 0.8rem;
}
.planChangeList .normalBgTable thead + tbody {
  border-top: none;
}
.planChangeList .normalBgTable th,
.planChangeList .normalBgTable td {
  padding: 1.4rem 0.5rem;
  text-align: center;
  font-size: 1.1rem;
}

.myThriftyChangeCharge .popularDataList {
  margin: -1rem;
}
.myThriftyChangeCharge .popularDataList .checkBoxItem {
  width: calc(50% - 2rem);
}
.myThriftyChangeCharge .summaryArea.changecharge02 {
  width: calc(66.666% - 1rem);
}
.myThriftyChangeCharge .resultContainer {
  margin-top: 2rem;
  padding-left: 2rem;
}
.myThriftyChangeCharge .resultMiddle {
  max-height: 170rem;
  overflow: hidden;
  overflow-y: auto;
}
.myThriftyChangeCharge .btnContainer {
  margin-top: 2rem;
}
.myThriftyChangeCharge .btnContainer .buttonArea {
  margin-bottom: 1rem;
}

.popularDataList .summaryBottomArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.popularDataList .summaryBottomArea .usageItemArea {
  width: 100%;
}
.popularDataList .summaryBottomArea .usageItem:only-of-type {
  margin-top: 2.2rem;
}
.popularDataList .summaryBottomArea .btn {
  min-width: 7.5rem;
  height: 2.7rem;
  margin-left: 1rem;
  padding: 0 0.7rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
}

/* [운영] 납부방법변경 안내 */
.specsChangeInfo {
  margin-top: 7rem;
}
.specsChangeInfo:first-child {
  margin-top: 0;
}
.specsChangeInfo .changeInfoArea {
  margin-bottom: 4rem;
}
.specsChangeInfo .changeInfoArea:last-child {
  margin-bottom: 0;
}
.specsChangeInfo .changeInfoArea .infoTop {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.specsChangeInfo .changeInfoArea .infomiddle {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.specsChangeInfo .changeInfoArea .infomiddle .typeCaution {
  margin-top: 3rem;
}
.specsChangeInfo .changeInfoArea .tableContainer {
  margin-top: 5rem;
}
.specsChangeInfo .changeInfoArea .tableContainer:first-child {
  margin-top: 0;
}
.specsChangeInfo .infoVisual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.specsChangeInfo .infoVisual .infoVisTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 1rem);
  margin: 0 0.5rem;
  padding: 3rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
}
.specsChangeInfo .infoVisual [class*="icon"] {
  width: 10rem;
  height: 10rem;
  margin-bottom: 2rem;
}

/* 요금제 변경 불가 안내 */
.linkGroup {
  margin: 0 -0.5rem;
}
.linkGroup.alignCenter {
  text-align: center;
}
.linkGroup .linkUnderline {
  display: inline-block;
  margin-top: 2rem;
  margin: 2rem 0.5rem 0;
  font-weight: bold;
}

@media (max-width: 1600px) {
  /* common */
  .subTitleContainer .subTitleTop::before {
    right: 3rem;
  }
  .subTitleContainer .subTitleBottom .subTitleBottomArea {
    position: relative;
  }
  /* summary common */
  .summaryContent .summaryArea {
    width: calc(50% - 1rem);
  }
  /* myThriftyListLostPause */
  .myThriftyListLostPause .summaryContent .summaryArea {
    width: 100%;
  }
  /* myThriftyListCoupon */
  .myThriftyListCoupon .summaryArea {
    width: 100%;
  }
  .myThriftyListCoupon .summaryArea.half {
    width: 100%;
  }
  /* 나의 후기 */
  .myThriftyListReview .summaryContent .summaryArea {
    width: 100%;
  }
  .summaryArea .infoSummaryBottom .noPhoneLineShow .btn {
    background-size: 1.9rem auto;
  }
  /* 요금제 변경 */
  .myThriftyChangeCharge .summaryArea.changecharge01 {
    width: calc(33.333% - 1rem);
  }
}
@media (max-width: 1024px) {
  /* common */
  .subTitleContainer .subTitleTop {
    min-height: 16.2rem;
    padding-bottom: 4.4rem;
  }
  .subTitleContainer .subTitleTop:before {
    right: 3rem;
    top: 3rem;
    width: 6.7rem;
    height: 6.6rem;
    background-position: center bottom;
    background: url("/web/kmvno/assets/images/myThrifty/img_subtitle_bg_mo.png")
      no-repeat center/cover;
  }
  .subTitleContainer .subTitleBottom .myCouponBox {
    margin-right: auto;
  }
  .subTitleContainer .subTitleBottom .subTitleBottomArea {
    display: block;
  }
  .subTitleContainer .subTitleBottom .dropdownLine {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .subTitleContainer .subTitleBottom .bottomButtons {
    margin-top: 1rem;
  }
  .subTitleContainer .titleLinks {
    margin-right: -1.5rem;
    padding-bottom: 0;
  }
  .subTitleContainer .titleLinks .subText {
    max-width: calc(100% - 6rem);
  }
  .subTitleContainer .titleLinks br {
    display: none;
  }
  .subTitleContainer .titleLinks .iconBgSetting {
    margin-left: auto;
  }
  .usageItem.smaller dt {
    font-size: 1.3rem;
  }
  .usageItem.smaller dd {
    font-size: 1.8rem;
  }
  /* summary common */
  .summaryContent .summaryArea {
    width: 100%;
    margin: 0 0 1rem;
  }
  .summaryContent .summaryArea:last-child {
    margin-bottom: 0;
  }
  .myThriftyMain .summary01 .summaryInner,
  .myThriftyMain .summary02 .summaryInner {
    min-height: auto;
  }
  .myThriftyMain .fieldBottom {
    min-height: 0;
  }
  /* 마이알뜰폰 - 비회원 안내 페이지 */
  .myThriftyIntroduce .subTitleContainer .subTitleBottomArea {
    display: block;
  }
  .myThriftyIntroduce .subTitleContainer .subTitleBottomArea .bottomButtons {
    padding-bottom: 2rem;
  }
  .myThriftyIntroduce .subTitleContainer .titleLinks {
    padding-bottom: 0;
  }
  /* myThriftyListLostPause */
  .myThriftyListLostPause .summaryInner01 .fieldBottom::after {
    display: none;
  }
  .myThriftyListLostPause .shortcutArea {
    margin-left: 0;
  }
  .myThriftyListLostPause .cautionArea {
    margin-left: 0;
  }
  /* myThriftyListCoupon */
  .couponArea {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* myThriftyCircuitInformation */
  .withdrawalBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.3rem;
  }
  /* 마이알뜰폰 - 요금 조회 */
  .payTableContainer .usageItem.borderBox {
    padding: 1.4rem 1.6rem;
  }
  .summaryArea .infoSummaryBottom {
    background-color: transparent;
  }
  /* 명세서 유형 변경 */
  .myThriftySpecsList .typePhoneLine {
    margin-bottom: 3rem;
  }
  /* 선불잔액조회 */
  .detailTypeArea {
    padding: 0;
  }
  .detailTypeArea .fieldTop {
    padding: 1.6rem 2rem;
    margin-bottom: 0;
    border-bottom: 1px solid #cccccc;
  }
  .detailTypeArea .fieldTitle01 {
    font-size: 1.4rem;
  }
  .detailTypeArea .fieldBottom {
    padding: 2rem 2rem 7rem;
  }
  .detailTypeArea .summaryDataWrap {
    padding: 0;
    margin-bottom: 3rem;
    background-color: transparent;
    border-radius: 0;
    text-align: left;
  }
  .detailTypeArea .usageItem {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .detailTypeArea .subSmallText {
    text-align: right;
  }
  .detailTypeArea .infoBoxArea {
    font-size: 1.3rem;
  }
  .detailTypeArea .infoBoxArea a {
    font-size: inherit;
  }
  .detailTypeArea .infoBoxArea.grayBox {
    padding: 2.4rem 1.6rem;
  }
  /* 선불잔액조회 */
  .myThriftyPrepaidPlanDetail .contentArea {
    padding-bottom: 10rem;
  }
  .myThriftyPrepaidPlanDetail .detailTypeArea {
    padding-bottom: 10rem;
  }
  /* 요금제 변경 */
  .myThriftyChangeCharge .summaryArea.changecharge01,
  .myThriftyChangeCharge .summaryArea.changecharge02 {
    width: 100%;
  }
  .myThriftyChangeCharge .popularDataList .checkBoxItem {
    margin: 1rem;
  }
  .myThriftyChangeCharge .popularDataList .checkBoxItem .popularDataArea {
    height: 100%;
  }
  .myThriftyChangeCharge .resultContainer {
    padding-left: 0;
  }
}
@media (max-width: 717px) {
  /* common */
  [class*="myThrifty"] .fieldRadio .fieldForm {
    min-height: 4.8rem;
  }
  .summaryInner .nodataContainer {
    padding: 3rem 1rem;
    font-size: 1.4rem;
  }
  .subTitleContainer .strongText {
    margin-bottom: 1.45rem;
    font-size: 2.2rem;
  }
  .subTitleContainer .subTitleBottomArea .iconBgLink {
    width: 100%;
    padding-right: 1rem;
  }
  .formDataArea .fieldData {
    margin-top: 5rem;
  }
  .dataTitleArea {
    margin-bottom: 2rem;
    padding-bottom: 1.2rem;
  }
  .dataTitleArea .dataTitle {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
  .dataLabelArea {
    font-size: 1.4rem;
  }
  .dlItemFlex [class*="iconBg"] {
    padding-left: 3rem;
    background-size: 1.8rem auto;
    line-height: 2.8rem;
  }
  /* Field */
  .fieldArea {
    min-height: 4.8rem;
    padding: 1rem 1.6rem;
    border-radius: 3px;
  }
  .fieldArea .fieldValue {
    font-size: 1.4rem;
  }
  .typePhoneLine.fieldCheckbox .fieldArea.disabled .fieldBox,
  .typePhoneLine.fieldCheckbox .fieldArea.stopped .fieldBox,
  .typePhoneLine.fieldRadio .fieldArea.disabled .fieldBox,
  .typePhoneLine.fieldRadio .fieldArea.stopped .fieldBox {
    width: calc(100% - 2rem);
  }
  .typePhoneLine .fieldArea {
    padding: 2.4rem 1.6rem;
  }
  .typePhoneLine .fieldArea .radio {
    margin: 0 1rem 0 -0.6rem;
  }
  .typePhoneLine .fieldArea .checkbox {
    margin: 0 1rem 0 -0.6rem;
  }
  .typePhoneLine .fieldArea .colorRed {
    font-size: 1.2rem;
  }
  .typePhoneLine .lineLabel > * {
    font-size: 1.4rem;
  }
  .typePhoneLine .lineLabel .product {
    margin-bottom: 0.5rem;
  }
  .typePhoneLine .lineMyPhone .phone {
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
  .typePhoneLine .innerLogo .fieldBox .imgWrap {
    width: 8rem;
    height: 5.1rem;
    margin-right: 1rem;
  }
  .typePhoneLine .innerLogo .fieldBox .imgWrap img {
    width: 100%;
    height: auto;
  }
  .typePhoneLine .innerLogo .fieldBox .product {
    font-size: 1.3rem;
  }
  .typePhoneLine .innerLogo .fieldBox .phone {
    font-size: 1.4rem;
  }
  /* myThriftySpecsChange */
  .myThriftySpecsChange .typeCaution {
    margin-top: 2rem;
  }
  /*myThriftyCircuitInformation*/
  .myThriftyCircuitInformation .typeAddress {
    margin-bottom: 0.8rem;
  }
  .myThriftyCircuitInformation .typeGender .fieldForm {
    height: 4.8rem;
    font-size: 1.4rem;
  }
  .myThriftyCircuitInformation .typeSnsConnect [class*="iconBg"] {
    width: 2.7rem;
    height: 2.7rem;
  }
  .myThriftyCircuitInformation .typeAgreement .fieldLabel {
    display: block;
  }
  .myThriftyCircuitInformation .typeAgreement .fieldLabel .moBlock {
    display: block;
  }
  /* 일반 요금제 */
  .myThriftyListPlan .accordionContainer .accordionMiddle {
    margin-bottom: 2rem;
  }
  /* 요금제 변경 */
  .myThriftyChangeCharge .popularDataList {
    margin: -1rem 0;
  }
  .myThriftyChangeCharge .popularDataList .checkBoxItem {
    width: 100%;
    margin: 1rem 0;
  }
  .myThriftyChangeCharge .popularDataList .checkBoxItem .popularDataArea {
    height: auto;
  }
  .myThriftyChangeCharge .resultMiddle {
    overflow-y: hidden;
    max-height: initial;
  }
  /* myThriftyListLostPause */
  .myThriftyListLostPause .moBlock {
    display: block;
  }
  /* myThriftyListCoupon */
  .myThriftyListCoupon .summary02 .fieldBottom {
    padding: 3rem 2rem;
  }
  .myThriftyListCoupon .moBlock {
    display: block;
  }
  .couponArea {
    margin: -1rem;
  }
  .couponWrap {
    width: calc(100% - 2rem);
    margin: 1rem;
  }
  .couponWrap::before,
  .couponWrap::after {
    right: 4.9rem;
  }
  .couponWrap.coupon01 .couponLeft {
    background-position: right 1.8rem top 0.7rem;
    background-size: 6.8rem auto;
  }
  .couponWrap.coupon02 .couponLeft {
    background-position: right 1.8rem top 0.7rem;
    background-size: 3.8rem auto;
  }
  .couponWrap .couponLeft {
    width: calc(100% - 5.6rem);
    min-height: 13rem;
    padding: 1.6rem 7.5rem 1.6rem 1.6rem;
  }
  .couponWrap .couponRight {
    width: 5.6rem;
    padding: 1.8rem 0.6rem 3.3rem 1rem;
    text-align: right;
    line-height: 1.3;
  }
  .couponWrap .couponRight .availableDate {
    width: 7.9rem;
    -webkit-transform: rotate(-90deg) translate(-25px, -17px);
    transform: rotate(-90deg) translate(-25px, -17px);
    text-align: right;
  }
  .couponWrap .couponTitle {
    font-size: 1.8rem;
  }
  .haveCommit .dlCommit .btnSponser {
    font-size: 1.4rem;
  }
  /* 나의 후기 */
  .dlItemFlexDate {
    display: block;
  }
  .dlItemFlexDate dt {
    margin-bottom: 1.2rem;
  }
  .dlItemFlexDate dd {
    margin-right: 0;
    margin-bottom: 1.4rem;
  }
  .dlItemFlexDate dd:last-child {
    margin-bottom: 0;
  }
  .dlItemFlexDate .updateLabel {
    margin-left: 0;
    text-align: left;
  }
  .myThriftyListReview .summaryContent .fieldBottom {
    padding-bottom: 5rem;
  }
  .myThriftyListReview .summaryContent .summary02 .fieldBottom {
    padding-bottom: 7rem;
  }
  .myWriteContainer .biggerTitle {
    font-size: 2.2rem;
  }
  .myWriteContainer .biggerTitle .line:after {
    height: 1.1rem;
  }
  .myWriteContainer .writeTop {
    margin-bottom: 3rem;
    font-size: 1.6rem;
  }
  .myWriteContainer .writeMiddle {
    margin-bottom: 3rem;
  }
  .myWriteContainer .writeBottom .textarea {
    margin-bottom: 3rem;
  }
  .starContainer .starGroup.sizeSmall {
    margin-right: 0.8rem;
  }
  .starContainer .starGroup.sizeSmall > li {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
  }
  .starContainer .startLabel {
    font-size: 1.8rem;
  }
  .myReviewContainer .reviewTop {
    margin-bottom: 1.8rem;
  }
  .myReviewContainer .reviewMiddle {
    margin-bottom: 1.2rem;
  }
  .myReviewContainer .middleTitle {
    margin-bottom: 1.2rem;
    font-size: 1.8rem;
  }
  .myThriftyPrepaidPlan .contentArea {
    padding-bottom: 0;
  }
  .summaryArea .infoSummaryBottom .summaryInfoArea .swiper-slide {
    border-radius: 0;
    border: 0;
  }
  .summaryArea .infoSummaryBottom .summaryPagination,
  .summaryArea .infoSummaryBottom .summaryPagination2 {
    position: static;
    background-color: #ffffff;
    padding: 2rem 0 4.5rem;
  }
  .summaryArea .infoSummaryBottom .noPhoneLineShow .imgWrap {
    background-color: rgba(235, 238, 240, 0.5);
  }
  /* 선불잔액조회 */
  .myThriftyPrepaidPlanDetail .detailTypeArea {
    padding-bottom: 0;
  }
  /* [운영] 납부방법변경 안내 */
  .specsChangeInfo .infoVisual .infoVisTitle {
    padding: 2.4rem;
    font-size: 1.3rem;
  }
  .specsChangeInfo .infoVisual [class*="icon"] {
    width: 7.2rem;
    height: 7.2rem;
    margin-bottom: 1.7rem;
    background-size: 100% auto;
  }
}
@media (max-width: 512px) {
  [class*="myThrifty"].detail .contentArea,
  .myThriftyMultilineList .contentArea {
    padding: 3rem 0 7rem;
  }
  .myThriftyMain .contentArea,
  [class*="myThriftyList"] .contentArea {
    padding: 0;
    padding-top: 2rem;
  }
  /* common */
  .dlGrayBox .dlItemFlex dt,
  .dlGrayBox .dlItemFlex dd,
  .dlWhiteBox .dlItemFlex dt,
  .dlWhiteBox .dlItemFlex dd {
    font-size: 1.4rem;
  }
  .dlItemFlex dt,
  .dlItemFlex dd {
    font-size: 1.4rem;
  }
  .dlItemFlex.borderType dt,
  .dlItemFlex.borderType dd {
    font-size: 1.4rem;
  }
  .noticeArea {
    margin-bottom: 5.4rem;
  }
  .codeInputBox .btn {
    font-size: 1.4rem;
  }
  .swiper .swiperControler {
    margin-top: 1.7rem;
  }
  .subTitleContainer .profileLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .subTitleContainer .profileLabel .memberLevel {
    margin-right: 0;
    margin-bottom: 0.65rem;
    padding: 0 0.4rem;
    font-size: 1.3rem;
  }
  .subTitleContainer .profileLabel .phone {
    margin-right: 0;
    margin-left: 0;
  }
  .subTitleContainer .subTitleBottom {
    padding: 2.5rem 0 0.6rem;
  }
  .subTitleContainer .subTitleBottom .subTitleBottomArea {
    padding: 0 2rem;
  }
  /* favoritContainer */
  .favoritContainer {
    margin: 0 1rem 2rem;
    padding: 0;
  }
  .favoritContainer .fieldTop,
  .favoritContainer .fieldMiddle {
    border-width: 1px;
  }
  .favoritContainer .fieldTop:only-child,
  .favoritContainer .fieldMiddle:only-child {
    border-width: 1px;
  }
  .favoritContainer .fieldTop {
    padding: 1.6rem;
  }
  .favoritContainer .fieldTop:before {
    left: 0;
    right: 0;
  }
  .favoritContainer .fieldTop:after {
    right: 0;
  }
  .favoritContainer .fieldTop.flex {
    display: block;
  }
  .favoritContainer .fieldMiddle {
    padding: 1.6rem;
  }
  .favoritContainer .fieldMiddle p {
    font-size: 1.4rem;
  }
  .favoritContainer .fieldMiddle strong {
    display: block;
  }
  .favoritContainer .fieldText {
    width: 100%;
  }
  .favoritContainer .fieldTitle01 {
    float: left;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .favoritContainer .iconBgSetting {
    float: left;
    padding: 0;
    margin-right: 0;
  }
  .favoritContainer .iconBgSetting:after {
    content: "";
    clear: both;
  }
  .favoritContainer .iconBgSetting > img {
    width: 2rem;
  }
  /* myThriftyMain */
  .myThriftyMain .summary04 .fieldBottom {
    padding-top: 5.2rem;
    padding-bottom: 6.6rem;
  }
  .myThriftyMain .summary06 .fieldBottom,
  .myThriftyMain .summary07 .fieldBottom {
    padding-top: 3rem;
    padding-bottom: 4.6rem;
  }
  .myThriftyMain .infoBoxArea .title {
    font-size: 1.4rem;
  }
  .myThriftyMain .infoBoxArea .descArea {
    font-size: 1.4rem;
  }
  .noticeArea {
    font-size: 1.6rem;
  }
  .noticeArea p {
    margin-bottom: 2.8rem;
  }
  .noticeArea .moBlock {
    display: block;
  }
  .dataGraphBar .bar {
    height: 0.9rem;
  }
  .extraItemList .listItem dt {
    font-size: 1.4rem;
  }
  .extraItemList .listItem dd {
    font-size: 1.4rem;
  }
  /* summary common */
  .summaryContent {
    margin: 0 -2rem;
  }
  .summaryContent .summaryArea {
    margin-bottom: 2rem;
  }
  .summaryContent .summaryArea.full {
    width: 100%;
  }
  .summaryContent .summaryInner {
    border-radius: 0;
    border: 0;
  }
  .summaryContent .fieldMiddle {
    padding: 2rem;
    border-radius: 0;
  }
  .summaryContent .fieldMiddle .usageItem dt,
  .summaryContent .fieldMiddle .usageItem dd {
    font-size: 1.4rem;
  }
  .summaryContent .fieldBottom {
    padding: 2.4rem 2rem 3.6rem;
  }
  .summaryContent .summaryTitleArea {
    font-size: 1.6rem;
  }
  .summaryContent .summaryTitleArea .summaryBigTitle {
    font-size: 2.2rem;
  }
  .summaryContent .circleGraph {
    width: 22rem;
    height: 22rem;
  }
  .summaryDataWrap .dlItemFlex {
    min-height: 4.4rem;
  }
  .myThriftyCircuitInformation .subTitleBottom .btn {
    width: 100%;
  }
  .myThriftyCircuitInformation .subTitleBottom .btn.iconBgSetting {
    background-position: right center;
  }
  /* myThriftyLostInput */
  .myThriftyLostInput .typelostArea .fieldForm,
  .myThriftyLostInput .typelostCategory .fieldForm,
  .myThriftyLostInput .typeStop .fieldForm {
    height: auto;
    padding: 1.4rem 2rem;
  }
  .myThriftyLostInput .typelostArea .fieldForm .radio,
  .myThriftyLostInput .typelostCategory .fieldForm .radio,
  .myThriftyLostInput .typeStop .fieldForm .radio {
    min-width: 14.6rem;
    margin-right: 3rem;
    margin-bottom: 1rem;
  }
  .myThriftyLostInput .typelostArea .fieldForm .radio:last-of-type,
  .myThriftyLostInput .typelostCategory .fieldForm .radio:last-of-type,
  .myThriftyLostInput .typeStop .fieldForm .radio:last-of-type {
    margin-bottom: 0;
  }
  /* myThriftyLostPauseList */
  .myThriftyLostPauseList .typeStop .fieldForm {
    height: auto;
    padding: 1.4rem 2rem;
  }
  .myThriftyLostPauseList .typeStop .fieldForm .radio {
    min-width: 14.6rem;
    margin-right: 3rem;
    margin-bottom: 1rem;
  }
  .myThriftyLostPauseList .typeStop .fieldForm .radio:last-of-type {
    margin-bottom: 0;
  }
  /* myThriftyListLostPause */
  .myThriftyListLostPause .shortcutItem {
    font-size: 1.6rem;
  }
  .myThriftyListLostPause .cautionArea .label {
    font-size: 1.6rem;
  }
  /* 선불잔액조회 */
  .myThriftyPrepaidPlanDetail .contentArea {
    padding-bottom: 0;
  }
  /* 요금제 변경 */
  .myThriftyChangeCharge.detail .contentArea {
    padding: 0;
  }
  .myThriftyChangeCharge .summaryArea {
    margin-bottom: 0;
  }
  .myThriftyChangeCharge .resultContainer {
    margin-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    border-top: 2rem solid #eff1f3;
  }
  .myThriftyChangeCharge .resultContainer .topFull {
    margin: 0 -2rem 2rem;
    padding: 1.4rem 2rem;
    border-bottom: 1px solid #cccccc;
  }
  .myThriftyChangeCharge .resultContainer .resultTop {
    margin-bottom: 0.5rem;
  }
  .myThriftyChangeCharge .popularDataList {
    margin: 0;
  }
}
@media (max-width: 320px) {
  .typePhoneLine .lineLabel .product {
    line-height: 1.5;
  }
  .typePhoneLine .lineLabel .product::after {
    display: none;
  }
  .typePhoneLine .lineMyPhone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .typePhoneLine .lineMyPhone .colorLabel {
    margin-top: 0.8rem;
  }
  .typePhoneLine .innerLogo {
    padding: 1rem 2rem 2rem;
  }
  .typePhoneLine .innerLogo .fieldBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .typeLineDetail .fieldArea {
    padding: 1.4rem 1.6rem;
  }
  .typeLineDetail .fieldArea div {
    font-size: 1.4rem;
  }
  .typeLineDetail .fieldArea dt {
    width: 9.2rem;
  }
  /* 나의 후기 */
  .myReviewContainer .reviewTop {
    display: block;
  }
  .myReviewContainer .reviewTop .starContainer {
    margin-bottom: 0.5rem;
  }
  .starContainer .starGroup > li {
    width: 4rem;
    height: 4rem;
    margin-right: 0.8rem;
  }
  .summaryArea .infoSummaryBottom .summaryInfoContent [class*="iconBg"] {
    width: calc(100% - 6.8rem);
    height: auto;
  }
  /* 요금제 변경 */
  .popularDataList .summaryBottomArea {
    display: block;
  }
  .popularDataList .summaryBottomArea .btn {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
  .dataTitleArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* 본인인증 - 팝업 */
  .popup .typeCertification .certificationWrap .btnNotService {
    width: calc(100% - 1.2rem);
  }
}
.infoBoxArea {
  margin-top: 3rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.infoBoxArea:first-child {
  margin-top: 0;
}
.infoBoxArea.middleMargin {
  margin: 3rem 0;
}
.infoBoxArea.grayBox {
  margin-bottom: 2rem;
  padding: 1.4rem 1.6rem;
  border-radius: 8px;
  background-color: #f8f8fa;
}
.infoBoxArea.grayBox:last-child {
  margin-bottom: 0;
}
.infoBoxArea.grayBox .infoAreaTop,
.infoBoxArea.grayBox .infoAreaMiddle {
  color: #000000;
}
.infoBoxArea .linkUnderline {
  font-size: 1.6rem;
}
.infoBoxArea .colorGray {
  color: #646464;
}
.infoBoxArea .title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
}
.infoBoxArea .text {
  margin-bottom: 0.5rem;
}
.infoBoxArea .text:last-child {
  margin-bottom: 0;
}
.infoBoxArea .textMiddle {
  font-size: 1.6rem;
}
.infoBoxArea .infoAreaTop {
  margin-bottom: 1rem;
}
.infoBoxArea .infoAreaTop:last-child {
  margin-bottom: 0;
}
.infoBoxArea .infoAreaMiddle {
  margin-bottom: 2rem;
}
.infoBoxArea .infoAreaMiddle:last-child {
  margin-bottom: 0;
}
.infoBoxArea .infoAreaBottom {
  margin-top: 3rem;
}
.infoBoxArea .infoAreaBottom:first-child {
  margin-top: 0;
}
.infoBoxArea .alignCenter {
  text-align: center;
}
.infoBoxArea .alignRight {
  text-align: right;
}

.dataFolderWrap {
  margin-bottom: 2rem;
}
.dataFolderWrap:last-child {
  margin-bottom: 0;
}
.dataFolderWrap.active .folderBtn {
  background: url("/web/kmvno/assets/images/common/arrow_line_up.svg") no-repeat
    center center;
}
.dataFolderWrap.active .folderContent {
  display: block;
}
.dataFolderWrap .folderTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 1.3rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.dataFolderWrap .folderTitle strong {
  font-weight: bold;
}
.dataFolderWrap .folderBtn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 3rem;
  height: 2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    center center;
}
.dataFolderWrap .folderBtn[aria-expanded="true"] {
  color: #499690;
}
.dataFolderWrap .folderBtn > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.dataFolderWrap .folderContent {
  display: none;
  margin-top: 1.3rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

.dotList {
  margin-bottom: 2rem;
}
.dotList:last-child {
  margin-bottom: 0;
}

.beforeDot {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.beforeDot:last-child {
  margin-bottom: 0;
}
.beforeDot::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0.8rem;
  left: 0.5rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #555555;
  border-radius: 50%;
  -webkit-transform: skew(-0.03deg);
  transform: skew(-0.03deg);
  vertical-align: top;
}
.beforeDot .linkUnderline {
  font-size: inherit;
  color: #499690;
  border-bottom-color: #499690;
}
.beforeDot .rightSide {
  margin-top: 0.6rem;
  text-align: right;
}
.beforeDot.check {
  padding-left: 27px;
  margin-bottom: 1rem !important;
}

.beforeDot.check::before {
  width: 1.7rem;
  height: 1.4rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: transparent;
  background: url(/web/kmvno/assets/images/common/ico_check.svg) center/100% no-repeat;
}

.beforeStar {
  padding-left: 1.6rem;
  text-indent: -1.3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.beforeStar::before {
  content: "*";
  padding-right: 0.5rem;
}

.marginBtmReset .beforeDot {
  margin-bottom: 0.5rem;
}
.marginBtmReset .fieldValue {
  margin-bottom: 0.5rem;
}
.marginBtmReset.numberList > li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.typeCaution {
  margin-bottom: 3rem;
}
.typeCaution:last-child {
  margin-bottom: 0;
}
.typeCaution .fieldArea.marginBtmReset > li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
.typeCaution + .buttonArea {
  margin-top: 7rem;
}

.cautionWrap.marginBtmReset > li {
  margin-bottom: 0;
  line-height: 1.8;
}

.fieldInformation {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.fieldInformation.bgGray {
  padding: 4rem 3rem;
  background-color: #e5e8eb;
  border-radius: 0.4rem;
}
.fieldInformation .infoTitle {
  margin-bottom: 2rem;
  font-weight: bold;
}
.fieldInformation .infoText {
  margin-bottom: 2rem;
}
.fieldInformation .infoText:last-child {
  margin-bottom: 0;
}
.fieldInformation .infoListWrap {
  margin-top: 4rem;
}
.fieldInformation .infoListWrap:first-child {
  margin-top: 0;
}

.sharingProgress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
.sharingProgress:last-child {
  margin-bottom: 0;
}
.sharingProgress [class*="progressArea"] {
  -ms-flex-preferred-size: 27rem;
  flex-basis: 27rem;
  font-weight: bold;
}
.sharingProgress [class*="progressArea"]:before {
  content: "";
  display: block;
  width: 27rem;
  height: 27rem;
  margin: 0 auto 1.5rem;
  background-color: rgba(230, 237, 255, 0.5);
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 27rem;
}
.sharingProgress .middle {
  -ms-flex-preferred-size: 8.4rem;
  flex-basis: 8.4rem;
  margin: 0 3.6rem;
  white-space: nowrap;
}
.sharingProgress .arrow {
  width: 10rem;
  height: 4.4rem;
  margin: 1.5rem auto 0;
  background: url("/web/kmvno/assets/images/common/arrow_progress.svg") no-repeat
    center/100% auto;
}
.sharingProgress.smaller {
  margin-bottom: 2rem;
  font-size: 1.2rem;
}
.sharingProgress.smaller:last-child {
  margin-bottom: 0;
}
.sharingProgress.smaller [class*="progressArea"] {
  -ms-flex-preferred-size: 11rem;
  flex-basis: 11rem;
}
.sharingProgress.smaller [class*="progressArea"]:before {
  width: 11rem;
  height: 11rem;
}
.sharingProgress.smaller .iconPhone:before {
  background-size: 3.6rem auto;
}
.sharingProgress.smaller .iconSmartDevice:before {
  background-size: 5rem auto;
}
.sharingProgress.smaller .middle {
  -ms-flex-preferred-size: 5.6rem;
  flex-basis: 5.6rem;
  margin: 0 0.4rem;
}
.sharingProgress.smaller .arrow {
  width: 4.1rem;
  height: 1.8rem;
}

.primaryBox {
  padding: 1rem 1.6rem;
  background-color: #ffffff;
  border: 2px solid #499690;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

/* 데이터 쉐어링 */
.sharingArticle {
  padding: 8.5rem 2rem 15rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
}
.sharingArticle .combinationArea {
  margin: 0 auto 7rem;
}
.sharingArticle .combinationArea:last-child {
  margin-bottom: 0;
}
.sharingArticle .myLineWrap .myLineTitle {
  margin-bottom: 3rem;
  font-size: 1.8rem;
}

.combinationArea {
  max-width: 69.8rem;
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.45;
}
.combinationArea:first-child {
  margin-top: 0;
}
.combinationArea > .buttonArea {
  margin-top: 7rem;
}
.combinationArea .linkUnderline {
  font-size: 1.6rem;
}
.combinationArea .bgInfoGray {
  background-color: #f7f8fa;
  color: #333333;
  font-size: 1.4rem;
}
.combinationArea .bgInfoGray .noticeText {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.combinationArea .normalText {
  margin-bottom: 2rem;
  font-size: 1.6rem;
}
.combinationArea .normalText:last-child {
  margin-bottom: 0;
}
.combinationArea .infoBoxArea .nodataContainer + .beforeDot {
  margin-top: -1.3rem;
}
.combinationArea .infoAreaTop {
  font-size: 2rem;
}
.combinationArea .phoneLineSummaryDrop .labelGroup .product {
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.combinationArea .phoneLineSummaryDrop .labelGroup .phone {
  font-size: 1.8rem;
}
.combinationArea .phoneLineSummaryDrop .dropdownTitle {
  background-position: right 2rem top 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 10rem;
}
.combinationArea .phoneLineSummaryDrop .dropdownTitle .titleLabel {
  width: 100%;
  height: auto;
  padding-right: 5rem;
  padding-left: 2rem;
}
.combinationArea .phoneLineSummaryDrop .dropdownTitle .colorLabel {
  margin-bottom: auto;
}
.combinationArea .phoneLineSummaryDrop .dropdownTitle .labelGroup {
  max-width: calc(100% - 7.4rem);
}
.combinationArea .phoneLineSummaryDrop .dropdownList {
  top: 10rem;
}
.combinationArea .phoneLineSummaryDrop .dropdownList .phoneLine .colorLabel {
  margin-top: 0;
}
.combinationArea .phoneLineSummaryDrop .dropdownList .labelGroup {
  max-width: calc(100% - 7rem);
}

/* 데이터 쉐어링 소개 팝업 */
.sharingPopContainer .numberList {
  padding-left: 1.6rem;
  text-indent: -1.2rem;
}
.sharingPopContainer .about02 p {
  font-size: 1.2rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}

/* 데이터 주고받기 가능 요금제 */
.aboutWrap {
  margin-bottom: 3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.aboutWrap:last-child {
  margin-bottom: 0;
}
.aboutWrap.colorGray {
  color: #555555;
}
.aboutWrap .aboutTitle,
.aboutWrap .aboutStep {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.aboutWrap .aboutTitle .smallText,
.aboutWrap .aboutStep .smallText {
  font-weight: normal;
  font-size: 1.2rem;
}
.aboutWrap .aboutTitle02 {
  padding-left: 5rem;
  text-indent: -5rem;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: inherit;
  line-height: 1.4;
}
.aboutWrap .titleTop {
  display: block;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.aboutWrap .aboutStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.aboutWrap .aboutStep .step {
  min-width: 5rem;
}
.aboutWrap .aboutContent {
  margin-bottom: 2rem;
}
.aboutWrap .aboutContent .buttonArea {
  margin-top: 2rem;
  margin-bottom: 1.6rem;
}
.aboutWrap .aboutContent .buttonArea:last-child {
  margin-bottom: 0;
}
.aboutWrap .aboutGrayBox {
  padding: 1.6rem 2rem;
  border-radius: 10px;
  background-color: #f7f8fa;
}
.aboutWrap .nodataContainer {
  padding: 1.4rem 0.6rem;
  background-color: #f8f8fa;
  border-radius: 1rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  text-align: center;
}
.aboutWrap .tableContainer th,
.aboutWrap .tableContainer td {
  padding: 0.8rem 1rem;
  font-size: 1.1rem;
}
.aboutWrap .smallText {
  color: #555555;
}
.aboutWrap .smallText.colorDark {
  color: #333333;
}
.aboutWrap .normalText {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  letter-spacing: -0.7px;
  margin-bottom: 1.4rem;
}
.aboutWrap .normalText:last-child {
  margin-bottom: 0;
}
.aboutWrap .dotList {
  margin-top: 1rem;
}
.aboutWrap .beforeDot {
  font-size: 1.3rem;
  color: #555555;
}
.aboutWrap .speechStepArea {
  margin-top: 0;
}
.aboutWrap .speechStepArea .title {
  font-size: 1.5rem;
}
.aboutWrap .numberList {
  font-size: 1.2rem;
  color: #333333;
}
.aboutWrap .numberList > li {
  padding-left: 1rem;
  text-indent: -1rem;
}
.aboutWrap .numberList + .smallText {
  margin-top: 2rem;
}
.aboutWrap .numberList.sizeBigger {
  font-size: 1.4rem;
}
.aboutWrap .numberList.sizeBigger > li {
  padding-left: 1.8rem;
  text-indent: -1.5rem;
  line-height: 1.4;
}
.aboutWrap .numberList.sizeBigger .beforeDot {
  font-size: 1.4rem;
}

.sendSMSWrap {
  margin-bottom: 7rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.sendSMSWrap .input {
  position: relative;
}
.sendSMSWrap .input input {
  padding-right: 6rem;
}
.sendSMSWrap .time {
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.sendSMSWrap .buttonArea {
  margin-top: 1rem;
  margin-bottom: 1.7rem;
}
.sendSMSWrap .sendSMSBottom {
  margin-top: 1rem;
}
.sendSMSWrap .sendSMSBottom.alignRight {
  text-align: right;
}
.sendSMSWrap.fieldForm .buttonArea {
  margin: 0;
  margin-left: 0.5rem;
}

/* 요금제/부가서비스  */
.newExtraApplyTabs [class*="freeChargeTabs"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3.2rem;
  margin-bottom: 3rem;
}
.newExtraApplyTabs [class*="freeChargeTabs"] .tabBtn {
  margin: 0 0.7rem;
  padding-bottom: 0.3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.newExtraApplyTabs [class*="freeChargeTabs"] .tabBtn.active {
  position: relative;
  color: #499690;
  font-weight: bold;
}
.newExtraApplyTabs [class*="freeChargeTabs"] .tabBtn.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #499690;
}
.newExtraApplyTabs [class*="freeChargeTabs"] .btnExtraCancel {
  width: 10rem;
  padding: 0.4rem 0.8rem;
  background-color: #ffffff;
  border: 1px solid #499690;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #499690;
  line-height: 1.4;
}
.newExtraApplyTabs [class*="freeChargeTabs"] .btnExtraCancel:hover,
.newExtraApplyTabs [class*="freeChargeTabs"] .btnExtraCancel:focus-visible {
  background-color: rgba(0, 0, 0, 0.05);
}
.newExtraApplyTabs .tabList {
  max-width: 69.7rem;
  margin: 7rem auto 3rem;
}

/* 요금제/부가서비스 - 부가서비스 해지 */
/* 셀프개통 본인인증 수단 팝업 */
.applyCaseContainer {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.applyCaseContainer .applyInfoArea {
  margin-bottom: 2rem;
}
.applyCaseContainer .applyInfoArea:last-child {
  margin-bottom: 0;
}
.applyCaseContainer .applyInfoArea > .fieldArea {
  height: 4.8rem;
}
.applyCaseContainer .applyInfoArea > .linkUnderline {
  display: inline-block;
  margin-top: 1.2rem;
  margin-bottom: 2rem;
}
.applyCaseContainer .applyInfoBottom {
  margin-top: 3rem;
}
.applyCaseContainer > .buttonArea {
  margin-top: 2.4rem;
  margin-bottom: 2.8rem;
}
.applyCaseContainer > .buttonArea:last-child {
  margin-bottom: 0;
}
.applyCaseContainer .infoTitleArea {
  margin-bottom: 1.2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #000000;
}
.applyCaseContainer .infoTitle {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.applyCaseContainer .infoTitle:only-child {
  margin-bottom: 0;
}
.applyCaseContainer .tableContainer {
  min-width: 20rem;
  font-size: 1.1rem;
}
.applyCaseContainer .tableContainer .tableArea {
  margin-bottom: 1.6rem;
}
.applyCaseContainer .tableContainer .tableArea.marginBtmReset {
  margin-bottom: 0;
}
.applyCaseContainer .tableContainer th,
.applyCaseContainer .tableContainer td {
  font-size: 1.1rem;
}
.applyCaseContainer .tableContainer td {
  padding-left: 1rem;
  padding-right: 1rem;
}
.applyCaseContainer .tableContainer .beforeDot {
  font-size: 1.2rem;
}
.applyCaseContainer .tableContainer .groupContainer .radio {
  margin-right: 0.3rem;
}
.applyCaseContainer .tableContainer .groupContainer .radio:last-child {
  margin-right: 0;
}
.applyCaseContainer .roundRadio {
  margin-bottom: 1.5rem;
}
.applyCaseContainer .cautionArea {
  margin-bottom: 1.6rem;
}
.applyCaseContainer .fieldCheckbox.fieldAllCheck {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2.4rem;
  border-bottom: none;
}
.applyCaseContainer .fieldCheckbox .checkbox + .checkbox {
  margin-top: 0.8rem;
}
.applyCaseContainer .typePhoneLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.6rem;
  background-color: #f8f8fa;
  border-radius: 1rem;
}
.applyCaseContainer .typePhoneLine:last-child {
  margin-bottom: 0;
}
.applyCaseContainer .typePhoneLine .innerLogo {
  width: 100%;
  padding: 2.5rem 1.6rem;
}
.applyCaseContainer .typePhoneLine .innerLogo .fieldBox {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.applyCaseContainer .typePhoneLine .innerLogo .fieldBox .imgWrap {
  width: 8rem;
  height: 5.2rem;
  margin-right: 1.3rem;
}
.applyCaseContainer .typePhoneLine .innerLogo .fieldBox .imgWrap img {
  width: auto;
  height: 2.2rem;
}
.applyCaseContainer .typePhoneLine .innerLogo .fieldBox .lineBox {
  width: calc(100% - 6.5rem);
}
.applyCaseContainer .typePhoneLine .innerLogo .fieldBox .lineBox:only-child {
  width: 100%;
}
.applyCaseContainer .typePhoneLine .innerLogo .fieldBox .product {
  margin-bottom: 0.8rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.applyCaseContainer .typePhoneLine .innerLogo .fieldBox .phone {
  font-size: 1.4rem;
  font-weight: bold;
  color: #555555;
  line-height: 1.4;
}
.applyCaseContainer .typePhoneLine .lineMyPhone {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.applyCaseContainer .checkbox {
  color: #000000;
}
.applyCaseContainer .fieldDatepicker {
  margin-top: 0;
}
.applyCaseContainer .fieldDatepicker .btnOpen {
  height: 4.8rem;
  font-size: 1.4rem;
}
.applyCaseContainer .btn {
  height: 4.8rem;
  font-size: 1.4rem;
}
.applyCaseContainer .field .dotList {
  margin-top: 1.6rem;
}
.applyCaseContainer .field .fieldForm {
  margin-top: 0;
  font-size: 1.4rem;
}
.applyCaseContainer .fieldInput .input {
  min-width: calc(100% - 7.5rem);
}
.applyCaseContainer .fieldInput .input + .btn {
  -ms-flex-preferred-size: 7.5rem;
  flex-basis: 7.5rem;
  margin-left: 0.8rem;
}
.applyCaseContainer .fieldGroup.cardValidity {
  margin-bottom: 2.4rem;
}
.applyCaseContainer .liImage {
  width: 28.8rem;
  margin-bottom: 2rem;
  margin-left: -2px;
}
.applyCaseContainer .liImage:not(:first-child) {
  margin-top: 2rem;
}
.applyCaseContainer .liImage p {
  margin-bottom: 0.5rem;
}
.applyCaseContainer .buttonArea {
  margin-top: 2.4rem;
}
.applyCaseContainer .infoBgGray {
  margin-top: 2rem;
  padding: 1.6rem 2rem;
  background-color: #e5e8eb;
  border-radius: 0.4rem;
}

.noticeText {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.noticeText.black {
  color: #000000;
}
.noticeText:last-child {
  margin-bottom: 0;
}

.iconBorderBox {
  max-width: 14.2rem;
  padding-bottom: 1.2rem;
  margin: 1.6rem auto;
  border: 1px solid #cccccc;
  border-radius: 0.2rem;
  text-align: center;
  font-size: 1.3rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.iconBorderBox .imgWrap {
  width: 6.4rem;
}
.iconBorderBox .iconTitle {
  display: block;
}

/* 부가서비스 신청/해지 */
.explanContainer {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.explanContainer .title {
  display: block;
  margin-bottom: 2rem;
  font-weight: bold;
  color: #000000;
}

/* eSIM 셀프개통 안내 */
.eSIMselfContainer .aboutTitle {
  margin-bottom: 1.3rem;
}
.eSIMselfContainer .aboutContent,
.eSIMselfContainer .beforeDot {
  font-size: 1.2rem;
}

/* 본인인증 > 신용카드 인증 팝업 */
.popup .iframeBox {
  margin: -0.5rem 0 -0.2rem;
}

.iframeBox {
  overflow: hidden;
  width: 100%;
  height: 31.7rem;
  border: 1px solid #000000;
  border-radius: 0.4rem;
}
.iframeBox .iframe {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  .sharingProgress {
    zoom: 0.6;
  }
  .sharingArticle .sharingProgress {
    margin-top: 3rem;
  }
  .typeCaution + .buttonArea {
    margin-top: 5rem;
  }
  /* 요금제/부가서비스 */
  .newExtraApply .pageTitleContainer + .contentArea {
    padding-top: 2rem;
  }
  .newExtraApplyTabs [class*="freeChargeTabs"] {
    min-height: 2.6rem;
    padding: 0 2rem 0 1.5rem;
    margin-bottom: 1.4rem;
  }
  .newExtraApplyTabs [class*="freeChargeTabs"] .tabBtn {
    font-size: 1.2rem;
  }
  .newExtraApplyTabs [class*="freeChargeTabs"] .btnExtraCancel {
    width: 8.2rem;
    padding: 0.2rem 0.8rem;
    font-size: 1.4rem;
  }
  .newExtraApplyTabs .tabList {
    margin: 0 2rem 3rem;
  }
  /* 데이터 쉐어링 */
  .combinationArea {
    max-width: 100%;
  }
}
@media (max-width: 717px) {
  /* 데이터 쉐어링 */
  .combinationArea {
    width: 100%;
  }
  .combinationArea .normalText {
    font-size: 1.3rem;
  }
  .combinationArea .bgInfoGray {
    margin: 2rem 0;
    font-size: 1.3rem;
  }
  .combinationArea > .buttonArea {
    margin-top: 5rem;
  }
  .combinationArea .phoneLineSummaryDrop .labelGroup {
    display: block;
  }
  .combinationArea .phoneLineSummaryDrop .labelGroup .product {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
  .combinationArea .phoneLineSummaryDrop .labelGroup .phone {
    font-size: 1.6rem;
  }
  .combinationArea .phoneLineSummaryDrop .labelGroup .phone:before {
    display: none;
  }
  .combinationArea .phoneLineSummaryDrop .dropdownTitle .labelGroup {
    max-width: 100%;
  }
  .combinationArea .phoneLineSummaryDrop .dropdownTitle .colorLabel {
    top: auto;
    right: 1.5rem;
    bottom: 0;
  }
  /* 데이터 쉐어링 */
  .sharingMain .contentArea {
    padding-bottom: 0;
  }
  .sharingMain .contentInner {
    padding: 0;
  }
  .sharingArticle {
    padding: 0 2rem 5rem;
    border-radius: 0;
    border: 0;
  }
  .sharingArticle .myLineWrap .myLineTitle {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
  .sharingArticle .myLineWrap .moBorder {
    padding: 1.6rem 2rem;
    margin: 0 -2rem;
    border-bottom: 1px solid #cccccc;
  }
  .sharingArticle .combinationArea {
    margin-bottom: 3rem;
  }
  .sharingArticle .combinationArea .linkUnderline {
    font-size: 1.3rem;
  }
  /* bullets */
  .beforeStar br {
    display: none;
  }
}
@media (max-width: 512px) {
  .fieldInformation {
    font-size: 1.2rem;
  }
  .fieldInformation.bgGray {
    padding: 2rem 1.6rem;
  }
  .fieldInformation .beforeDot {
    font-size: 1.2rem;
  }
  .fieldInformation .infoTitle {
    margin-bottom: 1rem;
  }
  .fieldInformation .infoText {
    margin-bottom: 1rem;
  }
  .fieldInformation .infoListWrap {
    margin-top: 3rem;
  }
  .sendSMSWrap {
    margin-bottom: 5rem;
    font-size: 1.3rem;
  }
  .sendSMSWrap.fieldForm .buttonArea {
    width: 100%;
    margin: 0.8rem 0 0 0;
  }
  .sharingProgress {
    zoom: 1;
    font-size: 1.2rem;
  }
  .sharingProgress [class*="progressArea"] {
    -ms-flex-preferred-size: 11rem;
    flex-basis: 11rem;
  }
  .sharingProgress [class*="progressArea"]:before {
    width: 11rem;
    height: 11rem;
  }
  .sharingProgress .iconPhone:before {
    background-size: 3.6rem auto;
  }
  .sharingProgress .iconSmartDevice:before {
    background-size: 5rem auto;
  }
  .sharingProgress .middle {
    -ms-flex-preferred-size: 5.6rem;
    flex-basis: 5.6rem;
    margin: 0 0.4rem;
  }
  .sharingProgress .arrow {
    width: 4.1rem;
    height: 1.8rem;
  }
  .infoBoxArea {
    margin-top: 2rem;
    font-size: 1.6rem;
  }
  .infoBoxArea .linkUnderline {
    font-size: 1.3rem;
  }
  .infoBoxArea .textMiddle {
    font-size: 1.4rem;
  }
  .infoBoxArea .infoAreaBottom {
    margin-top: 2rem;
  }
  .exchangeMain .contentArea {
    padding-bottom: 0;
  }
}
@media (max-width: 320px) {
  .sharingProgress {
    zoom: 0.8;
  }
  /* 요금제/부가서비스 */
  .newExtraApplyTabs .tabList .tabButton {
    font-size: 1.2rem;
  }
  /* 요금제/부가서비스 - 부가서비스 해지 */
  /* 셀프개통 본인인증 수단 팝업 */
  .applyCaseContainer .infoBgGray {
    padding: 1.5rem;
  }
  .applyCaseContainer .infoBgGray .beforeDot {
    padding-left: 1rem;
  }
  .applyCaseContainer .infoBgGray .beforeDot::before {
    left: 0;
  }
}
[class*="product"] .contentArea {
  padding-top: 7rem;
}

.productPlanCompare:after,
.productPlanDetail:after,
.usimDirectPurchase01:after,
.usimDirectPurchase02:after,
.sharingDetail:after,
.exchangeCancel:after,
.exchangeJoin:after,
.usimApply:after {
  content: "";
  display: block;
  width: 100%;
  height: 16rem;
  background-color: #f7f8fa;
}

.productPlanList .contentArea,
.productPlanCompare .contentArea {
  padding: 0;
}

.productListContainer {
  padding-top: 8rem;
  background-color: #ffffff;
}

[class*="productExtra"] .boardContainer {
  padding: 0;
  padding-bottom: 14rem;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.extraContainer .extraTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.extraContainer .extraTop.spaceBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.extraContainer .extraMiddle {
  border-top: 2px solid #000000;
}
.extraContainer .extraBottom {
  margin-top: 4rem;
}
.extraContainer .extraTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  min-height: 7.5rem;
  border-bottom: 1px solid #c4c4c4;
}
.extraContainer .extraTitle .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2.6rem 2rem;
  padding-right: 0;
  margin-right: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.extraContainer .extraTitle .titleHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.extraContainer .extraTitle .titleHead:only-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.extraContainer .extraTitle .titleHead .top {
  font-size: 1.4rem;
  font-weight: 700;
  color: #777777;
  line-height: 2.3rem;
}
.extraContainer .extraTitle .titleHead .middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.35rem;
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.extraContainer .extraTitle .titleHead .middle:only-child,
.extraContainer .extraTitle .titleHead .middle:last-child {
  width: 100%;
}
.extraContainer .extraTitle .titleHead .middle .desc {
  margin-right: 1rem;
  text-align: left;
}
.extraContainer .extraTitle .titleHead .middle [class*="type"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  min-width: auto;
  margin-top: 0.2rem;
  padding: 6px 8px;
  border-radius: 1.3rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: inherit;
  line-height: 1;
  background-color: #ffffff;
  white-space: nowrap;
}
.extraContainer .extraTitle .titleHead .middle .typeData {
  border: 1px solid #1758ff;
  color: #1758ff;
}
.extraContainer .extraTitle .titleHead .middle .typeCall {
  border: 1px solid #3cbb00;
  color: #3cbb00;
}
.extraContainer .extraTitle .titleHead .middle .typePink {
  border: 1px solid #ff17e8;
  color: #ff17e8;
}
.extraContainer .extraTitle .titleHead .bottom {
  width: 100%;
  font-size: 1.3rem;
  color: #777777;
}
.extraContainer .extraTitle .titleBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  font-size: 2rem;
  font-weight: 800;
  color: #333333;
  line-height: 2.3rem;
  word-break: break-word;
  word-wrap: break-word;
}
.extraContainer .extraTitle .titleBody .sideRight {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
}
.extraContainer .extraTitle .titleFoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.extraContainer .extraTitle .titleFoot .date {
  margin-left: 2rem;
}
.extraContainer .extraTitle .sideRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.extraContainer .extraTitle .sideRight > * {
  display: block;
  margin-left: 2rem;
}
.extraContainer .extraTitle .sideRight > *:first-child {
  margin-left: 0;
}
.extraContainer .extraTitle .sideRight .detailOpenBtn,
.extraContainer .extraTitle .sideRight .extraBtn {
  margin-left: 0;
}
.extraContainer .extraTitle .freeType {
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.extraContainer .extraTitle .linkUnderline {
  font-size: 1.6rem;
}
.extraContainer .extraTitle .labelItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.extraContainer .extraTitle .radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 2rem;
}
.extraContainer .extraTitle .radio .radioLabel:before {
  margin-right: 0;
}
.extraContainer .extraTitle .extraPrice {
  margin-left: 2rem;
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.extraContainer .extraBtn {
  min-width: 5rem;
  height: 5rem;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    right 2rem center;
}
.extraContainer .extraBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.extraContainer .detailOpenBtn {
  min-width: 5rem;
  height: 5rem;
  background: url("/web/kmvno/assets/images/common/icon_arrow_right.svg") no-repeat
    center/0.9rem 1.4rem;
}
.extraContainer .detailOpenBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.extraContainer .extraContent {
  display: none;
  min-height: 8.1rem;
  padding: 2.6rem 2rem;
  background-color: #f7f8fa;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.extraContainer .extraContent .textWrap {
  display: block;
  margin-bottom: 1.6rem;
}
.extraContainer .extraContent .textWrap:last-child {
  margin-bottom: 0;
}
.extraContainer .extraContent .textWrap p {
  padding-top: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.5;
}
.extraContainer .extraContent .textWrap p:first-child {
  padding-top: 0;
}
.extraContainer .extraContent .textWrap span {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.6;
}
.extraContainer .extraArea:first-child {
  border-top: 0;
}
.extraContainer .extraArea.active .extraTitle {
  background-color: #f7f8fa;
}
.extraContainer .extraArea.active .extraBtn {
  background-image: url("/web/kmvno/assets/images/common/arrow_line_up.svg");
}
.extraContainer .extraArea.active .extraContent {
  display: block;
}
.extraContainer .titleArea {
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
  line-height: normal;
}
.extraContainer .textArea {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: normal;
}
.extraContainer .textArea:last-child {
  margin-bottom: 0;
}

.fixedFooterContainer {
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  max-height: 20rem;
  padding: 4rem 0;
  background-color: #f7f8fa;
  -webkit-box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.25),
    0px -3px 14px rgba(0, 0, 0, 0.25);
  box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.25),
    0px -3px 14px rgba(0, 0, 0, 0.25);
}
.fixedFooterContainer .moType {
  display: none;
}
.fixedFooterContainer .fieldToggleBtn {
  display: none;
}
.fixedFooterContainer .fieldToggleBtn .openBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: url("/web/kmvno/assets/images/common/arrow_toggle_up.svg") no-repeat
    center;
}
.fixedFooterContainer .fieldToggleBtn .openBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.fixedFooterContainer .fieldToggleBtn[aria-expanded="true"] .openBtn {
  background: url("/web/kmvno/assets/images/common/arrow_toggle_down.svg") no-repeat
    center;
}
.fixedFooterContainer .field .fieldLabel {
  margin-bottom: 1.8rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.fixedFooterContainer .field .fieldForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fixedFooterContainer .field .checkbox,
.fixedFooterContainer .field .emptyArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 5.7rem;
  padding: 0 2rem;
  margin-right: 1rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
}
.fixedFooterContainer .field .checkbox:last-child,
.fixedFooterContainer .field .emptyArea:last-child {
  margin-right: 0;
}
.fixedFooterContainer .field .checkbox .checkboxLabel {
  width: 100%;
}
.fixedFooterContainer .field .checkbox .checkboxLabel .checkIcon {
  margin-left: auto;
}
.fixedFooterContainer .field .checkbox .checkboxLabel .checkIcon:before {
  margin-right: 0;
}
.fixedFooterContainer .field .checkbox .checkboxLabel > span {
  margin-right: 1rem;
}
.fixedFooterContainer .field .checkbox .checkboxLabel > span:last-child {
  margin-right: 0;
}
.fixedFooterContainer .field .emptyArea {
  color: #777777;
}
.fixedFooterContainer.hide {
  transform: translateY(111%);
}

.fixedFooterArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 147.6rem;
  padding: 0 2rem;
}
.fixedFooterArea .title {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #777777;
  line-height: 1.4;
}
.fixedFooterArea > .descArea,
.fixedFooterArea > .field {
  width: calc(100% - 27.6rem);
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.fixedFooterArea .descArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5rem;
}
.fixedFooterArea .descArea + .buttonArea {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.fixedFooterArea .priceArea {
  font-size: 3.2rem;
  font-weight: bold;
  color: #333333;
  line-height: 4.6rem;
}
.fixedFooterArea .left .desc {
  margin-right: 1rem;
  font-size: 3.2rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.fixedFooterArea .right .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.fixedFooterArea .right .priceArea {
  margin-left: 1rem;
  margin-bottom: -5px;
}
.fixedFooterArea .sideArea {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.fixedFooterArea .comment {
  margin-bottom: 1rem;
}
.fixedFooterArea .buttonArea .btn {
  width: 26.6rem;
}
.fixedFooterArea .buttonArea .btn:only-child {
  max-width: 26.6rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.fixedFootBottom {
  width: 100%;
  max-width: 147.6rem;
  margin-top: 1rem;
  padding: 0 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
}
.fixedFootBottom > div {
  padding: 0 2rem;
}
.fixedFootBottom .alingRight {
  text-align: right;
}

.popularDataArea {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 3rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.popularDataArea .titleCompany {
  display: block;
  font-size: 1.3rem;
}
.popularDataArea .dlItemFlex {
  min-height: 5.2rem;
}
.popularDataArea .dlItemFlex.borderType dt {
  font-size: 1.4rem;
  font-weight: bold;
}
.popularDataArea .dlItemFlex.borderType dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.6rem;
  text-align: right;
}
.popularDataArea .dlGrayBox {
  border: none;
}
.popularDataArea .dlColorBoxArea {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.popularDataArea .colorLabel {
  position: absolute;
  top: 1.5rem;
  right: 3rem;
  z-index: 1;
  display: block;
  margin-left: auto;
  padding: 0 0.7rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 2.3rem;
  background-color: #499690;
  border-radius: 3px;
}
.popularDataArea .colorLabel:after {
  content: "";
  clear: both;
}

.productSummaryContainer {
  position: relative;
  max-width: 147.6rem;
  margin: 0 auto;
  padding: 14.9rem 2rem 12rem;
}
.productSummaryContainer .popularDataArea .summaryBigTitle {
  font-size: 2.8rem;
}
.productSummaryContainer .popularDataArea .titleCompany {
  margin-bottom: 0.6rem;
}
.productSummaryContainer .popularDataArea .dlItemFlex {
  min-height: 6.6rem;
}
.productSummaryContainer .popularDataArea .dlItemFlex dt {
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.productSummaryContainer .popularDataArea .dlItemFlex dd {
  font-size: 1.8rem;
  text-align: right;
}
.productSummaryContainer .popularDataArea .dlItemFlex .subText {
  font-size: 1.3rem;
}

.planNoticeArea {
  max-width: 99.2rem;
  padding: 0 2rem;
  margin: 7rem auto 0;
}
.planNoticeArea.fullWidth {
  max-width: 100%;
  padding: 0;
}
.planNoticeArea .normalTitle {
  display: block;
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

.popularProductTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5.4rem;
  font-size: 3rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}
.popularProductTitle .colorLabel {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5.9rem;
  height: 3rem;
  margin-right: 1rem;
  padding: 0 0.9rem;
  font-size: 1.4rem;
  background-color: #ff5758;
  color: #ffffff;
  border-radius: 3px;
}
.popularProductTitle .colorLabel::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1rem;
  height: 1.4rem;
  margin-left: auto;
  background: url("/web/kmvno/assets/images/product/icon_popular.svg") no-repeat
    center;
}

.popularSwiper {
  position: relative;
}
.popularSwiper .swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.popularSwiper .swiper-slide {
  height: auto;
}
.popularSwiper .react-pagination {
  top: auto;
  bottom: 0;
  height: 0.2rem;
  background-color: #cccccc;
}
.popularSwiper .react-pagination .swiper-pagination-progressbar-fill {
  top: -0.25rem;
  height: 0.6rem;
  background-color: #333333;
}
.popularSwiper .popularBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: static;
  width: 12.6rem;
  height: 100%;
  margin: 6rem auto 0;
}
.popularSwiper .popularBtnWrap [class*="popularBtn"] {
  overflow: hidden;
  position: relative;
  width: 3rem;
  height: 3rem;
  background: url("/web/kmvno/assets/images/common/arrow_pagenation.svg") no-repeat
    center #ffffff;
  background-size: cover;
  border-radius: 50%;
}
.popularSwiper .popularBtnWrap [class*="popularBtn"] > span {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
}
.popularSwiper .popularBtnWrap [class*="popularBtn"]:hover,
.popularSwiper .popularBtnWrap [class*="popularBtn"]:focus-visible {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_hover.svg");
}
.popularSwiper .popularBtnWrap [class*="popularBtn"]:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_press.svg");
}
.popularSwiper .popularBtnWrap [class*="popularBtn"].swiper-button-disabled {
  opacity: 0.5;
}
.popularSwiper
  .popularBtnWrap
  [class*="popularBtn"].swiper-button-disabled:hover,
.popularSwiper
  .popularBtnWrap
  [class*="popularBtn"].swiper-button-disabled:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation.svg");
}
.popularSwiper .popularBtnWrap .popularBtnNext {
  -webkit-transform: translateY(0) rotate(180deg);
  transform: translateY(0) rotate(180deg);
}
.popularSwiper .popularBtnWrap .swiper-pagination {
  position: static;
  width: auto;
  font-size: 1.3rem;
  font-weight: bold;
  color: #555555;
  line-height: 1;
}
.popularSwiper .popularBtnWrap .swiper-pagination .swiper-pagination-current {
  color: #499690;
}
.popularSwiper .usageItem dd {
  margin-left: auto;
}
.popularSwiper .usageItem .linkUnderline {
  font-size: 1.8rem;
}

.popularDataList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popularDataList .usageItem dt {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.popularDataList .usageItem dd {
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.popularDataList .usageItem dd span {
  padding-right: 0.3rem;
}
.popularDataList .usageItem.smaller dt {
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.popularDataList .usageItem.smaller dd {
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.popularDataList .checkBoxItem {
  width: calc(25% - 2rem);
  margin: 1rem;
}

.checkBoxItem {
  position: relative;
}
.checkBoxItem .checkbox {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  z-index: 1;
}
.checkBoxItem .popularDataArea {
  width: 100%;
  margin: 0;
  background-color: #f7f8fa;
}

/* 리스트 - 요금제 > 목록/상세  공통 */
.popularDataList .popularDataArea,
.productListContainer .popularDataArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 47rem;
}
.popularDataList .popularDataArea .summaryTitleArea,
.productListContainer .popularDataArea .summaryTitleArea {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  min-height: 13rem;
  font-size: 1.3rem;
}
.popularDataList .popularDataArea .summaryBigTitle,
.productListContainer .popularDataArea .summaryBigTitle {
  margin-bottom: 1.2rem;
  font-size: 2.1rem;
}
.popularDataList .popularDataArea .titleCompany,
.productListContainer .popularDataArea .titleCompany {
  margin-bottom: 0.3rem;
}
.popularDataList .popularDataArea .dlItemFlex,
.productListContainer .popularDataArea .dlItemFlex {
  min-height: 6.2rem;
}
.popularDataList .popularDataArea .dlItemFlex [class*="iconBg"],
.productListContainer .popularDataArea .dlItemFlex [class*="iconBg"] {
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  padding-left: 3.6rem;
  background-size: 2.4rem auto;
}
.popularDataList .usageItem,
.productListContainer .usageItem {
  margin: 0;
}
.popularDataList .usageItem:only-of-type,
.productListContainer .usageItem:only-of-type {
  margin-top: auto;
}

/* 요금제 > 목록 */
.productPlanList .contentArea {
  padding: 0;
}
.productPlanList .productSummaryContainer {
  max-width: none;
}
.productPlanList .popularProductTitle {
  width: 143.6rem;
  margin: 0 auto 5.4rem;
}
.productPlanList .popularDataList {
  margin: -1rem;
}
.productPlanList .popularDataList .popularDataArea {
  width: calc(25% - 2rem);
  margin: 1rem;
}
.productPlanList .popularSwiper {
  overflow: hidden;
  width: 100%;
  max-width: 143.6rem;
  margin: 0 auto;
}
.productPlanList .popularSwiper .swiper-slide {
  height: auto;
}

/* 요금제 상세 */
.productPlanDetail .contentArea {
  padding-top: 6rem;
}
.productPlanDetail .summaryContent {
  padding: 0rem 2rem 0rem;
}
.productPlanDetail .suammryContent {
  padding: 0rem 0rem 0rem;
}
.productPlanDetail .suammryContent .summaryArea {
  width: calc(33.333% - 1rem);
  margin: 0 0.5rem 1rem;
}
.productPlanDetail .suammryContent .summaryArea .summaryInner {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.productPlanDetail .suammryContent .summaryArea.half {
  width: calc(66% - 1rem);
}
.productPlanDetail .fieldInner {
  margin-bottom: 3rem;
}
.productPlanDetail .fieldInner:last-child {
  margin-bottom: 0;
}
.productPlanDetail .contentInner {
  padding-bottom: 3rem;
}
.productPlanDetail .productPlanDetailList {
  margin: 0 -0.5rem;
}
.productPlanDetail .detailArea {
  width: calc(33.333% - 1rem);
  margin: 0 0.5rem 1rem;
}
.productPlanDetail .detailArea02 {
  width: calc(66.666% - 1rem);
}
.productPlanDetail .centerContainer .centerArea {
  margin-top: 1rem;
  padding: 6%;
}
.productPlanDetail .centerContainer .imgWrap {
  width: 13.6rem;
}
.productPlanDetail .centerContainer .imgWrap img {
  width: auto;
  height: 3.2rem;
}
.productPlanDetail .centerContainer .centerLeft {
  margin-right: 1rem;
}
.productPlanDetail .centerContainer .centerRight {
  width: calc(100% - 11rem);
}
.productPlanDetail .centerContainer .centerInfo .text {
  font-size: 1.4rem;
}
.productPlanDetail .centerContainer .centerUrl {
  font-size: 1.4rem;
}
.productPlanDetail .basicInfoArea > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 2rem;
}
.productPlanDetail .basicInfoArea > li .title {
  width: 130px;
}
.productPlanDetail .basicInfoArea > li .desc {
  font-weight: 500;
}
.productPlanDetail .buttonArea > button {
  width: 26.6rem;
}

/* 요금제 상세 > 요금제 변경 팝업 */
.popupProductPlanChange .popupMiddle {
  overflow: hidden;
  padding: 0;
}
.popupProductPlanChange .popupMiddle:last-child {
  padding-bottom: 0;
}
.popupProductPlanChange .planChangeContent {
  overflow: hidden;
  overflow-y: auto;
  max-height: 70.6rem;
  padding: 2rem 2rem 19.5rem;
}
.popupProductPlanChange .fixedFooterContainer {
  position: absolute;
  background-color: #ffffff;
  -webkit-box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.1),
    0px -3px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.1), 0px -3px 14px rgba(0, 0, 0, 0.1);
}
.popupProductPlanChange .fixedFooterArea .title {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.4;
}
.popupProductPlanChange .fixedFooterArea .priceArea {
  font-size: 2.6rem;
}
.popupProductPlanChange .fixedFooterArea .buttonArea {
  margin-top: 0;
}
.popupProductPlanChange .fixedFooterArea .buttonArea .btn {
  width: auto;
  min-width: 15.7rem;
}
.popupProductPlanChange .fixedFooterArea .left .desc {
  font-size: 2.6rem;
}
.popupProductPlanChange .fixedFooterArea .right .desc {
  font-size: 1.4rem;
}

.planChangeContent .planInfoTitle {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
  border-bottom: 1px solid #c4c4c4;
}
.planChangeContent .typeCaution {
  background-color: #ffffff;
}
.planChangeContent .typeCaution:last-child {
  margin-bottom: 0;
}
.planChangeContent .typeCaution.bgWhite {
  border: 1px solid #c4c4c4;
}
.planChangeContent .typeCaution.bgGray {
  background-color: #f7f8fa;
}
.planChangeContent .typeCaution .fieldLabel {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.planChangeContent .typeCaution .fieldArea {
  min-height: auto;
  padding: 0;
  background-color: transparent;
}
.planChangeContent .typeCaution .fieldArea > li {
  margin-bottom: 0;
}
.planChangeContent .planInfoContent .typeCaution {
  margin-bottom: 1rem;
  padding: 2rem;
  border-radius: 1rem;
}
.planChangeContent .fieldCheckbox .fieldForm {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

.planChangeTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -1.8rem 5rem;
}
.planChangeTop > [class*="planChange"] {
  width: calc(50% - 3.6rem);
  margin: 0 1.8rem;
}
.planChangeTop > [class*="planChange"] .planInfoTitle {
  height: 3.6rem;
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.planChangeTop .popularDataArea {
  height: calc(100% - 3.6rem);
}
.planChangeTop .summaryTitleArea {
  min-height: 12rem;
}

.planChangeMiddle .planInfoTitle {
  font-size: 1.6rem;
}

.detailInfoArea .detailTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    right 0rem center;
  border-bottom: 1px solid #c4c4c4;
}
.detailInfoArea .detailTitle .title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
  line-height: 2.3;
}
.detailInfoArea .detailTitle .rotateBtn {
  position: relative;
  width: 3.4rem;
  height: 2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.detailInfoArea .detailTitle .rotateBtn[aria-expanded="true"] {
  color: #499690;
}
.detailInfoArea .detailTitle .rotateBtn > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.detailInfoArea .detailContent {
  display: none;
  padding: 2rem;
  background-color: #f7f8fa;
  border-radius: 10px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.5;
  word-break: break-word;
}
.detailInfoArea .detailContent .bottom {
  padding-top: 2rem;
  border-top: 1px solid #c4c4c4;
}
.detailInfoArea .detailContent .textWrap {
  display: block;
  margin-bottom: 1.6rem;
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.5;
}
.detailInfoArea .detailContent .textWrap:first-child {
  margin-top: 0;
}
.detailInfoArea .detailContent .textWrap:last-child {
  margin-bottom: 0;
}
.detailInfoArea .detailContent .textWrap p {
  padding-top: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.5;
}
.detailInfoArea .detailContent .textWrap p:first-child {
  padding-top: 0;
}
.detailInfoArea .detailContent .textWrap span {
  font-size: 1.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.5;
}
.detailInfoArea .detailContent .titleArea {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.5;
}
.detailInfoArea .detailContent .textArea {
  margin-bottom: 2rem;
}
.detailInfoArea .detailContent .textArea:last-child {
  margin-bottom: 0;
}
.detailInfoArea .detailContent table {
  width: 100%;
}
.detailInfoArea .detailContent table td {
  width: auto;
}
.detailInfoArea.active .detailTitle {
  background: url("/web/kmvno/assets/images/common/arrow_line_up.svg") no-repeat
    right 0rem center;
}
.detailInfoArea.active .detailContent {
  display: block;
}
.detailInfoArea .cautionArea .label {
  display: inline-block;
  padding-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #333333;
  line-height: 2rem;
}
.detailInfoArea .cautionArea .label2 {
  display: inline-block;
  padding-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 2rem;
}
.detailInfoArea .cautionArea .cautionWrap {
  margin-top: 0rem;
}
.detailInfoArea .cautionArea .cautionWrap > li {
  margin-left: 0.8rem;
  margin-bottom: 0;
}

/* popup 요금제 비교 결과 .popupProductPlanCompare {} */
.productCompareList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -0.45rem;
}
.productCompareList .dlColorBoxArea {
  margin: 0;
}
.productCompareList .buttonArea {
  width: 266px;
  margin: 0 auto;
  margin-top: 1.1rem;
  font-weight: 700;
}
.productCompareList .popularDataArea {
  margin: 0 0.45rem;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.productCompareList .popularDataArea .inner {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.productCompareList .dlWhiteBox .dlItemFlex.borderType {
  margin-bottom: 0;
}
.productCompareList [class*="headColor"] .dlItemFlex dt {
  color: #555555;
  font-weight: normal;
}
.productCompareList [class*="headColor"] .dlItemFlex dd {
  color: #333333;
  font-weight: 500;
}
.productCompareList [class*="headColor"] .dlItemFlex.active:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -2rem;
  right: -2rem;
  bottom: -1px;
  z-index: 0;
}
.productCompareList [class*="headColor"] .dlItemFlex.active dt,
.productCompareList [class*="headColor"] .dlItemFlex.active dd {
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 1.6rem;
}
.productCompareList .summaryColorTit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 11.6rem;
  padding: 0 3rem;
  border-radius: 1.2rem 1.2rem 0 0;
  font-size: 2.2rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.4;
  text-align: center;
  word-break: break-all;
}
.productCompareList .summaryColorTit .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  background: url("/web/kmvno/assets/images/common/btn_white_close.svg") no-repeat
    center;
  border: none;
}
.productCompareList .summaryColorTit .btn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.productCompareList .headColorBlue .summaryColorTit {
  background-color: #288bc3;
}
.productCompareList .headColorBlue .dlItemFlex.active:after {
  border: 1px solid #288bc3;
  background-color: rgba(40, 139, 195, 0.1);
}
.productCompareList .headColorGreen .summaryColorTit {
  background-color: #499690;
}
.productCompareList .headColorGreen .dlItemFlex.active:after {
  border: 1px solid #499690;
  background-color: rgba(73, 150, 144, 0.1);
}
.productCompareList .headColorPurple .summaryColorTit {
  background-color: #c945ac;
}
.productCompareList .headColorPurple .dlItemFlex.active:after {
  border: 1px solid #c945ac;
  background-color: rgba(201, 69, 172, 0.1);
}

.dlColorBoxBottom {
  border-top: 1px solid #cccccc;
  margin: 0 2rem 2rem;
}
.dlColorBoxBottom .bottomTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.2rem;
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.dlColorBoxBottom .bottomContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.3rem;
  padding: 1.6rem;
  background-color: #f7f8fa;
  font-size: 1.3rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}

/* 요금제 비교 */
.productPlanCompare .productListContainer {
  padding-top: 3.2rem;
}
.productPlanCompare .popularDataList {
  margin: -1rem;
}
.productPlanCompare .fixedFooterContainer .checkbox .imgWrap {
  display: block;
  max-width: 6rem;
}
.productPlanCompare .fixedFooterArea {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/* 부가서비스 */
.productExtra .contentArea {
  padding: 0;
  padding-top: 7rem;
}
.productExtra .accordionContainer.borderType .accordionArea {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 1.2rem;
}
.productExtra .accordionContainer.borderType .accordionTitle {
  padding: 2.2rem 3rem;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    right 3rem center;
}
.productExtra .accordionContainer .accordionContent {
  padding: 0;
  color: #333333;
}
.productExtra .accordionContainer .accordionContent .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 3rem 3rem;
  font-size: 2rem;
  background-color: #f8f8fa;
}
.productExtra .accordionContainer .accordionContent .inner .right {
  padding: 4rem;
  line-height: 3rem;
}
.productExtra .accordionArea > h1,
.productExtra .accordionArea > h2,
.productExtra .accordionArea > h3,
.productExtra .accordionArea > h4,
.productExtra .accordionArea > h5 {
  padding: 1.6rem 0 1.6rem 2rem;
  border-bottom: 1px solid #cccccc;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000000;
  line-height: 2.3rem;
}
.productExtra .accordionArea.active .accordionTitle {
  background: url("/web/kmvno/assets/images/common/arrow_line_up.svg") no-repeat
    right 3rem center !important;
}
.productExtra .popularSwiper {
  padding-bottom: 3.6rem;
}
.productExtra .popularSwiper .summaryTitleArea > p {
  height: 5.2rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.productExtra .popularSwiper .summaryBigTitle .title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.productExtra .popularSwiper .summaryBigTitle .title > span {
  display: inline-block;
}
.productExtra .popularSwiper .summaryBigTitle .title .type {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 1rem;
  padding: 3px 8px;
  border: 1px solid #000000;
  border-radius: 1.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.7rem;
}
.productExtra .popularSwiper .summaryBigTitle .title .type.streamingType {
  border: 1px solid #ff17e8;
  color: #ff17e8;
}
.productExtra .popularSwiper .summaryBigTitle .title .type.callType {
  border: 1px solid #0099c9;
  color: #0099c9;
}
.productExtra .usageItem dd {
  margin-left: auto;
}
.productExtra .middleBackgroundArea {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.productExtra .middleBackgroundArea .textArea .title {
  margin-bottom: 0.9rem;
  font-size: 2.8rem;
  font-weight: 700;
  color: #000000;
  line-height: 4rem;
}
.productExtra .middleBackgroundArea .textArea .desc {
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
  line-height: 2.3rem;
}
.productExtra .middleBackgroundArea .iconArrow {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 2.8rem;
  height: 2.8rem;
  background: url("/web/kmvno/assets/images/common/next_black_ic.svg") no-repeat
    center;
}
.productExtra .middleBackgroundArea .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.productExtra .middleBackgroundArea .box.left,
.productExtra .middleBackgroundArea .box.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  padding: 0 2rem 0 5rem;
}
.productExtra .middleBackgroundArea .box.left:after,
.productExtra .middleBackgroundArea .box.right:after {
  content: "";
  display: block;
  width: 40rem;
  height: 20rem;
}
.productExtra .middleBackgroundArea .box.left {
  background-color: #5dade7;
}
.productExtra .middleBackgroundArea .box.left:after {
  background: url("/web/kmvno/assets/images/product/extra_bg_02.png") no-repeat right
    bottom/100% auto;
}
.productExtra .middleBackgroundArea .box.left:before {
  content: "";
  display: block;
  width: calc(100% - 69rem);
}
.productExtra .middleBackgroundArea .box.left .iconArrow {
  margin-left: auto;
}
.productExtra .middleBackgroundArea .box.right {
  background-color: #ffe8a3;
}
.productExtra .middleBackgroundArea .box.right:after {
  background: url("/web/kmvno/assets/images/product/extra_bg_03.png") no-repeat right
    bottom/100% auto;
}
.productExtra .middleBackgroundArea .box.right .title {
  color: #856d25;
}
.productExtra .middleBackgroundArea .box.right .desc {
  color: #856d25;
}
.productExtra .middleBackgroundArea .box:only-child {
  width: 100%;
  max-width: 147.6rem;
  padding: 0 2rem;
}
.productExtra .middleBackgroundArea .box:only-child:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #5dade7;
}
.productExtra .middleBackgroundArea .box:only-child:after {
  margin-left: auto;
}
.productExtra .middleBackgroundArea .box:only-child .iconArrow {
  margin-left: 0;
}
.productExtra .middleBackgroundArea .box:only-child:after,
.productExtra .middleBackgroundArea .box:only-child .textArea,
.productExtra .middleBackgroundArea .box:only-child .desc,
.productExtra .middleBackgroundArea .box:only-child .iconArrow {
  position: relative;
  z-index: 1;
}
.productExtra .filterContainer {
  margin-bottom: 0;
  padding-bottom: 9.9rem;
  border-bottom: none;
}
.productExtra .filterContainer .sortingBar:after {
  right: 0;
}
.productExtra .sortingBar .fieldCheckbox {
  max-width: 100%;
  margin: 0;
  overflow-x: visible;
}
.productExtra .sortingBar .fieldCheckbox.btnStyle {
  width: 100%;
  margin: -0.35rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.productExtra .sortingBar .fieldCheckbox.btnStyle .checkbox {
  margin: 0.35rem;
}
.productExtra .boardContainer .extraTop {
  font-size: 1.4rem;
}
.productExtra .boardContainer .extraTop .nonBold {
  font-weight: 400;
}

.noneActive {
  cursor: default;
}

.labelContainer {
  margin: -0.5rem;
}
.labelContainer .labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.labelContainer span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3.3rem;
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  border-radius: 0.4rem;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

/* 로밍 서비스 */
.productExtraLoaming .contentInner,
.productCombination .contentInner {
  padding-bottom: 6.3rem;
}
.productExtraLoaming .popularDataArea,
.productCombination .popularDataArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: 3rem 3rem 3.5rem;
}
.productExtraLoaming .popularDataArea .moType,
.productCombination .popularDataArea .moType {
  display: none;
}
.productExtraLoaming .dataTextWrap,
.productCombination .dataTextWrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.productExtraLoaming .dataTextWrap .summaryTitleArea,
.productCombination .dataTextWrap .summaryTitleArea {
  margin-bottom: 2.2rem;
  font-size: 1.6rem;
}
.productExtraLoaming .dataTextWrap .summaryBigTitle,
.productCombination .dataTextWrap .summaryBigTitle {
  margin-top: 1rem;
  margin-bottom: 1.2rem;
}
.productExtraLoaming .dataTextWrap .pcBlock,
.productCombination .dataTextWrap .pcBlock {
  display: block;
}
.productExtraLoaming .dataTextWrap .typeCaution .fieldArea,
.productCombination .dataTextWrap .typeCaution .fieldArea {
  padding: 2rem;
  background-color: #f7f8fa;
}
.productExtraLoaming .dataTextWrap .typeCaution .fieldValue,
.productCombination .dataTextWrap .typeCaution .fieldValue {
  margin-bottom: 0;
  line-height: 1.75;
}
.productExtraLoaming .dataImgWrap,
.productCombination .dataImgWrap {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-right: 3rem;
  border-radius: 0.4rem;
}
.productExtraLoaming .dataImgWrap > img,
.productCombination .dataImgWrap > img {
  display: block;
  width: 100%;
  height: auto;
}
.productExtraLoaming .foreignCautionWrap,
.productCombination .foreignCautionWrap {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.45;
}
.productExtraLoaming .foreignCautionWrap dl,
.productCombination .foreignCautionWrap dl {
  margin-bottom: 2.6rem;
}
.productExtraLoaming .foreignCautionWrap dl:last-child,
.productCombination .foreignCautionWrap dl:last-child {
  margin-bottom: 0;
}
.productExtraLoaming .foreignCautionWrap dt,
.productCombination .foreignCautionWrap dt {
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.45;
}
.productExtraLoaming .boardContainer,
.productCombination .boardContainer {
  padding-bottom: 0;
}

.myLineWrap {
  margin-bottom: 2.2rem;
}
.myLineWrap .myLineTitle {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.myLineWrap .buttonArea {
  margin-top: 1.7rem;
}

/* 인기 부가서비스 상세 */
/* 부가서비스 상세 */
.popularExtraDetail .colorLabel,
.extraLoamingDetail .colorLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 2.3rem;
  margin-left: 1rem;
  padding: 0 0.7rem;
  background-color: #499690;
  border-radius: 0.3rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 1;
}
.popularExtraDetail .type,
.extraLoamingDetail .type {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-height: 2.6rem;
  padding: 3px 8px;
  border: 1px solid #000000;
  border-radius: 1.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.6;
}
.popularExtraDetail .type.streamingType,
.extraLoamingDetail .type.streamingType {
  border: 1px solid #ff17e8;
  color: #ff17e8;
}
.popularExtraDetail .type.callType,
.extraLoamingDetail .type.callType {
  border: 1px solid #0099c9;
  color: #0099c9;
}
.popularExtraDetail .type.typeData,
.extraLoamingDetail .type.typeData {
  border-color: #1758ff;
  color: #1758ff;
}
.popularExtraDetail .summaryTitleArea,
.extraLoamingDetail .summaryTitleArea {
  position: relative;
}
.popularExtraDetail .summaryBigTitle,
.extraLoamingDetail .summaryBigTitle {
  font-size: 2rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.popularExtraDetail .summaryBigTitle .titleCompany,
.extraLoamingDetail .summaryBigTitle .titleCompany {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.4;
}
.popularExtraDetail .summaryBigTitle .title,
.extraLoamingDetail .summaryBigTitle .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popularExtraDetail .summaryBigTitle .title > span:first-child,
.extraLoamingDetail .summaryBigTitle .title > span:first-child {
  margin-right: 1rem;
}
.popularExtraDetail .textWrap,
.extraLoamingDetail .textWrap {
  display: block;
  padding: 2rem;
  background-color: #f7f8fa;
  border-radius: 1rem;
  word-break: break-all;
  font-size: 1.2rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.5;
}
.popularExtraDetail .textWrap > p,
.extraLoamingDetail .textWrap > p {
  padding-top: 2rem;
}
.popularExtraDetail .textWrap > p:first-child,
.extraLoamingDetail .textWrap > p:first-child {
  padding-top: 0;
}
.popularExtraDetail .textWrap > span,
.extraLoamingDetail .textWrap > span {
  font-size: 1.6rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.5;
}
.popularExtraDetail .textArea,
.extraLoamingDetail .textArea {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #c4c4c4;
}
.popularExtraDetail .textArea:last-child,
.extraLoamingDetail .textArea:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.popularExtraDetail .titleArea,
.extraLoamingDetail .titleArea {
  margin-bottom: 1rem;
}
.popularExtraDetail .typeList,
.extraLoamingDetail .typeList {
  font-size: 1.2rem;
  font-weight: 400;
  color: #555555;
  line-height: 2.45rem;
}
.popularExtraDetail .typeList li,
.extraLoamingDetail .typeList li {
  margin-bottom: 2.5rem;
}
.popularExtraDetail .typeList li > *,
.extraLoamingDetail .typeList li > * {
  display: block;
}
.popularExtraDetail .typeList li:last-child,
.popularExtraDetail .typeList li:only-child,
.extraLoamingDetail .typeList li:last-child,
.extraLoamingDetail .typeList li:only-child {
  margin-bottom: 0;
}
.popularExtraDetail .typeList .title,
.extraLoamingDetail .typeList .title {
  position: relative;
  padding-left: 2rem;
  font-weight: bold;
  color: #333333;
}
.popularExtraDetail .typeList .title::before,
.extraLoamingDetail .typeList .title::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 11px;
  left: 8px;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #555555;
  border-radius: 50%;
  -webkit-transform: skew(-0.03deg);
  transform: skew(-0.03deg);
}
.popularExtraDetail .typeList .subTitle,
.extraLoamingDetail .typeList .subTitle {
  font-weight: 500;
}

@media (max-width: 1600px) {
  .productExtraLoaming .contentArea {
    padding: 8.5rem 0 0;
  }
  /* 요금제 리스트 */
  .productPlanList .popularProductTitle {
    width: calc(100% - 22rem);
  }
  .productPlanList .productListContainer .popularDataArea {
    width: calc(33.33% - 2rem);
  }
  /* 요금제 비교 .productPlanCompare */
  .popularDataList .checkBoxItem {
    width: calc(33.33% - 2rem);
  }
  /*요금제 상세*/
  .productPlanDetail .productPlanDetailList {
    margin: 0;
  }
  .productPlanDetail .centerContainer .imgWrap img {
    height: 3rem;
  }
  .productPlanDetail .centerContainer .centerRight {
    width: 100%;
    padding: 0 2rem;
  }
  .productPlanDetail .centerContainer .centerLeft {
    margin-right: auto;
  }
  .productPlanDetail .centerContainer .centerArea {
    padding: 3% 1%;
  }
}
@media (max-width: 1280px) {
  /* 요금제 리스트 */
  .productPlanList .productListContainer .popularDataArea {
    width: calc(50% - 2rem);
  }
  /* 요금제 비교 .productPlanCompare */
  .popularDataList .checkBoxItem {
    width: calc(50% - 2rem);
  }
  .productPlanDetail .centerContainer .imgWrap {
    width: auto;
  }
  .productPlanDetail .centerContainer .imgWrap img {
    height: 6.4rem;
  }
}
@media (max-width: 1024px) {
  .popularSwiper {
    overflow: hidden;
  }
  [class*="productExtra"] .boardContainer {
    padding-bottom: 7rem;
    margin: 0;
  }
  .extraContainer .extraTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    font-size: 2rem;
  }
  .extraContainer .extraTop .buttonArea {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    padding: 2rem;
    background-color: #ffffff;
    border-bottom: 2rem solid #eff1f3;
  }
  .extraContainer .extraTop .title {
    width: 100%;
    padding: 1rem 2rem 2rem;
  }
  .extraContainer .extraTop .title:focus-visible {
    outline: 2px solid #000000;
  }
  .extraContainer .extraTitle .title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem;
    padding-right: 0;
    font-size: 1.4rem;
  }
  .extraContainer .extraContent {
    font-size: 1.4rem;
  }
  .extraContainer .extraContent .textHead {
    min-width: 0;
  }
  .extraContainer .extraContent .textWrap {
    font-size: 1.4rem;
  }
  .fixedFooterContainer {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-radius: 1.2rem 1.2rem 0 0;
    background-color: #ffffff;
  }
  .fixedFooterArea {
    display: block;
  }
  .fixedFooterArea .moType {
    display: block;
  }
  .fixedFooterArea .buttonArea {
    margin-top: 2rem;
  }
  .fixedFooterArea .buttonArea .btn {
    min-width: auto;
    width: 100%;
  }
  .fixedFooterArea .buttonArea .btn:only-child {
    max-width: 100%;
  }
  .fixedFooterArea .priceArea {
    font-size: 1.6rem;
    font-weight: 700;
    color: #333333;
    line-height: 1.9rem;
  }
  .fixedFooterArea .descArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
  }
  .fixedFooterArea .title {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #777777;
    line-height: 1.7rem;
  }
  .fixedFooterArea .normalTitle {
    font-size: 1.2rem;
  }
  .fixedFooterArea .comment {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .fixedFooterArea .sideArea {
    margin-top: 1rem;
  }
  .fixedFooterArea .left .desc {
    font-size: 1.6rem;
    font-weight: 700;
    color: #333333;
    line-height: 1.8rem;
  }
  .fixedFooterArea .right .desc {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333333;
    line-height: 1.9rem;
  }
  .fixedFooterArea .right .priceArea {
    margin-right: 0.3rem;
    margin-bottom: 0;
  }
  .fixedFootBottom {
    font-size: 1.2rem;
  }
  .productSummaryContainer .popularDataArea .dlItemFlex {
    min-height: 4.9rem;
  }
  .productSummaryContainer .popularDataArea .dlItemFlex dt {
    font-size: 1.3rem;
  }
  .productSummaryContainer .popularDataArea .dlItemFlex dd {
    font-size: 1.4rem;
  }
  .productSummaryContainer .popularDataArea .usageItem dt {
    font-size: 1.4rem;
  }
  .productSummaryContainer .popularDataArea .usageItem dd {
    font-size: 2.4rem;
  }
  .productSummaryContainer .summaryTitleArea {
    font-size: 1.4rem;
  }
  .productSummaryContainer .summaryTitleArea .summaryBigTitle {
    font-size: 2.2rem;
  }
  .productSummaryContainer .dlColorBoxArea {
    margin-bottom: 2rem;
  }
  .productSummaryContainer .dlColorBoxArea .dlGrayBox {
    padding: 1rem 0;
  }
  .popularSwiper .popularBtnWrap [class*="popularBtn"]:focus {
    outline: none;
  }
  .popularSwiper .usageItem .linkUnderline {
    font-size: 1.4rem;
  }
  .popularDataArea .summaryTitleArea {
    margin-bottom: 2.3rem;
    font-size: 1.4rem;
  }
  .popularDataArea .summaryTitleArea .summaryBigTitle {
    margin-bottom: 1.2rem;
    font-size: 2rem;
  }
  .popularDataArea .summaryColorTit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
    padding: 0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #000000;
    line-height: 1.4;
    text-align: left;
  }
  .popularDataArea .summaryColorTit > p {
    width: 100%;
    min-height: 5.2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #cccccc;
  }
  .popularDataArea .summaryColorTit .btn {
    position: static;
    width: 100%;
    height: 2.8rem;
    border: 1px solid #cccccc;
    font-size: 1.2rem;
    font-weight: normal;
    color: #777777;
    line-height: 1;
  }
  .popularDataArea .summaryColorTit .btn > span {
    text-indent: 0;
    display: inherit;
    border: 0;
    clip: unset;
    -webkit-clip-path: none;
    clip-path: none;
    width: inherit;
    height: inherit;
    margin: inherit;
    padding: inherit;
    overflow: unset;
    padding: inherit;
    position: static;
    left: unset;
    white-space: unset;
    font-size: inherit;
    -webkit-transform: none;
    transform: none;
    z-index: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .popularDataArea .summaryColorTit .btn.using {
    letter-spacing: -1.5px;
    color: #000000;
  }
  .popularDataArea .dlColorBoxArea {
    margin-bottom: 2rem;
  }
  .popularDataArea .usageItem dt {
    font-size: 1.4rem;
  }
  .popularDataArea .usageItem dd {
    font-size: 2.2rem;
  }
  .popularDataArea .colorLabel {
    right: 2rem;
  }
  .checkBoxItem .popularDataArea {
    padding: 2rem;
  }
  /* 요금제 리스트 */
  .popularDataList .popularDataArea,
  .productListContainer .popularDataArea {
    height: 43rem;
  }
  .popularDataList .popularDataArea .dlColorBoxArea,
  .productListContainer .popularDataArea .dlColorBoxArea {
    margin-bottom: 2rem;
  }
  .popularDataList .popularDataArea .dlItemFlex,
  .productListContainer .popularDataArea .dlItemFlex {
    min-height: 5.2rem;
  }
  /*요금제 상세*/
  .productPlanDetail .contentArea {
    padding-top: 4rem;
  }
  .productPlanDetail .summaryTitleArea {
    font-size: 1.4rem;
  }
  .productPlanDetail .contentInner {
    padding-bottom: 0;
  }
  .productPlanDetail .popularDataArea .summaryBigTitle {
    font-size: 2.2rem;
  }
  .productPlanDetail .popularDataArea .dlColorBoxArea {
    margin-bottom: 0;
  }
  .productPlanDetail .contentInner {
    padding-left: 0;
    padding-right: 0;
  }
  .productPlanDetail .contentInner .usageItem dt {
    font-size: 1.4rem;
  }
  .productPlanDetail .contentInner .usageItem dd {
    font-size: 2.4rem;
  }
  .productPlanDetail .contentInner .usageItem.smaller dt {
    font-size: 1.3rem;
  }
  .productPlanDetail .contentInner .usageItem.smaller dd {
    font-size: 1.8rem;
  }
  .productPlanDetail .detailArea,
  .productPlanDetail .detailArea02 {
    width: 100%;
    margin: 0;
  }
  .productPlanDetail .detailArea01 {
    padding: 0 2rem;
  }
  .productPlanDetail .detailArea02 {
    margin-top: 4.8rem;
  }
  .productPlanDetail .detailArea02 .summaryInner {
    padding: 3rem 2rem;
    border: none;
    border-radius: 0;
  }
  .productPlanDetail .detailInfoArea .detailTitle .title {
    font-size: 1.4rem;
  }
  .productPlanDetail .detailInfoArea .cautionArea .label {
    font-size: 1.3rem;
  }
  .productPlanDetail .detailInfoArea .cautionArea .cautionWrap > li {
    font-size: 1.3rem;
  }
  .productPlanDetail .detailInfoArea .cautionArea .cautionWrap > li:before {
    margin-top: 0.8rem;
  }
  .productPlanDetail .detailInfoArea .cautionArea .label2 {
    font-size: 1.3rem;
  }
  .productPlanDetail .basicInfoArea > li {
    font-size: 1.3rem;
  }
  /* 요금제 비교 */
  .productPlanCompare .productListContainer {
    padding-top: 1.7rem;
  }
  .productPlanCompare .fixedFooterContainer {
    overflow: initial;
    max-height: initial;
    padding-top: 4rem;
  }
  .productPlanCompare .fixedFooterContainer .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
  .productPlanCompare .fixedFooterContainer .field.active .fieldForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .productPlanCompare .fixedFooterContainer .field .fieldLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
    font-size: 1.4rem;
  }
  .productPlanCompare .fixedFooterContainer .field .fieldForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: none;
    width: 100%;
    margin-top: 2rem;
  }
  .productPlanCompare .fixedFooterContainer .checkbox,
  .productPlanCompare .fixedFooterContainer .emptyArea {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .productPlanCompare .fixedFooterContainer .checkbox:last-child,
  .productPlanCompare .fixedFooterContainer .emptyArea:last-child {
    margin-bottom: 0;
  }
  .productPlanCompare .fixedFooterContainer .checkbox {
    font-weight: bold;
  }
  .productPlanCompare .fixedFooterContainer .fieldToggleBtn {
    display: block;
  }
  /* popup 요금제 비교 결과 */
  .popupProductPlanCompare.popup .popupContainer {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }
  .popupProductPlanCompare.popup .popupMiddle {
    max-height: 100vh;
    padding: 0;
  }
  .popupProductPlanCompare.popup .productCompareList {
    overflow-x: auto;
    padding: 2rem 0 3rem;
    margin: 0;
  }
  .productCompareList [class*="headColor"] .dlItemFlex.active {
    background-color: transparent;
  }
  .productCompareList [class*="headColor"] .dlItemFlex.active dt,
  .productCompareList [class*="headColor"] .dlItemFlex.active dd {
    font-size: 1.2rem;
  }
  .productCompareList [class*="headColor"] .dlItemFlex.active:after {
    display: none;
  }
  .productCompareList [class*="headColor"] .dlItemFlex dt,
  .productCompareList [class*="headColor"] .dlItemFlex dd {
    text-align: left;
  }
  .productCompareList .headColorGreen .summaryColorTit {
    background-color: transparent;
    color: #499690;
  }
  .productCompareList .headColorGreen .summaryColorTit > p {
    border-bottom-color: #499690;
  }
  .productCompareList .headColorGreen .dlItemFlex.active dt {
    color: #499690;
  }
  .productCompareList .headColorBlue .summaryColorTit {
    background-color: transparent;
    color: #288bc3;
  }
  .productCompareList .headColorBlue .summaryColorTit > p {
    border-bottom-color: #288bc3;
  }
  .productCompareList .headColorBlue .dlItemFlex.active dt {
    color: #288bc3;
  }
  .productCompareList .headColorPurple .summaryColorTit {
    background-color: transparent;
    color: #c945ac;
  }
  .productCompareList .headColorPurple .summaryColorTit > p {
    border-bottom-color: #c945ac;
  }
  .productCompareList .headColorPurple .dlItemFlex.active dt {
    color: #c945ac;
  }
  .productCompareList .popularDataArea {
    min-width: 10rem;
  }
  .productCompareList .popularDataArea:first-child {
    margin-left: 1.6rem;
  }
  .productCompareList .popularDataArea:last-child {
    margin-right: 1.6rem;
  }
  .productCompareList .popularDataArea .inner {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
  }
  .productCompareList .popularDataArea .inner .dlColorBoxArea {
    margin-bottom: 1rem;
  }
  .productCompareList .popularDataArea .dlItemFlex {
    display: block;
    min-height: initial;
    height: auto;
    margin: 0;
    padding: 1rem 0;
  }
  .productCompareList .popularDataArea .dlItemFlex:last-child {
    padding: 1rem 0;
  }
  .productCompareList .popularDataArea .dlItemFlex dt {
    font-size: 1.2rem;
  }
  .productCompareList .popularDataArea .dlItemFlex dd {
    font-size: 1.3rem;
  }
  .productCompareList .buttonArea {
    width: 100%;
  }
  .productCompareList .buttonArea .btn {
    height: 3.7rem;
    font-size: 1.6rem;
  }
  .dlColorBoxBottom {
    margin: 0;
    padding: 1rem 0;
    border-bottom: 1px solid #cccccc;
  }
  .dlColorBoxBottom .bottomTitle {
    height: auto;
    padding: 0;
    font-size: 1.2rem;
  }
  .dlColorBoxBottom .bottomContent {
    height: auto;
    padding: 0;
    background-color: transparent;
    font-size: 1.3rem;
  }
  /* 부가서비스 */
  .productExtra .accordionContainer.borderType .accordionTitle {
    font-size: 1.4rem;
  }
  .productExtra .accordionContainer.borderType .accordionTitle > p > span {
    display: block;
  }
  .productExtra .accordionContainer .accordionContent .inner {
    display: block;
  }
  .productExtra .accordionContainer .accordionContent .inner .left {
    width: 100%;
  }
  .productExtra .accordionContainer .accordionContent .inner .left > img {
    width: 100%;
  }
  .productExtra .accordionContainer .accordionContent .inner .right {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 2.3rem;
    word-break: break-word;
    word-wrap: break-word;
  }
  .productExtra .accordionContainer .accordionContent .inner .right br {
    display: none;
  }
  .productExtra .sortingBar .fieldCheckbox.btnStyle .checkbox {
    width: calc(25% - 0.5rem);
    min-width: 75px;
    margin-left: 0;
  }
  .productExtra .middleBackgroundArea {
    display: block;
    width: 100%;
  }
  .productExtra .middleBackgroundArea .iconArrow {
    display: none;
  }
  .productExtra .middleBackgroundArea .box .title {
    font-size: 2rem;
    margin-bottom: 0;
  }
  .productExtra .middleBackgroundArea .box .desc {
    font-size: 1.3rem;
  }
  .productExtra .middleBackgroundArea .box.left,
  .productExtra .middleBackgroundArea .box.right {
    width: 100%;
    padding: 0 2rem;
  }
  .productExtra .middleBackgroundArea .box.left:after,
  .productExtra .middleBackgroundArea .box.right:after {
    margin-left: auto;
    width: 23rem;
    height: 14.4rem;
  }
  .productExtra .middleBackgroundArea .box.left:after {
    background-image: url("/web/kmvno/assets/images/product/extra_bg_02_mo.png");
  }
  .productExtra .middleBackgroundArea .box.left:before {
    display: none;
  }
  .productExtra .middleBackgroundArea .box.right:after {
    background-image: url("/web/kmvno/assets/images/product/extra_bg_03_mo.png");
    background-position: right bottom -8px;
  }
  /* 로밍 서비스 */
  .productExtraLoaming .popularDataArea,
  .productCombination .popularDataArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 2rem;
  }
  .productExtraLoaming .dataTextWrap,
  .productCombination .dataTextWrap {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  /* 요금제 상세 > 요금제 변경 팝업 */
  .popupProductPlanChange .planChangeContent {
    max-height: calc(100vh - 5rem);
    padding-bottom: 25rem;
  }
  .popupProductPlanChange .fixedFooterArea {
    display: block;
  }
  .popupProductPlanChange .fixedFooterArea .left .desc {
    font-size: 1.6rem;
  }
  .popupProductPlanChange .fixedFooterArea .right .desc {
    font-size: 1.2rem;
  }
  .popupProductPlanChange .fixedFooterArea .right .priceArea {
    margin-right: 0;
    font-size: 1.6rem;
  }
  .popupProductPlanChange .fixedFooterArea .descArea {
    width: 100%;
    margin-right: 0;
  }
  .popupProductPlanChange .fixedFooterArea .buttonArea {
    margin-top: 2rem;
  }
  .planNoticeArea.fullWidth {
    padding: 0 2rem;
  }
  .planNoticeArea .normalTitle {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 717px) {
  /* 리스트 - 요금제 > 목록/상세  공통 */
  .popularDataList .popularDataArea,
  .productListContainer .popularDataArea {
    height: auto;
  }
  .popularDataList .popularDataArea .summaryTitleArea,
  .productListContainer .popularDataArea .summaryTitleArea {
    min-height: initial;
  }
  .productListContainer {
    padding-top: 3rem;
  }
  .popularDataList .checkBoxItem {
    width: 100%;
    margin: 1rem 0;
  }
  .productSummaryContainer {
    padding: 4rem 2rem;
  }
  .productSummaryContainer .popularDataArea {
    padding: 2rem 2rem 3rem;
  }
  .productSummaryContainer .popularBtnWrap {
    margin-top: 2.5rem;
  }
  .popularProductTitle {
    margin-bottom: 2.4rem;
    font-size: 2rem;
  }
  .popularProductTitle .colorLabel {
    width: 5.2rem;
    height: 2rem;
    margin-right: 0.8rem;
    padding: 0 0.7rem;
    font-size: 1.3rem;
  }
  .popularProductTitle .colorLabel:after {
    margin-left: 0.5rem;
  }
  /* 요금제 리스트 */
  .productPlanList .contentArea {
    padding-top: 0;
  }
  .productPlanList .popularDataList {
    margin: -0.7rem 0;
  }
  .productPlanList .popularDataList .popularDataArea {
    width: 100%;
    height: auto;
    padding: 3rem 2rem;
    margin: 0.7rem 0;
  }
  .productPlanList .popularProductTitle {
    width: 100%;
    margin-bottom: 2.4rem;
  }
  /* 요금제 비교 */
  .productPlanCompare .popularDataList {
    margin: -1rem 0;
  }
  [class*="productExtra"] .contentInner,
  .productCombination .contentInner,
  .newExtraApply .contentInner {
    padding: 0;
  }
  .extraContainer .extraTop .title {
    padding: 1rem 2rem;
  }
  .extraContainer .extraTitle {
    border-bottom: none;
  }
  .extraContainer .extraTitle .titleHead {
    width: 100%;
  }
  .extraContainer .extraTitle .titleHead .top {
    font-size: 1.2rem;
  }
  .extraContainer .extraTitle .titleHead .middle {
    font-size: 1.8rem;
  }
  .extraContainer .extraTitle .titleHead .middle .desc {
    margin-right: 0.6rem;
  }
  .extraContainer .extraTitle .titleHead .middle .sideRight {
    width: 100%;
    margin-left: 0;
  }
  .extraContainer .extraTitle .titleHead .middle .sideRight .freeType {
    margin-left: auto;
  }
  .extraContainer .extraTitle .titleBody {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0;
    font-size: 1.8rem;
  }
  .extraContainer .extraTitle .sideRight {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0.5rem;
  }
  .extraContainer .extraTitle .sideRight .freeType {
    font-size: 1.8rem;
  }
  .extraContainer .extraTitle .labelItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extraContainer .extraTitle .linkUnderline {
    font-size: 1.4rem;
  }
  .extraContainer .extraTitle .extraPrice {
    margin-left: auto;
  }
  .extraContainer .detailOpenBtn,
  .extraContainer .extraBtn {
    margin-top: auto;
    margin-bottom: 1rem;
  }
  .extraContainer .extraArea {
    border-bottom: 1px solid #c4c4c4;
  }
  .extraContainer .extraContent {
    padding: 0 2rem 2rem 2rem;
  }
  .extraContainer .extraContent .textWrap > p {
    font-size: 1.4rem;
  }
  .extraContainer .extraContent .textWrap > span {
    font-size: 1.4rem;
  }
  /* 부가서비스 */
  .productExtra .contentArea {
    padding-top: 0;
  }
  .productExtra .accordionContainer .contentInner {
    padding: 0;
  }
  .productExtra .accordionContainer.borderType .accordionArea {
    border: none;
    border-radius: 0;
  }
  .productExtra .accordionContainer.borderType .accordionTitle {
    padding: 2.2rem 2rem;
  }
  .productExtra .accordionContainer .accordionContent .inner {
    margin: 0 2rem 2.8rem;
    font-size: 1.6rem;
  }
  .productExtra .accordionContainer .accordionContent .inner .right {
    padding: 2rem;
  }
  .productExtra .popularSwiper {
    padding-bottom: 5.4rem;
  }
  .productExtra .popularSwiper .popularDataArea {
    padding: 2rem 2rem 2.5rem;
  }
  .productExtra .popularSwiper .summaryTitleArea {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
  .productExtra .popularSwiper .summaryTitleArea > p {
    height: 4rem;
  }
  .productExtra .popularSwiper .summaryBigTitle {
    margin-bottom: 1.2rem;
    font-size: 2.2rem;
  }
  .productExtra .filterContainer {
    padding: 0 2rem;
  }
  .productExtra .boardContainer .extraTop {
    font-size: 1.4rem;
  }
  .productExtra .boardContainer .extraTop .nonBold {
    font-weight: 400;
  }
  /* 로밍 서비스 */
  .productExtraLoaming .contentArea,
  .productCombination .contentArea {
    padding: 0;
  }
  .productExtraLoaming .productListContainer,
  .productCombination .productListContainer {
    padding-bottom: 6rem;
  }
  .productExtraLoaming .popularDataArea,
  .productCombination .popularDataArea {
    padding: 3rem 2rem 4rem;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .productExtraLoaming .popularDataArea .pcType,
  .productCombination .popularDataArea .pcType {
    display: none;
  }
  .productExtraLoaming .popularDataArea .moType,
  .productCombination .popularDataArea .moType {
    display: block;
  }
  .productExtraLoaming .popularDataArea img.moType,
  .productCombination .popularDataArea img.moType {
    width: 100%;
    max-width: 32rem;
  }
  .productExtraLoaming .dataTextWrap .summaryTitleArea,
  .productCombination .dataTextWrap .summaryTitleArea {
    font-size: 1.4rem;
  }
  .productExtraLoaming .dataTextWrap .summaryTitleArea p,
  .productCombination .dataTextWrap .summaryTitleArea p {
    margin-top: 1rem;
  }
  .productExtraLoaming .dataTextWrap .summaryBigTitle,
  .productCombination .dataTextWrap .summaryBigTitle {
    margin-top: 0;
    margin-bottom: 2.6rem;
    font-size: 2rem;
  }
  .productExtraLoaming .dataTextWrap .summaryBigTitle .moBlock,
  .productCombination .dataTextWrap .summaryBigTitle .moBlock {
    display: block;
  }
  .productExtraLoaming .dataTextWrap .pcBlock,
  .productCombination .dataTextWrap .pcBlock {
    display: none;
  }
  .productExtraLoaming .dataImgWrap,
  .productCombination .dataImgWrap {
    margin-right: 0;
  }
  .productExtraLoaming .foreignCautionWrap,
  .productCombination .foreignCautionWrap {
    font-size: 1.3rem;
  }
  .productExtraLoaming .foreignCautionWrap dl,
  .productCombination .foreignCautionWrap dl {
    margin-bottom: 3rem;
  }
  .productExtraLoaming .foreignCautionWrap dt,
  .productCombination .foreignCautionWrap dt {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
  /* 요금제 상세 > 요금제 변경 팝업 */
  .popupProductPlanChange .planChangeContent {
    padding: 0 0 25rem;
  }
  .popupProductPlanChange .fixedFooterArea .buttonArea .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    max-width: calc(100% - 0.6rem);
  }
  .planChangeTop {
    display: block;
    margin: 0;
  }
  .planChangeTop > [class*="planChange"] {
    width: 100%;
    margin: 0;
    padding-bottom: 3.6rem;
    border-bottom: 2rem solid #eff1f3;
  }
  .planChangeTop > [class*="planChange"] .planInfoTitle {
    height: auto;
    padding-bottom: 1rem;
    padding: 1.6rem 2rem;
    margin-bottom: 1.6rem;
    font-size: 1.3rem;
    font-weight: bold;
    color: #000000;
    line-height: 1.4;
    border-bottom: 1px solid #c4c4c4;
  }
  .planChangeTop > [class*="planChange"] .popularDataArea {
    width: calc(100% - 4rem);
    height: auto;
    margin: 0 2rem;
    padding: 3rem 2rem;
  }
  .planChangeTop .summaryTitleArea {
    font-size: 1.4rem;
    min-height: initial;
  }
  .planChangeTop .summaryTitleArea .summaryBigTitle {
    font-size: 2rem;
  }
  .planChangeBottom {
    margin: 3rem 2rem 0;
  }
  .planChangeContent .planInfoTitle {
    height: auto;
    padding-bottom: 1rem;
    padding: 1.6rem 2rem;
    margin-bottom: 1.6rem;
    font-size: 1.3rem;
    font-weight: bold;
    color: #000000;
    line-height: 1.4;
    border-bottom: 1px solid #c4c4c4;
  }
  .planChangeContent .planInfoContent {
    margin: 0 2rem;
  }
  .planChangeContent .typeCaution .fieldLabel {
    font-size: 1.3rem;
  }
}
@media (max-width: 320px) {
  /* 부가서비스 */
  .productExtra .popularSwiper .summaryBigTitle .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .productExtra .popularSwiper .summaryBigTitle .title .type {
    margin-top: 1rem;
    margin-left: 0;
  }
  .fixedFooterArea .buttonArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.7rem -0.3rem -0.3rem;
  }
  .fixedFooterArea .buttonArea .btn {
    margin: 0.3rem;
  }
  /* 요금제 상세 > 요금제 변경 팝업 */
  .popupProductPlanChange .fixedFooterArea .descArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
[class*="service"] .contentContainer {
  display: block;
  background-color: #eff1f3;
}

.serviceIntroduce .contentArea {
  padding-top: 0;
}

.introContainer {
  position: relative;
}
.introContainer:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 39%;
  background-color: #f7f8fa;
}

.customerSupportGuide .introContainer:after {
  height: 38.5%;
  background-color: #eff1f3;
}
.customerSupportGuide .videoContainer {
  background-color: #eff1f3;
}

.videoContainer {
  background-color: #f7f8fa;
}
.videoContainer + .introduceContainer {
  background-color: #eff1f3;
}

/* videosub */
.videosubArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 0 0 0.4rem 0.4rem;
}
.videosubArea.active .videosubBtn:after {
  content: "";
  background: url("/web/kmvno/assets/images/common/arrow_toggle_up.svg") no-repeat
    center;
}
.videosubArea.active .videosubContent {
  display: block;
  height: auto;
}
.videosubArea .videosubTitle,
.videosubArea .videosubContent {
  width: 100%;
}
.videosubArea .videosubContent {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.videosubTitle {
  position: relative;
}
.videosubTitle .videosubBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 2.2rem 2.4rem 2.2rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.videosubTitle .videosubBtn:after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("/web/kmvno/assets/images/common/arrow_toggle_down.svg") no-repeat
    center;
}

.videosubContent {
  display: none;
  overflow: hidden;
  height: 0;
  padding: 3rem;
  background-color: #ffffff;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  word-break: break-word;
  word-wrap: break-word;
}

.serviceFriends .contentArea {
  padding: 7.7rem 0 18.3rem 0;
}

.serviceCorporation .contentArea {
  padding: 14rem 0 0 0;
}
.serviceCorporation .serviceTitleArea {
  margin-bottom: 10rem;
  padding-top: 0;
}
.serviceCorporation .serviceTitleArea .pcBlock {
  display: block;
}

/* Service Introduce */
.introduceContainer {
  padding: 14rem 2rem 23rem;
  background-color: #f7f8fa;
}
.introduceContainer .contentArea {
  padding: 0;
  background-color: transparent;
}
.introduceContainer .linkArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3rem -0.3rem 0;
}
.introduceContainer .linkArea .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 15rem;
  height: 5.7rem;
  margin: 0 0.3rem;
  padding: 0 1rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  background-color: #499690;
}
.introduceContainer .titleArea {
  margin-bottom: 11rem;
}
.introduceContainer .titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.introduceContainer .titleBox span {
  position: relative;
  font-size: 2.4rem;
  font-weight: 400;
  color: #000000;
  line-height: 3.5rem;
}
.introduceContainer .titleBox span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 6%;
  width: 100%;
  height: 0.2rem;
  background-color: #000000;
}

.contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.contentWrap .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc((100% - 10rem) / 3);
}
.contentWrap .contentBox .underline {
  font-size: 1.4rem;
  font-weight: 700;
  color: #499690;
  line-height: 2rem;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.contentWrap .iconBox {
  position: relative;
  width: 24rem;
  height: 24rem;
  border-radius: 11rem;
  background-color: #ffffff;
}
.contentWrap .iconBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bannerArea {
  overflow: hidden;
  position: relative;
  height: 26.7rem;
  padding: 7.5rem 0 0 7.1rem;
  border-radius: 1.2rem;
  background: url("/web/kmvno/assets/images/service/banner.png") no-repeat
    center/cover;
}
.bannerArea .headingBox span {
  display: block;
  font-size: 2.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 3.5rem;
}
.bannerArea a {
  display: inline-block;
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 2rem;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.bannerArea .qrBox {
  overflow: hidden;
  position: absolute;
  bottom: 4rem;
  right: 4rem;
  width: 9.6rem;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
}
.bannerArea .qrBox img {
  display: block;
  width: 100%;
  height: auto;
}

.descBox {
  margin-top: 5rem;
  text-align: center;
}
.descBox .label {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
  line-height: 2.3rem;
}
.descBox .text {
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #555555;
  line-height: 2rem;
}

/* Service Friends */
.friendsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -1rem;
}
.friendsList .list {
  overflow: hidden;
  width: calc(20% - 2rem);
  margin: 1rem;
  padding: 3.8rem 2rem 3rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.friendsList .list .listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.friendsList .list .listBox .name {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000000;
  line-height: 1;
}
.friendsList .list .listBox .imgBox img {
  display: block;
  width: auto;
  height: 6.4rem;
  margin: 0 auto;
}
.friendsList .underline {
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #499690;
  line-height: 2rem;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.selfGuideIconsArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}
.selfGuideIconsArea .selfGuideIconBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 2rem;
}
.selfGuideIconsArea .selfGuideIconBox:last-child {
  margin-right: 0;
}
.selfGuideIconsArea .selfGuideText {
  font-size: 1.6rem;
  font-weight: 700;
  color: #555555;
  line-height: 1.3;
  text-align: center;
}
.selfGuideIconsArea .selfIconMyR,
.selfGuideIconsArea .selfIconBiz {
  width: 6.2rem;
  height: 6.2rem;
  margin-right: 1.2rem;
  border-radius: 6.2rem;
  background-color: #ffffff;
}
.selfGuideIconsArea .selfIconMyR::before {
  background: url("/web/kmvno/assets/images/service/icon_intersect_myr.png")
    no-repeat center/4.2rem;
}

.selfOpenBox {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 1.2rem;
}
.selfOpenBox .selfIconMyR {
  width: 7.5rem;
  height: 7.5rem;
  margin: -1.5rem 0 0 -1.5rem;
}
.selfOpenBox .selfIconMyR::before {
  background: url("/web/kmvno/assets/images/service/icon_intersect_myr_bg.png")
    no-repeat center/cover;
}
.selfOpenBox .selfIconBiz {
  padding: 0 0.8rem;
  margin-left: auto;
}

/* 바로유심 가입 마이알뜰폰/사업자 구분 아이콘 */
.selfIconMyR,
.selfIconBiz {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.selfIconMyR .irText,
.selfIconBiz .irText {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: -1;
  font-size: 6px;
}
.selfIconMyR::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.selfIconBiz {
  height: 2rem;
  border-radius: 1rem;
  border: 1px solid #499690;
  background-color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  color: #499690;
  line-height: 1;
}

/* Service Corporation */
.historyArea .headingBox {
  font-size: 3rem;
  font-weight: 400;
  color: #000000;
  line-height: 4.4rem;
}
.historyArea .historyBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-top: 6rem;
}
.historyArea .historyBox .left {
  width: calc(50% - 2rem);
}
.historyArea .historyBox .right {
  width: calc(50% - 2rem);
}
.historyArea .historyBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
.historyArea .historyBox .itemBox .num {
  position: relative;
  width: 20%;
  padding: 1.6rem 0;
  border-top: 0.2rem solid #499690;
}
.historyArea .historyBox .itemBox .num span {
  padding-left: 0.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #499690;
  line-height: 2.1rem;
}
.historyArea .historyBox .itemBox .text {
  width: 80%;
  padding: 1.6rem 0;
  border-top: 0.2rem solid #cccccc;
}
.historyArea .historyBox .itemBox .text span {
  padding-left: 0.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555555;
  line-height: 2.1rem;
}

.serviceArea {
  padding: 11.5rem 0 17rem 0;
}
.serviceArea .serviceBox {
  padding: 4rem 3rem;
  border-radius: 0.4rem;
  background-color: #e5e8eb;
}
.serviceArea .serviceBox .title {
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  line-height: 2.9rem;
  margin-bottom: 2.4rem;
}
.serviceArea .serviceBox .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  color: #555555;
  line-height: 2rem;
}
.serviceArea .serviceBox .list li:not(:last-of-type) {
  margin-bottom: 2rem;
}
.serviceArea .serviceBox .list li span.bullet {
  display: block;
  min-width: 0.3rem;
  height: 0.3rem;
  margin-right: 1rem;
  padding: 0;
  border-radius: 100%;
  background-color: #000000;
}

/* 공통 */
.serviceTitleArea {
  padding-top: 14rem;
}
.serviceTitleArea .titleBox .title {
  font-size: 3rem;
  font-weight: 400;
  color: #000000;
  line-height: 4.3rem;
}
.serviceTitleArea .titleBox .desc {
  margin-top: 1.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555555;
  line-height: 2.3rem;
}

/* popupViewDetail */
.popupViewDetail .detailArea .imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 22.2rem;
  margin: 0 auto;
  padding-top: 2rem;
}
.popupViewDetail .detailArea .imgBox img {
  display: block;
  width: auto;
  height: 6.4rem;
}
.popupViewDetail .detailArea .detailBox {
  margin-top: 4rem;
}
.popupViewDetail .detailArea .detailBox .name {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000000;
  line-height: 2.3rem;
}
.popupViewDetail .detailArea .detailBox .infoBox {
  margin-top: 0.6rem;
  padding-top: 1.5rem;
  border-top: 0.2rem solid #000000;
}
.popupViewDetail .detailArea .detailBox .infoBox .icon {
  overflow: hidden;
  position: relative;
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  margin-right: 0.8rem;
}
.popupViewDetail .detailArea .detailBox .infoBox .icon .hiddenText {
  overflow: hidden;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  font-size: 1px;
}
.popupViewDetail .detailArea .detailBox .infoBox .tel,
.popupViewDetail .detailArea .detailBox .infoBox .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popupViewDetail .detailArea .detailBox .infoBox .tel a,
.popupViewDetail .detailArea .detailBox .infoBox .time a {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
}
.popupViewDetail .detailArea .detailBox .infoBox .tel .text,
.popupViewDetail .detailArea .detailBox .infoBox .time .text {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
}
.popupViewDetail .detailArea .detailBox .infoBox .tel .icon {
  background: url("/web/kmvno/assets/images/service/icon_tel.svg") center no-repeat;
}
.popupViewDetail .detailArea .detailBox .infoBox .time .icon {
  background: url("/web/kmvno/assets/images/service/icon_clock.svg") center no-repeat;
}

/* 바로유심 */
.serviceUsim .contentArea {
  padding-top: 0;
}
.serviceUsim .supportContainer .supportTitle {
  background: #f7f8fa;
}
.serviceUsim .supportContainer .supportTitle .bigTitle {
  margin-right: 2rem;
}
.serviceUsim .supportContainer .supportTitle .title {
  font-weight: bold;
}
.serviceUsim .supportContainer .supportContent {
  display: block;
}
.serviceUsim .supportContainer .supportContent .textHead {
  min-width: 3.2rem;
}
.serviceUsim .dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.serviceUsim .dot::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 1rem 1rem 0;
  background-color: #555555;
  border-radius: 50%;
  -webkit-transform: skew(-0.03deg);
  transform: skew(-0.03deg);
}

.usimVisualContent,
.subVisualContent {
  position: relative;
}
.usimVisualContent .usimTitle,
.usimVisualContent .subVisualTitle,
.subVisualContent .usimTitle,
.subVisualContent .subVisualTitle {
  margin-bottom: 2rem;
  font-size: 5rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.usimVisualContent .usimText,
.usimVisualContent .subVisualText,
.subVisualContent .usimText,
.subVisualContent .subVisualText {
  font-size: 2rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.usimVisualContent .imgWrap,
.subVisualContent .imgWrap {
  display: block;
  width: 100%;
}
.usimVisualContent .moType,
.subVisualContent .moType {
  display: none;
}
.usimVisualContent .usimVisualTop,
.usimVisualContent .subVisualTop,
.subVisualContent .usimVisualTop,
.subVisualContent .subVisualTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 12.6%;
  height: 100%;
  text-align: center;
}

.usimGuideContent {
  padding-top: 12rem;
  padding-bottom: 15rem;
  background-color: #ffffff;
}
.usimGuideContent .guideTitle {
  margin-bottom: 1.8rem;
  font-size: 3rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.usimGuideContent .guideText {
  font-size: 1.6rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.usimGuideContent .infoTitle {
  display: block;
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.usimGuideContent .usimGuideTop {
  margin-bottom: 3.8rem;
}
.usimGuideContent .usimGuideBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -1rem;
}
.usimGuideContent .usimGuideBottom .guideInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 4.4rem 5rem;
  margin: 0 1rem;
  background-color: #eff1f3;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.usimGuideContent .usimGuideBottom .guideInfo.bgImg01 {
  background: url("/web/kmvno/assets/images/service/bg_usim_01.svg") no-repeat bottom
    right #eff1f3;
}
.usimGuideContent .usimGuideBottom .guideInfo.bgImg01 .infoTitle {
  margin-bottom: 4rem;
}
.usimGuideContent .usimGuideBottom .guideInfo.bgImg02 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 56.2rem;
  padding-right: 12.9%;
  background: url("/web/kmvno/assets/images/service/bg_usim_02.svg") no-repeat bottom
    right #eff1f3;
}
.usimGuideContent .usimGuideBottom .guideInfo.bgImg02 .infoTitle {
  margin-bottom: 1rem;
}
.usimGuideContent .usimGuideBottom .infoConBox {
  margin-right: 2rem;
  margin-bottom: 2.4rem;
}
.usimGuideContent .usimGuideBottom .infoConBox:last-child {
  margin-right: 0;
}
.usimGuideContent .usimGuideBottom .infoConBox.stepBox {
  width: 35rem;
}
.usimGuideContent .usimGuideBottom .infoList {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 2.65rem;
}
.usimGuideContent .usimGuideBottom .infoList .dot {
  margin-top: 1.25rem;
  line-height: 1.5;
}
.usimGuideContent .usimGuideBottom .infoList .block {
  display: block;
}
.usimGuideContent .guideVideoContainer .videoBox {
  position: relative;
  width: 27.4rem;
  padding-top: 50.595%;
}
.usimGuideContent .guideVideoContainer .videoBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1.7px solid rgb(255, 255, 255);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.usimGuideContent .guideVideoContainer .videoTextBox {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
  margin-top: 1rem;
}
.usimGuideContent .guideVideoContainer .videoTextBox .textBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.4rem;
}
.usimGuideContent .guideVideoContainer .videoTextBox .textBox:last-child {
  margin-bottom: 0;
}
.usimGuideContent .guideVideoContainer .videoTextBox .timeline {
  display: inline-block;
  margin-right: 1rem;
}
.usimGuideContent .usimEventArea {
  position: relative;
  overflow: hidden;
  padding: 7.9rem 7.6%;
  margin-bottom: 10rem;
  background-color: #4c5a65;
  border-radius: 1.2rem;
}
.usimGuideContent .usimEventArea img.pcType {
  position: absolute;
  right: 5.3%;
  bottom: 0;
  width: 48%;
  height: auto;
}
.usimGuideContent .usimEventArea .eventTitle {
  font-size: 2.8rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
}
.usimGuideContent .usimEventArea .eventTitle .pcBlock {
  display: block;
}
.usimGuideContent .usimEventArea .eventLink {
  display: inline-block;
  margin-top: 1.7rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.8;
  text-decoration: underline;
}
.usimGuideContent .infoLinkWrap {
  display: block;
}
.usimGuideContent .infoLinkWrap [class*="mart-area"] {
  width: 20.2rem;
  margin-right: 0;
  margin-bottom: 1.2rem;
}
.usimGuideContent .infoLinkWrap [class*="mart-area"] .imgBox {
  margin-right: auto;
}

.usimFriendsContent {
  padding-top: 15rem;
  padding-bottom: 10rem;
}
.usimFriendsContent .guideTitle02 {
  margin-bottom: 3rem;
  font-size: 2.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  text-decoration: underline;
}
.usimFriendsContent .friendsList .list {
  overflow: visible;
  position: relative;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.infoLinkWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.infoLinkWrap .imgBox img {
  display: block;
  width: 100%;
  height: auto;
}
.infoLinkWrap + .infoLinkWrap {
  margin-top: 1.6rem;
}
.infoLinkWrap [class*="mart-area"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 7rem;
}
.infoLinkWrap [class*="mart-area"]:last-child {
  margin-right: 0;
}
.infoLinkWrap [class*="mart-area"] .linkUnderline {
  margin-left: 1.5rem;
  white-space: nowrap;
}
.infoLinkWrap .mart-area-emart .imgBox {
  width: 8.16rem;
}
.infoLinkWrap .mart-area-cu .imgBox {
  width: 5.42rem;
}
.infoLinkWrap .mart-area-gs .imgBox {
  width: 6.857rem;
}

.marketInfoContainer {
  margin-top: 3rem;
}
.marketInfoContainer .marketInfoTop {
  margin-bottom: 2rem;
}
.marketInfoContainer .marketInfoBottom {
  margin-top: 2rem;
}
.marketInfoContainer .merketInfoTitle {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.marketInfoContainer .merketInfoText {
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.marketInfoContainer .beforeDot {
  margin-top: 0.8rem;
  font-size: 1.3rem;
  color: #555555;
}
.marketInfoContainer .infoLinkWrap {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.marketInfoContainer .infoLinkWrap .mart-area-cu {
  margin-right: 2rem;
}
.marketInfoContainer .infoLinkWrap .mart-area-cu .imgBox {
  width: 3.9rem;
}
.marketInfoContainer .infoLinkWrap .mart-area-emart .imgBox {
  width: 7rem;
}

@media (max-width: 1600px) {
  .introContainer:after {
    height: 40.5%;
  }
  .customerSupportGuide .introContainer:after {
    height: 40%;
  }
}
@media (max-width: 1280px) {
  .friendsList .list {
    width: calc(25% - 2rem);
  }
}
@media (max-width: 1024px) {
  .serviceIntroduce .videoWrap {
    margin-bottom: 0;
  }
  .contentWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .contentWrap .contentBox {
    width: 100%;
  }
  .contentWrap .contentBox:not(:last-of-type) {
    margin-bottom: 6rem;
  }
  .contentWrap .contentBox .underline {
    font-size: 1.3rem;
  }
  .contentWrap .iconBox {
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
  }
  .contentWrap .iconBox img {
    width: 7.2rem;
  }
  .introduceContainer {
    padding: 8rem 0;
  }
  .introduceContainer .titleBox span {
    font-size: 2rem;
  }
  .descBox {
    margin-top: 3rem;
  }
  .descBox .label {
    font-size: 1.6rem;
    font-weight: 700;
    color: #333333;
    line-height: 2.3rem;
  }
  .descBox .text {
    margin-top: 0.8rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #555555;
    line-height: 1.9rem;
  }
  .friendsList .list {
    width: calc(33.3% - 2rem);
  }
  .selfGuideIconsArea .selfGuideIconBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .selfGuideIconsArea .selfGuideText {
    font-size: 1.3rem;
  }
  .selfGuideIconsArea .selfIconMyR,
  .selfGuideIconsArea .selfIconBiz {
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .selfGuideIconsArea .selfIconMyR {
    width: 5.8rem;
    height: 5.8rem;
  }
  .selfGuideIconsArea .selfIconMyR::before {
    background-size: 4rem;
  }
  .selfOpenBox {
    padding: 0.8rem;
  }
  .selfOpenBox .selfIconMyR {
    width: 5rem;
    height: 5rem;
    margin: -1.1rem 0 0 -1.1rem;
  }
  .selfOpenBox .selfIconBiz {
    padding: 0 0.6rem;
  }
  /* 바로유심 가입 마이알뜰폰/사업자 구분 아이콘 */
  .selfIconMyR .irText {
    line-height: 4rem;
  }
  .selfIconBiz {
    font-size: 1rem;
  }
  /* 바로유심 */
  .serviceUsim .boardContainer .supportContainer .supportTitle {
    min-height: 6.5rem;
    padding: 2.2rem 4rem 2.2rem 5.8rem;
  }
  .serviceUsim .boardContainer .supportContainer .supportTop .title {
    padding: 4rem 2rem 2.5rem;
  }
  .serviceUsim .boardContainer .supportContainer .supportContent {
    min-height: 8.7rem;
    padding: 2.4rem 2rem;
  }
  .serviceUsim .boardContainer .supportContainer .supportContent .textHead {
    margin-right: 0.6rem;
  }
  .serviceUsim .boardContainer .supportContainer .supportContent .textBody {
    max-width: none;
  }
  .usimVisualContent .usimVisualTop,
  .usimVisualContent .subVisualTop,
  .subVisualContent .usimVisualTop,
  .subVisualContent .subVisualTop {
    left: 6%;
  }
  .usimVisualContent .usimTitle,
  .usimVisualContent .subVisualTitle,
  .subVisualContent .usimTitle,
  .subVisualContent .subVisualTitle {
    margin-bottom: 2rem;
    font-size: 4rem;
  }
  .usimVisualContent .usimText,
  .usimVisualContent .subVisualText,
  .subVisualContent .usimText,
  .subVisualContent .subVisualText {
    font-size: 1.6rem;
  }
  .usimGuideContent .usimGuideBottom {
    display: block;
    margin: 0;
  }
  .usimGuideContent .usimGuideBottom .guideInfo {
    width: 100%;
    margin: 0 0 1rem;
  }
  .usimGuideContent .usimGuideBottom .guideInfo:last-child {
    margin-bottom: 0;
  }
  .usimGuideContent .usimGuideBottom .guideInfo.bgImg01 .infoTitle {
    margin-bottom: 1rem;
  }
  .usimGuideContent .usimGuideBottom .guideInfo.bgImg02 {
    max-width: 100%;
    padding-right: 33%;
  }
  .usimGuideContent .usimGuideBottom .infoConBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
  .usimGuideContent .usimGuideBottom .infoConBox:last-child {
    margin-bottom: 0;
  }
  .usimGuideContent .usimGuideBottom .infoConBox.stepBox {
    width: 100%;
  }
  .usimGuideContent .usimGuideBottom .infoList {
    font-size: 1.3rem;
  }
  .usimGuideContent .usimGuideBottom .infoList .block {
    display: inline;
  }
  .usimGuideContent .usimEventArea {
    padding: 3.2rem;
  }
  .usimGuideContent .usimEventArea img.pcType {
    width: 40%;
  }
  .usimGuideContent .infoLinkWrap {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
  }
  .usimGuideContent .infoLinkWrap [class*="mart-area"] {
    /* width: auto; */
    /* margin-right: 1.6rem;
    margin-bottom: 0; */
  }
  .usimGuideContent .infoLinkWrap [class*="mart-area"]:last-child {
    /* margin-right: 0; */
  }
  .usimGuideContent .infoLinkWrap [class*="mart-area"] .imgBox {
    /* margin-right: 0; */
  }
  .usimGuideContent .guideVideoContainer .videoBox {
    width: 100%;
  }
  .usimGuideContent .guideVideoContainer .videoTextBox {
    font-size: 1.3rem;
  }
}
@media (max-width: 717px) {
  .introContainer:after {
    height: 42.5%;
  }
  .customerSupportGuide .introContainer:after {
    height: 42.5%;
  }
  .introduceContainer .titleArea {
    margin-bottom: 5.6rem;
  }
  .videosubTitle .videosubBtn {
    padding: 1.2rem;
    font-size: 1.3rem;
  }
  .videosubContent {
    font-size: 1.3rem;
  }
  .serviceCorporation .contentArea {
    padding: 4rem 0 0 0;
  }
  .serviceCorporation .serviceTitleArea {
    margin-bottom: 4rem;
  }
  .serviceCorporation .serviceTitleArea .pcBlock {
    display: inline;
  }
  .serviceCorporation .videoContainer .videoWrap {
    margin-bottom: 0;
  }
  .serviceArea {
    padding: 6rem 0 7rem 0;
  }
  /* Service Introduce */
  .bannerArea {
    height: 33rem;
    padding: 2.6rem 0 0 2.2rem;
    background-image: url("/web/kmvno/assets/images/service/banner_mo.png");
  }
  .bannerArea .headingBox span {
    font-size: 2rem;
    font-weight: 400;
    color: #333333;
    line-height: 2.9rem;
  }
  .bannerArea a {
    margin-top: 2rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.6rem;
  }
  .bannerArea .qrBox {
    bottom: 2.4rem;
    left: 2rem;
    width: 11rem;
  }
  /* Service Friends */
  .friendsList {
    margin: -0.5rem;
  }
  .friendsList .list {
    width: calc(50% - 1rem);
    margin: 0.5rem;
    padding: 2.6rem 1.6rem 2rem;
  }
  .friendsList .list .listBox .imgBox img {
    height: 4rem;
  }
  .friendsList .list .listBox .name {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000000;
    line-height: 2rem;
  }
  .friendsList .underline {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
  /* Service Corporation */
  .historyArea {
    padding-top: 0;
  }
  .historyArea .headingBox {
    font-size: 2rem;
    font-weight: 400;
    color: #000000;
    line-height: 2.9rem;
  }
  .historyArea .historyBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 4rem;
  }
  .historyArea .historyBox .left {
    width: 100%;
  }
  .historyArea .historyBox .right {
    width: 100%;
  }
  .historyArea .historyBox .itemBox .num span {
    font-size: 1.6rem;
    font-weight: 700;
    color: #499690;
    line-height: 1.9rem;
  }
  .historyArea .historyBox .itemBox .text span {
    font-size: 1.4rem;
    font-weight: 400;
    color: #555555;
    line-height: 1.9rem;
  }
  /* 바로유심 */
  .serviceUsim .contentArea {
    padding-bottom: 0;
  }
  .usimVisualContent .moType,
  .subVisualContent .moType {
    display: block;
  }
  .usimVisualContent .pcType,
  .subVisualContent .pcType {
    display: none;
  }
  .usimVisualContent .usimVisualTop,
  .usimVisualContent .subVisualTop,
  .subVisualContent .usimVisualTop,
  .subVisualContent .subVisualTop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0;
    width: 100%;
    padding-top: 4rem;
  }
  .usimVisualContent .usimTitle,
  .usimVisualContent .subVisualTitle,
  .subVisualContent .usimTitle,
  .subVisualContent .subVisualTitle {
    font-size: 2.8rem;
  }
  .usimVisualContent .usimTitle .bold,
  .usimVisualContent .subVisualTitle .bold,
  .subVisualContent .usimTitle .bold,
  .subVisualContent .subVisualTitle .bold {
    font-size: 3rem;
  }
  .usimVisualContent .block,
  .subVisualContent .block {
    display: block;
  }
  .usimGuideContent {
    padding-top: 5rem;
    padding-bottom: 5.6rem;
  }
  .usimGuideContent .guideTitle {
    margin-bottom: 1.2rem;
    font-size: 2rem;
  }
  .usimGuideContent .guideText {
    font-size: 1.4rem;
  }
  .usimGuideContent .usimGuideTop {
    margin-bottom: 3rem;
  }
  .usimGuideContent .usimGuideBottom .guideInfo {
    padding: 3rem 2.4rem;
  }
  .usimGuideContent .usimGuideBottom .guideInfo[class*="bgImg0"] {
    border-radius: 0.4rem;
    background-image: none;
  }
  .usimGuideContent .usimGuideBottom .guideInfo.bgImg01 .infoTitle {
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
  }
  .usimGuideContent .usimGuideBottom .guideInfo.bgImg02 {
    padding-right: 2.4rem;
  }
  .usimGuideContent .usimEventArea {
    padding: 3.2rem 2rem 0;
    margin-bottom: 5rem;
    text-align: center;
  }
  .usimGuideContent .usimEventArea img.pcType {
    display: none;
  }
  .usimGuideContent .usimEventArea img.moType {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -1.2rem;
  }
  .usimGuideContent .usimEventArea .block {
    display: block;
  }
  .usimGuideContent .usimEventArea .eventTitle {
    font-size: 2rem;
  }
  .usimGuideContent .usimEventArea .eventLink {
    margin-top: 1.2rem;
  }
  .usimGuideContent .infoLinkWrap [class*="mart-area"] {
    width: auto;
  }
  .usimFriendsContent {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
  .usimFriendsContent .guideTitle02 {
    margin-bottom: 2.6rem;
    font-size: 2rem;
  }
  .infoLinkWrap {
    display: block;
  }
  .infoLinkWrap + .infoLinkWrap {
    margin-top: 1.2rem;
  }
  .infoLinkWrap [class*="mart-area"] {
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
  .infoLinkWrap [class*="mart-area"]:last-child {
    margin-bottom: 0;
  }
  .infoLinkWrap [class*="mart-area"] .linkUnderline {
    margin-left: 1.2rem;
  }
  .infoLinkWrap .mart-area-emart .imgBox {
    width: 8.7rem;
  }
  .infoLinkWrap .mart-area-cu .imgBox {
    width: 4.8rem;
  }
  .marketInfoContainer .marketInfoTop {
    margin-bottom: 1.5rem;
  }
  .marketInfoContainer .merketInfoTitle {
    font-size: 1.4rem;
  }
  .marketInfoContainer .merketInfoText {
    font-size: 1.4rem;
  }
  .marketInfoContainer .beforeDot {
    font-size: 1.2rem;
  }
  .marketInfoContainer .infoLinkWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .marketInfoContainer .infoLinkWrap [class*="mart-area"] {
    margin-bottom: 0;
  }
}
@media (max-width: 512px) {
  .introContainer:after {
    height: 36.2rem;
  }
  .customerSupportGuide .introContainer:after {
    height: 36.2rem;
  }
  .introduceContainer .linkArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5rem 0 0;
  }
  .introduceContainer .linkArea .link {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    height: 5rem;
    font-size: 1.4rem;
  }
  .introduceContainer .linkArea .link:not(:last-of-type) {
    margin-bottom: 0.8rem;
  }
  .serviceFriends .contentArea {
    padding: 3rem 0 7rem 0;
  }
  .serviceCorporation .serviceArea .serviceBox .title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333333;
    line-height: 2.6rem;
  }
  .serviceCorporation .serviceArea .serviceBox .list li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.3rem;
    font-weight: 400;
    color: #555555;
    line-height: 1.9rem;
  }
  .serviceCorporation .serviceArea .serviceBox .list li span.bullet {
    margin-top: 0.9rem;
  }
  .serviceTitleArea {
    padding-top: 4rem;
  }
  .serviceTitleArea .titleBox .title {
    font-size: 2rem;
    font-weight: 400;
    color: #000000;
    line-height: 2.9rem;
  }
  .serviceTitleArea .titleBox .desc {
    margin-top: 1.2rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #555555;
    line-height: 2rem;
  }
  /* popupViewDetail */
  .popupViewDetail .detailArea .detailBox .name {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000000;
    line-height: 2rem;
  }
  .popupViewDetail .detailArea .detailBox .infoBox .tel a {
    font-size: 1.4rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.6rem;
  }
  .popupViewDetail .detailArea .detailBox .infoBox .time .text {
    font-size: 1.4rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.6rem;
  }
  /* 바로유심 */
  .usimFriendsContent .friendsList .list .selfOpen {
    width: 6.4rem;
    height: 6.4rem;
  }
}
@media (max-width: 350px) {
  .descBox .text br {
    display: none;
    word-break: keep-all;
  }
  /* 바로유심 편의점 */
  .usimGuideContent .infoLinkWrap {
    display: block;
  }
  .usimGuideContent .infoLinkWrap [class*="mart-area"] {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .usimGuideContent .infoLinkWrap [class*="mart-area"]:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 320px) {
  .usimEventArea .eventTitle .block {
    display: inline;
  }
  .friendsList {
    margin: 0;
  }
  .friendsList .list {
    width: 100%;
    margin: 0 0 2rem 0;
    padding: 2rem 1.6rem;
  }
  .friendsList .list .listBox .imgBox img {
    height: 4.8rem;
  }
}
.usimDirectMain .contentArea {
  padding-top: 16rem;
}

.usimTitleArea,
.aboutTitleArea {
  margin-bottom: 7rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 2.3rem;
}
.fareCheckTitleArea {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 2.3rem;
}
.fareCheckTitleArea .title {
  text-align: center;
}
.usimTitleArea.areaNear,
.aboutTitleArea.areaNear {
  margin-bottom: 3rem;
}
.usimTitleArea .title,
.aboutTitleArea .title,
.fareCheckTitleArea .title {
  margin-bottom: 2.8rem;
}
.usimTitleArea .title br,
.aboutTitleArea .title br {
  display: none;
}
.usimTitleArea .title .block,
.aboutTitleArea .title .block {
  display: block;
}
.usimTitleArea .buttonArea,
.aboutTitleArea .buttonArea {
  margin-bottom: 1.5rem;
}

.gotoSelfArea .linkUnderline {
  font-size: 1.6rem;
}

.speechStepArea {
  max-width: 48.7rem;
  margin: 3rem auto;
}
.speechStepArea.bgLightGrayBox .stepBox {
  background-color: #f7f8fa;
}
.speechStepArea.bgLightGrayBox .stepBox::after {
  border-top-color: #f7f8fa;
}
.speechStepArea .stepBox {
  position: relative;
  margin-bottom: 3.2rem;
  padding: 1.6rem 1.6rem 1.8rem;
  background-color: #ffffff;
  border-radius: 1.2rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
.speechStepArea .stepBox:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -3.5rem;
  border: 1.8rem solid transparent;
  border-top-color: #ffffff;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.speechStepArea .stepBox:last-child {
  margin-bottom: 0;
}
.speechStepArea .stepBox:last-child:after {
  display: none;
}
.speechStepArea .stepBox .colorPrimary {
  color: #407773 !important;
}
.speechStepArea .title {
  display: block;
  margin-bottom: 1.2rem;
  font-weight: 700;
}
.speechStepArea .desc {
  font-size: 1.2rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
}
.speechStepArea .descGray {
  font-size: 1.2rem;
  font-weight: 400;
  color: #777777;
  line-height: 1.4;
}
.speechStepArea .titleWrap .title {
  margin-bottom: 0;
}
.speechStepArea .middleDesc {
  font-size: 1.1rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.speechStepArea .middleDesc .normalText {
  margin-bottom: 0.2rem;
}
.speechStepArea .middleDesc .imgWrap {
  display: block;
  width: 12rem;
  margin: 1.4rem auto 0;
}
.speechStepArea .colorRed {
  font-size: 1.1rem;
}
.speechStepArea .colorGray {
  color: #777777;
}
.speechStepArea .smallDesc {
  font-size: 1.1rem;
}
.speechStepArea .smallDesc .linkUnderline {
  font-size: 1.2rem;
}
.speechStepArea.sizeSmall .stepBox {
  padding: 1.4rem 1rem;
  margin-bottom: 3rem;
  background-color: #f7f8fa;
}
.speechStepArea.sizeSmall .stepBox:after {
  border-width: 2rem;
  bottom: -3.5rem;
  border-top-color: #f7f8fa;
}
.speechStepArea.sizeSmall .desc {
  font-size: 1.1rem;
}
.speechStepArea.fontSizeUp .stepBox {
  margin-bottom: 4rem;
}
.speechStepArea.fontSizeUp .stepBox .title {
  font-size: 1.6rem;
}
.speechStepArea.fontSizeUp .stepBox .desc {
  font-size: 1.4rem;
}
.speechStepArea.fontSizeUp .stepBox .descGray {
  font-size: 1.4rem;
}

.usimDirectPurchase01 .contentContainer .contentArea,
.usimDirectPurchase02 .contentContainer .contentArea {
  padding: 7rem 0 20rem;
}
.usimDirectPurchase01 .fixedFooterArea .left .desc,
.usimDirectPurchase01 .fixedFooterArea .right .desc,
.usimDirectPurchase02 .fixedFooterArea .left .desc,
.usimDirectPurchase02 .fixedFooterArea .right .desc {
  font-size: 3.2rem;
}

.usimDirectPurchase01 .typeAgreementCheck .fieldCheckbox .fieldLabel {
  font-size: 1.6rem;
}

.usimDirectPurchase02 .typeCaution .fieldArea {
  padding: 1.4rem 2rem;
}
.usimDirectPurchase02 .typeCaution .fieldArea .fieldValue {
  font-size: 1.3rem;
  font-weight: 400;
  color: #555555;
  line-height: 2rem;
}
.usimDirectPurchase02 .typeCaution .linkUnderline {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 1.3rem;
}
.usimDirectPurchase02 .centerContainer .centerRight {
  width: 100%;
  max-width: calc(100% - 15.7rem);
}
.usimDirectPurchase02 .centerContainer .imgWrap {
  width: 13.7rem;
}

.centerArea.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.centerArea.flex .centerLeft {
  margin-right: 2rem;
}

.dataInner .primaryBox {
  margin-bottom: 3rem;
}
.dataInner .primaryBox:last-child {
  margin-bottom: 0;
}
.dataInner .buttonArea {
  margin-bottom: 2rem;
}
.dataInner .buttonArea:last-child {
  margin-bottom: 0;
}
.dataInner .buttonArea + .typeCaution {
  margin-top: 3rem;
}
.dataInner .buttonArea.block .btn {
  margin: 1.2rem 0;
}
.dataInner .normalText {
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.dataInner .speechStepArea {
  margin-top: 2rem;
}

.areaBottomNotice {
  margin-top: 2rem;
}
.areaBottomNotice .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.8rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #777777;
  line-height: 2;
}
.areaBottomNotice .notice::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin: 1.1rem 0.5rem 0;
  background-color: #777777;
  border-radius: 50%;
  -webkit-transform: skew(-0.03deg);
  transform: skew(-0.03deg);
}

/* 유심유형 선택 */
.primaryBoxContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 3rem;
}
.primaryBoxContainer .primarySelBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 0.6rem;
}
.primaryBoxContainer .primarySelBox:first-child {
  margin-left: 0;
}

.primarySelBox .primarySelLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 1rem 1.6rem;
  background-color: #ffffff;
  border: 2px solid #cccccc;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.primarySelBox .primarySelLabel:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.5rem;
  -webkit-transition: background-image 0.5s;
  transition: background-image 0.5s;
}
.primarySelBox .primarySelLabel:after {
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0;
  width: 1.7rem;
  height: 1.7rem;
  margin-left: 0.3rem;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.primarySelBox .primarySelLabel span {
  display: block;
  margin: 0 auto;
}
.primarySelBox input:focus:checked + .primarySelLabel {
  border-color: #000000;
}
.primarySelBox input:checked + .primarySelLabel {
  border-color: #499690;
}
.primarySelBox input:checked + .primarySelLabel:after {
  opacity: 1;
  background: url("/web/kmvno/assets/images/common/icon_check_chk_primary.svg")
    no-repeat center;
}
.primarySelBox.iconUsim .primarySelLabel:before {
  background: url("/web/kmvno/assets/images/common/icon_usim_normal_off.svg")
    no-repeat center;
}
.primarySelBox.iconUsim input:checked + .primarySelLabel::before {
  background-image: url("/web/kmvno/assets/images/common/icon_usim_normal_on.svg");
}
.primarySelBox.iconUsimNFC .primarySelLabel:before {
  background: url("/web/kmvno/assets/images/common/icon_usim_nfc_off.svg") no-repeat
    center;
}
.primarySelBox.iconUsimNFC input:checked + .primarySelLabel::before {
  background-image: url("/web/kmvno/assets/images/common/icon_usim_nfc_on.svg");
}

.popupUsimDirectPayInfo .checkbox,
.popupUsimDirectInfo .checkbox {
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #000000;
  line-height: 2rem;
}

.popupContent .cautionArea:only-child .cautionWrap:only-child {
  margin-top: 0;
}

.popupUsimDirectCompleted .buttonArea + .buttonArea {
  margin-top: 8px;
}

/* 주문조회, 신청 조회 */
.orderContainer .orderBottom {
  margin-top: 7rem;
}
.orderContainer .nodataContainer {
  text-align: center;
}
.orderContainer.newSelfOpening {
  margin-top: 5rem;
}

.deliveryTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.deliveryTitle .number {
  font-weight: bold;
}
.deliveryTitle .date {
  margin-left: auto;
}
.deliveryTitle + .dataTitleArea {
  margin-top: 5rem;
}

.deliveryStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3rem 2rem;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
}
.deliveryStep:last-child {
  margin-bottom: 0;
}
.deliveryStep.detail .step {
  background-position: right 3.5rem top 1rem;
  color: #555555;
}
.deliveryStep .step {
  padding-right: 8.4rem;
  background: url("/web/kmvno/assets/images/common/arrow_delivery.svg") no-repeat
    right 4.3rem top 0.5rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
.deliveryStep .step:last-child {
  padding-right: 0;
  background-image: none;
}
.deliveryStep .step.on {
  color: #499690;
}
.deliveryStep .step.on [class*="iconBgDelivery"]:before {
  background-size: 100% auto;
}
.deliveryStep .count {
  font-size: 2rem;
  font-weight: bold;
}
.deliveryStep .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.4rem;
}
.deliveryStep [class*="iconBgDelivery"] {
  display: block;
}
.deliveryStep [class*="iconBgDelivery"]:before {
  position: relative;
  z-index: 1;
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  margin: 0 auto;
  background-size: 100% auto;
}
.deliveryStep [class*="iconBgDelivery"] > span {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.deliveryStep .iconState {
  overflow: hidden;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  text-indent: -9999px;
  background: url("/web/kmvno/assets/images/usim/icon_step_on.svg") no-repeat center;
}

.orderList > li {
  margin-bottom: 3rem;
}
.orderList > li:last-child {
  margin-bottom: 0;
}

.orderItem {
  padding: 0 2rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.orderItem.noneBorder {
  border: none;
}
.orderItem.noneBorder .itemMiddle {
  padding: 2rem 0;
}
.orderItem .itemTop,
.orderItem .itemMiddle,
.orderItem .itemBottom {
  position: relative;
}
.orderItem .itemTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5rem 0;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
}
.orderItem .itemMiddle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3rem 0;
}
.orderItem .itemMiddle + .itemBottom {
  margin-top: -1.4rem;
}
.orderItem .itemBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 3rem;
}
.orderItem .orderTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.orderItem .orderTitle .number {
  margin-right: 2.6rem;
}
.orderItem .orderTitle.iconBgLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin-left: 0;
}
.orderItem .orderTitle.iconBgLink > span {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  display: inline-block;
  width: auto;
  padding: 0;
}
.orderItem .iconBgLink {
  display: block;
  width: 3rem;
  height: 3rem;
  margin-left: auto;
  background-position: right center;
}
.orderItem [class*="stateTitle"] {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.orderItem [class*="stateTitle"]:only-child {
  margin-bottom: 0;
}
.orderItem .stateTitlePrimary {
  color: #499690;
}
.orderItem .stateTitleNormal {
  font-weight: normal;
}
.orderItem .samller {
  font-size: 1.4rem;
}
.orderItem [class*="stateLabel"] {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.4;
}
.orderItem .stateLabelPrimary {
  color: #499690;
}
.orderItem .stateLabelRed {
  color: #db0001;
}
.orderItem .orderText {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.orderItem .orderText .title {
  font-weight: bold;
}
.orderItem .orderText .number {
  font-weight: bold;
  font-size: 2rem;
}
.orderItem .orderText .won {
  font-weight: normal;
  font-size: 1.4rem;
}
.orderItem .orderText p + p {
  margin-top: 0.4rem;
}
.orderItem .btnOderCancel {
  padding: 0.4rem;
  margin-right: 2rem;
  background-color: #ffffff;
  border: 1px solid #777777;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #777777;
  line-height: 1.4;
}
.orderItem .btnOderCancel:hover,
.orderItem .btnOderCancel:focus {
  background-color: rgba(0, 0, 0, 0.02);
}
.orderItem .dlFlexArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0.4rem 0;
  font-size: 1.3rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.orderItem .dlFlexArea .dlTitleBox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1rem;
}
.orderItem .dlFlexArea .dlTextBox {
  text-align: right;
}

.orderInfoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.orderInfoWrap .imgWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  width: 10rem;
  height: 10rem;
  margin-right: 2.3rem;
  background-color: #f9f9f9;
}
.orderInfoWrap img {
  display: block;
  width: 6.2rem;
  height: auto;
}

.orderSideWrap {
  margin-left: auto;
  margin-right: 1rem;
}
.orderSideWrap.alignTop {
  margin-bottom: auto;
}

.otherInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}
.otherInfo.right {
  margin-left: auto;
}
.otherInfo .text {
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.otherInfo .text .linkUnderline {
  margin-left: 0;
}
.otherInfo .linkUnderline {
  margin-left: 1.2rem;
  border-bottom-color: #499690;
  font-size: 1.6rem;
  color: #499690 !important;
}

.orderBorderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.orderBorderWrap .orderContent {
  width: 100%;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e0e0e0;
}
.orderBorderWrap .orderContent:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.orderBorderWrap .stateTitleBold {
  margin-bottom: 0.6rem;
}

/* 월 요금 상세 */
.orderChargeDetail {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.orderChargeDetail .chargeRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
  text-align: right;
}
.orderChargeDetail .chargeRow:last-child {
  margin-bottom: 0;
}
.orderChargeDetail .chargeRow [class*="rowTitle"] {
  text-align: left;
}
.orderChargeDetail .chargeRow .rowTitleBold {
  font-weight: bold;
}
.orderChargeDetail .chargeRow .bigTitle {
  font-size: 1.8rem;
}
.orderChargeDetail .chargeRow .bold .number {
  font-size: 2.2rem;
}
.orderChargeDetail .beColorGray {
  background-color: #f8f8fa;
  border-radius: 1rem;
}
.orderChargeDetail .block {
  display: block;
  font-weight: normal;
}
.orderChargeDetail .chargeAreaTop {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.orderChargeDetail .chargeAreaTop:last-child {
  margin-bottom: 0;
}
.orderChargeDetail .chargeAreaTop .title {
  font-weight: bold;
}
.orderChargeDetail .chargeAreaMiddle,
.orderChargeDetail .chargeAreaBottom {
  padding: 2rem 3rem;
}

/* 셀프개통 */
.timeInfoBox {
  padding: 1.4rem 1.6rem;
  background-color: #f8f8fa;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  border-radius: 1rem;
}
.timeInfoBox .title {
  display: block;
  width: 6rem;
  margin-right: 1rem;
}
.timeInfoBox .text {
  width: calc(100% - 8rem);
}
.timeInfoBox .timeRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.8rem;
}
.timeInfoBox .timeRow:last-child {
  margin-bottom: 0;
}

/* 요금제 선택 */
.popupPlanContent .resultTop {
  margin-bottom: 2rem;
}
.popupPlanContent .resultBottom {
  margin: 3rem 0 0;
}
.popupPlanContent .checkBoxItem {
  margin-bottom: 1rem;
}
.popupPlanContent .checkBoxItem .checkbox {
  top: 1.2rem;
  right: 1.1rem;
}
.popupPlanContent .popularDataArea {
  padding: 2rem;
}
.popupPlanContent .popularDataArea .titleCompany {
  font-size: 1.1rem;
}
.popupPlanContent .popularDataArea .dlItemFlex {
  margin: 0 1.8rem;
}
.popupPlanContent .popularDataArea .dlItemFlex.borderType dt {
  font-size: 1.2rem;
}
.popupPlanContent .popularDataArea .dlItemFlex.borderType dd {
  font-size: 1.4rem;
}
.popupPlanContent .popularDataArea .dlItemFlex [class*="iconBg"] {
  padding-left: 3.6rem;
  background-size: 2.2rem auto;
}
.popupPlanContent .popularDataArea .usageItem dt {
  font-size: 1.2rem;
}
.popupPlanContent .popularDataArea .usageItem dd {
  font-size: 1.8rem;
}
.popupPlanContent .summaryTitleArea {
  font-size: 1.1rem;
}
.popupPlanContent .summaryTitleArea .summaryBigTitle {
  font-size: 2rem;
}

/* 유심스캔 팝업 */
.popupUsimScan > .dim {
  background-color: rgba(0, 0, 0, 0.5);
}
.popupUsimScan > .popupContainer {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 0;
  border: 0;
  background: transparent;
}
.popupUsimScan .popupTop {
  border-bottom: none;
}
.popupUsimScan .popupTop .popupTitle {
  color: #ffffff;
}
.popupUsimScan .popupTop .btnClose {
  background: url("/web/kmvno/assets/images/common/btn_white_close.svg") no-repeat
    center;
}
.popupUsimScan .popupMiddle {
  height: 100%;
  max-height: calc(100% - 5rem);
}
.popupUsimScan .popupContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.4;
  text-align: center;
}
.popupUsimScan .scanAround {
  position: relative;
  width: 100%;
  max-width: 27.2rem;
  height: 17.5rem;
  margin: 2.4rem auto 10rem;
  border: 1px solid #ffffff;
  border-radius: 1rem;
}
.popupUsimScan .round span {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  border: 3px solid #ffffff;
}
.popupUsimScan .round span:nth-child(1) {
  top: -2px;
  left: -2px;
  border-right: none;
  border-bottom: none;
  border-radius: 1rem 0 0 0;
}
.popupUsimScan .round span:nth-child(2) {
  top: -2px;
  right: -2px;
  border-left: none;
  border-bottom: none;
  border-radius: 0 1rem 0 0;
}
.popupUsimScan .round span:nth-child(3) {
  bottom: -2px;
  right: -2px;
  border-left: none;
  border-top: none;
  border-radius: 0 0 1rem 0;
}
.popupUsimScan .round span:nth-child(4) {
  bottom: -2px;
  left: -2px;
  border-right: none;
  border-top: none;
  border-radius: 0 0 0 1rem;
}
.popupUsimScan .directInput {
  text-decoration: underline;
  color: #ffffff;
}

/* 주민등록증 예시 */
.idCardWrap {
  margin-bottom: 3rem;
  text-align: center;
}
.idCardWrap .imgWrap {
  max-width: 32rem;
}

.fieldSelectInput .dropdownArea {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 14rem;
  margin-right: 0.8rem;
}
.fieldSelectInput .dropdownArea .dropdownTitle .titleLabel {
  height: 5.3rem;
}
.fieldSelectInput .input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 15rem);
}
@media (max-width: 717px) {
  .idCardWrap {
    margin-bottom: 2rem;
  }
  .fieldSelectInput .dropdownArea {
    max-width: 12rem;
    margin-right: 0.5rem;
  }
  .fieldSelectInput .dropdownArea .dropdownTitle .titleLabel {
    height: 4.8rem;
  }
}

/* 신규 번호 생성 */
.newNumberCreate {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.newNumberCreate .phoneNumber.bold span {
  font-weight: bold;
}
.newNumberCreate .phoneNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 10rem;
  background-color: #f8f8fa;
}
.newNumberCreate .phoneNumber span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newNumberCreate .phoneNumber span:after {
  content: "-";
  display: block;
  margin: 0 0.5rem;
}
.newNumberCreate .phoneNumber span:last-child:after {
  display: none;
}
.newNumberCreate .phoneNumber input {
  max-width: 7rem;
  height: 4.8rem;
  padding: 0 1rem;
  text-align: center;
}
.newNumberCreate .buttonArea {
  margin-top: 7rem;
}
.newNumberCreate .remainCount {
  margin-top: 2rem;
  text-align: right;
}
.newNumberCreate .remainCount strong {
  font-weight: bold;
}
.newNumberCreate .captchaWrap .captchaImg {
  -ms-flex-preferred-size: 31rem;
  flex-basis: 31rem;
}
.newNumberCreate .captchaWrap .btn {
  height: 5.5rem;
  margin-bottom: 1.6rem;
}
.newNumberCreate .captchaWrap .btn:last-child {
  margin-bottom: 0;
}
.newNumberCreate .fieldInput {
  margin-top: 1rem;
}
.newNumberCreate.createComplete .phoneNumber span {
  font-weight: bold;
}

/* 주민등록증 예시 */
.imgPassWrap {
  margin-bottom: 3rem;
  text-align: center;
}
.imgPassWrap .imgWrap {
  max-width: 32rem;
}

/* 문자 확인 */
.confirmBoard {
  padding: 4.5rem 2rem 2.4rem;
  background-color: #ffffff;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.confirmBoard .boardText {
  text-align: center;
}
.confirmBoard .buttonArea {
  margin-top: 6rem;
}

/* ARS 번호 안내 팝업 */
.arsInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.arsInput .fieldArea {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 8.8rem);
  height: 4.8rem;
  margin-bottom: 0;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.arsInput .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.arsInput .title:after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1rem;
  margin: 0 0.8rem;
  background-color: #cccccc;
}
.arsInput .btn {
  width: 8rem;
  height: 4.8rem;
  margin-left: 0.8rem;
  font-size: 1.4rem;
}

/* 셀프개통 5/5 6/6 */
.AutoInputArea,
.cardInputArea {
  margin-bottom: 3rem;
}

.fieldeSimInput > .buttonArea {
  margin-top: 7rem;
  margin-bottom: 1rem;
}

/* 워치개통 1/2 == combinationArea */
/* 워치개통 팝업 */
.watchESIMContainer {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

/* profile Down */
.profileDownContainer .noticeText {
  font-size: 1.2rem;
}
.profileDownContainer .imgWrap {
  display: block;
  max-width: 18.8rem;
  margin: 3rem auto;
}
.profileDownContainer .beforeDot {
  color: #555555;
  font-size: 1.2rem;
}

/* 단말기 정보 확인 방법 팝업 */
.terminalContainer.popupPairingWatch .aboutTitle .smallText {
  padding-left: 5.4rem;
}
.terminalContainer.popupPairingWatch .imgWrap {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.terminalContainer .tabContainer {
  margin-top: 2rem;
}
.terminalContainer .imgWrap {
  display: block;
  width: 100%;
  margin: 2rem 0;
}

/* EID, IMEI 확인 방법 */
.eidimeiContainer .imgWrap {
  display: block;
  width: 100%;
}
.eidimeiContainer .stepTop .imgWrap {
  max-width: 12rem;
  margin: 2rem auto;
}

/* Apply Step */
.applySteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 69.8rem;
  margin: 0 auto 5rem;
}
.applySteps .title {
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}
.applySteps .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.applySteps .steps:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 1px solid #c4c4c4;
}
.applySteps .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  margin: 0 1.5rem;
  border-radius: 50%;
  border: 2px solid #499690;
  background-color: #499690;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  text-align: center;
}
.applySteps .unit:first-child {
  margin-left: 0;
}
.applySteps .unit:last-child {
  margin-right: 0;
}
.applySteps .unit.current {
  position: relative;
  background-color: #ffffff;
  color: #499690;
  text-decoration: underline;
}
.applySteps .unit.current ~ .unit {
  border: 1px solid #cccccc;
  background-color: #f7f8fa;
  color: #777777;
}
.applySteps .message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
}

/* 결제진행 안내 */
.paymentContent .imgWrap {
  display: block;
  max-width: 35.2rem;
  margin: 0 auto 5rem;
}
.paymentContent .text {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

/* 셀프개통 신청 > 번호이동 04 */
.fieldPhoneInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 3rem;
}
.fieldPhoneInfo .iconFindAgency {
  height: 5.5rem;
  padding-left: 2rem;
  padding-right: 5rem;
  margin-right: 0.8rem;
  background: url("/web/kmvno/assets/images/common/icon_search_cyan.svg") no-repeat
    right 1.7rem center/1.6rem #ffffff;
  font-size: 1.6rem;
  color: #333333;
}
.fieldPhoneInfo .fieldInput {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* 셀프개통 신청 메인 */
[class*="accordionIsland"].active .btnOpenIsland {
  background-image: url("/web/kmvno/assets/images/common/arrow_line_up.svg");
}
[class*="accordionIsland"].active .islandContent {
  display: block;
}
[class*="accordionIsland"] .islandTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
[class*="accordionIsland"] .btnOpenIsland {
  display: block;
  width: 3.2rem;
  height: 2.2rem;
  margin-left: auto;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    center/1.2rem auto;
}
[class*="accordionIsland"] .btnOpenIsland > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
[class*="accordionIsland"] .islandContent {
  display: none;
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
[class*="accordionIsland"] .islandContent .mainText {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: bold;
}
[class*="accordionIsland"] .islandContent .normalText {
  margin-bottom: 0.5rem;
}
[class*="accordionIsland"] .islandContent .colorRed {
  font-size: 1.4rem;
}
[class*="accordionIsland"] .islandContent .imgWrap {
  width: 16rem;
  margin: 3rem auto 0;
}
[class*="accordionIsland"] .islandBgGray {
  padding: 4rem 2rem;
  border-radius: 1rem;
  background-color: #f8f8fa;
}

/* 자급제 단말등록 */
.fieldSelfSufficiency .middleTitle {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

/* 자급제 단말등록/기기변경/셀프개통 */
.modelDeviceContainer .deviceBottom {
  margin-top: 3rem;
}

/* 워치 개통 */
.smartWatchAbout .stepInner {
  max-width: 32rem;
  margin: 0 auto;
}
.smartWatchAbout .speechStepArea {
  margin-top: 3rem;
}
.smartWatchAbout .speechStepArea .stepBox {
  padding: 2.4rem;
  font-size: 1.4rem;
}
.smartWatchAbout .speechStepArea .title {
  margin-bottom: 0.8rem;
}
.smartWatchAbout .speechStepArea .desc {
  color: #555555;
  font-size: 1.1rem;
}
.smartWatchAbout .speechStepArea .linkUnderline {
  font-size: 1.1rem;
}
.smartWatchAbout .speechStepArea .linkUnderline.colorPrimary {
  color: #499690 !important;
}
.smartWatchAbout .dotList {
  margin-bottom: 1rem;
  text-align: left;
}
.smartWatchAbout .beforeDot {
  font-size: 1.2rem;
  color: #333333;
  line-height: 1.8rem;
}
.smartWatchAbout.active .btnOpenInfo {
  background-image: url("/web/kmvno/assets/images/common/arrow_line_up.svg");
}
.smartWatchAbout.active .smartWatchContent {
  display: block;
}
.smartWatchAbout .btnOpenInfo {
  display: block;
  width: 3.2rem;
  height: 2.2rem;
  margin-left: auto;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    center/1.2rem auto;
}
.smartWatchAbout .btnOpenInfo > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.smartWatchAbout .smartWatchContent {
  display: none;
}

@media (max-width: 1024px) {
  /* 셀프개통 신청 > 번호이동 04 */
  .fieldPhoneInfo .iconFindAgency {
    height: 4.8rem;
    background-position: right 1.2rem center;
    font-size: 1.4rem;
  }
  /* Apply Step */
  .applySteps .message {
    opacity: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* 자급제 단말등록 */
  .fieldSelfSufficiency .middleTitle {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 717px) {
  .usimDirectMain .contentArea {
    padding-top: 5rem;
  }
  .usimTitleArea,
  .aboutTitleArea,
  .fareCheckTitleArea {
    margin-bottom: 5rem;
  }
  .usimTitleArea.areaNear,
  .aboutTitleArea.areaNear {
    margin-bottom: 2rem;
  }
  .usimTitleArea .title br,
  .aboutTitleArea .title br {
    display: block;
  }
  .usimTitleArea .title .block,
  .aboutTitleArea .title .block {
    display: inline;
  }
  .gotoSelfArea {
    font-size: 1.4rem;
  }
  .gotoSelfArea .linkUnderline {
    font-size: 1.4rem;
  }
  .smartWatchAbout .speechStepArea .stepBox {
    margin-bottom: 3.4rem;
    padding: 2rem 2.2rem;
    font-size: 1.2rem;
  }
  .smartWatchAbout .speechStepArea .beforeDot {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
  .smartWatchAbout .speechStepArea .beforeDot::before {
    top: 0.5rem;
  }
  .smartWatchAbout .speechStepArea .beforeDot br {
    display: none;
  }
  .speechStepArea .stepBox {
    margin-bottom: 3.2rem;
    padding: 1.2rem;
  }
  .speechStepArea.fontSizeUp .stepBox {
    margin-bottom: 3rem;
  }
  .speechStepArea.fontSizeUp .stepBox .desc {
    font-size: 1.2rem;
  }
  .speechStepArea.fontSizeUp .stepBox .descGray {
    font-size: 1.2rem;
  }
  .usimDirectPurchase01 .contentContainer .contentArea,
  .usimDirectPurchase02 .contentContainer .contentArea {
    padding: 3rem 0 10rem;
  }
  .usimDirectPurchase01 .fixedFooterArea .left .desc,
  .usimDirectPurchase01 .fixedFooterArea .right .desc,
  .usimDirectPurchase02 .fixedFooterArea .left .desc,
  .usimDirectPurchase02 .fixedFooterArea .right .desc {
    font-size: 1.6rem;
  }
  .usimDirectPurchase01 .typeAgreementCheck .fieldCheckbox .fieldLabel {
    font-size: 1.4rem;
  }
  .usimDirectPurchase02 .centerContainer {
    display: block;
  }
  .usimDirectPurchase02 .centerContainer .centerRight {
    max-width: 100%;
  }
  .usimDirectPurchase02 .centerContainer .imgWrap {
    width: 15.6rem;
    height: auto;
  }
  .centerArea.flex {
    display: block;
  }
  .centerArea.flex .centerLeft {
    margin-right: auto;
  }
  /* 유심유형 선택 */
  .primaryBoxContainer {
    display: block;
    margin-bottom: 2.2rem;
  }
  .primaryBoxContainer .primarySelBox {
    margin-top: 0.6rem;
    margin-left: 0;
  }
  .primaryBoxContainer .primarySelBox:first-child {
    margin-top: 0;
  }
  /* 주문조회, 신청 조회 */
  .orderContainer .orderBottom {
    margin-top: 4rem;
  }
  .orderContainer.newSelfOpening {
    margin-top: 3rem;
  }
  .deliveryTitle {
    font-size: 1.4rem;
  }
  .deliveryStep {
    padding: 2rem 1rem;
  }
  .deliveryStep.detail .step {
    background-position: right 1.6rem top 1.2rem;
  }
  .deliveryStep .step {
    padding-right: 4.2rem;
    background-position: right 2rem top 0.7rem;
    background-size: 0.8rem auto;
    font-size: 1.2rem;
  }
  .deliveryStep [class*="iconBgDelivery"]:before {
    width: 2.8rem;
    height: 2.8rem;
  }
  .deliveryStep .count {
    font-size: 1.8rem;
  }
  .orderList > li {
    margin-bottom: 2rem;
  }
  .orderList > li:last-child {
    margin-bottom: 0;
  }
  .orderItem {
    font-size: 1.2rem;
  }
  .orderItem .itemMiddle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 0;
  }
  .orderItem .itemBottom {
    padding-bottom: 2rem;
  }
  .orderItem .btnOderCancel {
    margin-right: 0;
    font-size: 1.4rem;
  }
  .orderItem [class*="stateTitle"],
  .orderItem [class*="stateLabel"] {
    font-size: 1.2rem;
  }
  .orderItem .orderText {
    font-size: 1.6rem;
  }
  .orderItem .orderText .number {
    font-size: 1.6rem;
  }
  .orderItem .orderText .won {
    font-size: 1.2rem;
  }
  .orderItem .dlFlexArea {
    font-size: 1.2rem;
  }
  .orderInfoWrap .imgWrap {
    -ms-flex-preferred-size: 8rem;
    flex-basis: 8rem;
    width: 8rem;
    height: 8rem;
    margin-right: 1.6rem;
  }
  .orderInfoWrap img {
    width: 5rem;
  }
  .orderSideWrap {
    margin-right: 0;
  }
  .otherInfo {
    margin-right: 0;
  }
  .otherInfo .text,
  .otherInfo .linkUnderline {
    font-size: 1.2rem;
  }
  .orderBorderWrap .stateTitleBold {
    font-size: 1.4rem;
  }
  /* 월 요금 상세 */
  .orderChargeDetail {
    font-size: 1.4rem;
  }
  .orderChargeDetail .chargeRow .bigTitle {
    font-size: 1.6rem;
  }
  .orderChargeDetail .chargeRow .bold .number {
    font-style: 2rem;
  }
  .orderChargeDetail .chargeAreaTop {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  .orderChargeDetail .chargeAreaMiddle,
  .orderChargeDetail .chargeAreaBottom {
    padding: 1.4rem 1.6rem;
  }
  /* 셀프개통 */
  .timeInfoBox {
    font-size: 1.4rem;
  }
  .timeInfoBox .block {
    display: block;
  }
  /* 신규 번호 생성 */
  .newNumberCreate {
    font-size: 1.4rem;
  }
  /* 문자 확인 */
  .confirmBoard {
    padding: 3rem 1.6rem 2.4rem;
    font-size: 1.2rem;
  }
  .confirmBoard .buttonArea {
    margin-top: 4rem;
  }
  /* 워치개통 1/2 == combinationArea */
  .dataInner.phoneNoLine .buttonArea {
    margin-left: 0;
    margin-right: 0;
  }
  .dataInner .normalText {
    font-size: 1.4rem;
  }
  /* Apply Step */
  .applySteps {
    width: 100%;
    margin-bottom: 4rem;
  }
  .applySteps .title {
    font-size: 1.4rem;
  }
  .applySteps .unit {
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem;
    font-size: 1rem;
  }
  /* 결제진행 안내 */
  .paymentContent .imgWrap {
    margin-bottom: 4rem;
  }
  .paymentContent .text {
    font-size: 1.8rem;
  }
  /* 셀프개통 신청 메인 */
  [class*="accordionIsland"] .islandTitle {
    font-size: 1.4rem;
  }
  [class*="accordionIsland"] .islandContent {
    font-size: 1.2rem;
  }
  [class*="accordionIsland"] .islandContent .mainText {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  [class*="accordionIsland"] .islandContent .normalText {
    margin-bottom: 0;
    font-size: 1.2rem;
  }
  [class*="accordionIsland"] .islandContent .colorRed {
    font-size: 1.1rem;
  }
  [class*="accordionIsland"] .islandContent .imgWrap {
    width: 12rem;
    margin-top: 2rem;
  }
  [class*="accordionIsland"] .islandBgGray {
    padding: 3rem 1.5rem;
  }
  /* 셀프개통 신청 > 번호이동 04 */
  .fieldPhoneInfo {
    display: block;
    margin-bottom: 2rem;
  }
  .fieldPhoneInfo .iconFindAgency {
    width: 100%;
  }
}
@media (max-width: 320px) {
  /* 주문조회 */
  .orderSideWrap {
    margin-top: 1rem;
    margin-left: 0;
  }
  /* 셀프개통 1/5, 번호이동 1/6 */
  /* input */
  .fieldUsimInput .fieldForm {
    display: block;
  }
  .fieldUsimInput .buttonArea {
    margin-top: 1rem;
  }
  .formItemArea .fieldUsimInput .fieldForm .buttonArea {
    margin-left: 0;
  }
}
.fieldTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.fieldTabs .tabButton {
  margin: 2px 0.7rem 2px;
  padding-bottom: 0.3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #777777;
  line-height: 1;
}
.fieldTabs .tabButton:last-child {
  margin-right: 0;
}
.fieldTabs .tabButton[aria-selected="true"] {
  position: relative;
  color: #499690;
  font-weight: bold;
}
.fieldTabs .tabButton[aria-selected="true"]:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #499690;
}

.fieldTabContainer .fieldTabContent {
  display: none;
}
.fieldTabContainer .fieldTabContent.show {
  display: block;
}
.fieldTabContainer .fieldTabContent .fieldDatepicker,
.fieldTabContainer .fieldTabContent .periodWrap {
  margin: 0;
}

.fieldWhiteBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem 1rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
}

.fieldGroupLine .field {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #cccccc;
}
.fieldGroupLine .subText {
  display: block;
  margin-left: 5rem;
  color: #333333;
}
.fieldGroupLine .groupBottom {
  margin-top: 7rem;
}

.totalPayTableContainer .tableContainer th,
.totalPayTableContainer .tableContainer td {
  font-size: 1.4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.totalPayTableContainer .tableBottom {
  margin-top: 5.3rem;
}
.totalPayTableContainer .nodataContainer {
  padding: 3rem 0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.totalPayTableContainer .linkArrow {
  margin: 0 -0.5rem 0 auto;
}

.totalPayArea {
  margin-bottom: 3rem;
  padding: 2.4rem;
  background-color: #f8f8fa;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.totalPayArea.noneBgColor {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.totalPayArea.large {
  font-size: 1.8rem;
}
.totalPayArea.large.bgGrayBox {
  padding: 3rem;
}
.totalPayArea.large .text {
  font-size: 2rem;
}
.totalPayArea:last-child {
  margin-bottom: 0;
}
.totalPayArea .flexRowBorder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.totalPayArea .flexRowBorder + .flexRowBorder {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #cccccc;
}
.totalPayArea strong {
  font-weight: bold;
}
.totalPayArea .btn {
  height: 5.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.totalPayArea .fieldForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: calc(100% - 9rem);
}
.totalPayArea .fieldForm .dropdownArea {
  width: calc(100% - 17rem);
}
.totalPayArea .fieldForm .btn {
  width: 15rem;
  margin-left: 2rem;
}

/* 소액결제 아코디언 */
[class*="informationAccordion"] {
  margin-bottom: 2rem;
}
[class*="informationAccordion"]:last-child {
  margin-bottom: 0;
}
[class*="informationAccordion"].active .btnOpenBtn {
  background-image: url("/web/kmvno/assets/images/common/arrow_line_up.svg");
}
[class*="informationAccordion"].active .accordionInformation {
  display: block;
}
[class*="informationAccordion"] .btnOpenBtn {
  display: block;
  width: 4rem;
  height: 3rem;
  margin-left: auto;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    center/1.2rem auto;
}
[class*="informationAccordion"] .btnOpenBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
[class*="informationAccordion"] .accordionInformation {
  display: none;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
[class*="informationAccordion"] .accordionInformation .beforeDot {
  font-size: 1.2rem;
}
[class*="informationAccordion"] .accordionLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

.accordionGroup.bgWhite .accordionInformation {
  overflow: hidden;
  overflow-y: auto;
  max-height: 20rem;
  margin-bottom: 3rem;
  padding: 1rem 2rem;
  border: 1px solid #000000;
  border-radius: 0.4rem;
  background-color: #ffffff;
}

.dataNormalText {
  margin-bottom: 3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.dataNormalText:last-child {
  margin-bottom: 3rem;
}

.fieldButtonFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3rem -0.5rem 0;
}
.fieldButtonFlex .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin: 0 0.5rem;
  border: 1px solid #cccccc;
  color: #555555;
}
.fieldButtonFlex .btn.active {
  font-weight: bold;
  color: #499690;
}
.fieldButtonFlex .btn.active:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 0.4rem;
  border: 2px solid #499690;
}

/* 휴대폰 소액결제 이용동의 */
.fieldCaptcha .fieldLabel {
  margin-bottom: 1rem;
}
.fieldCaptcha .captchaWrap {
  margin-top: 0;
}

.typeAgreementGroup {
  margin-top: 5rem;
  padding-top: 2rem;
  border-top: 1px solid #cccccc;
}
.typeAgreementGroup + .typeCaution {
  margin-top: 2rem;
  padding-top: 3rem;
  border-top: 1px solid #cccccc;
}
.typeAgreementGroup .typeAgreementCheck {
  margin-bottom: 2rem;
}
.typeAgreementGroup .field {
  margin-bottom: 0;
}
.typeAgreementGroup .field.fieldData {
  margin-top: 2rem;
}
.typeAgreementGroup .fieldCheckbox.fieldAllCheck {
  margin-top: 0;
  margin-bottom: 2rem;
  padding-bottom: 0;
  border-bottom: 0;
}
.typeAgreementGroup .fieldCheckbox:last-child {
  margin-bottom: 0;
}
.typeAgreementGroup .fieldCheckbox .fieldLabel {
  font-size: 1.6rem;
}
.typeAgreementGroup .fieldData {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

.linkArrow {
  display: block;
  width: 4rem;
  height: 3rem;
  margin: 0 auto;
  background: url("/web/kmvno/assets/images/common/arrow_link_r_black02.svg")
    no-repeat center/1.2rem auto;
}

/* 휴대폰 소액결제 이용동의 */
.popup .totalPayArea {
  margin-top: 2rem;
  font-size: 1.6rem;
  color: #333333;
}
.popup .totalPayArea .title {
  font-size: 1.2rem;
}

/* 이용한도 변경 */
.borderList {
  margin-bottom: 3rem;
}
.borderList:last-child {
  margin-bottom: 0;
}
.borderList .item {
  padding: 2rem 0;
  border-bottom: 1px solid #cccccc;
  font-size: 1.8rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.borderList .itemTop {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}
.borderList .itemMiddle {
  text-align: center;
}

/* 자동결제 정보 */
.autoPayTableContainer .btn {
  width: 100%;
  max-width: 8rem;
  height: 3.8rem;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  /* 소액결제 내역 */
  .fieldTabs .tabButton {
    font-size: 1.2rem;
  }
  .fieldRadio .fieldWhiteBox {
    padding-top: 1.5rem;
    padding-bottom: 1.2rem;
  }
  .fieldRadio .fieldWhiteBox .radio {
    margin-right: 1rem;
  }
  .fieldRadio .fieldWhiteBox.space .radio {
    margin-right: 6rem;
  }
  .fieldRadio .fieldWhiteBox.space .radio:last-child {
    margin-right: 0;
  }
  .fieldGroupLine .groupBottom {
    margin-top: 5rem;
  }
  .totalPayArea {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
  .totalPayArea.large.bgGrayBox {
    padding: 2rem 1.6rem;
  }
  .totalPayArea.large .title {
    font-size: 1.4rem;
  }
  .totalPayArea.large .text {
    font-size: 1.6rem;
  }
  .totalPayArea .title {
    font-size: 1.4rem;
  }
  .totalPayArea .btn {
    height: 4.8rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .totalPayArea .fieldForm {
    width: calc(100% - 7rem);
  }
  .totalPayArea .fieldForm .dropdownArea {
    width: calc(100% - 7rem);
  }
  .totalPayArea .fieldForm .btn {
    width: 6rem;
    margin-left: 1rem;
  }
  .totalPayArea .dropdownArea .dropdownTitle .titleLabel {
    height: 4.8rem;
  }
  .totalPayTableContainer .tableContainer th,
  .totalPayTableContainer .tableContainer td {
    padding: 1rem 0.7rem;
    font-size: 1.3rem;
  }
  .totalPayTableContainer .tableContainer th.alignRight,
  .totalPayTableContainer .tableContainer th.alignLeft,
  .totalPayTableContainer .tableContainer td.alignRight,
  .totalPayTableContainer .tableContainer td.alignLeft {
    text-align: center;
  }
  .totalPayTableContainer .tableBottom {
    margin-top: 3rem;
  }
  .totalPayTableContainer .linkArrow {
    margin: 0 auto;
  }
  .dataNormalText {
    margin-bottom: 2rem;
    font-size: 1.3rem;
  }
  [class*="informationAccordion"] .accordionLabel {
    font-size: 1.4rem;
  }
  .fieldButtonFlex {
    margin-top: 2rem;
  }
  .fieldButtonFlex .btn {
    height: 4.4rem;
  }
  .borderList .item {
    font-size: 1.6rem;
  }
  .borderList .itemTop {
    font-size: 1.3rem;
  }
  .autoPayTableContainer .tableContainer th,
  .autoPayTableContainer .tableContainer td {
    padding: 1rem 0;
    font-size: 1.3rem;
  }
  .autoPayTableContainer .btn {
    width: 5.4rem;
  }
  .typeAgreementGroup {
    margin-top: 3rem;
  }
  .typeAgreementGroup + .typeCaution {
    padding-top: 2rem;
  }
}
/* 로밍 이용안내 슬라이드 */
.loamingSummaryContainer {
  margin-top: -7rem;
  background-color: #ffffff;
  padding: 7rem 2rem 7.3rem;
  margin-bottom: 7rem;
}
.loamingSummaryContainer .loamingSummaryInner {
  position: relative;
  max-width: 143.6rem;
  margin: 0 auto;
}
.loamingSummaryContainer .loamingSummaryHead {
  margin-bottom: 5rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

.extraSwiper {
  position: relative;
}
.extraSwiper .swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.extraSwiper .swiper-slide {
  height: auto;
}
.extraSwiper .swiper-slide .extraProductContainer {
  height: 100%;
}
.extraSwiper .extraBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: static;
  width: 12.6rem;
  height: 100%;
  margin: 7rem auto 0;
}
.extraSwiper .extraBtnWrap [class*="extraBtn"] {
  overflow: hidden;
  position: relative;
  width: 3rem;
  height: 3rem;
  background: url("/web/kmvno/assets/images/common/arrow_pagenation.svg") no-repeat
    center #ffffff;
  background-size: cover;
  border-radius: 50%;
}
.extraSwiper .extraBtnWrap [class*="extraBtn"] > span {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
}
.extraSwiper .extraBtnWrap [class*="extraBtn"]:hover,
.extraSwiper .extraBtnWrap [class*="extraBtn"]:focus-visible {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_hover.svg");
}
.extraSwiper .extraBtnWrap [class*="extraBtn"]:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation_press.svg");
}
.extraSwiper .extraBtnWrap [class*="extraBtn"].swiper-button-disabled {
  opacity: 0.5;
}
.extraSwiper .extraBtnWrap [class*="extraBtn"].swiper-button-disabled:hover,
.extraSwiper .extraBtnWrap [class*="extraBtn"].swiper-button-disabled:active {
  background-image: url("/web/kmvno/assets/images/common/arrow_pagenation.svg");
}
.extraSwiper .extraBtnWrap .extraBtnNext {
  -webkit-transform: translateY(0) rotate(180deg);
  transform: translateY(0) rotate(180deg);
}
.extraSwiper .extraBtnWrap .swiper-pagination {
  position: static;
  width: auto;
  font-size: 1.3rem;
  font-weight: bold;
  color: #555555;
  line-height: 1;
}
.extraSwiper .extraBtnWrap .swiper-pagination .swiper-pagination-current {
  color: #499690;
}

.extraProductContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  height: 100%;
  background-color: #f7f8fa;
  border: 1px solid #cccccc;
  border-radius: 8px;
}
.extraProductContainer .extraProductHead {
  position: relative;
  width: 100%;
  padding: 2.4rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.extraProductContainer .extraProductBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  min-height: 15.2rem;
  padding: 3rem 2.4rem 2.4rem;
  background-color: #ffffff;
}
.extraProductContainer .extraProductBody .row {
  width: 100%;
  margin-bottom: 0.8rem;
}
.extraProductContainer .extraProductBody .row:last-child {
  margin-bottom: 0;
}
.extraProductContainer .extraProductBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 2.4rem 3rem;
  background-color: #ffffff;
}
.extraProductContainer .extraProductLink {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 4px;
}
.extraProductContainer .extraProductLink:focus-visible {
  outline: 2px solid #000000;
}
.extraProductContainer .topLabel {
  position: absolute;
  top: 0;
  right: 2rem;
  z-index: 1;
  padding: 1rem 2rem;
  background-color: #499690;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.4;
}
.extraProductContainer .titleLabel {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  color: #000000;
}
.extraProductContainer .titleMain {
  margin-bottom: 0.6rem;
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
}
.extraProductContainer .productRounder {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
  border: 1px solid #000000;
  border-radius: 5rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.extraProductContainer .productRounder .productLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 2.5rem;
  background-color: #000000;
  border-radius: 5rem;
  color: #ffffff;
  font-size: 2.2rem;
}
.extraProductContainer .productRounder .productPrice {
  margin: 0 auto;
}
.extraProductContainer .productRounder strong {
  padding-right: 0.3rem;
  font-size: 2.4rem;
  font-weight: bold;
}
.extraProductContainer .linkUnderline {
  font-size: 1.8rem;
}

/* 로밍 부가서비스 상세 */
.loamingDetailContainer strong {
  font-weight: bold;
}
.loamingDetailContainer .loamingDetailHead {
  margin-bottom: 3.6rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.loamingDetailContainer .topTitle {
  margin-bottom: 2rem;
}
.loamingDetailContainer .topTitle > * {
  display: block;
}
.loamingDetailContainer .loamingDetailTabContainer01 > .tabList {
  height: 2.6rem;
  margin-bottom: 2.1rem;
}
.loamingDetailContainer .roundTab.tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  margin: 0 1.9rem 2.4rem;
  border-bottom: none;
}
.loamingDetailContainer .roundTab.tabList .tabButton {
  width: auto;
  height: auto;
  padding: 0.6rem 1rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
  border: 1px solid rgba(255, 255, 255, 0);
}
.loamingDetailContainer .roundTab.tabList .tabButton[aria-selected="true"] {
  border: 1px solid #499690;
  border-radius: 40px;
  font-weight: bold;
  color: #499690;
}
.loamingDetailContainer
  .roundTab.tabList
  .tabButton[aria-selected="true"]:after {
  display: none;
}

.typeAllDay .loamingProductInfo .productInfoMiddle {
  text-align: center;
}
.typeAllDay .loamingProductInfo .imgWrap {
  margin: 0 auto;
}
.typeAllDay .loamingDetailHead {
  text-align: center;
}
.typeAllDay .loamingDetailHead strong + strong {
  margin-top: 1.8rem;
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
}
.typeAllDay .loamingDetailHead .tax,
.typeAllDay .loamingDetailHead .desc {
  font-size: 1rem;
  font-weight: 400;
  color: #555555;
}
.typeAllDay .loamingRecomand {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  text-align: center;
}
.typeAllDay .recomandCircleData {
  margin: 0 1.2rem;
}
.typeAllDay .recomandCircleData::before {
  content: "";
  display: block;
  width: 6.8rem;
  height: 6.8rem;
  margin: 0 auto 0.8rem;
}
.typeAllDay .recomandCircleData:first-child {
  margin-left: 0;
}
.typeAllDay .recomandCircleData:last-child {
  margin-right: 0;
}

.loamingRecomand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.loamingRecomand .floatingComment {
  position: absolute;
  bottom: 2px;
  right: -8px;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  min-width: 6rem;
  font-size: 1rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
  text-align: center;
}
.loamingRecomand .floatingComment:before {
  content: "";
  display: inline-block;
  border: 8px solid #ff5758;
  border-top-color: rgba(255, 255, 255, 0);
  border-right-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  -webkit-transform: scaleY(0.6);
  transform: scaleY(0.6);
}
.loamingRecomand .blackCircleLabel {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 1rem;
  font-weight: normal;
  color: #499690;
  line-height: 1.4;
  text-align: center;
}

.recomandBlackData {
  position: relative;
  width: 9rem;
  padding-top: 2rem;
  padding-bottom: 3.3rem;
}
.recomandBlackData .blackCircleTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem;
  padding: 1.2rem;
  background-color: #000000;
  border-radius: 10rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.4;
}
.recomandBlackData .blackCircleDesc {
  text-align: center;
}
.recomandBlackData .blackCircleDesc .price {
  font-size: 1.4rem;
  font-weight: bold;
}

.loamingProductInfo .productInfoTop {
  margin-bottom: 2.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  text-align: center;
}
.loamingProductInfo .productInfoTop .titleWrap {
  margin-bottom: 1.6rem;
}
.loamingProductInfo .productInfoTop .titleWrap p {
  font-size: 1.2rem;
  color: #555555;
}
.loamingProductInfo .productInfoTop.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}
.loamingProductInfo .productInfoTop.flex .imgWrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.loamingProductInfo .productInfoTop.flex .descWrap {
  margin-top: 1.7rem;
  margin-left: -1.5rem;
}
.loamingProductInfo .productInfoBottom {
  margin-top: 1.6rem;
}
.loamingProductInfo .descWrap {
  font-size: 1.2rem;
}
.loamingProductInfo .descWrap > * {
  display: block;
  margin-bottom: 0.5rem;
}
.loamingProductInfo .imgWrap {
  margin: 0 2rem;
}
.loamingProductInfo .imgWrap > * {
  display: block;
  width: 100%;
  height: auto;
}
.loamingProductInfo .productInfoArea {
  margin-bottom: 2.4rem;
}
.loamingProductInfo .productInfoArea + .productTable {
  margin-top: 0;
}
.loamingProductInfo .loamingInfoOption.borderType .optionFlex {
  margin: -0.2rem;
}
.loamingProductInfo .loamingInfoOption.borderType .row {
  width: calc(50% - 0.4rem);
  margin: 0.2rem;
  padding: 2.7rem 0;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.loamingProductInfo .loamingInfoOption.bgGrayType {
  margin-bottom: 1.6rem;
}
.loamingProductInfo .loamingInfoOption.bgGrayType .optionFlex {
  margin: -0.4rem;
  padding: 1.2rem;
  background-color: #f8f8fa;
  border-radius: 4px;
}
.loamingProductInfo .loamingInfoOption.bgGrayType .row {
  width: calc(50% - 0.8rem);
  margin: 0.4rem;
}
.loamingProductInfo .loamingInfoOption.bgGrayType .optionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem;
  padding: 1.2rem;
  background-color: #777777;
  border-radius: 10rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.4;
}
.loamingProductInfo .loamingInfoOption.bgGrayType .optionTitle.bgPrimary {
  background-color: #499690;
}
.loamingProductInfo .loamingInfoOption.bgGrayType .beforeDot {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.loamingProductInfo .loamingInfoOption.bgGrayType .beforeDot:last-child {
  margin-bottom: 0;
}
.loamingProductInfo .loamingInfoOption .optionFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.loamingProductInfo .loamingInfoOption .optionFlex .row {
  position: relative;
}
.loamingProductInfo .loamingInfoOption .optionFlex .row[class*="icon"] {
  padding-left: 6rem;
}
.loamingProductInfo .loamingInfoOption .optionFlex .row[class*="icon"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.5rem;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: -1.7rem;
  background-size: 100%;
}
.loamingProductInfo .loamingInfoOption .optionTitle {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.loamingProductInfo .loamingInfoOption .optionContent {
  font-size: 1rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.loamingProductInfo .loamingInfoOption .optionContent .colorRed {
  display: block;
}
.loamingProductInfo .loamingInfoOption .iconCheck {
  overflow: hidden;
  position: absolute;
  top: -1.7rem;
  right: -0.5rem;
  width: 3rem;
  height: 3rem;
  color: rgba(255, 255, 255, 0);
}
.loamingProductInfo .loamingInfoOption .iconCheck:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 3rem;
}
.loamingProductInfo .alignCenter {
  text-align: center;
}

.productInfoAccodianGroup {
  margin-bottom: 3.6rem;
}
.productInfoAccodianGroup [class*="productInfoAccodian"] {
  margin-bottom: 2rem;
}
.productInfoAccodianGroup [class*="productInfoAccodian"]:last-child {
  margin-bottom: 0;
}
.productInfoAccodianGroup [class*="productInfoAccodian"].active .btnOpenBtn {
  background-image: url("/web/kmvno/assets/images/common/arrow_line_up.svg");
}
.productInfoAccodianGroup
  [class*="productInfoAccodian"].active
  .accordionInformation {
  display: block;
}
.productInfoAccodianGroup .btnOpenBtn {
  display: block;
  position: relative;
  right: -0.4rem;
  width: 4rem;
  height: 3rem;
  margin-left: auto;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    center/1.2rem auto;
}
.productInfoAccodianGroup .btnOpenBtn > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.productInfoAccodianGroup .accordionInformation {
  display: none;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.productInfoAccodianGroup .accordionInformation .optionDesc {
  margin-top: 0.8rem;
}
.productInfoAccodianGroup .accordionInformation .beforeDot {
  font-size: 1.2rem;
}
.productInfoAccodianGroup .accordionLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 2rem;
  border-bottom: 1px solid #000000;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}

.tableContainer.productTable {
  margin-top: 3.6rem;
}
.tableContainer.productTable + .productInfoArea {
  margin-top: 3.6rem;
}
.tableContainer.productTable + .productTable {
  margin-top: 3.6rem;
}
.tableContainer.productTable caption {
  text-indent: 0;
  display: inherit;
  border: 0;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  overflow: unset;
  padding: inherit;
  position: static;
  left: unset;
  white-space: unset;
  font-size: inherit;
  -webkit-transform: none;
  transform: none;
  z-index: unset;
  overflow: hidden;
  position: relative;
  display: table-caption;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
  text-align: center;
}
.tableContainer.productTable caption .colorPrimary {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.2rem;
  font-weight: normal;
}
.tableContainer.productTable.hideCaption caption {
  margin-bottom: 0;
}
.tableContainer.productTable thead {
  border-top: 1px solid #e0e0e0;
}
.tableContainer.productTable thead + tbody {
  border-top: none;
}
.tableContainer.productTable thead th {
  border-left: 1px solid #e0e0e0;
}
.tableContainer.productTable thead th:first-child {
  border-left: none;
}
.tableContainer.productTable tbody {
  border-top: 1px solid #e0e0e0;
}
.tableContainer.productTable th,
.tableContainer.productTable td {
  font-size: 1.1rem;
  vertical-align: middle;
}
.tableContainer.productTable th {
  padding: 9px 0;
  background-color: #eaeaf1;
  color: #000000;
  text-align: center;
}
.tableContainer.productTable th.bgLightGray {
  background-color: #f8f8fa;
}
.tableContainer.productTable tr {
  border-bottom: 1px solid #e0e0e0;
}
.tableContainer.productTable td {
  color: #333333;
}
.tableContainer.productTable td[rowspan],
.tableContainer.productTable td[colspan] {
  border-left: 1px solid #e0e0e0;
}
.tableContainer.productTable .infoTop {
  margin-bottom: 0.4rem;
}
.tableContainer.productTable .beforeDot {
  font-size: 1.1rem;
  color: #555555;
}
.tableContainer.servingData td {
  padding: 0;
  border-left: 1px solid #e0e0e0;
  text-align: center;
  font-size: 8px;
  word-break: keep-all;
}
.tableContainer.servingData td .small {
  font-size: 0.6rem;
}
.tableContainer.servingData td:first-of-type {
  padding: 1.2rem 0.4rem;
}
.tableContainer.servingData strong {
  font-size: 1.1rem;
}
.tableContainer .tableTop {
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.tableContainer .tableBottom {
  margin-top: 1rem;
  font-size: 1.2rem;
}
.tableContainer .tableBottom p {
  margin-top: 1rem;
}

.customerContainer .customerType {
  margin-bottom: 2rem;
}
.customerContainer .customerType:last-child {
  margin-bottom: 0;
}
.customerContainer .typeHead {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.customerContainer .typeBody {
  font-size: 1.3rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}

.tdInfoConatiner {
  margin-top: 2rem;
}
.tdInfoConatiner .dotList {
  margin-top: 0;
}

/* 부가서비스 팝업 하단 고정 */
.popupProductExtraPopular .popupMiddle,
.popupExtraLoamingDetail .popupMiddle {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 0;
}
.popupProductExtraPopular .popupMiddle:last-child,
.popupExtraLoamingDetail .popupMiddle:last-child {
  padding-bottom: 0;
}
.popupProductExtraPopular .popupContent,
.popupExtraLoamingDetail .popupContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
}
.popupProductExtraPopular .popupContent > *,
.popupExtraLoamingDetail .popupContent > * {
  width: 100%;
}
.popupProductExtraPopular .popularExtraDetail,
.popupProductExtraPopular .extraLoamingDetail,
.popupProductExtraPopular .loamingDetailContainer,
.popupExtraLoamingDetail .popularExtraDetail,
.popupExtraLoamingDetail .extraLoamingDetail,
.popupExtraLoamingDetail .loamingDetailContainer {
  overflow: hidden;
  overflow-y: auto;
  padding: 2rem 1.6rem;
}

.productfixedArea {
  padding: 2.6rem 1.6rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.25);
  border-radius: 12px 12px 0px 0px;
}
.productfixedArea .productfixedTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.4;
}
.productfixedArea .productfixedTop .topRight {
  margin-left: auto;
}
.productfixedArea .productfixedBottom {
  margin-top: 2rem;
}
.productfixedArea .productfixedBottom .buttonArea {
  margin-top: 0;
}
.productfixedArea .price {
  font-size: 1.4rem;
}

/* 마이알뜰폰 카드 서비스 점검 */
.errorCardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.errorCardWrap .errorMiddle,
.errorCardWrap .errorBottom {
  width: 100%;
}
.errorCardWrap .errorMiddle {
  margin-bottom: 3.6rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
  text-align: center;
}
.errorCardWrap .errorMiddle .title {
  display: block;
  margin-bottom: 1.2rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.4;
}
.errorCardWrap .imgWrap {
  margin-bottom: 3.6rem;
}
.errorCardWrap .errorBgBox {
  padding: 2rem;
}
.errorCardWrap .errorBgBox.gray {
  border-radius: 8px;
  background-color: #f7f8fa;
}
.errorCardWrap .noticeDl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #646464;
  line-height: 1.4;
}
.errorCardWrap .noticeDl:last-child {
  margin-bottom: 0;
}
.errorCardWrap .noticeDl dt {
  -ms-flex-preferred-size: 6.3rem;
  flex-basis: 6.3rem;
  margin-right: 1.2rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #646464;
  line-height: 1.4;
  white-space: nowrap;
}

/* 회선 - 회선 추가 */
.dataTabArea {
  font-size: 1.6rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.dataTabArea .tabList {
  margin-bottom: 5rem;
}
.dataTabArea .tabList.maxWidth488 {
  max-width: 48.8rem;
  margin-left: auto;
  margin-right: auto;
}
.dataTabArea .buttonArea {
  margin-top: 7rem;
}
.dataTabArea .nodataContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 14.4rem;
  text-align: center;
}

.moreContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3rem;
}
.moreContainer .btnMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.moreContainer .btnMore:hover {
  font-weight: bold;
}
.moreContainer .btnMore:after {
  content: "";
  display: block;
  width: 1.1rem;
  height: 0.7rem;
  margin-top: 0.8rem;
  background: url("/web/kmvno/assets/images/common/arrow_toggle_down.svg") no-repeat
    center/100% auto;
}

/* 부가파람 */
.flexDateArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flexDateArea > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0;
}
.flexDateArea .fieldArea {
  max-width: 7.5rem;
}
.flexDateArea .fieldArea:last-child {
  margin-left: 0.8rem;
}

.blockBgGray {
  padding: 1.4rem 1.6rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
  background-color: #f8f8fa;
  border-radius: 1rem;
}

/* home > 회원가입 비밀번호 보기 버튼 추가 */
.inputPw {
  position: relative;
}
.inputPw input {
  padding-right: 5rem;
}
.inputPw .btnPwOff,
.inputPw .btnPwOn {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -2rem;
}

.fieldReadOnly .btnPwOff,
.fieldReadOnly .btnPwOn {
  opacity: 0.5;
  background-color: #f9f9f9;
}

.btnPwOff,
.btnPwOn {
  width: 4rem;
  height: 4rem;
}

.btnPwOff {
  background: url("/web/kmvno/assets/images/common/icon_pw_eye_off.png") no-repeat
    center/3rem #ffffff;
}

.btnPwOn {
  background: url("/web/kmvno/assets/images/common/icon_pw_eye_on.png") no-repeat
    center/3rem #ffffff;
}

/* hmoe > 회원가입 step01 */
.fieldRefer,
.fieldLink {
  position: relative;
  padding-left: 1.5rem;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.5;
}
.fieldRefer:first-child {
  margin-top: 0;
}
.fieldRefer::before {
  content: "※";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.fieldLink {
  padding: 0;
}
.fieldLink a {
  font-weight: 700;
}

/* 회원가입 방법 선택 DR-2023-42864 */
.loginWayContainer {
  padding-top: 1rem;
}
.loginWayContainer .loginWayMiddle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.loginWayContainer .loginWayMiddle > * {
  width: 100%;
  margin-bottom: 0.8rem;
}
.loginWayContainer .loginWayBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 0.6rem;
}
.loginWayContainer .btn {
  height: 4.8rem;
  font-size: 1.4rem;
}
.loginWayContainer .linkUnderline {
  color: #777777;
  border-bottom-color: #777777;
}

.btnLoginNaver {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 4.8rem;
  border-radius: 0.4rem;
  background-color: #45b649;
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
}
.btnLoginNaver:before {
  content: "";
  width: 5.5rem;
  height: 100%;
  margin-right: 5.7rem;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background: url("/web/kmvno/assets/images/home/naver.svg") no-repeat center/4.8rem
    auto;
}
.btnLoginNaver:hover {
  font-weight: bold;
}
.btnLoginNaver span {
  display: block;
}

/* popup */
.popupArea {
  color: #555555;
}
.popupArea p {
  margin-top: 1rem;
}
.popupArea p:first-child {
  margin-top: 0;
}
.popupArea .bold {
  color: #000000;
}

/* 로그인 5회 실패 */
.homeLoginFail .mobileNav {
  display: none;
}

.loginFailArea {
  max-width: 70rem;
  margin: 0 auto;
}
.loginFailArea .textWrap {
  margin-top: 4rem;
}
.loginFailArea .textWrap:first-child {
  margin-top: 0;
}
.loginFailArea .buttonArea {
  width: 100%;
  margin-top: 7rem;
}

/* 마케팅 수신 동의 안내 , 마케팅 수신 동의 처리 안내 */
.popupAgreementContainer .agreementContents {
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 4px;
  background-color: #f8f8fa;
}
.popupAgreementContainer .agreementContents:first-child {
  margin-top: 0;
  margin-bottom: 2rem;
}
.popupAgreementContainer .agreementNoticeText {
  font-size: 1.3rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.5;
}
.popupAgreementContainer .agreementNoticeText p {
  margin-bottom: 2rem;
}
.popupAgreementContainer .agreementNoticeText p:last-child {
  margin-bottom: 0;
}
.popupAgreementContainer .dataFolderWrap .folderTitle {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: -0.8rem;
}
.popupAgreementContainer .dataFolderWrap .folderContent {
  overflow: hidden;
  overflow-y: auto;
  padding: 2rem;
  max-height: 16.8rem;
  border: 1px solid #000000;
  background-color: #ffffff;
  border-radius: 4px;
  font-size: 1.1rem;
}
.popupAgreementContainer .buttonArea {
  margin-bottom: -0.8rem;
}
.popupAgreementContainer .agreeInfoContainer > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.popupAgreementContainer .agreeInfoContainer > li:last-child {
  margin-bottom: 0;
}
.popupAgreementContainer .agreeInfoContainer .agreeInfotitle {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  min-width: 3rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.4;
}
.popupAgreementContainer .agreeInfoContainer .agreeInfoText {
  font-size: 1.2rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
}

/* 결합서비스 > 알뜰폰 + 알뜰폰 */
.combinedContainer .combinedArea {
  max-width: 69.8rem;
  margin: 0 auto 7rem;
}
.combinedContainer .combinedArea:last-child {
  margin-bottom: 0;
}
.combinedContainer .aboutTitleArea {
  max-width: 69.8rem;
  margin: 9rem auto 7rem;
  padding: 0 2rem;
}
.combinedContainer .aboutTitleArea br {
  display: none;
}

.combinedArticle {
  padding: 7rem 2rem 7rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
}
.combinedArticle .combinedInner {
  margin-top: 7rem;
}
.combinedArticle .combinedInner:first-child {
  margin-top: 0;
}
.combinedArticle .areaTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 3rem;
}
.combinedArticle .areaTop:last-child {
  margin-bottom: 0;
}
.combinedArticle .combinedContent:not(:first-child) {
  margin-top: 2rem;
}
.combinedArticle .combinedTitle {
  width: 100%;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.4;
}
.combinedArticle .combinedTitle:last-child {
  margin-bottom: 0;
}
.combinedArticle .combinedSubTitle {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.combinedArticle .combinedSubTitle:last-child {
  margin-bottom: 0;
}
.combinedArticle .combinedText {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
}
.combinedArticle .typeCaution {
  margin-top: 4rem;
}
.combinedArticle .typeCaution .fieldArea {
  padding: 2.4rem 3rem;
}
.combinedArticle .typeCaution .fieldValue {
  font-size: 1.3rem;
}
.combinedArticle .typeCaution .fieldValue:before {
  top: 9px;
}
.combinedArticle .dotList {
  margin-bottom: 0;
}
.combinedArticle .dotList > li {
  margin-bottom: 0.5rem;
}
.combinedArticle .beforeDot {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.5;
}
.combinedArticle .beforeDot .dashList {
  line-height: 1.4;
}
.combinedArticle .numberList > li {
  padding-left: 1.5rem;
  text-indent: -1.3rem;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.5;
}
.combinedArticle .tabList {
  max-width: 69.8rem;
  margin: 0 auto 7rem;
}
.combinedArticle .tabContainer .combinedTitle {
  font-size: 1.6rem;
}
.combinedArticle .tabContent {
  max-width: 69.8rem;
  margin: 0 auto;
}
.combinedArticle .nodataContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 45.6rem;
}
.combinedArticle .buttonArea {
  margin: 0;
  margin-top: 5rem;
}
.combinedArticle .moType {
  display: none;
}
.combinedArticle .linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.4rem;
}
.combinedArticle .linkBox .linkUnderline {
  font-size: 1.4rem;
}

.lineBottom {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000000;
}

/* 결합서비스 > 알뜰폰 + 알뜰폰 > 신청 */
.wirelessApplyArea,
.wiredApplyArea {
  padding-top: 11.7rem;
}
.wirelessApplyArea .typeCertification .typeCaution,
.wiredApplyArea .typeCertification .typeCaution {
  margin-top: 3rem;
}

.lineCheckResultArea {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
.lineCheckResultArea .checkResultTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.4rem 2rem;
  background-color: #f8f8fa;
  border-radius: 4px;
}
.lineCheckResultArea .resultLabel {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.4;
}
.lineCheckResultArea .resultLabel:only-child {
  margin-bottom: 0;
}
.lineCheckResultArea .resultTitle {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.lineCheckResultArea .resultText {
  margin-top: 0.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
}
.lineCheckResultArea strong {
  font-weight: bold;
}

/* 결합서비스 > 알뜰폰 + 유선 */
.dashList > li {
  padding-left: 1.3rem;
  text-indent: -0.6rem;
}
.dashList > li:before {
  content: "-";
  display: inline-block;
  margin-right: 0.4rem;
}
.dashList > li > p {
  margin-left: 0.6rem;
}

/* 결합서비스 > KT 인터넷 선택 팝업 */
.myAgencyContainer .agencyNameBox {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.1rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.myAgencyContainer .agencyNumberBox {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #555555;
  line-height: 1.4;
}
.myAgencyContainer .agencyNumberBox:last-child {
  margin-bottom: 0;
}
.myAgencyContainer .agencyAddressBox {
  font-size: 1.1rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}

/* tab layout - common */
.contentTabContainer .tabList {
  height: 2rem;
  margin-bottom: 3rem;
  border-bottom: none;
}
.contentTabContainer .tabList .tabButton {
  width: auto;
  margin-right: 1.2rem;
  font-size: 1.5rem;
}

/* 마이알뜰폰 홈 - 쿠폰함 */
.couponStateContainer .couponStateSummaryArea {
  margin-top: 3rem;
}
.couponStateContainer .couponMassageBox {
  font-size: 1.8rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
  text-align: center;
}
.couponStateContainer .couponMassageBox strong {
  font-weight: 700;
}

.couponTicketArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.35rem;
}
.couponTicketArea .couponTicketBox {
  width: calc(33.333% - 0.7rem);
  margin: 0.35rem;
}
.couponTicketArea .couponTicketBox:only-child {
  width: calc(100% - 0.7rem);
}
.couponTicketArea .couponTicketBox:only-child .ticketMiddleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.couponTicketArea .couponTicketBox:only-child .ticketMiddleArea:before {
  margin-bottom: 0;
  margin-right: 0.8rem;
}
.couponTicketArea .couponTicketBox:only-child .ticketMiddleArea .title {
  padding-top: 0.3rem;
}

.couponTicketBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.couponTicketBox[class*="iconCoupon"] .ticketMiddleArea:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.8rem;
  height: 2.8rem;
  margin-bottom: 0.4rem;
}
.couponTicketBox.iconCouponData .ticketMiddleArea:before {
  background: url("/web/kmvno/assets/images/myThrifty/icon_coupon_data.svg")
    no-repeat center;
}
.couponTicketBox.iconCouponCall .ticketMiddleArea:before {
  background: url("/web/kmvno/assets/images/myThrifty/icon_coupon_call.svg")
    no-repeat center;
}
.couponTicketBox.iconCouponTicket .ticketMiddleArea:before {
  background: url("/web/kmvno/assets/images/myThrifty/icon_coupon_ticket.svg")
    no-repeat center;
}
.couponTicketBox .ticketMiddleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1.2rem 2.2rem;
}
.couponTicketBox .ticketMiddleArea .title {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.couponTicketBox .ticketBottomArea {
  width: 100%;
  height: 4rem;
  padding: 0.8rem;
  text-align: center;
  border-top: 1px dashed #cccccc;
}
.couponTicketBox .ticketBottomArea .text {
  font-size: 1.6rem;
  font-weight: bold;
  color: #499690;
  line-height: 1.3;
}

/* 마이알뜰폰 > 쿠폰함 - 보유 쿠폰 */
.cardAccordionBox {
  overflow: hidden;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cardAccordionBox.active .cardTitleArea {
  background: url("/web/kmvno/assets/images/common/arrow_line_up.svg") no-repeat
    right 2rem center;
}
.cardAccordionBox.active .cardContentArea {
  display: block;
}
.cardAccordionBox.disabled .cardTitleArea .titleBox {
  position: relative;
  z-index: 2;
}
.cardAccordionBox.disabled .openArrow {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.8);
}
.cardAccordionBox .cardTitleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 5.5rem;
  padding: 0 2rem;
  background: url("/web/kmvno/assets/images/common/arrow_line_down.svg") no-repeat
    right 2rem center;
}
.cardAccordionBox .cardTitleArea .titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.cardAccordionBox .cardContentArea {
  display: none;
  padding: 2.4rem 3rem;
  border-top: 1px solid #cccccc;
}
.cardAccordionBox .cardOpenBtn,
.cardAccordionBox .openArrow {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 10px;
}
.cardAccordionBox .cardOpenBtn span,
.cardAccordionBox .openArrow span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
}
.cardAccordionBox .cardTitle {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000000;
  line-height: 1.4;
}

/* 쿠폰 layout */
.couponContainer {
  margin-top: 2.4rem;
}
.couponContainer:first-child {
  margin-top: 0;
}
.couponContainer .couponTopArea {
  margin-bottom: 1.8rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.couponContainer .couponTopArea:last-child {
  margin-bottom: 0;
}

/* 쿠폰 flex */
.couponRowContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1rem;
}
.couponRowContainer .couponInfoContainer {
  width: calc(50% - 2rem);
  margin: 1rem;
}

/* 쿠폰 카드 */
.couponInfoContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.couponInfoContainer.disabled .couponNameBox,
.couponInfoContainer.disabled .couponDateBox {
  color: #777777;
}
.couponInfoContainer.cardLine .couponInfoInner {
  padding: 3rem;
  border: 1px solid #cccccc;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.04);
}
.couponInfoContainer .couponInfoInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2.4rem 3rem;
  border-radius: 8px;
  background-color: #f8f8fa;
}
.couponInfoContainer .couponTypeBox {
  width: 100%;
  margin-bottom: 0.8rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.couponInfoContainer .couponNameBox {
  width: 100%;
  margin-bottom: 1.2rem;
  font-size: 2.1rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.couponInfoContainer .couponDateBox {
  width: 100%;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.couponInfoContainer .couponDateBox:last-child {
  margin-bottom: 0;
}
.couponInfoContainer .couponDateBox p {
  margin-bottom: 0.5rem;
}
.couponInfoContainer .couponDateBox p:last-child {
  margin-bottom: 0;
}
.couponInfoContainer .couponFootBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
}
.cardContentArea .couponNoticeBox {
  width: 100%;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.cardContentArea .couponNoticeBox .beforeDot {
  font-size: 1.4rem;
}
.couponInfoContainer .availableText {
  font-size: 1.3rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.couponInfoContainer .linkUnderline {
  font-size: 1.6rem;
}

/* 쿠폰 직접 등록 */
.couponSelfBox {
  margin: 4.6rem 0;
}
.couponSelfBox .field {
  max-width: 69.8rem;
  margin: 0 auto;
}
.couponSelfBox .field .fieldForm {
  width: 100%;
}
.couponSelfBox .input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.couponSelfBox .buttonArea {
  margin: 0;
  margin-left: 0.5rem;
}
.couponSelfBox .buttonArea .btn {
  height: 5.5rem;
  margin: 0;
}

/* 보유 쿠폰 아이콘 */
.myCouponBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
  font-size: 1.3rem;
  font-weight: 400;
  color: #000000;
  line-height: 1;
}
.myCouponBox:before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.6rem;
  background: url("/web/kmvno/assets/images/common/coupon_icon.svg") no-repeat
    center/1.6rem;
}
.myCouponBox .myCouponCount {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: 700;
  color: #499690;
  text-decoration: underline;
}

/* 마이알뜰폰 > 쿠폰함 - 사용 내역 */
.cardIslandContainer .cardBottomArea {
  margin-top: 2.4rem;
}
.cardIslandContainer .couponRowContainer .couponInfoContainer {
  width: calc(25% - 2rem);
}
.cardIslandContainer .beforeDot {
  margin-left: 0.3rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}

/* 보통 타이틀 있는 li */
.unitListContainer {
  margin-top: 1.6rem;
}
.unitListContainer .normalTitle {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #555555;
  line-height: 1.4;
}
.unitListContainer .dotList {
  margin-top: 0;
}

/* 마이알뜰폰 앱 다운로드 팝업 */
.popupAppDownloadMo {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.popupAppDownloadMo .dim {
  display: none;
}
.popupAppDownloadMo .popupContainer {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 1.2rem 1.2rem 0 0;
}

.appDownloadContainer {
  padding: 3rem;
}
.appDownloadContainer .appDownloadBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.appDownloadContainer .appDownloadFoot .linkUnderline {
  margin-top: 1.6rem;
  font-size: 1.2rem;
  color: #555555;
  border-color: #555555;
}
.appDownloadContainer .appDownloadFoot .buttonArea {
  margin-top: 2rem;
}
.appDownloadContainer .appDownloadFoot .buttonArea .btn {
  height: 5rem;
}
.appDownloadContainer .imageWrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7.2rem;
  height: 7.2rem;
  margin-right: 2.6rem;
}
.appDownloadContainer .imageWrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.appDownloadContainer .downloadTextBox {
  font-size: 1.8rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

/* 셀프개통 신청 - PASS 인증서 팝업 */
.passGuideContainer .aboutWrap {
  margin-bottom: 1rem;
}
.passGuideContainer .aboutWrap:last-child {
  margin-bottom: 0;
}
.passGuideContainer .aboutWrap.stepTop {
  margin-bottom: 2rem;
}
.passGuideContainer .aboutContent {
  margin-bottom: 0;
}
.passGuideContainer .aboutGrayBox {
  margin-top: 2.4rem;
  font-size: 1.2rem;
  line-height: 1.8;
}
.passGuideContainer .aboutGrayBox .beforeDot {
  margin-bottom: 0.5rem;
}
.passGuideContainer .aboutGrayBox .beforeDot:before {
  top: 0.6rem;
}

@media (max-width: 1600px) {
  /* 로밍 이용안내 슬라이드 */
  .loamingSummaryContainer {
    margin-top: -8.5rem;
  }
}
@media (max-width: 1280px) {
  /* 마이알뜰폰 > 쿠폰함 - 사용 내역 */
  .cardIslandContainer .couponRowContainer .couponInfoContainer {
    width: calc(33.333% - 2rem);
  }
}
@media (max-width: 1024px) {
  /* 결합서비스 > 알뜰폰 + 알뜰폰 */
  .combinedArticle {
    padding: 3rem 2rem 3rem;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 1.2rem;
  }
  .combinedArticle .nodataContainer {
    min-height: 21.9rem;
    font-size: 1.3rem;
  }
  /* 마이알뜰폰 > 쿠폰함 - 보유 쿠폰 */
  .cardAccordionBox.active .cardBtn {
    background-size: 1.1rem auto;
  }
  .cardAccordionBox .cardTitleArea {
    height: 5.2rem;
  }
  .cardAccordionBox .cardTitleArea .titleBox {
    font-size: 1.4rem;
  }
  .cardAccordionBox .cardContentArea {
    padding: 2rem;
  }
  .cardAccordionBox .cardBtn {
    background-size: 1.1rem auto;
  }
  /* 쿠폰 layout */
  .couponContainer .couponTopArea {
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
  }
  /* 쿠폰 flex */
  .couponRowContainer {
    margin: -0.5rem 0;
  }
  .couponRowContainer .couponInfoContainer {
    width: 100%;
    margin: 0.5rem 0;
  }
  /* 쿠폰 카드 */
  .couponInfoContainer .couponInfoInner {
    padding: 1.6rem 2rem;
  }
  .couponInfoContainer .couponNameBox {
    margin-bottom: 0.6rem;
    font-size: 1.8rem;
  }
  .couponInfoContainer .couponDateBox {
    font-size: 1.3rem;
  }
  .couponInfoContainer .couponFootBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .cardContentArea .couponNoticeBox {
    font-size: 1.2rem;
  }
  .couponInfoContainer .linkUnderline {
    font-size: 1.3rem;
  }
  /* 쿠폰 직접 등록 */
  .couponSelfBox {
    margin: 0;
  }
  .couponSelfBox input[type="text"],
  .couponSelfBox input[type="number"],
  .couponSelfBox input[type="tel"],
  .couponSelfBox input[type="email"],
  .couponSelfBox input[type="password"] {
    height: 4.4rem;
  }
  .couponSelfBox .buttonArea .btn {
    min-width: 8.3rem;
    height: 4.4rem;
  }
  /* 보유 쿠폰 아이콘 */
  .myCouponBox {
    font-size: 1.1rem;
  }
  .myCouponBox:before {
    margin-right: 0.4rem;
  }
  /* 마이알뜰폰 > 쿠폰함 - 사용 내역 */
  .cardIslandContainer .couponRowContainer {
    margin: -1rem;
  }
  .cardIslandContainer .couponRowContainer .couponInfoContainer {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}
@media (max-width: 717px) {
  /* 로밍 이용안내 슬라이드 */
  .loamingSummaryContainer {
    margin-top: 0;
    padding: 4rem 2rem 4.3rem;
    margin-bottom: 2rem;
  }
  .loamingSummaryContainer .loamingSummaryHead {
    margin-bottom: 2.6rem;
    font-size: 2rem;
  }
  .loamingSummaryContainer .extraProductContainer .extraProductHead {
    padding: 2rem;
    font-size: 1.2rem;
  }
  .loamingSummaryContainer .extraProductContainer .extraProductBody {
    padding-bottom: 2rem;
  }
  .loamingSummaryContainer .extraProductContainer .extraProductBottom {
    padding-bottom: 2.2rem;
  }
  .loamingSummaryContainer .extraProductContainer .topLabel {
    right: 1.6rem;
    padding: 0.8rem 1.5rem;
    font-size: 1.4rem;
  }
  .loamingSummaryContainer .extraProductContainer .titleLabel {
    font-size: 1.4rem;
  }
  .loamingSummaryContainer .extraProductContainer .titleMain {
    font-size: 1.8rem;
  }
  .loamingSummaryContainer .extraProductContainer .productRounder {
    font-size: 1.2rem;
  }
  .loamingSummaryContainer
    .extraProductContainer
    .productRounder
    .productLabel {
    font-size: 2rem;
  }
  .loamingSummaryContainer .extraProductContainer .productRounder strong {
    font-size: 2.2rem;
  }
  .loamingSummaryContainer .extraProductContainer .linkUnderline {
    font-size: 1.4rem;
  }
  .loamingSummaryContainer .extraSwiper .extraBtnWrap {
    margin-top: 3.3rem;
  }
  .loamingDetailContainer .roundTab.tabList {
    margin: 0 1.2rem 2rem;
  }
  /* 마이알뜰폰 카드 서비스 점검 */
  .errorCardWrap .errorMiddle {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
  .errorCardWrap .errorMiddle .title {
    font-size: 2.2rem;
  }
  .errorCardWrap .errorBgBox {
    padding: 1.6rem 2rem;
  }
  .errorCardWrap .noticeDl {
    font-size: 1.2rem;
  }
  .errorCardWrap .noticeDl dt {
    -ms-flex-preferred-size: 4.7rem;
    flex-basis: 4.7rem;
    font-size: 1.2rem;
  }
  /* 회선 - 회선 추가 */
  .dataTabArea {
    font-size: 1.4rem;
  }
  .dataTabArea .tabList {
    margin-bottom: 3rem;
  }
  .dataTabArea .buttonArea {
    margin-top: 5rem;
  }
  .dataTabArea .nodataContainer {
    min-height: 14.3rem;
  }
  /* 로그인 5회 실패 */
  .loginFailArea .textWrap {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .loginFailArea .textWrap:first-child {
    margin-top: 0;
  }
  .loginFailArea .textWrap.smallText {
    font-size: 1.2rem;
  }
  .loginFailArea .buttonArea {
    margin-top: 5rem;
  }
  /* 결합서비스 > 알뜰폰 + 알뜰폰 */
  .combinedContainer .combinedArea,
  .combinedDetail .combinedArea {
    max-width: calc(100% + 4rem);
    margin-bottom: 0;
    border-bottom: 2rem solid #eff1f3;
  }
  .combinedContainer .aboutTitleArea,
  .combinedDetail .aboutTitleArea {
    margin: 0 2rem;
    padding: 3rem 0 5rem;
  }
  .combinedContainer .aboutTitleArea br,
  .combinedDetail .aboutTitleArea br {
    display: block;
  }
  .combinedContainer .aboutTitleArea .title,
  .combinedDetail .aboutTitleArea .title {
    margin-bottom: 2rem;
  }
  .combinedContainer .aboutTitleArea .buttonArea,
  .combinedDetail .aboutTitleArea .buttonArea {
    margin: 0;
  }
  .combinedArticle {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
  .combinedArticle .combinedInner {
    margin-top: 5rem;
  }
  .combinedArticle .combinedInner:first-child {
    margin-top: 0;
  }
  .combinedArticle .combinedContent:not(:first-child) {
    margin-top: 3rem;
  }
  .combinedArticle .areaTop {
    min-height: 4.8rem;
    margin: 0;
    padding: 0 2rem;
    border-bottom: 1px solid #cccccc;
  }
  .combinedArticle .areaTop .lineBottom {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .combinedArticle .areaMiddle {
    padding: 2rem 2rem 3rem;
  }
  .combinedArticle .combinedTitle {
    padding-bottom: 1.2rem;
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  .combinedArticle .combinedSubTitle {
    font-size: 1.4rem;
  }
  .combinedArticle .combinedText {
    font-size: 1.4rem;
  }
  .combinedArticle .typeCaution {
    margin-top: 3rem;
  }
  .combinedArticle .beforeDot {
    font-size: 1.4rem;
  }
  .combinedArticle .numberList > li {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .combinedArticle .tabList {
    overflow: hidden;
    overflow-x: auto;
    width: calc(100% - 4rem);
    height: 4.8rem;
    margin: 0 2rem 5rem;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .combinedArticle .tabList::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
  }
  .combinedArticle .tabList .tabButton {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 1rem 0.8rem;
    white-space: nowrap;
  }
  .combinedArticle .tabList .tabButton:after {
    bottom: 0;
  }
  .combinedArticle .tabContainer {
    padding: 0 2rem 7rem;
  }
  .combinedArticle .tabContainer .combinedTitle {
    font-size: 1.4rem;
  }
  .combinedArticle .buttonArea {
    margin-top: 3rem;
  }
  .combinedArticle .linkBox {
    margin-top: 2rem;
  }
  .combinedArticle .imgWrap {
    margin: -0.5rem -2rem 0;
  }
  .combinedArticle .pcType {
    display: none;
  }
  .combinedArticle .moType {
    display: block;
  }
  .combinedArticle .typeCaution {
    margin-top: 1.5rem;
  }
  .combinedArticle .typeCaution br {
    display: none;
  }
  /* 결합서비스 > 알뜰폰 + 알뜰폰 > 신청 */
  .wirelessApplyArea,
  .wiredApplyArea {
    padding-top: 3rem;
  }
  .wirelessApplyArea .formContainer .phoneLineSummaryDrop,
  .wiredApplyArea .formContainer .phoneLineSummaryDrop {
    margin-bottom: 2rem;
  }
  .lineCheckResultArea {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lineCheckResultArea .resultLabel {
    font-size: 1.2rem;
  }
  .lineCheckResultArea .resultTitle {
    font-size: 1.6rem;
  }
  .lineCheckResultArea .resultText {
    font-size: 1.4rem;
  }
  /* tab layout - common */
  .contentTabContainer {
    margin: -3rem -2rem -7rem;
    padding: 3rem 2rem 7rem;
    background-color: #ffffff;
  }
  .contentTabContainer .tabList {
    height: 3rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #dcdcdc;
  }
  .contentTabContainer .tabList .tabButton {
    width: 100%;
    margin-right: 0;
    font-size: 1.4rem;
  }
  /* 마이알뜰폰 홈 - 쿠폰함 */
  .couponStateContainer {
    margin-top: 1.6rem;
  }
  .couponStateContainer .couponStateMessageArea:only-child {
    margin-bottom: 3.4rem;
  }
  .couponStateContainer .couponStateSummaryArea {
    margin-top: 2rem;
  }
  .couponTicketArea {
    margin: -0.35rem 0;
  }
  .couponTicketArea .couponTicketBox {
    width: 100%;
    margin: 0.35rem 0;
  }
  .couponTicketArea .couponTicketBox:only-child {
    width: 100%;
  }
  .couponTicketArea .couponTicketBox:only-child .ticketMiddleArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .couponTicketArea .couponTicketBox:only-child .ticketMiddleArea:before {
    margin-bottom: 0;
    margin-right: 0;
  }
  .couponTicketBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .couponTicketBox[class*="iconCoupon"] .ticketMiddleArea:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    margin-bottom: 0;
    background-size: 2rem auto;
  }
  .couponTicketBox .ticketMiddleArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .couponTicketBox .ticketMiddleArea .title {
    max-width: initial;
    margin-right: 1.2rem;
    padding-top: 0.3rem;
    text-align: left;
  }
  .couponTicketBox .ticketBottomArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 34%;
    height: auto;
    min-width: 1.8rem;
    padding: 1.2rem;
    border-top: none;
    border-left: 1px dashed #cccccc;
  }
  .couponTicketBox .ticketBottomArea .text {
    font-size: 1.6rem;
    word-break: break-all;
  }
  /* 마이알뜰폰 > 쿠폰함 - 사용 내역 */
  .cardIslandContainer .cardBottomArea {
    margin-top: 1rem;
  }
  .cardIslandContainer .couponRowContainer {
    margin: -0.5rem 0;
  }
  .cardIslandContainer .couponRowContainer .couponInfoContainer {
    width: 100%;
    margin: 0.5rem 0;
  }
  .cardIslandContainer .beforeDot {
    font-size: 1.2rem;
  }
  .couponInfoContainer.cardLine .couponInfoInner {
    padding: 1.6rem 2rem;
    border: none;
    background-color: #f8f8fa;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media (max-width: 320px) {
  /* 로밍 부가서비스 상세 */
  .loamingDetailContainer .roundTab.tabList .tabButton {
    padding: 0.6rem;
    font-size: 1.2rem;
  }
  .typeAllDay .loamingRecomand {
    margin: 0 auto;
  }
  .typeAllDay .recomandCircleData::before {
    width: 6rem;
    height: 6rem;
    background-size: 100%;
  }
  .recomandBlackData {
    width: 6.5rem;
  }
  .recomandBlackData .blackCircleTitle {
    padding: 0.6rem;
    text-align: center;
    word-break: keep-all;
  }
  .loamingProductInfo .loamingInfoOption.borderType .row {
    padding: 1.5rem 0;
  }
  .loamingProductInfo .loamingInfoOption.bgGrayType .optionTitle {
    min-height: 4.4rem;
    padding: 0.6rem;
    font-size: 1rem;
    text-align: center;
    word-break: keep-all;
  }
  .loamingProductInfo .loamingInfoOption.bgGrayType .beforeDot br {
    display: none;
  }
  .loamingProductInfo .loamingInfoOption .optionFlex .row[class*="icon"] {
    padding-left: 4rem;
  }
  .loamingProductInfo
    .loamingInfoOption
    .optionFlex
    .row[class*="icon"]::before {
    left: 0.8rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .loamingProductInfo .loamingInfoOption .iconCheck {
    width: 2.5rem;
    height: 2.5rem;
  }
  .loamingProductInfo .loamingInfoOption .iconCheck:before {
    width: 2.5rem;
    height: 2.5rem;
  }
  .customerContainer .customerType {
    margin-bottom: 1.5rem;
  }
  .customerContainer .typeHead {
    margin-bottom: 1rem;
  }
  .customerContainer .beforeDot {
    font-size: 1.2rem;
  }
}
/* home > event top banner */
.topBannerContainer {
  position: relative;
  width: 100%;
  height: 5.6rem;
  background-color: #ffffff;
}
.topBannerContainer .topBannerArea {
  width: 100%;
  height: 100%;
}
.topBannerContainer .topBannerLink {
  position: absolute;
  display: block;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 100%;
  height: calc(100% - 1rem);
  max-width: 100rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.topBannerContainer .topBannerImages {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.topBannerContainer .topBannerImages img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.topBannerContainer .topBannerImages .moImage {
  display: none;
}
.topBannerContainer .closeBanner {
  display: block;
  position: absolute;
  top: 0;
  right: 5rem;
  z-index: 1;
  width: 4rem;
  height: calc(100% - 1.6rem);
  margin: 0.8rem 0;
  background: url("/web/kmvno/assets/images/common/btn_popup_close.svg") no-repeat
    center/2.4rem auto;
}

.irText {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  text-align: center;
}

.topBannerList {
  height: 100%;
}
.topBannerList .bannerbuttons {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  top: 0;
  left: 50%;
  width: 73.874%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.topBannerList [class*="bannerBtn"] {
  overflow: hidden;
  position: relative;
  width: 4rem;
  height: calc(100% - 1.6rem);
  margin: 0.8rem 0;
  background-repeat: no-repeat;
  background-position: center;
}
.topBannerList [class*="bannerBtn"].swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}
.topBannerList .bannerBtnPrev {
  background-image: url("/web/kmvno/assets/images/common/arrow_swiper_black_left.svg");
}
.topBannerList .bannerBtnNext {
  background-image: url("/web/kmvno/assets/images/common/arrow_swiper_black_right.svg");
}

/* layout */
@media screen and (min-width: 1024px) {
  .openedTopBanner.wrap {
    padding-top: 20.1rem;
  }
  .openedTopBanner.wrap.main {
    padding-top: 13.7rem;
  }
  .openedTopBanner.wrap[class*="homeJoinStep"],
  .openedTopBanner.wrap.homeSearchResult {
    padding-top: 13.7rem;
  }
  .openedTopBanner .pageTitleContainer {
    top: 13.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .openedTopBanner.wrap.main {
    padding-top: 10.1rem;
  }
  .openedTopBanner.wrap.homeLogin {
    padding-top: 0;
  }
  .openedTopBanner.wrap.homeLogin .topBannerContainer {
    display: none;
  }
  .topBannerContainer {
    height: 3.9rem;
  }
}
@media (max-width: 1600px) {
  /* home > event top banner */
  .topBannerContainer .topBannerLink {
    width: 70%;
  }
  .topBannerContainer .closeBanner {
    right: 0.8rem;
  }
  .topBannerList .bannerbuttons {
    width: 84%;
  }
}
@media (max-width: 1024px) {
  /* home > event top banner */
  .topBannerContainer .closeBanner {
    height: 100%;
    margin: 0;
  }
  .topBannerContainer .topBannerLink {
    width: 75%;
  }
  .topBannerList .bannerbuttons {
    width: 77%;
  }
  .topBannerList [class*="bannerBtn"] {
    width: 3.5rem;
    height: 100%;
    margin: 0;
    background-size: 7px auto;
  }
}
@media (max-width: 717px) {
  /* home > event top banner */
  .topBannerContainer .topBannerImages .moImage {
    display: block;
  }
  .topBannerContainer .topBannerImages .pcImage {
    display: none;
  }
  .topBannerContainer .topBannerLink {
    width: 60%;
  }
  .topBannerList [class*="bannerBtn"]::before {
    mask-size: 0.7rem auto;
    -webkit-mask-size: 0.7rem auto;
  }
}
/* 이벤트 > 제휴 카드 */
.cardListContainer {
  margin-top: 12rem;
}
.cardListContainer .cardBottom {
  margin-top: 16.6rem;
}

.cardList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.1rem;
}
.cardList > li {
  width: calc(33.333% - 2.2rem);
  margin: 1.1rem;
}
.cardList .cardItemBox {
  height: 100%;
}

.cardItemBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #cccccc;
}
.cardItemBox.cardHorizontal .imgWrap {
  width: 29rem;
  height: 18.8rem;
}
.cardItemBox .cardItemHead {
  width: 100%;
  padding: 3rem 3rem 2.4rem;
  background-color: #f7f8fa;
}
.cardItemBox .cardItemBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  padding: 0 3rem;
}
.cardItemBox .cardItemFoot {
  width: 100%;
  margin-top: auto;
  padding: 3rem 3rem 5rem;
}
.cardItemBox .cardItemFoot .buttonArea {
  margin: 0;
}
.cardItemBox .itemTop {
  margin-bottom: 1.8rem;
}
.cardItemBox .previewBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3rem auto;
}
.cardItemBox .imgWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 18.8rem;
  height: 29rem;
  border-radius: 11px;
}
.cardItemBox .imgWrap img {
  display: block;
  width: 100%;
  height: auto;
}
.cardItemBox .itemTitle {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 2.8rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.cardItemBox .itemText {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.cardItemBox .labelBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -0.4rem;
}
.cardItemBox .itemLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.4rem;
  height: 2.3rem;
  padding: 0 0.7rem;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #499690;
}
.cardItemBox .itemLabel span {
  font-size: 1.3rem;
  font-weight: bold;
  color: #499690;
  line-height: 1;
}
.cardItemBox .DDayLabel {
  position: absolute;
  top: 0;
  right: 3rem;
  z-index: 1;
  padding: 1rem 1.7rem;
  background-color: #407773;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}

/* 검정 dot list */
.blackDotList > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 1.5rem;
  margin-top: 1.2rem;
}
.blackDotList > li:first-child {
  margin-top: 0;
}
.blackDotList > li:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  z-index: 1;
  width: 5px;
  height: 5px;
  background-color: #000000;
  border-radius: 50%;
}
.blackDotList .titleBox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.4;
}
.blackDotList .textBox {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}

@media (max-width: 1280px) {
  /* 이벤트 > 제휴 카드 */
  .cardList > li {
    width: calc(50% - 2.2rem);
  }
}
@media (max-width: 717px) {
  /* 이벤트 > 제휴 카드 */
  .cardListContainer {
    margin-top: 5rem;
  }
  .cardListContainer .cardBottom {
    margin-top: 3rem;
  }
  .cardList {
    margin: -1.5rem 0;
  }
  .cardList > li {
    width: 100%;
    margin: 1.5rem 0;
  }
  .cardItemBox.cardHorizontal .imgWrap {
    width: 21.9rem;
    height: 14.2rem;
  }
  .cardItemBox .cardItemHead {
    padding: 2rem 1.6rem;
  }
  .cardItemBox .cardItemFoot {
    padding: 3rem;
  }
  .cardItemBox .itemTop {
    margin-bottom: 1.2rem;
  }
  .cardItemBox .imgWrap {
    width: 14.2rem;
    height: 21.9rem;
    border-radius: 8px;
  }
  .cardItemBox .itemTitle {
    margin-bottom: 0.6rem;
    font-size: 1.8rem;
  }
  .cardItemBox .itemText {
    font-size: 1.2rem;
  }
  .cardItemBox .DDayLabel {
    padding: 0.9rem 1.4rem;
    font-size: 1.4rem;
  }
  .blackDotList > li {
    display: block;
    margin-top: 1.6rem;
  }
  .blackDotList .titleBox {
    display: block;
    margin-right: 0;
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .blackDotList .textBox {
    font-size: 1.4rem;
  }
}

.bannerWrap {
  /* background-color: #FFF06D; */
  background: linear-gradient(to bottom, #eff1f3 0px, #eff1f3 44px, #FFF06D 44px, #FFF06D 100%);
  position: relative;
  height: 244px;
}
.bannerInner {
  display: flex;
  justify-content: space-between;
  padding-inline: 13rem 10rem;
}
.banner_txtWrap {
  margin-block: 9.9rem 5.5rem;
  z-index: 1;
}
.banner_txtWrap .banner_flag {
font-size: 1.6rem;
font-weight: 500;
line-height: 2.4rem;
background-color: #333333;
color: #ffffff;
border-radius: 100px;
padding: .7rem 1.6rem;
display: inline-block;
}
.banner_txtWrap .banner_desc {
font-size: 3rem;
font-weight: 300;
line-height: 4rem;
text-align: left;
margin-top: 1.2rem;
}
.banner_txtWrap .banner_desc strong {
  font-weight: 600;
}
.banner_txtWrap br {
  display: none;
}
.bannerPcLink {
  display: block;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bannerMoLink {
  display: none;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1600px) {
  .bannerInner {
    padding-inline: 4rem;
  }

}
@media (max-width: 1260px) {
  .banner_txtWrap br {
      display: block;
    }
    .banner_txtWrap {
      margin-block: 4.4rem 0;
    }
    .bannerInner {
      align-items: center;
    }
}
@media (max-width: 1024px) {
  .bannerWrap {
    background: #FFF06D;
    height: auto;
  }
  .banner_txtWrap {
    margin-block: 5.5rem 5.5rem;
  }
  .banner_txtWrap br {
    display: block;
  }
  .banner_txtWrap .tabNone {
    display: none;
  }
}


@media (max-width: 716px) {
  .bannerInner {
    padding-inline: 2rem 0px;
  }
  .banner_txtWrap {
    margin-block: 2.6rem 2.4rem;
}
  .banner_txtWrap .banner_flag {
    font-size: 1.2rem;
    line-height: 2rem;
    padding: .3rem 1rem;
  }
  .banner_txtWrap .banner_desc {
    margin-top: .8rem;
    font-size: 2rem;
    line-height: 1.4;
  }
  .banner_imgWrap {
    position: absolute;
    right: 0;
  }
  .bannerPcLink {
    display: none;
  }
  .bannerMoLink {
    display: block;
  }
}
#popupAdvancePreparation .AdvancePreparationWrap .imgWrap {
  display: block;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
#popupAdvancePreparation .AdvancePreparationWrap br {
  display: none;
}
#popupAdvancePreparation .AdvancePreparationWrap p {
  font-size: 1.3rem;
}
#popupAdvancePreparation .AdvancePreparationWrap p br {
  display: block;
}
#popupNotFindComp .aboutWrap .aboutTitle {
  margin: 0;
  font-size: 1.3rem;
}
#popupNotFindComp .aboutWrap .dotList {
  margin: 0;
}
#popupNotFindComp .imgWrap {
  display: block;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}


/* newpopup */
.popup.new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  /* alertPopup */
  /* popupSize */
  /* top */
  /* middle */
}
.popup.new.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup.new > .dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.popup.new legend,
.popup.new caption {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.popup.new.alertPopup > .popupContainer {
  max-width: 48rem;
}
.popup.new.alertPopup .popupMiddle {
  padding: 2.4rem 3rem;
  max-height: 100%;
}
.popup.new.alertPopup .popupBottom {
  border-top: 1px solid #cccccc;
  text-align: right;
}
.popup.new.alertPopup .buttonArea {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 0;
  padding: 0 2rem;
}
.popup.new.alertPopup .buttonArea .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  height: 4.4rem;
  border: 0;
}
.popup.new.alertPopup .buttonArea .btn:hover,
.popup.new.alertPopup .buttonArea .btn:focus-visible {
  background-color: transparent;
  font-weight: bold;
}
.popup.new.popupBottomFixed .popupMiddle {
  max-height: calc(80vh - 14.4rem);
  padding-bottom: 0.5rem;
}
.popup.new.popupBottomFixed .popupMiddle:last-child {
  padding-bottom: 3rem;
}
.popup.new.popupBottomFixed .popupBottom {
  position: relative;
  z-index: 1;
  padding: 5.4rem 4rem 4.2rem;
  /* -webkit-box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.4); */
  /* box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.4); */
  box-shadow: unset;
}
.popup.new.popupBottomFixed .popupBottom .buttonArea {
  margin-top: 0;
}

.popup.new > .popupContainer {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: calc(100% - 4rem);
  max-width: 54rem;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 4rem;
  /* -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25); */
  box-shadow: none;
}
.popup.new.popupSizeMax .popupTop {
  align-items: inherit;
  padding: 36px 40px 10px;
}
.popup.new.popupSizeMax .popupTop .popupTitle {
  padding: 0;
}

.popup.new > .popupContainer.botNone {
  padding-bottom: 7.6rem;
}
.popup.new > .popupContainer.botNone .popupMiddle {
  padding-bottom: 0;
}
.popup.new .popupTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 8.2rem;
  border-bottom: 0;
}
.popup.new .popupTop .popupTitle {
  padding: 0 1rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.5;
}
.popup.new .popupTop .btnClose {
  position: absolute;
  top: 4rem;
  right: 4rem;
  width: 3rem;
  height: 3rem;
  background: url("/web/kmvno/assets/images/common/btn_popup_close_black_x30.svg") no-repeat
    center/100%;
}
.popup.new .popupTop .btnClose > span {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.popup.new .popupMiddle {
  overflow-y: auto;
  max-height: calc(80vh - 5rem);
  padding: 3.6rem 4rem 3rem;
}
.popup.new .showMo {
  display: none;
}
/* .popup.new .popupMiddle:last-child {
  padding-bottom: 3rem;
} */
.popup.new .popupMiddle .popupTxtWrap + .popupImg {
  margin-top: 4.2rem;
}
.popup.new .popupMiddle .popupTitle{
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.2rem;
  text-align: center;
}
.popup.new .popupMiddle .popupDesc{
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 3.6rem;
  text-align: center;
  margin-top: 2rem;
  color: #333333;
}
.popup.new .popupContent {
  position: relative;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
}
.popup.new .popupContent .popupImg {
  display: block;
  text-align: center;
}
.popup.new .popupContent .popupImg + .popupTxtWrap {
  margin-top: 2rem;
}
.popup.new .popupContent .popupImg img {
  max-width: 100%;
}
.popup.new .popupContent .tableContainer.captionShow caption {
  font-size: 1.3rem;
}
.popup.new .popupContent .tableContainer.captionShow th,
.popup.new .popupContent .tableContainer.captionShow td {
  background-color: transparent;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  font-size: 1.4rem;
  vertical-align: middle;
  background-color: #ffffff;
}
.popup.new .popupContent .tableContainer.captionShow th.colorGray,
.popup.new .popupContent .tableContainer.captionShow td.colorGray {
  font-size: 1.3rem;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}
.popup.new .popupContent .tableContainer.termsType {
  padding-top: 0;
}
.popup.new .popupContent .tableContainer.termsType td {
  padding: 1.6rem 0.6rem;
}
.popup.new .tableContainer {
  margin-top: 3rem;
}
.popup.new .tableContainer + .tableContainer {
  margin-top: 2rem;
}
.popup.new .tableContainer:first-child {
  margin-top: 0;
}
.popup.new .tableContainer.normalBgTable tbody th {
  padding-left: 1rem;
  padding-right: 1rem;
}
.popup.new .tableContainer.captionShow th,
.popup.new .tableContainer.captionShow td {
  font-size: 1.2rem;
}
.popup.new .applyCaseContainer .tableContainer {
  margin-top: 2rem;
}
.popup.new .applyCaseContainer .tableContainer:first-child {
  margin-top: 0;
}
.popup.new .applyCaseContainer .tableContainer .alignCenter {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.popup.new .smallText + .smallText {
  margin-top: 1rem;
}
.popup.new .beforeDot {
  font-size: 1.3rem;
  color: #555555;
}
.popup.new .dotList {
  margin-top: 1.6rem;
}
.popup.new .dotList:first-child {
  margin-top: 0;
}
.popup.new .buttonArea {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.popup.new .buttonArea .btn {
  min-width: auto;
  height: 6.4rem;
  font-size: 2rem;
  border-radius: 1.2rem;
  padding: 2rem 2.4rem;
  margin: 0;
}
.popup.new .buttonArea .btn:only-child {
  margin-left: 0;
  margin-right: 0;
}
.popup.new input[type="text"],
.popup.new input[type="number"],
.popup.new input[type="tel"],
.popup.new input[type="email"],
.popup.new input[type="password"] {
  height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.popup.new .fieldArea {
  min-height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.popup.new fieldset legend {
  text-indent: -9999px;
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  left: -9999px;
  white-space: nowrap;
  font-size: 1px;
  -webkit-transform: translateX(-100px) scale(0.0001);
  transform: translateX(-100px) scale(0.0001);
  z-index: -1;
}
.popup.new .field {
  margin-bottom: 2rem;
}
.popup.new .field:last-of-type {
  margin-bottom: 0;
}
.popup.new .field .fieldLabel {
  font-size: 1.3rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.3;
}
.popup.new .field .fieldForm {
  margin-top: 0.8rem;
}
.popup.new .field .fieldForm:only-child {
  margin-top: 0;
}
.popup.new .checkbox .fieldLabel {
  margin-bottom: 0;
}
.popup.new .dropdownArea a,
.popup.new .dropdownArea button {
  font-size: 1.4rem;
}
.popup.new .dropdownArea .dropdownTitle .titleLabel {
  height: 4.8rem;
  font-size: 1.4rem;
}
.popup.new .dropdownArea .dropdownList {
  top: 4.8rem;
}
.popup.new .usageTabContainer .tabContainer {
  margin-top: 1rem;
}
.popup.new .stickChartArea {
  padding: 5.5rem 0 6.3rem;
}
.popup.new .stickChartArea .itemStick {
  width: 2rem;
  height: 12.2rem;
}
.popup.new .stickChartArea .itemAverage .line {
  left: 1.5rem;
  right: 1.5rem;
}
.popup.new .popupInviteWrap {
  margin-block: 4.2rem 0;
}
.popup.new .popupInvite_list + .popupInvite_list {
  margin-block: 1.4rem 0;
}
.popup.new .inviteBtn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 3rem;
  background-color: #F7F8FA;
  border-radius: 1.2rem;
  font-size: 2.2rem;
  color: #000000;
}
.popup.new .inviteBtn.showMo {
  display: none;
}
.popup.new.inflow > .popupContainer {
  background: url(/web/kmvno/assets/images/home/popup_Inflow_bg_pc.svg) no-repeat center/100%;
  height: 720px;
}
.popup.new.inflow .popupTop .btnClose {
  background: url("/web/kmvno/assets/images/common/btn_popup_close_white_x30.svg") no-repeat
  center/100%
}
.popup.new.inflow .popupMiddle .popupDesc {
  color: rgba(255, 255, 255, 0.8);
}
.popup.new.inflow .popupBottom{
  background-color: transparent;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.popupCaptionWrap {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: #F7F8FA;
  border-radius: 1.6rem;
  padding: 24px 32px;
  margin-top: 22px;
}
.popupCaption {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.8rem;
  color: #666666;
}
.popupCaptionImg {
  width: 4rem;
}

@media (min-width:1024px) {
  /* .popup.new .btn.new:hover, .popup.new .btn.new:focus-visible {
    background-color: #ffffff;
  }
  .popup.new .btn.btnPrimary2:hover, .popup.new .btn.btnPrimary2:focus-visible {
    background-color: #07BFE0;
  } */
}
@media (max-width:716px) {
  .popup.new > .popupContainer {
    max-width: 100%;
    border-radius: 2rem;
  }
  .popup.new > .popupContainer.botNone {
    padding-bottom: 3.6rem;
  }
  .popup.new .showPc {
    display: none;
  }
  .popup.new .showMo {
    display: block;
  }
  .popup.new .popupTop {
    height: 5rem
  }
  .popup.new .popupTop .btnClose {
    width: 2.4rem;
    height: 2.4rem;
    top: 1.3rem;
    right: 1.6rem;
    background: url("/web/kmvno/assets/images/common/btn_popup_close_black_x24.svg") no-repeat
    center/100%;
  }
  .popup.new .popupMiddle {
    padding: 2rem 2rem 3rem;
  }
  .popup.new .popupMiddle .popupTxtWrap + .popupImg {
    margin-top: 2.8rem;
  }
  .popup.new .popupMiddle .popupTitle {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  .popup.new .popupMiddle .popupDesc {
    margin-top: 1rem;
    font-size: 1.7rem;
    line-height: 2.7rem;
    font-weight: 300;
  }
  .popup.new.popupBottomFixed .popupBottom {
    padding: 3.2rem 1.6rem 3.6rem;
  }
  .popup.new .popupContent .popupImg + .popupTxtWrap {
    margin-top: 3rem;
  }
  .popup.new .buttonArea {
    margin-top: 0;
    gap: 1rem;
  }
  .popup.new .buttonArea .btn {
    height: 4.8rem;
    font-size: 1.6rem;
    border-radius: .8rem;
    padding: 1.8rem 2rem;
  }
  .popup.new.popupSizeMax > .popupContainer {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }
  .popup.new.moBot > .popupContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    border-radius: 3.2rem 3.2rem 0 0;
    overflow: visible;
  }
  .popup.new.moBot .popupTop .btnClose {
    width: 3rem;
    height: 3rem;
    background: url(/web/kmvno/assets/images/common/btn_popup_close_white_x30.svg) no-repeat center / 100%;
    top: -3.8rem;
  }
  .popup.new.moBot .popupMiddle .popupTitle {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  .popup.new.moBot .popupMiddle {
    padding-inline: 2rem;
    padding-bottom: 3rem;
  }
  .popup.new.moBot .popupMiddle .popupDesc {
    margin-top: 1.2rem;
  }
  .popup.new.moBot .popupMiddle .popupTxtWrap + .popupImg {
    margin-top: 3rem;
  }
  .popup.new.moBot .popupBottom {
    padding : .2rem 2rem 3.4rem;
    box-shadow: 0px -8px 16px 0px #FFFFFF;
  }
  .popup.new.moBot .buttonArea .btn {
    height: 5.6rem;
  }
  .popup.new .popupInviteWrap {
    margin-block: 3rem 0;
  }
  .popup.new .popupInvite_list + .popupInvite_list {
    margin-block: 1rem 0;
  }
  .popup.new .inviteBtn {
    font-size: 1.7rem;
    padding: 1.6rem 2rem;
    border-radius: 1.6rem;
  }
  .popup.new .inviteBtn.showMo {
    display: flex;
  }
  .popup.new .inviteBtn.showPc {
    display: none;
  }
  .popup.new .inviteBtn img {
    width: 4rem;
  }
  .popup.new.inflow > .popupContainer {
    background:
    url(/web/kmvno/assets/images/home/character.svg) bottom 97px center no-repeat,
    url(/web/kmvno/assets/images/home/planet_1.svg) no-repeat top 0 left 21.3333vw,
    url(/web/kmvno/assets/images/home/planet_2.svg) top 43.3498vh left 0px no-repeat,
    url(/web/kmvno/assets/images/home/planet_3.svg) top 45.0739vh right 0px no-repeat,
    url(/web/kmvno/assets/images/home/under.svg) bottom 0px center no-repeat,
    url(/web/kmvno/assets/images/home/popup_Inflow_Starbg_mo.svg) repeat bottom 0px center,
    url(/web/kmvno/assets/images/home/popup_Inflow_bg_mo.png) no-repeat ;

    background-size: 375px, 80px, 108px, 72px, 716px, 430px, 100% 100%;
  }
  .popup.new.inflow .popupTop .btnClose {
    display: none;
  }
  .popup.new.inflow .popupMiddle .popupDesc {
    font-size: 1.8rem;
  }
  .popup.new.inflow .buttonArea .btn {
    height: 5.6rem;
  }

  .popupCaptionWrap {
    padding: 2.2rem 2rem;
    margin-top: 1.6rem;
    gap: 1.4rem;
  }
  .popupCaption {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .popupCaptionImg {
    width: 3.2rem;
  }
}
.dropdownArea.self {
  width: 100%;
}
.dropdownArea.self .dropdownTitle .titleLabel {
  padding-right: 4rem;
}
.mobileCarrier {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mobileCarrier.nowrap .mobileCarrier_text {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mobileCarrier .mobileCarrier_text {
  flex: 0 1 calc(100% - 48px);
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #555555;
  font-weight: 400;
}
.checkboxLine input:checked + .checkboxLabel .mobileCarrier .mobileCarrier_text {
  font-weight: 500;
}
.mobileCarrier .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  height: 24px;
  font-size: 1.2rem;
  line-height: 1.4rem;
  border-radius: 60px;
  font-weight: 600;
}
.mobileCarrier .tag.kt {
  color: #EC464D;
  background-color: rgba(236, 70, 77, 0.1);
}
.mobileCarrier .tag.skt {
  color: #664AF1;
  background-color: rgba(102, 74, 241, 0.1);
}
.mobileCarrier .tag.lgu {
  color: #F251AB;
  background-color: rgba(242, 81, 171, 0.1);
}
@media (max-width: 717px) {
  .mobileCarrier .mobileCarrier_text {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .mobileCarrier .tag {
    flex: 0 1 4rem;
    height: 2rem;
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
.wordBreak_keepA {
  word-break: keep-all;
}
/*  2025-02-21 KMVNO-5271_DR-2025-09008 요금제 월 기본요금 관련 부가메시지 표출 개선 */
.plan_notice.product_dotlist {
  background: #f8f8fa;
  border-radius: 1rem;
  margin-top: 2rem;
  padding: 2rem;
}
.plan_notice.product_dotlist li {
  color: #555;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 20px;
  padding-left: .8rem;
  position: relative;
}
.plan_notice.product_dotlist li+li {
  margin-top: 1rem;
}
.plan_notice.product_dotlist li:before {
  background-color: #555;
  border-radius: 50%;
  content: "";
  height: .3rem;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transform: skew(-.03deg);
          transform: skew(-.03deg);
  width: .3rem;
  z-index: 0;
}

/*  //2025-02-21 KMVNO-5271_DR-2025-09008 요금제 월 기본요금 관련 부가메시지 표출 개선 */

/*  2025-03-06 KMVNO-5296_DR-2025-10949 부가서비스 기능 사업자에 대한 안내 고도화 */
.myThriftyListPlan .fieldMiddle .dlColorBoxArea {
  margin-bottom: 1.5rem;
}
.myThriftyListPlan .fieldMiddle .plan_notice.product_dotlist {
  margin-top: 0;
  padding: 0;
}
/*  //2025-03-06 KMVNO-5296_DR-2025-10949 부가서비스 기능 사업자에 대한 안내 고도화 */

/*  2025-03-12 KMVNO-5412 [DR-2025-21373] 마이알뜰폰 고객센터 안내 UI/UX 개선 */
.customerSupportAbout .pageTitleContainer + .contentArea {
  padding-bottom: 16rem;
  background-color: #FFF;
}
@media (max-width: 1024px) {
  .customerSupportAbout .pageTitleContainer + .contentArea {
    padding-top: 0;
    padding-bottom: 7rem;
  }
}
.customerSupportAbout .content_inner {
  max-width: 96rem;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .customerSupportAbout .content_inner {
    padding: 0 3.2rem;
  }
}
@media (max-width: 717px) {
  .customerSupportAbout .content_inner {
    padding: 0 2rem;
  }
}
@media (max-width: 690px) {
  .customerSupportAbout .content_inner {
    padding: 0;
  }
}
.customerSupportAbout .content_list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 3rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list {
    gap: 1.2rem;
    margin: 0;
    background-color: #F7F8FA;
  }
}
.customerSupportAbout .content_list li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: calc(50% - 1rem);
  min-height: 24.6rem;
  padding: 2.8rem 3rem 0;
  border: 1px solid #CAD5E0;
  border-radius: 2rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list li {
    width: 100%;
    min-height: unset;
    padding: 2.4rem 2rem 0;
    border: 0;
    border-radius: 0;
    background: #FFF;
  }
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list li:last-child::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.2rem;
    transform: translateY(100%);
    background-color: #F7F8FA;
  }
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article {
    height: inherit;
  }
}
.customerSupportAbout .content_list article.over_height {
  position: relative;
}
.customerSupportAbout .content_list article.over_height::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2rem;
  background: linear-gradient(to top, #FFF, transparent);
}
.customerSupportAbout .content_list article.over_height .list_text_wrap {
  max-height: 11.7rem;
  overflow-y: scroll;
  padding-bottom: 2rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.customerSupportAbout .content_list article.over_height .list_text_wrap::-webkit-scrollbar {
  display: none;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article.over_height .list_text_wrap {
    padding: 0;
  }
}
.customerSupportAbout .content_list article img {
  height: 3rem;
  margin-left: 2px;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article img {
    height: 3.3rem;
  }
}
.customerSupportAbout .content_list article strong {
  display: block;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 3rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article strong {
    margin-top: 0.5rem;
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
}
.customerSupportAbout .content_list article .list_text_wrap {
  margin-top: 2rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap {
    margin-top: 0.2rem;
  }
}
.customerSupportAbout .content_list article .list_text_wrap .list_text {
  display: flex;
  align-items: center;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text {
    flex-direction: row;
    align-items: center;
    gap: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 374px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text {
    flex-direction: column;
    align-items: flex-start;
	gap: 0.5rem;
  }
}
.customerSupportAbout .content_list article .list_text_wrap .list_text + .list_text {
  margin-top: 0.8rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text + .list_text {
    margin-top: 0.5rem;
  }
}
.customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap {
    flex-direction: row;
    gap: 0.5rem;
  }
}
@media screen and (max-width: 385px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap > * {
  margin-left: 0;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap > * {
    margin-left: 1.6rem;
  }
}
@media screen and (max-width: 385px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap > * {
    margin-left: 0;
  }
}
.customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap > *::before {
  display: none;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap > *::before {
    display: block;
  }
}
@media screen and (max-width: 385px) {
  .customerSupportAbout .content_list article .list_text_wrap .list_text.list_text_flexWrap > *::before {
    display: none;
  }
}
.customerSupportAbout .content_list article .list_text_wrap span {
  color: #666;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.9rem;
  letter-spacing: -0.1px;
  white-space: nowrap;
}
.customerSupportAbout .content_list article .list_text_wrap span + span {
  position: relative;
  margin-left: 1.6rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap span + span {
    margin-left: 1.6rem;
  }
}
@media screen and (max-width: 374px) {
  .customerSupportAbout .content_list article .list_text_wrap span + span {
    margin-left: 0;
  }
}
.customerSupportAbout .content_list article .list_text_wrap span + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8rem;
  width: 1px;
  height: 1.2rem;
  background: #DDD;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 374px) {
  .customerSupportAbout .content_list article .list_text_wrap span + span::before {
    display: none;
  }
}
.customerSupportAbout .content_list article .list_text_wrap span em {
  margin-left: 6px;
}
.customerSupportAbout .content_list article .list_text_wrap a {
  color: #666;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.9rem;
  letter-spacing: -0.1px;
  white-space: nowrap;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap a {
    display: none;
  }
}
.customerSupportAbout .content_list article .list_text_wrap a + a {
  position: relative;
  margin-left: 1.6rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list article .list_text_wrap a + a {
    margin-left: 1.6rem;
  }
}
@media screen and (max-width: 374px) {
  .customerSupportAbout .content_list article .list_text_wrap a + a {
    margin-left: 0;
  }
}
.customerSupportAbout .content_list article .list_text_wrap a + a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8rem;
  width: 1px;
  height: 1.2rem;
  background: #DDD;
  transform: translate(-50%, -50%);
}
.customerSupportAbout .content_list article .list_text_wrap a em {
  margin-left: 6px;
}
.customerSupportAbout .content_list figure {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  top: 2.8rem;
  right: 3rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list figure {
    right: 2rem;
  }
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list figure img {
    width: 2.6rem;
  }
}
.customerSupportAbout .content_list .contents_link_wrap {
  margin-top: 3.2rem;
  padding: 1.5rem 0;
  border-top: 1px solid #E8EDF1;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list .contents_link_wrap {
    display: flex;
    align-items: center;
    margin-top: 2.4rem;
  }
}
.customerSupportAbout .content_list .contents_link_wrap a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customerSupportAbout .content_list .contents_link_wrap a + a {
  border-left: 1px solid #EEE;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list .contents_link_wrap a {
    position: relative;
    justify-content: center;
    width: 50%;
  }
  .customerSupportAbout .content_list .contents_link_wrap a::before {
    content: "";
    position: relative;
    top: -1px;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 6px;
    background: url("../../assets/images/customer/icon_customer_home.svg") no-repeat center/contain;
  }
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list .contents_link_wrap a.link_page p {
    display: none;
  }
}
.customerSupportAbout .content_list .contents_link_wrap a.link_page p.link_page_mobile {
  display: none;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list .contents_link_wrap a.link_page p.link_page_mobile {
    display: block;
  }
}
.customerSupportAbout .content_list .contents_link_wrap a.link_call {
  display: none;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list .contents_link_wrap a.link_call {
    display: flex;
  }
  .customerSupportAbout .content_list .contents_link_wrap a.link_call::before {
    background: url("../../assets/images/customer/icon_customer_call.svg") no-repeat center/contain;
  }
}
.customerSupportAbout .content_list .contents_link_wrap a p {
  color: #333;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 3rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list .contents_link_wrap a img {
    display: none;
  }
}
.customerSupportAbout .content_list .contents_link_wrap button.btn_call {
  display: none;
  height: inherit;
  border-radius: 0;
  background-color: unset;
  font-weight: 500 !important;
}
@media (max-width: 690px) {
  .customerSupportAbout .content_list .contents_link_wrap button.btn_call {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    border-left: 1px solid #EEE;
    color: #333;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
  }
  .customerSupportAbout .content_list .contents_link_wrap button.btn_call::before {
    content: "";
    position: relative;
    top: -1px;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.6rem;
    background: url("../../assets/images/customer/icon_customer_call.svg") no-repeat center/contain;
  }
}
.customerSupportAbout .customer_title {
  background-color: #F0FBFD;
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_title {
    background-color: #FFF;
  }
}
.customerSupportAbout .customer_title .content_inner {
  position: relative;
  height: 22.2rem;
}
@media screen and (max-width: 992px) {
  .customerSupportAbout .customer_title .content_inner {
    padding: 0 3.2rem;
  }
}
@media (max-width: 717px) {
  .customerSupportAbout .customer_title .content_inner {
    padding: 0 2rem;
  }
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_title .content_inner {
    height: inherit;
    padding: 0 2rem;
  }
}
.customerSupportAbout .customer_title .content_inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 34.2rem;
  height: 22.2rem;
  background: url("../../assets/images/customer/img_customer_character01.svg") no-repeat right center;
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_title .content_inner::after {
    display: none;
  }
}
.customerSupportAbout .customer_title h3 {
  padding-top: 7.8rem;
  font-weight: 200;
  font-size: 3.6rem;
  line-height: 4.8rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_title h3 {
    padding: 3.6rem 0;
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
}
.customerSupportAbout .customer_title h3 strong {
  font-weight: 500;
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_title h3 strong {
    font-weight: 600;
  }
}
.customerSupportAbout .customer_corp {
  padding-top: 8rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_corp {
    padding: 0;
  }
}
.customerSupportAbout .customer_corp .corp_filter {
  display: flex;
  justify-content: flex-end;
  gap: 2.4rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_corp .corp_filter {
    justify-content: flex-start;
    gap: 2.2rem;
    padding: 2rem;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
  }
}
.customerSupportAbout .customer_corp .corp_filter li {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.customerSupportAbout .customer_corp .corp_filter li::before {
  content: "";
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
}
@media (max-width: 690px) {
  .customerSupportAbout .customer_corp .corp_filter li::before {
    width: 2rem;
    height: 2rem;
  }
}
.customerSupportAbout .customer_corp .corp_filter li.corp_filter_my::before {
  background: url("../../assets/images/customer/img_customer_filter_my.svg") no-repeat right center/contain;
}
.customerSupportAbout .customer_corp .corp_filter li.corp_filter_friends::before {
  background: url("../../assets/images/customer/img_customer_filter_friends.svg") no-repeat right center/contain;
}
.customerSupportAbout .customer_corp .corp_filter li p {
  font-weight: 300;
  font-size: 1.4rem;
  color: #888;
}

.popup.new.popup_customerSupport.show {
  display: none;
}
@media (max-width: 690px) {
  .popup.new.popup_customerSupport.show {
    display: block;
  }
}
.popup.new.popup_customerSupport .popupTop {
  height: auto;
  padding: 4rem 2rem 1.6rem;
}
.popup.new.popup_customerSupport .popupTop .popupTitle {
  padding-left: 0;
}
@media (max-width: 690px) {
  .popup.new.popup_customerSupport .popupMiddle {
    padding: 1.4rem 2rem 4rem;
  }
}
.popup.new.popup_customerSupport .popupMiddle .call_lists li + li {
  margin-top: 1.4rem;
}
.popup.new.popup_customerSupport .popupMiddle .call_lists li a {
  display: block;
  padding: 1.6rem;
  background-color: #F7F8FA;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
}
.popup.new.popup_customerSupport .popupMiddle .call_lists li em {
  display: block;
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #666;
  letter-spacing: 0;
}

/*  //2025-03-12 KMVNO-5412 [DR-2025-21373] 마이알뜰폰 고객센터 안내 UI/UX 개선 */

/*  2025-04-28 KMVNO-5358_DR-2025-19639 램프 접속량에 따른 쿠폰함 화면 조회 기능 개선 */
.coupon_main .couponRowContainer .couponInfoContainer {
  width: 100%;
}
.coupon_main .couponRowContainer .couponInfoContainer .couponInfoInner {
  padding: 1.6rem 0;
  background-color: transparent;
}
@media (max-width: 717px) {
  .coupon_main .couponRowContainer .couponInfoContainer .couponInfoInner {
    padding: 0.4rem 0;
  }
}
.coupon_main .coupon_notice_area {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.coupon_main .coupon_notice_area p {
  font-size: 1.6rem;
  line-height: 2rem;
}
@media (max-width: 717px) {
  .coupon_main .coupon_notice_area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
.coupon_main .coupon_notice_area p + .buttonArea {
  margin-top: 2rem;
}
.coupon_main .coupon_notice_area button {
  max-width: 41.2rem;
}
@media (max-width: 717px) {
  .coupon_main .coupon_notice_area button {
    max-width: unset;
  }
}
.cardIslandContainer.coupon_main .couponRowContainer .couponInfoContainer {
  width: 100%;
}
.cardIslandContainer.coupon_main .couponRowContainer .couponInfoContainer .couponInfoInner {
  padding: 0.2rem 0;
  background-color: transparent;
}
@media (max-width: 717px) {
  .cardIslandContainer.coupon_main .couponRowContainer .couponInfoContainer .couponInfoInner {
    padding: 2.8em 0;
  }
}
.myThriftyMain .fieldBottom.minHeight_none {
  min-height: unset;
}
.myThriftyMain .fieldBottom.minHeight_none .couponMassageBox {
  line-height: 3.2rem;
}
@media (max-width: 717px) {
  .myThriftyMain .fieldBottom.minHeight_none .couponStateContainer .couponStateMessageArea:only-child {
    margin-bottom: 1.6rem;
  }
}
/*  //2025-04-28 KMVNO-5358_DR-2025-19639 램프 접속량에 따른 쿠폰함 화면 조회 기능 개선 */

/* 2025-06-09 [KMVNO-5520]_[DR-2025-31686] [마이알뜰폰] 피싱해킹 안심 보험 무료 제공 관련 마이알뜰폰 안내 화면 제작 */
.safety_care {
  background: url(/web/kmvno/assets/images/myThrifty/bg_safety_banner_pc.png) no-repeat 50%/cover;
  border-radius: 4px;
}
@media (max-width:717px) {
  .safety_care {
    background: url(/web/kmvno/assets/images/myThrifty/bg_safety_banner_tablet.png) no-repeat 50%/cover;
  }
}
@media (max-width:414px) {
  .safety_care {
    background: url(/web/kmvno/assets/images/myThrifty/bg_safety_banner_mo.png) no-repeat 50%/100% 100%;
  }
}
.safety_care.formContainer {
  margin-bottom: 7rem;
}
@media (max-width:717px) {
  .safety_care.formContainer {
    margin-bottom: 2rem;
    padding-bottom: 3rem;
  }
}
.safety_care.formContainer .care_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width:717px) {
  .safety_care.formContainer .care_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.safety_care.formContainer .care_header .care_title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.2rem;
}
@media (max-width:717px) {
  .safety_care.formContainer .care_header .care_title {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
}
.safety_care.formContainer .care_header .care_subtitle {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin-top: .8rem;
}
@media (max-width:717px) {
  .safety_care.formContainer .care_header .care_subtitle {
    line-height: 2.2rem;
  }
}
.safety_care.formContainer .care_header .care_subtitle span {
  font-weight: 400;
}
.safety_care.formContainer .care_header .care_subtitle span.pcType {
  display: block;
  margin-top: 1rem;
}
@media (max-width:717px) {
  .safety_care.formContainer .care_header .care_subtitle span.pcType {
    display: none;
  }
}
.safety_care.formContainer .care_header .care_subtitle span.moType {
  display: none;
}
@media (max-width:717px) {
  .safety_care.formContainer .care_header .care_subtitle span.moType {
    display: block;
    margin-bottom: 1rem;
  }
  .safety_care.formContainer .care_header br.moType {
    display: none;
  }
}
@media (max-width:454px) {
  .safety_care.formContainer .care_header br.moType {
    display: block;
  }
}
.safety_care.formContainer .care_header strong {
  color: #2546c6;
}
.safety_care.formContainer .care_header picture img {
  width: 24.3rem;
}
@media (max-width:717px) {
  .safety_care.formContainer .care_header picture img {
    height: 19.3rem;
    width: 28.7rem;
  }
}
@media (max-width:414px) {
  .safety_care.formContainer .care_header picture img {
    height: 17.3rem;
    width: 26.7rem;
  }
}
.safety_care.formContainer .safety_care_btn {
  display: none;
}
@media (max-width:717px) {
  .safety_care.formContainer .safety_care_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: calc(100% - 8rem);
  }
}

.popup.new .popupContent a.popup_link {
  display: block;
  margin-top: 2.8rem;
}
.popup.new .popupContent a.popup_link+.popup_link {
  margin-top: 1rem;
}

/* // 2025-06-09 [KMVNO-5520]_[DR-2025-31686] [마이알뜰폰] 피싱해킹 안심 보험 무료 제공 관련 마이알뜰폰 안내 화면 제작 */
/* 2025-06-24 [KMVNO-5553]_[DR-2025-32750] [마이알뜰폰]피싱·해킹 안심보험 무료 제공 프로모션 배너 문구 변경 */
.safety_care.formContainer .care_header .care_title span {
  font-weight: 400;
}
@media (max-width:460px) {
  .safety_care.formContainer .care_header .care_title {
    font-size: 2.3rem;
    line-height: 3rem;
  }
}
.safety_care.formContainer .care_header .care_subtitle {
  font-weight: 500;
}
/* // 2025-06-24 [KMVNO-5553]_[DR-2025-32750] [마이알뜰폰]피싱·해킹 안심보험 무료 제공 프로모션 배너 문구 변경 */