@charset "UTF-8";
/* noto-sans-kr-regular - latin_korean */
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("../fonts/notoSansKR-Regular-subset.woff2") format("woff2"), url("../fonts/notoSansKR-Regular-subset.woff") format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../fonts/notoSansKR-Medium-subset.woff2") format("woff2"), url("../fonts/notoSansKR-Medium-subset.woff") format("woff");
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto-v20-latin-700.ttf") format("truetype"), url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all; /* 210805 */
}

*:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  /*min-height: 100vh; 210706 */
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica, "apple sd gothic neo", sans-serif, serif;
  font-weight: 400;
  font-style: normal;
  color: #333;
  /* tws */
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -ms-text-size-adjust:none;
  
  /* 210706*/
  padding:constant(safe-area-inset-top) constant(safe-area-inset-right) 0 constant(safe-area-inset-left);
  padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
 
}

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

ol li + li {
  margin-top: .25rem;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

a {
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}

a:hover, a:active {
  outline: 0; 
} 
em {
  font-style:normal;
}
b,
strong {
  font-weight: 500;
}

small {
  font-size: .75rem;
}

img {
  border: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table th,
table td {
  padding: 0;
}

input,
select,
textarea {
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica, "apple sd gothic neo", sans-serif, serif;
  font-size: 1rem;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

/* 웹접근성 */
.skip{
	display:block;
    color:#333;
    text-align: center;
    width:100%;
	height:0;
	background-color: #f8f8f8;
}
.skip:focus{
	height:25px;
}

.mgNone{margin:0 !important}
.mgt10 {margin-top:10px;}
.bg-white {background-color: #fff;}
.bg-lightgray {background-color:#f8f8f8;}
.bg-gray {background-color:#f5f5f5;}
.bg-beige {background-color:#fce9dc;}
.box.bg-beige {background:#fce9dc;}
.initial-cursor {cursor:initial;}
.text-center {text-align: center;}
.fnt-bold {font-weight:500;}/*bold*/

.is-pulled-left {
  float: left;
}

.is-pulled-right {
  float: right;
}

.clear-fix:after {
  content: "";
  display: block;
  clear: both;
}

.flex-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-container .form-control + .form-control {
  margin-top: 0;
}

.flex-container.is-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-container.is-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-container.is-row.is-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-container.is-half > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

.flex-container.is-half.is-responsive {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-container.is-half.is-responsive > div {
  margin-bottom: 1rem;
  padding: 0;
}
.flex-container.is-grow.tws-inp {
	display: block !important;
	position:relative;
}
.flex-container.is-grow.tws-inp .form-control.show-validate {
	display: block;
	position:relative;
	width:100%;
	margin-right:0;
}
.flex-container.is-grow.tws-inp .form-control.show-validate input {
	width:60%;
}
.flex-container.is-grow.tws-inp .radios {
	display: inline-block;
    position: absolute;
    right: 4px;
    /* bottom: 5px; */
    bottom: 7px; /*20.11.12*/
}
.flex-container.is-grow > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-container.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-container.space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.flex-container.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/* 10.22추가 */
.flex-container.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*// 10.22추가 */

/* 220307 추가 */
.term-box {
  margin-top:1rem;
}

.term-box ul {
  padding: 16px 0;
  background:#f5f5f5;
}

.term-box ul li {
  margin-top:0;
}
/* 220307 추가 */

.flex-container.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-container.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-container.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-container .col-1 {
  -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
}

.flex-container .col-2 {
  -ms-flex-preferred-size: 16.66666%;
      flex-basis: 16.66666%;
}

.flex-container .col-3 {
  -ms-flex-preferred-size: 24.99999%;
      flex-basis: 24.99999%;
}

.flex-container .col-4 {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
}

.flex-container .col-5 {
  -ms-flex-preferred-size: 41.66666%;
      flex-basis: 41.66666%;
}

.flex-container .col-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.flex-container .col-7 {
  -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
}

.flex-container .col-8 {
  -ms-flex-preferred-size: 66.66666%;
      flex-basis: 66.66666%;
}

.flex-container .col-9 {
  -ms-flex-preferred-size: 74.99999%;
      flex-basis: 74.99999%;
}

.flex-container .col-10 {
  -ms-flex-preferred-size: 83.333333%;
      flex-basis: 83.333333%;
}

.flex-container .col-11 {
  -ms-flex-preferred-size: 91.66666%;
      flex-basis: 91.66666%;
}

.flex-container .col-12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.flex-container .is-primary {
  margin-top: 0;
}

/* Only works in IE11 */
_:-ms-fullscreen, :root .flex-container.is-half.is-responsive > div {
  min-height: 4rem;
}

.has-text-left {
  text-align: left;
}

.has-text-center {
  text-align: center;
}

.has-text-right {
  text-align: right;
}

/* 210405 */
.is-underline {
  border-bottom:1px solid #e2e2e2;
}

.is-block,
.is-show {
  display: block !important;
}

.is-inline {
  display: inline !important;
}

.is-hidden {
  display: none !important;
}

.is-full-width {
  width: 100%;
}

.is-full-width-ksh {
  width: calc(50% - 5px);
}

.is-full-width + .is-full-width {
  margin-top: 1rem;
}

.is-required:after {
  content: "*";
  color: #b71256;
  margin-left: .25rem;
}
/* [s] 230109 */
label.is-required .is-hidden{
  display:inline-block !important;
  overflow:hidden;
  position:absolute;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  width:1px;
  height:1px;
  margin:0;
  padding:0;
  border:0;
  white-space:nowrap;
}
/* [e] 230109 */

.is-bigger {
  font-size: 1.25rem;
  font-weight: 500;
}

/* [s] 220808 */
.is-bigger input[type=checkbox] + label {
  padding-left: 2.25rem !important; /* 220810 수정 */
  font-size: 1rem; /* 220810 수정 */
  font-weight: 800; /* 220810 추가 */
  line-height: 28px !important;
}
/* [e] 220808 */

/* [s] 220808 */
/* 210726 */
.is-bigger input[type=checkbox] + label:before {
  width: 28px; 
  height: 28px; 
  background: url(../images/btn_chkL_off.png) no-repeat 0 0 / 28px;
}
 /* [e] 220808 */

/* [s] 220808 */
.is-bigger input[type=checkbox]:checked + label:before {
  background: url(../images/btn_chkL_on.png) no-repeat 0 0 / 28px;
}

/* 220413 */
.modal-checklist .is-bigger input[type=checkbox] + label:before {
  top:11px; /* 220808 수정 */
}

.is-bigger > label {
  font-size: 1.25rem;
  margin: 1rem 0;
}

.is-medium {
  font-size: 1rem;
}

.is-small {
  font-size: .875rem;
}
/* [s] 220614 */
.is-pos{position:relative;}
/* [e] 220614 */
.margin-top-none {
  margin-top: 0 !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.margin-top {
  margin-top: 1rem !important;
}

.margin-bottom {
  margin-bottom: 1rem !important;
}

.margin-left {
  margin-left: 1rem !important;
}

.margin-right {
  margin-right: 1rem !important;
}

.margin-left-small {
  margin-left: .5rem !important;
}

.margin-right-small {
  margin-right: .5rem !important;
}

/* 210615 추가 */
.margin-top2 {
  margin-top: 2rem !important;
}

.margin-top-large {
  margin-top: 3rem !important;
}

.margin-bottom-large {
  margin-bottom: 3rem !important;
}

.margin-top-xl {
  margin-top: 4rem !important;
}

.margin-bottom-xl {
  margin-bottom: 4rem !important;
}

.margin-top-small {
  padding-top: .5rem !important; /* 21062403 */
}

.margin-bottom-small {
  margin-bottom: .5rem !important; 
}

.margin-auto {
  margin-left:auto !important;
  margin-right:auto !important;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-top {
  padding-top: 1rem !important;
}

.padding-bottom {
  padding-bottom: 1rem !important;
}

.padding-left {
  padding-left: 1rem !important;
}

.padding-right {
  padding-right: 1rem !important;
}

.padding-left.date-line {
    padding-left:0.5rem !important;
}

.padding-right.date-line {
    padding-right:0.5rem !important;
}

.padding-left-small {
  padding-left: .5rem !important;
}

.padding-right-small {
  padding-right: .5rem !important;
}

.padding-right-large {
  padding-right: 2.5rem !important;
}

.padding-right-xl {
  padding-right: 5rem !important;
}

.padding-top-large {
  padding-top: 2rem !important;
}

/* 220330 */
.padding-top-large.padding-top-large {
  padding-top: 1.563rem !important;
}
/* //220330 */

.padding-bottom-large {
  padding-bottom: 2rem !important;
}

.is-success {
  color: #027337 !important; /* 210728 */
}

.is-danger {
  color: #b71256 !important;
}

.is-point-color {
  color: #b71256 !important;
}

/* 21071404 */
.is-sub-text,
.is-sub-text a {
  color: #555 !important;
  font-weight: normal !important;
}

/* [s] 220607 */
.container .wrapper .content-area > .pd-none{
  padding:0;
}
.is-sub-text.pd-left{
  padding:0 1.5rem 0 1.5rem; 
}
.pagination-sm.pd-left{
  padding: 0 1.5rem 3rem 1.5rem;;
}
/* [e] 22067 */

.is-dimmed {
  color: #bbb !important;
}

.is-anchor {
  display: inline-block;
  color: #b71256;
  text-decoration: underline;
  margin-top: 2rem;
}

.is-anchor.is-small {
  color: #777;
  font-size: .875rem;
  margin: 0;
}


.only{
	display:inline-block;
	padding:2px 6px;
	border: 1px solid #ddd;
	word-break: break-all;
	border-radius: 3px;
	font-size: .75rem;
	color: #b71256;
	margin:2px;
}


.alert {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem 2rem;
  background: #fac9dd;
  font-size: .75rem;
  color: #b71256;
}

.note {
  display: block;
  color: #777;
  font-size: .75rem;
  padding: .25rem 0 .25rem 1.3rem;
  margin-top: 1.5rem;
  background-image: url("../images/ico_noti.svg");
  background-repeat: no-repeat;
  background-position: left .385rem;
  background-size: 1rem;
}
.note.is-danger {
  background-image: url("../images/ico_noti_red.svg");
}

.note.is-small {
  font-size: .75rem;
  background-size: 1rem;
  /* background-position: left .25rem; */
  background-position: left .35rem; /*20.11.05*/
  padding-left: 1.25rem;
}

.note strong {
  color: #b71256;
}

.note + .form-control,
.note + .form-title {
  /* margin-top: 2.5rem; */
  padding-top:2.5rem; /* tws */
}

.desc:before {
  display: inline-block;
  content: '※';
  margin-right: .25rem;
}

.box {
  position: relative;
  background: #f9f9f9; /* 210827 */
  border: 1px solid #eee;
  font-size: .875rem;
  /* color: #777; 210827 */
  line-height: 1.6;
  padding: 1rem;
  margin: .5rem 0;
  word-break: break-word; /* 211104 */
}

.box.no-background {
  background: transparent;
}

/* 211104 추가*/
.box.no-border {
  border: 0;
}

.box.has-footer {
  padding-bottom: 1.75rem;
}

.box textarea {
  border: none;
  padding: 0;
}

.box .remain {
  position: absolute;
  right: 1rem;
  bottom: .375rem;
  -webkit-transform: none;
          transform: none;
  font-size: .875rem;
  color: #777;
}

/* 210429 */
.box strong {
  color: #333;
}

.empty-msg {
  color: #666;
  font-size: .875rem;
  text-align: center;
  background: url("../images/ico_bubble.svg") no-repeat top center;
  padding-top: 3.5rem;
  margin: 2rem 0;
}

.loader {
  position: absolute;
  z-index: 1002;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -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%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: .2s all;
  transition: .2s all;
}

.loader span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin: 0 .25rem;
  -webkit-animation: bounce 1.1s infinite ease-in-out;
          animation: bounce 1.1s infinite ease-in-out;
  will-change: transform;
}

.loader span:nth-child(1) {
  background: #b71256;
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

.loader span:nth-child(2) {
  background: #ff00a8;
}

.loader span:nth-child(3) {
  background: #f100bd;
  -webkit-animation-delay: .15s;
          animation-delay: .15s;
}

.loader span:last-child {
  width: 0;
  margin: 0;
}

.loader ~ .lnb,
.loader ~ .container {
  -webkit-filter: blur(0.125rem);
          filter: blur(0.125rem);
  pointer-events: none;
}

.scroll-wrapper {
  overflow-y: auto;
  padding: 0 1.5rem;
  border: 1px solid #eee;
}

/* [s]210428 */
.text-link{
	text-align:center;
	padding:15px 0;
}
.text-link a{
	text-decoration:underline;
	color:#666;
	font-size:0.875rem
}
/* [e]210428 */


@-webkit-keyframes bounce {
  0%,
  90%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    -webkit-filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
            filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
  }
}

@keyframes bounce {
  0%,
  90%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    -webkit-filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
            filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
  }
}

::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #d1d2d3;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #c1c2c3;
}

::-webkit-scrollbar-thumb:active {
  background: #b1b2b3;
}

::-webkit-scrollbar-track {
  background: none;
}

/* 210615 */
.page-top-desc{
	margin-top: 0;
}



body {
  background: white;
  color: #333;
  overflow: hidden;
}

button, input {
    /*20.10.29 input,button IOS기본스타일 제거*/
    -webkit-appearance:none;
    -moz-appearance:none;
}

body.login header > .flex-container {
  display: none !important;
}

header:not(.lightpick__month-title-bar) {
  position: fixed; 
  top:0; 
  z-index: 3;
  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;
          
  
  height:4rem; /* 21071404 */
  
  padding:constant(safe-area-inset-top) 1.5rem 0;
  padding:env(safe-area-inset-top) 1.5rem 0;
  width: calc(100% - 3rem);
  box-sizing:content-box;

  background: white;
  border-bottom: 1px solid #e2e2e2;
  -webkit-transition: .2s all;
  transition: .2s all;
}

header:not(.lightpick__month-title-bar) > div:not(.flex-container) {
    position: relative;
    width: 30rem;
    margin: 0 auto;
    height:100%;
}




header.intro-header > div:not(.flex-container) {
    width: 1024px !important; /* 210420 */
}


header:not(.lightpick__month-title-bar) .logo_cor{
	text-align:center;
    height: 100%;
}


header:not(.lightpick__month-title-bar) .logo_cor img {
    height: 1.18rem;
    margin-top: 1.3rem; /* 21071503 */
}



header:not(.lightpick__month-title-bar).scrolled {
  border-bottom-color: #eee;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.08);
}

header:not(.lightpick__month-title-bar).show-back-button .back-button {
  display: none;
}

header:not(.lightpick__month-title-bar).show-back-button .back-button span {
  margin-left: .25rem;
}

header:not(.lightpick__month-title-bar).blur {
  -webkit-filter: blur(0.125rem);
          filter: blur(0.125rem);
  pointer-events: none;
}


header:not(.lightpick__month-title-bar) h1 a{
	display:inline-block;
    margin-top:10px; /* 21071405 */
}

header:not(.lightpick__month-title-bar) h1 img {
	width: 7rem;
	height: 1.12rem;
}


header:not(.lightpick__month-title-bar) .back-button {
	display: none;
	position: absolute;
	top: 0;
	left: -0.5rem;
	z-index:2;
	height: 4rem; /* 21071404 */
}


header:not(.lightpick__month-title-bar) button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: .875rem;
	color: #111;
	padding: 0;
	border: none;
}


header:not(.lightpick__month-title-bar) .menu-button {
	position: absolute;
	top: 0;
	right: 0;
	z-index:2;
	height: 4rem; /* 21071404 */
}


header:not(.lightpick__month-title-bar) button svg {
  width: 1rem;
  height: 1rem;
  margin: 0 .25rem;
}

header:not(.lightpick__month-title-bar) button:hover {
  color: #b71256;
}

header:not(.lightpick__month-title-bar) button:hover svg {
  fill: #b71256;
}

/* [s] 220705 dev / stg클래스 추가 */
body.dev header h1{text-align:center;}
body.dev header::after{content:'DEV';position:absolute;top:50%;left:20px;margin-top:-13px;padding:2px 6px;border-radius:5px;background:rgb(102, 102, 255);;font-size:16px;color:#fff;}
body.stg header h1{text-align:center;}
body.stg header::after{content:'STG';position:absolute;top:50%;left:20px;margin-top:-13px;padding:2px 6px;border-radius:5px;background:#ce1461;font-size:16px;color:#fff;}
body.local header h1{text-align:center;}
body.local header::after{content:'LOCAL';position:absolute;top:50%;left:20px;margin-top:-13px;padding:2px 6px;border-radius:5px;background:#2cde50;font-size:16px;color:#fff;}
/* [e] 220705 dev / stg클래스 추가 */

/* [s]210524 */

header h1{
	display: none;
}

/* 210528 */
.login header h1,
.signUp header h1{
	display: block;
}

header h2{
	display: none;
}

header:not(.lightpick__month-title-bar) h2.page-title {
  display: block;
  font-size: 1.125rem;
  text-align: center;
  width: 70%;
  position: absolute;
  left: 15%;

   /* 21063002
  padding-top:constant(safe-area-inset-top);
  padding-top:env(safe-area-inset-top);
   */
}

/* [s] 221026 */
header:not(.lightpick__month-title-bar) h1.page-title{
  display:block;
  position:absolute;
  left:15%;
  width:70%;
  font-size:1.125rem;
  text-align:center;
}
/* [e] 221026 */


header:not(.lightpick__month-title-bar) .flex-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header:not(.lightpick__month-title-bar) .flex-container .form-control {
  display: none;
  width: 1.5rem;
  border-bottom-width: 0;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: .6s all;
  transition: .6s all;
  overflow: hidden;
}

header:not(.lightpick__month-title-bar) .flex-container .form-control input[type=text] {
  height: auto !important;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  width: 0;
  padding-right: 0 !important;
}

header:not(.lightpick__month-title-bar) .flex-container .form-control.is-active {
  width: 100%;
  border-bottom-width: 2px;
}

header:not(.lightpick__month-title-bar) .flex-container .form-control.is-active input[type=text] {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  width: 100%;
}

header:not(.lightpick__month-title-bar) .flex-container hr {
  display: none;
  width: 1px;
  height: 1rem;
  margin: 0 1rem;
  border: none;
  background: #888;
}

header:not(.lightpick__month-title-bar) .flex-container button {
  margin-left: 1rem;
}


header:not(.lightpick__month-title-bar) .flex-container button.menu-button {
  position: absolute;
  right: 1.5rem;
  top:calc(50% - 9px);
}

.container {
	height: 100%;
	padding-top: 4rem; /* 21071503 */
	overflow-x: hidden;
}

.container.tws-container {
  height:100%; /* 21071503 */
}
.container .tws-wordWrap {
	word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
}
.container .wrapper {
  width: 30rem;
  min-height: calc(100% - 5rem);
  margin: 0 auto;
}

.container .wrapper .page-title {
  padding: 3rem 0 1rem;
}

.container .wrapper .page-desc {
  padding: 1rem 0 2rem;
}

.container .wrapper .sub-title {
  font-size: 1.125rem;
}

.container .wrapper .content-area {
  padding-bottom: 3rem;
}

.container .wrapper .content-area > div {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 0 1.5rem;
}
.container .wrapper .content-area > div.steps {
  padding: 3rem 1.5rem 3rem;
}

.container .wrapper .content-area > div > label {
  font-size: .875rem;
  font-weight: 500;
}

.container .wrapper .content-area > div + div {
  margin-top: 2rem;
}

.container .wrapper .content-area > div > p + p {
  margin-top: 1.5rem;
}

.container .wrapper .content-area > div > p .is-anchor {
  margin: 0;
}

.container .wrapper .content-area > div.message {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  margin: 0;
}


/* [s] 210415 */
.container .wrapper .content-area > div.is-failure {
  padding-top:100px;
  text-align: center;
  
}


.container .wrapper .content-area > div.is-failure:before{
	content:'';
	display:inline-block;
	width:120px;
	height:86px;
	background:url("../images/ico_failure.svg")no-repeat center top;
    background-size:120px auto;
}

.container .wrapper .content-area > div.is-failure.cs:before{
	height:106px;
	background-image:url("../images/ico_failure2.svg");
	background-size:100px auto;
	width:100px;
}


.container .wrapper .content-area > div.is-failure .point {
  font-size: 1.125rem;
  margin: 1rem 0 .25rem;
  color: #111;
}

/* [e] 210415 */

.container .wrapper .content-area > div.message svg {
  height: 4rem;
}

.container .wrapper .content-area > div.message h2{ 
  font-size: 1.125rem;
  margin: 1rem 0 .25rem;
  color: #111;
}

/**add by hmchoi*/
.container .wrapper .content-area nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.container .wrapper .content-area > div.message.is-success svg {
  fill: #00c66b;
}

.container .wrapper .content-area > div.message.is-info svg {
  fill: #2b91cf;
}

.container .wrapper .content-area > div.message.is-warning svg {
  fill: #fad234;
}

.container .wrapper .content-area > div.message.is-danger svg {
  fill: #b71256;
}

.container .wrapper .content-area > div.message button {
  width: 26rem;
}

footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 5rem;  

	 /* 21070102 */
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	
    box-sizing:initial;
	width: 100%;
	text-align: center;
	background: #f9f9f9; /* 210726 */
}

footer a,
footer p {
  color: #666; /* 210726 */
  font-size: .75rem;
}

footer a.lang{
	padding-left:22px;
	background:url("../images/ico_global.png") no-repeat left center / auto 89%
}

footer hr {
  width: 1px;
  height: .625rem;
  border: none;
  background: #bbb;
  margin: 2px .8rem 0;
}

footer .flex-container {
	margin-bottom:3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .flex-container .footer-interval {
	padding:0 5px;  /* 210622 푸터 글자 떨어짐 수정*/
}

/* footer_new */
footer .footer-inner {
    display:block; 
    position:relative; 
    width:400px; /* 211216 */
    margin:0 auto;
}

footer .flex-container .privacy {
    color:#666;
    font-weight:500;
}
/* //footer_new */

.login {
  position: relative;
  background: white;
}

.login .wrapper {
  min-height: initial;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 2rem;
}

.login .wrapper .title {
  margin: 4rem 0;
}

.login .wrapper .title h1 {
  margin-bottom: 1rem;
}

.login .wrapper .title h1 img {
  width: 10rem; /* 210323 */
  height: 2.5rem;
}

.login .wrapper .title p {
  color: #777;
  font-size: .875rem;
}

.login .wrapper .form-control + div label {
  font-size: .875rem;
  margin-top: .75rem;
  cursor: pointer;
}

/* 210727
.login .wrapper .form-control + div label:before {
  top: .375rem;
} */

.login .wrapper button.is-primary {
  margin-top: 2rem;
}

.login .wrapper .flex-container {
  padding: 0 1.5rem;
  margin-top: .5rem;
}

.login .wrapper .flex-container a {
  font-size: .875rem;
  color: #666;
}

.login .wrapper .flex-container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login .wrapper .flex-container div hr {
  width: 1px;
  height: .75rem;
  border: none;
  background: #bbb;
  margin: 0 .75rem;
}

/* [s] 210203 */
.login .wrapper .text-link{
	text-align:center;
	padding:15px 0;
}
.login .wrapper .text-link a{
	text-decoration:underline;
	color:#666;
	font-size:0.875rem
}
/* [e] 210203 */

/* 210408 
.form-control input[type]:not([type=checkbox]):not([type=radio]).loginCtr{
	padding-right:2.5rem;
}
*/

/* [s] 221026 */
.login .wrapper .login-check{
  display:none;
}
.login .wrapper .qr-form{
  margin-top:1rem;
}
/* [e] 221026 */

.login footer {
  background: transparent;
  height: 8rem;
  margin-top: 4rem;
}

html > body .login .wrapper {
  height: auto;
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  background: white;
}

nav button {
  display: none;
  width: 1rem;
  height: 2.25rem;
  text-indent: -9999px;
  border: none;
  padding: .5rem 0;
  background-color: transparent;
  background-image: url("../images/ico_back.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}

nav button:active {
  background-color: inherit;
  background-image: url("../images/ico_back.svg");
}

nav button img {
  display: none;
}

nav.navbar {
  padding: 1rem 1.5rem;
}

nav h2 {
  width: 100%;
  text-align: left;
  font-size: 1.625rem;
  font-weight: 500;
  padding-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lnb {
  /* position: absolute; */
  position: fixed; /* tws  */
  z-index: 4;
  top: 0;
  /* right: -26rem; */
  right: -30rem;
  width: 26rem;
  height: 100%;
  background: white;
  -webkit-transition: .4s all;
  transition: .4s all;
}

.lnb button {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  color: #111;
}

.lnb svg {
  width: 1rem;
  height: 1rem;
}

.lnb a {
  color: #777; /* 210726 */
}

.lnb a svg {
  fill: #777; /* 210726 */
}

.lnb a:hover {
  color: #b71256;
}

.lnb a:hover svg {
  fill: #b71256;
}

.lnb.is-shown {
  right: 0;
  -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.06), -4px 0 10px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 0 2px rgba(0, 0, 0, 0.06), -4px 0 10px rgba(0, 0, 0, 0.08);
}

.lnb.is-shown + .lnb-bg {
  display: block;
  z-index: 3;
  opacity: .3;
}

.lnb .lnb-header {
  padding: 0.5rem 1.5rem;
  background: #f9f9f9; /* 210726 */
}

.lnb .lnb-header h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lnb .lnb-header h1 svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: .25rem;
}

.lnb .lnb-header h1 img {
  width: 5rem;
  margin-left: .25rem;
}

.lnb .lnb-header .space-between {
  line-height: 3rem;
}

.lnb .lnb-header .space-between div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: bold;
}

.lnb .lnb-header .space-between div svg {
  margin-left: .25rem;
}

.lnb .lnb-header .space-between a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: .75rem;
  height: 3rem;
}

.lnb .lnb-header .space-between a svg {
  margin-right: .25rem;
}

.lnb .lnb-header .flex-container {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lnb .lnb-header .flex-container .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  border-bottom: 2px solid #111;
  margin: 0 1rem;
}

.lnb .lnb-header .flex-container .form-control input {
  border: none;
  background: transparent;
  width: 100%;
  height: inherit;
}

.lnb .lnb-header .flex-container button {
  font-size: .875rem;
 /* height: 3rem; 210720 */
  padding:1px 6px 1px 3px; /* 210720 */
}

/* 210720 추가 */
.lnb .lnb-header .flex-container button.main-loginButton{
	height:auto;
	padding:1px 3px;
}

.lnb .lnb-header .flex-container button svg {
  fill: #111;
}

.lnb .lnb-header .flex-container button:hover svg {
  fill: #b71256;
}

.lnb .lnb-content {
  padding: 0 1rem 1rem 2rem;
  height: calc(100% - 10rem);
  overflow-y: auto;
}

.lnb .lnb-content label {
  display: block;
  font-size: .75rem;
  font-weight: 500;
  margin: 1.5rem 0 .375rem;
}

.lnb .lnb-content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: .875rem;
  padding: .75rem 0;
}

.lnb .lnb-content a svg {
  margin-right: .625rem;
}

.lnb .lnb-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3rem;
  border-top: 1px solid #eee;
}

.lnb .lnb-footer a {
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: .75rem;
}

.lnb .lnb-footer hr {
  width: 1px;
  height: .75rem;
  border: none;
  margin: 0 2rem;
  background: #bbb;
}

.lnb + .lnb-bg {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  opacity: 0;
  -webkit-transition: .4s all;
  transition: .4s all;
}

/* style_main.css - lnb 옮김 */
body .lnb {
  position: absolute;
  z-index: 6;
  top: 0;

 /* 21063002
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
*/
  right: -27.5rem;
  width: 27.5rem;
  height: 100%;

   /* 21063002
  height:calc(100% - constant(safe-area-inset-bottom) - constant(safe-area-inset-top));
  height:calc(100% - env(safe-area-inset-bottom) - env(safe-area-inset-top));
   */


  background: #fff;
  -webkit-transition: .4s all;
  transition: .4s all;
}

body .tws-lnb {
	position: fixed;
	right: -30rem;
}

body .lnb.is-shown {
  right: 0;
}

body .lnb.is-shown + .lnb-bg {
  z-index: 5;
  opacity: .3;
}

body .lnb .lnb-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
  padding: 0 1.5rem;
}

body .lnb .lnb-header .flex-container {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


/* [s]211116 */
 
 body .lnb .lnb-header  .utilmenu{
 	position:relative;
 	background: #fff;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem);
    margin-top: .5rem;
    border-bottom:1px solid #f5f5f5;
 }
 
   
 body .lnb .lnb-header .flex-container.utilmenu .main-loginButton{
	 position:absolute;
	 top:50%;
	 left:50%;
	 transform: translate(-50%,-50%);
     padding:.5rem 5rem;
     z-index:1;
     width: auto;
 } 

 
 body .lnb .lnb-header  .utilmenu a{
     flex-direction: column;
     align-items: center;
     width: 33%;
 }
 
 /* 211122 추가 */
 body .lnb .lnb-header  .utilmenu a.wd100{
     width: 100%;
 }
 
 body .lnb .lnb-header .flex-container.utilmenu a{
 	border-right:1px solid #f5f5f5;
 	padding:14px 0;
 }
  body .lnb .lnb-header .flex-container.utilmenu a:last-child{
 	border-right:0;
 }
 body .lnb .lnb-header .flex-container.utilmenu a svg,
 body .lnb .lnb-header .flex-container.utilmenu a img{
 	width:2rem;
 	height:2rem;
 	margin:0;
 } 
 body .lnb .lnb-header .flex-container.utilmenu a span{
 	color:#333;
 	margin-top:10px;
 }
 
 
 body .lnb .lnb-header  .utilmenu.login-off a{opacity:.2}
 
  /* [e]211116 */
  
  
  

body .lnb .lnb-header .flex-container .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  border-bottom: 2px solid #111;
  margin: 0 1rem;
}

body .lnb .lnb-header .flex-container .form-control input {
  border: none;
  background: transparent;
  width: 100%;
}

body .lnb .lnb-header .flex-container .form-control input::-webkit-input-placeholder {
  color: #bbb;
}

body .lnb .lnb-header .flex-container .form-control input:-ms-input-placeholder {
  color: #bbb;
}

body .lnb .lnb-header .flex-container .form-control input::-ms-input-placeholder {
  color: #bbb;
}

body .lnb .lnb-header .flex-container .form-control input::placeholder {
  color: #bbb;
}

body .lnb .lnb-header .flex-container button {
  font-size: 1.125rem;
}

body .lnb .lnb-header .flex-container button img {
  width: 1rem;
}

body .lnb .lnb-header .flex-container button svg {
  width: 1rem;
  height: 1rem;
  fill: #111;
}

/* lnb-content에 스크롤 적용 */
body .lnb .lnb-content {
    display:block;
    overflow-y:auto;
    height:calc(100% - 185px); /* 210709 */
    padding: 0 2.5rem 2.5rem;
}

body .lnb .lnb-content label {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 2rem 0;
}

body .lnb .lnb-content a {
  font-size: 1rem;
  margin-bottom: 1.625rem;
}

body .lnb .lnb-content a svg {
  width: 1rem;
  height: 1rem;
  fill: #666;
  margin-right: .5rem;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

body .lnb .lnb-content a:hover {
  color: #b71256;
}

body .lnb .lnb-content a:hover svg {
  fill: #b71256;
}

/* [s]220222 */
body .lnb .lnb-content .ico_bnft svg {
  fill:none;
  stroke:#666;
}

body .lnb .lnb-content .ico_bnft:hover svg {
  fill:none;
  stroke:#b71256;
}
/* [e]220222 */

body .lnb + .lnb-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  opacity: 0;
  -webkit-transition: .4s all;
  transition: .4s all;
}

body .lnb.tws-lnb .lnb-header {
	display:block !important;
	position: relative;
	height:120px;
	padding: 0.5rem 1.5rem 0; /* 211116 */
	padding: 0.5rem calc(1.5rem + constant(safe-area-inset-right)) 0 1.5rem;  /* 21071403 */
	padding: 0.5rem calc(1.5rem + env(safe-area-inset-right)) 0 1.5rem;  /* 21071403 */
	font-size:14px;
}

body .lnb.tws-lnb .lnb-header h2,
body .lnb.tws-lnb .lnb-header a { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    padding:14px 0;
	margin-top:4px; 
    width:50%; 
}


body .lnb.tws-lnb .lnb-header h2 + button,
body .lnb.tws-lnb .lnb-header a + button { 
	position:absolute;
	top:24px; 
	right:calc(24px + constant(safe-area-inset-right));/* 21071403 */
	right:calc(24px + env(safe-area-inset-right));/* 21071403 */
  	height:auto;
}

body .lnb.tws-lnb .lnb-header h2 svg,
body .lnb.tws-lnb .lnb-header a svg { 
	width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align:-2px;
}


body .lnb.tws-lnb .lnb-header h2 img,
body .lnb.tws-lnb .lnb-header a img { /* 웹접근성 */
  display:inline-block;
	/* width: 100%; */
}
body .lnb.tws-lnb .lnb-header h2 .tws-lnb-imgBox,
body .lnb.tws-lnb .lnb-header a .tws-lnb-imgBox { /* 웹접근성 */
  display:inline-block;
  width:5rem;
  margin-top:2px;
  margin-left:2px;
}
body .lnb.tws-lnb .lnb-header h2 .tws-lnb-imgBox img,
body .lnb.tws-lnb .lnb-header a .tws-lnb-imgBox img { /* 웹접근성 */
  display:block;
  width:100%;
  height: 100%;
}
body .lnb.tws-lnb .lnb-header .tws-user {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding:5px 0; /* 211116 */
	vertical-align:top;
}
body .lnb.tws-lnb .lnb-header .tws-user > div {
	font-size:16px;
	font-weight:bold;
}
body .lnb.tws-lnb .lnb-header .tws-user > div svg {
	width:16px;
	height:16px;
	vertical-align:-1px;
	margin-right: 8px; 
}

body .lnb.tws-lnb .lnb-header .tws-user.login-on > div svg{
	margin-left:4px;
}


body .lnb.tws-lnb .lnb-header .tws-user > button {
	font-size:12px;
	color:#555; /* 210728 */

}
body .lnb.tws-lnb .lnb-header .tws-user > button svg {
	margin-right:4px;
	fill:#555; /* 210728 */
	vertical-align:-3px;
}
body .lnb.tws-lnb .lnb-content {
	padding:0 16px 16px 30px;
}
body .lnb.tws-lnb .lnb-content label {
	margin:24px 0 6px 0;
	font-size:12px;
}
body .lnb.tws-lnb .lnb-content > div > a {
	font-size:14px;
	margin:0;
	padding:13.3px 0;
}
body .lnb.tws-lnb .lnb-content > div > a:hover,
body .lnb.tws-lnb .lnb-content > div > a:focus {
	color:#b71256;
}
body .lnb.tws-lnb .lnb-content > div > a svg {
	margin-right:10px;
	vertical-align:-1px;
}

body .lnb.tws-lnb .lnb-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  -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: 3rem;
  
 /* 21063006 */
  padding-bottom: calc(15px + constant(safe-area-inset-bottom));
  padding-bottom: calc(15px + env(safe-area-inset-bottom));

  box-sizing:initial; /* 21063002 */
  border-top: 1px solid #eee;

}
body .lnb.tws-lnb .lnb-footer a {
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: .75rem;
  color:#777;
}

body .lnb.tws-lnb .lnb-footer hr {
  width: 1px;
  height: .75rem;
  border: none;
  margin: 0 13px;
  background: #bbb;
}


button {
  border: 1px solid #b71256;
  background: white;
  border-radius: 9999px;
  color: #b71256;
  font-size: 1.125rem;
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica, "apple sd gothic neo", sans-serif, serif;
  padding: 1rem;
  cursor: pointer;
}

button:hover {
  color: #f100bd;
  border-color: #f100bd;
}

button:active {
  background-color: #fff0f5;
}

button:disabled {
  cursor: default;
  color: #ccc;
  border-color: #ccc;
}


button.is-primary {
  background: #b71256;
  color: white;
  margin-top: 4rem;
}

button.is-primary:hover {
  background: #ce1461;
}


button.is-primary:active {
  background: #a0104b;
}

button.is-primary:disabled {
  cursor: default;
  border-color: transparent;
  background: #777; /* 210728 */
  color: #fff;
}

button.text-button {
  height: 32px;
  font-size: .875rem;
  padding: .125rem .75rem;
  background: #eee; 
  color: #555;
  border:none;
  border-radius: .25rem;
}

/* 220329 추가 */
button.black-btn {
  background: #000;
  color: #fff;
}
.coupon-btn-wrap {
  margin: 25px 0 0;
}
.coupon-btn-wrap a {
  display: inline-block;
  padding: 0.75rem; /* 220330 수정 */
  background: #b71256;
  color: #fff;
  border: 1px solid #b71256;
  text-align: center;
}
/* //20329 추가 */

/* 220330 추가*/
.coupon-btn-wrap.end-btn-wrap {
  margin: 25px 0 0;
}
.coupon-btn-wrap.end-btn-wrap a {
  padding: 0.75rem;
  background: #888; 
  color: #ccc; 
  border: 1px solid #888;
}
.event-btn-wrap {
  margin: 0;
}
.event-btn-wrap a {
  display: inline-block;
  padding: 0.75rem;
  background: #b71256;
  color: #fff;
  border: 1px solid #b71256;
  text-align: center;
}
.list-btn {
  padding-top: 1.875rem;
}
.list-btn .is-pulled-right {
  width: 100%;
  padding-top: 1.875rem;
  border-top: 1px solid #EEEEEE;
}
.list-btn .is-pulled-right button {
  width: 100%;
  height: 3.125rem;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
}
.padding-none-top .list-btn {
  padding-top: 0;
}

/* //220330 */

/* 220512 추가 */
.container.event .content-area .post-content{padding:1rem 0;}
.container.event .coupon-area .coupon-wrap{
  overflow:hidden;
  margin-top:10px;
}
.container.event .coupon-area .coupon-wrap .desc-box{
  display:flex;  
  border:1px solid #b71256;
}
.container.event .coupon-area .coupon-wrap .desc-box .left{
  position:relative;
  flex:1;
}
.container.event .coupon-area .coupon-wrap .desc-box .left::before{
  content:'';
  position:absolute;
  top:-10px;
  left:-10px;
  width:20px;
  height:20px;
  border-radius:50%;
  border:1px solid #b71256;
  background:#fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .left::after{
  content:'';
  position:absolute;
  bottom:-10px;
  left:-10px;
  width:20px;
  height:20px;
  border-radius:50%;
  border:1px solid #b71256;
  background:#fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box{
  padding:1.625rem 3.125rem 1.688rem 1.875rem;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .tit{
  font-size:20px;
  font-weight:900;
  color:#B71256;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .number{
  margin-top:3px;
  font-size:14px;
  color:#555;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .use-term{
  margin-top:15px;
  font-size:12px;
  color:#999;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .date{
  font-size:13px;
  color:#666;
}
.container.event .coupon-area .coupon-wrap .desc-box .right{
  position:relative;
  width:44px;
  padding-left:0.125rem;
  background:#b71256;
}
.container.event .coupon-area .coupon-wrap .desc-box .right::before{
  content:'';
  position:absolute;
  top:-10px;
  right:-10px;
  width:20px;
  height:20px;
  border-radius:50%;
  border:1px solid #b71256;
  background:#fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .right::after{
  content:'';
  position:absolute;
  bottom:-10px;
  right:-10px;
  width:20px;
  height:20px;
  border-radius:50%;
  border:1px solid #b71256;
  background:#fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .right .txt-box{
  position:relative;
  height:100%;
  border-left:1px dashed #fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .right p{
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-8px;
  margin-left:-28px;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  color:#fff;
  transform: rotate(90deg);
}
.container.event .coupon-area .event-btn-wrap button.is-primary{
  margin-top:1.875rem;
}
.container.event .coupon-area .event-btn-wrap .is-primary.btn-gray{
  border:1px solid #888;
  background:#888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .left .txt-box .tit{
  color:#666;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .right{
  background:#888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box{
  border:1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .left::before{
  border:1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .left::after{
  border:1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .right::before{
  border:1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .right::after{
  border:1px solid #888;
}
.container.event .notice-wrap{
  position:relative;
  /* padding:1.875rem 0 0 1.25rem; */
  padding:2.938rem 0 0 1.25rem; /* 220627 수정 */
  font-size:12px;
  color:#777;
  line-height:1.125rem;
}
.container.event .notice-wrap::after{
  content:'';
  position:absolute;
  /* top:30px; */
  top:48px; /* 220627 수정 */
  left:0;
  width:16px;
  height:16px;
  background:url(../images/ico_info.png) no-repeat;
  background-size:16px 16px;
}
.container.event .notice-wrap .error{
  color:#b71256; /* 220627 수정 */
} 
/* //220512 */

/* [s] 220627 */
.container.event .link_wrap{padding-top:1.625rem;text-align:center;}
.container.event .link_wrap a{padding-right:32px;background:url(../images/ico_link_wrap.png) no-repeat 100% 50%;background-size:32px 32px;font-size:14px;color:#000;line-height:20px;text-decoration:underline;}
/* [e] 220627 */


button.text-button:hover {
  background: #555;
  color:#fff;
}

button.text-button:disabled {
  background: #f0f0f0;
  color: #555; /* 210906 */
}


button.text-button:active {
  background: #444;
}

button.text-button.is-bigger {
  font-size: 1rem;
  font-weight: normal;
}


button.text-button.is-primary {
  background: #b71256;
  color: white;
  margin-top:0; /* 210906 */
}

button.close-button {
  background: transparent;
  border: none;
  padding: 1rem;
  text-indent: -9999px;
  background-image: url("../images/ico_delete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: .75rem;
}

button.no-border {
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

button.no-border svg {
  fill: #b71256;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
}


button.no-border:hover {
  background: #f5f5f5;
}


button.no-border:hover svg {
  fill: #f100bd;
}

button.no-border:active {
  background-color: #fff0f5;
  color: #b71256;
}

button.no-border:active svg {
  fill: #b71256;
}

.not-rounded {
  border-radius: .25rem;
  color: #333;
  font-size: .875rem;
  border: 1px solid #eee;
  padding: .375rem 1.25rem;
}

.not-rounded.is-primary {
  color: white;
  margin-top: 0;
}
/*20.11.05*/
.not-rounded.is-primary.btn-find {
  height:48px;
}

.not-rounded.is-primary:hover {
  color: white;
}

.not-rounded:hover {
  color: #b71256;
  border-color: #b71256;
}

table {
  border-collapse: collapse;
  font-size: .875rem;
  text-align: center;
}

table th {
  background: #eee;
  border-left: 1px solid white;
  font-weight: 500;
  padding: .625rem .5rem;
}

table th:first-child {
  border-left: none;
}

table tr td {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #777;
  padding: .625rem .5rem;
}

table tr td:last-child {
  border-right: 1px solid #eee;
}

table.is-horizontal tbody tr:first-child td {
  border-top: 1px solid #eee;
}

table.is-horizontal tbody th {
  text-align: right;
}

table.is-horizontal tbody td {
  text-align: left;
}

table.is-horizontal tbody td ul li {
  margin-top: .5rem;
}

table.is-horizontal tbody td .is-small {
  font-size: .75rem;
}

table + table {
  margin-top: 1rem;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

input::-ms-clear {
  display: none;
}

input::-ms-check {
  display: none;
}

input::-ms-reveal {
  display: none;
}

input::-ms-expand {
  display: none;
}


input[type]:not([type=checkbox]):not([type=radio]):not([type=button]),
select:not([class^=light]) {
  font-size: 1.125rem;
  height: 3rem;
  padding-left: .5rem;
  padding-right: .5rem;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type]:not([type=checkbox]):not([type=radio]):not([type=button]).has-gray-bg,
select:not([class^=light]).has-gray-bg {
  background: #f5f5f5;
  font-size: 1rem;
  padding: 0 0.5rem;   /*tws*/
}

.qna-area .date-area {
    margin-top:0.5rem;
}

.qna-area .not-rounded.is-primary.btn-find {
  background: #eee;
  color:#555;
  border:none;
}
.qna-area .not-rounded.is-primary.btn-find:hover {
  background: #555;
  color:#fff;
  border:none;
}

input[type]:not([type=checkbox]):not([type=radio]):not([type=button]).date-box.has-gray-bg, select:not([class^=light]).date-box.has-gray-bg  {
    margin-right:10px;
}

input[type]:not([type=checkbox]):not([type=radio]):not([type=button]) {
  display: block;
  width: 100%;
  border: none;
}

input[type]:not([type=checkbox]):not([type=radio]):not([type=button]) + input[type]:not([type=checkbox]):not([type=radio]) {
  margin-top: 2rem;
}

/* tws IOS input:disabled 대응 */
input:disabled {
  opacity:1;
  -webkit-text-fill-color:inherit;
}
/* //tws */

input:-moz-read-only {
  background: #f2f2f2 !important;
  color: #333 !important;
  padding-left: .5rem !important;
}

input:read-only {
  background: #f2f2f2 !important;
  color: #333 !important;
  padding-left: .5rem !important;
}

input[readonly='readonly']::-moz-selection {
  background: #f2f2f2 !important;
}

input[readonly='readonly']::selection {
  background: #f2f2f2 !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #777;/* 210726 */
  overflow: visible;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #777;/* 210726 */
  overflow: visible;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #777;/* 210726 */
  overflow: visible;
}

input::placeholder,
textarea::placeholder {
  color: #777;/* 210726 */
  overflow: visible;
  font-size:16px; /* 211207 */
}

input:-moz-read-only + .form-button .show-password,
input:-moz-read-only + .form-button .delete-button {
  display: none !important;
}

input:read-only + .form-button .show-password,
input:read-only + .form-button .delete-button {
  display: none !important;
}

input[type=button] {
  color: #333;
  font-size: .875rem;
  background: white;
  border: 1px solid #eee;
  border-radius: .25rem;
  padding: .375rem 1.25rem;
  cursor: pointer;
}

input[type=button]:hover {
  color: #b71256;
  border-color: #b71256;
}

input[type=button]:disabled {
  background: #f5f5f5;
  color: #ddd;
  border-color: #ddd;
}

input[type=button]:active {
  background: #fef2f6;
  color: #b71256;
  border-color: #b71256;
}

input:focus {
  background-color: rgba(183,18,86,0.02) !important;
}

input, textarea, select { /* 0119 button, a, label 태그삭제 */
  outline-color: #b71256 !important;
}

/* 210712 추가 */
label{outline:none !important}


label:focus {
  border : 1px solid #b71256; /* 210712 수정 */
  border-radius:2px;
}

select:not([class^=light]){
  padding-right: 2rem;
  background-color: #fafafa !important;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: .75rem;
  border: none;
}

select::-ms-expand {
  display: none;
}

textarea {
  resize: none;
  padding: 1rem;
  border-color: #eee;
  overflow-y: auto;
}

.agreeArea{
  position:relative;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  top:-3px; /* 220614 추가 */
  left:-9px; /* 220614 추가 */
  /* z-index: -1; 220614 삭제 */
  /* width: 0; 220614 삭제 */
  /* height: 0; 220614 삭제 */
  width:24px; /* 220614 추가 */
  height:24px; /* 220614 추가 */
  /* top: -9999px;  220614 삭제 */
  background:transparent !important; /* 220614 추가 */
}

/* [s] 240305 */
input[type=checkbox]{
  border:none;
}
/* [e] 240305 */

/* [s] 220808 */
input[type=checkbox] + label {
  padding-left: 1.875rem !important; /* 220810 수정 */
}
/* [e] 220808 */

input[type=checkbox] + label,
input[type=radio] + label {
  position: relative;
  display: inline-block;
  font-size: .875rem;
  line-height: 1.8;
  padding-left: 1.625rem;
}

/* [s] 220808 */
/* [s]210726 */
input[type=checkbox] + label:before{
  position: absolute;
  display: inline-block;
  content: "";
  top: -0.5px;
  left: 0;
  /* 220808 삭제
  border-top: 0;
  border-right: 0;
  border-bottom: 3px solid #c9c9c9;
  border-left: 3px solid #c9c9c9;
  transform: rotate(-45deg);
  margin-top: -7px; */
  width: 24px;
  height: 24px;
  background: url(../images/btn_chkS_off.png) no-repeat 0 0 / 24px;
}
/* [e] 220808 */

input[type=radio] + label:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  top: .25rem;
  left: 0;
}

input[type=checkbox]:checked + label:before {
 /* 220808 삭제
  border-bottom: 3px solid #b71256;
  border-left: 3px solid #b71256; */
  background: url(../images/btn_chkS_on.png) no-repeat 0 0 / 24px; /* 220808 추가 */
}

input[type=checkbox] + label + .form-control,
input[type=radio] + label + .form-control {
  padding-left: 1.75rem;
  margin-top: .5rem;
}

input[type=checkbox] + label + .form-control .validation-msg,
input[type=radio] + label + .form-control .validation-msg {
  left: 1.75rem;
}
/*
input[type=checkbox] + label:before {
  background: url("../images/chk_s_off.svg") no-repeat center; 
  background-size: contain;
}

input[type=checkbox]:checked + label:before {
  background-image: url("../images/chk_s_on.svg");
}
*/

/* [s] 220809 */
input[type=radio] + label:before {
  background-size: 24px; 
  background-image: url("../images/radio_sel.png"); /* 221012 background 이미지 변경 */
  width: 24px;
  height: 24px;
  top: 50%; 
  margin-top: -14px;
}
/* [e] 220809 */

input[type=radio]:checked + label:before {
  background-image: url("../images/radio_unsel.png"); /* 220809 background 이미지 변경 */ /* 221012 background 이미지 변경 */
}

.capsule-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  padding: 0 .5rem;
}

.capsule-container input[type=radio] + label {
  -ms-flex-preferred-size: 22.5%;
      flex-basis: 22.5%;
  font-size: 1rem;
  text-align: center;
  color: #777;
  cursor: pointer;
  padding: .125rem 1.5rem;
  border: 1px solid #f5f5f5;
  border-radius: 1rem;
  margin: 0 1.125%;
}

.capsule-container input[type=radio] + label:before {
  display: none;
}

.capsule-container input[type=radio] + label:hover {
  color: #b71256;
  border-color: #b71256;
}

.capsule-container input[type=radio]:checked + label {
  background: #b71256;
  color: white;
  border-color: transparent;
}

.radios {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.radios input[type=radio] + label {
  position: relative;
  background: #eee;
  padding: .5rem .875rem;
  cursor: pointer;
  -webkit-transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
  transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
}

.radios input[type=radio] + label span {
  color: #555;
  position: relative;
  z-index: 2;
}

.radios input[type=radio] + label + input[type=radio] + label {
  border-left: 1px solid #e2e2e2;
  margin-left: -.25rem;
}

.radios input[type=radio] + label:before {
  content: none;
}

.radios input[type=radio]:checked + label {
  /* background: #b71256; */
  background: #555;
}

.radios input[type=radio]:checked + label span {
  color: white;
  -webkit-animation: textFade .75s forwards;
          animation: textFade .75s forwards;
}

.radios input[type=radio]:checked + label:before {
  width: 100%;
}

.radios input[type=radio]:first-child + label {
  border-radius: .25rem 0 0 .25rem;
}
.radios input[type=radio] +label.auth-gender {
  width:32px;
  height:32px;
  padding:0;
  right:4px; 
  line-height:32px;
  text-align:center;
}

.radios label:last-child {
  border-radius: 0 .25rem .25rem 0;
}


/* [s]210709 */
.flex-container.is-grow.tws-inp .radios.type2{
	bottom:0;
}
.radios.type2 input[type=radio] +label.auth-gender {
  width:100px;
  height:32px;
}

@-webkit-keyframes textFade {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    color: white;
  }
  100% {
    opacity: 1;
    color: white;
  }
}

@keyframes textFade {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    color: white;
  }
  100% {
    opacity: 1;
    color: white;
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 2.25rem;
  height: 1.375rem;
  /* outline:none; */ /* 웹접근성 */
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input:checked + .slider {
  background-color: #b71256;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(0.875rem);
          transform: translateX(0.875rem);
}

.switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #b71256;
          box-shadow: 0 0 1px #b71256;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: .6875rem;
  outline:none; /*tws*/
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  left: .125rem;
  bottom: .125rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.form-title {
  font-size: .875rem;
  display: inline-block;
  font-weight: 500;
  margin-bottom: .25rem;
}

.form-control {
  position: relative;
  padding: 0;
  /*border-width: 0 0 2px;*/
  border-width: 0 0 1px; /*20.11.05*/
  border-color: #111;
  border-style: solid;
}

/* 220330 추가 */
.form-control.copy {
  border-style: none;
}
.form-control.copy .form-button {
  right: 0;
}
.form-control.copy button.text-button {
  height: 3rem;
}
.form-control.copy .form-button button.text-button {
  padding: .125rem 2rem;
}
.form-control.copy-none .form-button {
  display: none !important;
}
/* //220330 */

.form-control.no-border {
  border: none;
}

.form-control.full-border {
  border-width: 2px;
}

.form-control.full-border input[type]:not([type=checkbox]):not([type=radio]), .form-control.full-border select {
  padding-left: 1.25rem;
}

.form-control.full-border .form-button {
  right: 1rem;
}

/* 210709 */
.form-control.w30p{width:30%;}
.form-control.w40{width:40px;}
.form-control.w70{width:70px;}
.flex-container .dash{padding:10px 20px;display:inline-block;}
.flex-container .point{padding:10px 0;display:inline-block;}

.form-control input[type]:not([type=checkbox]):not([type=radio]), .form-control select {
  padding-left: .5rem;
  background-color: transparent;
}

.form-control input[type=checkbox] + label,
.form-control input[type=radio] + label {
  padding-top: .75rem;
  padding-bottom: .75rem;
  padding-left: 1.5rem;
  margin-right: 1.5rem;
}

/* [s] 220808 */
.form-control input[type=radio] + label {
  padding-left: 2.25rem; /* 220810 수정 */
}

.form-control input[type=checkbox] + label:before {
  top: 50%;
  margin-top: -13px;
}
/* [e] 220808 */

/* 210726 
.form-control input[type=checkbox] + label:before,
.form-control input[type=radio] + label:before {
  top: 1rem;
}
 */
.form-control .validation-msg,
.form-control .form-button {
  position: absolute;
}

.form-control .validation-msg button,
.form-control .form-button button {
  border: none;
}

.form-control .validation-msg button img,
.form-control .form-button button img {
  width: .75rem;
  height: .75rem;
}

.form-control.show .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-control.show .form-button button.text-button {
  display: none;
}

.form-control.show.show-text-button button.text-button {
  display: block;
}

.form-control.show-text-button .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-control.show-text-button .form-button button:not(.text-button) {
  display: none;
}

.form-control.show-all-button .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* 20.11.24 */
.form-control.show-all-button .form-button.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-control.show-all-button .form-button button {
  display: block !important;
}

.form-control.show-validate .validation-msg {
  display: block;
}

.form-control .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* right: 0; */
  right: 4px; /*20.11.10*/
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
.form-control .form-button.tws-formButton {
	right:92px;
}

.form-control.w30p .form-button.tws-formButton{
	right:10px;
}



.form-control .form-button button:not(.text-button) { /* 210906 */
  background: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: .75rem;
}

.form-control .form-button button.delete-button, .form-control .form-button button.show-password, .form-control .form-button button.search-button {
  width: 1rem;
  height: 3rem;
  padding: .5rem 1rem;
  text-indent: -9999px;
}

.form-control .form-button button.delete-button img {
  display: none;
}

.form-control .form-button button.delete-button {
  background-image: url("../images/ico_delete.svg");
  /* background-size: 90%; */
}
.form-control.show .form-button button.delete-button {
  background-image: url("../images/ico_delete_input.svg");
  background-size: 77%;
}

.form-control .form-button button.search-button {
  background-image: url("../images/ico_search.svg");
  background-size: 1.5rem;
}
/* tws */
.form-control .form-button button.search-button:focus {
  /* outline:none; */   /* 웹접근성 */ 
}
/* // tws */
.form-control .form-button button.show-password {
  background-image: url("../images/ico_showpw.svg");
  background-size: 1rem;
}

.form-control .form-button button.show-password img {
  display: none;
}


.form-control .form-button button.text-button {
  /* 210906
  font-size: .875rem;
  height: 2rem;
 */
  padding: .125rem .5rem;
 /* 210906
  background: #eee;
  color: #555;
  
  border-radius: .25rem;*/
}

/* 220413 */
.form-control.show-text-button .form-button a.text-button {
  display:block;
  height:3rem;
  padding:.125rem 2rem;
  border-radius: 6px;
  background:#000;
  line-height:3rem;
  font-size:14px;
  color:#fff;
}

/* 210728
.form-control .form-button button.text-button:disabled {
  background: #ccc;
} */

.form-control .form-button button + button {
  margin-left: .5rem;
}

.form-control .validation-msg {
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  font-size: .875rem;
  display: none;
}

.form-control + .form-control,
.form-control + label {
  display: block;
  margin-top: 2.5rem;
}

.form-control > span {
  position: absolute;
  right: 30%; 
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1rem;
}

.form-control > span.po3{
	right: 85px; 
}

.form-control > span > span {
  margin-left: .25rem;
}

/* [s]220822 */
.jquery-modal.pop-hidden {
  display: none; white-space: nowrap;
}
/* [e]220822 */

/* [s] 220825 */
.jquery-modal.pop-hidden .modal-content {white-space: initial;}
/* [e] 220825 */

.blocker {
  z-index: 1000;
  padding:20px;
  padding:calc(20px + constant(safe-area-inset-top)) calc(20px + constant(safe-area-inset-right)) calc(20px + constant(safe-area-inset-bottom)) calc(20px + constant(safe-area-inset-left));
  padding:calc(20px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));
}

.modal {
  padding: .5rem .5rem 0; 
  border-radius: 0;
  width: auto;
  max-width: 75%;
  z-index: 1001;
}

/* 211217 추가 */
.modal.is-full-width{
	width:100% !important;
}

.modal .flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal .wrapper .policy .flex-container {
  padding:0;
  margin:0;
  flex-direction: initial;
 -ms-flex-direction: initial;
}

.modal .modal-title {
  font-size: 1.25rem;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  text-align: left;
  /* padding: 0 2.5rem 1rem 1.5rem; */
  padding: 0 3rem .5rem 1rem; /* tws */
  /* margin: 0 -1rem; */
  margin: 0 -0.5rem; /* tws */
}
 /* [s] 210203 */
.modal .modal-title.type2 {
  text-align: center;
  border-bottom:none;
  padding: 1rem 3rem 0;
  margin: 0;
}
/* [e] 210203 */
.modal .modal-content {
  padding: 2rem .5rem 4rem; /* 211217 */
}

.modal .modal-content .message {
  text-align: center;
}

.modal .modal-content .message.is-success svg {
  fill: #00c66b;
}

.modal .modal-content .message.is-info svg {
  fill: #2b91cf;
}

.modal .modal-content .message.is-warning svg {
  fill: #fad234;
}

.modal .modal-content .message.is-danger svg {
  fill: #b71256;
}

.modal .modal-content .message svg {
  height: 3.5rem;/* 211022 */
  width: 100%;
}

.modal .modal-content .message h2 {
  font-size: 1.125rem;
  margin: .5rem 0 .25rem;/* 211022 */
  color: #111;
}

.modal .modal-content iframe {
  border: none;
  width: 100%;
  height:98% !important; /* 21071504 */
}

.modal .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ddd;
  /* margin: 0 -1rem; */
  margin: 0 -0.5rem; /* tws */
}

.modal .modal-footer input[type]:not([type=checkbox]):not([type=radio]) {
  font-size: 1rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: none;
  border-radius: 0;
}

/* 211022 */
.modal .modal-footer input[type]:not([type=checkbox]):not([type=radio]).is-primary {
  color: #fff !important;
  background:#b71256 !important;
  padding:.8rem 1.25rem !important; /* 211216 */
}

.modal .modal-footer input[type]:not([type=checkbox]):not([type=radio]) + input[type]:not([type=checkbox]):not([type=radio]) {
  margin-top: 0;
}

.modal a.close-modal {
  overflow: hidden; /* 220822 추가 */
  width: 1rem;
  height: 1rem;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  background-image: url("../images/ico_delete.svg");
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent; /* 220822 추가 */
  text-indent: unset; /* 220822 추가 */
}

.modal-con .close-modal { /* 220405*/
  display: none !important;
}

.modal a.close-modal-text {
    font-size: 1.2rem;
    height: 48px;
    line-height: 48px;
    background-color: #b71256; /* 211022 */
    color: #fff; /* 211022 */
    display: block;
    width: 100%;
    text-align: center;
}

/* 220324 - s */
.modal-con .modal-content { /* 220405 수정 */
  padding:32px 27px 40px;
}
.modal-con .modal-content .txt { /* 220405 min-width 추가 */
  min-width:265px;
  font-size:14px;
  color:#333;
  text-align:center;
}
.modal-con .modal-content .txt .alert-tit { /* 220413 */
  display:block;
  margin-bottom:20px;
  color:#B71256;
  font-weight: 700;
}
.modal-con a.close-modal-text.cancel_modal {
  background:#fff;
  /* color:#333;  */
  color: #fff; /* 220329 수정 */
}
.modal-con-scroll {
  width:335px; /* 220405 추가 */
  height:calc(100% - 58px);
  transform:translateY(-25px);
}
.modal-con-scroll .modal-title {
  padding:12px 0 16px 12px;
}
.modal-con-scroll .modal-content {
  padding:0;
  height:100%;
  overflow-y:hidden;
  padding:0 0 22px 12px;
}
.modal-con-scroll .scroller {
  overflow-y:auto;
  position:absolute;
  top:66px;
  left:20px;
  right:0;
  bottom:75px;
  padding-right:20px;
}
.modal-con-scroll .scroller p {
  margin:30px 0 10px;
  font-size:14px;
  color:#333;
}
.modal-con-scroll .scroller .agree-con li {
  margin-top:24px;
  font-size:12px;
  color:#333;
}
.modal-con-scroll .scroller .agree-con li:first-child {
  margin-top:20px;
}
.modal-con-scroll .scroller .agree-con li strong {
  display:block;
  margin-bottom:6px;
  font-size:16px;
  font-weight: 700;
}
.modal-con-scroll .chk-area{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:14px 0;
  background:#f9f9f9;
  text-align:center;
}
.modal-con-scroll a.close-modal {
  top:26px;
  right:20px;
}
/* 220324 - e */

 /* 211220 */
.modal a.close-modal-text.gray{
	background-color: #777;
}

.modal.modal-checklist a.close-modal-text.black { /* 220412 추가 > 220419 수정 */
  background-color: #000;
}

.modal.modal-checklist a.close-modal-text.gray { /* 220419 추가 */
  cursor: default;
}

.modal.modal-iframe {
	padding:.5rem .5rem 0;
}

.modal.modal-iframe .modal-content {
	padding: 0 .5rem;
}

 
.modal.modal-iframe .modal-content .policy{
	-webkit-overflow-scrolling:touch !important;
    overflow-y:auto !important;
	height: 99%; /* 21071504 */
}

/* [s]211022 */
.modal.msg{
  padding: 0;
  width:300px; /* 21122002 */
}

.modal.msg .modal-content {
  padding: 2rem .5rem 1rem;
}

.modal.msg .modal-footer{
	margin:0;
}
/* [e]211022 */

/* [s]211216 */
.modal.select-language{
	text-align:center;
	max-width: 420px;
}

.modal.select-language .modal-content {
  min-width: 400px;
}
.select-language .tit{
	font-size: 1.25rem;
	color:#000
}
.select-language .list-language{
	padding: 0.5rem 0;
	margin-top: 1rem;
    background: #f9f9f9;
}
.select-language .list-language li{
	margin-top:.5rem;
}
.select-language .list-language li:first-child{
	margin-top:0;
}
.select-language .list-language a{
	line-height: 2.5;
	font-size: 1rem;
    color: #666;
}

.select-language .list-language a.on,
.select-language .list-language a:hover,
.select-language .list-language a:focus{
	color: #b81356;
}

/* [e]211216 */

.lightpick {
  position: absolute;
  z-index: 99999;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  color: #111;
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica, "apple sd gothic neo", sans-serif, serif;
  line-height: 1.125em;
}

.lightpick--inlined {
  position: relative;
  display: inline-block;
}

.lightpick,
.lightpick *, .lightpick::after, .lightpick::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lightpick.is-hidden {
  display: none;
}

.lightpick__months {
  display: -ms-grid;
  display: grid;
  background-color: #eee;
  -ms-grid-columns: auto;
      grid-template-columns: auto;
  grid-gap: 1px;
}

.lightpick--2-columns .lightpick__months {
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
}

.lightpick--3-columns .lightpick__months {
  -ms-grid-columns: auto auto auto;
      grid-template-columns: auto auto auto;
}

.lightpick--4-columns .lightpick__months {
  -ms-grid-columns: auto auto auto auto;
      grid-template-columns: auto auto auto auto;
}

.lightpick--5-columns .lightpick__months {
  -ms-grid-columns: auto auto auto auto auto;
      grid-template-columns: auto auto auto auto auto;
}

.lightpick__month {
  padding: 4px;
  width: 250px;
  background-color: #fff;
}

.lightpick__month-title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lightpick__month-title {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  cursor: default;
  padding: 0 4px;
  border-radius: 4px;
}

.lightpick__month-title > .lightpick__select {
  border: none;
  background-color: transparent;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.lightpick__month-title > .lightpick__select:disabled {
  color: #333;
}

.lightpick__month-title > .lightpick__select-months {
  font-weight: bold;
  font-size: 1em;
  margin-right: 0.5em;
}

.lightpick__toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.lightpick__previous-action, .lightpick__next-action, .lightpick__close-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 6px;
  width: 32px;
  height: 32px;
  /* outline: none; */ /* 웹접근성 */
   border: none;
  border-radius: 50%;
  background-color: #f2f2f2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lightpick__previous-action:active, .lightpick__next-action:active, .lightpick__close-action:active {
  color: inherit;
}

.lightpick__previous-action, .lightpick__next-action {
  padding:0;
  font-size: 12px;
}

.lightpick__previous-action:focus,
.lightpick__next-action:focus {
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23e0e0e0' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__close-action {
  font-size: 18px;
}

.lightpick__days-of-the-week {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr);
}

.lightpick__day-of-the-week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lightpick__days {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr);
}

.lightpick__day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 13px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

}

.lightpick__day.is-today {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  background-size: 18.8% auto;
  background-position: center bottom;
  color: #dc322f;
}

.lightpick__day:not(.is-disabled):hover {
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23e0e0e0' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__day.is-disabled {
  opacity: 0.38;
  pointer-events: none;
}

.lightpick__day.is-disabled.is-forward-selected {
  opacity: 1;
}

.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
  background-color: rgba(183, 18, 86, 0.1);
  background-image: none;
}

.lightpick__day.disabled-tooltip {
  pointer-events: auto;
}

.lightpick__day.is-previous-month, .lightpick__day.is-next-month {
  opacity: 0.38;
}

.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
  opacity: 1;
}

.lightpick__day.is-in-range {
  border-radius: 0;
  background-color: rgba(183, 18, 86, 0.1);
  background-image: none;
}

.lightpick__day.is-in-range:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range.is-flipped {
  border-top-left-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 50%;
  background-color: #b71256;
  background-image: none;
}

.lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped {
  border-top-left-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
  background-color: #b71256;
  background-image: none;
}

.lightpick__day.is-start-date.is-end-date {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23b71256' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23b71256' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  background-size: auto;
  background-position: center;
  color: #fff;
  font-weight: 500;
}

.lightpick__tooltip {
  position: absolute;
  margin-top: -4px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  font-size: 11px;
  pointer-events: none;
}

.lightpick__tooltip::before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  border-top: 5px solid rgba(0, 0, 0, 0.12);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: '';
}

.lightpick__tooltip::after {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: '';
}

.lightpick__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lightpick__reset-action, .lightpick__apply-action {
  border-radius: 5px;
  font-size: 12px;
  border: none;
}

.lightpick__reset-action {
  color: #fff;
  background-color: #aeacad;
}

.lightpick__apply-action {
  color: #fff;
  background-color: #b71256;
}

button[class^=light] {
  color: #333;
}

/* 210730 */
.is-half-width {
  width: 48%;
 /* height: 30; */
  font-size: .875rem;
}

.is-half-width+.is-half-width{
	margin-left:.6rem;
}

button.is-secondary {
  background: linear-gradient(135deg, #673ab7 0%, #9575cd 100%);
  color: white;
  font-size: .9rem;
  margin-top: 3rem;
}

button.is-secondary:disabled {
  background: #ccc;
}

/* 210524 라인 이동
header h2 {
  display: none;
}
*/

.steps {
  padding: 3rem 0;
}

.steps .flex-container {
  margin-bottom: .25rem;
}

.steps .flex-container h3 {
  font-size: 1.625rem;
  font-weight: 500;
}

.steps .flex-container div {
  font-size: 1.25rem;
  font-weight: 500;
}

.steps .flex-container div span {
  margin-left: .5rem;
  color: #aaa;
}
/* 20.11.20 step변경 */
.steps .stepNew {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 130px;
  height:39px;
}
.steps .stepNew .stepNum {
  display: inline-block;
  position: relative;
  width:30px;
  height:30px;
  /* 210712   z-index: 2;*/
}

/* 210712 
.steps .stepNew .stepNum.is-active {
  z-index: 3;
}
.steps .stepNew .stepNum.step-complte {
  z-index: 4;
}

*/

.steps .stepNew .stepNum + .stepNum {
  margin-left:.7rem;
}
.steps .stepNew .stepNum.step01 {
  background: url('../images/img_step01.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step02 {
  background: url('../images/img_step02.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step03 {
  background: url('../images/img_step03.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step04 {
  background: url('../images/img_step04.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step01.is-active {
  background: url('../images/img_step01_active.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step02.is-active {
  background: url('../images/img_step02_active.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step03.is-active {
  background: url('../images/img_step03_active.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step04.is-active {
  background: url('../images/img_step04_active.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step01.step-complete {
  background: url('../images/img_step_complete.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step02.step-complete {
  background: url('../images/img_step_complete.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step03.step-complete {
  background: url('../images/img_step_complete.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step04.step-complete {
  background: url('../images/img_step_complete.png') no-repeat center center / 100%;
}
.steps .stepNew .stepNum::before {
  content:"";
  display: block;
  position: absolute;
  left:-12px;
  top:calc(50% - 2px);
  width: 13px;
  height: 5px;
  z-index: 1;
  background-color: #A9A9A9;
}
.steps .stepNew .stepNum.step01::before {
  display: none;
}
.steps .stepNew .stepNum.is-active::before {
  content:"";
  display: block;
  position: absolute;
  left:-12px;
  top:calc(50% - 2px);
  width: 13px;
  height: 5px;
  z-index: 1;
  background-color: #b71256;
}
.steps .stepNew .stepNum.step01.is-active::before {
  display: none;
}
.steps .stepNew .stepNum.step-complete::before {
  content:"";
  display: block;
  position: absolute;
  left:-12px;
  top:calc(50% - 2px);
  width: 13px;
  height: 5px;
  z-index: 1;
  background-color: #b71256;
}
.steps .stepNew .stepNum.step01.step-complete::before {
  display: none;
}
.steps .flex-container div span.is-active {
  color: #b71256;
}

.steps .flex-container div span:first-child {
  margin-left: 0;
}

.steps p {
  font-size: .875rem;
  color: #777;
  margin-top: .25rem;
}

.steps p + p {
  margin-top: 1rem;
}
/* [s]220613 */
.steps em{position:absolute;top:0;left:0;color:transparent;}
/* [e]220613 */

/* 20.11.05 */
.dangerText-area {
  padding-bottom:.75rem;
}

.block {
  background: white;
  margin: 0 -1.5rem;
  padding: 1.5rem;
}
/* 20.11.05 */
.authArea .block {
  margin:0;
  padding:0;
}
.authArea .block .tws-interval {
  margin-top:2.5rem;
}
.authArea .auth-interval {
  padding-top:2.5rem;
}

/* 211022 */
.block + .block {
  margin-top: 1rem;
}

.authArea .block + .block {
  margin-top:0;
}

.container.selectAuth-container .wrapper .content-area > div + div {
  margin-top:1rem;
}
.selectAuth-container .bg-area {
  background-color: #fff;
}

.block > .flex-container h4 {
  font-size: 1.125rem;
  margin-bottom: .25rem;
}

.block > .flex-container h4 + .is-sub-text {
  font-size: .875rem;
}

.block > .flex-container + .note {
  margin: .25rem 0 1.5rem;
}

.block > .flex-container + .flex-container {
  margin-top: 2rem;
}

.block > .note + .flex-container {
  margin-top: 2rem;
}

.block .note:last-child {
  margin-bottom: 0 !important;
}

.block ul li.flex-container p {
  font-size: .875rem;
}



.signup-complete .steps + .flex-container {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 1rem;
}

.signup-complete .steps + .flex-container.tws-box {
    font-weight:500;
}

.signup-complete .steps + .flex-container.tws-box .logo-wrap {
    display:flex;
    justify-content:center;
    align-items:center;
    width:105px;
}

.signup-complete .steps + .flex-container img {
  display: none;
}
.signup-complete .steps + .flex-container.tws-box img {
  display: block;
  width:100%;
}

.signup-complete .flex-container.tws-box {
    padding:20px 0;
    border:1px solid #e3e3e3;
}

.signup-complete .flex-container.tws-box.non-border {
    border:none;
}

.signup-complete .flex-container.tws-box:first-child {
    border:none;
}


.signup-complete .account-info {
  padding-top: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: row;
      flex-basis: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.signup-complete .account-info:first-child{
	padding-top:0;
}

/* [s]210827 */
.signup-complete.box{
	padding:1.5rem;
}
.signup-complete.box .account-info {
  padding-top: .2rem;
}

.signup-complete .account-info-wrap{
	position: relative;
	border: 1px solid #eee;
    padding: 1.5rem;
    margin-top: .5rem;
    width: 100%;
    display: block;
    border-radius: 0;
    text-align: left;
}


.signup-complete.box .account-info-wrap{
	border: 0;
    padding: 0.5rem 0 0.5rem 4.5rem;
}
.signup-complete.box .account-info-wrap .photo{
	width: 50px;
    height: 50px;
    background: url(../images/ico_photo.png) no-repeat;
    display: inline-block;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.signup-complete.box .account-info-wrap .photo img{
	width:100%;
	height:100%;
	border-radius: 50%;
}

/* [e]210827 */

.signup-complete button.account-info-wrap.is-selected {
  border: 1px solid #b71256;
  background: #fdeef5;
}

.signup-complete .flex-container.tws-box .account-info {
    padding-top:0;
}

.signup-complete .flex-container.tws-box:nth-child(2) .account-info strong {
    font-size:1.2rem;
}

.signup-complete .flex-container.tws-box .account-info + .account-info {
    padding-top: 0.5rem;
    color:#777;
}

.signup-complete .account-info label,
.signup-complete .account-info strong {
  font-size: 1.125rem;
  color: #333;
}

.signup-complete .account-info strong {
  margin-left: .75rem;
}


.signup-complete .box {
    margin-top:30px;
}

.captcha {
  margin-top: 2rem;
}

.captcha > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.captcha > div picture {
  width: calc(100% - 5rem);
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.captcha > div picture img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.captcha > div div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.captcha > div div button {
  width: 100%;
  height: 50%;
  border: none;
  padding: 0;
}

.captcha > div div button img {
  width: 1rem;
  height: 1rem;
}

.captcha input[type=text] {
  border: 1px solid #ccc !important;
  margin: .5rem 0 0 !important;
}

.addr-search-tip {
  padding: 2rem 1.5rem;
}

.addr-search-tip > div {
  padding: 1.5rem 0 0 1.625rem;
}

.addr-search-tip > div p {
  font-weight: 500;
}

.addr-search-tip > div p + p {
  font-size: .875rem;
  font-weight: 400;
  color: #777;
}

.addr-search-result {
  margin-bottom: .5rem;
}

.addr-search-result > p {
  text-align: center;
  color: #777;
  background-image: url("../images/ico_marker.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 4rem;
  padding-top: 4.5rem;
  margin-top: 1rem;
}

.addr-search-result ul.search-result {
  padding-top: 2rem;
}

.addr-search-result ul.search-result > div {
  font-size: .875rem;
}

.addr-search-result ul.search-result > div strong {
  margin: 0 .125rem 0 .5rem;
}

.addr-search-result ul.search-result li {
  margin-top: .5rem;
  border: 1px solid #eee;
}

.addr-search-result ul.search-result li:hover {
  border-color: #d5d5d5;
}

.addr-search-result ul.search-result li a {
  display: block;
  color: #333;
  padding: .75rem 1rem;
}

.addr-search-result ul.search-result li a > span {
  display: block;
  color: #b71256;
  padding-bottom: .25rem;
}

.addr-search-result ul.search-result li a p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: .875rem;
  margin-top: .5rem;
}

.addr-search-result ul.search-result li a p em {
  display: inline-block;
  font-size: .75rem;
  font-style: normal;
  color: #777;
  background: #f0f0f0;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  min-width: 3.25rem;
  text-align: center;
  padding: .125rem .25rem;
  margin-right: .5rem;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: .5rem 0;
}

.pagination li {
  margin: 0;
  border-radius: 9999px;
}

/* 210622  페이지 오버시 컬러 수정
.pagination li:hover {
  background-color: #f9c5da;
}
*/

.pagination li a {
  display: block;
  font-size: .875rem;
  color: #777;
  text-align: center;
  padding: .5rem;
  width: 2rem;
  height: 2rem;
}

.pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last {
  background-repeat: no-repeat;
  background-position: center;
  background-size: .75rem;
  /* opacity: .8; 210728 */
}

.pagination li.first a, .pagination li.prev a, .pagination li.next a, .pagination li.last a {
  text-indent: -9999px;
}

.pagination li.first.disabled, .pagination li.prev.disabled, .pagination li.next.disabled, .pagination li.last.disabled {
  opacity: .7; /* 210728 */
}

.pagination li.first {
  background-image: url("../images/ico_first.svg");
}

.pagination li.prev {
  background-image: url("../images/ico_prev.svg");
}

.pagination li.next {
  background-image: url("../images/ico_next.svg");
}

.pagination li.last {
  background-image: url("../images/ico_last.svg");
}

.pagination li.active a {
  color: #b71256;
  font-weight: 500;
}

.pagination li.disabled:hover {
  background-color: transparent;
}

.pagination li.disabled a {
  color: #bbb;
  cursor: not-allowed;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-list li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.tab-list li a {
  width: 100%;
  text-align: center;
  display: inline-block;
  /* padding: 1rem 0; */
  font-size: 1rem;
  color: #111;
  line-height:56px;
}

.tab-list li.is-active {
  border-bottom: 2px solid #b71256;
}

.tab-list li.is-active a {
  font-weight: 500;
  color: #b71256;
}

.tab-list li + li {
  margin-top: inherit;
}

/* 20201005 kjh 추가 */
.tab-list.bl-type {
	border:1px solid #eee;
}

.tab-list.bl-type + .tab-list {
	border-top:0;
}

.tab-list.bl-type li.is-active {
  border-bottom:0;
  position:relative;
}

.tab-list.bl-type li.is-active:after {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #b71256;
}

.tab-list.bl-type li + li {
  border-left:1px solid #eee;
}
/* end 20201005 kjh 추가 */

.tab-content {
  padding-bottom: 1.5rem;
}

.tab-content .is-shown {
  display: block;
}

.tab-content > div {
  display: none;
}

.tab-content .block {
  background: white;
  margin: 0 -1.5rem;
  padding: 2rem 1.5rem;
}

.tab-content .block + .block {
  border-top: none;
  padding-top: 1rem;
}

ul li {
  margin-top: 2rem;
}

ul li:first-child {
  margin-top: 0;
}

ul li.flex-container {
  margin-top: 1.25rem;
}

ul li.flex-container > div {
  word-break: keep-all;
  max-width: 85%;
}

ul li.flex-container > div label {
  height: 100%;
}

ul li.flex-container > label {
  font-weight: 500;
}

ul li.flex-container a {
  text-decoration: underline;
  font-size: .875rem;
  color: #777;
}

ul.is-bigger-list li {
  margin-top: 3rem;
}

ul.is-bigger-list li:first-child {
  margin-top: 0;
}

ul.is-bigger-list li div h4 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin-bottom: .25rem;
}

ul.is-bigger-list li div p {
  color: #777;
  font-size: .875rem;
}
/* 20.11.05 */
ul.is-bigger-list li div p.desc.phone-note {
  font-size: .75rem;
}

ul.is-bigger-list li img {
  width: 4rem;
  height: 4rem;
}

ul.is-bigger-list.has-gray-bg li {
  margin-top: .5rem;
}

ul.is-bigger-list.has-gray-bg li a {
  background-color: #f5f5f5;
  border: 1px solid transparent;
  padding: 1.5rem;
}

ul.is-bigger-list.has-gray-bg li a:hover {
  border-color: #b71256;
}

ul.is-bigger-list.has-gray-bg li a:active {
  border-color: #b71256;
  background: #fff0f5;
}

ul.is-single-line li + li {
  margin-top: 0;
}

ul.is-single-line li a {
  display: block;
  color: #111;
  font-size: 1.125rem;
  line-height: 1rem;
  padding: 1.25rem .5rem;
}

ul.is-single-line li a:hover {
  background: #f5f5f5;
}

ul.is-single-line li a:active {
  background: #fff0f5;
  color: #b71256;
}

ul.is-single-line li a:active svg {
  fill: #b71256;
}

ul.is-single-line li svg {
  width: 1.125rem;
  height: 1rem;
  fill: #111;
  margin-right: 1rem;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

ul.has-border li {
  position: relative;
  overflow:hidden;
  border-bottom: 1px solid #eee;
}

ul.has-border li + li {
  margin: 0;
}

ul.has-border li a {
  display: block;
  padding: 1.5rem 0;
}

ul.has-border li a h3 {
  color: #333;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: .75rem;
}

/* [s] 220713 이벤트(결과값없음) */
.event .board_none{padding-top:120px;text-align:center;}
.event .board_none::before{content:'';display:inline-block;width:56px;height:56px;background:url(../images/ico_event_none.png) no-repeat 0 0 / 56px 56px;}
.event .board_none .txt{margin-top:20px;font-size:16px;color:#888;line-height:22px;}
/* [e] 220713 이벤트(결과값없음) */

/* 210615 */
.qna-area ul.has-border li a h3{
	padding-right: 5rem;
}

ul.has-border.qna-list-view li a h3 {
    width:calc(100% - 70px);
}

ul.has-border li a h3 sub {
  color: #b71256;
  vertical-align: baseline;
  margin-left: .25rem;
}

ul.has-border li a div.is-sub-text + div.is-sub-text {
  margin-top: .125rem;
}

ul.has-border li a div.is-sub-text span {
  margin-left: .5rem;
}

ul.has-border li a h3 span.qna-status {
  position:absolute;
  top:25px;
  right:0;
  width:67px;
  height:25px;
  padding:0;
  line-height:25px;
  font-size:13px;
  text-align:center;
}

.service-list {
  margin-top: 1.75rem;
}
/* 20.11.05 */
.service-list.emailArea {
  margin-top: 1.25rem;
}
/* .service-list .tooltip button {
  font-size: .875rem;
  color: #666;
  background-size: 1rem;
  padding-right: 1.375rem;
} */

/* 20.11.05 */
.service-list .tooltip button {
  font-size: .75rem;
  color: #666;
  background-size: 1rem;
  padding-right: 1.375rem;
}

/* 210419 */
.service-list .tooltip .close-button {
  position: absolute;
  top: 0;
  right: 0;
  background-size: .75rem;
}

.service-list a {
  margin-left: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.service-list a img {
  width: 2rem;
  height: 2rem;
}

.sign-list {
  margin-top: 1rem;
}

.sign-list li {
  margin-top: .5rem;
  margin-bottom: 0;
}

.sign-list li button {
  display: block;
  width: 100%;
  background: #f5f5f5;
  border-color: transparent;
  border-radius: 0;
  font-size: .875rem;
  color: #666;
  padding: 1.25rem 1.5rem;
}

.sign-list li button:hover {
  border: 1px solid #b71256;
}

.sign-list li button:disabled {
  color: #ccc;
}

.sign-list li button:disabled div img {
  opacity: .3;
}

.sign-list li button:disabled:hover {
  border-color: transparent;
}

.sign-list li button:active {
  background: #fff0f5;
  border: 1px solid #b71256;
}

.sign-list li button.is-selected {
  border: 1px solid #b71256;
  background: #fdeef5;
  color: #b71256;
}

.sign-list li button div {
  -ms-flex-preferred-size: 7rem;
      flex-basis: 7rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
  text-align: left;
}

.sign-list li button div img {
  height: 1.25rem;
}

.sign-list li button p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-list {
  padding-top: 1rem;
  margin-bottom: 3rem;
}

/* [s] 220809 */
.id-list input[type=radio] + label {
  font-size: 1.25rem; /* 220810 수정 */
  color: #b71256;
  font-weight: 700;
  padding-left: 2.25rem; 
}
/* [e] 220809 */

.id-list input[type=radio] + label:before {
  top: 0.55rem; /* 220809 수정 */ /* 220810 수정 */
}

/* [s] 220809 */
form .id-list input[type=radio] + label:before {
  top: 0.55rem; /* 220810 수정 */
}
/* [e] 220809 */

.id-list .is-sub-text {
  font-size: .875rem;
  padding-left: 2.25rem; /* 220809 수정 */
}

/* [s]221012 */
.container .wrapper .content-area .auth-wrap{
  margin-left:-3rem;
  margin-right:-3rem;
}
.container .wrapper .content-area .auth-wrap .page-top-desc{
  padding:0 25px;
  text-align:left;
}
.container .wrapper .content-area .auth-wrap form{
  text-align:center;
}
.form-list{
  padding-top:10px;
  text-align:left;
}
.form-list li{
  margin-top:0;
  padding-top:30px;
}
.form-list li:first-child{
  padding-top:0;
}
.form-list li .inp-box{padding:0 25px;}
.form-list input[type=radio] + label{
  padding-left:36px;
  font-size:14px;
  font-weight:700;
  color:#000;
  line-height:19px;
}
.form-list input[type=radio] + label:before {
  top:50%;
  width:24px; 
  height:24px;
}
.form-list .hidden-form{
  margin-top:25px;
  padding:40px 25px;
  background-color:#FAFAFA;
}
.form-list .hidden-form dl{
  padding-top:15px;
}
.form-list .hidden-form dl:first-child{
  padding-top:0;
}
.form-list .hidden-form dt{
  padding-bottom:6px;
}
.form-list .hidden-form dt label{
  font-size:14px;
  font-weight:700;
  color:#1e1e1e;
  line-height:19px;
}
.form-list .hidden-form dd{
  margin-left:0;
}
.form-list .hidden-form dd input[type]:not([type=checkbox]):not([type=radio]):not([type=button]), select:not([class^=light]){
  height:48px;
  padding:12px 8px;
  border-bottom:1px solid #111;
  font-size:16px !important;
  color:#000;
  line-height:23px;
}
.form-list .hidden-form dd input::-webkit-input-placeholder{
  font-size:16px;
  color:#ccc;
}

.form-list .hidden-form dd input:-ms-input-placeholder{
  font-size:16px;
  color:#ccc;
}

.form-list .hidden-form dd input::-ms-input-placeholder{
  font-size:16px;
  color:#ccc;
}

.form-list .hidden-form dd input::placeholder{
  font-size:16px;
  color:#ccc;
}
.form-list .hidden-form dd p{
  padding-top:1px;
  font-size:12px;
  color:#b71256;
  line-height:17px;
}
.form-list .auth-list{
  display:flex;
  margin-top:25px;
  padding:30px 25px;
  background-color:#fafafa;
}
.form-list .auth-list li{
  width:163px;
  height:127px;
  padding-top:87px;
  border:1px solid #e3e3e3;
  text-align:center;
  box-sizing:border-box; 
}
.form-list .auth-list li+li{
  margin-left:-1px;
}
.form-list .auth-list .auth-tel{
  background:url(../images/ico_Auth_tel.png)no-repeat 50% 25px / 60px;
}
.form-list .auth-list .auth-ipin{
  background:url(../images/ico_Auth_ipin.png)no-repeat 50% 25px / 60px;
}
.form-list .auth-list li a{
  font-size:14px;
  font-weight:700;
  color:#333;
  line-height:19px;
}
.form-list .inp-box{
  position:relative;
}
.form-list .inp-box input[type=radio]{
  left:16px;
}
.container .wrapper .content-area .auth-wrap .is-full-width{
  width:calc(100% - 50px);
}
.result-area{
  padding-top:33px;
}
.result-area .result-box{
  padding:29px 20px;
  border: 1px solid #e3e3e3;
  text-align:center;
}
.result-area .result-box+.result-box{
  margin-top:16px;
}
.result-area .result-box p{
  font-size:15px;
  font-weight:700;
  color:#333;
  line-height:20px;
}
.result-area .result-box .date{
  padding-top:4px;
  font-size:12px;
  font-weight:400;
  color:#888;
  line-height:16px;
}
.result-area .result-box .btn-check{
  margin-top:20px;
  padding:0;
  border:0;
  border-radius:0;
  background-color:transparent;
  font-size:14px;
  font-weight:400;
  color:#888;
  line-height:20px;
  text-decoration:underline;
}
.result-area .info-txt{
  position:relative;
  margin-top:11px;
  padding-left:20px;
  font-size:12px;
  color:#888;
  line-height:17px;
  word-break:break-all; /* 221019 추가 */
}
.result-area .info-txt::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:16px;
  height:16px;
  background:url(../images/ico_info.png) no-repeat 50% / 16px;
}
.guide-txt{
  position:relative;
  margin-top:24px;
  padding-left:20px;
  font-size:14px;
  color:#333;
  line-height:20px;
}
.guide-txt::before{
  content:'';
  position:absolute;
  top:8px;
  left:8px;
  width:3px;
  height:3px;
  border-radius:50%;
  background-color:#333;
}
.result-wrap .text-link{
  padding:20px 0; /* 221019 추가 */
  text-align:left; /* 221019 수정 */
}
.result-wrap .text-link p{
  padding-bottom:8px; /* 221019 추가 */
  font-size:14px;
  color:#333;
  line-height:20px;
}
.result-wrap .text-link a{
  /* padding-top:8px; 221019 삭제 */
  font-size:14px;
  color:#888;
  line-height:20px;
}
.result-wrap .page-top-desc{
  word-break:break-word;
}
/* [e]221012 */

/* [s] 221019 */
.id-wrap .result-area{
  padding-top:43px;
}
.id-wrap .result-area .id-list{
  margin-bottom:30px;
  padding-top:0;
}
.id-wrap .result-area .id-list li{
  position:relative;
  margin-top:30px;
}
.id-wrap  .result-area .id-list li:first-child{
  margin-top:0;
}
.id-wrap .result-area .id-list input[type=radio] + label{
  font-weight:700;
  color:#000;
}
.id-wrap .result-area .id-list input[type=radio] + label:before{
  top:50%;
  margin-top:-12px;
}
.id-wrap .result-area .id-list input[type=radio] + label span{
  padding-left:15px;
}
.id-wrap .result-area .send-list li{
  margin-top:0;
  padding:24px 20px;
  border:1px solid #e3e3e3;
}
.id-wrap .result-area .send-list li+li{
  margin-top:-1px;
}
.id-wrap .result-area .send-list li .flag{
  font-size:13px;
  font-weight:700;
  color:#333;
  line-height:18px;
}
.id-wrap .result-area .send-list li .flex-container{
  padding-top:3px;
}
.id-wrap .result-area .send-list li .flex-container p{
  font-size:14px;
  font-weight:400;
  color:#888;
  line-height:19px;
  letter-spacing:-0.04em;
}
.id-wrap .result-area .guide-list{
  padding-top:20px;
}
.id-wrap .result-area .guide-list li{
  margin-top:0;
}
.id-wrap .result-area.type2{
  padding-top:29px;
}
.id-wrap .result-area.type2 .id-list{
  margin-bottom:0;
}
.id-wrap .result-area.type2 .id-list li{
  margin-top:0;
  padding:27px 20px;
  border:1px solid #e3e3e3;
  font-size:14px;
  font-weight:700;
  color:#000;
  line-height:19px;
}
.id-wrap .result-area.type2 .id-list li+li{
  margin-top:-1px;
}
.id-wrap .result-area.type2 .id-list li span{
  padding-left:15px;
}
.id-wrap .guide-txt{
  margin-top:0;
  font-size:13px;
  line-height:19px;
  letter-spacing:-0.04em;
}
.id-wrap .text-link{
  padding:20px 0; 
  text-align:left;
}
.id-wrap .text-link p{
  padding-bottom:8px;
  font-size:14px;
  color:#333;
  line-height:20px;
}
.id-wrap .text-link a{
  font-size:14px;
  color:#888;
  line-height:20px;
}
.id-wrap .page-top-desc{
  word-break:break-word;
}
/* [e] 221019 */

.id-item {
  padding: 1.5rem 0;
  margin-bottom: .25rem;
}

.id-item + .id-item {
  border-top: 1px solid #d5d5d5;
}

.id-item div + div {
  margin-top: 1.5rem;
}

.id-item div h3 {
  margin-bottom: .25rem;
}

.id-item div p {
  font-size: .875rem;
  color: #777;
}

.registration-list {
  margin-top: 1rem; /* 210512 */
}

.registration-list li {
  position: relative;
  border: 1px solid #eee;
  padding: 1.5rem;
  margin-top: .5rem;
}

.registration-list li div h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #111;
  margin-bottom: .25rem;
}

.registration-list li div span {
  font-size: .875rem;
  color: #777;
}

/* [s]210512 */
.registration-list li div .em {
  display:block;
  font-size: 1rem;
  color: #111;
  margin-bottom: .25rem;
}

.id-chk {
  display:block !important;
  font-size: .875rem !important; /* 210615 */
  color: #b71256 !important;
}

.id-chk:before {
  display: inline-block;
  content: "";
  background: url(../images/chk_s_on.svg) no-repeat;
  background-size: .775rem;
  width: .775rem;
  height: .775rem;
  margin-right: .3rem;
  vertical-align: middle;
}
/* [e]210512 */

.registration-list li div > p {
  font-size: .75rem;
  color: #777;
  margin-top: 1rem;
}

/* [s] 210305 */
.registration-list li div strong {
  display:block;
  font-size: .875rem;
  font-weight: 500;
  color: #111;
  margin-top: 1rem;
}
.registration-list li div strong:first-child{
  margin-top: 0;
}
/* [e] 210305 */

.registration-list li h4 {
  position: relative;
  top: -.5rem;
}

.registration-list li dl {
  font-size: .85rem;
  margin-top: .5rem;
}


/* [s] 210203 */
.registration-list li .close-button {
  position: absolute;
  top: 0;
  right: 1rem;
  background: transparent;
  border: none;
  padding: 1rem;
  text-indent: -9999px;
  background-image: url("../images/ico_delete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: .75rem;
}

.login-off div{padding:15px;border:1px solid #ccc;}
.login-off .user{background-color:#f5f5f5}
.login-off .user span{display:block;margin-top:5px;color:#666;font-size:0.825rem;}
.login-off .user .name{font-size:1rem;margin-top:0;color:#000}
.login-off .sel{margin-top:20px;}
.login-off .sel label{padding-left: 2rem;;line-height:1.4}
.login-off .sel label em{color:#b71256} 
.login-off .sel input[type=radio] + label:before{top:50%;margin-top:-0.76rem} /* 220809 margin-top 수정 */
.login-off p{margin-top:30px;font-size:0.825rem;color:#000;}
/* .login-off button.is-primary{margin-top:1rem;} 20211122 */

.login-off .btnLoginWr{padding:0;border:0;}


.box-header {
  background: #f9f9f9; /* 210728 */
  padding: 1rem 1.5rem; 
  margin-bottom: .5rem;
}

.box-header.no-spacing {
  background: transparent;
  margin-bottom: 0;
}

.box-header h3 {
  font-size: .9rem;
  font-weight: 600;
}

.box-header p {
  font-size: .875rem;
  color: #666;
}

.box-list > li {
  position: relative;
  border: 1px solid #eee;
  padding: 0.5rem 1.5rem 2rem;
  margin-bottom: .5rem;
}

.box-list > li .flex-container {
  height: 3.5rem;
}

.box-list > li .flex-container span {
  font-size: .875rem;
}

.box-list > li .flex-container.barcode-area {
  height: auto;
  margin-top: 2rem;
}

.box-list > li .flex-container.barcode-area .col-4 {
  padding-right: .5rem;
  text-align: center;
}

.box-list > li .flex-container.barcode-area .col-4 .badge {
  display: block;
  font-size: 1rem;
  width: 100%;
  padding: .375rem 1rem;
}

.box-list > li .flex-container.barcode-area .col-4 .badge + div {
  margin-top: 1.375rem;
}

.box-list > li .flex-container.barcode-area .col-4 div p {
  font-size: 1.125rem;
  color: #777;
  margin-top: .125rem;
}

.box-list > li .flex-container.barcode-area .col-4 .text-button {
  font-size: .875rem;
  width: 100%;
  margin: 1.375rem 0 0 0;
}

.box-list > li .flex-container.barcode-area .col-4 span {
  display: block;
}

.box-list > li .flex-container.barcode-area .col-8 > div {
  margin: 0 auto;
}

.box-list > li .flex-container.barcode-area .col-8 > div > div:last-child {
  padding-top: .5rem;
}

.box-list > li .flex-container.flex-wrap {
  height: auto;
  margin-top: 2.5rem;
}

.box-list > li .flex-container.flex-wrap .col-4 {
  padding: .375rem .25rem;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  -ms-flex: 0 0 31%;
}

.box-list > li .flex-container.flex-wrap .col-4:nth-child(1), .box-list > li .flex-container.flex-wrap .col-4:nth-child(4) {
  padding-left: 0;
  padding-right: .5rem;
}

.box-list > li .flex-container.flex-wrap .col-4:nth-child(3), .box-list > li .flex-container.flex-wrap .col-4:nth-child(6) {
  padding-left: .5rem;
  padding-right: 0;
}

.box-list > li .flex-container.flex-wrap .col-4 a {
  display: block;
  text-align: center;
  color: #111;
  font-size: .875rem;
  border: 1px solid #eee;
  border-radius: .25rem;
  height: 2rem;
  line-height: 2rem;
}

.box-list > li .flex-container.flex-wrap .col-4 a:hover {
  color: #b71256;
  border-color: #b71256;
}

.box-list > li .flex-container.flex-wrap .col-4 a:disabled {
  color: #ddd;
  border-color: #ddd;
}

.box-list > li .flex-container.flex-wrap .col-4 a:active {
  background: #fef2f6;
  color: #b71256;
  border-color: #b71256;
}

.box-list > li h4 {
  font-weight: 500;
}

.box-list > li h4.has-sub-title {
  font-size: 1.125rem;
}

.box-list > li h4.has-sub-title span {
  font-weight: normal;
  font-size: .875rem;
  color: #777;
  margin-left: .5rem;
  background-size: .5rem .875rem;
}

.box-list > li h4.has-sub-title + a {
  font-size: .875rem;
  color: #111;
  padding-right: 1rem;
  background-image: url("../images/ico_arrow.svg");
  background-position: right 3px;
  background-repeat: no-repeat;
}

.box-list > li button {
  margin-right: -.5rem;
}

.box-list > li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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: .875rem;
  margin-bottom: .5rem;
  /* white-space:nowrap; */
}

.box-list > li dl:last-child {
  margin-bottom: 0;
}

.box-list > li dl dt {
  font-weight: 500;
}

.box-list > li dl dd {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 1rem;
  font-size:14px;
}

.box-list > li > .is-anchor {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-list > li + li {
  margin-top: 0;
}

.box-list > li .has-text-center {
  line-height: 1.5rem;
  margin-top: 1rem;
}

.box-list > li .has-text-center svg {
  display: block;
  width: 5rem;
  height: 5rem;
  fill: #bbb;
  margin: 0 auto .5rem;
}

.box-list > li .has-text-center .not-rounded {
  margin: 0 .25rem;
}

.box-list.is-double-line li {
  padding: 1.25rem 2rem;
}

.box-list.is-double-line li .flex-container {
  width: 100%;
  height: auto;
}

.box-list.is-double-line li .flex-container:first-child,
.box-list.is-double-line li .flex-container:first-child span {
  font-size: 1.125rem;
  font-weight: 500;
}

.box-list.is-double-line li .flex-container + .flex-container {
  margin-top: .75rem;
}

.box-list.is-double-line li .flex-container div {
  width: 80%;
}

.box-list.is-double-line li .flex-container h4 {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-reverse-column {
  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;
}

.mobile-reverse-column .box-header {
  color: #666;
  font-size: 1.125rem;
  background: transparent;
  padding-left: 0;
}

.mobile-reverse-column select {
  height: 2.5rem;
  font-size: .875rem;
  border: 1px solid #f0f0f0;
}

.joined-up-services {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.joined-up-services:last-child {
  margin-bottom: 0;
}

.joined-up-services a,
.joined-up-services > div.flex-container {
  margin-bottom: 1.5rem;
}

.joined-up-services a img,
.joined-up-services > div.flex-container img {
  /* width: 4rem;
  height: 4rem; */
  /* tws */
  width: 3.5rem;
  height: 3.5rem;
  /* //tws */
  margin-right: 1rem;
}

.joined-up-services a div,
.joined-up-services > div.flex-container div {
  /* padding-right: 2rem; */
  padding-right: 1rem; /* tws */
}

/* 210527 */
.joined-up-services > div.flex-container div h4{
	display:inline-block; 
}

.joined-up-services a div h5, .joined-up-services a div a,
.joined-up-services > div.flex-container div h5,
.joined-up-services > div.flex-container div a {
  font-size: .875rem; /* 210305 */
  font-weight: normal;
  color: #111;
  margin-bottom: .25rem;
}

.joined-up-services a div .is-sub-text,
.joined-up-services > div.flex-container div .is-sub-text {
  font-size: .875rem; /* 210615 */
  line-height: 1.4;
}

.joined-up-services a:hover div h5,
.joined-up-services a:hover h5 a,
.joined-up-services > div.flex-container:hover div h5,
.joined-up-services > div.flex-container:hover h5 a {
  color: #b71256;
}

.joined-up-services > div.flex-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.joined-up-services > div.flex-container.inh {
   justify-content: inherit;
}

.joined-up-services > div.flex-container > a {
  /* tws */
  display:inline-block;
  width:8rem; /* 210309 */
  text-align:right;
  /* //tws */
  color: #b71256;
  font-size: .875rem;
  text-decoration: underline;
}

.joined-up-services .empty-msg {
  color: #777;
  text-align: left;
  background: url("../images/ico_apps.svg") no-repeat center left;
  /* background-size: 4rem; */
  background-size: 3.6rem; /* tws */
  padding: 1.5rem 0 1.5rem 5rem;
  margin-top: 0;
}

.disc-list {
  list-style: disc;
  padding-left: 1.5rem;
  margin-top: 1rem;
}

.disc-list li h4 {
  margin-bottom: .5rem;
}

.disc-list li span {
  font-size: .875rem;
  color: #777;
}

.post-header {
  position:relative;
  border-bottom: 1px solid #eee;
  padding: 0 0 2rem;
}

/* 220330 */
.post-header.con-header {
  padding: 0 0 1.25rem;
}
.post-header.con-header span {
  display: inline-block;
  padding-bottom: 0.8rem;
}
.post-header.con-header .is-point-color {
  line-height: 1.563rem;
}
/* //220330 */

.post-header span.is-point-color {
  margin-right:0.7rem;
}

.post-header .btn_share {
  position:absolute;
  top:0;
  right:0;
  width:1rem;
  height:1rem;
  background-color:transparent;
  background-image:url(../images/ico_share.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  text-indent:-9999px;
  border:0;
  border-radius: 0;
  padding:0;
  margin-top:0;
}

.post-header .flex-container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.post-header .flex-container .badge {
  -webkit-transform: translatey(0.25rem);
          transform: translatey(0.25rem);
}

.post-header h3 {
  font-size: 1.375rem;
  margin-bottom: 1rem;
  line-height: 1.563rem; /* 220330 추가 */
}

.post-header h3 sub {
  color: #b71256;
  vertical-align: baseline;
  margin-left: .25rem;
}

.post-header p {
  font-size: .875rem;
  color: #666;
}

.post-header p + p {
  margin-top: .375rem;
}

/* 220330 추가 */
.post-header .affiliate-tit {
  display: block;
  padding: 10px 0;
  color: #b71256;
}
/* //220330 */

.post-content {
  padding: 2rem 1rem;
  font-size: .875rem;
  line-height: 1.6;
}
/* 20.11.05 */
.post-content {
  padding: 2rem 0;
}
.post-reply {
  background: #fafafa;
  font-size: .875rem;
  padding: 2rem 1.5rem;
  margin-bottom: 1rem;
}

.post-reply h4 {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.post-reply h4 sub {
  vertical-align: baseline;
  margin-left: .25rem;
}

.post-reply article p {
  word-break: break-word;
}

.post-reply article + article {
  margin-top: 2.5rem;
}

.post-reply .post-author {
  color: #666;
  padding: 0 0 .5rem 0;
}

.post-reply .post-author span {
  display: inline-block;
}

.post-reply .post-author hr {
  display: inline-block;
  width: 1px;
  height: .75rem;
  border: none;
  background: #888;
  vertical-align: middle;
  margin: 0 .375rem;
}

.post-index {
  border-color: #eee;
  border-style: solid;
  border-width: 1px 0;
  padding: 1rem 0;
  margin-bottom: 1rem;
}

.post-index > div {
  padding: .5rem 0;
  color: #777;
}

.post-index > div:before {
  content: '';
  display: inline-block;
  width: .75rem;
  height: .75rem;
  margin-right: 1rem;
  opacity: .5;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: .75rem;
}

.post-index > div:first-child:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.post-index > div.is-disabled a {
  color: #777; /* 210728 */
  pointer-events: none;
}

.post-index > div a {
  color: #111;
  margin-left: 1.75rem;
}

/* 220413 */
.container.event .coupon-tit {
  font-size:18px;
  line-height:25px;
  color:#1e1e1e;
  font-weight: 700;
  text-align:center;
}
.container.event .coupon-date {
  display:block;
  margin-top:10px;
  margin-bottom:20px;
  font-size:14px;
  line-height:25px;
  color:#B71256;
  text-align:center;
}
.container.event .coupon-date strong {
  margin-right:6px;
  color:#1e1e1e;
}
.container.event .form-control .coupon-inp {
  border-radius:6px;
}

.is-collapse .collapse-header {
  display: block;
  position: relative;
  font-size: 1.125rem;
  color: #111;
  /* padding: .75rem 3rem .75rem 1rem; */
  padding: .75rem 3rem .75rem 0; /*20.11.05*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.is-collapse .collapse-header:before {
  content: 'Q.';
  display: inline-block;
  margin-right: .5rem;
}

.is-collapse .collapse-header:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.modal-checklist .is-collapse .collapse-header:after { /* 220412 추가 */
  width:24px;
  height:24px;
  background-image: url("../images/btn_arw_down.png");
}

/* 20.11.05 */
.faqList-area .is-collapse .collapse-header:after {
  right:0;
}

.is-collapse .collapse-header.show:after {
  -webkit-transform: translateY(-50%) rotateX(180deg);
          transform: translateY(-50%) rotateX(180deg);
}

.is-collapse .collapse-header.show.full-title {
	width: 100%;
    text-overflow: unset;
    white-space: normal;
}

.is-collapse .collapse-header.show.full-title:after {
	top:18px;
	-webkit-transform: translateY(0);
          transform: translateY(0);
}

.is-collapse .collapse-content {
  display: none;
  background: #f9f9f9; /* 210727 */
  color: #666;
  font-size: .875rem;
  padding: 1.5rem 2rem 1.5rem 1.5rem; 
  margin-bottom: .5rem;
  word-wrap: break-word;
  word-break: break-all; /* 210805 */
  overflow-wrap: break-word;
  white-space: normal; 
}


/* 210805 */
.is-collapse .collapse-content #editor{
  word-break: break-all; 
}


/* 21110402 */
.is-collapse .collapse-content p:not(.validation-msg) {
  position: relative;
  padding-left: 1.5rem;
}

.is-collapse .collapse-content p:before {
  position: absolute;
  top: 0;
  left: -.625rem;
  content: '└ A.';
}

/* 220413 */
.modal.modal-checklist .is-collapse .collapse-content p:before {
  display:none;
}

.tooltip {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.tooltip button:not(.close-button) { /* 210203 */
  color: #333;
  font-size: 1rem;
  background: transparent;
  border: none;
  padding: 0;
  height: auto;
  padding: .25rem 1.625rem .25rem 0;
  cursor: help;
  background-image: url("../images/ico_noti.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.25rem;
}

.tooltip .tooltip-panel {
  display: none;
  position: absolute;
  bottom: -.5rem;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background: #ddd;
  border-radius: .25rem;
  color: #666;
  font-size: .8rem;
  padding: 1rem 1.5rem; /* 210419 */
  z-index: 2;
}

.tooltip .tooltip-panel:before {
  content: "";
  position: absolute;
  top: -.5rem;
  left: 1.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #ddd;
}

/* [s] 210203 */
.tooltip.show .tooltip-panel,
.tooltip.type2.show .tooltip-panel {
  display: block;
}

.tooltip.type2 button:not(.close-button){
  padding: 0.8rem;
  vertical-align: middle;
  background-position: center;
}
.tooltip.type2 .tooltip-panel {
  bottom: 8.2rem;
  left: 0;
  background: #f5f5f5;
  width: 100%;
  max-width: 22rem;
  padding: 1rem 2rem 1rem 1.25rem;
  border: 1px solid #ccc;
  line-height:1.45;
}
.tooltip.type2 .tooltip-panel:before {
  top:inherit;
  bottom:-1rem;
  left: 5.7rem;
  -webkit-transform: none;
  transform: none;
  border: none;
  width: 2rem;
  background: url(../images/bg_tootip.png) no-repeat center;
  background-size: contain;
  height: 1rem;
}
.tooltip.type2 .tooltip-panel .close-button{
  position:absolute;
  top:0.2rem;
  right:0.2rem;
}
/* [e] 210203 */

.badge {
  display: inline-block;
  background: #95afc0;
  color: white;
  font-size: .875rem;
  font-weight: 500;
  padding: .25rem 1rem;
  border-radius: 9999px;
}

.badge.vvip {
  background: #4834d4;
}

.badge.vip, .badge.is-primary {
  background: #be2edd;
}

.badge.diamond {
  background: #22a6b3;
}

.badge.gold, .badge.is-progressed {
  background: #f9ca24;
  color:#000; /* 210728 */
}

.policy {
  font-size: .875rem;
  letter-spacing: 0;
}

.policy section {
  margin-left: -12rem !important;
  margin-right: -12rem !important;
  padding: 1rem 0;
}

/* [s]210428 */
.policy.type2{
	padding-top:1rem;
	height:170px;
}
.policy.type2 article{
	padding:.5rem 0;
}
.policy.type2 article:first-child{
	padding-top:0;
}

.policy.type2 article + article{
    margin-top: 0;
    
    border-top:1px solid #eee;
}
/* [e]210428 */

/* 20201005 kjh 추가 */
.container.tws-container .wrapper {
	width:100%;
	max-width:60rem;
	padding:0 1.5rem;
}

.container.tws-container .wrapper .policy section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* end 20201005 kjh 추가 */

.policy section .page-title {
  padding-top: 2rem !important;
}

.policy .clear-fix {
  margin-bottom: -1rem;
}

.policy .clear-fix .is-pulled-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.policy .clear-fix span {
  display: inline-block;
  font-size: .75rem;
  margin: 0 .5rem .25rem 0;
}

.policy .clear-fix select {
  height: inherit;
  font-size: .875rem;
  border: 1px solid #bbb;
  padding: .25rem 2.25rem .25rem .5rem;
}

.policy .clear-fix button {
  font-size: .875rem;
  background: #333;
  border-color: transparent;
  border-radius: 0;
  color: white;
  height: initial;
  padding: .25rem .75rem;
  margin-left: .25rem;
}

.policy article + article {
  margin-top: 1rem;
}

.policy h4,
.policy h5,
.policy p {
  margin: .5rem 0;
}

.policy p + p {
  margin-top: 1rem;
}

.policy h4,
.policy h5 {
  font-size: 1.25em;
  font-weight: 500;
  padding: 1.25rem 0 .5rem;
}

.policy h5 {
  font-size: 1em;
}

.policy ol ol,
.policy ol ul {
  color: #707070;
  padding: .5rem 0 .75rem 1.125rem;
}

.policy ol li,
.policy ul li {
  margin: 0 0 .5rem 0;
  color: #333; /* 210428 */
}

.policy p,
.policy li,
.policy blockquote {
  line-height: 1.6;
  /* tws */
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  /* //tws */
}

.policy p:last-child,
.policy li:last-child,
.policy blockquote:last-child {
  margin-bottom: 0;
}

.policy blockquote {
  margin: 0;
  background: #f2f2f2;
  color: #666;
  padding: 1rem 1.5rem;
  margin: .5rem 0;
}

.policy small {
  display: block;
  font-size: .75rem;
  margin: .5rem 0;
}

.policy sub {
  display: block;
}

.policy mark {
  display: block;
  text-align: center;
  font-weight: 500;
  padding: 2rem 0;
  background: none;
}

.policy table {
  border-collapse: 0;
  font-size: .75rem;
}

.policy table + table {
  margin-top: 1rem;
}

.policy table caption {
  /* text-align: left;
  font-weight: 500;
  padding: .5rem 0; 220614 삭제 */
  /* [s] 220614 */
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
  /* [e] 220614 */
}

.policy table th {
  border-bottom: 1px solid white;
}

.policy table tbody tr th {
  border-right: 1px solid white;
}

.policy table tbody tr:last-child th {
  border-bottom: none;
}

.policy table td {
  color: #707070;
}

.policy aside {
  display: inline-block;
  border: 1px solid #e2e2e2;
  font-size: .75rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
}

.policy a {
  color: #b71256;
}

.policy a:hover {
  text-decoration: underline;
}

body.main {
  background: #f7f7f7;
}

body.main header {
  background: transparent;
  border: none;
}

body.main .container .wrapper {
  width: 100%;
  padding: 0 2rem;
}

body.main .container .wrapper > .flex-container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

body.main .container .wrapper > .flex-container > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 1rem;
}

body.main .container .wrapper > .flex-container > div:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.5rem;
          flex: 0 0 29.5rem;
}

body.main .container .wrapper > .flex-container > div section {
  height: 100%;
  padding: .5rem 0;
}

body.main .container .wrapper > .flex-container .box {
  background: white;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 2.5rem;
  height: 100%;
}

body.main .container .wrapper > .flex-container .box > .is-half {
  margin: 0 -1rem;
}

body.main .container .wrapper > .flex-container .box > .is-half > div {
  padding: 0 1rem;
}

body.main .container .wrapper > .flex-container .box .say-hello {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.25rem;
}

body.main .container .wrapper > .flex-container .box .say-hello span {
  position: relative;
  z-index: 2;
}

body.main .container .wrapper > .flex-container .box .say-hello span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -.25rem;
  width: calc(100% + 2.5rem);
  background: #b71256;
  opacity: .1;
  height: 1.25rem;
  z-index: 1;
}

body.main .container .wrapper > .flex-container .box .say-hello + a {
  color: #777;
  font-size: .875rem;
}

body.main .container .wrapper > .flex-container .box .say-hello + a svg {
  display: block;
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto .25rem;
}

body.main .container .wrapper > .flex-container .box .personal-info {
  margin-top: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body.main .container .wrapper > .flex-container .box .personal-info h4 + p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #666;
  margin-top: .25rem;
}

body.main .container .wrapper > .flex-container .box .personal-info button {
  height: auto;
  font-size: .75rem;
  color: #111;
  border-color: #eee;
  border-radius: .25rem;
  padding: .375rem .625rem;
}

body.main .container .wrapper > .flex-container .box .personal-info a {
  font-size: .875rem;
}

body.main .container .wrapper > .flex-container .box .box-title {
  font-size: 1.375rem;
}

body.main .container .wrapper > .flex-container .box .box-title + p {
  font-size: .875rem;
  color: #aaa;
  margin-bottom: 2rem;
}

body.main .container .wrapper > .flex-container .box h4 + a {
  font-size: .875rem;
  color: #111;
}

body.main .container .wrapper > .flex-container .box .image-area {
  position: relative;
  text-align: center;
  padding: 2rem 0;
}

body.main .container .wrapper > .flex-container .box .image-area > span {
  position: absolute;
  display: inline-block;
  font-size: .875rem;
  padding: .25rem 1rem;
  border-radius: 9999px;
  background: #f5f5f5;
  color: #ccc;
}

body.main .container .wrapper > .flex-container .box .image-area > span:first-child {
  top: 1.5rem;
  left: 2rem;
}

body.main .container .wrapper > .flex-container .box .image-area > span:nth-child(2) {
  top: 4.5rem;
  left: 0;
}

body.main .container .wrapper > .flex-container .box .image-area > span:nth-child(3) {
  bottom: 4.5rem;
  right: 0;
}

body.main .container .wrapper > .flex-container .box .image-area > span:nth-child(4) {
  bottom: 1.5rem;
  right: 2rem;
}

body.main .container .wrapper > .flex-container .box .image-area > span.is-active {
  color: #b71256;
  background: #facee0;
}

body.main .container .wrapper > .flex-container .box .image-area + a {
  display: block;
  text-align: center;
  font-size: .875rem;
  color: #aaa;
  margin: 1rem auto 0;
}

body.main .container .wrapper > .flex-container .box .image-area div {
  display: inline-block;
  border-radius: 50%;
}

body.main .container .wrapper > .flex-container .box .image-area > div {
  background: #fbe7ec;
  border: 1rem solid #fdf3f5;
  padding: .75rem;
}

body.main .container .wrapper > .flex-container .box .image-area > div > div {
  background: white;
  border: .5rem solid #f9d9e1;
}

body.main .container .wrapper > .flex-container .box .image-area img {
  width: 3.75rem;
  height: 3.75rem;
}

body.main .container .wrapper > .flex-container .box .lg-time {
  border: 1px solid #eee;
  border-radius: .25rem;
  padding: 1rem;
  margin: 1rem 0 2rem;
}

body.main .container .wrapper > .flex-container .box .lg-time .is-half {
  text-align: center;
  color: #777;
}

body.main .container .wrapper > .flex-container .box .lg-time .is-half .days {
  color: #111;
}

body.main .container .wrapper > .flex-container .box .lg-time .is-half .days p {
  color: #aaa;
}

body.main .container .wrapper > .flex-container .box .lg-time .is-half .days span {
  font-size: 2.25rem;
  color: #b71256;
  font-weight: 500;
  margin-right: .25rem;
}

body.main .container .wrapper > .flex-container .box .lg-time p {
  font-size: .75rem;
}

body.main .container .wrapper > .flex-container .box .purchase-history ul .flex-container {
  margin-top: .625rem;
  font-size: .75rem;
}

body.main .container .wrapper > .flex-container .box .purchase-history ul .flex-container span {
  color: #666;
}

body.main .container .wrapper > .flex-container .box .purchase-history ul .flex-container span:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}

body.main .container .wrapper > .flex-container .box .purchase-history ul .flex-container span:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60%;
          flex: 1 0 60%;
  padding: 0 1rem;
}

body.main .container .wrapper > .flex-container .box .purchase-history ul .flex-container span:last-child {
  color: #aaa;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  text-align: right;
}

body.main .container .wrapper > .flex-container .box .membership-status ul {
  margin-top: 1rem;
}

body.main .container .wrapper > .flex-container .box .membership-status li {
  padding: 1.125rem 0;
  margin: 0;
  border-top: 1px solid #eee;
}

body.main .container .wrapper > .flex-container .box .membership-status li:first-child {
  border-top: none;
}

body.main .container .wrapper > .flex-container .box .membership-status .flex-container + .flex-container {
  margin-top: .5rem;
}

body.main .container .wrapper > .flex-container .box .membership-status h5 {
  font-size: .875rem;
  font-weight: 400;
}

body.main .container .wrapper > .flex-container .box .membership-status .badge {
  font-size: .75rem;
  padding: .25rem 1rem;
}

body.main .container .wrapper > .flex-container .box .membership-status p {
  font-size: .75rem;
  color: #aaa;
}

body.main .container .wrapper > .flex-container .box .membership-status p + span {
  color: #666;
}

.underage {
  padding: 1rem 0 1rem 1.25rem;
}

.underage .note {
  margin-left: -1.25rem;
  margin-bottom: .25rem;
}

.button-approval {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #f2f2f2;
  font-size: .875rem;
  border-radius: 4px;
  padding: .5rem .75rem;
  -webkit-transition: .4s all;
  transition: .4s all;
}

.button-approval:hover .title {
  color: #333;
}

.button-approval:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-image: url("../images/chk_s_on.svg");
  background-position: center;
  background-size: 0;
  background-repeat: no-repeat;
  background-color: white;
  margin-right: 1rem;
}

.button-approval .complete {
  position: absolute;
  top: 50%;
  right: 1rem;
  color: #00c66b;
  font-size: .75rem;
  -webkit-transform: translateY(-1.5rem);
          transform: translateY(-1.5rem);
  opacity: 0;
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
}

.button-approval .title {
  position: relative;
  color: #666;
  -webkit-transition: .4s all;
  transition: .4s all;
}

.button-approval .title:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  opacity: 0;
  height: 1px;
  background: #666;
}

.button-approval.approve:before {
  -webkit-animation: approve-before .55s forwards;
          animation: approve-before .55s forwards;
}

.button-approval.approve .complete {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
}

.button-approval.approve .title {
  color: #bbb;
}

.button-approval.approve .title:before {
  -webkit-animation: approve-after .3s forwards;
          animation: approve-after .3s forwards;
}

/* 211116 */
.qr-box{text-align:center;}
.qr-box .qr-img{width:50%;max-width:220px;}
.qr-box .flex-container{max-width:220px;margin:0 auto;padding:0 !important;width: 50%;min-width: 175px;}
.qr-box .time{font-size: .875rem;line-height: 32px;}
.qr-step{padding-bottom:2rem;}
.qr-step li{padding-bottom:135px;padding-left:25px;position:relative;margin-bottom:2rem;background:url("../images/img-qr1.jpg") no-repeat center bottom / 100px auto}
.qr-step .num{position:absolute;top:4px;left:0;display: inline-block;font-size: .825rem;color:#fff;width:20px;height:20px;text-align:center;line-height:20px;border-radius:10px;background:#777}
.qr-step .qr-step2{background-image:url("../images/img-qr2.jpg")}
.qr-step .qr-step3{background-image:url("../images/img-qr3.jpg")}
.or{padding:1rem 0;text-align:center;background:url("../images/bg-dot.jpg") repeat-x center}
.or span{display:inline-block;padding:0 1rem;background:#fff;}
.ico_qr{display:inline-block;margin:0 2px 0 5px;width:1rem;height:1rem;vertical-align:-2px;background:url("../images/ico_qr.jpg") no-repeat center / 100% auto}


/* 21112202 */
.container.event .wrapper .page-title{display:none}
/* .banner-box{margin-bottom:24px;} *//* 220721 삭제 */
.event img{width:100%;vertical-align:top}
.img-event{display:block;margin-bottom:1rem;}

/* 220117 */
.share-content .sns-list {text-align:center;}
.share-content .sns-list a {margin:0 0.625rem;}
.share-content .sns-list img {width:3.75rem; height:3.75rem;}
.share-content .copy-url {position:relative;margin:2rem 0 3.5rem;}
.share-content .copy-url input {height:3.25rem !important;border:1px solid #eee !important; border-radius:0.25rem;}
.share-content .copy-url .btn-copy {position:absolute;top:0;right:0;background:#333;border:none;color:#fff;border-radius: 0.25rem;font-size:0.875rem;vertical-align: top;}



/* 220211*/
.bnft-content .img-event {position:relative;margin-bottom:0;}
.bnft-content .img-event:after {content:'';display:block;width:100%;height:100%;background: linear-gradient(0deg, #1E1E1E 1.75%, rgba(21, 21, 21, 0.51) 44.22%, rgba(35, 35, 35, 0) 69.3%);}
.bnft-content .img-event .txt-area {position:absolute;bottom:1.25rem;left:0; width:100%;padding:0 1.25rem; font-family:'noto';}
.bnft-content .img-event .tit {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:break-all;margin-bottom:.5rem;/* font-size:18px; 220607 삭제 */font-size:20px; font-weight: 700; color:#f0f0f0;/* white-space: nowrap; 220607삭제 */} /* 220715 font-size수정 및 말줄임 추가 */
.bnft-content .img-event .sub-txt {/* font-size:12px; 220607 삭제 */font-size:14px;color:#f0f0f0;line-height:18px;word-break:break-all;}
.bnft-content .img-event .mem-badge {position:absolute;top:0;left:0;background:#B71256;color:#fff;font-size:16px;font-weight:700;font-style:normal;padding:.5rem 1rem;}
.bnft-content .link-box {position:relative;height:3.125rem;padding: 0 1.25rem !important;margin-bottom:1rem;line-height:3.125rem;background:#B71256;font-size:16px; color:#fff;font-weight: 700;font-family:'noto'}/* 220325 padding값 !important 추가 */
.bnft-content .link-box:after {content:'';position:absolute;right:1.25rem;top:1rem;width:1.25rem;height:1.25rem;background:url("../images/ico_link.png") no-repeat 0 / 1.25rem;}

/* 220330 */
.bnft-content .link-none-box:after {
  display: none;
}
/* //220330 */

/* 220325 */
.bnft-content ul.has-border li {padding:2.4rem 0;}
.bnft-content ul.has-border li:first-child {padding: 0 0 2.4rem;} /* 220817 추가 */
.bnft-content ul.has-border li a {padding:0;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .button-approval.approve:before {
    background-image: url("../images/chk_s_on.svg");
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-color: white;
  }
}

@-webkit-keyframes approve-before {
  0% {
    background-size: 0rem;
  }
  60% {
    background-size: 1.25rem;
  }
  80% {
    background-size: 1.25rem;
  }
  100% {
    background-size: 1rem;
  }
}

@keyframes approve-before {
  0% {
    background-size: 0rem;
  }
  60% {
    background-size: 1.25rem;
  }
  80% {
    background-size: 1.25rem;
  }
  100% {
    background-size: 1rem;
  }
}

@-webkit-keyframes approve-after {
  0% {
    width: 0;
  }
  100% {
    width: 105%;
    opacity: 1;
  }
}

@keyframes approve-after {
  0% {
    width: 0;
  }
  100% {
    width: 105%;
    opacity: 1;
  }
}

.result-number-bar {
  font-size: .875rem;
  color: #666;
  border-bottom: 1px solid #eee;
  padding: 1rem 0;
  margin-bottom: .5rem;
}

.container .wrapper.introduce-wrap {
  display: block;
  position: relative;
  width:100%;
  margin:0;
  
  /* 21063005 */
  padding:0 !important;
  
   /* 21070202 
  padding:0 0 constant(safe-area-inset-bottom) 0 !important;
  padding:0 0 env(safe-area-inset-bottom) 0 !important;
  */
}
.container .wrapper.introduce-wrap .content-area {
  padding-bottom: 0;
}
.container .wrapper.introduce-wrap .content-area > div {
  margin:0;
  padding:0;
}
.container .wrapper.introduce-wrap .content-area > div + div {
  margin-top:0;
}
.introduce-wrap .content-area {
  display: block;
  position: relative;
  width:100%;
  margin:0;
  padding:0;
  font-family: 'Noto Sans KR';
}


.introduce-cont {
  display: block;
  position: relative;
  width: 100%;
  
  /* 210601 수정 */
  min-height: 410px;
  height: 410px;
  
  
  margin: 0;
  padding: 0;
}
.introduce-cont .flex-container {
  height: 100%;
}


.intro-inner {
  display: block;
  position: relative;
  
  /* 210601 수정  */
  width: 100%;
  max-width: 528px;
  height: 100%;
  margin: 0 auto;
  padding: 50px 30px;
}


/* 210601 수정  */
.introduce-cont .img-txt {
  display: block;
  width: 170px;
  margin: 5px auto 0;
}


.introduce-cont .img-txt img {
  display:block;
  width:100%;
}
.introduce-cont.int-section07 .img-txt {
  display: block;
  margin: 0 auto 10px; /* 210601 수정  */
}
/* [s] 220609 */
.introduce-cont.int-section07 .affiliates-area{
  justify-content:flex-start;
}
/* [e] 220609 */
.introduce-cont .text-box {
  display: block;
  position: relative;
  color:#202020;
  font-weight: 400;
  letter-spacing: -1.2px;
}

/* [s]210601 수정  */
.introduce-cont .text-box .mo-hidden {
  display: none;
}

.introduce-cont .text-box p {
  color:#4f4f4f;
  font-size:28px;
  text-align:center;
}

.introduce-cont .text-box p .fnt-bold {
  color:#000;
}

.introduce-cont.int-section05 .text-box p .fnt-bold {
  display:block;
}

.introduce-cont .feature-area {
 /* display: flex;*/
  position: relative;
 /* justify-content: center;*/
  width: 100%;
}

/* 210601 삭제 
.introduce-cont .feature-area li.feature-box {
  margin-top: 0rem;
}*/


.introduce-cont .feature-area .feature-box {
  display: block;
  position: relative;
  /*flex-direction: column;
  justify-content: center;
  align-items: center;*/
}

/* 210601 삭제 
.introduce-cont .feature-area .feature-box + .feature-box {
  margin-left:170px;
} */

/* [e]210601 수정  */

.feature-box .feature-desc {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  margin-top:10px;
}

/* [s]210601 수정  */
.introduce-cont .affiliates-area {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  /* margin-top:50px; 220609 삭제 */
  margin-top:30px; /* 220609 수정 */
}
.introduce-cont .affiliates-area .affiliates-list {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width:33%;
  /* margin:0 0 40px; 220609 삭제 */
  margin:0 0 20px; /* 220609 수정 */
}
.introduce-cont .affiliates-area .affiliates-list .bg-image {
  display: block;
  position: relative;
  width:80px; 
  height: 80px; 
  background-color: transparent;
  /* border-radius: 20px; 220609 삭제 */
  /* box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.08); 220609 삭제 */
}

/* .introduce-cont .affiliates-area .affiliates-list:nth-child(10),
.introduce-cont .affiliates-area .affiliates-list:nth-child(11),
.introduce-cont .affiliates-area .affiliates-list:nth-child(12){
	margin-bottom:0
} 220609 삭제 */

/* [e]210601 수정  */

/* 210826 
.introduce-cont .affiliates-area .affiliates-list:nth-child(9) .bg-image {
  border-radius: 35px;
}

*/



.introduce-cont .affiliates-area .affiliates-list:nth-child(7) {
  margin-left: 0;
}
.introduce-cont .affiliates-area .affiliates-list .affiliates {
  padding-top:10px;
  font-size:18px;
  font-weight: bold;
  text-align: center;
  color:#333;
}

/* [s] 210601 수정 */
.introduce-cont .bgImage-box {
	display: block;
	position: relative;
	width:100%;
	max-width: 375px;
	height: 100%;
	margin:0 auto;
}
 /* [e] 210601 수정 */
 
.introduce-cont .bgImage-box .bg-image {
  display: block;
  position: relative;
  width:100%;
  height:100%;
}

 /* [s] 210601 수정 */
.introduce-cont .bgImage-box.img-col02 {
  width: 350px;
  height: 360px;
  margin-top:10px;
}
.introduce-cont .bgImage-box.img-col02 .bg-image {
  height: 170px;
  margin-top:20px;
}
 /* [e] 210601 수정 */

.bgImage-box .bg-image.youtube-thumb { /* 220222 추가 */
  background: url('../images/youtube-thumb.png') no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro01-img {
  background: url('../images/img_intro01_mo.png') no-repeat center 0 / 250px auto; /* 210628 */
} 
.bgImage-box .bg-image.termsGif-img {
  background: url('../images/img_terms.gif') no-repeat center center / 120%; /* 210601 수정  */
}
.bgImage-box .bg-image.tokenGif-img {
  background: url('../images/img_token_click.gif') no-repeat center -30px / 110%; /* 210601 수정  */
}
.bgImage-box .bg-image.intro02-1-img {
  background: url('../images/img_intro02-1.png') no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro02-2-img {
  background: url('../images/img_intro02-2.png') no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro02-3-img {
  background: url('../images/img_intro02-3.png') no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro03-img {
  background: url('../images/img_intro03.png') no-repeat center center / 130% auto; /* 210601 수정  */
}
.bgImage-box .bg-image.intro06-pc {
  box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
  background: url('../images/img_intro06-1.png') no-repeat center -10px / 100%;
}
.bgImage-box .bg-image.intro06-mobile {
  box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
  background: url('../images/img_intro06-2.png') no-repeat -33px -25px / 120% auto;
}
/* [s] 220609 */
.affiliates-list .bg-image.uPlus-homepage {
  background: url('../images/img_intro08-1.png') no-repeat center center / 100%;
}
/* [e] 220609 */
.affiliates-list .bg-image.uPlus-callcenter {
  background: url('../images/img_intro08-2.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-data {
  background: url('../images/img_intro08-5.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-members {
  background: url('../images/img_intro08-3.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-mobile {
  background: url('../images/img_intro08-4.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-smart {
  background: url('../images/img_intro08-6.png') no-repeat center center / 100%;
}
/* .affiliates-list .bg-image.uPlus-idol {
  background: url('../images/img_intro07-15.png') no-repeat center center / 100%; 
} 210826 220609 삭제 */
.affiliates-list .bg-image.uPlus-myhome {
  background: url('../images/img_intro08-7.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-element {
  background: url('../images/img_intro08-8.png') no-repeat center center / 100%;
}
/* [s] 220609 */
.affiliates-list .bg-image.uPlus-spam {
  background: url('../images/img_intro08-9.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-lost {
  background: url('../images/img_intro08-10.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.hello-mobile {
  background: url('../images/img_intro08-11.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.hello-vision {
  background: url('../images/img_intro08-12.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-pineapple {
  background: url('../images/img_intro08-13.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-twins {
  background: url('../images/img_intro08-14.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-resort {
  background: url('../images/img_intro08-15.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-liftcare {
  background: url('../images/img_intro08-16.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-artcenter {
  background: url('../images/img_intro08-17.png') no-repeat center center / 100%;
}
/* [e] 220609 */
/* .affiliates-list .bg-image.uPlus-thinq {
  background: url('../images/img_intro07-17.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-mall {
  background: url('../images/img_intro07-16.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-client {
  background: url('../images/img_intro07-13.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-dotmall {
  background: url('../images/img_intro07-14.png') no-repeat center center / 100%;
} 210826 220609 삭제  */

/* 210628  */
.introduce-cont.int-section01 {
  height: 780px; 
}

/* 210628  */
.introduce-cont.int-section01 .bgImage-box { /* 220222 수정 */
  /* height:72% ; */
  height:211px;
  margin: 60px 0;
}

.introduce-cont.int-section01 .text-box h3 {
  font-weight: 400;
  font-size: 36px; 
  padding:0 0 30px;
}
/* [e]210601 수정  */

.introduce-cont.int-section01 .text-box h3 .is-point-color {
  font-weight: 500;
}
.introduce-cont.int-section01 .subText-box {
  display: block;
  position: relative;
  margin-left:20px;
}
.introduce-cont.int-section01 .subText-box p {
  display: block;
  position: relative;
  font-size:16px;/* 210601 수정  */
}
.introduce-cont.int-section01 .subText-box p span {
  display: inline-block;
  position: relative;
}
.introduce-cont.int-section01 .subText-box p span::before {
  display: block;
  position: absolute;
  top:5px;
  left:-15px;
  color:#b71256;
  content:"*";
}
.introduce-cont.int-section01 .subText-box .define {
  font-size: 20px; /* 210601 수정  */
  font-weight: 500;
}
.introduce-cont.int-section01 .subText-box .define .is-point-color {
  font-weight: 500;
}
/* [s]220222 */
.introduce-cont.int-section01 .btn-play {
  overflow:hidden;
  position:absolute;
  top:50%;
  left:50%;
  width:60px;
  height:60px;
  background:url('../images/btn-play.png') no-repeat;
  background-size:60px;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  border:none;
  color:transparent;
}
.introduce-cont.int-section01 .video-wrap {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  height:100%;
}
.introduce-cont.int-section01 .video-wrap video {
  width:100%;
  height:100%;
}
/* [e]220222 */

.introduce-cont.int-section02 {
  height: 670px; /* 210601 수정  */
}
.introduce-cont.int-section02 .feature-desc strong {
  font-size:22px;
}
.introduce-cont.int-section02 .feature-desc span {
  font-size:18px;
  color:#777;
}

/* [s]210601 수정  */
.introduce-cont.int-section02 .bgImage-box {
  width: 100px;
  height: 100px;
  margin:0 auto; 
}
.introduce-cont.int-section03{
  height: 600px;
}
.introduce-cont.int-section03 .intro-inner {
  padding-bottom:0;
}
.introduce-cont.int-section03 .bgImage-box {
  height: 450px;
}

.introduce-cont.int-section04 {
  height: 700px;
}

.introduce-cont.int-section04 .bgImage-box {
  height:515px;
}

/* 
.introduce-cont.int-section01 .bgImage-box::before {
  content:"";
  display: block;
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  z-index: 2;
}
*/
/* [e]210601 수정  */


.introduce-cont.int-section04 .bgImage-box::before {
  content:"";
  display: block;
  position: absolute;
  top:0;
  left: -10px;
  width: 100px;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
  z-index: 1;/* 210601 수정  */
}
.introduce-cont.int-section04 .bgImage-box::after {
  content:"";
  display: block;
  position: absolute;
  top:0;
  right: -10px;
  width: 100px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
  z-index: 1;/* 210601 수정  */
}
.introduce-cont.int-section04 .bgImage-box .bg-image::before {
  content:"";
  display: block;
  position: absolute;
  top: 20px;/* 210601 수정  */
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), #fff);
  z-index: 1;/* 210601 수정  */
}
.introduce-cont.int-section04 .bgImage-box .bg-image::after {
  content:"";
  display: block;
  position: absolute;
  bottom: 25px; /* 210601 수정  */
  left: 0;
  width: 100%;
  height: 26px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  z-index: 1;/* 210601 수정  */
}

/* [s]210601 수정  */
.introduce-cont.int-section05 {
  height: 550px;
}

.introduce-cont.int-section05 .bgImage-box{
  height: 365px;
}
/* [e]210601 수정  */


.introduce-cont.int-section05 .bgImage-box::before {
  content:"";
  display: block;
  position: absolute;
  top:0;
  left: -5px;
  width: 50px;
  height: 100%;
  background: linear-gradient(to left, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1; /* 210601 수정  */
}
.introduce-cont.int-section05 .bgImage-box::after {
  content:"";
  display: block;
  position: absolute;
  top:0;
  right: -5px;
  width: 50px;
  height: 100%;
  background: linear-gradient(to right, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1; /* 210601 수정  */
}

/* [s]210601 수정  */
.introduce-cont.int-section05 .bgImage-box .bg-image::before {
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to top, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1;
}
.introduce-cont.int-section05 .bgImage-box .bg-image::after {
  content:"";
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1;
}


.introduce-cont.int-section06 {
  height: 650px;
}

.introduce-cont.int-section07 {
  /* height: 900px; 220609 삭제 */
  height:1100px; /* 220609 추가 */
}

.introduce-cont.int-section07 .intro-inner{
  padding-top:0;
}
/* [e]210601 수정  */



.introduce-cont.int-section07 .text-box p {
  font-weight: 400;
}


.layer{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;left:0;
	background-color:#fff;
	z-index:10;
	padding:1.25rem;
}
.layer-wrap{
	width:30rem;
	margin:0 auto;
	position:relative;
}
.layer .close{
	position:absolute;
	top:-3rem;
	right:0;
	background: transparent;
    border: none;
    padding: 1rem;
    text-indent: -9999px;
    background-image: url(../images/ico_delete.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .75rem;
}

.modal.intro .title{
	margin:20px 0;
	text-align:center;
	font-size:1.875rem;
}
.modal.intro .title img{
	width:9.5rem;
	display:block;
	margin:3px auto 0;
}
.modal.intro .layer-wrap div{
	padding:25px 5px;
	border-bottom:1px solid #ccc;
	line-height: 1.4;
}
.modal.intro div.last{
	border-bottom:0;
}
.modal.intro div em{
	color:#b81356;
	font-style: normal;
	display:block;
	margin-bottom:5px;
}
.modal.intro div p{
	font-size:0.825rem;
	color:#000;
}
.modal.intro .noti{
	margin-top:1rem;
	padding:15px 75px;
	text-align:center;
	background:#f5f5f5;
	border:1px solid #ccc;
	font-size:0.75rem;
	color:#666;
}
.layer.access .title{
	margin:20px 0;
	text-align:center;
	font-size:1.2rem;
}
.layer.access p{
	padding:0 5px;
}
.layer.access .desc{
	margin-bottom:1rem;
}
.layer.access .desc:before{
	display:none;
}
.layer.access .layer-wrap div{
	padding:20px 5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height: 1.4;
	margin-bottom:1rem;
}
.layer.access div em{
	font-style: normal;
	display:block;
	margin-bottom:5px;
}
.layer.access div p{
	font-size:0.825rem;
	color:#000;
	padding:0 10px;
}
.layer.access div .bg{
	padding:10px 0 10px 65px;
	min-height:60px;
	background: url('../images/ico_phone2.svg') no-repeat 10px center / 45px auto;
}

.layer.access .noti{
	margin-top:10px;
	padding:0 15px 0 20px;
	font-size:0.75rem;
	color:#666;
	position:relative;
}
.layer.access .noti:before{
	position:absolute;
	top:9px;
	left:12px;
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	background:#666;
}
/* [e]210310 */



/* [s]210309 */
.progress-wrap{
	text-align:center;
	min-width:18rem;
}
.progress-wrap .pie_progress{
	width:150px;
	margin:0 auto;
}
/* [e]210309 */


.container .wrapper.event-wrap {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 0 50px;
}

.container .wrapper.event-wrap .content-area {
    padding-bottom: 0;
}

/* [s]210419 */
.container .wrapper .content-area div.info-box{
	margin:0 0 1rem ;
	padding: 20px;
    border: 1px solid #e3e3e3;
    font-size: .875rem;
}
.container .wrapper .content-area div.info-box.gray{
	background-color: #f8f8f8;
}
.info-box div{
	margin-top:.5rem;
}
.info-box div:first-child{
	margin-top:0;
}
.info-box li{
	margin-top:0;
}
/* [e]210419 */

.event-cont {
    display: block;
    position: relative;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
}

.event-inner {
    display: block;
    position: relative;
    width: 30rem;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    color : #000;
}

/* [s]210910 */
.new.event-cont{margin-top:0}
.new .event-inner{
    width: 900px;
}
.new .event-inner .btn-link {
    position: absolute;
    bottom: 3%;
    left: 26%;
    width: 48%;
    height: 3%;
}
/* [e]210910 */

.event-inner .text-top{
    font-size: 1.4rem;
    font-weight: normal;
}

.event-cont .img-txt {
    display: inline-block;
    width: 6rem;
    margin-left: 10px;
}

.event-inner h1{
    margin: .5rem 0;
    font-size: 1.625rem;
    
}

.event-inner .txt01{
   font-size: .875rem;
}
.event-inner .txt02{
   margin-top: 1rem;
   margin-bottom:.2rem;
}
.event-inner .txt02:before{
   display:inline-block;
   content:'';
   width:3px;
   height:3px;
   margin-right:5px;
   vertical-align:super;
   background-color:#000;
}
.event-inner .noti{
    font-size: 0.75rem;
    color: #777;
}
.section02 .event-inner{
	padding:20px 20px 10px;
}
.section02 .tit{
	font-size: 1.375rem;
	margin-bottom:.2rem;
}
.gift-box{
	position:relative;
	width:360px;
	height:218px;
	margin:20px auto 10px;
}
.gift-box div{
	position:absolute;
	width:170px;
	height:100px;
	border:1px solid #ccc;
	border-radius:1rem;
	background-color:#fff;
}
.gift-box .gift01{
	top:0;
	left:0;
	height:220px;
}
.gift-box .gift01:before{
   display:inline-block;
   content:'';
   width:100px;
   height:90px;
   margin:40px 0 15px;
   background: url('../images/img-event1.jpg') no-repeat center center / contain;
}
.gift-box .gift02{
	top:0;
	right:0;
}
.gift-box .gift02:before{
   display:inline-block;
   content:'';
   width:35px;
   height:48px;
   margin:10px 0 0;
   background: url('../images/img-event2.jpg') no-repeat center center / contain;
}
.gift-box .gift03{
	bottom:0;
	right:0;
}
.gift-box span{
	display:block;
	font-size: 0.625rem;
	line-height: 0.8rem;
}
.gift-box .gift03:before{
   display:inline-block;
   content:'';
   width:55px;
   height:45px;
   margin:10px 0 3px;
   background: url('../images/img-event3.jpg') no-repeat center center / contain;
}
.gift-box span:first-child{
	color: #b81357;
	font-size: .875rem;
	line-height: 1rem;
}
.gift-box .gift01 span:first-child{
	font-size: 1.375rem;
	line-height: 1.5rem;
}
.event-inner button.is-primary{
	margin-top:20px;
}

.intro .title{
	padding:3rem 0 2rem;
	text-align:center;
	font-size:1.875rem;
}
.intro .title img{
	width:9.5rem;
	display:block;
	margin:3px auto 0;
}
.intro > div{
	padding:1rem 5px;
	border-bottom:1px solid #ccc;
	line-height: 1.4;
}
.intro div em{
	color:#b81356;
	font-style: normal;
	display:block;
	margin-bottom:.5rem;
}
.intro div p{
	font-size:0.875rem;
	color:#000;
}
.intro .last{border-bottom:0;}

.datepicker-dropdown{
	z-index:5 !important;
}

.checklist.is-collapse{margin:2rem 0;padding:1rem;;background:#f9f9f9;} /* 210906 */
.checklist.is-collapse .collapse-header{float:right;margin-top:-26px;margin-right:-11px;color:transparent;font-size:0;line-height:0;} /* 210906 */ /* 220120 color, font-size, line-height 추가 */
.collapse-header .txt {color:transparent;} /* 220124 접근성 추가 */
.checklist.is-collapse .collapse-header:before{display:none;}
.checklist.is-collapse .collapse-content{padding:0;}
/* 220413 */
.modal.modal-checklist .is-bigger {padding: 1rem;}
.modal.modal-checklist .modal-content {padding:30px 12px 88px;}
.modal.modal-checklist .modal-content .sub-tit {padding-bottom:30px;font-size:14px;color:#333;}
.modal.modal-checklist .checklist.is-collapse{position:relative;padding:0;margin:0;background:#fff;border:1px solid #f2f2f2;}
.modal.modal-checklist .checklist.is-collapse.all {background:#f9f9f9;border:1px solid #f9f9f9;}
.modal.modal-checklist .checklist.is-collapse + .checklist.is-collapse {margin-top:1rem;}
.modal.modal-checklist .checklist.is-collapse .collapse-header {overflow:visible;position:absolute;top:16px;right:0;margin-top:0;margin-right:0;}
.modal.modal-checklist .checklist.is-collapse .collapse-content {padding:1rem;margin-bottom:0;border-top:1px solid #f2f2f2;}
.modal.modal-checklist .checklist.is-collapse .collapse-content.channel {padding:4px 16px;}
.modal.modal-checklist .is-collapse .collapse-content p:not(.validation-msg) {padding:0;font-size:14px;color:#333;}
.modal.modal-checklist .is-collapse .collapse-content .policy p:first-child {margin:0;}
.modal.modal-checklist .is-collapse .collapse-content .policy p + p {margin:1rem 0 0;}
.modal.modal-checklist input[type=checkbox] + label:before {width:24px;height:24px;margin-top:-13px;background:url(../images/btn_chkS_off.png) no-repeat 0 0 / 24px;border:0;transform:none;} /* 220808 margin-top, background 이미지 수정 */ 
.modal.modal-checklist input[type=checkbox]:checked + label:before {background:url(../images/btn_chkS_on.png) no-repeat 0 0 / 24px;} /* 220808 background 이미지 수정 */

/* [s] 220808 */
.modal.modal-checklist .is-bigger input[type=checkbox] + label:before {
  width: 28px;
  height: 28px;
  padding-left: 2.25rem;
  background: url(../images/btn_chkL_off.png) no-repeat 0 0 / 28px;
}
.modal.modal-checklist .is-bigger input[type=checkbox]:checked + label:before {
  background: url(../images/btn_chkL_on.png) no-repeat 0 0 / 28px;
}
.modal.modal-checklist .form-control input[type=checkbox] + label:before {
  width: 24px;
  height: 24px;
  background: url(../images/btn_chkS_off.png) no-repeat 0 0 / 24px;
}
.modal.modal-checklist .form-control input[type=checkbox]:checked + label:before {
  background: url(../images/btn_chkS_on.png) no-repeat 0 0 / 24px;
}
/* [e] 220808 */

/* 220808 삭제 .modal.modal-checklist .form-control input[type=checkbox] + label:before, */ 
.modal.modal-checklist .form-control input[type=radio] + label:before {width:12px;height:8px;margin-top:-7px;background:none;border-bottom:3px solid #c9c9c9;border-left:3px solid #c9c9c9;transform:rotate(-45deg);}
/* 220808 삭제 .modal.modal-checklist .form-control input[type=checkbox]:checked + label:before, */
.modal.modal-checklist .form-control input[type=radio]:checked + label:before {border-bottom:3px solid #b71256;border-left:3px solid #b71256;}
.modal.modal-checklist input[type=checkbox] + label,
.modal.modal-checklist input[type=radio] + label {padding-left:30px;line-height:24px;}


/* 211217 */
.checklist.is-collapse .collapse-content.border{
	border-top:1px solid #ddd;
	padding:1rem 0;
	margin-top:1rem;
  color:#333;
}

.btn-list{margin:2rem 0;}
.btn-list div{display: flex;position: relative;flex-flow: row wrap;justify-content: space-between;width: 100%;}
.btn-list button{display: flex;flex-direction: column;align-items: center;width: 33%;margin-bottom:5px;}
.pass-noti{font-size: .875rem;padding-top: 175px;background: url(../images/ico_pass.png) no-repeat center 30px/ 250px auto;}

/* 나의 프로필 수정 211022 */
.container.profile .wrapper{min-height:auto;}
.container.profile .footer-bottom{overflow-x:hidden;min-height:calc(100% - 5rem);} /* 221031 추가 */
.profile .footer-bottom .content-area>div>.is-sub-text{padding-bottom:1.9375rem;} /* 221116 추가 */
.container.profile .content-area>div{width:30rem;margin:0 auto;}
.profile .block{margin:0 auto;padding:1.5rem 0;border-bottom:1px solid #ccc}
.profile .block:last-child{border-bottom:0}
.profile .items .flex-container>div:first-child{flex-basis:5rem;}
.profile .items .flex-container>p{text-align:right;flex-grow:1;word-break: break-all;}
.profile .items .flex-container>div:nth-child(3){flex-basis:5rem;text-align:right}
.profile .top {width:100%!important;background:#f5f5f5}
.profile .top .block{width:30rem;margin:0 auto;padding:1.5rem 0;border-bottom:0;background:#f5f5f5}
.profile .top button.text-button{background:#d7d7d7}
.profile .top button.text-button:hover{ background: #555;}

/* [s] 221026 */
.profile .block .social-naver{
  position:relative;
  padding-left:45px;
}
.profile .block .social-naver:before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:35px;
  height:35px;
  background:url(../images/ico_naver_round.png)no-repeat 50% / 35px;
}
.profile .block .social-kakao{
  position:relative;
  padding-left:45px;
}
.profile .block .social-kakao:before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:35px;
  height:35px;
  background:url(../images/ico_kakao_round.png)no-repeat 50% / 35px;
}
.profile .block .flex-container p span.is-sub-text{
  position:relative;
  top:-1px;
  padding-left:5px;
  font-size:12px;
  color:#999 !important;
  line-height:17px;
}
/* [e] 221026 */

/* [s] 250701 챗봇 영역 추가 */
.v3.profile-setting .is-single-line.profile li a.chatbot::before {
    top: 48%;
    background: url(../images/ico-chatbot.svg) no-repeat 50% 50% / 1.5rem;
}
/* [e] 250701 챗봇 영역 추가 */

/* 비밀번호 힌트 추가 211104 */
.hint.is-collapse{margin-top: 2.5rem;padding: 1rem;background: #f4f4f4;}
.hint.is-collapse .collapse-header{padding:0 3rem 0 0}
.hint.is-collapse .collapse-header .form-title{font-weight:400}
.hint.is-collapse .collapse-header:before{display:none}
.hint.is-collapse .collapse-content{padding:0;background:none;}
.hint.is-collapse .collapse-content p:before{display:none;}
.hint.is-collapse input[type]:not([type=checkbox]):not([type=radio]):not([type=button]){font-size:14px!important}
.hint.is-collapse input::-webkit-input-placeholder {font-size:14px}
.hint.is-collapse input:-ms-input-placeholder {font-size:14px}
.hint.is-collapse input::-ms-input-placeholder {font-size:14px}
.hint.is-collapse input::placeholder{font-size:14px}
.hint.is-collapse textarea {font-size:14px !important;width: 100%;padding:1rem 2.5rem 1rem .5rem;background: transparent;border: 0;height: 3rem;overflow:hidden;}
.hint.is-collapse textarea::placeholder{font-size:14px;}

/* [s]로그인 페이지 배너 추가 211227 */
.bannerSec{margin-top:2rem;padding: 0 !important;margin-left: -1.5rem; margin-right: -1.5rem;}
.swiperBanner{height:60px;position:relative;overflow:hidden;}
.bannerSec .swiper-wrapper{text-align: center;}
.bannerSec img{width:100%;max-width:360px;}
.bannerSec .swiper-button-next, 
.bannerSec .swiper-button-prev{	
	top:0;
	width:60px;
	height:60px;
	margin-top:0;
	background:#ffe1df;
	text-align:center;
}
.bannerSec .swiper-button-prev{left:0;background-image:none !important;}
.bannerSec .swiper-button-next{right:0;background-image:none !important;}
.bannerSec .swiper-button-next:after, 
.bannerSec .swiper-button-prev:after{
	content:'';
    background:url(../images/btn_slider_next.png) no-repeat center;
    width: 50px;
    height: 60px;
    display: inline-block;
 }
.bannerSec .swiper-button-prev:after {transform: rotateY(180deg);}
/* [e]로그인 페이지 배너 추가 211227 */

/* [s] 220817 */
.tab-filter-wrap {
  margin: 1.25rem 0;
  padding: 0.5rem 0.8rem;
}
.tab-filter-wrap .scroll-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab-filter-wrap .scroll-hide::-webkit-scrollbar {
  display: none;
}
.tab-filter-wrap .filter-list {
  overflow-x: auto;
  white-space: nowrap;
  font-size: 0;
}
.tab-filter-wrap .filter-list li {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
.tab-filter-wrap .filter-list li .btn-tab {
  padding: 0.4rem 0.75rem 0.46rem;
  border-color: #ddd;
  font-size: 0.875rem;
  color: #555;
}
.tab-filter-wrap .filter-list li .btn-tab.on {
  border-color: #b71256;
  font-weight: 700;
  color: #b71256;
}
/* [e] 220817 */

/* [s] 221026 */
.btn-naver{
  background-color:#00bf18;
  border-color:#00bf18;
  color:#fff;
}
.btn-naver:hover{
  border-color:#00bf18;
  color:#fff;
}
.btn-naver:active{
  background-color:#00bf18;
}
.btn-naver span{
  position:relative;
  padding-left:22px;
}
.btn-naver span:before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:17px;
  height:15.21px;
  background:url(../images/ico_login_naver.png)no-repeat 50% / 17px 15.21px;
}
.btn-kakao{
  background-color:#ffe617;
  border-color:#ffe617;
  color:#47292b;
}
.btn-kakao:hover{
  border-color:#ffe617;
  color:#47292b;
}
.btn-kakao:active{
  background-color:#ffe617;
}
.btn-kakao span{
  position:relative;
  padding-left:23px;
}
.btn-kakao span:before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:20px;
  height:20px;
  background:url(../images/ico_login_kakao.png)no-repeat 50% / 20px;
}
/* [e] 221026 */

/* [s] 221109 */
.btn-naver-link{
  display:block;
  padding:1rem;
  border-radius:50px;
  background-color:#00bf18;
  text-align:center;
}
.btn-naver-link span{
  position:relative;
  padding-left:22px;
  font-size:1.125rem;
  color:#fff;
}
.btn-naver-link span:before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:17px;
  height:15.21px;
  background:url(../images/ico_login_naver.png)no-repeat 50% / 17px 15.21px;
}
.btn-kakao-link{
  display:block;
  padding:1rem;
  border-radius:50px;
  background-color:#ffe617;
  text-align:center;
}
.btn-kakao-link span{
  position:relative;
  padding-left:23px;
  font-size:1.125rem;
  color:#47292b;
}
.btn-kakao-link span:before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:20px;
  height:20px;
  background:url(../images/ico_login_kakao.png)no-repeat 50% / 20px;
}
/* [e] 221109 */

@media only screen and (max-width:1024px){
  /* 210420 */
  header.intro-header > div:not(.flex-container) {
    width: 100% !important; 
  }
	
  input, label, button, a ,select, textarea {
    /* outline:none !important;  21062804 */
  }
  
   /* 210706 */
  label{
  	/* outline:none;  */
  	-webkit-appearance:none;
    -moz-appearance:none;
  }
  
  .introduce-wrap .flex-container.space-between {
    justify-content: space-around;
  }

  
  .introduce-cont.int-section02 .bgImage-box {
    width:100px;
    height:100px;
  }
  .introduce-cont.int-section02 .feature-desc strong {
    font-size:20px;
  }
  .introduce-cont.int-section02 .feature-desc span {
    font-size:16px;
  }
  .introduce-cont .text-box p {
    font-size:28px;
  }
   
  .bgImage-box .bg-image.intro03-img {
    background: url('../images/img_intro03.png') no-repeat center center / 135%;
  }
  
  
  /* [s]210910 */

	.new.event-cont{padding:0}
	.new .event-inner{
	    width: 100%;
	}
	.new .event-inner img{
	    width: 100%;
	}
  
  /* [e]210910 */
  
  
  /* .btnLoginQr{display:none;} 211116 */
  
  
}


@media only screen and (max-width: 768px){
	
  .mo-hidden {
    display: none;
  }
  
  .wrapper.introduce-wrap .flex-container.is-row {
    -webkit-box-orient: vertical !important;
    flex-direction: column !important;
  }
  .wrapper.introduce-wrap .flex-container.is-row.is-reverse {
    flex-direction:column !important;
  }
  
  
  .introduce-cont .feature-area {
    flex-direction: column;
  }

  
  .introduce-cont.int-section03 {
    height: 435px;  /* 210601 수정  */
  }
  
  .introduce-cont .img-txt {
    display: block;
    width: 150px;
    margin-left:auto;
    margin-right:auto;
  }
  
  .introduce-cont .img-txt img {
    display:block;
    width:100%;
  }
  
  /* 210601 수정  */
  .introduce-cont .text-box {
    display: block;
    color:#202020;
    text-align: center;
    letter-spacing: -1px;
  }
  
 
  .introduce-cont .text-box p {
    color:#4f4f4f;
    font-size:18px;
  }
  .introduce-cont .text-box p .fnt-bold {
    color:#000;
  }
  .introduce-cont .feature-area {
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
  }
  
  
  .introduce-cont .feature-area .feature-box + .feature-box {
    margin-left:170px;
  }
  .feature-box .feature-desc {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
  }
  
  
  .introduce-cont .affiliates-area .affiliates-list .affiliates {
    font-size:18px;
    font-weight: bold;
    text-align: center;
    color:#333;
  }
  .introduce-cont .flex-container {
    position: relative;
    justify-content: center;
  }
  
 
  .bgImage-box .bg-image.intro01-img {
    background: url('../images/img_intro01_mo.png') no-repeat center 0 / 200px auto;  /* 210628  */
  }

  .bgImage-box .bg-image.termsGif-img {
    background: url('../images/img_terms.gif') no-repeat center 85% / 385px auto;
  }
  
  
  .bgImage-box .bg-image.tokenGif-img {
    background: url('../images/img_token_click.gif') no-repeat center 70% / 108%;
  }
  
  .bgImage-box .bg-image.intro03-img {
    background: url('../images/img_intro03.png') no-repeat center 0 / 370px auto; /* 210601 수정  */
  }
  .bgImage-box .bg-image.intro06-pc {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url('../images/img_intro06-1.png') no-repeat center 8% / 100%;
  }
  .bgImage-box .bg-image.intro06-mobile {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url('../images/img_intro06-2.png') no-repeat -24px 18% / 120% auto;
  }
 
  /* 210827 
  .affiliates-list .bg-image.uPlus-callcenter {
    background: url('../images/img_intro07-1.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-data {
    background: url('../images/img_intro07-2.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-members {
    background: url('../images/img_intro07-3.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-mobile {
    background: url('../images/img_intro07-4.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-smart {
    background: url('../images/img_intro07-5.png') no-repeat center center / 100%;
  }
  
  .affiliates-list .bg-image.uPlus-idol {
    background: url('../images/img_intro07-6.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-myhome {
    background: url('../images/img_intro07-7.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-element {
    background: url('../images/img_intro07-8.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-thinq {
    background: url('../images/img_intro07-9.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-mall {
    background: url('../images/img_intro07-10.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-client {
    background: url('../images/img_intro07-11.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-dotmall {
    background: url('../images/img_intro07-12.png') no-repeat center center / 100%;
  }
*/
   /* 210601 수정  */
  .introduce-cont.int-section01 {
    height: 610px;
  }
  
  .introduce-cont.int-section01 .text-box h3 {
    font-size:30px;
  }
  
  .introduce-cont.int-section01 .subText-box .define {
    font-size:16px;
  }
  
   
  .introduce-cont.int-section01 .subText-box p {
    font-size: 12px;
  }
  
  .introduce-cont.int-section02 {
    height:500px;
  }
  .introduce-cont.int-section02 .bgImage-box {
    width: 76px;
    height: 76px;
  }
  .introduce-cont.int-section02 .feature-area .feature-box + .feature-box {
    margin-top: 25px;
  }
  .introduce-cont.int-section02 .feature-desc {
    color: #4f4f4f
  }
  .introduce-cont.int-section02 .feature-desc strong {
    font-size: 16px;
  }
  .introduce-cont.int-section02 .feature-desc span {
    font-size: 10px;
  }
  
  /* [s]210601 수정  */
 .introduce-cont.int-section04, .introduce-cont.int-section06 {
    height:570px;
  }
  
  .introduce-cont.int-section03 .bgImage-box {
    height: 100%;
  }
  .introduce-cont.int-section04 .bgImage-box {
    height: 400px;
  }
  .introduce-cont.int-section05 {
    height:450px;
  }
   .introduce-cont.int-section05 .bgImage-box {
    height: 300px;
  }
   
  .introduce-cont.int-section07 {
    /* height: 780px; 220609 삭제 */
    height:950px; /* 220609 추가 */
  }

  .introduce-cont.int-section04 .bgImage-box::before {
    width: 50px;
  }
  .introduce-cont.int-section04 .bgImage-box::after {
    width: 50px
  }
   
  .introduce-cont.int-section04 .bgImage-box .bg-image::before {
    top: 7px;
  }
  .introduce-cont.int-section04 .bgImage-box .bg-image::after {
    bottom: 0;
  }
   /* [e]210601 수정  */
    
    
  .introduce-cont.int-section05 .bgImage-box::before {
    content:"";
    display: block;
    position: absolute;
    top:0;
    left: -5px;
    width: 32px;
    height: 100%;
    background: linear-gradient(to left, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }
  .introduce-cont.int-section05 .bgImage-box::after {
    content:"";
    display: block;
    position: absolute;
    top:0;
    right: -5px;
    width: 32px;
    height: 100%;
    background: linear-gradient(to right, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }
  .introduce-cont.int-section05 .bgImage-box .bg-image::before {
    content:"";
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to top, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }
  .introduce-cont.int-section05 .bgImage-box .bg-image::after {
    content:"";
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }

  .introduce-cont .feature-area .feature-box + .feature-box {
    margin-left:0;
  }


  .introduce-cont .affiliates-area .affiliates-list .bg-image {
    /* width:70px;  220609 삭제 */
    /* height:70px; 220609 삭제 */
    width:64px; /* 220609 추가 */
    height:64px; /* 220609 추가 */
    border-radius: 10px;
  }
  
  .introduce-cont .affiliates-area .affiliates-list .affiliates {
    padding-top:10px;
    /* font-size:12px; 220609 삭제 */
    font-size: 14px;/* 220609 추가 */
    font-weight: bold;
    text-align: center;
    color:#333;
  }
  
  .layer-wrap{
	width:100%;
  }
  
  

   .container .wrapper .content-area > div.is-failure {
	  padding: 2rem 1.5rem;
	}
	
	.container .wrapper .content-area > div.is-failure:before {
	    width: 100px;
	    height: 75px;
	    background: url(../images/ico_failure.svg)no-repeat center top;
	    background-size: 100px auto;
	}
	
	.container .wrapper .content-area > div.is-failure.cs:before{
	    height: 88px;
		background-size: 80px auto;
	}
	
	.container .wrapper .content-area > div.is-failure button{
		margin-top:1rem;
	}

	/* 비밀번호 힌트 추가 211104 */
	.hint.is-collapse textarea {height: 3.5rem;padding:.5rem 2.5rem .5rem .5rem}
	
	
	
}
/* //소개페이지 */
@media only screen and (max-width: 578px) { 
    * {
        /*아이폰 가로모드시 글자 커지는 것 방지*/
        -webkit-text-size-adjust:none;
        
        /* 21062403 하이라이트 방지 */
        -webkit-tap-highlight-color: transparent;
    }

	.is-half-width {
	    width: 100%;
	}

	.is-half-width+.is-half-width{
	    margin-left: 0;
		margin-top : 1rem !important;
	}
    
	.page-top-desc{
		margin-top:1.5rem;
	}

  .lnb {
    width: 85vw;
    
  }

  .lnb.tws-lnb {
	width: 85vw;
	padding-top:constant(safe-area-inset-top); 
	padding-top:env(safe-area-inset-top);
	padding-bottom:constant(safe-area-inset-bottom); 
	padding-bottom:env(safe-area-inset-bottom);

  }
  
  .lnb .lnb-header .flex-container > button {
    height: 3rem;
  }
  
  
  body .lnb.tws-lnb .lnb-header h2 svg {
      margin-right:9px;
  }

  body .lnb.tws-lnb .lnb-header h2, body .lnb.tws-lnb .lnb-header a{
  	margin-top:0;
  }
  
  
  
  body .lnb.tws-lnb .lnb-content > div > a {
      padding:9px 0;
  }

  .lnb.tws-lnb .lnb-header .flex-container > button {
    top:16px;
    /* height: 2rem;  211122 */
  }
  /*
  body .lnb .lnb-header .flex-container {
      height:50px;
  }211122 */
  body .lnb.tws-lnb .lnb-header .tws-user {
    height:46px;
  }


  body .lnb .lnb-content{
	  height: calc(100% - 210px - 3rem); /* 211116 */
	}


  body .lnb.tws-lnb .lnb-footer hr {
    margin: 0 9px;
  }
	body .lnb.tws-lnb .lnb-header h2 {
	  margin-top:-8px;
	}
  header:not(
    pick__month-title-bar).show-back-button .back-button {
    display: block;
  }
  header:not(.lightpick__month-title-bar).show-back-button .back-button svg {
    display: none;
  }
  header:not(.lightpick__month-title-bar) .flex-container {
    display: none !important;
  }
  header:not(.lightpick__month-title-bar) button {
    height: 3rem;
  }

  

  header:not(.lightpick__month-title-bar) .back-button {
    display: block;
    padding-top:0;
    background: transparent;
  }
 	

   
  header:not(.lightpick__month-title-bar) .flex-container button.menu-button {
    top: calc(50% - 22px);
    background: transparent;
  }
  

   
  .steps .stepNew {
    width: 115px;
    height: 30px;
  }
  
 
  .login header h1,*/
  .login header h2.page-title {
    display: none;
  }
  
  /* [s]211216 */
  footer .footer-inner {
	width: 100%;
  }
  footer hr{
	margin: 2px 0.3rem 0;
  }

  .modal.select-language .modal-content{
	min-width:270px;
  }
  
   /* [e]211216 */


  footer.tws-padding {
	padding:2rem 0 4rem 0;
	height:unset;
}


  .signUp header h2.page-title {
    width: calc(100% - 1rem);
    padding-right: 1rem;
  }
  

   .signUp header h2.page-title.no-menu {
    width: 70%;
    padding-right:0;
  }

  
  .screen-detail header h1 {
    display: none;
  }
  .screen-detail header .flex-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .screen-detail header .flex-container button:not(.menu-button),
  .screen-detail header .flex-container .form-control,
  .screen-detail header .flex-container hr {
    display: none;
  }
  .screen-detail header .flex-container .menu-button {
    margin: 0;
  }
  .screen-detail nav {
    display: none;
  }
  .flex-container.is-half.is-responsive {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-container.is-half.is-responsive > div {
    margin: 0;
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .flex-container.is-half.is-responsive > div:first-child {
    padding-left: 0;
  }
  .flex-container.is-half.is-responsive > div:last-child {
    padding-right: 0;
  }
  .is-full-width + .is-full-width {
    margin-top: .5rem;
  }
  .is-bigger {
    font-size: 1rem;
  }

  .is-medium {
    font-size: .9rem;
  }
  

  .margin-top-none{
	margin-top:0 !important;
  }

  .margin-top-large {
    margin-top: 2rem !important;
  }
  .margin-bottom-large {
    margin-bottom: 2rem !important;
  }
  .is-anchor {
    font-size: 1rem;
  }
  
  .is-small > .is-anchor {
    font-size: .875rem; /* 210615 */
  }
  
  .note {
    font-size: .75rem;
    padding-left: 1.25rem;
    background-size: 1rem;
    background-position: left .35rem;
  }
  .note + .form-control,
  .note + .form-title {
    padding-top: 3rem;
  }
  .faqList-note {
    font-size:14px;
  }
  .faqList-note .is-anchor {
    font-size:14px;
  }
  input[type]:not([type=checkbox]):not([type=radio]),
  select {
    font-size: 1rem !important;
  }
  textarea {
    font-size: 1rem !important;
  }
  /* input[type=checkbox] + label, 220810 삭제 */
  input[type=radio] + label {
    font-size: .875rem !important;
    padding-left: 1.5rem;

  }
  /* [s] 220810 */
  input[type=checkbox] + label {
    font-size: .875rem;
    padding-left: 1.5rem;
  }
  /* [e] 220810 */

  /* 220413 */
  .modal-checklist input[type=checkbox] + label,
  .modal-checklist input[type=radio] + label {
    padding-left:30px;
    margin-right:8px;
    color:#333;
  }
  .modal-checklist input[type=checkbox] + label:last-child,
  .modal-checklist input[type=radio] + label:last-child {
    margin-right:0;
  }
  .modal-checklist .form-control input[type=checkbox] + label,
  .modal-checklist .form-control input[type=radio] + label {
    padding-left:20px;
  }

  input[type=radio] + label:before {
    width: 1rem;
    height: 1rem;
    top: .125rem;
    background-size: contain; 
  }

  .form-title {
    font-size: .875rem;
  }
  .form-control {
    border-bottom-width: 1px;
  }
  .form-control + .form-control,
  .form-control + label {
    /* margin-top: 2rem;  */ /* 220513 삭제 */
    margin-top:3rem; /* 220513 수정 */
  }
  .form-control .form-button button.text-button {
    font-size: .875rem; 
  }

  .form-control > span {
    font-size: .875rem;
     right: 145px;
  }

  .form-control .form-button.tws-formButton {
	right:75px;
  }

	input::-webkit-input-placeholder {
	  font-size:14px
	}
	input:-ms-input-placeholder {
	  font-size:14px
	}
	input::-ms-input-placeholder {
	  font-size:14px
	}
	input::placeholder {
	  font-size:14px
	}

  button {
    font-size: 1rem;
  }

  button.ksh {
  padding: 0.7rem;
  }

  button.is-primary {
    margin-top: 3rem;
  }
  button.no-border svg {
    width: .75rem;
    height: .75rem;
    margin-left: .25rem;
  }
  
  .introduce-cont .bgImage-box.img-col02 {
    width: 100%;
    height: calc(100% - 40%);
    min-height: 360px;
  }

  .bgImage-box .bg-image.intro06-pc {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url('../images/img_intro06-1.png') no-repeat center 16% / 100%;
  }
  .bgImage-box .bg-image.intro06-mobile {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url('../images/img_intro06-2.png') no-repeat -24px 24% / 120% auto;
  }
  

  .login .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .login .container .wrapper {
    height: initial;
    min-height: initial; 
    padding-top: 2rem;
  }
  .login .container .wrapper .title {
    margin: 1rem 0 2rem; /* 210414 */
  }
  .login .container .wrapper .title h1 {
    margin-bottom: .5rem;
  }
  .login .container .wrapper .title h1 img {
     width: 8rem; 
  }
  
  .login .container .wrapper p {
    font-size: .875rem;
  }
  
  .login .container .wrapper .flex-container a {
    font-size: .875rem;
  }
  .login .container .wrapper .form-control + div label {
    font-size: .875rem;
    margin-top: .85rem;
  }
  /* [s] 221026 */
  .login .container .wrapper .login-check{
    display:block;
  }
  .login .container .wrapper .qr-form{
    display:none;
  }
  /* [e] 221026 */
  
  /* 210727
  .login .container .wrapper .form-control + div label:before {
    top: .125rem;
  } */
  
  .login .container footer {
    height: 4rem; /* 210414 */
    margin-top: 30px; /* 210414 */
    padding-bottom:20px
  }
  body.has-gray-bg .content-area > div + div {
    border-top: 0.5rem solid #f0f0f0;
  }

  .container.tws-container .policy table, .modal.modal-mo .policy table {
	table-layout: fixed;
  }
  .container.tws-container .policy table th, .modal.modal-mo .policy table th {
	word-break: break-all;
  }

  .modal.modal-mo .policy table td strong{
	word-break: break-word; 
  }
	
	.modal .modal-content {
		overflow-x:hidden;
	}
	
	/* [s] 220830 */
	.jquery-modal.pop-hidden .modal-content {
		padding: 1rem 0.5rem !important;
	}
	/* [e] 220830 */
	
	.modal .modal-content .container.tws-container{
		padding-top:0;
		overflow-x:hidden;
	}
	
	.modal .modal-content .container.tws-container .policy a{
		word-break: break-word;
	}

  .container.tws-container ::-webkit-scrollbar,
  .modal.modal-mo ::-webkit-scrollbar {
     height: 4px;
  }

  .container .wrapper {
    width: 100%;
    min-height: calc(100% - 5rem);
    height: auto;
    padding:0 1.5rem;
  }
  
  .container .wrapper .page-title {
    display: none;
  }
  
  .signUp .container .wrapper .page-title {
    display: block; /* 210524 */
  }
  
  
  header h2.page-title {
    display:block;
    text-align:center;
    font-size:18px;
  }

  .container.tws-container .wrapper .page-title {
	display: block !important;
  }

  .container .wrapper .sub-title {
    font-size: 1.125rem;
  }

  .container.phoAuth-container .wrapper .page-desc {
    padding-top: 2.5rem;
  }
  .container .wrapper .content-area {
    padding: 0;
  }
  .container .wrapper .content-area > div {
    padding: 0 1.5rem 3rem 1.5rem;
  }
  .container .wrapper.authArea .content-area > div {
    padding: 0 1.5rem;
  }

  .container .wrapper .content-area > div.steps {
    padding: 3rem 1.5rem 1rem 1.5rem;
  }

  .container .wrapper .content-area > div.box-list.joinedUp-box {
    padding: 0 1.5rem 0.5rem 1.5rem;
  }

  .container .wrapper .content-area > div + div {
    margin-top: 0;
  }
  .container .wrapper .content-area > div.message svg {
    width: 100%;
  }
  .container .wrapper .content-area > div.message button {
    width: 100%;
    margin: 0;
    -webkit-transform: translateY(4rem);
            transform: translateY(4rem);
  }
  .container.tws-container .wrapper .content-area.tws-padding {
  	padding-top:4rem;
  }
  .container.tws-container .wrapper .content-area.tws-paddingUser {
  	padding-top:3rem;
  }
  .container.tws-container .wrapper .content-area + .policy.tws-padding {
  	padding-top:4rem;
  }
  

  .modal-content .container.tws-container .wrapper{
  	padding:0 !important;
  }

  .modal-content .container.tws-container .wrapper .content-area + .policy.tws-padding {
  	padding-top:0;
  }
  

  .steps .flex-container h3 {
    font-size: 1.5rem;
  }
  .steps .flex-container div {
    font-size: 1rem;
  }
  .steps .flex-container div span {
    margin-left: .375rem;
  }
  .block + .block {
    /* border-top: 0.5rem solid #f5f5f5; */
    border-top: 0.5rem solid #f0f0f0; /*20.11.19*/
  }
	
	.selectAuth-container .bg-area {
	  background-color: #fAfAfA;
	}
	.selectAuth-area {
	  padding-top:1rem;
	}
	.selectAuth-area.updateAuth-height {
	  padding-bottom: calc(100vh - 411px);
	}
	.selectAuth-area > p.is-small {
	  font-size:.875rem;
	}
	.selectAuth-area > p.is-small + p.is-small{
	  margin-bottom:2.5rem;
	}
	.authArea .block {
	  margin:0 -1.5rem;
	  padding:1.5rem 1.5rem 2rem 1.5rem;
	  background: #FAFAFA;
	}
	.authArea .block + .block {
	  margin-top:0;
	  padding-top:0;
	  padding-bottom:2.5rem;
	}
	.authArea .block.borderbtm-mo {
	  border-bottom:0.5rem solid #f5f5f5;
	}
	.authArea .block.nonBorder-top {
	  border-top: none;
	  padding-bottom:3rem;
	}
	.authArea .auth-interval {
	  padding-top:2.5rem;
	}
	.authArea .auth-interval.auth-last {
	  padding-top:2.5rem;
	}

  .block > .flex-container h4 {
    font-size: 1rem;
  }
  .captcha {
    margin-top: 2rem;
  }
  .captcha > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .captcha > div picture {
    width: calc(100% - 7rem);
  }
  .captcha > div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .captcha > div div button {
    font-size: 1rem;
    height: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
  }
  .addr-search-tip > div {
    padding-left: 1.25rem;
  }
  .addr-search-result ul.search-result li a > span {
    padding: 0;
  }
  .pagination {
    width: 100%;
    margin-top:5px; /*20.11.05*/
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last {
    border: none;
  }
  .pagination li a {
    width: 1.75rem;
    height: 2rem; /*20.11.05*/
    line-height: 2rem; /*20.11.05*/
    padding: 0;
  }
  .tab-list {
    margin: 0 -1.5rem;
    background: #fafafa;
  }
  .tab-content .block + .block {
    padding-top: 2rem;
    border-top: 0.5rem solid #f0f0f0;
  }
  ul li.flex-container {
    margin-top: 1rem;
  }
  ul li.flex-container > div {
    max-width: 80%;
  }
  ul li.flex-container > div.agreeArea {
    max-width: 90%;
  }
  ul li.flex-container > div label {
    font-size: .875rem;
  }
  ul li.flex-container a {
    font-size: .875rem;
  }
  ul.is-bigger-list li {
    margin-top: 3rem;
  }
  ul.is-bigger-list li:first-child {
    margin-top: 1rem;
  }
  ul.is-bigger-list li div h4 {
    font-size: 1.125rem;
    margin: 0;
  }
  ul.is-bigger-list li div p {
    font-size: .75rem;
  }
  ul.is-bigger-list li img {
    width: 3rem;
    height: 3rem;
  }
  ul.is-bigger-list.has-gray-bg li {
    margin-top: .5rem;
  }
  ul.is-bigger-list.has-gray-bg li a {
    background-color: #f5f5f5;
    border: 1px solid transparent;
    padding: 1.5rem;
  }
  ul.is-bigger-list.has-gray-bg li a:hover {
    border-color: #b71256;
  }
  ul.is-bigger-list.has-gray-bg li a:active {
    border-color: #b71256;
    background: #fff0f5;
  }
  .signup-complete .steps + .flex-container {
    font-size: 1rem;
  }
  .signup-complete .steps + .flex-container img {
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    /* margin-left: 2rem; */
    margin-left: 0rem;
  }

  .signup-complete .account-info {
    display: block;
    padding-top: .5rem; /* 210512 */
  }
  .signup-complete .account-info label {
    font-size: .875rem;
    margin-bottom: .25rem;
  }
  .signup-complete .account-info strong {
    font-size: 1rem; /* 210512 */
    margin: 0;
  }
  .signup-complete .account-info strong.num, .signup-complete .account-info strong.email {
      font-size:16px;
  }

  .signup-complete .box.note {
      padding:1rem 1rem 1rem 1.5rem;
      background-image:url('../images/ico_noti.svg');
      background-repeat:no-repeat;
      background-size:15px;
      background-position:6px 18px;
      font-size:13px;
  }
  .service-list label {
    font-size: .9rem;
  }
  .service-list a {
    margin-left: .5rem;
  }
  .service-list a img {
    width: 2rem;
    height: 2rem;
  }
  .id-list input[type=radio] + label {
    font-size: 1.125rem;
    padding-left: 1.5rem;
  }
  .id-list .is-sub-text {
    padding-left: 1.5rem;
  }
  .box-header {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 0;
  }
  .box-header.no-spacing {
    background: #f9f9f9; /* 210728 */
  }
  .box-list > li {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 0;
    border: none;
    border-bottom: 0.5rem solid #f9f9f9; /* 210728 */
  }
  .box-list > li h4 {
    font-size: 1.125rem;
  }
  .box-list > li .flex-container.barcode-area .col-4 .badge,
  .box-list > li .flex-container.barcode-area .col-4 .text-button {
    font-size: .875rem;
  }
  .box-list > li .flex-container.flex-wrap a {
    font-size: .75rem;
  }
  .mobile-reverse-column {
    margin: 0 -1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mobile-reverse-column .box-header {
    width: 100%;
    background: #f9f9f9;
    font-size: .75rem;
    padding-left: 1.5rem;
  }
  .mobile-reverse-column select {
    width: 100%;
    height: 3rem;
    border: none;
    padding-left: 1.5rem;
  }
  .joined-up-services .col-6 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 1.5rem;
  }
  
  .joined-up-services .col-6.w50{
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
  }
  .joined-up-services.lg-service-list a img,
  .joined-up-services.lg-service-list > div.flex-container img {
    margin-right: 0.7rem;
  }
  .joined-up-services.lg-service-list a div, .joined-up-services.lg-service-list > div.flex-container div {
    padding-right:0;
  }
  
  
  .policy .clear-fix .is-pulled-right {
    display: block;
    float: left !important;
  }
  .policy section {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .policy section table {
    width: 100%;
  }

  .qna-area {
      margin-top:1rem;
  }

  .modal {
    max-width: inherit;
    min-width: inherit;
    width: 100%;
  }

  /* [s]220325 */
  #ex1-1 {max-width:90%;}
  #ex2-1 {max-width:90%;}
  /* [e]220325 */
 
	.blocker .modal.modal-mo {
	  /* padding: 1rem 1rem 0; 21062901 */
	  width: 100%;
	  max-width: 100%;
	
	}
	
	.modal.modal-mo.modal-iframe {
	    padding: 0.5rem 0 0;
	    height:100%; /* 21062403 */
	  }
	
	.modal.modal-mo.modal-iframe .modal-title {
		margin:0;
	}
	
	.modal.modal-mo.modal-iframe .modal-content {
		padding:0;
		height:calc(100% - 97px);
	}
	.modal.modal-mo.modal-iframe .modal-footer {
		margin:0;
		position:absolute;
		width:100%;
		bottom:0;
		left:0;
		background:#fff; /* 21062901 */
	}
	
	.modal .modal-content {
		padding:2rem .5rem 1.2rem .5rem;
	}
  .modal-con-scroll .modal-content {padding:0;} /* 220325 */

  /* 220324 */
.modal-con .modal-content .txt {
  min-width:initial; /* 220405 추가 */
  text-align: center;
}
.modal-con .close-modal {
  display: none !important;
}
.modal-con .modal-content { /* 220405 수정 */
  padding:32px 27px 40px;
}
/* //220324 */


	/* 211220 */
	.modal a.close-modal-text{
		font-size:1rem;
	}

	/* 211220 */
	.modal a.close-modal-text{
		font-size:1rem;
	}


  body.main .container .wrapper {
    padding: 0 .5rem;
  }
  body.main .container .wrapper > .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.main .container .wrapper > .flex-container > div {
    padding: 0;
  }
  body.main .container .wrapper > .flex-container .box {
    padding: 2.5rem 1.5rem;
  }
  body.main .container .wrapper > .flex-container .box > .is-half {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.main .container .wrapper > .flex-container .box .say-hello {
    font-size: 1.875rem;
    line-height: 2rem;
  }
  body.main .container .wrapper > .flex-container .box .say-hello + a svg {
    width: 2.5rem;
    height: 2.5rem;
  }
  body.main .container .wrapper > .flex-container .box .personal-info {
    margin-top: 2.5rem;
  }
  body.main .container .wrapper > .flex-container .box .personal-info h4 {
    font-size: .875rem;
  }
  body.main .container .wrapper > .flex-container .box .personal-info h4 + p {
    font-size: 1rem;
  }
  body.main .container .wrapper > .flex-container .box .purchase-history ul .flex-container span:nth-child(2) {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
  }
  body.main .container .wrapper > .flex-container .box .purchase-history ul .flex-container span:last-child {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  body.main .container .wrapper > .flex-container .box .membership-status {
    margin-top: 2rem;
  }
  
  .tooltip.type2 .tooltip-panel{
    bottom: 8.2rem;
  }
  .tooltip.type2 .tooltip-panel:before{

    left: 5.8rem;
  }
  
	.container .wrapper.event-wrap {
	    width: 100%;
	    min-height: calc(100% - 5rem);
	    height: auto;
	}
	.event-cont{
		padding: 0 1.5rem;
	}
	.event-inner{
		width: 100%;
		font-size: 0.825rem;
	}
	
	.section02 .event-inner{
	padding:20px 0;
	}
	.event-inner .text-top {
	    font-size: 1rem;
	    font-weight: normal;
	}
	.event-cont .img-txt {
	    width: 4.7rem;
	    margin-left: 7px;
	}
	.event-inner h1{
		font-size: 1.3rem;
	}
	.event-inner .txt01 {
	    font-size: .725rem;
	}
	.event-inner .noti {
	    font-size: 0.7rem;
	}
	.section02 .tit {
	    font-size: 1.1rem;
	}
	
	/* [s] 230221 */
  .modal.intro{
    max-height:570px;
    height:100%;
}
.modal.intro .modal-content{
    overflow-y:auto;
    height:calc(100% - 3.2rem);
    padding:0 0.5rem 0 0.5rem;
    margin:2rem 0 1.2rem 0;
    border-bottom:0;
}
/* [e] 230221 */
	.modal.intro .title {
	    margin: 15px 0;
	    padding:0; /* 230221 추가 */
	    font-size: 1.5rem;
	}
	.modal.intro .title img{
		width: 8rem;
	}
	
	.modal.intro .layer-wrap div {
    	padding: 15px 5px;
	    line-height: 1.3;
	}
	.modal.intro div em{
		font-size: 0.875rem;
	}
	
	.modal.intro div p {
	    font-size: 0.75rem;
	}
	
	.modal.intro .noti{
		margin-top:10px;
	}
	
    .policy{
    	font-size:.75rem
	}
	.policy ol li, .policy ul li {
	    margin: 0 0 .2rem 0;
	    /*line-height:1.4  211203 */
	}

	.checklist.is-collapse .is-bigger{
		width: 100%;
	    word-break: break-word;
	    padding-right: 24px;
	    overflow-wrap: break-word;
	}

/* 220413 */
  .modal-checklist .checklist.is-collapse .is-bigger {
    padding-right:30px;
  }
	
	/* 나의 프로필 수정 211022 */
	
	.profile .block{padding:1.5rem;}
	.profile .block + .block {
	    border-top: 0;
	  }
	.profile .top .block{padding:1.5rem;width:100%}
	.container.profile .content-area>div{width:100%}
	.profile .items .flex-container>div{width:17%}
	.profile .items .flex-container>p{width:63%}
	
	/* [s] 221026 */
  .profile .content-area .page-top-desc{
    padding:0 1.5rem;
  }
  /* [e] 221026 */

  /* [s] 221116 */
  .profile .footer-bottom .content-area{padding:0 1.5rem;}
  .profile .footer-bottom .margin-top-small{margin-top:1.5rem;padding-top:0 !important;}
  /* [e] 221116 */

	/* [s] 220706 dev/stg클래스추가 */
  body.dev header::after{left:45px;margin-top:-12px;}
  body.stg header::after{left:45px;margin-top:-12px;}
  /* [e] 220706 dev/stg클래스추가 */

  /* [s] 221019 */
  .id-wrap .result-area .id-list input[type=radio] + label:before{
    top:50%;
    margin-top:-9px;
  }
  /* [e] 221019 */
  
  /* [s] 221109 */
  .btn-naver-link span{
    font-size:1rem;
  }
  .btn-kakao-link span{
    font-size:1rem;
  }
  /* [s] 221109 */

}


@media only screen and (max-width: 400px) {
	.flex-container .point{
		font-size: 10px;
   	    padding: 15px 0;
	}
	.gift-box {
	    width: 100%;
	    height: auto;
	}
	
	.gift-box div {
	    position: static;
	    width: 100%;
	    margin-bottom:20px;
	}
	
	.gift-box .gift01 span:first-child {
	    font-size: inherit;
	    line-height: inherit;
	}
	.gift-box .gift01,
	.gift-box .gift02,
	.gift-box .gift03{
		height:auto;
		padding:10px 0;
	}
	.gift-box .gift01:before,
	.gift-box .gift02:before,
	.gift-box .gift03:before{
		margin:10px auto 5px;
	}
	
	.gift-box .gift01:before{
		width:60px;
		height:55px;
	}
	
	.form-control > span.po2{
		top: 106%;
		transform: inherit;
		-webkit-transform: inherit;
		right:calc(100% - 95px)
	}
	.form-control .validation-msg.po2{
		bottom:-22px;
	}

	/* [s]210728 */

	.form-control.w30p{
		width:40%;
	}


}






@media (min-width: 579px) and (max-width: 1366px) {
  header h1 {display:none;}
  header:not(.lightpick__month-title-bar) .back-button {
    display: block;
  }

}


/* [s]210415 */
@media only screen and (max-height: 568px) {

	
	 /* 21062804 추가 */
	input:active,input:visited,
    label:active,label:visited,
    button:active,button:visited,
    a:active,a:visited{
	    outline:none !important; 
	}

	.container .wrapper .content-area > div > p + p {
	    margin-top: 1rem;
	}
	
	.container .wrapper .content-area > div.is-failure {
	    padding-top: 30px;
	    font-size:.825rem;
	}
	.container .wrapper .content-area > div.is-failure .point{
	    font-size: 1rem;
	}	
	
	.container .wrapper .content-area > div.is-failure:before {
	    width: 80px;
	    height: 66px;
	    background: url(../images/ico_failure.svg)no-repeat center top;
	    background-size: 80px auto;
	}
	
	.container .wrapper .content-area > div.is-failure.cs:before{
		height:66px;
		background-size: 60px auto;
	}
	.container .wrapper .content-area > div.is-failure button{
		margin-top:1rem;
	}
	
	

}

/* [e]210415 */

/* [s]220530 */
@media only screen and (max-width: 340px) { 
  /*갤럭시플립3 접힌 상태*/
  .modal.msg {
      width:100%;
  }
}
/* [e]220530 */

@media only screen and (max-width: 320px) {
input[type=checkbox] + label:before
  .introduce-cont.int-section06 {
    height: 500px;
  }
  
  .introduce-cont.int-section07 {
    /* height: 700px; 220609 삭제 */
    height:850px; /* 220609 추가 */
  }
    
  .introduce-cont .affiliates-area {
    margin-top:30px;
  }
  
  .introduce-cont .bgImage-box.img-col02 {
    min-height: 280px;
  }
  .introduce-cont .bgImage-box.img-col02 .bg-image {
    height: 130px;
  }
  
  .introduce-cont .affiliates-area .affiliates-list .bg-image {
    width:50px;
    height:50px;
  }

	.modal .wrapper .policy .flex-container{
		flex-direction: column;
	}

	.modal .wrapper .policy .flex-container .flex-container{
		flex-direction: initial;
	}
	
	.datepicker table tr td, 
    .datepicker table tr th{
		width: 20px !important;
		padding: .5rem .25rem ;
	}


	/* 비밀번호 힌트 추가 211104 */
	.hint.is-collapse textarea {height: 5rem;}
	
	/* [s]211216 */
	footer a, footer p{
  	  font-size:.6rem  !important;
    }
    
    .modal.select-language .modal-content{
       min-width:auto;
    }
    
    /* [e]211216 */
    
    /* [s]211227 */
	.swiperBanner,
	.bannerSec .swiper-button-next, 
	.bannerSec .swiper-button-prev,
	.bannerSec .swiper-button-next:after, 
	.bannerSec .swiper-button-prev:after{height:50px;}
	.bannerSec .swiper-button-next{right:-10px}
	.bannerSec .swiper-button-prev{left:-10px}
	
	/* [e]211227 */

  /* [s] 220818 */
  .tab-filter-wrap .filter-list li .btn-tab {
    font-size: 0.75rem;
  }
  /* [e] 220818 */
	
}

/* 210713 */
@media only screen and (max-height: 450px) and (orientation: landscape) {
	header:not(.lightpick__month-title-bar){left:0}

	body .lnb .lnb-content {height: calc(100% - 195px - 3rem - constant(safe-area-inset-bottom));}/* 211116 */
	body .lnb .lnb-content {height: calc(100% - 195px - 3rem - env(safe-area-inset-bottom));}/* 211116 */
	body .lnb.tws-lnb .lnb-footer{padding-bottom:constant(safe-area-inset-bottom);}
	body .lnb.tws-lnb .lnb-footer{padding-bottom:env(safe-area-inset-bottom);}
	
	/* [s]211216 */
	.modal.select-language .modal-content {
	    padding-bottom: 0.5rem;
	    padding-top: 1rem;
	}
	
	.select-language .list-language a{
		line-height:1.8;
	}
	.select-language .list-language li{
		margin-top:0;
	}
	/* [e]211216 */
	
	/* [s] 230221 */
  .modal.intro{
    height:100%;
  }
  .modal.intro .modal-content{
      overflow-y:auto;
      height:calc(100% - 4rem);
      margin:2rem 0 2rem;
      padding:0 0.5rem 0;
      border-bottom:0;
  }
  .modal.intro .title{
      padding:0;
  }
  /* [e] 230221 */

}