.pc_only {
  display: block;
}
.m_only {
  display: none;
}
.wrap {
  overflow: hidden;
}
.flex {
  display: flex;
  align-items: center;
}

/* section__visual */
.section__visual {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}
.visual__tit {
  width: calc(100% - 810px);
  display: flex;
  justify-content: center;
  caret-color: transparent;
  background: #1CABE2 url(https://cdn.unicef.or.kr/images/koreanair/visual__bg.jpg) no-repeat 100% 50% / auto 100%;
  position: relative;
}

.visual__tit-wrap {
  max-width: 1110px;
  width: 100%;
  min-height: 100vh;
  padding-left: 8.33vw;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
.visual__collab {
  font-size: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 585px;
  width: auto;
  padding: 0px 0 8px 0;
  letter-spacing: -0.06em;
  line-height: 1.1;
  background: #fff;
  box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.visual__title {
  font-size: 120px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.06em;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 70px 0 30px;
}
.visual__text {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
  max-width: 810px;
}
.visual__copyright {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  opacity: 0.5;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.support__box {
  width: 810px;
  min-height: 100vh;
  padding: 40px 50px 54px;
  background: #fff;
}
.support__title {
  font-size: 32px;
  margin-bottom: 30px;
}
/* form */
.form__box + .form__box {
  margin-top: 18px;
}
.form__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.form__title strong {
  font-size: 20px;
  color: #00256C;
  position: relative;
  flex-shrink: 0;
}
.flex > .form__title  {
  margin-bottom: 0;
}
.form__title--noti {
  font-size: 14px;
  font-weight: 400;
  color: #77777A;
}
.content--amount {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.content--amount li {
  flex: 1;
  height: 58px;
}
.content--amount li button {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: #fff;
  font-size: 17px;
  font-weight: 700;
  color: #00256C;
}
.content--amount button strong {
  font-size: 18px;
}

#inputWidthHelper {
  position: absolute;
  top: -9999px;
  left: -9999px;
  white-space: pre;
  visibility: hidden;
  font-size: 18px;
  font-weight: 700;
}

.content--amount .input-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 58px;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: #fff;
  font-weight: 700;
  color: #00256C;
  font-size: 18px;
  position: relative;
}
.content--amount li.on input[type="text"]::placeholder {
  color: #fff;
}

.content--amount input[type="text"] {
  min-width: 50px;
  width: 100%;
  height: 100%;
  text-align: center;
  background: transparent;
  outline: none;
  border: none;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  caret-color: #fff;
}
.content--amount input[type="text"]::placeholder {
  color: #051766;
  font-size: 16px;
}

.content--amount input:-webkit-autofill,
.content--amount input:-webkit-autofill:hover,
.content--amount input:-webkit-autofill:focus,
.content--amount input:-webkit-autofill:active {
	-webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #051766 inset;
  box-shadow: 0 0 0px 1000px #051766 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.content--amount input:autofill,
.content--amount input:autofill:hover,
.content--amount input:autofill:focus,
.content--amount input:autofill:active {
	-webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #051766 inset;
  box-shadow: 0 0 0px 1000px #051766 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.content--amount .unit {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  pointer-events: none;
  display: none;
}


.content--amount li.on button,
.content--amount li.on .input-wrap {
  background: #051766;
  border-color: #051766;
  color: #fff;
}

.content--terms {
  background: #F7F7F7;
  border-radius: 10px;
  padding: 6px 30px;
}
.check__box {
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.check__box--all {
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E6E8;
}
input[type="checkbox"] + label {
  font-weight: 400;
  cursor: pointer;
}
input[type="checkbox"] + label::before {
  content: '동의';
  font-size: 12px;
  font-weight: 700;
  color: #051766;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 35px;
  border: 1px solid #051766;
  border-radius: 30px;
  margin-right: 20px;
}
input[type="checkbox"]:checked + label::before {
  background: #051766;
  color: #fff;
}
.btn--view {
  width: 60px;
  line-height: 30px;
  border: 2px solid #D9D9D9;
  background: #fff;
  border-radius: 30px;
  font-size: 12px;
  color: #5E5E5E;
}
.btn--view:hover {
  background: #D9D9D9;
}

.content--payment {
  display: flex;
  align-items: center;
  gap: 10px;
}
.content--payment .radio__box {
  flex: 1;
}
input[type="radio"] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  caret-color: transparent;
  height: 52px;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #051766;
}
input[type="radio"]:checked + label {
  background: #051766;
  color: #fff;
}
input[id="paymentTypeCode_NAVER"] + label::before {
  content: '';
  display: block;
  width: 51px;
  height: 16px;
  background: url(https://cdn.unicef.or.kr/images/koreanair/icon_naverpay.png) no-repeat 50% 50% / contain;
}
input[id="paymentTypeCode_NAVER"]:checked + label::before {
  filter: brightness(0) invert(1);
}

.content--gift {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}
.content--gift li {
  display: none;
  width: 100%;
  min-height: 122px;
  background: rgba(57, 95, 184, 0.05);
  position: relative;
  padding: 22px 30px 22px 120px;
}
.content--gift li::before {
  content:'';
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
.content--gift li:first-child:before {
  background: url(https://cdn.unicef.or.kr/images/koreanair/icon_gift01@2x.png) no-repeat 0 0 / contain;
}
.content--gift li:nth-child(2):before {
  background: url(https://cdn.unicef.or.kr/images/koreanair/icon_gift02@2x.png) no-repeat 0 0 / contain;
}
.content--gift li:nth-child(3):before {
  background: url(https://cdn.unicef.or.kr/images/koreanair/icon_gift03@2x.png) no-repeat 0 0 / contain;
}
.content--gift li:nth-child(4):before {
  background: url(https://cdn.unicef.or.kr/images/koreanair/icon_gift04@2x.png) no-repeat 0 0 / contain;
}
.content--gift li:last-child:before {
  background: url(https://cdn.unicef.or.kr/images/koreanair/icon_gift05@2x.png) no-repeat 0 0 / contain;
}
.content--gift li.on {
  display: block;
}
.content--gift img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.gift__name {
  font-size: 20px;
  color: #395FB8;
  margin-bottom: 5px;
}
.gift__des {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.37;
}
.gift__des strong {
  color: #395FB8;
}

.content--info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.input__box {
  width: calc(50% - 5px);
  background: #F3F4F8;
  border-radius: 10px;
  padding: 18px 30px 16px;
}

.input__box label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #051766;
  margin-bottom: 4px;
}
.input--required::after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #DA291C;
  border-radius: 100%;
  vertical-align: top;
  margin-left: 2px;
}

.content--info input[type="text"] {
  width: 100%;
  height: 36px;
  padding: 6px 0;
  caret-color: #051766;
  color: #051766;
  border-bottom: 1px solid #051766;
  border-radius: 0;
  outline: none;
}
.content--info input[type="text"]::placeholder {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.045em;
}
.content--info input[type="text"]:focus {
  border: 1px solid #051766;
  border-radius: 5px;
  padding: 6px 14px;
}

.content--info input:-webkit-autofill,
.content--info input:-webkit-autofill:hover,
.content--info input:-webkit-autofill:focus,
.content--info input:-webkit-autofill:active {
	-webkit-text-fill-color: #051766;
    -webkit-box-shadow: 0 0 0px 1000px #F3F4F8 inset;
    box-shadow: 0 0 0px 1000px #F3F4F8 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.content--info input:autofill,
.content--info input:autofill:hover,
.content--info input:autofill:focus,
.content--info input:autofill:active {
	-webkit-text-fill-color: #051766;
    -webkit-box-shadow: 0 0 0px 1000px #F3F4F8 inset;
    box-shadow: 0 0 0px 1000px #F3F4F8 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.content--total {
  font-size: 24px;
  font-weight: 400;
  margin-left: auto;
}
.content--total strong {
  font-size: 30px;
  color: #00256C;
}
.btn__submit {
  width: 100%;
  height: 56px;
  border-radius: 50px;
  background: #57BBEB;
  font-size: 20px;
  color: #051766;
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.btn__submit:hover {
  background: #051766;
  color: #fff;
}
.btn__support {
  width: 100%;
  line-height: 70px;
  border-radius: 10px;
  background: #05246C;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.btn__support--floating {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.support__notice {
  margin-top: 10px;
  padding-left: 30px;
}
.support__notice p {
  font-size: 14px;
  font-weight: 400;
  color: #77777A;
  line-height: 1.4;
  position: relative;
  padding-left: 16px;
  display: inline-block;
}
.support__notice p::before {
  content: '※';
  display: inline-block;
  margin-right: 5px;
}

/* section__video */
.section__video {
  padding: 72px 20px 84px;
  background: #F2F4F7;
  position: relative;
}
.video__container {
  max-width: 1200px;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.video__container iframe {
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -1px;
  left: 0;
}
.card__title {
  font-size: 44px;
  text-align: center;
  line-height: 1.45;
  margin-top: 44px;
}
.card__title--by {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 184px;
  height: 41px;
  border-radius: 30px;
  background: #fff;
  margin: 30px auto 0;
  font-size: 24px;
  color: #05246C;
}

/* section__card */
.section__card {
  padding: 110px 0 186px;
}
.section__card .inner {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px;
}
.card__lists {
  display: flex;
  justify-content: space-between;
  gap: 35px;
}
.card__lists li {
  width: 510px;
}
.card__img {
  aspect-ratio: 51 / 46;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card__copyright {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  opacity: 0.5;
  position: absolute;
  bottom: 20px;
  right: 30px;
  text-shadow: 0px 0px 150px #000;;
}
.card__des {
  font-size: 24px;
  text-align: center;
  margin-top: 26px;
}

/* section__gift */
.section__gift {
  padding-bottom: 80px;
}
.section__gift .inner {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  gap: 130px;
}
.gift__picture {
  width: 660px;
  position: relative;
  
}
.gift__picture::before {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  background: url(https://cdn.unicef.or.kr/images/koreanair/border_top.jpg) repeat-x 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#swiper_gift {
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
#swiper_gift .swiper-slide {
  padding: 50px 40px 30px;
  background: #fff;
}
.gift__img {
  width: 100%;
  height: 600px;
  box-shadow: -3px 3px 10px rgba(5, 36, 108, 0.20);
}
.gift__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gift__img-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.img--name {
  font-size: 24px;
  color: #1CABE2;
  flex-shrink: 0;
}
.img--copyright {
  color: #77777A;
  font-weight: 400;
  flex-shrink: 0;
}
.swiper-navigation {
  width: 44px;
  height: 44px;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  caret-color: transparent;
  transition: opacity 0.2s;
}
.swiper-navigation:hover {
  opacity: 1;
}
.swiper-prev {
  left: 60px;
  background: url(https://cdn.unicef.or.kr/images/koreanair/swiper_prev@2x.png) no-repeat 0 0 / contain;
}
.swiper-next {
  right: 60px;
  background: url(https://cdn.unicef.or.kr/images/koreanair/swiper_next@2x.png) no-repeat 0 0 / contain;
}
.gift__title {
  font-size: 40px;
  line-height: 1.38;
  margin-top: 40px;
}
.gift__lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 60px;
  margin: 60px 0 75px;
}
.gift__lists li {
  width: 50%;
  max-width: 310px;
  cursor: pointer;
  caret-color: transparent;
}
.gift__icon {
  display: block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.gift__lists li:first-child .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon01@2x.png);
}
.gift__lists li:nth-child(2) .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon02@2x.png);
}
.gift__lists li:nth-child(3) .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon03@2x.png);
}
.gift__lists li:last-child .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon04@2x.png);
}
.gift__lists li.on:first-child .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon01_on@2x.png);
}
.gift__lists li.on:nth-child(2) .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon02_on@2x.png);
}
.gift__lists li.on:nth-child(3) .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon03_on@2x.png);
}
.gift__lists li.on:last-child .gift__icon {
  background-image: url(https://cdn.unicef.or.kr/images/koreanair/gift_icon04_on@2x.png);
}

.gift__price {
  font-size: 22px;
  margin: 10px 0 6px;
}
.gift__text {
  font-size: 16px;
  font-weight: 400;
  color: #747474;
  letter-spacing: -0.06em;
  line-height: 1.625;
}
.gift__lists li.on .gift__price {
  color: #1CABE2;
}
.gift__lists li.on .gift__icon {
  filter: none;
}

/* section__end */
.section__end {
  background: url(https://cdn.unicef.or.kr/images/koreanair/end__bg.jpg) no-repeat 100% 0 / cover;
  position: relative;
}
.section__end::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://cdn.unicef.or.kr/images/koreanair/end__bg_layer.png) no-repeat 0 0 / cover;
  position: absolute;
  top: 0;
  left: 0;
}
.section__end .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 140px 20px 204px;
  position: relative;
}
.end__logo {
  display: inline-block;
  transform: scale(0.8);
}
.end__title {
  font-size: 60px;
  margin-bottom: 65px;
  color: #fff;
}
.end__copyright {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  opacity: 0.5;
  position: absolute;
  left: 20px;
  bottom: 80px;
}

/* footer */
footer {
  background: #272F42;
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}
.footer__logo {
  margin-bottom: 20px;
}
.footer__logo img {
  width: 318px;
}
.footer__info {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.footer__info li::after {
  content: '·';
  display: inline-block;
  color: #999;
  margin: 0 7px;
}
.footer__info li:last-child::after {
  display: none;
}
.footer__copyright {
  font-size: 15px;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 40px;
}

/* popup */
.popup {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  padding: 50px 20px;
}
.pop_wrap {
  display: flex;
  justify-content: center;
  height: 100%;
}
.popup__box {
  width: 100%;
  max-width: 880px;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  margin: auto 0;
  background: #fff;
  padding: 40px;
  font-family: 'NotoSansKR';
  font-weight: 400;
  border-radius: 10px;
  position: relative;
}
.popup__header {
  padding-bottom: 20px;
}
.popup__title {
  font-size: 24px;
  font-weight: 700;
  color: #00256C;
  /* line-height: 2; */
}
.pop__close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.icon__close {
  width: 40px;
  vertical-align: middle;
}
.popup__body {
  padding: 1px 0;
  overflow-y: auto;
}
.popup__body table {
  width: 100%;
  border-top: 1px solid #051766;
  font-size: 14px;
  font-weight: 400;
  color: #051766;
  text-align: center;
  line-height: 1.42;
}
.popup__body thead th {
  background: #F7F7F7;
  border-bottom: 1px solid #D9D9D9;
  padding: 26px 0;
}
.popup__body tbody td + td {
  border-left: 1px solid #D9D9D9;
}
.popup__body tbody td {
  padding: 30px 0;
  border-bottom: 1px solid #D9D9D9;
}
.table--info {
  font-size: 14px;
  color: #77777A;
  margin-top: 10px;
}
.popup .btn {
  width: 100%;
  line-height: 48px;
  background: #57BBEB;
  border-radius: 50px;
  font-size: 14px;
  color: #051766;
  margin-top: 30px;
  transition: all 0.2s;
}
.popup .btn:hover {
  background: #051766;
  color: #fff;
}
.agree__section {
  font-size: 14px;
  color: #051766;
  margin-top: 10px;
}
.agree__section + .agree__section {
  margin-top: 20px;
}
.agree__section p,
.agree__section ol {
  font-weight: 400;
  color: #051766;
  line-height: 1.42;
}
.agree__section ol {
  padding-left: 15px;
}
.agree__section li {
  list-style: decimal;
}
.agree__con > strong,
.agree__con p {
  display: block;
  margin-bottom: 20px;
}

/* 14세 미만 알럿 */
.pop_under14 .popup__box {
  max-width: 500px;
  text-align: center;
  padding: 90px 40px 40px;
}
.icon_checked {
  width: 60px;
}
.pop_under14 .popup__title {
  font-family: 'HanjinGroupSans';
  font-size: 22px;
  line-height: 1.55;
  margin-top: 30px;
}
.pop_under14 .btn {
  margin-top: 60px;
}
.btn__box {
  display: flex;
  gap: 15px;
}
.btn__box button {
  flex: 1;
}
.popup .btn--border {
  background: #fff;
  border: 2px solid #051766;
  color: #051766;
}