@charset "UTF-8";

@import url('https://fonts.cdnfonts.com/css/d-din');

@keyframes scaleFade { to { -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-visibility: hidden;
    visibility: hidden; } }

@keyframes scaleIn { from { -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-visibility: hidden;
    visibility: hidden; }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-visibility: visible;
    visibility: visible; } }

/* 모바일 타이틀 사라지는 모션 */
@keyframes fadeOutleft { to { -webkit-opacity: 0;
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0); } }

@keyframes fadeInRight { from { -webkit-opacity: 0;
    opacity: 0;
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0); }
  to { -webkit-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

/* MY단체 기존 단체 선택 Swiper */
/* @keyframes mySlide { from { -webkit-left: 90%;
    left: 90%; }
  to { -webkit-left: 0;
    left: 0; } }

@keyframes mySlideBack { from { -webkit-left: 0;
    left: 0; }
  to { -webkit-left: 78%;
    left: 78%; } } */

/* 모바일 gnbRight */
@keyframes drawDown { from { -webkit-top: -300px;
    top: -300px; }
  to { -webkit-top: 13px;
    top: 13px; } }

@keyframes redrawDown { from { -webkit-top: 16px;
    top: 16px; }
  to { -webkit-top: -300px;
    top: -300px; } }

@keyframes drawBack { from { -webkit-right: 50px;
    right: 50px; }
  to { -webkit-right: 155px;
    right: 155px; } }

@keyframes redrawBack { from { -webkit-right: 155px;
    right: 155px; }
  to { -webkit-right: 50px;
    right: 50px; } }

/* 후원하기 버튼 */
@keyframes doodoong { 0%, 50%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  30% { -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  57% { -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }

/* 스니커즈데이 카운트다운 */
@keyframes animate-count { 0% { -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-opacity: 0;
    opacity: 0; }
  70% { -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-opacity: 1;
    opacity: 1; }
  99% { -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-opacity: 1;
    opacity: 1; }
  100% { -webkit-opacity: 0;
    opacity: 0; } }

/* 캠페인 상세 화면 신뢰온도 */
@keyframes bounce-bottom { 0%, 5%, 20%, 35%, 45% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  15% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  25% { -webkit-transform: translateY(-7px);
    transform: translateY(-7px); } }

/* my단체 선택 화면 순서 변경 */
@keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0); }
  30%, 70% { -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0); }
  50% { -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0); } }

@keyframes btnScale { 50% { -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); } }

/* 캠페인 썸네일 progressBar */
@keyframes animate-width { 0% { -webkit-width: 0;
    width: 0; }
  100% { -webkit-visibility: visible;
    visibility: visible; } }

/* 걸음수 bar */
@keyframes animate-height { 
  0% { 
    height: 0; 
    visibility: hidden; 
  }
  100% { 
    
    visibility: visible; 
  } 
}

@keyframes animate-width-active { 0% { -webkit-width: 0;
    width: 0; }
  100% { -webkit-visibility: visible;
    visibility: visible; } }

@keyframes animate-width02 { 0% { -webkit-width: 0;
    width: 0; }
  100% { -webkit-width: 100%;
    width: 100%;
    -webkit-visibility: visible;
    visibility: visible; } }

@keyframes animate-width02-active { 0% { -webkit-width: 0;
    width: 0; }
  100% { -webkit-width: 100%;
    width: 100%;
    -webkit-visibility: visible;
    visibility: visible; } }

/* 결제 step */
@keyframes scale-in-ver-top { 0% { -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-opacity: 0;
    opacity: 0; }
  100% { -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-opacity: 1;
    opacity: 1; } }

/* 결제 계좌 등록 완료 화면 */
@keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1, 0.95, 1);
    transform: scale3d(1, 0.95, 1); }
  60% { -webkit-transform: scale3d(1, 1.05, 1);
    transform: scale3d(1, 1.05, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* 캠페인 NFT 등 라벨 표시 */
@keyframes txtmove { 0% { -webkit-opacity: 0;
    opacity: 0; }
  100% { -webkit-opacity: 1;
    opacity: 1; } }

/* 체리런 bottom 팝업 모션 */
@keyframes runOpen { from { -webkit-height: 15%;
    height: 15%; }
  to { -webkit-height: 82%;
    height: 82%; } }

@keyframes runClose { from { -webkit-height: 82%;
    height: 82%; }
  to { -webkit-height: 15%;
    height: 15%; } }

/* 완보 축하 꽃가루 lottie 애니메이션 */
@keyframes booom { 99% { -webkit-opacity: 1;
    opacity: 1;
    -webkit-visibility: visible;
    visibility: visible;
    z-index: 2;
    width: 130%; }
  100% { -webkit-opacity: 0;
    opacity: 0;
    -webkit-visibility: hidden;
    visibility: hidden;
    display: none;
    z-index: -1;
    width: 100%; } }

/* 내 정보 화면 임팩트 프로필 애니메이션 */
@keyframes impactBounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6);
    transform: translateY(0%) scaleY(0.6);
    -webkit-opacity: 0;
    opacity: 0; }
  5% { -webkit-transform: translateY(8%) scaleY(0.6);
    transform: translateY(8%) scaleY(0.6); }
  30% { -webkit-transform: translateY(-30%) scaleY(1.1);
    transform: translateY(-30%) scaleY(1.1); }
  40% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  50% { -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  60% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  70% { -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    transform: translateY(0%) scaleY(1) scaleX(1);
    -webkit-opacity: 1;
    opacity: 1; } }

/* bottom 팝업 모션 */
@keyframes openMatrix { to { -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); } }
  
@keyframes closeMatrix { from { -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  to { -webkit-transform: translateY(200%);
    transform: translateY(200%); } }

/* 경북대학교 키오스크 기부 현황 - 블록체인 기록 정보 팝업 모션 */
@keyframes opacity { 50% { opacity: 0; }
  100% { opacity: 1; } }

:root { --color-bb: #242424; }

.loading { top: calc(50% - 35px); left: calc(50% - 35px); width: 70px; height: 70px; background: url(/assets/web/images/content/loading-9e6e15f8c365cdfc2bfd20bb327bcde9.svg); background-size: 100%; z-index: 310; }

.cherry-loading { position: fixed; top: calc(50% - 35px); left: calc(50% - 35px); width: 70px; height: 70px; background: none; z-index: 300; }

.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.fadeOutleft { -webkit-animation: fadeOutleft 0.5s both; animation: fadeOutleft 0.5s both; }

.fadeInRight { -webkit-animation: fadeInRight 0.5s both; animation: fadeInRight 0.5s both; }

.btnShadowTy01 { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17); background-color: #fff; border-radius: 50%; }

.changeMyPage .imgWrap { position: relative; }

.changeMyPage .imgWrap .btnShadowTy01 { padding-top: 10px; display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.changeMyPage .imgWrap label, .changeMyPage .imgWrap .pcHidden { width: 41px; height: 41px; position: absolute; bottom: 0; right: 0; display: block; text-align: center; cursor: pointer; }

.changeMyPage .imgWrap input[type="file"] { opacity: 0; }

.d-none { opacity: 0; display: none !important; }

.d-Line { text-decoration: line-through; }

.d-Ablock { display: block !important; }

.i_check { font-size: 14px; color: #9d9d9d; position: relative; padding-left: 18px; }

.i_check:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 15px; height: 12px; display: inline-block; background-position: -13px -23px; background-size: 500px 500px; position: absolute; left: 0; top: 2px; content: ""; }

@media (max-width: 767px) { .d-block { display: block; } }

@media (min-width: 768px) { .pcHide { display: none; visibility: visible; font-size: 0; color: transparent; } }

.btnMid, .btnMidTy01, .btnMidTy02 { min-height: 48px; text-align: center; display: inline-block; border-radius: 4px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btnMid span, .btnMidTy01 span, .btnMidTy02 span { font-size: 16px; font-weight: 500; line-height: 22px; display: inline-block; word-break: keep-all; }

.btnMidTy01 { color: #fff; background-color: #f4907e; }

.btnMidTy02 { border: solid 1px #524e4e; color: #524e4e; }

.paragrpM { font-size: 15px; color: #524e4e; line-height: 20px; word-break: keep-all; text-align: center; }

.paragrpM + .paragrpM { margin-top: 25px; }

.paragrpM .normal { display: block; margin-bottom: 5px; }

.paragrpM .btnUnderLineTy08 { color: #524e4e; margin-bottom: 45px; }

.message.space { min-height: 20px; }

.common_noData { width: 100%; min-height: 100px; padding-top: 30px; padding-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #9d9d9d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.common_txtWrap { width: 100%; text-align: center; padding-top: 35px; padding-bottom: 35px; }

.conditionMark { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 11px; height: 10px; display: inline-block; background-position: 0px -26px; background-size: 500px 500px; vertical-align: middle; }

.nIcoPhoto { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 25px; height: 21px; display: inline-block; background-position: -1px -1px; background-size: 500px 500px; }

.nIcoExpand { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 18px; height: 18px; display: inline-block; background-position: -239px -42px; background-size: 500px 500px; }

@media (max-width: 767px) { .btnwarpSmaller [class*="btnPrimary"] { height: 34px; width: 100%; }
  .btnwarpSmaller [class*="btnPrimary"] span { font-size: 14px; }
  .btnwarpSmaller [class*="btnLineTy"] { height: 34px; width: 100%; }
  .btnwarpSmaller [class*="btnLineTy"] span { line-height: 20px; } }

@media (min-width: 768px) { .btnwarpSmaller [class*="btnPrimary"] { height: 48px; width: 100%; }
  .btnwarpSmaller [class*="btnPrimary"] span { font-size: 16px; }
  .btnwarpSmaller [class*="btnLineTy"] { height: 48px; width: 100%; }
  .btnwarpSmaller [class*="btnLineTy"] span { font-size: 16px; line-height: 34px; } }

.ty32 { height: 32px; padding-left: 15px; padding-right: 15px; display: inline-block; }

.ty32 span { font-size: 13px; }

.harfBtnWrap button { display: block; width: 49% !important; float: left; }

.harfBtnWrap button + button { margin-left: 2%; }

.harfBtnWrap:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

/* 모바일 GNB */
#tabMenuBar ul > li > a { position: relative; }

.icoHands { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 45px; height: 50px; display: inline-block; background-position: -455px -353px; background-size: 500px 500px; }

.icoHands.on { background-position: -455px -303px; }

.icoStar { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 45px; height: 50px; display: inline-block; background-position: -410px -353px; background-size: 500px 500px; }

.icoStar.on { background-position: -410px -303px; }

.icoNews { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 45px; height: 50px; display: inline-block; background-position: -320px -353px; background-size: 500px 500px; }

.icoNews.new { background-position: -275px -353px; }

.icoNews.on { background-position: -320px -303px; }

.icoNews.new.on { background-position: -275px -303px; }

.icoSmile { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 45px; height: 50px; display: inline-block; background-position: -365px -353px; background-size: 500px 500px; }

.icoSmile.on { background-position: -365px -303px; }

.icoWalk { background: url("/assets/web/images/ico/ic-btn-cherrywalk@3x-191126eba69438ddf8921e19aa78dbf4.png") transparent no-repeat; width: 62px; height: 62px; background-size: 62px; position: relative; top: -23px; left: -3px; border-radius: 64px; box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.08); }

.icoWalk.new:before { content: ''; position: relative; right: -18px; bottom: -36px; display: inline-block; width: 24px; height: 24px; background: url("/assets/web/images/ico/ic-btn-cherrywalk-alert@3x-07a1f46bae70b09cfc22a8324b4ee989.png") transparent no-repeat; background-size: 100%; }

.icoWalk:after { content: '체리워크'; position: absolute; left: -0.5px; bottom: -15px; width: 100%; font-size: 12px; font-weight: 500; color: #727272; letter-spacing: -1px; }

.icoWalk .icoWalk-message { background: url("/assets/web/images/ico/img-cherrywalk-message@3x-ece4af9d9d14395272aa97d3c44d8a24.png") transparent no-repeat; width: 124px; height: 55px; display: inline-block; background-size: 124px 55px; position: relative; top: -43px; left: -55px; }

#tabMenuBar a:hover .icoWalk, #tabMenuBar a:active .icoWalk, #tabMenuBar a:focus .icoWalk { background: url("/assets/web/images/ico/ic-btn-cherrywalk@3x-191126eba69438ddf8921e19aa78dbf4.png") transparent no-repeat; width: 62px; height: 62px; background-size: 62px; }

#tabMenuBar a:hover span, #tabMenuBar a:active span, #tabMenuBar a:focus span { background-position-y: -303px; }

@media (max-width: 320px) {
  .icoWalk .icoWalk-message { left: -62px; } }

@media (max-width: 300px) {
  .icoWalk { background: url("/assets/web/images/ico/ic-btn-cherrywalk@3x-191126eba69438ddf8921e19aa78dbf4.png") transparent no-repeat; width: 55px; height: 55px; background-size: 55px; top: -19px; }
  .icoWalk.new:before { right: -17px; bottom: -30px; }
  .icoWalk .icoWalk-message { top: -42px; left: -68px; }
  #tabMenuBar a:hover .icoWalk, #tabMenuBar a:active .icoWalk, #tabMenuBar a:focus .icoWalk { background: url("/assets/web/images/ico/ic-btn-cherrywalk@3x-191126eba69438ddf8921e19aa78dbf4.png") transparent no-repeat; width: 55px; height: 55px; background-size: 55px; } }

/* 체리워크 아이콘 수정 */
.icoWalk.newWalk.new:before { background: url("/assets/web/images/ico/ic-btn-cherryworld-alert@3x-41cf9a280aadc22562addc362557acb7.png") transparent no-repeat; background-size: 100%; }

.icoWalk.newWalk .icoWalk-message { background: url("/assets/web/images/ico/img-cherryworld-message@3x-fb3105116e83b1ccc26491af4cc88460.png") transparent no-repeat; background-size: 124px 55px; }

/* 체리워크 리뉴얼 아이콘 */
.icoCherryWalk { background: url("/assets/web/images/ico/btn-walk-gnb@3x-9dbd5ddc941f8f5c9e1c7ba9684fade7.png") transparent no-repeat; width: 45px; height: 50px; display: inline-block; background-size: 100%; }

.icoCherryWalk.on { background: url("/assets/web/images/ico/btn-walk-gnb-active@3x-d233e4459bf05519421df06a8fe91bd3.png") transparent no-repeat; background-size: 100%; }

#tabMenuBar a:hover .icoCherryWalk, #tabMenuBar a:active .icoCherryWalk, #tabMenuBar a:focus .icoCherryWalk { background: url("/assets/web/images/ico/btn-walk-gnb-active@3x-d233e4459bf05519421df06a8fe91bd3.png") transparent no-repeat; background-size: 100%; }

.badgeAni { position: absolute; top: -3px; left: -8px; width: 120%; height: 70px; z-index: 10; }

@media (max-width: 340px) { .badgeAni { top: -6px; } }

/* 캠페인 이벤트 아이콘 */
.thumPresent { width: 60px; height: 58px; background: url("/assets/web/images/ico/ico_present-d0d75bac9734cebaefb5c471c7fc2c45.png") 0 0 no-repeat; background-size: 100% auto; display: block; }

.thumLease { width: 62px; height: 68px; background: url("/assets/web/images/ico/ico_lease-b5f8ad82e8a426befb7dc9441a65dedc.png") 0 0 no-repeat; background-size: 100% auto; display: block; }

.thumTicket { width: 72px; height: 53px; background: url("/assets/web/images/ico/ico_ticket-cb13b2ea973ca4472444537a7044a8a6.png") 0 0 no-repeat; background-size: 100% auto; display: block; }

.thumCalender { width: 58px; height: 58px; background: url("/assets/web/images/ico/ico_calender-f114443e3a202c7c741de498f7a0c232.png") 0 0 no-repeat; background-size: 100% auto; display: block; }

.thumb .btnEvent { display: none; opacity: 0; }

.btnOpview { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 23px; height: 18px; display: inline-block; background-position: -191px -134px; background-size: 500px 500px; }

.btnOpview.on { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 23px; height: 18px; display: inline-block; background-position: -216px -134px; background-size: 500px 500px; }

.btnDotView { width: 24px; height: 24px; background: url("/assets/web/images/ico/btn-more@3x-204983d597a8356e1710db752776fdb0.png") 0 0 no-repeat; background-size: 100% auto; }

.btnTyline { display: block; border: solid 1px #cbcbcb; min-height: 50px; padding: 10px; border-radius: 4px; }

.btnTyline span { color: #524e4e; font-size: 16px; font-weight: 500; }

.btnNoicon span { color: #524e4e; font-size: 15px; font-weight: 500; line-height: 20px; }

.btnEvent { position: absolute; right: 10px; top: 10px; }

.blushBtnWrap { padding-top: 25px; padding-right: 30px; padding-left: 32px; font-size: 14px; font-weight: 500; text-align: left; }

.blushBtnWrap a { color: #707070; text-decoration: underline; }

.blushBtnWrap P { color: #707070; margin-top: 10px; }

.blushBtnWrap .blush { color: #f4907e; font-size: 15px; font-weight: 500; float: right; margin-top: 40px; margin-bottom: 30px; }

.btnReload2 { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 24px; height: 24px; display: inline-block; background-position: -209px 0px; background-size: 500px 500px; }

/* 나눔지기 모금함 관리 화면 */
.rescreeningArea { position: relative; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.rescreeningArea .left { width: 100%; text-align: left; }

.rescreeningArea .left .tit { display: inline-block; color: var(--color-bb, #242424); font-size: 18px; }

.rescreeningArea .right { width: 100%; text-align: right; }

.rescreeningArea .right .selectBoxTyAD02 { display: inline-block; }

.rescreeningArea .right .affixation { display: block; margin-right: 40px; line-height: 30px; font-size: 15px; color: #242424; }

/* 후원 이력 화면 */
.betweenList li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.betweenList li .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.betweenList li .right { text-align: right; }

.betweenList li .right .briefInfo { font-size: 12px; display: block; color: #9d9d9d; line-height: 20px; }

.betweenList li .right .txtMidium { font-size: 13px; display: inline-block; padding-right: 5px; }

/* 정기후원 내역 화면 */
.differArea .smaller, .differArea .bigger { display: block; float: left; }

.differArea .smaller { width: 40%; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.differArea .bigger { width: 60%; }

.differArea:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

.toggleContent .differArea { padding: 20px 32px 0; }

.toggleContent .differArea button { height: 32px; width: 100%; }

.toggleContent .differArea button span { font-size: 14px; }

.toggleContent .btnUnderLineTy02 { margin-bottom: 22px; font-weight: normal; }

.toggleContent.alignCenter { text-align: center; }

.boldTitdl dt { font-size: 16px; color: var(--color-bb, #242424); line-height: 25px; }

@media (min-width: 768px) { .boldTitdl dt { font-size: 23px; } }

.boldTitdl dd { font-size: 14px; color: #9d9d9d; line-height: 25px; }

@media (min-width: 768px) { .boldTitdl dd { font-size: 16px; } }

.regularContainer { position: relative; }

.regularContainer .boldTitdl { padding-left: 23px; margin-top: 33px; }

@media (min-width: 768px) { .regularContainer .boldTitdl { margin-top: 70px; } }

@media (max-width: 767px) { .regularContainer + .regularContainer { padding-top: 8px; }
  .regularContainer + .regularContainer:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; top: 0; left: 0; background-color: #f1f1f1; } }

.bannerWrap { width: 100%; }

.bannerWrap.backGray { background-color: #f1f1f1; }

.bannerWrap.backWhite { background-color: #fff; }

.bannerWrap a { position: relative; }

.bannerWrap a .icoArrowRight { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.bannerWrap .bannerCleft { text-align: left; }

.bannerWrap .bannerCenter { text-align: center; }

.bannerWrap .textGray { color: #524e4e; }

.bannerWrap .textBlack { color: var(--color-bb, #242424); }

@media (max-width: 767px) { .main .bannerWrap { margin-top: 48px; margin-bottom: 48px; }
  .main .bannerWrap a { display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 24px 20px 48px; font-size: 16px; line-height: 22px; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; }
  .main .bannerWrap a .icoArrowRight { right: 20px; }
  .main .bannerWrap a .textGray { font-size: 14px; line-height: 1.3; }
  .main .bannerWrap a .textBlack { font-weight: 500; margin-top: 6px; } }

@media (min-width: 768px) { .main .bannerWrap { padding-top: 80px; padding-bottom: 80px; width: 100%; text-align: center; background-color: #f1f1f1; }
  .main .bannerWrap a { display: inline-block; width: 350px; padding: 23px 30px 23px 115px; background-color: #fff; border-radius: 12px; border: 1px solid #e6e6e6; }
  .main .bannerWrap a .icoArrowRight { right: 20px; }
  .main .bannerWrap a .textGray { font-size: 14px; line-height: 1.3; }
  .main .bannerWrap a .textBlack { font-weight: 500; margin-top: 6px; font-size: 18px; line-height: 23px; letter-spacing: -0.5px; }
  .main .bannerWrap a:before { position: absolute; display: block; content: ""; width: 69px; height: 69px; border-radius: 50%; left: -70px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 30px; background: url(/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png) #f1f1f1 no-repeat; background-position: 0 -442px; background-size: 1000px 1000px; }
  .main .stickyBanner ~ .mainVisual { padding-top: 100px; } }

@media (max-width: 767px) { .conditionWrap { margin-top: 15px; } }

@media (min-width: 768px) { .conditionWrap { margin-top: 50px; } }

.conditionWrap .conditionTxt { color: #f4907e; display: block; }

@media (max-width: 767px) { .conditionWrap .conditionTxt { font-size: 12px; margin-top: 10px; }
  .conditionWrap .conditionTxt .conditionMark { margin-right: 3px; } }

@media (min-width: 768px) { .conditionWrap .conditionTxt { font-size: 16px; margin-top: 13px; }
  .conditionWrap .conditionTxt .conditionMark { margin-right: 5px; } }

@media (max-width: 767px) { .resBannerTy { width: 100%; background-color: #fff; padding: 23px 32px; position: relative; }
  .resBannerTy .info { color: #524e4e; font-size: 16px; line-height: 24px; text-align: left; padding-right: 24px; }
  .resBannerTy .info strong { font-weight: 500; }
  .resBannerTy:after { position: absolute; display: block; content: ""; width: 100%; height: 8px; background-color: #f1f1f1; bottom: -8px; left: 0; }
  .resBannerTy .arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/assets/web/images/ico/btn-arrow-gray-right@3x-e3da94da59a47f6dca115adb26bfd1cf.png"); background-size: 100%; position: absolute; right: 32px; display: block; width: 24px; height: 24px; } }

@media (min-width: 768px) { .resBannerTy { width: 620px; border-radius: 4px; border: solid 1px #9d9999; padding: 23px 32px; position: relative; margin-top: 40px; }
  .resBannerTy .info { color: #524e4e; font-size: 19px; line-height: 28px; text-align: left; padding-right: 24px; }
  .resBannerTy .info strong { font-weight: 500; }
  .resBannerTy .arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/assets/web/images/ico/ic-calendar-arrow-right-d41ff2ad4c7a2ae6025a665dcd88c727.png"); background-size: 100%; position: absolute; right: 32px; display: block; width: 24px; height: 24px; } }

/* 정기결제 */
.showListContainer { overflow-y: hidden; }

.showListContainer .bannerWrap { padding-top: 20px; padding-bottom: 20px; margin-top: 25px; }

.showListContainer .bannerWrap p { color: #524e4e; line-height: 24px; font-size: 16px; }

.showListContainer .bannerWrap p strong { font-weight: 500; }

@media (max-width: 767px) { .showListContainer .toggleContent .btnwarpSmaller { padding: 10px 32px 20px; }
  .showListContainer .sharelist + .btnwarpSmaller { padding: 10px 32px 30px; } }

@media (min-width: 768px) { .showListContainer .bannerWrap { padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 55px; }
  .showListContainer .bannerWrap p { line-height: 31px; font-size: 21px; }
  .showListContainer .toggleContent .btnwarpSmaller { padding: 10px 132px 26px; }
  .showListContainer .sharelist + .btnwarpSmaller { padding: 10px 155px 80px; } }

.showListContainer .sharelist { padding-right: 23px; padding-left: 23px; }

.showListContainer .sharelist .btnToggle { text-align: left; }

.showListContainer .sharelist .btnToggle .btnRequest, .showListContainer .sharelist .btnToggle .btnUpdate { bottom: 0; right: 0; position: absolute; display: inline-block; }

.showListContainer .sharelist .btnToggle .btnRequest .icoViewdown, .showListContainer .sharelist .btnToggle .btnUpdate .icoViewdown { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.showListContainer .sharelist .btnToggle .btnRequest:before, .showListContainer .sharelist .btnToggle .btnUpdate:before { display: inline-block; font-size: 13px; line-height: 24px; color: #9d9999; margin-left: -24px; vertical-align: middle; position: absolute; }

.showListContainer .sharelist .btnToggle .btnRequest:before { content: "신청"; }

.showListContainer .sharelist .btnToggle .btnUpdate:before { content: "변경"; }

.showListContainer .sharelist .toggle .btnUpdate .icoViewdown { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.showListContainer .sharelist .toggle.on .btnUpdate .icoViewdown { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.showListContainer .sharelist .toggle.on + .toggle { margin-top: 40px; }

.showListContainer .sharelist .toggleContent { margin-bottom: -20px; }

.checkBlackInfo dd { font-size: 13px; line-height: 20px; color: #9d9d9d; padding: 8px 0 0 6px; word-break: keep-all; }

.checkBlackInfo dd.inRightBtn { text-align: right; }

@media (max-width: 767px) { #container.align-items { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-y: auto; }
  .checkBlack { color: #524e4e; line-height: 25px; font-size: 15px; position: relative; }
  .checkBlack:before { position: absolute; display: block; content: ""; width: 22px; height: 22px; background: url("/assets/web/images/ico/ic-check-step-bb8ef63d8b9fb3f07bacc35bce7120bb.png") #242424 center center no-repeat; background-size: 15px auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; left: 6px; } }

@media (min-width: 768px) { .checkBlack { color: #524e4e; line-height: 28px; font-size: 16px; font-weight: 500; position: relative; }
  .checkBlack:before { position: absolute; display: block; content: ""; width: 25px; height: 25px; background: url("/assets/web/images/ico/ic-check-step-bb8ef63d8b9fb3f07bacc35bce7120bb.png") #242424 center center no-repeat; background-size: 19px auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; left: 6px; } }

@media (max-width: 767px) { .donationArea .inner.partitionContainer { padding-top: 0; }
  .donationArea .inner.partitionContainer .campaign .description { padding-top: 10px; line-height: 25px; }
  .donationArea .inner.partitionContainer .campaign .description .tit { font-size: 18px; padding-top: 2px; }
  .donationArea .inner.partitionContainer .campaign .description .name { font-size: 15px; color: #838383; }
  .donationArea .inner.partitionContainer .inputBoxTy01 input { font-size: 23px; } }

@media (min-width: 768px) { .donationArea .inner.partitionContainer { overflow: hidden; }
  .donationArea .inner.partitionContainer .campaign { padding-left: 0; } }

.inputBoxTy01 .txtReward { font-size: 23px; font-weight: 500; color: #524e4e; padding-bottom: 12px; border-bottom: 2px solid var(--color-bb, #242424); }

/* 결제하기 화면 */
.partitionContainer .emphasis { color: #f88570; }

.partitionContainer .info { font-size: 14px; font-weight: 500; margin-top: 10px; line-height: 18px; }

.partitionContainer .partitionWrap .bgBoxCenter { border-radius: 4px; padding: 25px 0; text-align: center; color: #524e4e; font-size: 17px; line-height: 25px; word-break: keep-all; }

.partitionContainer .partitionWrap .bgBoxCenter + p { font-size: 14px; line-height: 20px; color: #f88570; margin-top: 12px; text-align: center; word-break: keep-all; }

.partitionContainer .partitionWrap .bgBoxCenter .highLightsColorTy01 { font-size: 20px; }

.partitionContainer .partitionWrap .bgBoxCenter .subCont { font-size: 15px; line-height: 22px; margin-top: 15px; }

.partitionContainer .partitionWrap .methodOption .radioBlack { margin-left: 10px; }

.partitionContainer .partitionWrap .methodOption .radioBlack label span { font-size: 15px; }

.partitionContainer .partitionWrap .methodOption .radioBlack + .radioBlack { margin-top: 18px; }

.partitionContainer .partitionWrap .methodOption .accountWrap { margin-top: 15px; }

@media (max-width: 767px) { .partitionContainer .partitionWrap { padding-top: 25px; padding-bottom: 35px; }
  .partitionContainer .partitionWrap .tit { font-size: 18px; line-height: 30px; padding-top: 10px; }
  .partitionContainer .partitionWrap .checkBlack { padding-left: 37px; margin-top: 15px; }
  .partitionContainer .partitionWrap .swiper-container-center { margin-top: 15px; }
  .partitionContainer .partitionWrap .pcHidden { display: inline-block !important; }
  .partitionContainer .partitionWrap .methodOption .accountWrap .on + .swiperWrap { padding-bottom: 18px; } }

@media (min-width: 768px) { .partitionContainer .partitionWrap { padding-top: 30px; padding-bottom: 30px; }
  .partitionContainer .partitionWrap .tit { font-size: 23px; line-height: 30px; margin-top: 10px; }
  .partitionContainer .partitionWrap .checkBlack { padding-left: 43px; margin-top: 25px; }
  .partitionContainer .partitionWrap .swiper-container-center { margin-top: 25px; }
  .partitionContainer .partitionWrap .methodOption .accountWrap { padding-bottom: 25px; } }

/* 신청 완료 화면 */
.exhibitInfo { text-align: center; height: 45px; }

.exhibitInfo span { font-size: 13px; }

.exhibitInfo .txtMidium { display: block; margin-bottom: 5px; }

.exhibitTxt { padding-top: 20px; padding-bottom: 10px; text-align: center; color: #524e4e; font-size: 17px; line-height: 25px; }

.exhibitTxt .subCont { font-size: 15px; line-height: 22px; margin-top: 15px; }

.exhibitTxt em { font-weight: 500; font-size: 20px; }

/* 정기결제 정책 / 개인정보 제공 안내 */
.reactionStList { margin-top: 45px; margin-bottom: 50px; }

.reactionStList dt { color: var(--color-bb, #242424); }

.reactionStList dt + dd { margin-top: 8px; }

.reactionStList dd { color: #524e4e; word-break: keep-all; }

.reactionStList dd + dt { margin-top: 35px; }

.reactionStList dd + dd { margin-top: 20px; }

.reactionStList dd.smallTitle { font-weight: 500; margin-top: 20px; padding-left: 10px; position: relative; font-size: 14px; }

.reactionStList dd.smallTitle + dd { margin-top: 10px; }

.reactionStList dd.smallTitle:after { position: absolute; display: block; content: ""; width: 3px; height: 3px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #222; }

.mybookContainer .numList { margin-top: 18px; }

.mybookContainer .numList li { font-size: 14px; color: #524e4e; line-height: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; position: relative; }

.mybookContainer .numList li i { left: 0; top: 10px; display: block; line-height: 20px; width: 20px; font-size: 14px; color: #524e4e; position: absolute; font-style: normal; }

.mybookContainer .numList li span { font-size: 17px; font-weight: 700; text-decoration: underline; }

/* 팝업 화면 */
.popContents .ann { font-size: 15px; color: var(--color-bb, #242424); line-height: 22px; margin-top: 35px; }

.popContents .cloudTy { font-size: 15px; line-height: 22px; color: #524e4e; margin-top: 35px; word-break: keep-all; }

.popContents .cloudTy + .cloudTy { margin-top: 20px; }

.popContents .mybookList { margin-top: 12px; }

.popContents .mybookList dt { font-size: 15px; color: #9d9d9d; line-height: 20px; padding-top: 25px; padding-bottom: 5px; }

.popContents .mybookList dd { font-size: 16px; color: var(--color-bb, #242424); line-height: 22px; word-break: keep-all; }

.popContents .mybookList .gepTy { margin-top: 10px; }

.popContents .mybookList .gepTy span { font-weight: 700; text-decoration: underline; }

.popContents.notification .inner { padding: 25px 32px 0; }

.historyContainer .tit { color: var(--color-bb, #242424); font-size: 23px; font-weight: 500; line-height: 30px; margin-top: 50px; }

@media (min-width: 768px) { .historyContainer .btnArea { width: 400px; margin: 30px auto; }
  .historyContainer .btnArea .btnFlex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .historyContainer .btnArea .btnFlex .btnPrimaryTy01 { border-radius: 5px !important; width: 200px; }
  .historyContainer .btnArea .btnFlex .btnPrimaryTy02 { border-radius: 5px 0 0 5px !important; width: 200px; }
  .historyContainer .btnArea .btnFlex .btnPrimaryTy02 + .btnPrimaryTy01 { border-radius: 0 5px 5px 0 !important; } }

/* 체리키즈 가입 안내 */
.contentsTyGrp { margin-top: 35px; margin-bottom: 45px; }

.contentsTyGrp dd + dd { padding-top: 20px; }

.contentsTyGrp dd + dt { margin-top: 20px; }

.contentsTyGrp .tCloud { font-size: 15px; color: #9d9d9d; line-height: 36px; word-break: keep-all; }

.contentsTyGrp .grpBold { font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); line-height: 22px; word-break: keep-all; }

.contentsTyGrp .grpCloud { font-size: 15px; color: #524e4e; line-height: 20px; word-break: keep-all; }

.contentsTyGrp .grpEmps { margin-top: 10px; font-size: 15px; font-weight: 500; color: #f9455f; line-height: 20px; word-break: keep-all; }

.popTyFull .popHeader .btnPopClose { top: 18px; }

@media (max-width: 767px) { .fixedTy, .popTyFull .fixedTyContainer .btnWrapTy01, .popTyFull .policyContainer .btnWrapTy01, .popTyFull .mybookContainer .btnWrapTy01, .popTyFull .historyContainer .btnArea { width: 100%; margin: 0; position: fixed; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .popContTitless { height: 100%; position: relative; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
  .popContTitless h1 { margin-top: 20px; font-size: 23px; font-weight: 500; line-height: 30px; color: var(--color-bb, #242424); }
  .popContTitless .closeTitless { position: absolute; top: 15px; right: 15px; }
  .popContTitless .pcLInner { margin-top: 20px; }
  .popTyFull .fixedTyContainer .btnWrapTy01 { display: block !important; }
  .popTyFull .fixedTyContainer .btnWrapTy01 .btnPrimaryTy02 { width: 50%; }
  .popTyFull .fixedTyContainer .btnWrapTy01 .btnPrimaryTy02 + .btnPrimaryTy01 { width: 50%; }
  .popTyFull .fixedTyContainer .btnWrapTy01 .btnPrimaryTy01 { width: 100%; min-height: 64px; }
  .popTyFull .policyContainer .inner { padding-left: 32px; padding-right: 32px; height: 100%; min-height: 100%; }
  .popTyFull .policyContainer .btnWrapTy01 .btnPrimaryTy01 { width: 100%; min-height: 64px; }
  .popTyFull .popInner { padding: 20px 30px 80px 30px; }
  .popTyFull .mybookContainer .inner { padding: 20px 30px 80px 30px; }
  .popTyFull .mybookContainer .btnWrapTy01 { display: block; }
  .popTyFull .mybookContainer .btnWrapTy01 .btnPrimaryTy01 { width: 100%; min-height: 64px; }
  .popTyFull .historyContainer.popContents { height: 100%; background-color: #fff; }
  .popTyFull .historyContainer .inner { padding: 0 30px 90px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; height: 100%; }
  .popTyFull .historyContainer .btnArea { display: block; }
  .popTyFull.imageZoom .popHeader, .popTyFull.imageZoom .popContents { background-color: #474747; }
  .popTyFull.imageZoom .popHeader .icoDelete { background-image: url(/assets/web/images/ico/btn-delete-white@3x-1aa4fe00658608b6f1c882e657b4a075.png); }
  .popTyFull.imageZoom .popContents > div { -webkit-box-sizing: border-box; box-sizing: border-box; }
  .reactionStList dt { font-size: 16px; }
  .reactionStList dd { line-height: 20px; font-size: 13px; }
  .reactionStList.bigger dt { padding-bottom: 10px; font-weight: 500; }
  .reactionStList.bigger dd { font-size: 15px; } }

.scrollArea .sGroupInfo { font-size: 15px; margin-top: 20px; }

.scrollArea .sGroupInfo em { font-size: 16px; }

.scrollArea .sGroupTotal { padding-bottom: 22px; font-size: 15px; }

.sGroupInfo { line-height: 22px; }

.sGroupInfo em { font-weight: 500; font-size: 17px; }

.sGroupList { margin-top: 20px; margin-bottom: 20px; }

.sGroupList li { color: #524e4e; padding: 2px 0 3px 10px; font-size: 14px; }

.sGroupTotal { border-top: solid 1px #bcbcbc; padding-top: 10px; padding-left: 10px; }

@media (min-width: 768px) { .popContTitless { position: relative; }
  .popContTitless h1 { padding: 50px 80px 27px 80px; font-size: 33px; font-weight: 500; line-height: 30px; color: var(--color-bb, #242424); line-height: 35px; }
  .popContTitless .closeTitless { position: absolute; top: 20px; right: 20px; }
  .popContTitless .btnWrapTy01 { text-align: center; width: 100%; }
  .popContTitless .pcMInner { padding: 0 80px; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 400px; }
  .popContTitless .pcMInner .reactionStList { margin-top: 20px; }
  .popContTitless .pcLInner { padding: 0 80px; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 600px; }
  .popContTitless .pcLInner .sGroupTotal { padding-bottom: 50px; }
  .popContTitless .pcLInner .sGroupList li { width: 45%; display: inline-block; }
  .popTyFull .policyContainer { overflow-y: auto; max-height: 600px; }
  .popTyFull .policyContainer .scrollWrap { height: 649px; }
  .popTyFull .popContents .inner { width: 580px; margin: 0 auto; min-height: 270px; }
  .popTyFull .mybookContainer.popContents { height: inherit; }
  .popTyFull .mybookContainer .btnWrapTy01 { width: 100%; text-align: center; }
  .popTyFull .historyContainer .inner { padding: 0 60px 60px 60px; height: 600px; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: inherit; }
  .popTyFull .nTxtContainer.popContents { min-height: auto; }
  .popTyFull .adjustmentContainer.popContents { min-height: auto; }
  .popTyFull .adjustmentContainer.popContents .msgCenter { word-break: keep-all; }
  .popTyFull#downloadConfirmPop { min-height: auto; }
  .reactionStList dt { font-size: 17px; }
  .reactionStList dd { line-height: 21px; font-size: 14px; }
  .reactionStList.bigger dt { padding-bottom: 10px; font-weight: 500; }
  .reactionStList.bigger dd { font-size: 15px; }
  .notification .wp_infoBox01, .notification .txtTy01 { margin-left: 80px; margin-right: 80px; text-align: left; } }

.bankInfo { width: 210px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }

.bankInfo .logo { text-align: left; height: 60px; position: relative; background-image: url(/assets/web/images/bg/opacity6-76b7fa8519aa9aeff2797cd98622607d.png); padding-top: 20px; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.bankInfo .logo img { height: 22px; width: auto; }

.bankInfo .logo .bank { font-size: 14px; font-weight: 500; color: rgba(36, 36, 36, 0.8); line-height: 22px; }

.bankInfo dd { height: 57px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 15px; padding-right: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; }

.bankInfo dd span { color: rgba(36, 36, 36, 0.6); display: inline-block; }

.bankInfo dd .account { font-size: 12px; display: inline-block; width: 100%; }

.bankInfo dd .name { font-size: 12px; text-align: right; width: 100%; line-height: 18px; }

.bankInfo dd .num { font-size: 12px; min-width: 60px; word-break: keep-all; text-align: right; width: 100%; line-height: 18px; }

.bankInfo.addition { background-color: #f4f4f4; height: 117px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.bankInfo.addition button { height: 69px; }

.bankInfo.addition button span { padding-top: 51px; display: block; font-size: 12px; color: #524e4e; position: relative; }

.bankInfo.addition button span:before { position: absolute; display: block; content: ""; width: 44px; height: 44px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url("/assets/web/images/ico/icon-add@3x-921afd38ce91bb6917d4b5c6f0f45e24.png"); top: 0; background-size: 100% auto; }

.visibleTap .tabWrap .tabCon { visibility: hidden; display: inherit; height: 0; }

.visibleTap .tabWrap .tabCon.on { visibility: visible; display: inherit; height: inherit; }

@media (min-width: 768px) { .reactionType .bankInfo { width: 300px; }
  .reactionType .bankInfo .logo { height: 86px; padding-top: 30px; }
  .reactionType .bankInfo .logo .bank { font-size: 17px; }
  .reactionType .bankInfo dd { height: 83px; }
  .reactionType .bankInfo dd .account, .reactionType .bankInfo dd .num { font-size: 16px; }
  .reactionType .bankInfo.addition { height: 168px; }
  .reactionType .bankInfo.addition button span { font-size: 16px; } }

@media (max-width: 767px) { .tabWrap.division { position: relative; padding-top: 8px; }
  .tabWrap.division:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; top: 0; left: 0; background-color: #f1f1f1; } }

.tabWrap .selectBoxWrap .selectBox .btnSelect.open { border-bottom: 1px solid #c8c6c6; }

.campaignWrapSub .tabWrap.division .selectBoxWrap { margin-top: 0; }

.campaignWrapSub .section .title { color: var(--color-bb, #242424); font-size: 14px; font-weight: 500; display: block; line-height: 25px; }

@media (min-width: 768px) { .campaignWrapSub .inner { overflow: hidden; } }

/* 휴면 계정 안내 */
.restingWrap { padding-bottom: 30px; }

.restingWrap dt { color: #f88570; font-size: 20px; font-weight: 500; line-height: 25px; }

.restingWrap dd { word-break: keep-all; }

.restingWrap dd.normal { color: #524e4e; font-size: 15px; font-weight: 500; line-height: 20px; margin-top: 18px; }

.restingWrap dd.cloud { color: #9d9d9d; font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 5px; }

.restingWrap dd.stress { color: #524e4e; font-size: 18px; font-weight: 500; line-height: 25px; margin-top: 18px; }

/* 회원 탈퇴 */
.leaveTop { position: relative; padding-top: 40px; padding-bottom: 20px; background-color: #feefec; text-align: center; }

.leaveTop .icon { position: absolute; display: block; content: ""; width: 100%; height: 20px; left: -32px; padding-left: 32px; padding-right: 32px; background-color: #feefec; top: -20px; }

.leaveTop .icon i { position: relative; margin-top: 20px; margin-left: auto; margin-right: auto; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 31px; height: 31px; display: inline-block; background-position: -295px -228px; background-size: 500px 500px; }

.leaveTop:before { position: absolute; display: block; content: ""; width: 32px; height: 100%; left: -32px; top: 0; background-color: #feefec; }

.leaveTop:after { position: absolute; display: block; content: ""; width: 32px; height: 100%; right: -32px; top: 0; background-color: #feefec; }

.leaveTop p { color: #f88570; font-size: 21px; font-weight: 500; line-height: normal; word-break: keep-all; }

.leaveNote { text-align: left; }

.leaveNote dt { margin-top: 30px; color: #383434; font-size: 15px; font-weight: 700; line-height: normal; word-break: keep-all; }

.leaveNote dd { word-break: keep-all; }

.leaveNote dd.box { background-color: #feefec; color: #383434; padding: 20px 17px; font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 30px; }

.leaveNote dd .dotTy, .leaveNote dd .tbType { margin-top: 15px; }

.leaveNote dd .btnUnderLineTy06 { color: var(--color-bb, #242424); margin-top: 20px; font-weight: 700; }

.leaveNote + .checkbox { margin-top: 30px; text-align: left; }

@media (max-width: 767px) { .leaveNote + .checkbox { margin-bottom: 50px; } }

.leaveNote + .checkbox.inline input[type="checkbox"] + label > span { color: #383434; line-height: 20px; font-size: 14px; font-weight: 500; }

.dotTy li { position: relative; padding-left: 15px; font-size: 14px; font-weight: 500; line-height: 20px; word-break: keep-all; padding-bottom: 10px; }

.dotTy li:before { position: absolute; display: block; content: ""; width: 3px; height: 3px; border-radius: 50px; background-color: #383434; top: 8px; left: 5px; }

.tbType { border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; }

.tbType li { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #cbcbcb; font-size: 14px; font-weight: 500; line-height: 20px; }

.tbType li em { display: block; width: 50%; border-right: 1px solid #cbcbcb; padding: 9px 5px 10px 10px; }

.tbType li span { display: block; width: 100%; padding: 9px 5px 10px 10px; }

.tbType li .gemTxt::before { content: ''; background-image: url(/assets/web/images/ico/ic-gem-line-gray@3x-c1395b7d39d7cbb892b0f60a0626f9cd.png); background-size: 16px; position: relative; top: 3px; left: 0; display: inline-block; width: 16px; height: 16px; margin-right: 3px; }

.checkbox.inline { padding-top: 10px; }

.checkbox.inline input[type="checkbox"] + label:before { position: absolute; left: 0; }

.checkbox.inline input[type="checkbox"] + label > span { margin-left: 35px; display: block; line-height: 24px; }

.checkbox.addStxt { margin-top: 20px; }

.checkbox.addStxt label span { font-size: 13px !important; margin-left: 10px !important; }

.checkbox.addStxt.al { margin-top: 50px; }

.checkbox.addStxt.al input[type="checkbox"] + label > span { width: 85%; }

.checkbox .checkboxInner { display: flex; align-items: center; }

.checkboxInner input[type="checkbox"]:disabled + label:before { content: ''; width: 24px; height: 24px; display: inline-block; background: url("/assets/web/images/ico/btn-checkbox-nor-0bb2dd8b2d85fe5831ae3d4889ed5aad.png") 0 0 no-repeat; background-size: 100% auto; vertical-align: middle; }

.checkboxInner input[type="checkbox"]:disabled + label span { display: inline-block; margin-left: 16px; font-size: 16px; font-weight: 500; color: rgba(82, 78, 78, 0.5); line-height: 1.5; vertical-align: middle; }

.checkbox input[type="checkbox"] + label > span { margin-left: 10px; }

.tightImgWrap { margin: 10px -32px 0; }

.optionCheck { margin-top: 15px; }

.optionCheck .highLightsColorTy01, .optionCheck .btnUnderLineTy05 { display: block; }

.optionCheck .btnUnderLineTy05 { font-size: 14px; font-weight: 500; }

.optionCheck .checked { display: none; }

.optionCheck.on .checked { display: block; }

.optionCheck.on .highLightsColorTy01, .optionCheck.on .btnUnderLineTy05 { display: none; }

.profileWrap { text-align: center; margin-top: 50px; }

.profileWrap .profile { display: inline-block; width: 130px; height: 130px; }

.profileWrap .group { font-size: 21px; line-height: 30px; color: #524e4e; margin-top: 15px; font-weight: 500; word-break: keep-all; }

.profileWrap .group .subname { display: block; color: #9d9d9d; line-height: 30px; font-size: 16px; }

.profileWrap .message { font-size: 18px; line-height: 30px; color: #524e4e; margin-top: 40px; }

.profileWrap .message dt { padding-bottom: 25px; }

.profileWrap .message dt.stress { color: #f88570; font-weight: 500; }

.profileWrap .message dd { font-size: 14px; line-height: 20px; color: #9d9d9d; }

.profileWrap .message dd + dd { margin-top: 30px; }

.profileWrap .message li { color: #524e4e; }

.profileWrap .message li.lower { color: #9d9d9d; margin-top: 20px; font-size: 14px; line-height: 20px; }

.profileWrap .message li.stress { color: #f88570; margin-top: 20px; font-weight: 500; }

.profileWrap .membershipChk { font-size: 20px; line-height: 30px; color: #9d9d9d; }

.profileWrap .membershipChk.on { color: #f88570; }

.profileWrap .qrResult { margin-top: 35px; background-color: #f8f8f8; padding: 30px 20px; }

.profileWrap .qrResult dt { font-weight: 500; line-height: 30px; }

.profileWrap .qrResult dt .name { font-size: 16px; color: #9d9d9d; }

.profileWrap .qrResult dt .subname { font-size: 21px; color: #524e4e; }

.profileWrap .qrResult dd { margin-top: 28px; line-height: 30px; font-weight: 500; }

.profileWrap .qrResult .info { font-size: 21px; display: block; color: #f88570; }

.profileWrap .qrResult .message { margin-top: 4px; font-size: 18px; color: #f88570; }

.profileWrap .qrResult.on { background-color: #feefec; }

.profileWrap .textareaBoxTyAD textarea:-moz-read-only { pointer-events: none; }

.profileWrap .textareaBoxTyAD textarea:read-only { pointer-events: none; }

.profileWrap .textareaBoxTyAD textarea:-moz-read-only:focus { cursor: none; border-color: #c8c6c6; }

.profileWrap .textareaBoxTyAD textarea:read-only:focus { cursor: none; border-color: #c8c6c6; }

.myPageCherryWrap .profileWrap { margin-top: 0; padding-left: 20px; padding-right: 20px; }

.landingInner { padding-bottom: 60px; }

@media (max-width: 767px) { .landingInner .profileWrap { margin-top: 0; padding-left: 44px; padding-right: 44px; } }

@media (min-width: 768px) { .landingInner .profileWrap { margin-top: 130px; }
  .landingInner .profileWrap .groupName { margin: 0 auto; width: 400px; }
  .landingInner .profileWrap .groupName dt { word-break: keep-all; } }

@media (max-width: 767px) { .landingInner .group_join { margin-top: 0; padding-left: 18px; padding-right: 18px; } }

@media (min-width: 768px) { .landingInner .group_join { margin-top: 130px; } }

.landingInner .group_join img { max-width: 400px; }

.inner .profileWrap { margin-top: 5px; }

.btnArea .btnWrapTy01.notComm { min-width: 230px; margin-top: 10px; }

.btnArea.wide { padding-left: 84px; padding-right: 84px; }

.btnArea.wide button + button { margin-top: 10px; }

.btnArea.small button { width: 200px; margin-left: auto; margin-right: auto; }

.admin .contents .btnArea.wide [class*="btnPrimary"] { width: 100%; }

.admin .contents .btnArea.wide [class*="btnPrimary"] + [class*="btnPrimary"] { margin-left: inherit; }

.dlListWrap dt { margin-top: 50px; margin-bottom: 10px; }

.dlListWrap dd { border-radius: 4px; background-color: #f8f8f8; padding: 12px 20px; }

.dlListWrap dd.centerArea { text-align: center; }

.dlListWrap dd.leftArea { text-align: left; }

.dlListWrap dd.leftArea .txtLink { color: var(--color-bb, #242424); font-size: 14px; font-weight: 500; display: block; line-height: 24px; }

.dlListContainer .centerArea img { width: 150px; height: 150px; }

/* .mySlideBack { -webkit-animation: mySlideBack 0.5s both; animation: mySlideBack 0.5s both; } */

/* .fadeMyTitle .profile, .fadeMyTitle .userName { -webkit-animation: scaleFade 0.5s both !important; animation: scaleFade 0.5s both !important; } */

.main .swiper-container-main .swiper-slide-main.swiper-slide-active .btnSpon { -webkit-animation: doodoong 0.7s both; animation: doodoong 0.7s both; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; }

@media (max-width: 767px) { .main .mainVisual .userInfo .profile.active { -webkit-animation: scaleIn 0.8s both; animation: scaleIn 0.8s both; }
  .main .mainVisual .userInfo .profile + .userName { -webkit-animation: scaleIn 0.8s both; animation: scaleIn 0.8s both; }
  .main .swiper-container-main .swiper-slide-main.motionAnimate { top: 50px; opacity: 0; }
  .main .swiper-container-main .swiper-slide-main.motionAnimate.active { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; top: 0; opacity: 1; border-radius: 13px; }
  .main .swiper-container-main .swiper-slide-main.swiper-slide-active { -webkit-transform: scale(1.03); transform: scale(1.03); overflow: visible; }
  .main .swiper-container-main .swiper-slide-main.swiper-slide-active:after { position: absolute; display: block; content: ""; width: 18px; height: 30px; background-color: #fff; bottom: -5px; right: -18px; z-index: 999; }
  .main .swiper-container-main.ordinary .swiper-slide-main:before { border-radius: 13px; }
  .main .swiper-container-item .swiper-slide-item { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
  .main .swiper-container-item .swiper-slide-item.swiper-slide-active { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; border-radius: 13px; } }

.comBtnMore, .swiper-container-main .swiper-slide-main.btnMore, .swiper-container-item .swiper-slide-item.btnMore { width: 70px !important; }

.comBtnMore button, .swiper-container-main .swiper-slide-main.btnMore button, .swiper-container-item .swiper-slide-item.btnMore button { width: 100%; }

.comBtnMore span, .swiper-container-main .swiper-slide-main.btnMore span, .swiper-container-item .swiper-slide-item.btnMore span { color: #9b9b9b; font-size: 13px; display: block; width: 100%; line-height: 30px; margin-top: 51px; position: relative; text-align: center; }

.comBtnMore span:before, .swiper-container-main .swiper-slide-main.btnMore span:before, .swiper-container-item .swiper-slide-item.btnMore span:before { position: absolute; display: block; content: ""; width: 50px; height: 50px; top: -51px; left: 10px; border-radius: 50%; border: solid 1px #c8c6c6; }

.comBtnMore span:after, .swiper-container-main .swiper-slide-main.btnMore span:after, .swiper-container-item .swiper-slide-item.btnMore span:after { position: absolute; content: ""; top: -31px; left: 27px; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 19px; height: 12px; display: inline-block; background-position: -1px -62px; background-size: 500px 500px; }

.comBtnMore:before, .swiper-container-main .swiper-slide-main.btnMore:before, .swiper-container-item .swiper-slide-item.btnMore:before { display: none; }

@media (min-width: 768px) { .swiper-container-main .swiper-slide-main.btnMore { display: none; } }

.swiper-container-main .swiper-slide-active.btnMore button { -webkit-animation: btnScale 0.5s both; animation: btnScale 0.5s both; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; }

@media (min-width: 768px) { .swiper-container-item .swiper-slide-item.btnMore { display: none; } }

.swiper-container-item .swiper-slide-item.btnMore button { margin-top: 155px; }

.swiper-container-item .swiper-slide-active.btnMore button { -webkit-animation: btnScale 0.5s both; animation: btnScale 0.5s both; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; }

@media (max-width: 767px) { #gnb .gnbRight.unroll .icoWrapTy01 { display: inline-block; }
  #gnb .gnbRight.unroll .icoWrapTy01.drawDown { position: absolute; width: 100px; right: 50px; top: -300px; }
  #gnb .gnbRight.unroll .icoWrapTy01.drawDown.active { -webkit-animation: drawDown 0.5s both; animation: drawDown 0.5s both; }
  #gnb .gnbRight.unroll .icoWrapTy01.drawDown.reactive { -webkit-animation: redrawDown 0.5s both; animation: redrawDown 0.5s both; }
  #gnb .gnbRight.unroll .icoWrapTy01.drawBack { position: absolute; width: 180px; right: 50px; top: 13px; }
  #gnb .gnbRight.unroll .icoWrapTy01.drawBack.active { -webkit-animation: drawDown 0.5s both; animation: drawDown 0.5s both; -webkit-animation: drawBack 0.5s both; animation: drawBack 0.5s both; }
  #gnb .gnbRight.unroll .icoWrapTy01.drawBack.reactive { -webkit-animation: redrawBack 0.5s both; animation: redrawBack 0.5s both; }
  .icoMore { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s; transition: 0.3s; }
  .icoMore.animate-rotate { -webkit-transition: 0.3s; transition: 0.3s; }
  .animate-rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .main .txtWrap { position: relative; }
  .main .txtWrap .icoArrowRight { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 24px; }
  .namun .main .itemWrap .item .btnSpon { position: absolute; bottom: 7px; right: -5px; width: 100px; height: 100px; padding: 22px; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25); }
  .namun .main .itemWrap .item .btnSpon .txt { font-size: 20px; display: block; overflow: hidden; text-align: center; white-space: normal; word-break: break-word; }
  .namun .main .groupSelect { position: relative; left: 82%; opacity: 1; min-height: 105px; }
  .namun .main .groupSelect .title { position: absolute; left: 0; top: 0; display: block; height: 56px; width: 100%; z-index: 1; }
  .namun .main .groupSelect .title span { font-size: 14px; line-height: 1.21; color: rgba(102, 102, 102, 0.5); text-align: left; font-weight: 500; display: inline-block; padding: 11px 12px; border-left: 1px solid #ddd; }
  /* .namun .main .listSwiper .swiper-slide-campaign { margin-bottom: 0; margin-top: 35px; width: 80px; }
  .namun .main .listSwiper .swiper-slide-campaign .thumb { margin: 0 auto; width: 50px; height: 50px; }
  .namun .main .listSwiper .swiper-slide-campaign .name { display: none; }
  .namun .main .listSwiper .swiper-wrapper-campaign { min-height: 145px; }
  .namun .main .listSwiper .swiper-container-campaign { width: auto; padding-left: 30px; padding-right: 10px; }
  .namun .main .listSwiper_active { position: relative; opacity: 1; -webkit-animation: mySlide 1.0s both; animation: mySlide .7s both; min-height: 145px; padding-left: 40px; }
  .namun .main .listSwiper_active .title { position: absolute; left: 0; top: 19px; display: block; padding: 10px 0 0 13px; z-index: 1; width: 47px; height: 100px; }
  .namun .main .listSwiper_active .title span { font-size: 14px; line-height: 1.21; color: rgba(102, 102, 102, 0.5); text-align: left; font-weight: 500; display: inline-block; padding: 12px; border-right: 1px solid #ddd; }
  .namun .main .listSwiper_active .swiper-slide-campaign { margin-bottom: 0; margin-top: 20px; width: 80px; }
  .namun .main .listSwiper_active .swiper-slide-campaign .thumb { margin: 0 auto; width: 50px; height: 50px; }
  .namun .main .listSwiper_active .swiper-slide-campaign .name { width: 80px !important; max-height: 40px; white-space: normal; max-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.21; font-size: 14px; }
  .namun .main .listSwiper_active .swiper-wrapper-campaign { min-height: 145px; }
  .namun .main .listSwiper_active .swiper-wrapper-campaign .more .thumb { width: 50px; height: 50px; background-size: 100%; }
  .namun .main .listSwiper_active .swiper-container-campaign { width: auto; padding-left: 30px; padding-right: 10px; }
  .namun .main .listSwiper_active + .mainVisual .userInfo { visibility: hidden; } */
  .namun .main .mainVisual { padding-top: 22px; }
  .namun .main .mainVisual .userInfo { width: 78%; position: absolute; display: flex; align-items: center; }
  .namun .main .mainVisual .userInfo .profile.motionAnimate .userName { opacity: 0; }
  .namun .main .mainVisual .userInfo .userName { font-weight: 500; width: 70%; display: -webkit-box; word-break: keep-all; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-left: 8px; line-height: 22px; }
  .namun .main .mainVisual + .contents { padding-top: 0; }
  .swiper-wrapper-campaign .join { position: relative; }
  .swiper-wrapper-campaign .join:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 12px; height: 12px; display: inline-block; background-position: -244px -136px; background-size: 500px 500px; position: absolute; content: ""; left: 65px; top: 0; }
  .nonswiperWrap .swiper-wrapper-campaign .join:after { left: 50%; top: 0; margin-left: 25px; }
  .popTyBackDrop.open { -webkit-animation: openMatrix 0.5s both; animation: openMatrix 0.5s both; }
  .popTyBackDrop.close { -webkit-animation: closeMatrix 0.5s both; animation: closeMatrix 0.5s both; } }

@media (min-width: 768px) { .namun .main .mainVisual { margin-top: 0px; }
  .namun .main .mainVisual .section { margin-top: 120px; }
  .namun .main .tit.mbHidden .profile { cursor: pointer; }
  .namun .main .tit.mbHidden .txt.slctGrpNm { cursor: pointer; }
  .namun .main .swiper-wrapper-campaign .more .thumb { width: 45px; height: 45px; background-size: 100%; }
  .swiper-wrapper-campaign .join { position: relative; }
  .swiper-wrapper-campaign .join:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 12px; height: 12px; display: inline-block; background-position: -244px -136px; background-size: 500px 500px; position: absolute; content: ""; left: 45px; top: 10px; }
  .swiper-wrapper-campaign .join.person:after { left: 65px; top: 0; }
  .nonswiperWrap .swiper-wrapper-campaign .join:after { left: 65px; top: 0; }
  .nonswiperWrap .swiper-wrapper-campaign button:disabled { cursor: move; }
  .nonswiperWrap .swiper-wrapper-campaign .delGroup:before { right: 10px; }
  .nonswiperWrap .swiper-wrapper-campaign .delGroup:after { right: 5px; } }

@media (min-width: 768px) { .userNoticeWrap { padding-top: 130px; width: 940px; margin-left: auto; margin-right: auto; text-align: center; }
  .userNoticeWrap .userInfo { display: none; }
  .userNoticeWrap .userNotice { font-size: 33px; font-weight: 500; color: var(--color-bb, #242424); line-height: 39px; }
  .userExtension { width: 940px; margin-left: auto; margin-right: auto; overflow: hidden; }
  .userExtension .boxNotice { margin-top: 40px; background-color: #f1f1f1; padding: 20px 45px; text-align: center; }
  .userExtension .boxNotice p { font-size: 15px; font-weight: 500; color: #818181; line-height: 22px; word-break: keep-all; }
  .userExtension .tit { position: relative; margin-top: 70px; margin-bottom: 50px; font-size: 23px; font-weight: 500; color: var(--color-bb, #242424); padding-right: 60px; }
  .userExtension .swiperWrap { margin-bottom: 200px; position: relative; }
  .userExtension .btnCampaignMore { width: 60px; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; text-align: right; font-size: 14px; font-weight: 500; color: #9d9d9d; /*background: url($url_ico + "btn-arrow-gray-right.png") 0 0 no-repeat;background-size: 100% auto;*/ } }

@media (max-width: 767px) { .userNoticeWrap .userInfo { padding: 30px 45px 20px 42px; }
  .userNoticeWrap .userInfo .profile { width: 75px; height: 75px; display: block; border-radius: 50%; }
  .userNoticeWrap .userNotice { padding: 0 45px 20px; color: #524e4e; line-height: 23px; font-size: 18px; font-weight: 500; }
  .userNoticeWrap .userNotice .txt { word-break: keep-all; display: block; }
  .userExtension .boxNotice { background-color: #f1f1f1; padding: 20px 30px 20px 45px; }
  .userExtension .boxNotice p { font-size: 15px; font-weight: 500; color: #818181; line-height: 22px; word-break: keep-all; }
  .userExtension .tit { position: relative; margin-top: 60px; margin-left: 45px; font-size: 18px; font-weight: 500; color: #524e4e; line-height: 23px; padding-right: 60px; }
  .userExtension .swiperWrap { margin-top: 35px; margin-left: 45px; margin-bottom: 35px; }
  .userExtension .btnCampaignMore { width: 60px; height: 24px; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; text-align: right; font-size: 14px; font-weight: 500; color: #9d9d9d; /*background: url($url_ico + "ic-arrow-right@3x.png") 0 0 no-repeat;background-size: 100% auto;*/ } }

#ui-datepicker-div {z-index: 2 !important; width: 292px; padding: 16px; background-color: #fff; border-radius: 2px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); }

#ui-datepicker-div .ui-datepicker-header { width: 100%; height: 30px; position: relative; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev > .ui-icon { width: 24px; height: 24px; background: url("/assets/web/images/ico/ic-calendar-arrow-left-0085b4f9c43bdacc0b9b836e594c2423.png") 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next > .ui-icon { width: 24px; height: 24px; background: url("/assets/web/images/ico/ic-calendar-arrow-right-d41ff2ad4c7a2ae6025a665dcd88c727.png") 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; line-height: 1.5; }

#ui-datepicker-div .ui-datepicker-calendar { margin-top: 6px; }

#ui-datepicker-div .ui-datepicker-calendar thead th { padding-bottom: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#ui-datepicker-div .ui-datepicker-calendar thead th > span { font-size: 13px; font-weight: 500; color: #9d9999; }

#ui-datepicker-div .ui-datepicker-calendar tbody td { height: 35px; border: 1px solid #c8c6c6; text-align: center; vertical-align: middle; color: #ddd; }

#ui-datepicker-div .ui-datepicker-calendar tbody td > a { font-size: 14px; color: #9d9999; line-height: 1.42; }

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day { background-color: #524e4e; }

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day > a { color: #fff; }

/* 나눔지기 단체회칙 관리 */
.bylawWrap { padding: 40px; background-color: #f8f8f8; font-size: 15px; font-weight: normal; }

.bylawWrap.editBox { border-radius: 4px; border: solid 1px #9d9d9d; background-color: #fff; }

.bylawWrap .typicalArea { width: 100%; text-align: center; }

.bylawWrap .typicalArea em { display: block; color: var(--color-bb, #242424); font-size: 21px; font-weight: 500; line-height: 31px; }

.bylawWrap .typicalArea span { color: #9d9d9d; font-size: 14px; padding-top: 3px; display: inline-block; }

.bylawWrap .listTybar { padding: 7px 0; margin-left: 20px; }

.bylawWrap .indicateEnd { margin-top: 24px; font-size: 13px; color: #524e4e; }

.bylawWrap dl { margin-top: 30px; }

.bylawWrap dl dt { color: var(--color-bb, #242424); font-size: 14px; font-weight: 500; margin-top: 20px; line-height: 20px; }

.bylawWrap dl dd { font-size: 13px; font-weight: normal; color: #524e4e; line-height: 19px; margin-top: 7px; }

.bylawWrap dl dd .strong { font-weight: 500; color: var(--color-bb, #242424); }

.bylawWrap strong { font-weight: bolder; }

.listTybar li { position: relative; padding-left: 15px; }

.listTybar li:before { content: ""; display: block; width: 4px; height: 1px; background-color: #9d9999; position: absolute; left: 5px; top: 10px; }

.bylawContainer { padding-top: 55px; padding-bottom: 60px; }

.bylawContainer .rescreeningArea { margin-top: 40px; }

.bylawContainer .rescreeningArea .row { line-height: 18px; margin-bottom: 10px; }

.bylawContainer .rescreeningArea .row em { color: var(--color-bb, #242424); font-size: 16px; font-weight: 500; display: inline-block; vertical-align: middle; margin-right: 15px; }

.bylawContainer .rescreeningArea .row .checkbox.lineTy { vertical-align: middle; }

.bylawContainer .rescreeningArea .row label span { color: #524e4e; font-size: 13px; }

.bylawContainer .rescreeningArea .selectBoxTyAD02 { display: inline-block; }

.bylawContainer .rescreeningArea .right { padding-top: 30px; width: 50%; }

.bylawContainer .rescreeningArea .btnInlineTy01 { margin-left: 12px; }

.bylawContainer .rescreeningArea button { min-width: 80px; }

.cropperContainer { text-align: center; }

.cropperContainer .popContents { height: auto; }

.cropperContainer .cropperWrap { width: 600px; height: 382px; margin: 0 auto; position: relative; }

.cropperContainer .cropperWrap .bgImgWrap { width: 100%; height: 100%; position: relative; }

.cropperContainer .cropperWrap .bgImgWrap > img { height: 100%; }

.cropperContainer .cropperWrap .cropper-view-box { outline: none; }

.cropperContainer .cropperWrap .cropper-center { display: none; }

.cropperContainer .addTxt { font-size: 14px; color: #9d9d9d; margin-top: 25px; margin-bottom: 5px; }

.cropperWrap.modeWhite .cropper-modal { background-color: #fff; }

.cropperWrap.modeWhite .cropper-crop-box { border: solid 2px #f4907e; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cropperWrap.modeRound .cropper-crop-box, .cropperWrap.modeRound .cropper-view-box { border-radius: 50%; }

.cropperWrap img { max-width: 100%; }

.cropper.popTyFull { text-align: center; }

.cropper.popTyFull .popContents { height: calc(100% - 150px); }

.cropper.popTyFull .cropperWrap { background-color: #727272; }

.cropper.popTyFull .btnWrapTy01 { display: block; }

.cropper.popTyFull .btnWrapTy01 .btnPrimaryTy01 { border-radius: 4px; }

.cropper.popTyFull .cropperWrap { height: calc(100% - 60px); overflow: hidden; }

@media (min-width: 768px) { .cropper.popTyFull .popContents { max-height: 500px; overflow: hidden; }
  .cropper.popTyFull .cropperWrap { height: 420px; } }

@media (max-width: 767px) { .cropper.popTyFull .popHeader .btnPopClose { top: 15px; right: 15px; }
  .cropper.popTyFull .btnWrapTy01 { margin: 30px 0 0 0; position: fixed; bottom: 0; left: 0; }
  .cropper.popTyFull .btnWrapTy01 button { width: 100%; }
  .cropper.popTyFull .btnWrapTy01 .btnPrimaryTy01 { border-radius: 0; } }

.cropperControls { padding-top: 20px; width: 100%; text-align: center; }

.cropperControls button { width: 42px; height: 38px; background-color: #fff; position: relative; display: inline-block; }

.cropperControls button:hover { background-color: #f8f8f8; }

.cropperControls button.out { border-top: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; border-radius: 0 4px 4px 0; margin-left: -4px; }

.cropperControls button.out:after { position: absolute; display: block; content: ""; width: 14px; height: 2px; background-color: #524e4e; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .6; }

.cropperControls button.out:hover:after { opacity: 1; }

.cropperControls button.in { border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; border-radius: 4px 0 0 4px; }

.cropperControls button.in:before { position: absolute; display: block; content: ""; width: 2px; height: 14px; background-color: #524e4e; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .6; }

.cropperControls button.in:after { position: absolute; display: block; content: ""; width: 14px; height: 2px; background-color: #524e4e; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .6; }

.cropperControls button.in:hover:after, .cropperControls button.in:hover:before { opacity: 1; }

.cropperControls button.spin { border: 1px solid #cbcbcb; border-radius: 4px; margin-right: 3px; }

.cropperControls button.spin:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 21px; height: 19px; display: inline-block; background-position: -185px -1.5px; background-size: 500px 500px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; position: absolute; }

.cropperControls button.spin:hover:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 21px; height: 19px; display: inline-block; background-position: -162px -1.5px; background-size: 500px 500px; }

.infoTableContainer .innerWide { margin: 0 auto 80px; }

.infoTableContainer .titleArea { margin-top: 50px; position: relative; }

.infoTableContainer .titleArea .rightItems { position: absolute; right: 0; top: 0; display: inline-block; }

.infoTableContainer .titleArea .rightItems .btnInlineTy03 { min-width: 100px; }

.infoTableContainer .rescreeningArea { margin-top: 30px; }

.infoTableContainer .rescreeningArea .inStress { display: inline-block; margin-right: 10px; }

.infoTableContainer table th { height: 36px; }

.infoTableContainer table td { height: 32px; }

.infoTableContainer table td .memberdat { cursor: pointer; }

.infoTableContainer table .checkbox input[type="checkbox"] + label:before { width: 18px; height: 18px; }

.admin .infoTableContainer .tabWrap { margin-top: 40px; }

.admin .infoTableContainer .tabWrap .btnTabWrap { width: inherit; }

.admin .choosablePanel { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; background-color: RGBA(255, 255, 255, 0.7); z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; }

.admin .choosablePanel button { display: block; border-radius: 4px; height: 50px; width: 200px; }

.admin .choosablePanel button + button { margin-top: 25px; }

.admin .choosablePanel button span { font-size: 16px; font-weight: 500; color: #fff; }

.admin .choosablePanel button.btnOptCopy01 { background-color: #f4907e; }

.admin .choosablePanel button.btnOptCopy02 { background-color: var(--color-bb, #242424); }

.bChainContainer .haveIconWrap { margin-top: 20px; text-align: center; width: 100%; }

.bChainContainer .haveIconWrap em { color: #524e4e; font-size: 18px; display: inline-block; vertical-align: middle; }

.bChainContainer .heardsList { margin: 40px 69px 49px; }

.bChainContainer .heardsList .asideSub .icoCopy { display: inline-block; margin-left: 5px; vertical-align: middle; }

.myhistoryArea .lineBoxTy06 { background-color: #f8f8f8; }

.overInfo { position: relative; }

.overInfo .overTxt { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -30px; left: -10px; z-index: 50; background-color: rgba(36, 36, 36, 0.7); text-align: center; padding: 5px 8px; border-radius: 8px; overflow: hidden; font-size: 13px; color: #fff; line-height: 20px; min-width: 70px; }

#container.admin #container.admin { padding-top: 0; }

#container.admin .campaignDetail .tabWrap .section .graphBoxWrap { margin-bottom: 80px; }

#container.admin .fileBoxTyImage label > .uploadImage { cursor: pointer; }

#container.admin .tableTyAdmin .opticalInfo .thumb { cursor: pointer; }

#container.admin .fileBoxTyCamera label > .icoCamera { cursor: pointer; }

#paymentMethodPopup .scrollWrap { position: relative; overflow-x: hidden; }

.sharingWrap .personList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.sharingWrap .personList .person { min-width: 70px; margin: 0 7px 32px 6px; }

.sharingWrap .personList .person > .thumb.icoProfileDefault { margin: 0 auto !important; }

@media (min-width: 768px) { .sharingWrap .personList .person { width: 85px; } }

@media (max-width: 371px) { .sharingWrap .personList { padding: 31px 2.4% !important; }
  .sharingWrap .personList .person { margin: 0 1% 32px 1%; } }

.right .personList .person > .thumb.icoProfileDefault { margin-left: 0 !important; }

.resultContainer ~ .btnArea [class*="btnPrimary"] { width: 200px; }

.resultContainer { width: 100%; }

.resultContainer .captureArea { text-align: center; padding-top: 25px; padding-bottom: 20px; }

@media (max-width: 767px) { .resultContainer .captureArea { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 768px) { .resultContainer .captureArea { width: 620px; margin: 0 auto; } }

.resultContainer .txtMidium { line-height: 24px; }

.resultContainer .txtMidium strong { font-weight: 500; }

.contentsLogo { vertical-align: bottom; margin-left: auto; margin-right: auto; margin-bottom: 15px; }

.contentsLogo span { text-indent: -9999px; vertical-align: middle; }

.contentsLogo span + span { margin-left: 32px; position: relative; }

.contentsLogo span + span:before { position: absolute; display: block; content: ""; width: 1px; height: 26px; background-color: #e8e8e8; top: 12px; left: -18px; }

.contentsLogo span.logo { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 62px; height: 46px; display: inline-block; background-position: -59px -36px; background-size: 500px 500px; }

.contentsLogo span.emblemRelay { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 55px; height: 52px; display: inline-block; background-position: -129px -36px; background-size: 500px 500px; }

.resultTit { font-size: 22px; font-weight: 500; color: var(--color-bb, #242424); line-height: 29px; text-align: center; }

.resultTitWrap { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 250px; height: 99px; display: inline-block; background-position: 0px 0px; background-size: 500px 500px; padding-top: 20px; padding-left: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-right: 30px; }

.resultTitWrap .resultTit { text-align: left; -webkit-transform: rotate(-6deg); transform: rotate(-6deg); }

.resultTitWrap .resultTit em { font-weight: bolder; }

.resultTitWrap .stamp { position: absolute; display: block; right: -55px; top: 57px; width: 115px; height: 116px; z-index: 1; }

.resultTitWrap .stamp.Lv1 { background: url("/assets/web/images/ico/stamp_Lv01-f653cac1775d36cd2d977a82d4950ee7.png") transparent left top; background-size: 100%; }

.resultTitWrap .stamp.Lv2 { background: url("/assets/web/images/ico/stamp_Lv02-052a6aaaf35fe5506d3505590301f219.png") transparent left top; background-size: 100%; }

.resultTitWrap .stamp.Lv3 { background: url("/assets/web/images/ico/stamp_Lv03-87fa84db7c586c91d57c0db07a2e0360.png") transparent left top; background-size: 100%; }

.resultTitWrap .stamp.Lv4 { background: url("/assets/web/images/ico/stamp_Lv04-da2c891fd7f2954c5beaa498b203f613.png") transparent left top; background-size: 100%; }

.resultTitWrap .stamp.Lv5 { background: url("/assets/web/images/ico/stamp_Lv05-07972dabb8bdf3c41f3c2652ee6f88fe.png") transparent left top; background-size: 100%; }

.resultImgWrap { margin: 4px 0 10px; }

.resultMsg { color: #524e4e; font-size: 15px; font-weight: 500; }

.sponInfo { position: relative; height: 310px; background-size: cover !important; border-radius: 13px; margin-left: auto; margin-right: auto; width: 256px; }

.sponInfo .backMode { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 13px; }

.sponInfo .info { width: 100%; padding: 0 32px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 23px; left: 0; text-align: left; z-index: 1; }

.sponInfo .info .cname { font-size: 18px; font-weight: 500; color: #fff; line-height: 24px; white-space: normal; word-break: normal; max-height: 50px; overflow: hidden; }

.sponInfo .info .group { width: 100%; margin-top: 10px; font-size: 13px; font-weight: 400; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 20px; }

.sponInfo .info .progressBarWrap { margin-top: 12px; }

.sponInfo .info .progressBarWrap .progressBar { width: 100%; height: 4px; position: relative; border-radius: 4px; background: rgba(136, 136, 136, 0.3); }

.sponInfo .info .progressBarWrap .progressBar .bar { width: 0; height: 4px; position: absolute; top: 0; left: 0; border-radius: 2px; background-color: #fff; }

.sponInfo .info .progressBarWrap .progressBar .bar.active { visibility: hidden; width: 0; }

.sponInfo .info .progressInfo { margin-top: 5px; }

.sponInfo .info .tableWrapTy01 { width: 100%; display: table; table-layout: fixed; }

.sponInfo .info .tableWrapTy01 .amount, .sponInfo .info .tableWrapTy01 .percent { color: #f1f1f1; display: table-cell; white-space: nowrap; vertical-align: middle; }

.sponInfo .info .tableWrapTy01 .amount { font-size: 13px; font-weight: 400; text-align: left; }

.sponInfo .info .tableWrapTy01 .percent { font-size: 10px; font-weight: 400; text-align: right; }

.sponInfo .before { border-radius: 13px; width: 100%; height: 100%; display: block; position: absolute; bottom: 0; left: 0; background: url("/assets/web/images/bg/result_before-6bd5c2abb7d5ca5c2d0ff2187084f63c.png") transparent left bottom repeat-x; }

.optionalWrap { text-align: center; padding-bottom: 35px; }

.optionalWrap button { width: 56px; height: 56px; border-radius: 50%; border: solid 1px #dddddd; background-color: #ffffff; text-indent: -99999px; position: relative; }

.optionalWrap button + button { margin-left: 16px; }

.optionalWrap .optionShare:after { position: absolute; display: block; content: ""; width: 20px; height: 19px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 20px; height: 19px; display: inline-block; background-position: -140px -342px; background-size: 500px 500px; /*@include imgIcons2(40, 38, -62, -124)*/ }

.optionalWrap .optionSave:after { position: absolute; display: block; content: ""; width: 19px; height: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 19px; height: 20px; display: inline-block; background-position: -32px -37px; background-size: 500px 500px; }

/* 복구문구 */
.mnemoContainer { padding: 54px 28px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f1f1f1; min-height: 100vh; }

.mnemoContainer .icoTyBox { margin-top: 20px; padding: 10px 18px 10px 16px; }

.mnemoContainer .icoTyBox .icoTyInfo { font-size: 14px; font-weight: 500; line-height: 23px; }

.mnemoContainer .conTit { font-size: 18px; font-weight: 500; color: var(--color-bb, #242424); line-height: 26px; text-align: left; }

.mnemoContainer .conTit + .message { margin-top: 15px; }

.mnemoContainer .mnemoCodeWrap { width: 100%; margin-top: 30px; padding: 28px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.12); }

.mnemoContainer .mnemoCodeInner { width: 100%; overflow: hidden; }

.mnemoContainer .mnemoCodeList { width: 44%; float: left; }

.mnemoContainer .mnemoCodeList + .mnemoCodeList { width: 50%; margin-left: 6%; float: right; }

.mnemoContainer .mnemoCode { width: 100%; display: table; table-layout: fixed; }

.mnemoContainer .mnemoCode > * { width: auto; display: table-cell; font-size: 16px; font-weight: 500; line-height: 1.875; vertical-align: middle; }

.mnemoContainer .mnemoCode > .num { width: 30px; color: #9d9999; }

.mnemoContainer .mnemoCode > .inputBox > input { width: 100%; display: block; padding: 0; border-bottom: 2px solid #c8c6c6; font-size: 16px; }

.mnemoContainer .mnemoCode > .inputBox.on > input { border-color: #242424; }

.mnemoContainer .btnArea { width: 100%; margin: 0; position: fixed; bottom: 0; left: 0; }

.mnemoContainer .message { margin-top: 28px; font-size: 13px; color: #524e4e; line-height: 1.5; text-align: left; }

.mnemoContainer .message + .message { margin-top: 15px; }

.mnemoContainer .btnUnderLineTy01 { font-size: 16px; font-weight: 500; margin-top: 18px; }

.mnemoContainer .btnUnderLineTy05 { font-size: 14px; margin-top: 15px; font-weight: 500; }

.mnemoContainer .codeLength12 { padding-left: 24px; padding-right: 24px; }

.mnemoContainer .codeLength12 .mnemoCodeList { width: 48%; }

.mnemoContainer .codeLength12 .mnemoCodeList + .mnemoCodeList { width: 46%; margin-left: 2%; }

.mnemoContainer .codeLength12 .code { font-size: 19px; white-space: nowrap; }

.mnemoContainer .codeLength12 .mnemoCode input { min-height: 40px; font-size: 18px; }

.markWrap { width: 100%; height: 230px; position: relative; }

.markWrap:before { position: absolute; display: block; content: ""; width: 111px; height: 110px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.markWrap.exclamation:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 111px; height: 110px; display: inline-block; background-position: -265px -37px; background-size: 500px 500px; }

.markWrap.xMark { margin-top: 20px; margin-bottom: 20px; }

.markWrap.xMark:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 111px; height: 110px; display: inline-block; background-position: -383px -37px; background-size: 500px 500px; }

.markWrap.strava_notice01:before { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 157px; height: 125px; display: inline-block; background-position: -341px -85px; background-size: 500px 500px; }

.markWrap.strava_notice01 + .wl_inftxt02 { margin-bottom: 60px; margin-top: 18px; }

.markWrap.strava_notice02:before { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 130px; height: 104px; display: inline-block; background-position: -347px -222px; background-size: 500px 500px; }

.markWrap.strava_notice02 + .wl_inftxt02 { margin-bottom: 60px; margin-top: 18px; }

.fixedTyContainer .markWrap { margin-top: 30px; margin-bottom: 20px; }

.fixedTyContainer .txtConfirm { color: #f88570; font-size: 15px; font-weight: 500; line-height: 20px; margin-top: 15px; }

.fixedTyContainer .txtThick { color: #524e4e; font-size: 16px; font-weight: 500; line-height: 18px; padding-top: 18px; padding-bottom: 30px; }

.btnWrapTyRow { padding: 40px 32px; }

.btnWrapTyRow .btnPrimaryTy03 { width: 100%; height: 50px; }

.btnWrapTyRow .btnPrimaryTy03 + .btnPrimaryTy03 { margin-top: 12px; }

.fixedTyContainer .selectingBox { border-radius: 4px; border: solid 1px #9d9999; padding: 35px 25px; margin-top: 25px; margin-bottom: 12px; }

.fixedTyContainer .selectingBox .radioBlack label span { color: #524e4e; font-size: 18px; font-weight: 500; padding-left: 22px; line-height: 18px; }

.fixedTyContainer .selectingBox .radioBlack + .radioBlack { margin-top: 28px; }

.fixedTyContainer .selectingBox .radioBlack input + label { position: relative; display: block; min-height: 25px; padding-top: 2px; }

.fixedTyContainer .selectingBox .radioBlack input + label:before { position: absolute; top: 0; }

.fixedTyContainer .selectingBox .radioBlack .guide { color: #9d9d9d; font-size: 15px; font-weight: 500; padding-left: 32px; line-height: 18px; }

.fixedTyContainer .selectingBox .appendTxt { font-size: 16px; font-weight: 500; color: #9d9d9d; line-height: 18px; margin-top: 30px; display: block; }

.fixedTyContainer .btnUnderLineTy05.exception { margin-top: 0; font-size: 14px; font-weight: 500; line-height: 30px; }

.fixedTyContainer .btnUnderLineTy01.exception { margin-top: 10px; font-size: 14px; font-weight: 500; line-height: 20px; }

/* 회원 정보 */
.borderWrap { border: solid 1px #cbcbcb; border-radius: 4px; padding-top: 35px; position: relative; }

.borderWrap.myPageCherryWrap .userProfileWrap { padding: 0; }

.borderWrap.myPageCherryWrap .userProfileWrap .profile { width: 120px; height: 120px; cursor: pointer; }

.borderWrap.myPageCherryWrap .userProfileWrap .picture .front { margin-top: 0; }

.borderWrap.myPageCherryWrap .userProfileWrap .picture .back { padding-top: 0; }

.borderWrap.myPageCherryWrap .userProfileWrap .picture .impactTxtWrap { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.borderWrap .userProfileWrap .picture { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: 550ms -webkit-transform ease-out; transition: 550ms -webkit-transform ease-out; transition: 550ms transform ease-out; transition: 550ms transform ease-out, 550ms -webkit-transform ease-out; text-align: center; }

.borderWrap .userProfileWrap .picture .front, .borderWrap .userProfileWrap .picture .back { position: absolute; top: 0; left: 0; border-radius: 50%; -webkit-transition: 450ms opacity ease-out; transition: 450ms opacity ease-out; }

.borderWrap .userProfileWrap .picture .front { opacity: 1; }

.borderWrap .userProfileWrap .picture .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0; }

.borderWrap .userProfileWrap .picture.on { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.borderWrap .myPageCherryWrap .userProfileWrap .picture.on .front { opacity: 0; }

.borderWrap .myPageCherryWrap .userProfileWrap .picture.on .back { opacity: 1; }

.borderWrap .typicalInfo { width: 200px; text-align: center; float: left; }

.borderWrap .btnUnderLineTy01 { position: absolute; right: 20px; top: 20px; }

.borderWrap .detailInfo { float: right; width: 300px; }

.borderWrap .detailInfo li { color: #524e4e; line-height: 28px; width: 290px; }

.borderWrap .detailInfo li em { display: inline-block; width: 71px; font-weight: 500; font-size: 15px; }

.borderWrap .detailInfo li span { font-weight: normal; font-size: 15px; }

.borderWrap .detailInfo li button { min-width: 46px; height: 28px; }

.borderWrap .detailInfo li button span { font-size: 12px; line-height: 24px; }

.borderWrap .detailInfo li .message { font-size: 12px; color: #f4907e; margin-bottom: 5px; }

.borderWrap .toggle { clear: both; position: relative; padding-bottom: 40px; padding-top: 25px; }

.borderWrap .toggle.on .btnToggle span:after { content: "닫기"; }

.borderWrap .toggle.on dd { display: block; }

.borderWrap .toggle .btnToggle { line-height: 40px; text-align: center; cursor: pointer; border-top: solid 1px #f1f1f1; position: absolute; bottom: 0; left: 0; width: 100%; }

.borderWrap .toggle .btnToggle span { display: inline-block; font-size: 12px; font-weight: 500; color: #9d9d9d; padding-right: 30px; position: relative; }

.borderWrap .toggle .btnToggle span:after { position: absolute; display: block; right: 0; top: 0; height: 40px; width: 30px; line-height: 40px; font-size: 12px; font-weight: 500; color: #9d9d9d; content: "보기"; }

.borderWrap .toggle dd { display: none; border-top: solid 1px #f1f1f1; height: 205px; overflow-x: hidden; overflow-y: auto; padding: 0 30px; }

.borderWrap .toggle dd .bothList { width: 100%; min-height: 185px; }

.borderWrap .toggle dd .bothList li { margin-top: 20px; }

.borderWrap .toggle dd .bothList li em { font-size: 13px; color: #9d9999; line-height: 20px; }

.borderWrap .toggle dd .bothList li .primary { display: block; color: #524e4e; line-height: 20px; }

.borderWrap .toggle dd .bothList li .left { float: left; }

.borderWrap .toggle dd .bothList li .left .primary { font-size: 13px; }

.borderWrap .toggle dd .bothList li .right { float: right; text-align: right; }

.borderWrap .toggle dd .bothList li .right .primary { font-size: 13px; font-weight: 500; }

.borderWrap .toggle dd .bothList li:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

.borderWrap .toggle dd .common_noData { min-height: 125px; font-size: 13px; }

.section.exception .txt { margin-top: 24px; }

.infoLineWrap .addr, .infoLineWrap .general { color: #524e4e; display: block; word-break: keep-all; }

@media (max-width: 767px) { .infoLineWrap .addr, .infoLineWrap .general { text-align: left; } }

@media (min-width: 768px) { .infoLineWrap .addr, .infoLineWrap .general { text-align: center; } }

.infoLineWrap .general { margin-top: 8px; }

.dataLink { display: block; font-size: 14px; color: #524e4e; text-decoration: underline; }

.dtList { text-align: left; width: 100%; }

.dtList dt { color: #9d9d9d; font-size: 13px; line-height: 20px; margin-top: 22px; }

.dtList dd strong { color: #524e4e; font-size: 14px; line-height: 20px; display: block; }

@media (min-width: 768px) { .dtList dt { width: 25%; display: inline-block; }
  .dtList dd { width: 74%; display: inline-block; margin-top: 22px; } }

.dtList .normal { display: block; color: #524e4e; font-size: 13px; line-height: 17px; margin-top: 5px; word-break: keep-all; }

.dtList .dataLink { margin-top: 7px; }

.popTyLayer .tit { padding: 0 12px; word-break: keep-all; margin-bottom: 25px; }

.popTyLayer .txt { padding: 0 12px; }

.popTyLayer .txt .emphasis { font-size: 18px; font-weight: 500; }

.popTyLayer .txt .leftStyle { text-align: left !important; padding-left: 16px; padding-right: 16px; word-break: keep-all; }

.popTyLayer .contentsTyChk { padding-left: 12px; padding-right: 12px; text-align: left; line-height: 18px; }

.popTyLayer .contentsTyChk p { font-size: 14px; color: #524e4e; padding-bottom: 19px; word-break: keep-all; }

.popTyLayer .contentsTyChk ol { margin-bottom: 20px; }

.popTyLayer .contentsTyChk ol li { font-size: 14px; line-height: 20px; word-break: keep-all; }

.popTyLayer .contentsTyChk .checkbox span { margin-left: 8px; font-size: 14px; color: #524e4e; }

.popTyLayer .scrollArea { max-height: 400px; overflow-x: hidden; overflow-y: auto; position: relative; text-align: left; }

.popTyLayer .scrollArea:before { content: ""; position: fixed; bottom: 85px; left: 0; display: block; height: 35px; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

#agreementPopup .scrollWrap { overflow-y: auto; }

.popTyLayer .scrollWrap .editorArea .popContentTxt { padding: 0 12px; font-size: 13px; color: #524e4e; line-height: 1.54; }

.popTyLayer .btnWrapTy02 .onlyOne { margin-left: auto; margin-right: auto; }

.popTyLayer.newCherry { border-radius: 10px; padding: 30px 15px 20px; }

.popTyLayer.newCherry .paymentMsg.warning:before { width: 40px; height: 40px; }

.popTyLayer.newCherry .paymentMsg dt { font-weight: 700; color: #242424; letter-spacing: -0.5px; }

.popTyLayer.newCherry .paymentMsg dd { font-weight: 400; color: #534E4E; letter-spacing: -0.5px; }

.popTyLayer.newCherry .btnWrapTy02 [class*="btnPrimary"] { border-radius: 5px; }

.popTyLayer.newCherry .btnWrapTy02 [class*="btnPrimary"] > span { font-weight: 700; letter-spacing: -0.5px; }

.popTyLayer.newCherry .btnWrapTy02 .btnPrimaryTy02 { border: 1px solid #535353; background-color: #fff; }

.popTyLayer.newCherry .btnWrapTy02 .btnPrimaryTy02 > span { color: #242424; }

.popTyLayer.newCherry .btnWrapTy02 .btnPrimaryTy01 { border: 1px solid #FF7878; background-color: #FF7878; }

.popTyLayer.newCherry .titleArea .title { font-weight: 700; color: #242424; letter-spacing: -0.5px; margin-bottom: 20px; }

.newCherry .radioBtnWrap { display: flex; flex-direction: column; gap: 12px; text-align: left; padding: 0 2px; }

.newCherry .radioBtnWrap .radioBtnBlock input[type=radio] { display: none; }

.newCherry .radioBtnWrap .radioBtnBlock input[type=radio] + label { position: relative; display: flex; align-items: center; gap: 8px; }

.newCherry .radioBtnWrap .radioBtnBlock input[type=radio] + label:before { content: ""; display: inline-block; width: 16px; height: 16px; border: 1px solid #C9C9C9; border-radius: 50%; }

.newCherry .radioBtnWrap .radioBtnBlock input[type=radio]:checked + label:before { border: 1px solid #202020; }

.newCherry .radioBtnWrap .radioBtnBlock input[type=radio]:checked + label:after { content: ""; position: absolute; top: 5px; left: 5px; display: inline-block; width: 8px; height: 8px; background-color: #202020; border-radius: 50%; }

.newCherry .radioBtnWrap .radioBtnBlock input[type=radio] + label span { font-size: 14px; font-weight: 500; color: #202020; letter-spacing: -0.5px; }

.newCherry .textWrap { border: 1px solid #C9C9C9; border-radius: 7px; }

.newCherry .textWrap.active { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25); }

.newCherry textarea { width: calc(100% - 30px); font-size: 14px; line-height: 22px; letter-spacing: -1px; padding: 9px 15px; }

.newCherry .textCountWrap { display: flex; justify-content: right; align-items: center; gap: 18px; padding: 10px 13px; }

.newCherry .textCountWrap .textCount { font-family: 'InterVariable', sans-serif; font-size: 13px; color: #888888; }

.newCherry .textCountWrap .textCount .count { font-family: 'InterVariable', sans-serif; color: #202020; }

@media (max-width: 767px) { .popTyLayer .btnWrapTy02 .onlyOne { max-width: 150px; }
  .popTyLayer.newCherry .btnWrapTy02 { margin-top: 30px; } }

@media (min-width: 768px) { .popTyLayer .tit { padding: 0; margin-top: -18px; }
  .popTyLayer .txt { padding: 0; }
  .popTyLayer .contentsTyChk { padding: 0; }
  #agreementPopup .scrollWrap { height: 276px; }
  .popTyLayer .scrollWrap .editorArea .popContentTxt { padding: 0; }
  .popTyLayer .btnWrapTy02 { margin-top: 32px; }
  .popTyLayer .btnWrapTy02 .onlyOne { max-width: 200px; }
  .newCherry .radioBtnWrap { padding: 0 20px; } }

.sumlistWrap .totalList { margin-top: 30px; }

.sumlistWrap .totalList li { line-height: 24px; }

.sumlistWrap .totalList li + li { margin-top: 5px; }

.sumlistWrap .sumList { border-top: solid 1px #ccc; margin-top: 30px; padding-top: 20px; }

.sumlistWrap .sumList li { padding-top: 4px; }

.sumlistWrap .sumList li.addInfo { margin-top: 18px; border-top: solid 1px #cbcbcb; padding-top: 14px; }

.sumlistWrap .sumList li.addInfo p { font-weight: 500; font-size: 13px; color: #f9455f; word-break: keep-all; }

.sumlistWrap .noti { color: #f88570; font-size: 14px; font-weight: 500; line-height: 25px; margin-top: 20px; }

.totalList { text-align: left; }

.totalList dt { font-size: 14px; color: #524e4e; line-height: 21px; margin-top: 30px; }

.totalList dd { color: var(--color-bb, #242424); font-size: 16px; font-weight: 500; line-height: 24px; margin-top: 5px; }

.sumList li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #524e4e; font-size: 14px; line-height: 21px; }

.sumList li span { font-size: 15px; color: #000; }

.sumList li.emphasis { font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); }

.sumList li.stress em, .sumList li.stress span { color: #f9455f; font-size: 16px; font-weight: 500; line-height: 25px; }

.totalInfo { text-align: center; }

.totalInfo dt { font-size: 20px; line-height: 25px; font-weight: 500; }

.totalInfo dd { font-size: 14px; line-height: 1.79; }

.lineBoxTy06 .totalInfo { width: 100%; padding-top: 5px; color: #f4907e; }

.bannerWrap .totalInfo { width: 100%; padding-top: 5px; padding-bottom: 5px; }

.bannerWrap .totalInfo dt { font-size: 23px; }

.bannerWrap .totalInfo dd { padding-top: 5px; }

.gifImgWrap { text-align: center; padding: 47px 73px; }

.giflowWrap { text-align: center; padding: 45px 85px; }

.flag_small { font-size: 9px; display: inline-block; text-align: center; color: #fff; border-radius: 2px; background-color: #9d9d9d; line-height: 16px; padding: 0 5px; vertical-align: middle; }

/* 나눔지기 테이블 */
.tableTyAdmin thead th { background-color: #f1f1f1; color: #524e4e; font-size: 14px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle; }

.tableTyAdmin thead th.division { border-left: solid 1px #e4e4e4; vertical-align: top; }

.tableTyAdmin thead th.division[colspan="3"] { background-color: #e4e4e4; height: 25px; vertical-align: middle; }

.tableTyAdmin thead th.division + th { vertical-align: top; }

.tableTyAdmin thead th .detail { display: block; line-height: 25px; padding-right: 10px; text-align: right; margin-top: 5px; }

.tableTyAdmin .opticalInfo { width: 100%; position: relative; display: block; margin-left: 10px; }

.tableTyAdmin .opticalInfo .thumb { width: 60px; height: 60px; margin: 0 auto; border-radius: 4px; }

.tableTyAdmin .opticalInfo .thumb img { border-radius: 4px; -o-object-fit: cover; object-fit: cover; min-height: 100%; max-height: 100%; }

.tableTyAdmin .opticalInfo .ellipsis { line-height: 20px; margin-top: 5px; }

.tableTyAdmin .opticalInfo .icosiren { position: absolute; left: 0; top: -3px; }

.tableTyAdmin tfoot td { padding-top: 10px; padding-bottom: 8px; text-align: center; color: #524e4e; font-size: 13px; font-weight: 500; vertical-align: middle; background-color: #e7e7e7; }

.tableTyAdmin tfoot td .alignRight { display: block; padding-right: 10px; text-align: right; }

.tableTyAdmin tbody td { padding-top: 10px; padding-bottom: 8px; text-align: center; color: #524e4e; font-size: 13px; vertical-align: middle; border-bottom: solid 1px #f1f1f1; position: relative; }

.tableTyAdmin tbody td span + .next { margin-top: 7px; }

.tableTyAdmin tbody td span + .next i { font-style: normal; }

.tableTyAdmin tbody td.division { border-left: solid 1px #f1f1f1; }

.tableTyAdmin tbody td .alignAmount { display: block; padding-right: 10px; text-align: right; }

.tableTyAdmin tbody td .alignAmount i { font-style: normal; }

.tableTyAdmin tbody td .alignLeft { display: block; padding-left: 10px; text-align: left; }

.tableTyAdmin tbody td .alignRight { display: block; padding-right: 10px; text-align: right; }

.tableTyAdmin tbody td .icoTagDelete { position: absolute; left: 12px; top: 10px; z-index: 1; }

.tableTyAdmin tbody td .label { color: #f88570; padding-right: 6px; }

.tableTyAdmin tbody td .flag_small + .alignAmount, .tableTyAdmin tbody td .flag_small + .alignRight { min-width: 65%; float: right; }

.tableTyAdmin tbody td .callPop { word-break: keep-all; text-decoration: underline; padding-left: 10px; display: block; text-align: left; color: #524e4e; }

.tableTyAdmin tbody td .callPop.unvisited { color: #9d9d9d; text-align: center; padding-right: 10px; }

.tableTyAdmin tbody tr:hover { background-color: #fcfcfc; }

.tableTyAdmin tbody tr.lowSum td { font-size: 13px; font-weight: 500; color: var(--color-bb, #242424); border-bottom: inherit; }

.tableTyAdmin tbody tr.lowDetail td { color: #9d9d9d; border-bottom: inherit; padding-top: inherit; padding-bottom: inherit; }

.tableTyAdmin tbody tr.lowDetail td i { display: inline-block; width: 11px; height: 11px; border-bottom: solid 1px #979797; border-left: solid 1px #979797; margin-right: 10px; }

.tableTyAdmin tbody tr.lowDetail:last-child td { padding-bottom: 10px; }

.tableTyAdmin tbody tr:first-child.lowDetail td { color: var(--color-bb, #242424); padding-top: 5px; }

.tableTyAdmin tbody tr:first-child.lowDetail td i { display: none; }

.tableTyAdmin.lowList { border-bottom: solid 1px #f1f1f1; }

.tableTyAdmin.fnToggle { margin-top: 30px; }

.tableTyAdmin.fnToggle td { vertical-align: top; padding-top: 13px; padding-bottom: 5px; }

.tableTyAdmin.fnToggle td span { line-height: 24px; }

.tableTyAdmin.fnToggle td.btnsArea { position: relative; }

.tableTyAdmin.fnToggle td.btnsArea .btnToggle { width: 24px; height: 24px; display: block; background: url("/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png") 0 0 no-repeat; text-indent: -9999px; font-size: 0; color: transparent; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent { height: 73px; width: 100%; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent .btnsBox { position: absolute; width: 938px; bottom: 0; right: 0; padding-bottom: 20px; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent .btnTyfixLine + .btnTyfixLine { margin-left: 10px; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent.missionComment { height: 361px; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent.missionComment .btnsBox { top: 86px; border-top: solid 1px #f1f1f1; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent.missionComment .flexTable { width: 100%; font-style: normal; text-align: left; padding: 20px; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent.missionComment .flexTable .asideTit { width: 130px; font-size: 14px; color: #524e4e; text-align: center; }

.tableTyAdmin.fnToggle td.btnsArea .toggleContent.missionComment .flexTable .asideSub { width: 770px; }

.tableTyAdmin.fnToggle td:first-child { padding-left: 10px; }

.tableTyAdmin.fnToggle .toggle.on .btnToggle { background: url("/assets/web/images/ico/btn-dropdown-up-1a47bc4f958377c8a0f11abd785b5e54.png") 0 0 no-repeat; }

.tableTyAdmin.deepLeft td { padding-left: 15px; }

.noterevocable.popTyFull { min-height: inherit; }

.noterevocable .expReportContainer { padding: 23px 65px 0 65px; }

.gridRow { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; color: #524e4e; font-size: 13px; }

.gridRow.header { background-color: #f1f1f1; height: 50px; text-align: center; font-size: 14px; line-height: 25px; }

.gridRow.header .txtLight { color: #9d9d9d; }

.gridRow .alignRight { text-align: right; }

.toggleTyWrap .btnToggle { border-bottom: solid 1px #f1f1f1; cursor: pointer; }

.toggleTyWrap .btnToggle:hover { background-color: #fcfcfc; }

.toggleTyWrap .btnToggle.gridRow { height: 50px; border-left: solid 1px; border-right: solid 1px; border-color: #f1f1f1; }

.toggleTyWrap .toggleContent { background-color: #fcfcfc; padding: 10px 0; border-left: solid 1px; border-right: solid 1px; border-bottom: solid 1px; border-color: #f1f1f1; }

.toggleTyWrap .toggleContent .gridRow { height: 40px; }

.toggleTyWrap .toggle .btnIco { width: 24px; height: 24px; display: inline-block; background: url("/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png") 0 0 no-repeat; text-indent: -9999px; font-size: 0; color: transparent; }

.toggleTyWrap .toggle.on .btnIco { background: url("/assets/web/images/ico/btn-dropdown-up-1a47bc4f958377c8a0f11abd785b5e54.png") 0 0 no-repeat; }

.receiptTbWrap .gridRow { -ms-grid-columns: 1fr 2fr 1fr; grid-template-columns: 1fr 2fr 1fr; padding-left: 30px; }

.receiptTbWrap .btnToggle .btnIco { margin-left: 10px; }

.receiptTbWrap .btnToggle .alignRight { padding-right: 10px; }

.receiptTbWrap .toggleContent .alignRight { padding-right: 50px; }

.bottomInfo { color: #9d9999; font-size: 13px; line-height: 25px; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; }

.bottomMsg { color: #9d9999; font-size: 13px; line-height: 20px; margin-top: 10px; margin-bottom: 10px; }

.addBottom { padding-bottom: 60px; }

/* 결제하기 화면 */
.donationArea .pointCkWrap .lineBoxTy01, .donationBasket .pointCkWrap .lineBoxTy01 { margin-top: 30px; }

.donationArea .pointCkWrap .lineBoxTy01 .total strong, .donationBasket .pointCkWrap .lineBoxTy01 .total strong { font-size: 17px; }

.donationArea .pointCkWrap .lineBoxTy01 .total .highLightsColorTy01, .donationBasket .pointCkWrap .lineBoxTy01 .total .highLightsColorTy01 { font-size: 20px; }

.donationArea .pointCkWrap .lineBoxTy01 + .checkbox, .donationBasket .pointCkWrap .lineBoxTy01 + .checkbox { margin-top: 15px; margin-bottom: 20px; }

.donationArea .pointCkWrap .tableTy02, .donationBasket .pointCkWrap .tableTy02 { margin-top: 0; }

.donationArea .pointCkWrap .lineBoxTy01 + .lineBoxTy01, .donationBasket .pointCkWrap .lineBoxTy01 + .lineBoxTy01 { margin-top: 0; padding-top: 0; position: relative; }

.donationArea .pointCkWrap .lineBoxTy01 + .lineBoxTy01:before, .donationBasket .pointCkWrap .lineBoxTy01 + .lineBoxTy01:before { position: absolute; display: block; content: ""; width: 100%; height: 6px; top: -2px; left: 0; background-color: #feefec; }

.donationArea .pointInfoArea .pointCkWrap .lineBoxTy01, .donationBasket .pointInfoArea .pointCkWrap .lineBoxTy01 { margin-top: 0; }

.donationArea.topBar, .donationBasket.topBar { margin-top: 30px; }

.pointCkWrap .checkbox .title { font-size: 14px; color: #524e4e; }

.pointCkWrap .checkbox .title .point { color: #f4907e; }

.pointCkWrap .checkbox .checkboxInner { margin-top: 15px; }

.pointCkWrap .checkbox .checkboxInner label span { font-size: 13px; margin-left: 8px; }

.pointCkWrap .checkbox .checkboxInner input:disabled + label span { color: #9d9d9d; font-size: 13px; margin-left: 8px; }

.pointCkWrap .tooltipWrap .tit { line-height: 20px; padding-bottom: 5px; display: inline-block; font-size: 14px; }

.pointCkWrap .radioBlack.pointBox { margin-top: 10px; }

@media (max-width: 767px) { .pointCkWrap .radioBlack.pointBox { margin-left: -12px; margin-right: -12px; } }

.pointCkWrap .radioBlack.pointBox input + label { font-size: inherit; width: 100%; height: 100%; display: block; padding: 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #dfdfdf; border-radius: 4px; }

.pointCkWrap .radioBlack.pointBox input + label .value, .pointCkWrap .radioBlack.pointBox input + label .btnReload { float: right; font-size: 16px; color: #f4907e; }

.pointCkWrap .radioBlack.pointBox input + label .value + .btnUnderLineTy03, .pointCkWrap .radioBlack.pointBox input + label .btnReload + .btnUnderLineTy03 { margin-top: 15px; }

.pointCkWrap .radioBlack.pointBox input + label .btnUnderLineTy03 { clear: both; float: right; }

.pointCkWrap .radioBlack.pointBox input + label:after { position: absolute; display: block; content: ""; left: 47px; top: 24px; }

.pointCkWrap .radioBlack.pointBox input + label.cpoint:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 107px; height: 18px; display: inline-block; background-position: -1px -149px; background-size: 500px 500px; }

.pointCkWrap .radioBlack.pointBox input + label.lpoint:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 90px; height: 18px; display: inline-block; background-position: -1px -126px; background-size: 500px 500px; }

.pointCkWrap .radioBlack.pointBox input:checked + label { border: solid 1px #9d9d9d; }

.pointCkWrap .radioBlack.pointBox input:disabled + label { border: solid 1px #f8f8f8; background-color: #f8f8f8; }

.pointCkWrap .radioBlack.pointBox input:disabled + label:before { background: inherit; border: solid 1px #cbcbcb; background-color: #f8f8f8; }

.pointCkWrap .radioBlack.pointBox input:disabled + label:after, .pointCkWrap .radioBlack.pointBox input:disabled + label .value { opacity: .4; }

.pointCkWrap .message { text-align: center; font-size: 14px; line-height: 20px; color: #f88570; margin-top: 12px; margin-bottom: 20px; text-align: center; word-break: keep-all; padding: 0 20px; }

.methodOption .pointCkWrap { padding-bottom: 12px; }

.methodOption .pointCkWrap .radioBlack.pointBox { margin-top: 15px; }

.methodOption .pointCkWrap .radioBlack.pointBox input:checked + label { border: solid 1px #dfdfdf; }

.donationBasket .totalPrice .pointCkWrap { padding: 1px 21px 20px 21px; }

.donationBasket .totalPrice .pointCkWrap .lineBoxTy01 { margin-left: 0; margin-right: 0; }

@media (min-width: 768px) { .donationBasket .totalPrice .pointCkWrap { padding-top: 18px; padding-bottom: 0; }
  .donationBasket .totalPrice .pointCkWrap .title { font-size: 16px; color: #524e4e; }
  .donationBasket .totalPrice .pointCkWrap .title .point { color: #f4907e; } }

.donationBasket .pointCkWrap .tooltipWrap { margin-top: 20px; padding-left: 10px; }

.donationBasket .pointCkWrap dl.toggle dt { height: 2px; position: relative; }

.donationBasket .pointCkWrap dl.toggle dt .btnToggle { width: 24px; height: 24px; float: right; position: relative; margin-top: -30px; }

.donationBasket .pointCkWrap dl.toggle dt .btnToggle:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; position: absolute; background: url("/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png") 0 0 no-repeat; background-size: 100% auto; bottom: 0; right: 0; }

.donationBasket .pointCkWrap dl.toggle.on .btnToggle:after { background: url("/assets/web/images/ico/btn-dropdown-up@3x-a9c0d2f7093e173b0b8fc10191e82b9f.png") 0 0 no-repeat; background-size: 100% auto; }

.donationBasket .pointCkWrap .radioBlack.pointBox { margin-left: inherit; margin-right: inherit; }

figure.media { position: relative; }

figure.media:before { position: absolute; display: block; content: ""; width: 85%; height: 55px; top: 0; left: 0; z-index: 8; }

figure.image { max-width: 100%; }

figure.image img { width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; }

/* PIN 입력 화면 */
.keypad { position: fixed; width: 100%; bottom: 0; left: 0; top: 56px; z-index: 200; }

.keypad table { position: absolute; bottom: 0; width: 100%; text-align: center; vertical-align: middle; border-collapse: collapse; border-spacing: 0; }

.keypad table td { border: 2px solid #f1f1f1; height: 60px; }

.keypad table button { width: 100%; height: 100%; margin: 0; padding: 0; border: none; background: #f1f1f1; outline: none; font-size: 25px; color: var(--color-bb, #242424); font-weight: 500; position: relative; }

.keypad table button[cmd=clear] { font-size: 20px; }

.keypad table button[cmd=back]:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 40px; height: 27px; display: inline-block; background-position: -192px -38px; background-size: 500px 500px; position: absolute; content: ""; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.keypadContainer .contents { min-height: calc(100vh - 240px); position: relative; }

.keypadContainer .singUpWrapSub { padding-top: 10px; }

.keypadContainer .singUpWrapSub .pointTitleArea { text-align: center; }

.keypadContainer .singUpWrapSub .pointTitleArea .pointTitle { margin: 10px auto 18px auto; }

.keypadContainer .singUpWrapSub .pointTitleArea .pointTitle.cherry { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 154px; height: 30px; display: inline-block; background-position: 0px -170px; background-size: 500px 500px; margin-right: 5px; }

.keypadContainer .singUpWrapSub .pointTitleArea .pointTitle.lpoint { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 154px; height: 30px; display: inline-block; background-position: -1px -92px; background-size: 500px 500px; }

.keypadContainer .singUpWrapSub .pointTitleArea .subTxt { color: #524e4e; font-size: 18px; line-height: 20px; }

.keypadContainer .singUpWrapSub .conWrap { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 10px; height: 65px; }

.keypadContainer .singUpWrapSub .conWrap .passwordWrap { margin: 0 auto; width: 222px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.keypadContainer .singUpWrapSub .conWrap .error { font-size: 14px; text-align: center; margin-top: 30px; }

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

.btnFlex button { border-radius: 0 !important; -webkit-box-flex: inherit !important; -ms-flex: inherit !important; flex: inherit !important; }

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

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

.btnRadiusWrap button { width: 100%; }

.btnRadiusWrap button:first-child { border-radius: 4px 0 0 4px; }

.btnRadiusWrap button:last-child { border-radius: 0 4px 4px 0; }

.right .btnRadiusWrap { margin-top: 32px; }

@media (min-width: 768px) { .rightItems { position: absolute; top: 17px; right: 20px; }
  .rightItems ul { float: right; margin-top: 5px; }
  .rightItems ul li { float: left; display: block; }
  .rightItems ul:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }
  .rightItems ul.list_backHover li a { display: block; height: 27px; font-size: 0; color: transparent; text-indent: -999999px; }
  .rightItems ul.list_backHover li.sns_i a { width: 27px; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -194px -73px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li.sns_i a:hover { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -229.5px -73px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li.sns_f a { width: 27px; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -194px -106.5px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li.sns_f a:hover { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -229.5px -106.5px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li.sns_u a { width: 28px; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -114px -123px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li.sns_u a:hover { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -152px -123px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li.sns_b a { width: 28px; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -114px -148px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li.sns_b a:hover { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 27px; height: 27px; display: inline-block; background-position: -152.5px -148px; background-size: 500px 500px; }
  .rightItems ul.list_backHover li + li { margin-left: 10px; }
  .rightItems ul.list_applications { margin-top: 12px; clear: both; }
  .rightItems ul.list_applications li { padding-right: 13px; }
  .rightItems ul.list_applications li a { display: block; color: #9d9d9d; line-height: 22px; font-size: 13px; }
  .rightItems ul.list_applications li + li { position: relative; padding-left: 13px; padding-right: 0; }
  .rightItems ul.list_applications li + li:before { position: absolute; display: block; content: ""; width: 1px; height: 12px; background-color: #9d9d9d; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.radioBlack input[type="radio"] + label span.payN { font-size: 0; color: transparent; text-indent: -999999px; background: url("/assets/web/images/ico/ic-naver-pay-gray@3x-55c1a0fd669a172117e59acd9bc6991e.png") transparent no-repeat; width: 59px; height: 22px; display: inline-block; background-position: center; background-size: 100%; }

.radioBlack input[type="radio"] + label span.payL { font-size: 0; color: transparent; text-indent: -999999px; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 54px; height: 22px; display: inline-block; background-position: -262px -151px; background-size: 500px 500px; }

.radioBlack input[type="radio"] + label span.payKakao { font-size: 0; color: transparent; text-indent: -999999px; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 56px; height: 24px; display: inline-block; background-position: -307px -271px; background-size: 500px 500px; }

.radioBlack input[type="radio"] + label span.btxt { font-size: 16px; font-weight: 500; color: #524e4e; }

.radioBlack input[type="radio"]:checked + label span.payN { background: url("/assets/web/images/ico/ic-naver-pay@3x-e3a301c05826c7e01adb4d04d61d2c08.png") transparent no-repeat; width: 59px; height: 22px; display: inline-block; background-position: center; background-size: 100%; }

.radioBlack input[type="radio"]:checked + label span.payL { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 54px; height: 22px; display: inline-block; background-position: -194.5px -151px; background-size: 500px 500px; }

.radioBlack input[type="radio"]:checked + label span.payKakao { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 56px; height: 24px; display: inline-block; background-position: -245px -271px; background-size: 500px 500px; }

/* 나눔지기 이벤트 만들기 화면 */
.setTimeWrap { position: relative; }

.setTimeWrap .btnUnderLineTy03 { position: absolute; right: 62px; top: 0; }

.setTimeWrap .setTimeArea { width: 45%; }

.setTimeWrap .setTimeArea .rowTit { font-size: 14; line-height: 27px; margin-bottom: 10px; }

.setTimeWrap .setTimeArea .inputBoxTyAD01 input { width: 100px; text-align: center; margin-right: 10px; /*&:read-only:focus {cursor: none;outline:none;text-shadow: 0 0 0 #524e4e;border: solid 1px #524e4e;background-color: #fff;color: #524e4e;} &:not(:placeholder-shown) {color: #524e4e;background-color: #fff;}*/ }

.setTimeWrap .setTimeArea .inputBoxTyAD01 input:-moz-read-only { color: #524e4e; background-color: #fff; }

.setTimeWrap .setTimeArea .inputBoxTyAD01 input:read-only { color: #524e4e; background-color: #fff; }

.setTimeWrap .setTimeArea .inputBoxTyAD01 input:-moz-read-only:focus { cursor: none; outline: none; text-shadow: 0 0 0 #524e4e; border: solid 1px #524e4e; background-color: #fff; color: #524e4e; }

.setTimeWrap .setTimeArea .inputBoxTyAD01 input:read-only:focus { cursor: none; outline: none; text-shadow: 0 0 0 #524e4e; border: solid 1px #524e4e; background-color: #fff; color: #524e4e; }

.setTimeWrap .setTimeArea .inputBoxTyAD01 input.readOnly, .setTimeWrap .setTimeArea .inputBoxTyAD01 input.readOnly:focus { color: #9d9999; background-color: #f1f1f1; text-shadow: inherit; border: solid 1px #c8c6c6; }

.setTimeWrap .setTimeArea:first-child { float: left; position: relative; }

.setTimeWrap .setTimeArea:nth-child(2) { float: right; }

.setTimeWrap .setTimeArea:first-child:after { position: absolute; display: block; content: ""; width: 26px; height: 27px; text-align: center; content: "~"; line-height: 27px; bottom: 0; right: -13px; color: #524e4e; }

.setTimeWrap .checkbox { clear: both; margin-top: 0; margin-bottom: 0; display: inline-block; }

.setTimeWrap .checkbox label { padding-left: 0; margin-top: 10px; }

.setTimeWrap .checkbox span { line-height: 1.5; }

.setTimeWrap .message { clear: both; }

.qrcontainer.popContents { height: inherit; }

.qrcontainer.titArea { position: relative; padding-bottom: 56px; }

.qrcontainer.titArea .rightItems { top: 70px; right: 0; }

.qrcontainer .innerWide { margin: 0 auto 80px; }

.qrcontainer .titleArea, .qrcontainer .rescreeningArea { margin-top: 50px; }

.qrcontainer .titleArea { position: relative; }

.qrcontainer .titleArea .rightItems { position: absolute; right: 0; top: 0; display: inline-block; }

.qrcontainer .tableTyAdmin th { height: 46px; text-align: center; }

.qrcontainer .tableTyAdmin td { height: 50px; }

.qrcontainer .rescreeningArea .right .icoDownload { float: right; }

.qrcontainer .rescreeningArea .title { font-size: 18px; font-weight: 500; color: var(--color-bb, #242424); vertical-align: middle; }

.qrcontainer .rescreeningArea .title span { font-size: 16px; color: #9d9d9d; }

.qrcontainer .rescreeningArea .btnInlineTy01 { padding: 0 18px; }

.qrcontainer .rescreeningArea .btnUnderLineTy01 { line-height: 27px; margin-left: 5px; }

.qrcontainer .rescreeningArea .selectBoxTyAD02 { width: 100px; display: inline-block; }

.qrcontainer .rescreeningArea .inputLineTyAD01 { width: 150px; display: inline-block; margin-left: 10px; margin-top: 5px; }

.qrcontainer .rescreeningArea .searchPanel { display: inline-block; margin-left: 25px; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 { width: 100px; height: 32px; display: inline-block; vertical-align: middle; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 input { height: 100%; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 input:-moz-read-only { color: #524e4e; background-color: #fff; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 input:read-only { color: #524e4e; background-color: #fff; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 input:-moz-read-only:focus { cursor: none; outline: none; text-shadow: 0 0 0 #524e4e; border: solid 1px #524e4e; background-color: #fff; color: #524e4e; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 input:read-only:focus { cursor: none; outline: none; text-shadow: 0 0 0 #524e4e; border: solid 1px #524e4e; background-color: #fff; color: #524e4e; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 + .inputBoxTyAD01 { margin-left: 14px; margin-right: 6px; position: relative; }

.qrcontainer .rescreeningArea .searchPanel .inputBoxTyAD01 + .inputBoxTyAD01:before { position: absolute; display: block; content: ""; width: 14px; height: 100%; text-align: center; content: "~"; line-height: 32px; top: 0; left: -16px; color: #9d9999; font-size: 14px; }

.qrcontainer .btnUnderLineTy06 + .tooltipWrap .tooltip { left: -300px; }

.qrInfoBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; min-height: 100px; border: solid 1px #cbcbcb; margin-bottom: 60px; }

.qrInfoBox .title { display: block; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f88570; border-right: solid 1px #cbcbcb; font-size: 15px; line-height: 20px; }

.qrInfoBox .title em { display: block; width: 100%; text-align: center; }

.qrInfoBox dl { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; }

.qrInfoBox dl dt { text-align: center; color: #9d9d9d; line-height: 20px; font-size: 14px; width: 100%; }

.qrInfoBox dl dd { text-align: center; color: #524e4e; line-height: 20px; font-size: 15px; font-weight: 500; width: 100%; min-height: 45px; vertical-align: middle; margin-top: 5px; }

dl.groupName { padding-top: 15px; padding-bottom: 15px; }

dl.groupName dd { color: #9d9d9d; line-height: 30px; font-size: 16px; }

dl.groupName dt { color: #524e4e; line-height: 30px; font-size: 21px; }

dl.msgList { margin-top: 20px; }

dl.msgList dt { color: #f88570; line-height: 30px; font-size: 18px; font-weight: 500; margin-bottom: 7px; }

dl.msgList dd { color: #9d9999; line-height: 20px; font-size: 14px; }

dl.msgList dd + dd { margin-top: 15px; }

.qrcheckWrap { text-align: center; }

.qrcheckWrap .profile { display: block; width: 130px; height: 130px; margin: 0 auto; }

.qrcheckWrap .profile img { width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); -o-object-fit: cover; object-fit: cover; }

.qrcheckWrap .notiBox { margin-top: 50px; }

.qrcheckWrap .notiBox p { color: #524e4e; font-size: 15px; line-height: 22px; }

.qrcheckWrap .notiBox .btnUnderLineTy03 { margin-top: 15px; padding-bottom: 30px; }

.qrcheckWrap .message { margin-top: 55px; color: #f88570; line-height: 30px; font-size: 18px; font-weight: 500; }

.btnTyround { display: inline-block; width: 56px; height: 56px; border: solid 1px #cbcbcb; background-color: #fff; position: relative; border-radius: 50%; }

.btnTyround.down:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 23px; height: 23px; display: inline-block; background-position: -1px -35px; background-size: 500px 500px; position: absolute; content: ""; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.btnTyround.copy:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 23px; height: 23px; display: inline-block; background-position: -295px -177px; background-size: 500px 500px; position: absolute; content: ""; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.btnPopFull { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 25px; height: 25px; display: inline-block; background-position: -162px -93px; background-size: 500px 500px; }

/* 나눔지기 QR 보기 화면 */
.sizeQr .btnPopFull { position: absolute; top: 20px; right: 60px; }

.sizeQr .tempTitle { font-weight: 500; line-height: 29px; margin-bottom: 12px; }

.sizeQr .tempTitle span { display: block; }

.sizeQr .tempTitle span.title { color: #524e4e; font-size: 20px; }

.sizeQr .tempTitle span.sub { color: #999; font-size: 18px; }

.sizeQr dl.title { padding-top: 40px; }

.sizeQr dl.title dd { color: #524e4e; text-align: center; }

.sizeQr dl.title dt { color: var(--color-bb, #242424); text-align: center; }

.sizeQr .btnArea { height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.sizeQr .btnArea .btnTyround + .btnTyround { margin-left: 30px; }

.sizeQr .attendance { margin-top: 10px; display: block; font-size: 15px; color: var(--color-bb, #242424); text-decoration: underline; }

@media (max-width: 767px) { .sizeQr dl { margin-bottom: 10px; }
  .sizeQr dl.title dd { font-size: 20px; font-weight: 500; line-height: 25px; padding: 6px 20px 7px 20px; }
  .sizeQr dl.title dt { font-size: 30px; font-weight: 500; padding-left: 20px; padding-right: 20px; }
  .sizeQr .qrBox { padding: 15px; text-align: center; }
  .sizeQr .qrBox img { width: 100%; height: auto; max-width: 300px; }
  .sizeQr .qrBox .timeChk { font-size: 25px; font-weight: 500; line-height: 25px; height: 35px; text-align: center; color: #ff5767; }
  .sizeQr .qrBox .noti { color: #9d9d9d; font-size: 18px; font-weight: 500; text-align: center; line-height: 25px; word-break: keep-all; }
  .sizeQr .flexBox { display: none; } }

@media (min-width: 768px) { .sizeQr { width: 100%; min-height: 900px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .sizeQr dl.title dd { font-size: 21px; font-weight: 500; line-height: 30px; padding: 7px 30px 8px 30px; }
  .sizeQr dl.title dt { font-size: 38px; font-weight: 500; padding-left: 30px; padding-right: 30px; }
  .sizeQr .flexWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 90px 50px 90px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .sizeQr .flexWrap .qrBox { width: 500px; border: solid 1px #cbcbcb; text-align: center; padding: 45px 45px 40px 45px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sizeQr .flexWrap .qrBox img { max-width: 300px; height: auto; }
  .sizeQr .flexWrap .qrBox .timeChk { font-size: 25px; font-weight: 500; line-height: 25px; height: 40px; text-align: center; color: #ff5767; }
  .sizeQr .flexWrap .qrBox .noti { color: #9d9d9d; font-size: 20px; font-weight: 500; text-align: center; line-height: 25px; }
  .sizeQr .flexWrap .flexBox { width: 500px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 20px; }
  .sizeQr .flexWrap .flexBox dt { font-size: 20px; font-weight: 500; color: #524e4e; line-height: 29px; text-align: center; }
  .sizeQr .flexWrap .flexBox dd { font-size: 18px; font-weight: 500; color: #524e4e; line-height: 25px; text-align: center; margin-top: 12px; word-break: keep-all; }
  .sizeQr .flexWrap .flexBox .optionFull { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sizeQr .flexWrap .flexBox .optionFull dl { width: 100%; }
  .sizeQr .flexWrap .flexBox .optionFull .btnsWrap button { width: 145px; height: 52px; display: inline-block; }
  .sizeQr .flexWrap .flexBox .optionFull .btnsWrap button img { width: 100%; height: auto; }
  .sizeQr .flexWrap .flexBox .optionExplain { height: auto; width: 100%; background-color: #f8f8f8; position: relative; padding: 33px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sizeQr .flexWrap .flexBox .optionExplain:after { position: absolute; display: block; content: ""; width: 100%; height: 20px; bottom: -10px; left: 0; background-color: #fff; }
  .sizeQr .flexWrap .flexBox .optionExplain + .optionFull { min-height: 300px; } }

.dropdown-menu.datepicker-dropdown { width: 292px; -webkit-box-shadow: inherit; box-shadow: inherit; border: 1px solid #c8c6c6; border-radius: 2px; text-align: center; padding: 8px 0 5px; }

.dropdown-menu.datepicker-dropdown .datepicker-days { padding: 0 15px 10px 15px; }

.dropdown-menu.datepicker-dropdown .datepicker-days tbody { border-left: 1px solid #c8c6c6; border-top: 1px solid #c8c6c6; }

.dropdown-menu.datepicker-dropdown .datepicker-days tbody td { border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #9d9999; font-size: 13px; height: 32px; vertical-align: middle; }

.dropdown-menu.datepicker-dropdown .datepicker-days tbody td:hover, .dropdown-menu.datepicker-dropdown .datepicker-days tbody td.active { background-color: #524e4e; color: #fff; }

.dropdown-menu.datepicker-dropdown .datepicker-days tbody td.old, .dropdown-menu.datepicker-dropdown .datepicker-days tbody td.new { text-indent: -9999px; font-size: 0; }

.dropdown-menu.datepicker-dropdown .datepicker-days tbody td.old:hover, .dropdown-menu.datepicker-dropdown .datepicker-days tbody td.new:hover { background-color: transparent; }

.dropdown-menu.datepicker-dropdown .datepicker-days thead th { text-align: center; }

.dropdown-menu.datepicker-dropdown .datepicker-days thead th.datepicker-switch { color: var(--color-bb, #242424); font-size: 15px; height: 24px; }

.dropdown-menu.datepicker-dropdown .datepicker-days thead th.dow { color: #9d9999; font-size: 13px; height: 24px; }

.dropdown-menu.datepicker-dropdown .datepicker-days thead th.prev, .dropdown-menu.datepicker-dropdown .datepicker-days thead th.next { text-indent: -9999px; font-size: 0; }

.dropdown-menu.datepicker-dropdown .datepicker-days thead th.prev:hover, .dropdown-menu.datepicker-dropdown .datepicker-days thead th.next:hover { cursor: pointer; }

.dropdown-menu.datepicker-dropdown .datepicker-days thead th.prev { background: url("/assets/web/images/ico/ic-calendar-arrow-left-0085b4f9c43bdacc0b9b836e594c2423.png") center center no-repeat; }

.dropdown-menu.datepicker-dropdown .datepicker-days thead th.next { background: url("/assets/web/images/ico/ic-calendar-arrow-right-d41ff2ad4c7a2ae6025a665dcd88c727.png") center center no-repeat; }

.ui-timepicker-wrapper { -webkit-box-shadow: inherit; box-shadow: inherit; border: 1px solid #524e4e; border-radius: 4px; margin: -1px 0 0 0; }

.ui-timepicker-wrapper .ui-timepicker-list li { font-size: 14px; color: #9d9999; padding: 3px 0 3px 15px; }

.ui-timepicker-wrapper .ui-timepicker-list li:hover, .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected, .ui-timepicker-wrapper .ui-timepicker-list li .ui-timepicker-selected:hover { color: #524e4e; background: transparent; }

.ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected .ui-timepicker-duration { color: #524e4e; }

.myBtnWrap { background-color: #f8f8f8; padding: 17px 19px 30px 19px; }

.myBtnWrap .noti { color: #524e4e; font-size: 13px; line-height: 14px; }

.myBtnWrap ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.myBtnWrap ul li + li { margin-left: 10px; }

.radioMybtn .btnClone { width: 70px; height: 70px; display: block; border-radius: 50%; background-color: #f4907e; padding: 17px 12px 14px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.radioMybtn input[type="radio"] { width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }

.radioMybtn input[type="radio"] + label { width: 70px; height: 70px; display: block; border-radius: 50%; background-color: #fff; padding: 17px 12px 14px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #9d9d9d; cursor: pointer; }

.radioMybtn input[type="radio"]:checked + label { background-color: #f4907e; color: #fff; }

.radioMybtn .txt { line-height: 18px; word-break: break-word; white-space: normal; text-align: center; display: block; font-weight: 500; }

.exposedContainer.editable .btnPrimaryTy03 { margin-top: 10px; }

.exposedContainer.editable .myBtnPanel { margin-top: 5px; }

.exposedContainer.editable .myBtnPanel + .harfBtnWrap { margin-top: 15px; }

.fullBtnwrap { margin-top: 25px; }

.myBtnPanel { border: solid 1px #9d9d9d; text-align: left; }

.myBtnPanel .tooltipWrap { padding: 30px 0 25px 30px; color: #524e4e; font-size: 15px; line-height: 22px; }

.myBtnPanel .tooltipWrap .tooltip { top: 55px; }

.myBtnPanel .myBtnWrap ul { margin-top: 13px; }

.myBtnPanel .thumbnailWrap { position: relative; }

.myBtnPanel .thumbnailWrap .tooltipWrap { padding-top: 25px; padding-bottom: 50px; }

.myBtnPanel .thumbnailWrap .tooltipWrap .tooltip { top: 50px; }

.myBtnPanel .thumbnailWrap .toggleBox { position: absolute; bottom: 25px; }

@media (max-width: 767px) { .itemWrap.ordinary .btnSetHide .info { padding: 0 24px; } }

@media (min-width: 768px) { .itemWrap.ordinary .btnSetHide .info .name { width: inherit; } }

.itemWrap.ordinary .btnSetHide .btnSpon { display: none; }

.itemWrap .info .label { height: 23px; border-radius: 11px; background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding-left: 9px; padding-right: 9px; padding-top: 3px; margin-bottom: 5px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: txtmove 2.5s both; animation: txtmove 2.5s both; }

.itemWrap .info .label + .label { margin-left: 5px; }

.itemWrap .info .label em { color: #fff; font-size: 13px; font-weight: 500; display: inline-block; vertical-align: middle; }

.itemWrap .d-day { font-size: 15px; font-weight: 500; color: #fff; margin-top: 9px; margin-bottom: 7px; line-height: 25px; }

.campaignListWrap .campaign .thumb { cursor: pointer; }

.campaignListWrap .campaign .description .tit { cursor: pointer; }

.campaignListWrap .campaign .description .info .d-day { line-height: 22px; margin-bottom: 12px; font-weight: 500; }

@media (max-width: 767px) { .campaignListWrap .campaign .description .info .d-day { font-size: 13px; line-height: 20px; margin-bottom: 5px; } }

.thumbnailSet { padding: 20px; }

.thumbnailSet .sTit { color: #524e4e; font-size: 13px; line-height: 22px; }

.thumbnailSet .toggleBox { margin-left: 18px; }

.memberInfoContainer .graphTit { line-height: 25px; font-size: 18px; color: #524e4e; }

.memberInfoContainer #impactGraphHolder + section { padding-top: 0; }

.memberInfoContainer .section .tit { padding-bottom: 15px; }

.memberInfoContainer .section .tit + .count { font-size: 14px !important; right: 0  !important; }

.memberInfoContainer .section .swiper-slide-campaign .name { color: #9d9999; }

.memberInfoContainer .section .noData { color: #9d9999; }

.memberInfoContainer .section .personList .person > p { color: #9d9999; }

.tooltipWrap, .tooltipClone { position: relative; overflow: visible; }

.tooltipWrap .icoInfo, .tooltipClone .icoInfo { opacity: .5; display: inline-block; margin-top: 3px; margin-left: 3px; }

.tooltipWrap .tooltip, .tooltipClone .tooltip { position: absolute; left: 0; top: 25px; max-width: 320px; width: 70vw; display: none; -webkit-box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.1); border: solid 1px #cbcbcb; background-color: #fff; padding: 15px 20px 15px 15px; font-size: 14px; color: var(--color-bb, #242424); line-height: 20px; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; word-break: keep-all; }

.tooltipWrap .tooltip.wide, .tooltipClone .tooltip.wide { max-width: 600px; }

.tooltipWrap .tooltip .toolTitle, .tooltipClone .tooltip .toolTitle { font-size: 15px; font-weight: 500; line-height: 20px; margin-bottom: 6px; }

.tooltipWrap .tooltip .icoTagDelete, .tooltipClone .tooltip .icoTagDelete { float: right; margin: -5px -12px 0 0; }

.tooltipWrap.on .tooltip, .tooltipClone.on .tooltip { display: block; z-index: 999; }

.tooltipWrap + .required, .tooltipClone + .required { color: #f4907e; }

.tooltipWrap { display: inline-block; line-height: 20px; }

.tooltipClone { width: 100%; clear: both; }

.tooltipClone .tooltip { top: -10px; }

.semiPop { background-color: #f1f1f1; padding: 15px 20px 10px; }

.semiPop dt { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 25px; }

.semiPop dd { font-size: 13px; color: #524e4e; line-height: 18px; word-break: keep-all; }

.agreeListWrap { padding-top: 50px; }

.agreeListWrap .numList { margin-top: 0; }

.agreeListWrap .noticeList .checkbox input[type="checkbox"] + label:before { vertical-align: text-bottom; }

.agreeListWrap .noticeList .notice button { margin-top: 10px; }

@media (min-width: 768px) { .agreeListWrap { width: 620px; margin: 0 auto; } }

@media (max-width: 767px) { .agreeListWrap .checkbox { margin-left: 20px; }
  .agreeListWrap .checkbox.line { margin-right: 20px; }
  .agreeListWrap .btnToggle { margin-right: 20px; } }

.checkbox.line { padding-bottom: 20px; border-bottom: solid 1px #ddd; }

.agreeListWrap .checkbox input[type="checkbox"] + label { vertical-align: baseline; }

/* 개인정보 제공 동의 */
.comNoticeList .titWrap { display: inline-block; padding-bottom: 15px; }

.comNoticeList .notice { padding-top: 15px; }

.comNoticeList .notice button { display: block; height: 25px; width: 50px; position: relative; float: right; }

.comNoticeList .notice button:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; background-image: url("/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png"); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; background-size: 100% auto; }

.comNoticeList .notice .noticeContent { display: none; padding: 20px 32px; background-color: #f8f8f8; border-top: 0; }

.comNoticeList .notice.on button:after { background-image: url("/assets/web/images/ico/btn-dropdown-up@3x-a9c0d2f7093e173b0b8fc10191e82b9f.png"); }

.comNoticeList .notice.on .noticeContent { display: block; }

.chkNoticeList { margin-top: 20px; margin-bottom: 45px; }

.chkNoticeList .notice label { margin-right: 60px; padding-top: 20px; padding-bottom: 20px; display: block; cursor: pointer; }

.chkNoticeList .notice label:before { position: absolute; }

.chkNoticeList .notice label span { padding-left: 20px; padding-right: 30px; word-break: keep-all; }

.chkNoticeList .notice .checkbox:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; top: 50%; right: 0; background: url("/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png"); background-size: 100%; margin-top: -15px; z-index: -1; }

.chkNoticeList .notice .noticeContent { display: none; padding: 20px 5px 20px 10px; background-color: #f8f8f8; position: relative; }

.chkNoticeList .notice .noticeContent .normal { font-size: 15px; line-height: 25px; color: #707070; word-break: keep-all; }

@media (max-width: 767px) { .chkNoticeList .notice .noticeContent:before { position: absolute; display: block; content: ""; width: 30px; height: 100%; background-color: #f8f8f8; top: 0; left: -30px; }
  .chkNoticeList .notice .noticeContent:after { position: absolute; display: block; content: ""; width: 30px; height: 100%; background-color: #f8f8f8; top: 0; right: -30px; } }

@media (min-width: 768px) { .chkNoticeList .notice .noticeContent .normal { padding-left: 20px; padding-right: 15px; } }

.chkNoticeList .notice.on .noticeContent { display: block; }

.chkNoticeList .notice.on .checkbox:after { background: url("/assets/web/images/ico/btn-dropdown-up@3x-a9c0d2f7093e173b0b8fc10191e82b9f.png"); background-size: 100%; }

.noticeWrap .notice .noticeContent p.normal { width: inherit; font-size: 15px; color: #707070; line-height: 25px; word-break: keep-all; }

.noticeWrap .notice .noticeContent p.normal + p.normal { margin-top: 20px; }

.reload { position: relative; display: inline-block; color: #9d9999; }

.reload:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -304px -202px; background-size: 500px 500px; position: absolute; left: -25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.btnReload { padding-left: 25px; position: relative; }

.btnReload span { font-size: 16px; font-weight: 500; }

@media (max-width: 767px) { .btnReload:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -330px -153px; background-size: 500px 500px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } }

@media (min-width: 768px) { .btnReload span { color: #9d9d9d; }
  .btnReload:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -330px -174px; background-size: 500px 500px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; }
  .btnReload:hover span { color: #f4907e; }
  .btnReload:hover:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -330px -153px; background-size: 500px 500px; } }

.asideSub .secondInfo { margin-top: 8px; font-size: 13px; color: var(--color-bb, #242424); line-height: 20px; word-break: keep-all; }

.infoTopList { padding: 10px 30px 20px 30px; }

.infoTopList li { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 25px; margin-top: 7px; position: relative; }

.infoTopList li a { color: #524e4e; }

.infoTopList li em { display: inline-block; width: 120px; color: #9d9d9d; position: absolute; top: 0; left: 0; }

.infoTopList li span { font-size: 14px; padding-left: 120px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }

/* 연말정산 안내 */
.receiptInfo { border: solid 1px #cbcbcb; border-radius: 4px; padding: 40px; }

.receiptInfo dl dt { color: var(--color-bb, #242424); font-size: 14px; font-weight: 500; }

.receiptInfo dl dt + dd { margin-top: 10px; }

.receiptInfo dl dd { font-size: 13px; color: #524e4e; line-height: 20px; }

.receiptInfo dl dd + dt { margin-top: 20px; }

.receiptInfo dl dd + dd { margin-top: 20px; }

.receiptInfo dl dd.stress { color: #f88570; }

.receiptInfo .achStTxt { font-size: 27px; font-weight: 500; text-align: center; line-height: 40px; padding-top: 15px; }

.receiptInfo .btnUnderLineTy05 { font-size: 18px; font-weight: 500; width: 100%; padding-top: 20px; }

article.InfoBoxWrap { margin-top: 40px; position: relative; }

article.InfoBoxWrap .mtitle { color: var(--color-bb, #242424); font-size: 18px; font-weight: 500; margin-bottom: 18px; }

article.InfoBoxWrap .icoPcback { position: absolute; right: 0; top: 0; color: #524e4e; }

article.InfoBoxWrap .qrInfoBox { margin-bottom: inherit; }

article.InfoBoxWrap .qrInfoBox dd { min-height: inherit; }

article.InfoBoxWrap .qrInfoBox .leftItems dt, article.InfoBoxWrap .qrInfoBox .leftItems dd { text-align: left; }

article.InfoBoxWrap .qrInfoBox .leftItems:first-child { padding-left: 35px; }

article.InfoBoxWrap .qrInfoBox .total { border-left: solid 1px #cbcbcb; }

article.InfoBoxWrap .qrInfoBox .total dt, article.InfoBoxWrap .qrInfoBox .total dd { color: #f88570; }

.toplineInfo { font-size: 12px; line-height: 18px; color: #524e4e; margin-top: 30px; margin-bottom: 18px; }

.receipt .btnUnderLineTy02 { color: #524e4e; }

.wideBtn .btnTab + .btnTab { margin-left: 20px; }

.dotTyList { background-color: #f8f8f8; padding: 20px 20px 15px; }

.dotTyList dt { font-size: 14px; font-weight: 500; color: #524e4e; padding-bottom: 8px; }

.dotTyList dd { font-size: 12px; padding: 2px 0 2px 8px; line-height: 18px; position: relative; word-break: keep-all; }

.dotTyList dd:before { position: absolute; display: block; content: ""; width: 2px; height: 2px; background-color: #524e4e; border-radius: 50px; left: 0; top: 10px; }

.receiptTitWrap { margin-top: 35px; }

.receiptTitWrap em { font-size: 18px; font-weight: 500; color: var(--color-bb, #242424); line-height: 25px; }

.receiptTitWrap .subInfo { font-size: 12px; font-weight: 500; color: #9d9d9d; line-height: 25px; }

.receiptTitWrap .rightInfo { font-size: 23px; font-weight: 500; color: #524e4e; line-height: 25px; }

.receiptTitWrap .addition { display: block; font-size: 12px; font-weight: 500; color: #f88570; line-height: 20px; margin-top: 5px; margin-bottom: 20px; }

.receiptTitWrap .underlineTy { padding-bottom: 10px; border-bottom: 1px solid #c8c6c6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.receiptSearchWrap { margin-top: 40px; position: relative; }

.receiptSearchWrap .halfSType { width: 50%; }

.receiptSearchWrap .btnInlineTy01 { position: absolute; top: 15px; right: 0; }

.receiptSearchWrap .tableTyAdmin { margin-top: 20px; }

.receiptSearchWrap .tableTyAdmin td { cursor: pointer; }

.receiptSearchWrap .tableTyAdmin.noLink td { cursor: inherit; }

.receiptSearchWrap .inputBoxTy03 input::-webkit-input-placeholder { font-size: 14px; }

.receiptSearchWrap .inputBoxTy03 input:-ms-input-placeholder { font-size: 14px; }

.receiptSearchWrap .inputBoxTy03 input::-ms-input-placeholder { font-size: 14px; }

.receiptSearchWrap .inputBoxTy03 input::placeholder { font-size: 14px; }

.infoTxtContainer { padding: 20px 30px; background-color: #f1f1f1; }

.infoTxtContainer .normal { font-size: 14px; color: #524e4e; text-align: center; line-height: 20px; word-break: keep-all; }

.infoTxtContainer .normal span { word-break: keep-all; }

.infoTxtContainer .stress { font-size: 23px; font-weight: 500; color: #524e4e; text-align: center; line-height: 30px; }

.agreeTyWrap { padding-top: 30px; padding-bottom: 30px; text-align: center; }

.agreeTyWrap h2.normal { font-size: 20px; font-weight: 500; color: var(--color-bb, #242424); text-align: center; padding-bottom: 15px; }

.agreeTyWrap .checkbox input + label > span { margin-left: 8px; font-size: 13px; }

.agreeTyWrap button + .prgrpWrap { margin-left: 0; margin-right: 0; }

.normalTyWrap { padding-top: 12px; padding-bottom: 12px; }

.imgTyWrap { padding-top: 60px; padding-bottom: 60px; }

@media (min-width: 768px) { .imgTyWrap { padding-left: 35px; padding-right: 35px; } }

.tableStWrap { padding-left: 15px; padding-right: 15px; }

.tableStWrap dt { font-size: 20px; font-weight: 500; color: #242424; text-align: center; line-height: 27px; padding-top: 30px; padding-bottom: 45px; }

.tableStWrap .tableSt { border: solid 1px #cbcbcb; padding: 10px 20px; }

.tableStWrap .tableSt .tit { display: inline-block; color: #524e4e; width: 80px; font-size: 15px; line-height: 22px; }

.tableStWrap .tableSt .normal { font-size: 16px; font-weight: 500; color: #524e4e; line-height: 22px; }

.tableStWrap .tableSt + .tableSt { margin-top: -1px; }

.prgrpWrap { text-align: left; margin: 18px 30px; position: relative; }

.prgrpWrap p.normal { font-size: 14px; color: #524e4e; line-height: 20px; word-break: keep-all; }

.prgrpWrap p.normal span { word-break: keep-all; }

.prgrpWrap p.normal + .normal { margin-top: 20px; }

.prgrpWrap .tooltipLeft { font-size: 14px; color: #524e4e; line-height: 20px; word-break: keep-all; }

.prgrpWrap .tooltipWrap { position: initial; }

.prgrpWrap .tooltipWrap .tooltip { top: inherit; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 10px; }

.prgrpWrap .tooltipWrap .tooltip .noTit { padding-top: 7px; }

.lineedTotal { border-bottom: solid 1px #cbcbcb; padding-top: 10px; padding-bottom: 15px; margin-top: 10px; margin-left: 30px; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.lineedTotal .normal { display: inline-block; color: #797979; line-height: 21px; font-size: 13px; font-weight: 500; }

.lineedTotal .normal em { display: block; font-size: 12px; }

.lineedTotal .total { display: inline-block; color: var(--color-bb, #242424); line-height: 25px; font-size: 15px; font-weight: 500; padding-left: 5px; }

.bothInfoList { margin-top: 10px; margin-left: 30px; margin-right: 30px; }

.bothInfoList button { padding: 20px 30px 20px 0; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #524e4e; font-size: 14px; }

.bothInfoList button:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; background: url("/assets/web/images/ico/ic-arrow-right@3x-bdd8d8cb1b9812118a1ea782ffd0a529.png") 0 0 no-repeat; background-size: 100% auto; }

.bothInfoList button .ellipsis { width: 60%; text-align: left; }

.bothInfoList button .count { width: 40%; text-align: right; display: inline-block; }

.highlightedTitBox { border: solid 1px #f4907e; border-radius: 4px; text-align: center; padding: 14px 20px 20px 20px; margin-left: 30px; margin-right: 30px; }

.highlightedTitBox dd { color: #f88570; font-size: 14px; line-height: 25px; }

.highlightedTitBox dt { color: #f88570; font-size: 20px; font-weight: 500; line-height: 25px; }

.ignoreGepTapWrap .btnTabWrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ignoreGepTapWrap .btnTabWrap .btnTab { width: 100%; }

.ignoreGepTapWrap .tabCon { min-height: 250px; padding-bottom: 80px; }

.ignoreGepTapWrap .tabCon .prgrpWrap { padding-top: 10px; }

.ignoreGepTapWrap.topBar:before { left: 0; }

.ignoreGepTapWrap .sharelist { margin-bottom: 80px; }

.ignoreGepTapWrap .sharelist .toggleContent { width: inherit; margin-left: inherit; margin-top: inherit; }

.ignoreGepTapWrap .sharelist .toggleContent .ellipsis { width: 70%; display: block; }

.ignoreGepTapWrap .sharelist .toggleContent .ellipsis em { margin-left: 7px; }

.ignoreGepTapWrap .toggle { margin-top: inherit; }

.ignoreGepTapWrap .toggle.on + .toggle { margin-top: inherit; }

.ignoreGepTapWrap .toggle + .toggle { margin-top: inherit; }

.backDropGepWrap { padding: 40px 32px; }

.backDropGepWrap .btnTyline { width: 100%; }

.backDropGepWrap .contactList { padding-left: 25px; padding-right: 25px; }

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

.backDropGepWrap .contactList li .tit { color: #524e4e; font-size: 16px; font-weight: 500; line-height: 22px; }

.backDropGepWrap .contactList li em a { color: var(--color-bb, #242424); font-size: 17px; font-weight: 500; line-height: 22px; }

.backDropGepWrap .contactList li + li { margin-top: 30px; }

/* 나눔지기 연말정산 단체 정보 확인 - 기부금 단체코드 */
.selContWrap { border: solid 1px #cbcbcb; padding: 22px 0 18px; margin-top: 7px; margin-bottom: 7px; display: none; }

.selContWrap .icoTagDelete { margin-top: -15px; margin-right: 5px; float: right; }

.selContWrap dl dt { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 27px; padding-left: 20px; padding-right: 20px; }

.selContWrap dl dd { font-size: 13px; color: #524e4e; line-height: 24px; padding: 5px 25px; }

.selContWrap dl dd button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.selContWrap dl dd:hover { background-color: #f1f1f1; }

.breakdown { padding: 20px 50px 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.breakdown dl dt { color: #9d9999; font-size: 13px; font-weight: 500; text-align: left; line-height: 20px; }

.breakdown dl dd { color: #524e4e; font-size: 15px; font-weight: 500; text-align: left; }

.breakdown .stress { margin-top: 20px; color: var(--color-bb, #242424); font-size: 15px; font-weight: 500; line-height: 20px; }

.toggle .breakdown:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; bottom: 20px; right: 20px; background: url("/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png"); background-size: 100%; }

.toggle.on .breakdown:after { background: url("/assets/web/images/ico/btn-dropdown-up@3x-a9c0d2f7093e173b0b8fc10191e82b9f.png"); background-size: 100%; }

#gnb .gnbInner .btnNoicon { position: absolute; display: inline-block; }

@media (min-width: 768px) { #gnb .gnbInner .btnNoicon { left: 50%; top: 50px; margin-left: 290px; }
  #gnb .exceptionShow { display: block; }
  #gnb .exceptionShow .btnUnderLineTy06 { position: absolute; left: 50%; margin-left: 220px; width: 90px; top: 50%; margin-top: 5px; text-align: right; } }

@media (max-width: 767px) { #gnb .gnbInner .btnNoicon { right: 20px; top: 15px; }
  #gnb .exceptionShow { width: 30%; line-height: inherit; } }

.gnbPcback { position: absolute; }

@media (max-width: 767px) { .gnbPcback { display: none !important; left: -9999px; top: -9999px; overflow: hidden; visibility: hidden; opacity: 0; }
  .rewardContainer { margin-bottom: 60px; }
  .an_Area { text-align: center; background-color: #ececec; position: relative; }
  .an_Area:before { position: absolute; display: block; content: ""; width: 100%; height: 12px; background-color: #fff; }
  .an_banner { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 330px; height: 182px; background-position: 0px -280.5px; display: inline-block; background-size: 600px 600px; background-position-x: 13px; max-width: 358px; width: 100%; } }

@media (max-width: 300px) { .an_banner { background-position-x: 0; } }

@media (min-width: 768px) { .gnbPcback { left: 50%; top: 50%; margin-left: -310px; }
  .icoPcback { color: #524e4e; font-size: 14px; line-height: 25px; padding-left: 20px; position: relative; }
  .icoPcback:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 16px; height: 16px; display: inline-block; background-position: -93px -128px; background-size: 500px 500px; position: absolute; display: block; content: ""; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .rewardContainer { background-color: #f1f1f1; padding-bottom: 100px; }
  .an_Area { width: 500px; height: 184px; margin-left: auto; margin-right: auto; overflow: hidden; }
  .an_banner { width: 498px; height: 170px; position: relative; display: inline-block; background-color: #ececec; margin-top: 12px; border-radius: 12px; border: solid 1px #e1e1e1; }
  .an_banner:before { content: ""; background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 378px; height: 186px; background-position: 0px -946px; display: inline-block; background-size: 1200px 1200px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.primarySize.btnArea button { width: 200px; display: inline-block; }

.primarySize.btnArea button + button { margin-left: 8px; }

.admin .titArea .sub { color: #f88570; font-size: 20px; font-weight: 500; line-height: 25px; margin-top: 8px; display: block; }

.admin .titArea dt { font-size: 20px; line-height: 45px; color: var(--color-bb, #242424); }

.admin .titArea dd { font-size: 16px; font-weight: 500; color: #9d9d9d; }

.descriptionTy { padding-left: 50px; padding-top: 20px; color: var(--color-bb, #242424); font-size: 18px; font-weight: 500; line-height: 25px; }

.nTxtContainer { padding-left: 50px; padding-right: 50px; }

.nTxtContainer .normal { color: #524e4e; font-size: 16px; line-height: 25px; word-break: keep-all; }

.nTxtContainer .normal + .normal { margin-top: 25px; }

.yeartaxRow .flexTable { padding-top: 20px; padding-bottom: 10px; }

.yeartaxRow .asideTit { width: 240px; }

.slabelWrap { margin-top: 20px; }

.slabelWrap.checkbox input[type="checkbox"] + label > span { font-size: 14px; margin-left: 10px; }

@media (min-width: 768px) { .eventInfoContainer { padding-bottom: 10px; } }

.eventInfoContainer .eventInfoBox { margin-top: 25px; }

.eventInfoContainer .formTytit { margin: 30px; border-bottom: solid 2px var(--color-bb, #242424); }

.eventInfoContainer .formTytit .value { display: block; position: absolute; right: 0; bottom: 12px; font-size: 18px; font-weight: 500; color: #242424; }

.eventInfoBox { background-color: #f1f1f1; padding: 25px 30px; text-align: center; }

.eventInfoBox em { color: #524e4e; font-size: 16px; }

.eventInfoBox .highLightOrange { font-size: 13px; margin-top: 5px; }

.highLightOrange { color: #f88570; }

.agreeInfo .btnToggle { position: relative; cursor: pointer; text-align: left; padding: 20px 25px 20px 0; }

.agreeInfo .btnToggle .agreeTit { font-size: 15px; font-weight: 500; line-height: 20px; color: #524e4e; text-align: left; }

.agreeInfo .btnToggle:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; background: url("/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png") 0 0 no-repeat; background-size: 100% auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5px; }

.agreeInfo.on .btnToggle:after { background: url("/assets/web/images/ico/btn-dropdown-up@3x-a9c0d2f7093e173b0b8fc10191e82b9f.png") 0 0 no-repeat; background-size: 100% auto; }

.agreeInfo .agreeCont { padding-bottom: 15px; }

.agreeInfo .agreeCont li { font-size: 14px; font-weight: 500; line-height: 22px; color: #524e4e; }

.agreeInfo .highLightOrange { font-size: 13px; border-top: 1px solid #c8c6c6; }

.agreeInfo .highLightOrange p { margin-top: 15px; line-height: 20px; }

.formTytit { width: auto; position: relative; border-bottom: 1px solid #cbcbcb; min-height: 48px; }

.formTytit .line { top: 48px; width: 100%; position: absolute; left: 0; height: 1px; background-color: #cbcbcb; }

.formTytit h4, .formTytit h5 { line-height: 48px; font-weight: 500; display: block; width: 100%; position: absolute; top: 0; left: 0; }

.formTytit h4 { color: var(--color-bb, #242424); font-size: 20px; }

.formTytit h5 { color: #524e4e; font-size: 16px; }

.formTytit .selectBoxWrap .selectBox .btnSelect { height: 48px; border-bottom: 1px solid transparent; text-align: right; padding: 0 30px 0 0; }

.formTytit .selectBoxWrap .selectBox .btnSelect > span { font-size: 15px; padding-left: 70px; }

.formTytit .selectBoxWrap .selectBox .btnSelect > span em { color: #cbcbcb; }

.formTytit .selectBoxWrap .selectBox .btnSelect:after { right: 0; }

.formTytit .selectBoxWrap .selectBox .optionList { top: 49px; }

.formTytit .selectBoxWrap .selectBox .optionList button { position: relative; width: 100%; text-align: left; }

.formTytit .selectBoxWrap .selectBox .optionList button .aside { position: absolute; right: 0; font-size: 16px; font-style: normal; font-weight: 500; color: #9d9999; }

.formTytit .selectBoxWrap .selectBox .optionList .option.selected button .aside { color: #242424; }

.formTytit .selectBoxWrap .selectBox .optionList .option button:disabled span, .formTytit .selectBoxWrap .selectBox .optionList .option button:disabled .aside { color: #d9d9d9; }

.formTytit input { width: 100%; text-align: right; line-height: 48px; position: absolute; left: 0; top: 0; z-index: 1; font-size: 16px; color: #242424; font-weight: 500; }

.formTytit input::-webkit-input-placeholder { color: #cbcbcb; }

.formTytit input:-ms-input-placeholder { color: #cbcbcb; }

.formTytit input::-ms-input-placeholder { color: #cbcbcb; }

.formTytit input::placeholder { color: #cbcbcb; }

.formTytit input.leftGep { padding-left: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.formTytit input.rightGep { padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.formTytit .btnOpview { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

.formTytit.pidWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.formTytit.pidWrap input { width: 95px; position: relative; text-align: center; }

.formTytit.pidWrap i { display: inline-block; position: relative; width: 10px; height: 1px; background-color: #524e4e; vertical-align: middle; margin-right: 10px; }

@media (max-width: 350px) { .formTytit.pidWrap input { width: 70px; } }

@media (max-width: 310px) { .formTytit.pidWrap input { width: 60px; }
  .formTytit input { font-size: 15px; }
  .formTytit.pidWrap i { width: 5px; margin-right: 3px; }
  .formTytit input.rightGep { padding-right: 22px; } }

.formationWrap { position: relative; }

.formationWrap .radioBlack { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; }

.formationWrap .inputBoxTy { padding-left: 30px; border-bottom: 1px solid #cbcbcb; }

.formationWrap .inputBoxMoney { padding-left: none; border-bottom: 2px solid #242424; margin-top: 40px; margin-bottom: 15px; }

.formationWrap .inputMoney { font-size: 16px; }

.formationWrap .inputMoney::placeholder { color: #c8c6c6; font-weight: 100; }

section.formTyContainer { padding-left: 30px; padding-right: 30px; margin-bottom: 50px; }

section.formTyContainer.formContainerSmall { padding-left: 95px; padding-right: 95px; margin-bottom: 50px; }

@media (max-width: 767px) { section.formTyContainer.formContainerSmall { padding-left: 30px; padding-right: 30px; } }

article.formTyContainer { padding: 30px 30px 22px 30px; }

.formTyContainer .info { font-size: 13px; font-weight: 500; color: #797979; margin-top: 8px; line-height: 18px; word-break: keep-all; }

.formTyContainer .infoWrap .info { margin-top: 10px; }

.formTyContainer .infoWrap li { color: #524e4e; font-size: 13px; font-weight: 500; line-height: 18px; position: relative; padding-left: 18px; word-break: keep-all; }

.formTyContainer .infoWrap li span { position: absolute; display: block; left: 0; top: 0; width: 20px; }

.formTyContainer .infoWrap li.normal { padding-left: inherit; }

.formTyContainer .highLightsColorTy01 { text-align: right; font-size: 15px; margin-top: 8px; }

.formTyContainer .grayBack { background-color: #f1f1f1; padding-left: 0; padding-right: 0; padding-top: 30px; position: relative; margin: 40px 0; padding-bottom: 30px; }

@media (max-width: 767px) { .formTyContainer .grayBack { margin: 40px -30px 0; } }

.formTyContainer .grayBack .formTytit { border-bottom: 2px solid #242424; margin-top: 25px; }

.formTyContainer .grayBack .formTytit.solaRun { margin-top: 0; }

.formTyContainer .grayBack .formTytit .selectBoxWrap .selectBox .btnSelect > span em { color: var(--color-bb, #242424); }

.formTyContainer .grayBack .formTytit .aside { position: absolute; right: 0; font-size: 20px; font-weight: 500; color: #f9455f; top: 12px; }

.formTyContainer .grayBack:before, .formTyContainer .grayBack:after { position: absolute; display: block; content: ""; width: 30px; height: 100%; top: 0; position: absolute; background-color: #f1f1f1; }

.formTyContainer .grayBack:before { left: -30px; }

.formTyContainer .grayBack:after { right: -30px; }

.formTyContainer .grayBack .txt_red, .formTyContainer .grayBack .color_red { display: block; width: 100%; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; line-height: 25px; margin-top: 7px; position: relative; font-weight: 500; }

.formTyContainer .grayBack .txt_red:after, .formTyContainer .grayBack .color_red:after { position: absolute; display: block; content: ""; width: 100vw; height: 30px; position: absolute; left: -30px; bottom: -30px; }

.formTyContainer .grayBack .txt_blackBig { display: block; width: 100%; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 25px; position: relative; font-weight: 500; margin-top: 0; top: -39px; color: var(--color-bb, #242424); font-size: 20px; }

.formTyContainer.formContainerSmall .grayBack { padding: 30px; }

.formTyContainer.formContainerSmall .grayBack:before, .formTyContainer.formContainerSmall .grayBack:after { display: none; }

.formTyContainer .emphasis { color: #f88570; }

.formTyContainer .run21_step { margin-top: 40px; }

.formTyContainer .run21_title { margin-top: 15px; margin-bottom: 10px; }

.formTyContainer .sev_lin2 { margin-top: 30px; }

.formTyContainer .selectBoxWrap .selectBox .sev_lmt3 { z-index: 40; }

.run21_step { display: inline-block; background-color: #524e4e; color: #fff; font-size: 13px; font-weight: 500; line-height: 22px; border-radius: 15px; padding-left: 12px; padding-right: 12px; }

.run21_title { font-size: 23px; font-weight: 500; color: #242424; word-break: keep-all; line-height: 28px; }

.run21_infoWrap { margin-top: 15px; }

.run21_infoWrap .normal { font-size: 14px; font-weight: 500; color: #797979; word-break: keep-all; line-height: 1.5; }

.run21_infoWrap .txt_red { font-size: 14px; font-weight: 500; word-break: keep-all; line-height: 1.5; }

@media (max-width: 767px) { .run21_infoWrap .txt_red { margin-top: 10px; } }

.run21_infoWrap + .formTytit { border-bottom: 2px solid #242424; }

.run21_infoWrap + .formTytit h5 { color: #242424; }

.run21_infoWrap + .formTytit .selectBoxWrap .selectBox .btnSelect > span { font-size: 15px; line-height: 1.5; padding-left: 70px; }

.run21_infoWrap + .formTytit .selectBoxWrap .selectBox .btnSelect > span em { font-size: 16px; line-height: 30px; }

.formTyWrap { padding-bottom: 30px; }

.formTyWrap h3 { font-size: 20px; font-weight: 500; margin-top: 30px; }

.formTyWrap h4 { font-size: 16px; font-weight: 500; color: #242424; padding-top: 10px; line-height: 1.5; }

.formTyWrap .radioBlack input + label > span { margin-left: 12px; line-height: 41px; }

.formTyWrap .radioBlack .donationOption { color: #524e4e; }

.formTyWrap .info + .radioBlack { margin-top: 20px; }

.formTyWrap .flexWrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 15px; }

.formTyWrap .flexWrap .inputBoxTy02 { width: 100%; }

.formTyWrap .flexWrap .btnLineTy04 { margin-left: 30px; }

.formTyWrap .inputBoxTy input { font-size: 16px; }

.formTyWrap .inputBoxTy input::-webkit-input-placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy input:-ms-input-placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy input::-ms-input-placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy input::placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy02 input { padding-left: 0; border-bottom: 1px solid #cbcbcb; }

.formTyWrap .inputBoxTy02 input::-webkit-input-placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy02 input:-ms-input-placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy02 input::-ms-input-placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy02 input::placeholder { font-size: 16px; color: #cbcbcb; }

.formTyWrap .inputBoxTy02 + .inputBoxTy02 { margin-top: 15px; }

.formTyWrap .formTytit { margin-top: 20px; }

.formTyWrap > .checkbox { margin-top: 30px; }

.formTyWrap .checkbox input + label > span { margin-left: 8px; }

.formTyWrap .checkbox input + label > span, .formTyWrap .checkbox .btnMore span { font-size: 13px; }

.formTyWrap .agreeBox { margin-top: 20px; padding-top: 25px; border-top: 1px solid #c8c6c6; }

.formTyWrap .agreeInfo { margin-top: 10px; }

.formTyWrap .guideTxt { font-size: 13px; font-weight: 500; color: #797979; word-break: keep-all; margin-top: 30px; line-height: 19px; }

.formTyWrap .contentTxt { border: 1px solid #e6e6e6; border-radius: 4px; padding: 15px; word-break: keep-all; }

.formTyWrap .contentTxt_tit { color: #242424; padding-bottom: 6px; word-break: keep-all; }

.formTyWrap .formationWrap .inputBoxTy input::-webkit-input-placeholder { font-size: 14px; color: #cbcbcb; }

.formTyWrap .formationWrap .inputBoxTy input:-ms-input-placeholder { font-size: 14px; color: #cbcbcb; }

.formTyWrap .formationWrap .inputBoxTy input::-ms-input-placeholder { font-size: 14px; color: #cbcbcb; }

.formTyWrap .formationWrap .inputBoxTy input::placeholder { font-size: 14px; color: #cbcbcb; }

.formTyWrap .inputBoxTy01 { margin-top: 40px; margin-bottom: 13px; }

.formTyWrap .titAlone { font-size: 16px; font-weight: 500; color: #524e4e; margin-top: 20px; }

.formTyWrap .txtBoxTy01 { border: solid 0.5px #c8c6c6; height: 80px; width: 100%; padding: 12px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #9d9999; margin-top: 10px; }

.formTyWrap .txtBoxTy01::-webkit-input-placeholder { color: #9d9999; }

.formTyWrap .txtBoxTy01:-ms-input-placeholder { color: #9d9999; }

.formTyWrap .txtBoxTy01::-ms-input-placeholder { color: #9d9999; }

.formTyWrap .txtBoxTy01::placeholder { color: #9d9999; }

@media (min-width: 768px) { .searchBoxWrap .searchBox.inner { padding: 30px 35px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (max-width: 767px) { .searchBoxWrap { padding: 30px 35px; background-color: #fff; } }

.subjectWrap { padding: 20px; }

.subjectWrap .title { font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; color: #524e4e; }

.italicItems { color: #524e4e; font-size: 14px; font-style: italic; }

.titArea .italicItems { margin-top: 15px; margin-bottom: 10px; }

.symmetryForm { padding-right: 5%; }

.symmetryForm .inputBoxTyAD01 input { width: 95%; margin-left: 5%; margin-bottom: 8px; }

.symmetryForm .review { text-align: right; }

.symmetryForm .review p { line-height: 28px; color: #f4907e; font-size: 14px; text-decoration: underline; }

.annList .swiper-wrapper.disabled { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; }

.annList .swiper-pagination.disabled { display: none; }

.annContainer .ellipsis, .rewardContainer .ellipsis { line-height: 25px; font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); padding: 20px 30px; text-align: center; }

.annContainer .ellipsis .label, .rewardContainer .ellipsis .label { color: #f88570; padding-right: 8px; }

.annContainer .swiper-pagination, .rewardContainer .swiper-pagination { line-height: 17px; display: block; background-color: rgba(0, 0, 0, 0.3); border-radius: 6px; position: absolute; right: 4px; top: 5px; color: #fff; font-size: 11px; letter-spacing: -1px; padding-left: 6px; padding-right: 7px; z-index: 2; }

.annContainer .swiper-container, .rewardContainer .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; }

.annContainer .swiper-wrapper, .rewardContainer .swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.annContainer .swiper-slide, .rewardContainer .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.mainVisual .annArea { background-color: #f1f1f1; }

@media (max-width: 767px) { .mainVisual .annContainer { height: 110px; }
  .mainVisual .annArea { margin-top: -30px; width: 100%; } }

@media (min-width: 768px) { .mainVisual .annContainer { height: 64px; width: 500px; overflow: hidden; margin: 10px auto -1px; }
  .mainVisual .annArea { text-align: center; border-radius: 12px; } }

@media (max-width: 767px) { .tabConWrap .annContainer { height: 70px; }
  .tabConWrap .annArea { position: absolute; top: -30px; left: 0; width: 100%; text-align: left; border-bottom: 8px solid #f1f1f1; } }

@media (min-width: 768px) { .tabConWrap .annContainer { height: 50px; width: 500px; overflow: hidden; }
  .tabConWrap .annArea { position: absolute; top: -40px; text-align: center; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 620px; background-color: #f8f8f8; } }

.editContent td { border: 1px solid #d9d9d9; min-width: 2em; padding: .4em; }

.editContent blockquote { font-style: italic; overflow: hidden; padding-right: 1.5em; padding-left: 1.5em; margin-left: 0; margin-right: 0; font-style: italic; border-left: 5px solid #ccc; }

.editContent:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

.editContent .text-big { line-height: 1.5em; }

.runChallengeWrap, .runResultCptr .captureArea { background-image: url("/assets/web/images/bg/cherryRun_new_bg-541d5a3a62d6cf7b304bff5c85e6aaff.png"); background-size: cover; background-position: center ; /*25.02.07 이미지 변경 기존 cherryRun.png*/ }

.runChallenge#gnb { background-color: inherit; }

.runChallenge#gnb .icoArrowLeft { background-image: url("/assets/web/images/ico/btn-back-white@3x-6f0fbb7b6e08d6c59186c053849a5c8e.png"); }

.runChallenge#gnb .viewRanking { font-size: 16px; font-weight: 500; color: #fff; }

.runChallenge#container { background-color: rgba(53, 61, 80, 0.9); height: 100%; }

.runChallenge#container .contents { height: calc(100vh - 70px); }

.runChallenge#container .btnArea { z-index: 100; }

.runChallenge.run2021#container { background-color: rgba(35, 117, 140, 0.9); }

.runChallenge.run2021 .diagramWrap .chartConic { background-image: conic-gradient(#f88570 var(--value), #02323f var(--value)); }

.runChallenge.run2021 .diagramWrap .chartConic:after { background-color: #02323f; }

.runChallenge.run2021 .slideInfoWrap .timeViewWrap p.message em { color: #009fca; }

.runChallenge.run2021 .slideInfoWrap .timeViewWrap .timeViewBox .stress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 84px; width: 100%; font-size: 20px; font-weight: 500; color: #009fca; }

.runChallenge.run2021 .slideInfoWrap .timeViewWrap .timeViewBox.stress { background-color: #ebf9fd; }

.runChallenge.run2021 .slideInfoWrap .timeViewWrap .timeViewBox.stress:before, .runChallenge.run2021 .slideInfoWrap .timeViewWrap .timeViewBox.stress:after { background-color: #ebf9fd; }

.runChallenge.run2021 .challengeInfo h2 { color: #009fca; }

.runChallenge.run2021 .challengeInfo ol li { font-weight: 500; }

.runChallenge.standardisation#container { background-color: rgba(22, 30, 49, 0.8); }

.runChallenge.standardisation#container .contents { height: calc(100vh - 107px); }

.runChallenge.standardisation .titleArea { margin-top: 30px; }

.runChallenge.standardisation .titleArea dt { font-size: 20px; font-weight: 500; color: #fff; }

.runChallenge.standardisation .titleArea dt .logo_cgntv { width: 98px; height: 20px; }

.runChallenge.standardisation .titleArea dd { font-size: 13px; color: #fff; opacity: .6; margin-top: 8px; }

.runChallenge.standardisation .diagramWrap { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: calc(100% - 107px); }

.runChallenge.standardisation .diagramWrap.startMotion { -webkit-animation: scaleIn 0.8s both; animation: scaleIn 0.8s both; }

.runChallenge.standardisation .diagramWrap .chartConic { width: 200px; height: 200px; background-image: conic-gradient(#f9455f var(--value), #cbcbcb var(--value)); margin-top: 10px; }

.runChallenge.standardisation .diagramWrap .chartConic:after { background-color: #191f29; left: 3px; top: 3px; width: calc(100% - 6px); height: calc(100% - 6px); }

.runChallenge.standardisation .diagramWrap .chartConic .stausInfo { padding-bottom: 20px; }

.runChallenge.standardisation .diagramWrap .chartConic .stausInfo i { font-style: normal; display: block; font-size: 13px; line-height: 20px; }

.runChallenge.standardisation .diagramWrap .chartConic .stausInfo em { font-size: 24px; }

.runChallenge.standardisation .diagramWrap .chartConic .stausInfo p { font-size: 14px; font-weight: 500; line-height: 30px; }

.runChallenge.standardisation .diagramWrap .chartConic .stausImg { bottom: 0; }

.runChallenge.standardisation .diagramWrap .chartConic .stausImg img { width: 90%; }

.btnRun, .btnRun-info, .btnRun-rank { line-height: 32px; color: #fff; font-size: 13px; font-weight: 500; border: solid 1px rgba(151, 151, 151, 0.9); border-radius: 16px; padding-right: 13px; position: relative; }

.btnRun:after, .btnRun-info:after, .btnRun-rank:after { position: absolute; content: ""; top: 8px; }

.btnRun-info { padding-left: 22px; }

.btnRun-info:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 15px; height: 15px; display: inline-block; background-position: -274px -2px; background-size: 500px 500px; left: 8px; }

.btnRun-rank { padding-left: 26px; margin-left: 6px; }

.btnRun-rank:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 17px; height: 15px; display: inline-block; background-position: -259px -1px; background-size: 500px 500px; left: 10px; }

.btnRun-more { width: 40px; height: 40px; position: absolute; top: 0; right: 0; }

.btnRun-more:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -235px 0px; background-size: 500px 500px; position: absolute; content: ""; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.runStartArea { position: fixed; height: 92px; width: 100%; text-align: center; padding-top: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 127px; }

.runStartArea button.btnPrimaryTy01, .runStartArea button.btnPrimaryTy02 { width: 140px; border-radius: 27px; height: 50px; margin-left: auto; margin-right: auto; position: relative; }

.runStartArea button.btnPrimaryTy01:before, .runStartArea button.btnPrimaryTy02:before { position: absolute; content: ""; top: -31px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url("/assets/web/images/ico/logo-slogan-w-3f66ef3d5bba46585fec5660682f99e6.svg") transparent no-repeat; width: 103px; height: 21px; display: inline-block; background-size: 100%; }

.runStartArea button:disabled { background-color: transparent; border-color: transparent; }

.runStartArea button:disabled span { color: white; }

@media (max-width: 300px) { .runStartArea button.btnPrimaryTy01, .runStartArea button.btnPrimaryTy02 { width: 120px; }
  .strv_float { right: 2px; } }

@media (max-height: 610px) { .runStartArea button.btnPrimaryTy01:before, .runStartArea button.btnPrimaryTy02:before { display: none; } }

.runSponsorArea { background-color: #fff; height: 107px; width: 100%; position: fixed; bottom: 0; }

.runSponsorArea dt { padding: 15px 15px 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.runSponsorArea dt em { font-size: 12px; color: #797979; font-weight: 500; }

.runSponsorArea dd { text-align: center; position: relative; padding-left: 10px; padding-right: 10px; }

.runSponsorArea ul { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.runSponsorArea ul li { -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; height: 60px; width: 50%; padding: 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.runSponsorArea ul li img { vertical-align: middle; width: 100%; height: auto; }

.runInfoWrap { height: 82%; text-align: center; }

.runInfoWrap h1 { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 129px; height: 60px; display: inline-block; background-position: -370px -151px; background-size: 500px 500px; margin-top: 10px; margin-left: auto; margin-right: auto; }

.runInfoWrap h1.run2021 { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 97px; height: 70px; display: inline-block; background-position: -176px -332px; background-size: 500px 500px; margin-top: 0; margin-bottom: 20px; }

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

.runInfoWrap .asideList li { width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px; }

.runInfoWrap .asideList h2 { color: rgba(255, 255, 255, 0.6); font-size: 16px; font-weight: 500; }

.runInfoWrap .asideList .fn_value { color: #fff; font-size: 22px; font-weight: 500; line-height: 34px; }

.diagramWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: calc(100% - 160px); }

.diagramWrap .chartConic { border-radius: 50%; margin: 0 auto; position: relative; 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; position: relative; width: 215px; height: 215px; background-image: conic-gradient(#f88570 var(--value), #191E2C var(--value)); /*@include prefix(animation, innitDiagram 1s both, webkit);animation-timing-function: ease-in-out; 사파리 문제로 삭제*/ }

.diagramWrap .chartConic:after { content: ""; left: 5px; top: 5px; position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); background: #191E2C; border-radius: inherit; }

.diagramWrap .chartConic .stausInfo { color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; text-align: center; }

.diagramWrap .chartConic .stausInfo em { font-size: 50px; font-weight: 500; }

.diagramWrap .chartConic .stausInfo p { line-height: 43px; font-size: 18px; }

.diagramWrap .chartConic .stausImg { width: 45px; height: 45px; position: absolute; bottom: 5px; z-index: 1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.diagramWrap .chartConic .stausImg img { height: auto; }

.diagramWrap.optBlock .chartConic:after { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; }

/* 체리런 bottom 팝업 */
.slideInfoWrap { width: 100%; height: 82%; position: absolute; bottom: 64px; background-color: #fff; z-index: 100; border-radius: 12px 12px 0 0; overflow-y: auto; -webkit-animation: runOpen 0.5s both; animation: runOpen 0.5s both; -webkit-animation-delay: 1s; animation-delay: 1s; }

.slideInfoWrap.open { -webkit-animation: runOpen 0.5s both; animation: runOpen 0.5s both; }

.slideInfoWrap.close { -webkit-animation: runClose 0.5s both; animation: runClose 0.5s both; overflow: hidden; }

.slideInfoWrap:before { content: ""; position: fixed; bottom: 64px; left: 0; display: block; height: 35px; width: 100%; z-index: 100; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

.slideInfoWrap .inner { background-color: #fff; border-radius: 12px 12px 0 0; padding-left: 32px; padding-right: 32px; padding-bottom: 30px; }

.slideInfoWrap h1 { padding-top: 37px; position: relative; text-align: center; font-size: 20px; line-height: 28px; font-weight: 500; }

.slideInfoWrap h1:before, .slideInfoWrap h1:after { position: absolute; display: block; content: ""; width: 30px; height: 2px; border-radius: 1px; background-color: #d8d8d8; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.slideInfoWrap h1:before { top: 10px; }

.slideInfoWrap h1:after { top: 15px; }

.slideInfoWrap .timeViewWrap { margin-top: 30px; }

.slideInfoWrap .timeViewWrap .btnView { width: 100%; padding-top: 10px; padding-bottom: 10px; line-height: 28px; color: #fff; font-size: 20px; font-weight: 500; text-align: center; border-radius: 32.5px; background-color: #f4907e; }

.slideInfoWrap .timeViewWrap .timeViewBox { background-color: #f1f1f1; position: relative; text-align: center; padding-top: 22px; padding-bottom: 30px; margin-top: 20px; }

.slideInfoWrap .timeViewWrap .timeViewBox:before, .slideInfoWrap .timeViewWrap .timeViewBox:after { position: absolute; display: block; content: ""; width: 32px; height: 100%; background-color: #f1f1f1; }

.slideInfoWrap .timeViewWrap .timeViewBox:before { top: 0; left: -32px; }

.slideInfoWrap .timeViewWrap .timeViewBox:after { top: 0; right: -32px; }

.slideInfoWrap .timeViewWrap .timeViewBox.stress { background-color: #feefec; }

.slideInfoWrap .timeViewWrap .timeViewBox.stress:before, .slideInfoWrap .timeViewWrap .timeViewBox.stress:after { background-color: #feefec; }

.slideInfoWrap .timeViewWrap p.message { color: #524e4e; font-size: 15px; font-weight: 500; line-height: 22px; }

.slideInfoWrap .timeViewWrap p.message em { color: #f88570; }

.slideInfoWrap .timeViewWrap p.time { color: var(--color-bb, #242424); line-height: 22px; font-size: 20px; font-weight: 500; margin-top: 20px; }

.slideInfoWrap .challengeInfo { padding-top: 8px; }

.slideInfoWrap .challengeInfo h2 { font-size: 22px; font-weight: 500; line-height: 31px; color: #f88570; margin-top: 34px; }

.slideInfoWrap .challengeInfo h3 { font-size: 18px; color: #524e4e; margin-top: 30px; }

.slideInfoWrap .challengeInfo p { margin-top: 10px; }

.slideInfoWrap .challengeInfo p.normal { font-size: 18px; line-height: 26px; color: #524e4e; font-weight: 500; }

.slideInfoWrap .challengeInfo p.normal + ol { margin-top: 30px; }

.slideInfoWrap .challengeInfo p.cloud { font-size: 16px; line-height: 24px; color: #9d9d9d; }

.slideInfoWrap .challengeInfo ol { margin-top: 10px; margin-bottom: 20px; }

.slideInfoWrap .challengeInfo ol li { color: #524e4e; font-size: 18px; line-height: 27px; padding-top: 2px; padding-bottom: 2px; word-break: keep-all; }

.slideInfoWrap .challengeInfo ol li strong { font-weight: 500; }

.runSponsorList { padding-left: 25px; padding-right: 25px; padding-bottom: 20px; }

.runSponsorList dt { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; padding-top: 28px; padding-bottom: 5px; }

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

.runSponsorList ul li { width: 48.8%; border: solid 1px #f1f1f1; min-height: 60px; 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; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 2.2%; }

.runSponsorList ul li img { -o-object-fit: cover; object-fit: cover; max-width: 250px; }

.runInfosumm { padding-left: 32px; padding-right: 32px; }

.runInfosumm li { font-size: 16px; font-weight: 500; word-break: keep-all; line-height: 22px; padding-top: 10px; }

.runInfosumm li .dot { font-size: 14px; font-weight: 500; color: #524e4e; word-break: keep-all; line-height: 20px; margin-top: 8px; padding-left: 15px; position: relative; }

.runInfosumm li .dot:after { position: absolute; display: block; content: ""; width: 4px; height: 4px; background-color: #242424; border-radius: 50%; left: 5px; top: 8px; }

.runInfosumm + .runInfolist { margin-top: 15px; }

.runInfolist { padding-left: 32px; padding-right: 32px; }

.runInfolist li { font-size: 16px; font-weight: 500; word-break: keep-all; line-height: 22px; padding-top: 10px; }

.runInfolist .normal { color: #242424; }

.runInfolist .add { color: #f7806b; }

.runInfoNoti { padding-left: 32px; padding-right: 32px; margin-top: 30px; margin-bottom: 20px; }

.runInfoNoti dt { font-size: 14px; font-weight: 500; color: #9d9d9d; }

.runInfoNoti dt.standard { font-size: 13px; color: #797979; }

.runInfoNoti dd { font-size: 14px; font-weight: 500; color: #524e4e; word-break: keep-all; line-height: 20px; margin-top: 13px; }

.runInfoNoti dd.dot { margin-top: 8px; padding-left: 15px; position: relative; }

.runInfoNoti dd.dot:after { position: absolute; display: block; content: ""; width: 4px; height: 4px; background-color: #242424; border-radius: 50%; left: 5px; top: 8px; }

.runInfoNoti dd.color_red { color: #f7806b; }

.runInfoSumm { background: url("/assets/web/images/bg/cherryRunInfo-05747665cf37bb75bffb55e864ae6ebc.png") left bottom; background-size: cover; position: relative; }

.runInfoSumm dl { padding-top: 30px; padding-bottom: 30px; }

.runInfoSumm dl dt, .runInfoSumm dl dd { text-align: center; color: #fff; }

.runInfoSumm dl .tit { font-size: 18px; font-weight: 500; padding-bottom: 5px; line-height: 22px; }

.runInfoSumm dl .normal { font-size: 14px; font-weight: 500; line-height: 20px; }

.runInfoSumm dl dt.normal { margin-top: 10px; }

.runInfoStlist { padding-left: 32px; padding-right: 32px; }

.runInfoStlist li { position: relative; padding-left: 25px; margin-top: 20px; }

.runInfoStlist li i { position: absolute; left: 0; text-indent: -9999px; font-size: 0; color: transparent; }

.runInfoStlist li i.num1 { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 20px; height: 18px; display: inline-block; background-position: -318px -1px; background-size: 500px 500px; top: 3px; }

.runInfoStlist li i.num2 { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 20px; height: 18px; display: inline-block; background-position: -339px -1px; background-size: 500px 500px; top: 3px; }

.runInfoStlist li i.num3 { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 20px; height: 18px; display: inline-block; background-position: -359px -1px; background-size: 500px 500px; top: 0; }

.runInfoStlist li .startClone { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 66px; height: 25px; display: inline-block; background-position: -250px 0px; background-size: 500px 500px; text-indent: -9999px; font-size: 0; color: transparent; margin-bottom: 5px; }

.runInfoStlist li .endClone { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 66px; height: 25px; display: inline-block; background-position: -250px -30px; background-size: 500px 500px; text-indent: -9999px; font-size: 0; color: transparent; margin-bottom: 5px; }

.runInfoStlist li .endStrv { display: inline-block; background: url("/assets/web/images/ico/strava-endClone-365b25f7a08e9e8448b368b8288fe86d.svg") transparent no-repeat; width: 65px; height: 27px; text-indent: -9999px; font-size: 0; color: transparent; margin-bottom: 3px; margin-top: -3px; }

.runInfoStlist li .normal { font-size: 14px; font-weight: 500; color: #242424; line-height: 20px; word-break: keep-all; }

.runInfoStlist li .color_red { font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 5px; word-break: keep-all; }

.runInfoStlist li .tags { font-size: 13px; font-weight: 500; color: #242424; line-height: 20px; margin-top: 5px; }

.runInfoPrmn { background-color: #f8f8f8; padding: 105px 32px 20px 32px; margin-top: 20px; position: relative; }

.runInfoPrmn h3 { font-size: 15px; font-weight: 500; color: #242424; line-height: 20px; word-break: keep-all; text-align: left; margin-top: 10px; }

.runInfoPrmn h3 + p { margin-top: 3px; }

.runInfoPrmn p { font-size: 14px; font-weight: 500; color: #242424; line-height: 20px; word-break: keep-all; text-align: left; }

.runInfoPrmn p a { color: #f7806b; text-decoration: underline; word-break: keep-all; }

.runInfoPrmn:before { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 88px; height: 74.5px; display: inline-block; background-position: -131px -105px; background-size: 500px 500px; position: absolute; display: block; content: ""; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.strvInfoPrmn { background-color: #f8f8f8; padding: 20px 32px 40px; margin-top: 20px; position: relative; }

.strvInfoPrmn h3 { font-size: 13px; font-weight: 500; color: #797979; position: relative; }

.strvInfoPrmn ol { margin-top: 6px; }

.strvInfoPrmn ol li { font-size: 14px; font-weight: 500; line-height: 20px; word-break: keep-all; margin-top: 5px; color: #242424; }

.strvInfoPrmn:after { content: ""; position: absolute; right: 15px; bottom: 15px; display: block; background: url(/assets/web/images/ico/strava-powered-7aa2c32d1ae2f32c15255859a08b24ad.svg); width: 130px; height: 16px; }

@media (min-width: 768px) { .runRanking { width: 940px; margin: 0 auto; }
  .runRanking .tabWrap .btnTabWrap { text-align: center; }
  .runRanking .tabWrap .btnTabWrap .btnTab { width: 200px; }
  .runRankingWrap { padding: 0 100px; }
  .sharingWrap .personList.narrow { padding: 31px 75px; } }

@media (max-width: 767px) { .sharingWrap .personList.narrow { padding: 31px 15px; }
  .runRanking .tabWrap .btnTab { width: 50%; display: inline-block; max-height: 60px; padding: 0; }
  .runRanking .tabWrap .btnTab button { width: 100%; line-height: 20px; height: 60px; }
  .runRanking .btnTabWrap { position: fixed; background-color: #fff; z-index: 2; top: 56px; }
  .runRanking .tabConWrap { padding-top: 60px; }
  .runRanking .in-list { position: fixed; z-index: 2; top: 116px; }
  .runRanking .in-list + .runRankingWrap { margin-top: 76px; }
  .runRanking .in-list + .sharingWrap { margin-top: 76px; }
  .runRanking .in-list + .strv_nav { margin-top: 76px; position: fixed; z-index: 1; padding-top: 116px; top: 0; }
  .runRanking .in-list + .strv_nav + .runRankingWrap { margin-top: 121px; } }

.runRankingAnn { width: 100%; background-color: #f0fbfd; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.runRankingAnn h1 { font-size: 20px; color: #000; font-weight: 500; }

.runRankingAnn p { font-size: 14px; line-height: 19px; }

.runRankingAnn p.normal { color: #524e4e; font-size: 14px; font-weight: 500; color: #000; }

.runRankingAnn p.normal + .normal { margin-top: 20px; }

.runRankingAnn p .cloud { display: block; color: #524e4e; margin-top: 10px; }

.runRankingAnn.in-list { padding: 17px 0; background-color: #f1f1f1; display: -webkit-box; display: -ms-flexbox; display: flex; }

.runRankingAnn.in-list dl { width: 100%; }

.runRankingAnn.in-list dl dt { font-size: 13px; font-weight: 500; color: #797979; }

.runRankingAnn.in-list dl dd { font-size: 16px; font-weight: 500; color: #242424; line-height: 24px; margin-top: 2px; }

.runRankingAnn.in-list dl.align_left { padding-left: 30px; }

.runRankingAnn.in-list dl.align_left dt, .runRankingAnn.in-list dl.align_left dd { text-align: left; }

.runRankingAnn.in-list:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

.runRankingAnn .btn_strava { font-size: 13px; font-weight: 500; min-width: 100px; margin-right: 20px; color: #9d9999; text-decoration: underline; }

.runRankingWrap { padding: 20px 0; }

.runRankingWrap .runRankingList .runRanking { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.runRankingWrap .runRankingList .runRanking .thumb { display: block; position: relative; width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: 60px; }

.runRankingWrap .runRankingList .runRanking .thumb.square img { border-radius: 6px; border-color: transparent; }

.runRankingWrap .runRankingList .runRanking .thumb img { width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); -o-object-fit: cover; object-fit: cover; }

.runRankingWrap .runRankingList .runRanking.my { padding-bottom: 20px; }

.runRankingWrap .runRankingList .runRanking.my .thumb:after { content: '나'; width: 22px; height: 22px; display: block; position: absolute; bottom: 0; right: 0; background-color: var(--color-bb, #242424); border-radius: 50%; font-size: 11px; font-weight: 500; color: #fff; text-align: center; line-height: 22px; }

.runRankingWrap .runRankingList .runRanking:first-child { border-bottom: solid 1px #e4e3e3; padding-top: 0; }

.runRankingWrap .runRankingList .runRanking .itemName { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; width: calc(100% - 240px); }

.runRankingWrap .runRankingList .runRanking .itemName .ellipsis { margin-left: 15px; color: #524e4e; font-size: 13px; line-height: 25px; }

.runRankingWrap .runRankingList .runRanking .itemName .ellipsis2 { margin-left: 15px; color: #524e4e; font-size: 14px; line-height: 20px; height: inherit; max-height: 40px; }

.runRankingWrap .runRankingList .runRanking .itemName .subTxt { margin-left: 15px; color: #524e4e; font-size: 13px; line-height: 25px; display: block; }

.runRankingWrap .runRankingList .runRanking .itemName .state, .runRankingWrap .runRankingList .runRanking .itemName .step { margin-left: 15px; color: #9d9d9d; font-size: 12px; font-weight: 500; line-height: 18px; display: block; }

.runRankingWrap .runRankingList .runRanking .itemName .strv { margin-left: 15px; display: block; }

.runRankingWrap .runRankingList .runRanking .itemName .strv img { width: 16px; height: 16px; }

.runRankingWrap .runRankingList .runRanking .itemRecord { -ms-flex-preferred-size: 100px; flex-basis: 100px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: right; color: #524e4e; font-size: 13px; }

.runRankingWrap .runRankingList .runRanking .itemRank { -ms-flex-preferred-size: 60px; flex-basis: 60px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: right; color: #524e4e; font-size: 13px; font-weight: 500; }

.runRankingWrap .runRankingList .runRanking .itemRank i { width: 42px; height: 42px; line-height: 42px; border: solid 2px; border-radius: 50%; display: block; float: right; text-align: center; font-style: normal; position: relative; }

.runRankingWrap .runRankingList .runRanking .itemRank i:before { position: absolute; display: block; content: ""; top: -9px; right: -9px; }

.runRankingWrap .runRankingList .runRanking .itemRank i.c1 { border-color: #ffde7f; }

.runRankingWrap .runRankingList .runRanking .itemRank i.c1:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22.5px; height: 22.5px; display: inline-block; background-position: -475px -215px; background-size: 500px 500px; }

.runRankingWrap .runRankingList .runRanking .itemRank i.c2 { border-color: #d1e7fc; }

.runRankingWrap .runRankingList .runRanking .itemRank i.c2:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22.5px; height: 22.5px; display: inline-block; background-position: -447px -215px; background-size: 500px 500px; }

.runRankingWrap .runRankingList .runRanking .itemRank i.c3 { border-color: #f7d0c8; }

.runRankingWrap .runRankingList .runRanking .itemRank i.c3:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22.5px; height: 22.5px; display: inline-block; background-position: -418px -215px; background-size: 500px 500px; }

.runRankingWrap .runRankingList .runRanking .itemRank i.normal { border-color: transparent; }

.runRankingWrap .runRankingList .runRanking .in-items { -ms-flex-preferred-size: 100px; flex-basis: 100px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: right; }

.runRankingWrap .runRankingList .runRanking .in-items .addition { font-size: 12px; color: #797979; display: block; }

.runRankingWrap .runRankingList .runRanking .in-items .in-result { font-size: 12px; font-weight: 500; color: #f4907e; line-height: 22px; border: solid 1px #f4907e; min-width: 64px; border-radius: 18px; margin-top: 5px; }

.strv_link { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f8f8f8; padding-right: 15px; border-bottom: 1px solid #e4e3e3; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.strv_link .normal { position: relative; }

.strv_link .normal img { width: 186px; }

.strv_link:before { content: ""; position: absolute; display: block; content: ""; width: 100%; height: 1px; position: absolute; left: 0; top: -1px; background-color: #fff; }

.strv_nav { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px; border-bottom: 1px solid #e4e3e3; width: 100%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.strv_nav li { width: 100%; }

.strv_nav li button { width: 100%; height: 44px; color: #9d9d9d; font-size: 13px; font-weight: 500; }

.strv_nav li button.active { color: #f4907e; }

.strv_goTop { background: url("/assets/web/images/ico/btn_top-cd5d8a6219a2b239b23f91780397bad0.svg") transparent no-repeat; width: 38px; height: 38px; display: inline-block; background-size: 100%; content: ""; position: fixed; bottom: 20px; right: 20px; z-index: 1; display: none; }

.strv_wrap { padding-top: 45px; padding-bottom: 100px; position: relative; }

@media (min-width: 768px) { .strv_wrap { position: relative; }
  .strv_wrap:before { content: "데스크탑에서는 지원하지 않습니다."; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; font-weight: 500; color: #fff; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .strv_wrap + .sl_btnWrap { display: none; } }

.strv_wrap .strv_nav { position: fixed; top: 56px; z-index: 1; }

.strv_list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 17px 20px; border-bottom: solid 1px #e4e3e3; }

.strv_list li .thumb { padding-left: 12px; padding-right: 15px; }

.strv_list li .thumb img { width: 32px; height: 32px; }

.strv_list li .radioRight { width: 120px; text-align: right; }

.strv_list li .category { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; width: calc(100% - 179px); line-height: 18px; }

.strv_list li .category .sort { font-size: 13px; color: #524e4e; }

.strv_list li .category .date { display: block; font-size: 12px; font-weight: 500; color: #9d9d9d; }

.strv_noData { padding: 74px 34px 30px 34px; position: relative; }

.strv_noData dt { font-size: 14px; font-weight: 500; text-align: center; color: #524e4e; }

.strv_noData dd { font-size: 13px; font-weight: 500; text-align: center; color: #9d9d9d; margin-top: 15px; word-break: keep-all; }

.strv_noData:before { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 88px; height: 19px; display: inline-block; background-position: -297px -61px; background-size: 500px 500px; content: ""; position: absolute; top: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.strv_ani { background-color: #f4907e; width: 100%; height: 100vh; position: relative; }

.strv_ani img { width: 80px; height: 100px; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -40px; }

.strv_ani img.strv_count3 { -webkit-animation: animate-count 0.8s both; animation: animate-count 0.8s both; -webkit-animation-delay: 0; animation-delay: 0; }

.strv_ani img.strv_count2 { -webkit-animation: animate-count 0.8s both; animation: animate-count 0.8s both; -webkit-animation-delay: .8s; animation-delay: .8s; }

.strv_ani img.strv_count1 { -webkit-animation: animate-count 0.8s both; animation: animate-count 0.8s both; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.strv_lottie { position: absolute; width: 244px; height: 244px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 5px; }

.strv_float { position: fixed; bottom: 141px; right: 10px; }

.strv_float .strv_btn { font-size: 13px; font-weight: 500; color: #fff; position: relative; padding-top: 12px; padding-right: 22px; }

.strv_float .strv_btn:before { position: absolute; display: block; content: ""; width: 48px; height: 10px; background: url("/assets/web/images/ico/strava-logo-648a3f131cb14e931682f3d8ee886b8e.svg") transparent no-repeat; top: 0; left: 0; }

.strv_float .strv_btn:after { position: absolute; display: block; content: ""; width: 20px; height: 20px; background: url("/assets/web/images/ico/arrow_left-50a75197a7087e6a82beabb52d66f7d9.svg") transparent no-repeat; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.radioRight { position: relative; }

.radioRight input + label { position: relative; font-size: 0; padding-right: 35px; display: inline-block; }

.radioRight input + label::after { position: absolute; display: block; content: ""; width: 20px; height: 20px; border: solid 1px #d8d8d8; border-radius: 50%; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.radioRight input + label span { font-size: 13px; line-height: 25px; vertical-align: middle; color: #524e4e; }

.radioRight input:checked + label::after { background: url(/assets/web/images/ico/strava-check-c29e6b4c61617fc8089321bddf79851e.svg) center center no-repeat; background-size: 15px auto; background-color: #242424; border: solid 1px #242424; }

.innerMid { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .innerMid { padding: 0 35px; } }

.innerMid .btnJoin { width: 200px; height: 55px; font-size: 20px; font-weight: 500; line-height: 26px; color: #fff; margin-top: 30px; background-color: #f4907e; border-radius: 32px; }

.runGateWrap { width: 100%; text-align: center; }

@media (min-width: 768px) { .runGateWrap { padding: 35px 35px 100px 35px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } }

.runGateWrap h1 { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 129px; height: 60px; display: inline-block; background-position: -370px -243px; background-size: 500px 500px; margin-top: 10px; margin-left: auto; margin-right: auto; }

.runGateWrap h2 { font-size: 22px; font-weight: 500; line-height: 30px; margin-top: 8px; }

.runGateWrap .normal { font-size: 18px; font-weight: 500; line-height: 26px; margin-top: 20px; }

@media (max-width: 320px) { .runGateWrap .normal { letter-spacing: -1px; } }

.runGateWrap .runGateImg { background-image: url("/assets/web/images/bg/cherryRunGate-7f05eee7ed0df85294331fe322ac6b84.png"); background-size: cover; position: center center; width: 100%; height: 158px; border-radius: 13px; position: relative; margin-top: 30px; }

.runGateWrap .runGateImg:before { position: absolute; display: block; content: ""; width: 100%; height: 100%; border-radius: 13px; background-color: #353d50; opacity: 0.6; top: 0; left: 0; }

.runGateWrap .runGateImg:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 185px; height: 124px; display: inline-block; background-position: -312px -307px; background-size: 500px 500px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; display: block; content: ""; }

@media (min-width: 768px) { .popTyFull .popContents.sizeMid { height: 650px; } }

.researchWrap { width: 100%; text-align: center; padding-bottom: 15px; }

@media (min-width: 768px) { .researchWrap { padding: 50px 35px 100px 35px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } }

@media (max-width: 767px) { .researchWrap h1 { color: var(--color-bb, #242424); font-size: 22px; font-weight: 500; line-height: 30px; }
  .researchWrap h2 { color: #524e4e; font-size: 18px; font-weight: 500; margin-top: 5px; line-height: 25px; }
  .researchWrap .imgWrap { margin-top: 5px; margin-bottom: 5px; }
  .researchWrap .imgWrap img { width: 100%; height: auto; }
  .researchWrap p.stress { color: #f88570; font-size: 15px; font-weight: 500; color: #f88570; line-height: 22px; }
  .researchWrap p.normal { margin-top: 15px; font-size: 16px; font-weight: 500; color: #524e4e; line-height: 24px; } }

@media (min-width: 768px) { .researchWrap h1 { color: var(--color-bb, #242424); font-size: 26px; font-weight: 500; line-height: 35px; }
  .researchWrap h2 { color: #524e4e; font-size: 18px; font-weight: 500; margin-top: 10px; line-height: 27px; }
  .researchWrap .imgWrap { margin-top: 25px; margin-bottom: 10px; padding-left: 200px; padding-right: 200px; }
  .researchWrap .imgWrap img { width: 100%; height: auto; }
  .researchWrap p.stress { color: #f88570; font-size: 18px; font-weight: 500; color: #f88570; line-height: 27px; }
  .researchWrap p.normal { margin-top: 20px; font-size: 20px; font-weight: 500; color: #524e4e; line-height: 28px; } }

.btnWrapTyEvent { position: fixed; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.btnWrapTyEvent .btnEventTy { width: 100%; border-top: solid 1px #dadada; border-left: solid 1px #dadada; border-bottom: solid 1px #dadada; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; background-color: #f8f8f8; }

.btnWrapTyEvent .btnEventTy span { font-size: 16px; font-weight: 500; color: #524e4e; }

.btnWrapTyEvent .btnEventTy + .btnEventTy { border-right: solid 1px #dadada; }

.runResultTop { position: relative; max-width: 620px; margin-left: auto; margin-right: auto; }

.runResultTop .playerWrap { font-size: 18px; font-weight: 500; line-height: 24px; text-align: center; padding-top: 30px; }

.runResultTop .lottie_run { position: absolute; top: -50px; left: -10%; width: 120%; -webkit-animation: booom 2.6s both; animation: booom 2.6s both; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.statisticContainer { padding-bottom: 60px; }

.statisticContainer .tit_intro { text-align: center; font-size: 17px; font-weight: 500; line-height: 18px; color: #524e4e; padding-top: 40px; }

.statisticContainer .aside { font-size: 14px; font-weight: 500; text-align: center; padding-bottom: 50px; margin-top: 10px; color: #9d9d9d; }

.statisticList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.statisticList li { display: block; text-align: center; }

.statisticList li .statisticTitle i { display: block; }

.statisticList li .statisticTitle i.statisticImg01 { background: url("/assets/web/images/ico/board_money-51f16568675ca1affbb18e536a804744.png") transparent no-repeat; width: 50px; height: 47px; display: inline-block; background-size: 100%; }

.statisticList li .statisticTitle i.statisticImg02 { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 47px; height: 50px; display: inline-block; background-position: -56px -200px; background-size: 500px 500px; }

.statisticList li .statisticTitle i.statisticImg03 { background: url("/assets/web/images/ico/board_number-7be52c133bc5215bad886d1bb8d88031.png") transparent no-repeat; width: 46px; height: 44px; display: inline-block; background-size: 100%; }

.statisticList li .statisticTitle i.statisticImg04 { background: url("/assets/web/images/ico/board_campaign-c532cd277a7de919f6f5a7695978ad58.png") transparent no-repeat; width: 37px; height: 47px; display: inline-block; background-size: 100%; }

.statisticList li .statisticTitle i.statisticImg05 { background: url("/assets/web/images/ico/board_organi-713905ecb38239ae668e3ec9e933a0be.png") transparent no-repeat; width: 47px; height: 40px; display: inline-block; background-size: 100%; }

.statisticList li .statisticTitle em { display: block; font-size: 14px; line-height: 18px; color: #9d9d9d; margin-top: 15px; }

.statisticList li .statisticValue { font-size: 15px; line-height: 30px; color: #524e4e; font-weight: 500; display: block; }

.statisticList li .statisticValue .unit { font-size: 15px; line-height: 30px; }

/* 명예의 전당 */
@media (max-width: 767px) { .cherryDayWrap { padding-top: 56px; }
  .cherryDayWrap.noNav { padding-top: 0; }
  .cherryDayWrap .statisticContainer { position: relative; }
  .cherryDayWrap .statisticContainer:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; top: -8px; left: 0; background-color: #f1f1f1; }
  .cherryDayWrap section { position: relative; }
  .cherryDayWrap section + section { margin-top: 45px; }
  .cherryDayWrap section + section:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; top: -8px; left: 0; background-color: #f1f1f1; }
  .cherryDayWrap section h5 { margin-left: 24px; }
  .cherryDayWrap .infoFrme { padding-left: 24px; padding-right: 24px; }
  .cherryDayWrap .infoFrme .boxGray { padding: 15px 20px; }
  .cherryDayWrap .cherryDayTitle .lottie_run { position: absolute; top: -50px; left: -15%; width: 130%; z-index: 2; -webkit-animation: booom 2.6s both; animation: booom 2.6s both; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .cherryDayWrap .navigation { padding-top: 20px; padding-right: 10px; }
  .cherryDayWrap .statisticList { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
  .cherryDayWrap .statisticList li:nth-child(1), .cherryDayWrap .statisticList li:nth-child(2) { min-width: 45%; }
  .cherryDayWrap .statisticList li:nth-child(3), .cherryDayWrap .statisticList li:nth-child(4), .cherryDayWrap .statisticList li:nth-child(5) { min-width: 30%; padding-top: 60px; } }

@media (min-width: 768px) { .cherryDayWrap.noNav { padding-top: 64px; }
  .cherryDayWrap section, .cherryDayWrap .infoFrme, .cherryDayWrap .statisticContainer { width: 620px; margin: 0 auto; }
  .cherryDayWrap .statisticContainer { padding-top: 45px; }
  .cherryDayWrap section + section { margin-top: 40px; }
  .cherryDayWrap .infoFrme .boxGray { padding: 15px 90px; }
  .cherryDayWrap .cherryDayTitle:after { width: 100%; height: 150px; position: absolute; content: ""; display: block; background-color: #fff; bottom: 0; left: 0; }
  .cherryDayWrap .cherryDayTitle .lottie_run { position: absolute; top: -100px; width: 90%; z-index: 2; max-width: 1000px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: booom 2.6s both; animation: booom 2.6s both; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .cherryDayWrap .cherryDayTitle .navigation { padding-top: 30px; }
  .cherryDayWrap .runRankingWrap .runRankingList .runRanking { padding-left: 0; padding-right: 0; }
  .cherryDayWrap .statisticList { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .cherryDayWrap .statisticList li { width: 25%; } }

.cherryDayWrap h5 { font-size: 20px; font-weight: 700; color: #524E4E; line-height: 26px; display: inline-block; padding-bottom: 8px; border-bottom: solid 2px #524E4E; margin-top: 40px; word-break: keep-all; }

.cherryDayWrap section:last-of-type { margin-bottom: 50px; }

.cherryDayTitle { position: relative; background-color: #f48585; }

.cherryDayTitle h3 { text-align: center; }

.cherryDayTitle h3 p { position: relative; display: inline-block; width: 116px; height: 34px; border-radius: 17px; margin-top: 30px; }

.cherryDayTitle h3 p:before { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 88px; height: 18px; display: inline-block; background-position: -319px -21px; background-size: 500px 500px; position: absolute; display: block; content: ""; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.cherryDayTitle h2 { font-weight: 500; font-size: 30px; color: #fff; text-align: center; }

.cherryDayTitle p.normal { font-size: 16px; font-weight: 500; color: #fff; line-height: 22px; padding: 30px 30px 20px; word-break: keep-all; text-align: center; }

.cherryDayTitle .navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.cherryDayTitle .navigation li { display: inline-block; line-height: 28px; }

.cherryDayTitle .navigation li button { height: 28px; font-size: 14px; font-weight: 500; color: #fff; opacity: .6; width: 65px; text-align: center; padding-top: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cherryDayTitle .navigation li button.on { font-size: 16px; opacity: 1; padding-top: 0; }

.cherryDayTitle.y2020 { background-color: #f48585; }

.cherryDayTitle.y2020 h3 p { background-color: #ffc157; }

.cherryDayTitle.y2020 h3 em { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 226px; height: 22px; background-position: 0px -478px; background-size: 500px 500px; margin: 15px auto 30px; display: block; }

.cherryDayTitle.y2021 { background-color: #7e5093; }

.cherryDayTitle.y2021 h3 p { background-color: #ff7b8f; }

.cherryDayTitle.y2021 h3 em { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 226px; height: 22px; background-position: 0px -456px; background-size: 500px 500px; margin: 15px auto 30px; display: block; }

.cherryDayTitle .normal { opacity: 0.8; }

.cherryDayTitle .normal .tmargin { display: block; word-break: keep-all; }

.cherryDayTitle.y2022 { background-color: #2DB4AC; }

.cherryDayTitle.y2022 h3 p { background-color: #FDC602; }

.cherryDayTitle.y2022 h3 em { background: url(/assets/web/images/ico/happy-cherry-day-2022@3x-38f58c5bd8767d831e3af3e70df1d958.png) transparent no-repeat; width: 226px; height: 22px; background-size: 100%; margin: 15px auto 30px; display: block; }

.cherryDayTitle.y2023 { background-color: #FF6383; }

.cherryDayTitle.y2023 h3 p { background-color: #FFE18B; box-shadow: 4px 4px 4px rgba(82, 3, 3, 0.05); }

.cherryDayTitle.y2023 h3 p:before { background: url(https://image.cherry.charity/static/publish/fame/2023/fame-2023-title-01@3x.png) center no-repeat; background-size: 100%; }

.cherryDayTitle.y2023 h2 { font-weight: 700; }

.cherryDayTitle.y2023 h3 em { background: url(https://image.cherry.charity/static/publish/fame/2023/fame-2023-title-02@3x.png) transparent no-repeat; width: 226px; height: 22px; background-size: 100%; margin: 15px auto 30px; display: block; }

.cherryDayTitle.y2024 { background-color: #CF2937; }

.cherryDayTitle.y2024 h3 p { background-color: #FFC157; box-shadow: 4px 4px 4px rgba(82, 3, 3, 0.05); }

.cherryDayTitle.y2024 h3 p:before { background: url(https://image.cherry.charity/static/publish/fame/2024/fame-2024-title-01@3x.png) center no-repeat; background-size: 100%; }

.cherryDayTitle.y2024 h2 { font-weight: 700; }

.cherryDayTitle.y2024 h3 em { background: url(https://image.cherry.charity/static/publish/fame/2024/fame-2024-title-02@3x.png) transparent no-repeat; width: 226px; height: 22px; background-size: 100%; margin: 15px auto 30px; display: block; }

.cherryDayTitle .selectBoxWrap { position: relative; top: 30px; display: flex; justify-content: right; margin-bottom: 15px; }

.cherryDayTitle .selectBoxWrap .selectBox { width: 100px; margin-right: 0; }

.cherryDayTitle .selectBoxWrap .selectBox .btnSelect { height: auto; border-bottom: none; background-color: rgba(255, 255, 255, 0.15); border-radius: 10px; padding: 5px 17px; }

.cherryDayTitle .selectBoxWrap .selectBox .btnSelect:after { right: 10px; width: 16px; height: 16px; background: url(/assets/web/images/ico/ic-arrow-down-white-trans@3x-cdee164e16ce3f43ca6e59210cace434.png) center no-repeat; background-size: 100%; }

.cherryDayTitle .selectBoxWrap .selectBox .btnSelect:hover { background-color: rgba(255, 255, 255, 0.2); }

.cherryDayTitle .selectBoxWrap .selectBox .btnSelect.open { background-color: rgba(255, 255, 255, 0.2); }

.cherryDayTitle .selectBoxWrap .selectBox .btnSelect span { font-size: 16px; font-weight: 700; color: #fff; padding-bottom: 1px; }

.cherryDayTitle .selectBoxWrap .selectBox .optionList { top: 37px; border-radius: 10px; border: none; padding: 9px 0; }

.cherryDayTitle.y2020 .selectBoxWrap .selectBox .optionList { background-color: #F69797; }

.cherryDayTitle.y2021 .selectBoxWrap .selectBox .optionList { background-color: #916AA3; }

.cherryDayTitle.y2022 .selectBoxWrap .selectBox .optionList { background-color: #4DBFB8; }

.cherryDayTitle.y2023 .selectBoxWrap .selectBox .optionList { background-color: #FF7A96; }

.cherryDayTitle.y2024 .selectBoxWrap .selectBox .optionList { background-color: #D64955; }

.cherryDayTitle .selectBoxWrap .selectBox .optionList .option { margin-top: 0; }

.cherryDayTitle .selectBoxWrap .selectBox .optionList .option .btnOption { width: 100%; text-align: left; padding: 5px 17px; }

.cherryDayTitle .selectBoxWrap .selectBox .optionList .option .btnOption:hover { background-color: rgba(255, 255, 255, 0.1); }

.cherryDayTitle .selectBoxWrap .selectBox .optionList .option .btnOption span { font-size: 15px; color: #fff; }

.videoContainer { position: relative; margin-left: auto; margin-right: auto; padding-bottom: 54%; padding-top: 30px; height: 0; }

.videoContainer .videoWrap video { width: 100% !important; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width .3s linear; transition: width .3s linear; z-index: 1; }

.infoFrme .txt3q { color: #524e4e; font-size: 16px; text-align: center; margin-top: 20px; }

.infoFrme .boxGray { background-color: #f1f1f1; border-radius: 6px; text-align: center; margin-top: 30px; }

.infoFrme .boxGray .normal { color: #524e4e; font-size: 14px; font-weight: 500; word-break: keep-all; line-height: 20px; }

.infoFrme .boxGray .normal span { color: #524e4e; }

.hallList { text-align: center; }

.hallList article { text-align: left; }

.hallList article .ellipsis2 { font-weight: 500; }

.hallList .runRankingWrap .runRankingList .runRanking:nth-child(1) { border-bottom: 0; padding-top: 10px; padding-bottom: 10px; }

.hallList .runRankingWrap .runRankingList .runRanking:nth-child(2) { padding-top: 10px; }

.hallList .aside { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 18px; margin-bottom: 20px; word-break: keep-all; padding-left: 28px; padding-right: 28px; }

.hallList .aside span { word-break: keep-all; }

.hallList .aside .w-block { color: #9d9d9d; }

.hallList .lotteWrap dt { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 143px; height: 41px; display: inline-block; background-position: -128px -181px; background-size: 500px 500px; }

.hallList .ipaWrap dt { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 178px; height: 41px; display: inline-block; background-position: -228px -456px; background-size: 500px 500px; }

.hallList .lotteWrap, .hallList .ipaWrap { background-color: #feefec; padding: 24px 20px 20px 20px; border-radius: 6px; margin-bottom: 10px; }

.hallList .lotteWrap dt, .hallList .ipaWrap dt { font-size: 0; color: transparent; line-height: 0; }

.hallList .lotteWrap dd, .hallList .ipaWrap dd { margin-top: 3px; text-align: left; }

.hallList .lotteWrap dd p, .hallList .ipaWrap dd p { font-size: 13px; font-weight: 500; color: #797979; word-break: keep-all; line-height: 18px; margin-top: 10px; }

.hallList .churchWrap { border: 1px solid #E6E6E6; background-color: #fff; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08); padding: 25px 20px; border-radius: 6px; margin: 10px 24px; }

.hallList .churchWrap dt { font-size: 0; color: transparent; line-height: 0; margin-bottom: 5px; }

.hallList .churchWrap dd { margin-top: 3px; text-align: left; }

.hallList .churchWrap dd p { font-size: 13px; font-weight: 500; color: #797979; word-break: keep-all; line-height: 18px; margin-top: 10px; }

.hallList .churchWrap.lotte dt { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 143px; height: 41px; display: inline-block; background-position: -128px -181px; background-size: 500px 500px; }

.hallList .churchWrap.ipa dt { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 178px; height: 41px; display: inline-block; background-position: -228px -456px; background-size: 500px 500px; }

.hallList .churchWrap.canaan dt { background: url("/assets/web/images/content/church-special-2022-01@3x-adb781e2d9fc7f6384e6b4edc7baaec8.png") transparent no-repeat; width: 60px; height: 45px; display: inline-block; background-size: 100%; }

.hallList .churchWrap.daeyoung dt { background: url("https://image.cherry.charity/static/publish/fame/church/church-special-daeyoung@3x.png") transparent no-repeat; width: 130px; height: 40px; display: inline-block; background-size: 100%; }

.hallList .churchWrap.gmf dt { background: url("https://image.cherry.charity/static/publish/fame/church/church-special-gmf@3x.png") transparent no-repeat; width: 73px; height: 45px; display: inline-block; background-size: 100%; }

.hallList .churchWrap.est dt { background: url("https://image.cherry.charity/static/publish/fame/company/company-special-est-security@3x.png") transparent no-repeat; width: 95px; height: 45px; display: inline-block; background-size: 100%; }

.hallList .churchWrap.imbank dt { background: url("https://image.cherry.charity/static/publish/fame/company/company-special-im-bank@3x.png") transparent no-repeat; width: 158px; height: 40px; display: inline-block; background-size: 100%; }

.halltitle { text-align: center; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 167px; height: 107px; display: inline-block; background-position: -2.5px -392px; background-size: 500px 500px; margin: 60px auto 20px auto; }

.halltitle p { margin-top: 60px; font-size: 19px; font-weight: 700; line-height: 22px; }

.cherryDayFooter { background-color: #f1f1f1; text-align: center; padding-bottom: 48px; }

.cherryDayFooter .normal { font-size: 15px; font-weight: 500; color: #524e4e; line-height: 22px; padding-top: 40px; padding-bottom: 48px; padding-left: 25px; padding-right: 25px; word-break: keep-all; }

.cherryDayFooter .normal span { display: block; color: #524e4e; word-break: keep-all; }

.cherryDayFooter i { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 117px; height: 23px; display: inline-block; background-position: 0px -250px; background-size: 500px 500px; }

.cherryDayFooter .w-block:last-child { margin-top: 20px; }

@media (max-width: 767px) { .cherryDayTitle.y2021 .normal .tmargin { margin-top: 10px; }
  .cherryDayFooter .w-block:last-child { display: block; }
  .hallList .lotteWrap, .hallList .ipaWrap { margin-top: 10px; margin-left: 25px; margin-right: 25px; }
  .hallList .lotteWrap { margin-bottom: 0; }
  .hallList .ipaWrap { margin-bottom: 60px; }
  .cherryDayTitle .selectBoxWrap { top: 18px; }
  .cherryDayTitle .selectBoxWrap .selectBox { margin-right: 18px; } }

@media (min-width: 768px) { .cherryDayTitle .normal br { display: none; } }

.runResultCptr { max-width: 620px; margin-left: auto; margin-right: auto; }

.runResultCptr .captureArea { height: 499px; text-align: center; }

.runResultCptr .captureArea .opacityWrap { background-color: rgba(53, 61, 80, 0.9); height: 100%; padding-top: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.runResultCptr h1 { margin-left: auto; margin-right: auto; width: 208px; height: 96px; background: url("/assets/web/images/content/run_title-c7a45c4a07b4d75b21a93bac06105ca6.png") no-repeat center center; background-size: auto 100%; }

.runResultCptr .resultStep { display: inline-block; margin-top: 20px; margin-left: auto; margin-right: auto; position: relative; color: #f1cc61; padding-left: 35px; padding-right: 35px; background: url("/assets/web/images/ico/runBayL-7b821560585d82be8e6be73fa695fa49.png"), url("/assets/web/images/ico/runBayR-f74d140a4d72ae4985608250405d810f.png"); background-position: left top, right top; background-repeat: no-repeat, no-repeat; background-size: auto 100%; /*&:after, &:before {position: absolute;content:"";top:-8px;@include imgIcons2(92, 162, -632, -446);} &:after {right:-35px;} &:before {left:-35px;transform: rotateY(180deg);}*/ }

.runResultCptr .resultStep em { font-size: 38px; font-weight: 500; line-height: 43px; }

.runResultCptr .resultStep p { font-size: 20px; font-weight: 500; line-height: 26px; }

.runResultCptr .resultPhoto { display: block; margin-top: 35px; margin-left: auto; margin-right: auto; width: 190px; height: 180px; position: relative; }

.runResultCptr .resultPhoto input[type="file"] { width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

.runResultCptr .resultPhoto label { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; cursor: pointer; }

.runResultCptr .resultPhoto label .uploadImage { display: block; width: 100%; height: 100%; margin-left: auto; margin-right: auto; }

.runResultCptr .resultPhoto label .uploadImage img { -o-object-fit: cover; object-fit: cover; border-radius: 12px; }

.runResultCptr .resultPhoto label p { font-size: 14px; line-height: 24px; color: #fff; text-align: center; margin-top: 8px; }

.runResultCptr .resultTags { margin-top: 18px; }

.runResultCptr .resultTags .tagRun { font-size: 13px; line-height: 24px; color: #cbcbcb; }

.runResultCptr .btnArea { z-index: 1; }

.runResultCptr.run2021 .captureArea .opacityWrap { background-color: rgba(35, 117, 140, 0.9); }

.runResultCptr.run2021 h1.run2021 { background-image: none; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 116px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.runResultCptr.run2021 h1.run2021 .logo { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 73px; height: 48px; display: inline-block; background-position: -176px -405px; background-size: 500px 500px; font-size: 0; color: transparent; line-height: 0; }

.runResultCptr.run2021 h1.run2021 .normal { color: #fff; word-break: keep-all; line-height: 23px; display: block; width: 100%; margin-bottom: 15px; }

.runResultCptr.run2021 .resultStep { margin-top: 0; }

.runResultCptr.run2021 .resultTags .tagRun { font-size: 16px; font-weight: 500; }

.runResultCptr2 { padding-top: 22px !important; }

.runResultCptr2 .captureArea { position: relative; max-width: 460px; margin-left: auto; margin-right: auto; }

.runResultCptr2 .before { width: 100%; height: auto; background-color: #e6e6e6; }

.runResultCptr2 .customImg { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; }

.runResultCptr2 .customImg + .before { background-color: inherit; }

.runResultCptr2 .certify { width: 131px; height: auto; position: absolute; top: 0; right: 0; }

.runResultCptr2 .resultPhoto { width: 90px; height: 90px; position: absolute; display: block; background-color: rgba(0, 0, 0, 0.4); border-radius: 120px; text-align: center; left: 50%; top: 50%; -webkit-transform: translate(-50%, calc(-50% - 10px)); transform: translate(-50%, calc(-50% - 10px)); }

.runResultCptr2 .resultPhoto label { display: block; height: 100%; }

.runResultCptr2 .resultPhoto input[type="file"] { width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

.runResultCptr2 .resultPhoto .uploadImage { display: block; height: 100%; }

.runResultCptr2 .resultPhoto .uploadImage img { width: 45px; height: auto; margin-top: 25px; }

.runResultCptr2 .opacityWrap { position: absolute; bottom: 30px; left: 20px; width: 100%; }

.runResultCptr2 .opacityWrap .profile { width: 60px; height: 60px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); -o-object-fit: cover; object-fit: cover; float: left; margin-right: 15px; margin-top: -10px; }

.runResultCptr2 .opacityWrap .resultDate { float: left; margin-top: 10px; padding-right: 20px; }

.runResultCptr2 .opacityWrap .resultDate dd { font-size: 13px; color: #fff; }

.runResultCptr2 .opacityWrap .resultDate dt { font-size: 14px; font-weight: 500; color: #fff; line-height: 20px; word-break: keep-all; }

.runResultCptr2 .opacityWrap .resultStep { clear: both; font-size: 18px; font-weight: 500; color: #fff; padding-top: 10px; word-break: keep-all; width: 90%; }

.runShareWrap .resultTxt { padding-top: 12px; padding-bottom: 5px; text-align: center; word-break: keep-all; color: #9d9d9d; font-size: 13px; }

.runShareWrap .optionalWrap { padding-top: 20px; }

.runShareWrap .optionalWrap button { position: relative; text-indent: inherit; }

.runShareWrap .optionalWrap button span { position: absolute; bottom: -25px; color: #524e4e; font-size: 14px; font-weight: 500; display: block; left: 0; width: 100%; text-align: center; }

.runShareWrap .optionalWrap .optionSave { margin-left: 38px; }

.runShareWrap .helperWrap { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; }

.runShareWrap .helperWrap dt { font-size: 14px; font-weight: 500; color: #524e4e; padding-top: 23px; padding-bottom: 2px; }

.runShareWrap .helperWrap dd { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.runShareWrap .banner { height: 50px; border: solid 1px #f1f1f1; width: 48.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.runShareWrap .banner img { max-height: 40px; height: auto; -o-object-fit: contain; object-fit: contain; }

.runShareWrap .banner.ty01 { padding-left: 10px; padding-right: 10px; }

.runShareWrap .banner.ty02 { padding-left: 15px; padding-right: 15px; }

.runShareWrap .banner.ty03 { padding-left: 40px; padding-right: 40px; }

.runShareWrap .banner.ty04 { padding-left: 26px; padding-right: 26px; }

.runShareWrap .banner.ty04 img { max-height: 30px; }

.acuteContainer .thirdDlWrap { margin-top: 20px; }

.acuteContainer .thirdDlWrap li { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; padding: 12px 22px 13px; color: #9d9d9d; -webkit-box-sizing: border-box; box-sizing: border-box; }

.acuteContainer .thirdDlWrap li:first-child { border-left: 1px solid #cbcbcb; }

.acuteContainer .thirdDlWrap li:last-child { border-right: 1px solid #cbcbcb; }

.acuteContainer .thirdDlWrap li + li { border-left: 1px solid #cbcbcb; }

.acuteContainer .thirdDlWrap li.active { border-top: 1px solid #f4907e; border-bottom: 1px solid #f4907e; position: relative; color: #f4907e; }

.acuteContainer .thirdDlWrap li.active:before { display: block; height: 100%; width: 1px; content: ""; position: absolute; background-color: #f4907e; top: 0; left: -1px; }

.acuteContainer .thirdDlWrap li.active:after { display: block; height: 100%; width: 1px; content: ""; position: absolute; background-color: #f4907e; top: 0; right: -1px; }

.acuteContainer .thirdDlWrap li dl { width: 100%; }

.acuteContainer .thirdDlWrap li dt { font-size: 18px; margin-bottom: 10px; position: relative; }

.acuteContainer .thirdDlWrap li dt > .btnPrimaryTy01 { height: 29px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 28px; position: absolute; right: 0; top: -5px; padding: 0; min-width: 93px; }

.acuteContainer .thirdDlWrap li dt > .btnPrimaryTy01 span { font-size: 12px; display: inline-block; line-height: 28px; }

.acuteContainer .thirdDlWrap li dd { font-size: 14px; line-height: 21px; }

.acuteContainer .thirdDlWrap li dd:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }

.acuteContainer .thirdDlWrap li dd em { float: left; display: block; }

.acuteContainer .thirdDlWrap li dd span { float: right; display: block; }

.acuteContainer .upperWrap { position: absolute; right: -2px; top: -5px; }

.acuteContainer .upperWrap .btnPrimaryTy01 { height: 29px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 28px; padding: 0; min-width: 68px; display: inline-block; }

.acuteContainer .upperWrap .btnPrimaryTy01 span { font-size: 12px; display: inline-block; line-height: 28px; }

.acuteContainer .upperWrap .checkbox { display: inline-block; line-height: 30px; margin-left: 5px; }

.acuteContainer .upperWrap .checkbox label span { font-size: 12px; color: #9d9d9d; }

.acuteContainer .upperWrap .tooltipWrap .icoInfo { margin-top: 7px; }

.campaignVisual .prflArea { position: relative; }

.campaignVisual .prflArea .logo { background-color: #fff; border-radius: 50%; }

@media (max-width: 767px) { .campaignVisual .prflArea .logo { width: 35px; height: 35px; }
  .campaignVisual .prflArea .name { position: absolute; left: 40px; top: 2px; width: 87%; }
  .campaignVisual .prflArea .tit { width: 100%; min-width: 232px; margin-top: 5px; word-break: keep-all; } }

@media (min-width: 768px) { .campaignVisual .prflArea .logo { width: 45px; height: 45px; cursor: pointer; }
  .campaignVisual .prflArea .name { position: absolute; left: 55px; top: 2px; width: 100%; cursor: pointer; }
  .campaignVisual .prflArea .tit { width: 100%; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } }

/* 나눔지기 모금함 관리 */
.boxItem .prflArea { position: relative; padding-top: 55px; padding-left: 15px; padding-right: 15px; }

.boxItem .prflArea .logo { width: 28px; height: 28px; display: block; }

.boxItem .prflArea .logo img { width: 100%; height: auto; border-radius: 50%; }

.boxItem .prflArea .name { font-size: 10px; line-height: 22px; color: #fff; }

.boxItem .prflArea .tit { font-size: 13px; font-weight: 500; line-height: 18px; color: #fff; height: 36px; }

.boxItem { width: 180px; height: 186px; position: relative; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.boxItem:hover:before { position: absolute; display: block; content: ""; width: 180px; height: 186px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12); border: solid 1px #cbcbcb; top: 0; left: 0; }

.infoBack { width: 150px; height: 156px; border-radius: 6px; position: relative; }

.infoBack:before { position: absolute; display: block; content: ""; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(36, 36, 36, 0.5)); bottom: 0; left: 0; border-radius: 0 0 6px 6px; }

.orderableBoxList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 100px; }

.orderableBoxList li { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; position: relative; margin-top: 20px; }

.orderableBoxList li:before { position: absolute; display: block; content: ""; width: 20px; height: 20px; font-size: 14px; color: #9d9d9d; left: 0; top: 0; }

.orderableBoxList li:nth-child(1):before { content: "1."; }

.orderableBoxList li:nth-child(2):before { content: "2."; }

.orderableBoxList li:nth-child(3):before { content: "3."; }

.orderableBoxList li:nth-child(4):before { content: "4."; }

.orderableBoxList li:nth-child(5):before { content: "5."; }

.orderableBoxList li:nth-child(6):before { content: "6."; }

.orderableBoxList li:nth-child(7):before { content: "7."; }

.orderableBoxList li:nth-child(8):before { content: "8."; }

.orderableBoxList li:nth-child(9):before { content: "9."; }

.orderableBoxList li:nth-child(10):before { content: "10."; }

.orderableBoxList li:nth-child(11):before { content: "11."; }

.orderableBoxList li:nth-child(12):before { content: "12."; }

.orderableBoxList li:nth-child(13):before { content: "13."; }

.orderableBoxList li:nth-child(14):before { content: "14."; }

.orderableBoxList li:nth-child(15):before { content: "15."; }

.orderableBoxList li:nth-child(16):before { content: "16."; }

.orderableBoxList li:nth-child(17):before { content: "17."; }

.orderableBoxList li:nth-child(18):before { content: "18."; }

.orderableBoxList li:nth-child(19):before { content: "19."; }

.orderableBoxList li:nth-child(20):before { content: "20."; }

.orderableBoxList li:nth-child(21):before { content: "21."; }

.orderableBoxList li:nth-child(22):before { content: "22."; }

.orderableBoxList li:nth-child(23):before { content: "23."; }

.orderableBoxList li:nth-child(24):before { content: "24."; }

.orderableBoxList li:nth-child(25):before { content: "25."; }

.orderableBoxList li:nth-child(26):before { content: "26."; }

.orderableBoxList li:nth-child(27):before { content: "27."; }

.orderableBoxList li:nth-child(28):before { content: "28."; }

.orderableBoxList li:nth-child(29):before { content: "29."; }

.orderableBoxList li:nth-child(30):before { content: "30."; }

.orderableBoxList li:nth-child(31):before { content: "31."; }

.orderableBoxList li:nth-child(32):before { content: "32."; }

.orderableBoxList li:nth-child(33):before { content: "33."; }

.orderableBoxList li:nth-child(34):before { content: "34."; }

.orderableBoxList li:nth-child(35):before { content: "35."; }

.orderableBoxList li:nth-child(36):before { content: "36."; }

.orderableBoxList li:nth-child(37):before { content: "37."; }

.orderableBoxList li:nth-child(38):before { content: "38."; }

.orderableBoxList li:nth-child(39):before { content: "39."; }

.orderableBoxList li:nth-child(40):before { content: "40."; }

.orderableBoxList li:nth-child(41):before { content: "41."; }

.orderableBoxList li:nth-child(42):before { content: "42."; }

.orderableBoxList li:nth-child(43):before { content: "43."; }

.orderableBoxList li:nth-child(44):before { content: "44."; }

.orderableBoxList li:nth-child(45):before { content: "45."; }

.orderableBoxList li:nth-child(46):before { content: "46."; }

.orderableBoxList li:nth-child(47):before { content: "47."; }

.orderableBoxList li:nth-child(48):before { content: "48."; }

.orderableBoxList li:nth-child(49):before { content: "49."; }

.orderableBoxList li:nth-child(50):before { content: "50."; }

.orderableBoxList li:nth-child(51):before { content: "51."; }

.orderableBoxList li:nth-child(52):before { content: "52."; }

.orderableBoxList li:nth-child(53):before { content: "53."; }

.orderableBoxList li:nth-child(54):before { content: "54."; }

.orderableBoxList li:nth-child(55):before { content: "55."; }

.orderableBoxList li:nth-child(56):before { content: "56."; }

.orderableBoxList li:nth-child(57):before { content: "57."; }

.orderableBoxList li:nth-child(58):before { content: "58."; }

.orderableBoxList li:nth-child(59):before { content: "59."; }

.orderableBoxList li:nth-child(60):before { content: "60."; }

.orderableBoxList li:nth-child(61):before { content: "61."; }

.orderableBoxList li:nth-child(62):before { content: "62."; }

.orderableBoxList li:nth-child(63):before { content: "63."; }

.orderableBoxList li:nth-child(64):before { content: "64."; }

.orderableBoxList li:nth-child(65):before { content: "65."; }

.orderableBoxList li:nth-child(66):before { content: "66."; }

.orderableBoxList li:nth-child(67):before { content: "67."; }

.orderableBoxList li:nth-child(68):before { content: "68."; }

.orderableBoxList li:nth-child(69):before { content: "69."; }

.orderableBoxList li:nth-child(70):before { content: "70."; }

.orderableBoxList li:nth-child(71):before { content: "71."; }

.orderableBoxList li:nth-child(72):before { content: "72."; }

.orderableBoxList li:nth-child(73):before { content: "73."; }

.orderableBoxList li:nth-child(74):before { content: "74."; }

.orderableBoxList li:nth-child(75):before { content: "75."; }

.orderableBoxList li:nth-child(76):before { content: "76."; }

.orderableBoxList li:nth-child(77):before { content: "77."; }

.orderableBoxList li:nth-child(78):before { content: "78."; }

.orderableBoxList li:nth-child(79):before { content: "79."; }

.orderableBoxList li:nth-child(80):before { content: "80."; }

.orderableBoxList li:nth-child(81):before { content: "81."; }

.orderableBoxList li:nth-child(82):before { content: "82."; }

.orderableBoxList li:nth-child(83):before { content: "83."; }

.orderableBoxList li:nth-child(84):before { content: "84."; }

.orderableBoxList li:nth-child(85):before { content: "85."; }

.orderableBoxList li:nth-child(86):before { content: "86."; }

.orderableBoxList li:nth-child(87):before { content: "87."; }

.orderableBoxList li:nth-child(88):before { content: "88."; }

.orderableBoxList li:nth-child(89):before { content: "89."; }

.orderableBoxList li:nth-child(90):before { content: "90."; }

.orderableBoxList li:nth-child(91):before { content: "91."; }

.orderableBoxList li:nth-child(92):before { content: "92."; }

.orderableBoxList li:nth-child(93):before { content: "93."; }

.orderableBoxList li:nth-child(94):before { content: "94."; }

.orderableBoxList li:nth-child(95):before { content: "95."; }

.orderableBoxList li:nth-child(96):before { content: "96."; }

.orderableBoxList li:nth-child(97):before { content: "97."; }

.orderableBoxList li:nth-child(98):before { content: "98."; }

.orderableBoxList li:nth-child(99):before { content: "99."; }

.orderableBoxList li:nth-child(100):before { content: "100."; }

.cmeContainer .rescreeningArea .rowTit { font-size: 18px; font-weight: 500; }

.cmeContainer .rescreeningArea .normal { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; margin-top: 5px; }

.cmeContainer .rescreeningArea .right .btnReload { line-height: 32px; }

.cmeContainer .rescreeningArea .right .btnReload span { font-size: 13px; }

.cmeContainer .rescreeningArea .right .ty32.btnPrimaryTy03 { min-width: 80px; margin-left: 18px; }

.cmeContainer .rescreeningArea .right .ty32.btnPrimaryTy05 { padding-left: 20px; padding-right: 20px; margin-left: 8px; }

.hdTyInfo em { color: #f88570; }

.hdTyInfo .btnToggle { position: relative; cursor: pointer; text-align: left; padding-top: 20px; }

@media (max-width: 767px) { .hdTyInfo .btnToggle { padding-left: 32px; padding-right: 55px; } }

@media (min-width: 768px) { .hdTyInfo .btnToggle { padding-right: 30px; } }

.hdTyInfo .btnToggle .initialTit { font-size: 13px; line-height: 20px; color: #9d9999; text-align: left; word-break: keep-all; }

.hdTyInfo .btnToggle:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; background: url("/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png") 0 0 no-repeat; background-size: 100% auto; opacity: .6; bottom: 0; }

@media (max-width: 767px) { .hdTyInfo .btnToggle:after { right: 20px; } }

@media (min-width: 768px) { .hdTyInfo .btnToggle:after { right: 5px; } }

.hdTyInfo .toggleContent { background-color: #f8f8f8; position: relative; text-align: left; padding-left: 32px; padding-right: 32px; font-size: 13px; line-height: 20px; }

.hdTyInfo .toggleContent:after { position: absolute; display: block; content: ""; width: 100%; height: 40px; background-color: #f8f8f8; left: 0; bottom: -40px; }

.hdTyInfo .toggleContent dt { font-weight: 500; color: #524e4e; padding-top: 20px; }

.hdTyInfo .toggleContent dd { padding-top: 2px; word-break: keep-all; }

.hdTyInfo .toggleContent dd + dd { margin-top: 18px; }

.hdTyInfo.on .btnToggle { padding-bottom: 20px; }

.hdTyInfo.on .btnToggle:after { background: url("/assets/web/images/ico/btn-dropdown-up@3x-a9c0d2f7093e173b0b8fc10191e82b9f.png") 0 0 no-repeat; background-size: 100% auto; margin-bottom: 20px; }

.icoTyInfo { text-indent: 25px; line-height: 20px; font-size: 13px; color: #f88570; position: relative; text-align: left; }

.icoTyInfo:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -388px -217px; background-size: 500px 500px; position: absolute; left: 0; top: -1px; content: ""; }

.itInfoWrap .icoTyInfo { margin-top: 20px; }

@media (max-width: 767px) { .itInfoWrap .icoTyInfo { margin-left: 32px; } }

.changeMyPage { position: relative; }

.stChgWrap { position: absolute; text-align: right; font-weight: 500; }

@media (max-width: 767px) { .stChgWrap { right: 16px; top: 40px; } }

@media (min-width: 768px) { .stChgWrap { right: 0; top: 0; } }

@media (max-width: 300px) { .stChgWrap { top: 20px; } }

.stChgWrap .btnUnderLineTy01 { font-size: 14px; font-weight: 500; }

.cmpChkWrap .btnUnderLineTy05 { padding-top: 5px; margin-bottom: 15px; }

.cmpChkWrap .checkbox { padding-top: 15px; }

.cmpChkWrap .checkbox input[type="checkbox"] + label > span { font-size: 13px; line-height: 18px; color: #9d9d9d; }

.cmpChkWrap .checkbox label { display: block; }

.cmpChkWrap .checkbox label span { padding-left: 15px; }

.cmpChkWrap .checkbox label:before { top: 0; left: 0; position: absolute; }

.icoTyBox { border: solid 1px #f4907e; background-color: rgba(255, 255, 255, 0.6); }

.joinChkWrap dt { font-size: 15px; font-weight: 500; color: #524e4e; }

.joinChkWrap dt .btnUnderLineTy05 { display: block; margin-top: 15px; }

.joinChkWrap dd { font-size: 13px; line-height: 20px; color: #524e4e; margin-top: 15px; margin-bottom: 30px; }

.joinChkWrap dd.optHdn { display: none; }

.impactInfoWrap .impactIcon { width: 100%; object-fit: cover; }

.impactInfoWrap .impactIcon.active { -webkit-animation-name: impactBounce; animation-name: impactBounce; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }

.pChgWrap { position: absolute; text-align: right; top: 15px; right: 30px; }

.pChgWrap .btnUnderLineTy02 { font-size: 15px; }

.signUpWrap .logo { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 130px; height: 92px; display: inline-block; background-position: 0px -272px; background-size: 500px 500px; margin: 0 auto; text-indent: -9999px; overflow: hidden; }

.signUpWrap .btnWrapTy03 { margin-bottom: 17px; }

@media (max-width: 360px) { .singUpWrapSub .agreeWrap { padding: 27px 0 17px; } }

.linkWrap .btnUnderLineTy08 { display: block; }

.linkWrap .btnUnderLineTy08 + .btnUnderLineTy08 { margin-top: 20px; }

.linkWrap .btnUnderLineTy08:last-child { margin-bottom: 25px; }

.flexMidWrap { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.chkMark { display: block; width: 112px; height: 112px; border-radius: 50%; background-color: #f8f8f8; margin: 0 auto; position: relative; }

.chkMark:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 42px; height: 31px; display: inline-block; background-position: -336px -217px; background-size: 500px 500px; position: absolute; content: ""; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.fmContens { padding-left: 40px; padding-right: 40px; margin-top: 20px; }

.fmContens dl { margin-top: 45px; text-align: center; }

.fmContens dl dt { font-size: 21px; font-weight: 500; color: var(--color-bb, #242424); padding-bottom: 30px; }

.fmContens dl dd { font-size: 15px; color: #524e4e; word-break: keep-all; line-height: 22px; }

.fmContens dl dd.normal + .normal { margin-top: 25px; }

.fmContens dl dd p { margin-top: 40px; }

.fmContens dl dd .btnUnderLineTy05 { font-size: 16px; font-weight: 500; margin-top: 10px; }

.sendLinkBox { margin-top: 30px; background-color: #f8f8f8; padding: 20px; position: relative; text-align: center; }

.sendLinkBox:before { position: absolute; display: block; content: ""; width: 30px; height: 100%; background-color: #f8f8f8; left: -30px; top: 0; }

.sendLinkBox:after { position: absolute; display: block; content: ""; width: 30px; height: 100%; background-color: #f8f8f8; right: -30px; top: 0; }

.sendLinkBox button { width: 100%; max-width: 280px; margin-bottom: 5px; }

.sendLinkBox button.btnMidTy02 span { padding-left: 30px; position: relative; }

.sendLinkBox button.btnMidTy02 span:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 24px; height: 24px; display: inline-block; background-position: -328px -194px; background-size: 500px 500px; position: absolute; content: ""; left: 43%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 12px; }

.sendLinkBox .normal { min-height: 92px; 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; font-size: 16px; font-weight: 500; color: #242424; line-height: 24px; word-break: keep-all; }

.sendLinkBox .normal.url { word-break: break-all; }

.timeChk { font-size: 16px; line-height: 30px; color: #524e4e; margin-top: 15px; margin-bottom: 24px; text-align: center; }

.timeChk .stress, .timeChk .color_red { font-size: 18px; font-weight: 500; display: inline-block; padding-left: 10px; }

.timeChk .stress { color: #f88570; }

.lvTit { position: relative; }

.lvTit span { display: inline-block; padding-right: 15px; color: #9d9999; font-size: 15px; }

.lvTit .icoInfo { display: inline-block; vertical-align: middle; margin-bottom: 2px; position: absolute; z-index: 100; top: 2px; left: 50%; margin-left: 25px; }

.reactBContainer { background-color: #f1f1f1; padding: 18px 30px; color: var(--color-bb, #242424); font-size: 15px; line-height: 20px; }

@media (min-width: 768px) { .reactBContainer { padding-left: 100px; margin-bottom: 10px; } }

.reactBContainer p { word-break: keep-all; }

.impactInfoList li { padding: 25px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .impactInfoList li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 45%; padding: 15px 10px; } }

.impactInfoList li .impactInfoWrap { width: 75px; height: 75px; }

.impactInfoList li dl { margin-left: 30px; }

.impactInfoList li dl dd { color: #9d9d9d; font-size: 15px; }

.impactInfoList li dl dt { color: var(--color-bb, #242424); font-size: 20px; font-weight: 500; padding-top: 5px; }

.lineBoxClone { background-color: #f8f8f8; padding: 15px 17px; margin-top: 24px; text-align: left; }

@media (min-width: 768px) { .lineBoxClone { padding: 16px 24px; margin-top: 42px; } }

.lineBoxClone .infoDetail { color: #f4907e; margin-bottom: 15px; }

.lineBoxClone .btnUnderLineTy07 { display: block; }

.lineBoxClone .btnUnderLineTy07 + .btnUnderLineTy07 { margin-top: 5px; }

.smallTit { text-align: center; }

.smallTit dt { color: var(--color-bb, #242424); font-size: 18px; font-weight: 500; line-height: 25px; }

.smallTit dd { color: #9d9d9d; font-size: 14px; line-height: 25px; }

.toggleRadioBox { border: 1px solid #cccccc; display: inline-block; }

.toggleRadioBox .radioBox { display: inline-block; }

.toggleRadioBox .radioBox input + label { cursor: pointer; }

.toggleRadioBox .radioBox input + label:before { background: none; width: 0; }

.toggleRadioBox .radioBox input + label span { margin-left: 0; padding: 2px 5px; font-size: 14px; font-weight: normal; min-width: 65px; text-align: center; }

.toggleRadioBox .radioBox input:checked + label:before { background: none; width: 0; }

.toggleRadioBox .radioBox input:checked + label span { background-color: #cbcbcb; color: var(--color-bb, #242424); font-weight: 500; }

.conTit .toggleRadioBox { position: absolute; right: 0; top: 0; }

#frm_meetngInfo label { margin-bottom: 0; }

.sectLineContainer { background-color: #fff; padding-left: 30px; padding-right: 30px; }

.sectLineContainer .bLine_top:before { position: absolute; display: block; content: ""; width: 100%; height: 1.3px; background-color: var(--color-bb, #242424); top: 0; left: 0; }

.sectLineContainer .bLine_bottom:before { position: absolute; display: block; content: ""; width: 100%; height: 1.3px; background-color: var(--color-bb, #242424); bottom: 0; left: 0; }

.sectLineContainer p.bLine_top { padding-top: 20px; padding-bottom: 30px; text-align: center; font-size: 13px; font-weight: 500; color: #9d9999; position: relative; word-break: keep-all; }

.sectLineContainer h5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-bb, #242424); border-bottom: 1px solid #f1f1f1; position: relative; }

.sectLineContainer h5 .left { font-size: 15px; font-weight: 500; }

.sectLineContainer h5 .right { font-size: 16px; font-weight: 500; }

.sectLineContainer .betweenList { margin-bottom: 10px; }

.sectLineContainer .betweenList li { line-height: 20px; padding-top: 5px; padding-bottom: 5px; }

.sectLineContainer .betweenList .left { font-size: 14px; font-weight: 500; color: #797979; -ms-flex-preferred-size: 95px; flex-basis: 95px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.sectLineContainer .betweenList .right { font-size: 15px; font-weight: 500; color: var(--color-bb, #242424); word-break: keep-all; }

.popContents .sectLineContainer { height: 700px; overflow-y: auto; margin-bottom: 0; padding-bottom: 30px; }

.inpListTy01 .tit .result { display: none; }

.inpListTy01 .finished .result { display: inline-block; }

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

.cardTyWrap .inputBoxTy02 + .inputBoxTy02 input { padding-left: 20px; }

.cardTyWrap .inputBoxTy02 + .inputBoxTy02:before { position: absolute; display: block; content: ""; width: 6px; height: 1px; background-color: #9d9999; top: 50%; left: 0; }

.btnDotTy { width: 24px; height: 24px; }

.btnDotTy i { display: block; position: relative; border-radius: 50px; width: 4px; height: 4px; background-color: #524e4e; margin-left: auto; margin-right: auto; }

.btnDotTy i:before { position: absolute; display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #524e4e; top: -6px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.btnDotTy i:after { position: absolute; display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #524e4e; bottom: -6px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.cherryCardWrap { padding: 20px 30px; }

.cherryCardWrap .btnsWrap { position: relative; }

.cherryCardWrap .crd_userInfo { position: relative; background-color: rgba(255, 166, 212, 0.3); display: inline-block; height: 10px; margin-top: 20px; padding-left: 3px; padding-right: 3px; border-radius: 1px; }

.cherryCardWrap .crd_userInfo span { font-size: 16px; font-weight: 500; color: #242424; display: inline-block; position: relative; margin-top: -12px; }

.cherryCardContainer .setDetail { display: none; padding-left: 30px; padding-right: 30px; }

.cherryCardContainer .setDetail .msg { font-size: 13px; color: #9d9999; margin-top: 12px; margin-bottom: 15px; }

.cherryCardContainer .setDetail .btnPrimaryTy01 { width: 100%; height: 48px; }

.cherryCardContainer .message { font-size: 13px; color: #9d9999; line-height: 20px; margin-top: 10px; margin-left: 30px; margin-right: 30px; word-break: keep-all; }

.cardLtContainder { padding: 10px 30px 20px 30px; }

.cardLtContainder .betweenList { padding-top: 20px; padding-bottom: 20px; }

.cardLtContainder .betweenList li + li { margin-top: 4px; }

.cardLtContainder .betweenList .left { font-size: 13px; font-weight: 500; color: #9d9999; line-height: 20px; width: 100%; display: block; }

.cardLtContainder .betweenList .right { line-height: 20px; width: 100%; display: block; }

.cardLtContainder .betweenList .right .non { display: inline-block; padding: 3px 12px 2px 13px; border-radius: 4px; border: solid 1px #f4907e; color: #f4907e; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 500; }

.cardLtContainder .betweenList .right .end, .cardLtContainder .betweenList .right .mng_non { display: inline-block; padding: 3px 12px 2px 13px; border-radius: 4px; background-color: #f8f8f8; color: #9d9d9d; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 500; }

.cardLtContainder .betweenList .right .mng_end { display: inline-block; padding: 3px 12px 2px 13px; border-radius: 4px; background-color: #feefec; color: #f4907e; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 500; }

.cardLtContainder .betweenList .ellipsis { width: 65%; font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; }

.cardLtContainder .betweenList .count { font-size: 14px; font-weight: 500; color: var(--color-bb, #242424); line-height: 20px; text-align: right; width: 100px; }

.selAlignWrap, .selSoloWrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.selAlignWrap .selInbuiltWrap .normal, .selSoloWrap .selInbuiltWrap .normal { font-size: 14px; width: 100%; text-align-last: inherit; }

.selAlignWrap .selectBoxWrap, .selSoloWrap .selectBoxWrap { width: 120px; padding: 10px 30px 0 20px; height: 50px; }

.selAlignWrap .selectBoxWrap .selectBox, .selSoloWrap .selectBoxWrap .selectBox { width: 100%; }

.selAlignWrap .selectBoxWrap .selectBox .btnSelect, .selSoloWrap .selectBoxWrap .selectBox .btnSelect { border-color: transparent; }

.selAlignWrap .selectBoxWrap .selectBox .optionList, .selSoloWrap .selectBoxWrap .selectBox .optionList { padding: 20px; }

@media (max-width: 300px) { .selAlignWrap .selectBoxWrap { padding: 10px 10px 0 20px; } }

.tbfootSt { margin-top: 18px; }

.tbfootSt td { height: 40px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #524e4e; }

.tbfootSt .item { text-align: left; padding-left: 8px; }

.tbfootSt .price { text-align: right; padding-right: 7px; }

.tbfootSt .red { color: #f9455f; }

.tbfootSt .detials .item { padding-left: 17px; }

.tbfootSt .detials td { border-bottom: 0; border-top: 0; }

.tbfootSt thead th { height: 40px; border-bottom: 1px solid #979797; vertical-align: middle; color: #524e4e; font-size: 12px; font-weight: 500; }

.spendingContainer { background-color: #fff; }

.spendingContainer .betweenList { padding-top: 15px; padding-bottom: 15px; background-color: #feefec; border-radius: 4px; margin-top: 30px; padding-left: 18px; padding-right: 18px; }

.spendingContainer .betweenList li { line-height: 25px; margin-top: 5px; color: #524e4e; }

.spendingContainer .betweenList .right .emphasis { font-weight: 500; font-size: 18px; }

.spendingContainer .betweenList .right .aside { font-weight: 500; font-size: 13px; color: #797979; display: block; }

.spendingContainer .betweenList .left { font-size: 14px; font-weight: 500; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.spendingContainer .workonwrap .title { font-size: 18px; font-weight: 500; color: var(--color-bb, #242424); text-align: center; line-height: 20px; line-height: 30px; }

.spendingContainer .workonwrap .title + .term { text-align: center; }

.spendingContainer .workonwrap .term { font-size: 13px; font-weight: 500; color: #524e4e; margin-top: 5px; }

.spendingContainer .workonwrap .selInbuiltWrap { width: 100%; border-bottom: 1px solid #524e4e; }

.spendingContainer .workonwrap .selInbuiltWrap select { width: 100%; text-align-last: inherit; padding-left: 0 !important; font-size: 18px; }

.spendingContainer .workonwrap .selectBoxWrap { height: 50px; }

.spendingContainer .workonwrap .selectBoxWrap .selectBox { width: 100%; margin-right: 0; }

.spendingContainer .workonwrap .selectBoxWrap .selectBox .btnSelect { height: 50px; border-color: #524e4e; padding-left: 0; }

.spendingContainer .workonwrap .selectBoxWrap .selectBox .btnSelect span { font-size: 18px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

.spendingContainer .workonwrap .selectBoxWrap .selectBox .btnSelect:after { right: 0; }

.spendingContainer .workonwrap .selectBoxWrap .selectBox .optionList { top: 50px; }

.spendingContainer .workonwrap .selectBoxWrap .selectBox .optionList .option button { text-align: left; }

.crd_opbtn { width: 100%; height: 50px; border-radius: 4px; border: solid 1px #cbcbcb; }

.crd_opbtn span { font-size: 16px; font-weight: 500; color: #524e4e; }

.crd_opbtn:hover { border: solid 1px #f4907e; background-color: #f4907e; }

.crd_opbtn:hover span { color: #fff; }

.crd_opbtn + .crd_opbtn { margin-top: 10px; }

@media (max-width: 767px) { .spendingContainer { border-radius: 4px; padding: 0 15px 60px 15px; }
  .spendingContainer .betweenList { position: relative; }
  .spendingContainer .betweenList:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; background-color: #f1f1f1; top: -28px; left: -15px; padding-right: 30px; }
  .spendingContainer .workonwrap { padding: 15px 15px 30px 15px; }
  .tbfootSt td { padding: 5px; }
  .gnbFull { width: 100% !important; }
  .gnbFull .btnBack { position: absolute; left: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block !important; }
  .gnbFull .tit { padding-left: 30px; }
  .exceptionCenter { position: absolute; right: 20px; top: 0; margin-top: 18px; }
  .cherryCardWrap .btnsWrap .btnDotTy { position: absolute; right: -10px; top: 0; }
  .selAlignWrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .selAlignWrap .selInbuiltWrap { min-width: 120px; padding: 10px 30px 0 20px; }
  .selSoloWrap .selInbuiltWrap { min-width: 120px; padding: 10px 30px 0 20px; }
  .cherryCardContainer .setDetail { padding-top: 8px; padding-bottom: 20px; }
  .cardWrapContainer { background-color: #fff; padding-bottom: 100px; padding-left: 15px; padding-right: 30px; }
  .cardWrapContainer .inpListTy01 { padding-top: 25px; }
  .sectLineContainer p.bLine_top { margin-top: 20px; }
  .contactTy header { font-size: 15px; font-weight: 500; color: #524e4e; line-height: 22px; margin-bottom: 5px; }
  .contactTy .popContents { padding: 30px 30px 50px 30px; }
  .contactTy .btnflexWrap { display: none; }
  .contactTy .btnPrimaryTy03.pcHidden { width: 100%; height: 50px; margin-bottom: 15px; } }

@media (min-width: 768px) { .myPageNotice .noticeList .notice + .notice { margin-top: 5px; }
  .spendingContainer { border-radius: 4px; margin-top: 20px; margin-bottom: 60px; padding: 20px 30px 60px 30px; }
  .spendingContainer .workonwrap { padding-top: 10px; padding-bottom: 10px; }
  .tbfootSt td { padding: 5px 9px; }
  .exceptionCenter { position: absolute; right: 50%; top: 75px; margin-right: -310px; }
  .cherryCardWrap { width: 375px; margin-left: auto; margin-right: auto; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
  .cherryCardWrap .btnsWrap { position: absolute; right: 16px; top: 20px; }
  .selAlignWrap .selInbuiltWrap, .selSoloWrap .selInbuiltWrap { min-width: 120px; padding: 15px 30px 0 20px; }
  .cherryCardContainer { background-color: #f1f1f1; padding-bottom: 40px; min-height: 500px; }
  .cherryCardContainer .btnTabWrap { background-color: #fff; text-align: center; margin-top: 20px; }
  .cherryCardContainer .btnTabWrap .btnTab { width: 200px; }
  .cherryCardContainer .tabCon { width: 620px; margin-top: 20px; margin-left: auto; margin-right: auto; background-color: #fff; border-radius: 4px; }
  .cherryCardContainer .setDetail { padding-top: 10px; padding-bottom: 25px; }
  .cherryCardContainer .message { margin-bottom: 20px; }
  .cardWrapContainer { background-color: #fff; margin-top: 20px; border-radius: 4px; padding-left: 30px; padding-right: 30px; }
  .cardWrapContainer + .btnArea { margin-top: 20px !important; }
  .cardWrapContainer .inpListTy01 { padding: 45px 110px 45px 110px; }
  .sectLineContainer { margin-top: 20px; margin-bottom: 60px; padding-top: 20px; border-radius: 4px; }
  .sectLineContainer p.bLine_top { margin-top: 40px; }
  .contactTy header { font-size: 16px; font-weight: 500; color: #524e4e; line-height: 24px; margin-bottom: 8px; }
  .contactTy .popContents .normal { padding-left: 20px; padding-right: 20px; }
  .contactTy.popTyBackDrop { width: 490px; padding: 30px 30px 25px 30px; border-radius: 4px; }
  .contactTy.popTyBackDrop#contactPopup2 { width: 375px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .contactTy .btnflexWrap button { width: 135px; height: 48px; margin: 30px auto 0 auto; } }

.contactTy { visibility: hidden; opacity: 0; }

.contactTy .popContents .normal { font-size: 14px; font-weight: 500; color: #9d9d9d; word-break: keep-all; line-height: 20px; text-align: left; }

.contactTy .popContents .normal a { color: #4e9ce5; word-break: keep-all; }

.cherryCardWrap { background-color: #feefec; }

.cherryCardWrap .amountInfo { font-size: 18px; font-weight: 500; text-align: right; }

.cherryCardWrap .selectBoxWrap .selectBox { min-width: 250px; min-height: 106px; }

.cherryCardWrap .selectBoxWrap .selectBox .clnSelect { font-weight: 500; }

.cherryCardWrap .selectBoxWrap .selectBox .btnSelect { border-bottom: 0; height: inherit; padding-left: 0; }

.cherryCardWrap .selectBoxWrap .selectBox .btnSelect em, .cherryCardWrap .selectBoxWrap .selectBox .clnSelect em { margin-top: 5px; }

.cherryCardWrap .selectBoxWrap .selectBox .btnSelect i, .cherryCardWrap .selectBoxWrap .selectBox .clnSelect i { display: block; margin-top: 8px; padding-top: 2px; padding-bottom: 3px; border-radius: 11.5px; background-color: #fff; width: 60px; text-align: center; color: #f7806b; font-size: 12px; }

.cherryCardWrap .selectBoxWrap .selectBox .btnSelect:after, .cherryCardWrap .selectBoxWrap .selectBox .clnSelect:after { top: 40px; -webkit-transform: inherit; transform: inherit; }

.cherryCardWrap .selectBoxWrap .selectBox .optionList { border-top: 1px solid #cbcbcb; padding: 22px 20px; top: 65px; max-height: 400px; overflow: auto; }

@media (min-width: 768px) { .cherryCardWrap .selectBoxWrap .selectBox .optionList { max-height: 620px; } }

.cherryCardWrap .selectBoxWrap .selectBox .optionList button i { position: relative; color: #f7806b; }

.cherryCardWrap .selectBoxWrap .selectBox .optionList button i:before { display: inline-block; content: "("; }

.cherryCardWrap .selectBoxWrap .selectBox .optionList button i:after { display: inline-block; content: ")"; }

.cherryCardWrap .selectBoxWrap .selectBox button > span, .cherryCardWrap .selectBoxWrap .selectBox .clnSelect > span { text-align: left; font-size: 15px; display: block; }

.cherryCardWrap .selectBoxWrap .selectBox button > span em, .cherryCardWrap .selectBoxWrap .selectBox .clnSelect > span em { display: block; font-size: 14px; }

.cherryCardWrap .selectBoxWrap .selectBox button > span i, .cherryCardWrap .selectBoxWrap .selectBox .clnSelect > span i { font-style: normal; }

.selectCloneWrap { width: 100%; }

.selectCloneWrap .selectBox { width: 50%; position: relative; float: left; min-width: 250px; min-height: 106px; }

.selectCloneWrap .selectBox:first-child { width: calc(50% - 20px); margin-right: 20px; }

.selectCloneWrap .selectBox .btnSelect { width: 100%; display: block; padding: 15px 9px 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; }

.selectCloneWrap .selectBox .btnSelect:after { content: ""; width: 24px; height: 24px; display: block; position: absolute; top: 50%; right: 9px; background: url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) 0 0 no-repeat; background-size: 100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.selectCloneWrap .selectBox .btnSelect span { font-size: 15px; font-weight: 500; color: #242424; display: block; text-align: left; }

.selectCloneWrap .selectBox .btnSelect span em { display: block; font-size: 14px; margin-top: 5px; }

.selectCloneWrap .selectBox .btnSelect span i { display: block; margin-top: 8px; padding-top: 2px; padding-bottom: 3px; border-radius: 11.5px; background-color: #fff; width: 60px; text-align: center; color: #f7806b; font-size: 12px; font-style: normal; }

.selectCloneWrap .selectBox .btnSelect.open + .optionList { display: block; }

.selectCloneWrap .selectBox .optionList { width: 100%; display: none; padding: 22px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 56px; left: 0; z-index: 10; background-color: #fff; border: 1px solid #cbcbcb; -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); }

.selectCloneWrap .selectBox .option { margin-top: 24px; }

.selectCloneWrap .selectBox .option:first-child { margin-top: 0; }

.selectCloneWrap .selectBox .option button > span { font-size: 15px; font-weight: 500; color: #9d9999; text-align: left; display: block; }

.selectCloneWrap .selectBox .option button > span em { display: block; font-size: 14px; }

.selectCloneWrap .selectBox .option button > span i { position: relative; color: #f7806b; font-style: normal; }

.selectCloneWrap .selectBox .option button > span i:before { display: inline-block; content: "("; }

.selectCloneWrap .selectBox .option button > span i:after { display: inline-block; content: ")"; }

.selectCloneWrap .selectBox .option.selected button > span { color: #242424; }

.formTyInbuilt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #cbcbcb; -webkit-box-sizing: border-box; box-sizing: border-box; }

.selInbuiltWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.selInbuiltWrap .normal { padding: 13px 30px 13px 10px; position: relative; font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); text-align-last: right; background: url("/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png") right center no-repeat; /*option { direction: rtl; }*/ }

.selInbuiltWrap .whiteTy { padding: 13px 30px 13px 10px; position: relative; font-size: 17px; font-weight: 500; color: #fff; text-align-last: left; background: url("/assets/web/images/ico/btn-dropdown-white-314f23e1c8bf80792283e7de9cd87d6c.png") right center no-repeat; min-width: 200px; }

.selInbuiltWrap .whiteTy option { color: var(--color-bb, #242424); }

@media (max-width: 767px) { .expInfoContainer .summary { text-align: center; padding: 20px 32px; line-height: 25px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .expInfoContainer .summary .name { font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); display: block; }
  .expInfoContainer .summary .price { font-size: 23px; font-weight: 500; color: var(--color-bb, #242424); display: block; margin-top: 5px; }
  .expInfoContainer .summary .btnUnderLineTy06 { margin-top: 12px; display: block; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
  .expInfoContainer .betweenList { padding-left: 30px; padding-right: 30px; padding-bottom: 19px; background-color: #fff; } }

@media (min-width: 768px) { .expInfoContainer { background-color: #fff; margin-top: 20px; border-radius: 4px; padding: 20px 30px; }
  .expInfoContainer .summary { padding-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding-bottom: 15px; border-bottom: 1px solid #cbcbcb; }
  .expInfoContainer .summary .name { font-size: 18px; font-weight: 500; color: var(--color-bb, #242424); display: block; }
  .expInfoContainer .summary .price { font-size: 23px; font-weight: 500; color: var(--color-bb, #242424); display: block; margin-top: 5px; }
  .expInfoContainer .summary .btnUnderLineTy06 { position: absolute; top: 0; right: 0; } }

.expInfoContainer .betweenList { padding-top: 10px; }

.expInfoContainer .betweenList li { line-height: 24px; margin-top: 11px; }

.expInfoContainer .betweenList .left { font-size: 14px; font-weight: 500; color: #797979; -ms-flex-preferred-size: 35%; flex-basis: 35%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.expInfoContainer .betweenList .right { font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); width: 100%; }

.expInputContainer { padding: 20px 30px; background-color: #fff; }

.expInputContainer h5 { font-size: 14px; font-weight: 500; color: #797979; -ms-flex-preferred-size: 80px; flex-basis: 80px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.expInputContainer .selInbuiltWrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-width: 120px; width: 100%; text-align: right; direction: rtl; }

.expInputContainer .selInbuiltWrap .normal { width: 100%; float: right; text-align: right; }

.expInputContainer .selectBoxWrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-width: 120px; width: 100%; text-align: right; }

.expInputContainer .selectBoxWrap .selectBox { width: 100%; }

.expInputContainer .selectBoxWrap .selectBox .btnSelect { border-color: transparent; height: 47px; padding: 0; }

.expInputContainer .selectBoxWrap .selectBox .btnSelect span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: right; padding-right: 30px; font-size: 16px; line-height: 30px; }

.expInputContainer .selectBoxWrap .selectBox .btnSelect:after { right: 0; }

.expInputContainer .selectBoxWrap .selectBox .optionList { top: 49px; }

.expInputContainer .selectBoxWrap .selectBox .optionList .option button { text-align: left; }

.expInputContainer .selClone { font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); display: inline-block; line-height: 20px; padding-right: 5px; padding-top: 15px; padding-bottom: 15px; text-align: right; word-break: keep-all; }

.expInputContainer .formTytit h5 { line-height: 49px; position: absolute; }

.expInputContainer .formTytit .icoInfo { position: absolute; z-index: 1; top: 14px; }

.expInputContainer .betweenList { margin-bottom: 12px; }

.expInputContainer .betweenList li { line-height: 24px; }

.expInputContainer .betweenList li .right { font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); }

.expInputContainer .betweenList li + li { padding-top: 11px; }

.expInputContainer .formTytbox .normal { font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); line-height: 22px; padding-top: 5px; padding-bottom: 5px; word-break: keep-all; }

@media (max-width: 767px) { .expInputContainer { margin-top: 8px; padding-bottom: 100px; }
  .expInputContainer .formTyInbuilt { margin-bottom: 20px; }
  .expInputContainer .formTytbox h5 { margin-bottom: 5px; }
  .expInputContainer .formTyfile h5 { margin-top: 20px; margin-bottom: 10px; }
  .expInputContainer .formTyfile .btnLineTy03 { width: 100%; margin-top: 12px; } }

@media (min-width: 768px) { .expInputContainer { margin-top: 10px; border-radius: 4px; }
  .expInputContainer.mb80 { margin-bottom: 80px; }
  .expInputContainer select { width: 370px; }
  .expInputContainer .formTyInbuilt + .formTyInbuilt { margin-top: 10px; }
  .expInputContainer .formTytbox h5 { margin-top: 10px; margin-bottom: 5px; }
  .expInputContainer .formTyfile h5 { margin-top: 10px; margin-bottom: 10px; }
  .expInputContainer .formTyfile .imgArea { text-align: center; }
  .expInputContainer .formTyfile .imgArea img { width: 310px; }
  .expInputContainer .formTyfile .btnLineTy03 { width: 310px; margin-top: 12px; margin-left: auto; margin-right: auto; } }

.expInputContainer + .btnArea { margin-top: 20px !important; }

.crd_title { font-size: 15px; font-weight: 500; color: #797979; padding-top: 20px; padding-left: 57px; position: relative; }

.crd_title:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 20px; height: 16px; display: inline-block; background-position: -291px -2px; background-size: 500px 500px; position: absolute; content: ""; display: block; left: 30px; bottom: 1px; }

.crd_usList { background-color: #fff; overflow: hidden; position: relative; }

.crd_usList .swiper-container { margin-top: 20px; position: relative; }

.crd_usList .swiper-container li { width: 308px; }

.crd_usList .swiper-container li.swiper-slide-active .dtl_over, .crd_usList .swiper-container li.swiper-slide-active .dtl_bold, .crd_usList .swiper-container li.swiper-slide-active .dtl_dull { -webkit-animation: txtmove 0.5s both; animation: txtmove 0.5s both; }

.crd_usList .crd_imgInfo { margin-bottom: 30px; }

.crd_usList .crd_imgInfo dt img { width: 308px; height: 196px; }

.crd_usList .crd_imgInfo dd { padding-top: 40px; text-align: center; height: 114px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.crd_usList .crd_imgInfo dd .dtl_over { font-size: 14px; font-weight: 500; color: #f7806b; line-height: 20px; opacity: 0; }

.crd_usList .crd_imgInfo dd .dtl_bold { font-size: 16px; font-weight: 500; color: #242424; line-height: 20px; margin-top: 10px; opacity: 0; padding-bottom: 3px; }

.crd_usList .crd_imgInfo dd .dtl_bold .color_red { font-size: 14px; }

.crd_usList .crd_imgInfo dd .dtl_dull { font-size: 13px; font-weight: 500; color: #797979; line-height: 20px; opacity: 0; }

.crd_usList .crd_rego { width: 302px; height: 190px; background-color: rgba(0, 0, 0, 0.6); border-radius: 10px; position: absolute; top: 0; left: 0; text-align: center; padding-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.crd_usList .crd_rego p { color: #fff; margin-top: 10px; font-size: 13px; font-weight: 500; line-height: 19px; }

.crd_usList .crd_rego button { color: #fff; border-radius: 16px; border: solid 1px #fff; line-height: 32px; padding-left: 12px; padding-right: 14px; font-size: 14px; font-weight: 500; margin-top: 10px; }

.crd_usList .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; bottom: 110px; width: 100%; }

.crd_usList .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .crd_usList .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.crd_usList .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.crd_usList .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #d8d8d8; margin-left: 5px; margin-right: 5px; }

.crd_usList .swiper-pagination-bullet-active { background: #524e4e; }

.crd_hdList { background-color: #fff; position: relative; padding-bottom: 30px; }

.crd_noList { width: 100%; }

.crd_noList div { width: 300px; height: 188px; margin-left: auto; margin-right: auto; background-color: #fff; border-radius: 6px; text-align: center; padding-top: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.crd_noList div:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 35px; height: 27px; display: inline-block; background-position: -314px -1px; background-size: 500px 500px; content: ""; top: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; }

.crd_noList div .noti { font-size: 14px; font-weight: 500; color: #797979; line-height: 20px; }

@media (max-width: 767px) { .crd_usList, .crd_hdList, .crd_noList { padding-top: 8px; }
  .crd_usList:before, .crd_hdList:before, .crd_noList:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; background-color: #f1f1f1; top: 0; left: 0; }
  .crd_noList { background-color: #fff; position: relative; }
  .crd_noList div { border-radius: 6px; border: solid 1px #cbcbcb; margin-top: 30px; }
  .crd_instList li { padding-left: 30px; padding-right: 24px; }
  .crd_instList.linked li:after { right: 15px; } }

@media (min-width: 768px) { .crd_usList, .crd_hdList { margin-top: 16px; border-radius: 4px; }
  .crd_usList .swiper-container { overflow: hidden; margin-left: 20px; margin-right: 20px; }
  .crd_hdList { margin-bottom: 30px; }
  .crd_hdInfoList { margin-left: 20px; margin-right: 20px; }
  .crd_noList { margin-top: 30px; } }

.btn_crdDflt { line-height: 30px; border: solid 1px #f4907e; padding-left: 10px; padding-right: 10px; font-size: 13px; font-weight: 500; color: #f4907e; border-radius: 4px; }

.btn_crdsel { position: relative; min-height: 30px; padding-top: 10px; padding-bottom: 10px; }

.btn_crdsel span { font-size: 16px; font-weight: 500; color: #242424; padding-right: 30px; display: inline-block; text-align: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; }

.btn_crdsel span.placeholder { color: #cbcbcb; }

.btn_crdsel:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; background: url("/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png") transparent no-repeat; right: 0; top: 50%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: -12px; }

.crd_summary { background-color: #f1f1f1; padding: 20px 30px; }

.crd_summary dt { text-align: center; }

.crd_summary dd { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; word-break: keep-all; text-align: center; }

.crd_instList li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-top: 24px; padding-bottom: 24px; }

.crd_instList li .thumb { display: block; width: 60px; }

.crd_instList li .thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px rgba(185, 185, 185, 0.25); }

.crd_instList li .itemName { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; width: calc(100% - 200px); }

.crd_instList li .itemetc { text-align: right; -ms-flex-preferred-size: 80px; flex-basis: 80px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.crd_instList li .tit { font-size: 15px; font-weight: 500; color: #524e4e; padding-left: 15px; line-height: 22px; word-break: keep-all; }

.crd_instList li .aside_b, .crd_instList li .aside_n { display: block; font-size: 13px; font-weight: 500; color: #9d9d9d; line-height: 19px; padding-left: 15px; }

.crd_instList li + li { padding-bottom: 25px; }

.crd_instList.linked li .hidBtn { padding-right: 15px; font-size: 12px; font-weight: 500; color: #9d9d9d; }

.crd_instList.linked li:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; background: url(/assets/web/images/ico/ic-arrow-right@3x-bdd8d8cb1b9812118a1ea782ffd0a529.png) 0 0 no-repeat; background-size: 100% auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.crd_instList.normal { border-top: solid 1px #e4e3e3; }

.crd_selList { padding-bottom: 80px; }

.crd_selList h2 { background-color: #f1f1f1; line-height: 40px; padding-left: 20px; font-size: 14px; font-weight: 500; color: #797979; }

.crd_selList h3 { font-size: 13px; font-weight: 500; color: #9d9d9d; padding-top: 12px; margin-left: 30px; margin-right: 30px; border-top: solid 1px #e6e6e6; margin-top: 0; }

.crd_selList ul { margin-top: 10px; }

.crd_selList ul li { padding: 12px 32px; }

.crd_selList ul + h2 { margin-top: 10px; }

.crd_selList .radioBlack input + label { display: block; }

.crd_selList .radioBlack input + label:before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.crd_selList .radioBlack span { color: #524e4e; font-size: 15px; font-weight: 500; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.crd_instRep { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 90px; margin-top: 10px; border-bottom: solid 1px #e4e3e3; }

.crd_instRep .thumb { display: block; width: 60px; }

.crd_instRep .thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px rgba(185, 185, 185, 0.25); }

.crd_instRep .itemName { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; width: calc(100% - 100px); color: #524e4e; font-size: 17px; font-weight: 500; line-height: 22px; padding-left: 15px; }

.crd_instDtl .tit { font-size: 14px; color: #524e4e; line-height: 20px; display: block; }

.crd_instDtl .item { font-size: 15px; font-weight: 500; color: #242424; line-height: 22px; margin-top: 7px; word-break: keep-all; }

@media (max-width: 767px) { .crd_instRep { padding-left: 32px; padding-right: 32px; }
  .crd_instDtl { padding-bottom: 80px; padding-left: 32px; padding-right: 32px; }
  .crd_instDtl .tit { margin-top: 25px; } }

@media (min-width: 768px) { .crd_popCont { max-height: 600px; overflow-y: auto; }
  .crd_summary { width: 500px; margin-left: auto; margin-right: auto; border-radius: 4px; }
  .crd_instList { margin-left: 30px; margin-right: 30px; }
  .crd_instList:last-child { margin-bottom: 40px; }
  .crd_instList.linked li .hidBtn { padding-right: 23px; }
  .crd_instList.linked li:after { right: 0; }
  .btn_crdDflt:hover { background-color: #f4907e; color: #fff; }
  .crd_selList { max-height: 450px; overflow-y: auto; padding-bottom: 30px; }
  .crd_selList h2, .crd_selList h3, .crd_selList ul { width: 500px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .crd_selList ul { position: relative; padding-top: 0; }
  .crd_selList ul li { width: 50%; padding-left: 12px; padding-top: 10px; padding-bottom: 0; padding-right: 0; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .crd_selList ul + h2 { margin-top: 60px; }
  .crd_selList ul:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }
  .crd_selList h3 { margin-top: 13px; padding-left: 20px; }
  .crd_selList .radioBlack span { width: 90%; }
  .crd_instRep { width: 500px; margin-left: auto; margin-right: auto; }
  .crd_instDtl { max-height: 350px; overflow-y: auto; width: 500px; padding-left: 100px; padding-right: 100px; margin-bottom: 20px; }
  .crd_instDtl li { padding-left: 100px; position: relative; margin-top: 25px; }
  .crd_instDtl .tit { position: absolute; left: 0; top: 0; } }

.crd_hdInfoWrap { margin-top: 18px; }

.crd_hdInfoWrap .btnToggle { width: 100%; position: relative; padding: 12px 45px 20px 32px; }

.crd_hdInfoWrap .btnToggle .tit { display: block; font-size: 16px; font-weight: 500; color: #242424; text-align: left; }

.crd_hdInfoWrap .btnToggle p { font-size: 13px; font-weight: 500; color: #797979; }

.crd_hdInfoWrap .btnToggle p .left { float: left; }

.crd_hdInfoWrap .btnToggle p .right { float: right; }

.crd_hdInfoWrap .btnToggle:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; right: 16px; bottom: 18px; background: url(/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png) 0 0 no-repeat; background-size: 100% auto; }

.crd_hdInfoWrap + .crd_hdInfoWrap { margin-top: 0; }

.crd_hdInfoWrap.on .btnToggle:after { background: url(/assets/web/images/ico/btn-dropdown-up@3x-a9c0d2f7093e173b0b8fc10191e82b9f.png) 0 0 no-repeat; background-size: 100% auto; }

.crd_hdInfoWrap.on .crd_hdInfoList { display: block; }

.crd_hdInfoList { display: none; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }

.crd_hdInfoList li { padding: 22px 20px 22px 22px; border-radius: 4px; border: solid 1px #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.crd_hdInfoList li + li { margin-top: 5px; }

.crd_hdInfoList li .keyInfo span, .crd_hdInfoList li .subInfo span { display: block; }

.crd_hdInfoList li .keyInfo { width: calc(100% - 123px); }

.crd_hdInfoList li .subInfo { text-align: right; -ms-flex-preferred-size: 123px; flex-basis: 123px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.crd_hdInfoList li .amountO { font-size: 15px; font-weight: 500; color: #242424; }

.crd_hdInfoList li .amountG { font-size: 13px; font-weight: 500; color: #9d9d9d; line-height: 20px; margin-top: 5px; }

.crd_hdInfoList li .tit { font-size: 15px; font-weight: 500; color: #242424; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

.crd_hdInfoList li .state { font-size: 13px; font-weight: 500; line-height: 20px; margin-top: 5px; }

.crd_hdInfoList li.caution { background-color: #f8f8f8; border: solid 1px #f8f8f8; }

.crd_hdInfoList li.caution .state { color: #9d9d9d; }

.crd_hdInfoList li.normal { cursor: pointer; }

.crd_hdInfoList li.normal .state { color: #f4907e; }

.rewardOpWrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 40px; padding-bottom: 30px; }

.rewardOpWrap .checkbox input[type="checkbox"]:disabled + label:before { opacity: .5; content: ""; }

.rewardOpWrap .checkbox input[type="checkbox"]:disabled + label > span { margin-left: 16px; color: #ccc; }

.funGiftOp1 { display: none; }

.funGiftOp1 .noticeWrap .notice > button { padding: 20px 56px 20px 0; font-size: 15px; font-weight: 500; color: #524e4e; margin-top: 10px; }

.funGiftOp1 .noticeWrap .notice > button:after { right: 0; }

.toggle.on .agreeContent { display: block; }

.agreeContent { display: none; }

.agreeContent .normal { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; padding-bottom: 20px; word-break: keep-all; }

.noticeList .emphasis { font-size: 14px; font-weight: 500; padding-top: 18px; word-break: keep-all; line-height: 20px; border-top: 1px solid #c8c6c6; }

.noticeList .emphasis + .emphasis { border-top: 0; padding-bottom: 20px; }

.gbannerWrap { margin-top: 24px; background-color: #f1f1f1; padding: 15px 30px 15px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.gbannerWrap .img { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 68px; height: 59px; display: inline-block; background-position: -214px -204px; background-size: 500px 500px; -ms-flex-preferred-size: 68px; flex-basis: 68px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15px; }

.gbannerWrap .txt { padding-top: 10px; padding-bottom: 10px; word-break: keep-all; font-size: 16px; font-weight: 500; color: var(--color-bb, #242424); padding-left: 15px; line-height: 20px; }
  
/* 체리 출결 */
.winBaseWrap { position: absolute; z-index: 301; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.winBaseWrap .message { margin-top: 10px; font-size: 14px; font-weight: 500; word-break: keep-all; line-height: 20px; position: absolute; left: 0; top: 48px; }

.winBaseWrap .inputsContainer { margin-top: 15px; }

.winBaseWrap .inputsContainer .inputBoxTy01 { margin-top: 10px; }

.winBaseWrap .controlContainer { padding-top: 70px; text-align: center; position: relative; }

.winBaseWrap .controlContainer .btnPrimaryTy01 { width: 100%; }

.winBaseWrap .controlContainer .btnPrimaryTy01 span { font-size: 17px; }

@media (max-width: 767px) { .winBaseWrap { top: 0; left: 0; width: 100%; min-height: 100%; padding-bottom: 64px; }
  .contwrapTy { padding: 56px 40px 60px 40px; }
  .contwrapTy .centerTy { font-size: 22px; font-weight: 500; line-height: 36px; color: var(--color-bb, #242424); text-align: center; } }

@media (min-width: 768px) { .rewardArea { width: 500px; height: 116px; margin-left: auto; margin-right: auto; }
  .winBaseWrap { width: 700px; min-height: 515px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 13px; padding-bottom: 150px; }
  .contwrapTy { padding-left: 135px; padding-right: 135px; }
  .contwrapTy .centerTy { font-size: 25px; font-weight: 500; color: var(--color-bb, #242424); line-height: 32px; text-align: center; } }

.suggestion .swiper-slide-campaign button:not(.delGroup), .nonswiperWrap .swiper-slide-campaign button:not(.delGroup), .scrollWrap .swiper-slide-campaign button:not(.delGroup) { position: relative; width: 100%; }

.suggestion .swiper-slide-campaign button:not(.delGroup) .thumb, .nonswiperWrap .swiper-slide-campaign button:not(.delGroup) .thumb, .scrollWrap .swiper-slide-campaign button:not(.delGroup) .thumb { margin: 0 auto; }

.suggestion .swiper-slide-campaign button:not(.delGroup) .thumb img, .nonswiperWrap .swiper-slide-campaign button:not(.delGroup) .thumb img, .scrollWrap .swiper-slide-campaign button:not(.delGroup) .thumb img { -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); }

.suggestion .swiper-slide-campaign button:not(.delGroup) .name, .nonswiperWrap .swiper-slide-campaign button:not(.delGroup) .name, .scrollWrap .swiper-slide-campaign button:not(.delGroup) .name { width: 85px !important; white-space: normal; word-wrap: break-word; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; height: 37px; }

@media (max-width: 767px) { .suggestion .swiper-slide-campaign button:not(.delGroup) .name, .nonswiperWrap .swiper-slide-campaign button:not(.delGroup) .name, .scrollWrap .swiper-slide-campaign button:not(.delGroup) .name { width: 100% !important; margin: 8px 0; } }

@media (max-width: 300px) { .swiper-slide-campaign .thumb { width: 50px; height: 50px; } }

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

.cmm_radioBoxWrap .radioBlack { width: 100%; }

.cmm_radioBoxWrap .radioBlack label { width: 100%; height: 80px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.cmm_radioBoxWrap .radioBlack label:before { position: absolute; left: 8px; top: 8px; }

.cmm_radioBoxWrap .radioBlack label:after { position: absolute; display: block; content: ""; width: 97%; height: 97%; border: 1px solid #e6e6e6; top: 0; left: 0; border-radius: 4px; }

.cmm_radioBoxWrap .radioBlack label .midTxt { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; font-weight: 500; color: #242424; margin-left: 0; line-height: 19px; text-align: center; }

.cmm_radioBoxWrap .radioBlack input:checked + label:after { -webkit-box-shadow: 1px 1px 3px 0 rgba(83, 67, 67, 0.1); box-shadow: 1px 1px 3px 0 rgba(83, 67, 67, 0.1); border: solid 1px #9d9d9d; }

.cmm_radioBoxWrap.sev_lmt3 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.cmm_radioBoxWrap.sev_lmt3 .radioBlack { width: 32%; margin: 1% 0.5%; }

.cmm_radioBoxWrap.sev_lin2 .radioBlack { margin: 1% 0.5%; }

.cmm_radioBoxWrap.sev_lin2 .radioBlack label { height: 96px; }

.ftPrntWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 25px; }

.ftPrntWrap .radioBlack { width: 100%; }

.ftPrntWrap .radioBlack label { width: 97%; height: 95%; display: block; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ftPrntWrap .radioBlack label:after { position: absolute; display: block; content: ""; width: 98%; height: 98%; border: 1px solid #e6e6e6; top: 0; left: 0; border-radius: 4px; }

.ftPrntWrap .radioBlack label .thumb { display: block; text-align: center; padding-top: 10px; padding-bottom: 5px; }

.ftPrntWrap .radioBlack label .thumb img { width: 60px; height: 60px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); -o-object-fit: cover; object-fit: cover; }

.ftPrntWrap .radioBlack label .name { display: block; text-align: center; color: #524e4e; font-size: 13px; padding-bottom: 18px; }

.ftPrntWrap .radioBlack input:checked + label:after { -webkit-box-shadow: 1px 1px 3px 0 rgba(83, 67, 67, 0.1); box-shadow: 1px 1px 3px 0 rgba(83, 67, 67, 0.1); border: solid 1px #9d9d9d; }

.ftPrntWrap .radioBlack:last-child label { float: right; }

.openCkBox { width: 55px; margin-left: auto; margin-right: auto; padding-top: 7px; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.openCkBox label { display: block; border-radius: 15px; height: 22px; width: 100%; border: solid 1px #f4907e; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; position: relative; cursor: pointer; }

.openCkBox input { height: 0; visibility: hidden; display: none; }

.openCkBox input + label:after { position: absolute; display: block; content: "비공개"; font-size: 12px; font-weight: 500; color: #f4907e; line-height: 20px; width: 100%; letter-spacing: -1px; text-align: center; z-index: -1px; }

.openCkBox input:checked + label:after { content: "공개"; }

.banner_home { margin-top: 60px; background-color: #f7f7f7; padding-top: 25px; padding-right: 160px; padding-left: 45px; min-height: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; }

.banner_home .normal { color: #524e4e; line-height: 22px; font-size: 15px; font-weight: 500; word-break: keep-all; }

.banner_home button { line-height: 36px; font-size: 14px; font-weight: 500; color: #6f6f6f; border: solid 1px #cbcbcb; background-color: #ffffff; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 12px; min-width: 120px; padding-left: 8%; padding-right: 8%; text-align: center; }

.banner_home:after { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 137px; height: 123px; display: inline-block; background-position: 0px -99px; background-size: 500px 500px; content: ""; position: absolute; right: 18px; top: 10px; }

.banner_chryFamily { width: 100%; height: 120px; background-color: #f7f7f7; margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #dfdfdf; }

@media (min-width: 768px) { .banner_chryFamily { display: none; } }

.banner_chryFamily a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.banner_chryFamily a p { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 17px; text-align: center; padding-top: 55px; padding-bottom: 15px; position: relative; }

.banner_chryFamily a p:before { position: absolute; content: ""; top: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.banner_chryFamily a:after { position: absolute; content: ""; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 19px; height: 19px; display: inline-block; background-position: -231px -307px; background-size: 500px 500px; }

.banner_chryFamily a.cherry p:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 42px; height: 40px; display: inline-block; background-position: -139px -288px; background-size: 500px 500px; }

.banner_chryFamily a.school:before { position: absolute; display: block; content: ""; width: 1px; height: 100%; background-color: #dfdfdf; position: absolute; left: 0; top: 0; }

.banner_chryFamily a.school p:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 42px; height: 40px; display: inline-block; background-position: -189px -288px; background-size: 500px 500px; }

.icoProfileModify.tSet { position: absolute; right: 16px; top: 15px; z-index: 999; }

@media (min-width: 768px) { .icoProfileModify.tSet { position: relative; background-image: none; width: 610px; margin: 0 auto; right: 0; height: 0; }
  .icoProfileModify.tSet .mbHidden { font-size: 14px; font-weight: 500; color: #524e4e; text-decoration: underline; position: absolute; top: -42px; right: 0; } }

.opHeaderWrap { width: 100%; background-color: #fff; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 767px) { .opHeaderWrap { padding-left: 25px; padding-right: 15px; } }

.opHeaderWrap:before { position: absolute; display: block; content: ""; width: 100%; height: 5px; background-color: #fff; z-index: 102; left: 0; top: 0; }

.opHeaderWrap .justifyWrap { width: 100%; max-width: 620px; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 66px; }

.opHeaderWrap .selectBoxWrap { width: 124px; }

.opHeaderWrap .selectBoxWrap .btnSelect { border-bottom: 0; }

.opHeaderWrap .selectBoxWrap .selectBox { width: 100%; height: 52px; }

.opHeaderWrap .selectBoxWrap .selectBox .optionList { border-top: 1px solid #cbcbcb; }

.opHeaderWrap .checkbox { line-height: 46px; }

.opHeaderWrap .checkbox input[type="checkbox"] { display: none; }

.opHeaderWrap .checkbox input[type="checkbox"] + label:before { width: 20px; height: 20px; background: url("/assets/web/images/ico/ic-check-black@2x-104903f045745d81295d06fca58cc746.png") 0 0 no-repeat; background-size: 100% auto; }

.opHeaderWrap .checkbox input[type="checkbox"] + label > span { font-size: 14px; font-weight: 500; margin-left: 3px; }

.opHeaderWrap .checkbox input[type="checkbox"]:disabled + label:before { background: url("/assets/web/images/ico/ic-check-gray@2x-03501330cca631a94b7885e3376ab51d.png") 0 0 no-repeat; background-size: 100% auto; }

.section_either { padding-bottom: 20px; }

@media (min-width: 768px) { .section_either { padding-bottom: 150px; } }

.section_either .dl_either { background-color: #fff; margin-top: 16px; padding-top: 2px; padding-bottom: 5px; }

.section_either .dl_either .dt_either, .section_either .dl_either .dd_either { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 25px; margin-right: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section_either .dl_either .dt_either .toggleBox, .section_either .dl_either .dd_either .toggleBox { -ms-flex-preferred-size: 95px; flex-basis: 95px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.section_either .dl_either .dt_either { padding-top: 25px; padding-bottom: 25px; }

.section_either .dl_either .dt_either + .dd_either { border-top: solid 1px #e6e6e6; }

.section_either .dl_either .dt_either .dl_title dt { font-size: 16px; font-weight: 500; color: #524e4e; }

.section_either .dl_either .dt_either .dl_title dd { font-size: 13px; color: #9d9d9d; margin-top: 7px; word-break: keep-all; }

.section_either .dl_either .dd_either { padding-top: 18px; padding-bottom: 18px; }

.section_either .dl_either .dd_either .iPoint, .section_either .dl_either .dd_either .iEtc { font-size: 14px; font-weight: 500; color: #524e4e; padding-left: 30px; position: relative; line-height: 20px; }

.section_either .dl_either .dd_either .iPoint:before, .section_either .dl_either .dd_either .iEtc:before { content: ""; position: absolute; left: 0; top: 0; }

.section_either .dl_either .dd_either .iPoint:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 21px; height: 21px; display: inline-block; background-position: -163px -255px; background-size: 500px 500px; }

.section_either .dl_either .dd_either .iEtc:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 21px; height: 21px; display: inline-block; background-position: -135px -255px; background-size: 500px 500px; }

.section_either .dl_either .dd_either .profileArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section_either .dl_either .dd_either .profileArea .logo { display: inline-block; -ms-flex-preferred-size: 37px; flex-basis: 37px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 37px; background-color: #fff; border-radius: 50%; border: solid 1px var(--color-pLine); }

.section_either .dl_either .dd_either .profileArea .logo img { width: 100%; border-radius: 50%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.section_either .dl_either .dd_either .profileArea .name { display: inline-block; padding-left: 8px; word-break: keep-all; font-size: 14px; font-weight: 500; color: #524e4e; line-height: 18px; }

/* YANA */
.campaignVisualAngel { background-color: #48547a; position: relative; overflow: visible; margin-top: 0; }

.campaignVisualAngel .an_inner { max-width: 584px; height: 100%; margin-left: auto; margin-right: auto; position: relative; }

.campaignVisualAngel .an_inner .an_script { width: 175px; background-color: #f68914; background: url("/assets/web/images/content/an_script-787133feb5a35dec184b14cba425534a.png") no-repeat; background-size: 100%; font-size: 0; text-indent: -9999px; color: transparent; position: absolute; bottom: -30px; z-index: 1; }

.campaignVisualAngel .an_inner .an_patron { color: #fff; position: absolute; bottom: 170px; left: 35px; }

.campaignVisualAngel .an_inner .an_patron dt { font-size: 18px; }

.campaignVisualAngel .an_inner .an_patron dd { font-size: 12px; opacity: .6; }

.campaignVisualAngel .an_inner .aside { color: #9d9d9d; font-size: 12px; position: absolute; right: 10px; bottom: -25px; }

.campaignVisualAngel .an_inner:after { content: ""; width: 373px; height: 289px; background: url("/assets/web/images/content/an_background-d91550d4c54df31e581d871a4ebebaf6.png") bottom right no-repeat; background-size: 100%; position: absolute; bottom: 0; right: 0; }

@media (max-width: 767px) { .campaignVisualAngel { height: 280px; }
  .campaignVisualAngel .an_inner .an_script { left: 19px; height: 180px; }
  .campaignVisualAngel .an_inner .an_patron { bottom: 170px; left: 35px; }
  .campaignVisualAngel .an_inner:after { width: 330px; height: 292px; right: -40px; } }

@media (min-width: 768px) { .campaignVisualAngel { height: 330px; }
  .campaignVisualAngel .an_inner .an_script { left: 0; height: 200px; }
  .campaignVisualAngel .an_inner .an_patron { bottom: 190px; left: 15px; } }

.campaignVisualAngel:before { opacity: 0; visibility: hidden; }

.an_script { font-size: 23px; font-weight: 500; color: #fff; word-break: keep-all; line-height: 28px; }

.an_introWrap { padding: 100px 25px 60px 25px; text-align: center; position: relative; }

.an_introWrap .an_intro { word-break: keep-all; max-width: 560px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; }

@media (max-width: 767px) { .an_introWrap .an_intro { height: 250px; } }

@media (min-width: 768px) { .an_introWrap .an_intro { height: 230px; } }

.an_introWrap .an_intro .normal { font-size: 16px; font-weight: 500; color: #524e4e; margin-top: 30px; word-break: keep-all; text-align: left; }

.an_introWrap .an_intro .btnWrapTy02 { width: 100%; margin-top: 20px; position: absolute; bottom: 0; left: 0; z-index: 1; }

.an_introWrap .an_intro .btnWrapTy02 .btnLineTy06 { width: 100%; background-color: #fff; }

.an_introWrap .an_intro .btnWrapTy02 .btnLineTy06 span { color: #797979; }

.an_introWrap .an_intro .btnWrapTy02:before { position: absolute; display: block; content: ""; width: 100%; height: 50px; top: -50px; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

.an_introWrap .an_btn01 { margin-top: 15px; }

@media (max-width: 767px) { .an_introWrap:after { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; bottom: 0; } }

.an_logo i { width: 109px; height: 47px; background: url("/assets/web/images/content/yana_logo-bb1d721a1e247b9e1cf1303c5f65b4f0.png") no-repeat center center; background-size: auto 100%; display: inline-block; }

.an_logo .normal { font-size: 19px; font-weight: 500; color: #242424; margin-top: 2px; }

.an_btn01 { font-size: 14px; font-weight: 500; color: #797979; border-radius: 4px; border: solid 1px #c8c6c6; height: 32px; padding-left: 35px; padding-right: 35px; }

.an_valueWrap { margin-top: 40px; }

.an_valueTit dt { font-size: 18px; font-weight: 500; color: #242424; }

.an_valueTit dd { font-size: 15px; font-weight: 500; color: #797979; margin-top: 5px; }

.an_valueImg { margin-top: 20px; }

.an_valueImg li { display: inline-block; }

@media (min-width: 768px) { .an_valueImg li { width: 24%; } }

@media (max-width: 767px) { .an_valueImg li { width: 49%; margin-top: 3px; } }

.an_valueImg li img { width: 100%; height: auto; }

.an_valueCont { margin-top: 40px; font-size: 16px; font-weight: 500; color: #524e4e; word-break: keep-all; text-align: left; }

.an_valueCont a { display: block; font-size: 16px; color: #524e4e; margin-top: 10px; text-decoration: underline; }

.an_scrptWrap { border: solid 1px #ed7e06; position: relative; background-color: #fdecda; margin-top: 38px; }

.an_scrptWrap dt { text-align: left; padding-top: 25px; padding-left: 20px; }

.an_scrptWrap dt img { width: 153px; height: auto; }

.an_scrptWrap dd { text-align: left; font-size: 14px; font-weight: 500; color: #524e4e; word-break: keep-all; line-height: 21px; padding: 15px 20px 30px; }

.an_scrptWrap dd .btnAngel { display: block; line-height: 50px; border-radius: 25px; background-color: #ed7e06; padding-left: 30px; padding-right: 30px; font-weight: 500; margin: 40px auto 0; }

.an_scrptWrap dd .btnAngel span { letter-spacing: -0.07px; font-size: 16px; color: #fff; }

.an_scrptWrap:after { position: absolute; display: block; content: ""; width: 31px; height: 29px; background: url("/assets/web/images/content/an_scrptPost-0c90937b2f8c3c7d59e3e6e22fdaa796.png") no-repeat top right; background-size: 100%; position: absolute; right: -2px; top: -2px; }

.an_container { position: relative; }

.an_container .btnTab { padding: 0; width: 50%; }

@media (min-width: 768px) { .an_container .btnTab { width: 280px; } }

.an_container .btnTab button { padding: 20px 0; }

.an_container .btnTabWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 56px; left: 0; }

.an_container .btnTabWrap.an_fixed { position: fixed; left: 0; top: 56px; z-index: 1; background-color: #fff; }

@media (min-width: 768px) { .an_container .btnTabWrap.an_fixed { top: 64px; } }

.an_orgTitle { text-align: left; font-size: 18px; font-weight: 500; color: #242424; padding-left: 10px; padding-bottom: 10px; }

.an_orgSctn { padding-left: 10px; padding-right: 10px; padding-top: 40px; }

.an_aside { margin-top: 20px; margin-bottom: 50px; padding-left: 20px; padding-right: 20px; }

.an_aside .normal { word-break: keep-all; text-align: left; font-size: 15px; font-weight: 500; color: #727272; line-height: 22px; }

.an_orgList .an_orgDtl { width: 48%; margin: 2.3% 1%; position: relative; background-color: #ffffff; float: left; }

@media (min-width: 768px) { .an_orgList .an_orgDtl { width: 32%; margin: 2.3% .6%; } }

.an_orgList .an_orgImg { position: relative; width: 100%; height: 100%; border-radius: 12px; cursor: pointer; }

.an_orgList .an_orgImg:before { content: ''; display: block; position: relative; width: 0; top: 0; left: 0; padding-bottom: 105%; }

.an_orgList .an_orgImg .an_orgName { font-size: 16px; font-weight: 500; color: #242424; position: absolute; width: 100%; text-align: center; bottom: 12%; max-height: 40px; overflow: hidden !important; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 21px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: keep-all; }

.an_orgList:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

.an_contents01 { padding-top: 50px; text-align: center; }

@media (min-width: 768px) { .an_contents01 { max-width: 595px; margin-left: auto; margin-right: auto; } }

.an_contents02 { position: relative; background-color: #f1f1f1; text-align: center; }

.an_contents02:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }

.an_contents02 .an_cmpgntitle { margin-top: 50px; }

.an_cmpgntitle { text-align: center; position: relative; width: 140px; height: 140px; display: inline-block; background-color: #ed7e06; border-radius: 50%; margin: 0 auto; padding-top: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.an_cmpgntitle .normal { font-size: 20px; font-weight: 500; color: #242424; }

.an_cmpgntitle .suntxt { font-size: 17px; font-weight: 500; color: #fff; line-height: 22px; }

.an_cmpgntitle .logo { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 24px; height: 24px; display: inline-block; background-position: -251px -303px; background-size: 500px 500px; position: absolute; top: 16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.an_cmpgnList { padding-left: 10px; padding-right: 10px; margin-top: 35px; }

@media (min-width: 768px) { .an_cmpgnList { max-width: 580px; margin-left: auto; margin-right: auto; } }

.an_cmpgnList .an_dtlbox { width: 46%; position: relative; border-radius: 6px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 2%; margin-right: 2%; cursor: pointer; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); margin-top: 20px; height: 230px; }

.an_cmpgnList .an_dtlbox:before { content: ''; width: 100%; height: 63%; display: block; position: absolute; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#242424), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, #242424, rgba(0, 0, 0, 0)); border-radius: 0 0 6px 6px; }

@media (min-width: 768px) { .an_cmpgnList .an_dtlbox { width: 30%; margin-left: 1.4%; margin-right: 1.4%; height: 255px; } }

.an_cmpgnList .an_cmpgninfo { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; text-align: left; padding-left: 10px; padding-right: 10px; bottom: 10px; }

.an_cmpgnList .an_cmpgninfo .name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.an_cmpgnList .an_cmpgninfo .name .ellips2 { font-weight: 500; color: #fff; line-height: 1.2; white-space: normal; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

.an_cmpgnList .an_cmpgninfo .d-day { width: 100%; font-weight: 500; color: #fff; line-height: 25px; }

.an_cmpgnList .an_cmpgninfo .progressBar { width: 100%; height: 3px; position: relative; border-radius: 4px; background: rgba(136, 136, 136, 0.3); }

.an_cmpgnList .an_cmpgninfo .progressBar .bar { visibility: hidden; width: 0; height: 3px; position: absolute; top: 0; left: 0; border-radius: 2px; background-color: #fff; }

.an_cmpgnList .an_cmpgninfo .progressBar .bar.active { -webkit-animation: animate-width 1.5s both; animation: animate-width 1.5s both; }

.an_cmpgnList .an_cmpgninfo .progressInfo { width: 100%; display: table; table-layout: fixed; }

.an_cmpgnList .an_cmpgninfo .progressInfo p { font-weight: 500; color: #f1f1f1; display: table-cell; white-space: nowrap; vertical-align: middle; line-height: 25px; }

.an_cmpgnList .an_cmpgninfo .progressInfo p.amount { text-align: left; }

.an_cmpgnList .an_cmpgninfo .progressInfo p.percent { text-align: right; }

.an_cmpgnList .an_cmpgninfo .name { margin-bottom: 10px; }

.an_cmpgnList .an_cmpgninfo .name .ellips2 { max-height: 36px; font-size: 15px; }

.an_cmpgnList .an_cmpgninfo .d-day { font-size: 14px; }

.an_cmpgnList .an_cmpgninfo .progressInfo p { font-size: 13px; }

.an_cmpgnList:after { content: ""; visibility: hidden; display: block; height: 100px; clear: both; background-color: #f1f1f1; }

.an_footer { background-color: #f8f8f8; padding-top: 40px; padding-bottom: 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.an_footer .an_logobtm { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 132px; height: 22px; display: inline-block; background-position: -26px 0px; background-size: 500px 500px; margin-bottom: 5px; }

.an_footer .normal { font-size: 13px; font-weight: 500; color: #797979; line-height: 20px; margin-top: 5px; }

.btnBack.wordBack { background-size: 24px 24px; width: 45px; height: 56px; top: 0 !important; left: 0 !important; background-position: 16px 16px; }

.paymentMsg { padding-top: 55px; padding-left: 12px; padding-right: 12px; position: relative; }

.paymentMsg dt { font-size: 16px; font-weight: 500; line-height: 24px; }

.paymentMsg dd { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; margin-top: 5px; min-height: 5px; }

.paymentMsg:before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; top: 0; position: absolute; }

.paymentMsg.succeed dt { color: #524e4e; }

.paymentMsg.succeed:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 45px; height: 45px; display: inline-block; background-position: -454px -408.5px; background-size: 500px 500px; }

.paymentMsg.failed dt { color: #f7806b; }

.paymentMsg.failed:before { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 45px; height: 45px; display: inline-block; background-position: -408.5px -408.5px; background-size: 500px 500px; }

.paymentMsg.warning dt { color: #524e4e; }

.paymentMsg.warning:before { background: url("/assets/web/images/ico/ic-lent-warning@3x-36ca0a8678839c3f96e91bf23f60e0dc.png") transparent no-repeat; width: 45px; height: 45px; display: inline-block; background-size: 100%; }

.termsLayer { height: 700px; }

.termsLayer .popHeader { width: 100%; position: relative; background-color: #fff; }

.termsLayer .popHeader .popInner .icoWrapTy01 { float: right; }

.termsLayer .popContents { position: relative; }

.termsLayer .btnWrapTy01 { width: 100%; text-align: center; }

@media (min-width: 768px) { .termsLayer .popHeader { border-radius: 13px; }
  .termsLayer .popHeader .popInner { padding: 38px 0 22px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .termsLayer .popHeader .tit { font-size: 33px; font-weight: 500; color: #242424; text-align: center; }
  .termsLayer .popHeader .btnPopClose { position: absolute; top: 20px; right: 20px; }
  .termsLayer .popContents .inner { width: 580px; margin: 0 auto; }
  .termsLayer .btnWrapTy01 { padding: 25px 0 50px; position: fixed; bottom: -1px; left: 0; background-color: #fff; margin: inherit; border-radius: 13px; }
  .termsLayer .btnWrapTy01 [class*="btnPrimary"] { width: 200px; border-radius: 4px; display: inline-block; }
  .termsLayer .apOnScroll { height: 465px; } }

@media (max-width: 767px) { .termsLayer .popHeader { min-height: 56px; max-height: 56px; width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 2; }
  .termsLayer .popHeader .popInner { width: 100%; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
  .termsLayer .popHeader .tit { font-size: 23px; font-weight: 500; }
  .termsLayer .popHeader .popInner > .btnBack { float: left; }
  .termsLayer .popHeader .popInner > .tit { float: left; }
  .termsLayer .popHeader .popInner > .btnBack + .tit { margin-left: 8px; }
  .termsLayer .popContents { padding-top: 56px; padding-bottom: 65px; -webkit-box-sizing: border-box; box-sizing: border-box; height: calc(100% - 56px); position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .termsLayer .btnWrapTy01 { width: 100%; margin: 0; position: fixed; bottom: 0; left: 0; }
  .termsLayer .btnWrapTy01 .btnPrimaryTy01 { width: 100%; } }

.popTyFull .cmb_logo { margin-left: 15px; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; display: inline-block; width: 55px; height: 34px; background-position: -13px 0; background-size: 500px 500px; }

.popTyFull .cmb_titWrap { text-align: center; }

.popTyFull .cmb_titWrap dd { font-size: 16px; font-weight: 500; line-height: 30px; color: #524e4e; }

.popTyFull .cmb_titWrap dt { font-size: 20px; font-weight: 500; line-height: 28px; color: #242424; }

.popTyFull .cmb_eventInfo1 { display: block !important; }

.popTyFull .cmb_eventInfo2 { width: 100%; text-align: center; }

.popTyFull .cmb_eventInfo2 dt { margin-bottom: 10px; }

.popTyFull .cmb_eventInfo2 .normal { font-size: 14px; font-weight: 500; color: #797979; line-height: 20px; }

.popTyFull .cmb_eventInfo2 .btnUnderLineTy02 { font-size: 14px; font-weight: 500; color: #242424; }

@media (min-width: 768px) { .popTyFull .cmb_logo { position: absolute; top: 15px; left: 5px; }
  .popTyFull .cmb_titWrap { margin-top: 0; }
  .popTyFull .cmb_eventInfo1 { margin: 5px auto 10px auto; background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 306px; height: 188px; background-position: 0px -914px; display: inline-block; background-size: 1200px 1200px; }
  .popTyFull .cmb_eventInfo2 dt { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 212px; height: 160px; background-position: -400px -368px; display: inline-block; background-size: 1200px 1200px; margin-bottom: 10px; }
  .popTyFull .cmb_eventInfo2 .btnUnderLineTy02 { margin-top: 10px; } }

@media (max-width: 767px) { .popTyFull .cmb_titWrap { margin-top: 25px; }
  .popTyFull .cmb_eventInfo1 { margin: 10px auto 20px auto; background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 300px; height: 186px; background-position: 0px -269px; display: inline-block; background-size: 600px 600px; }
  .popTyFull .cmb_eventInfo2 { padding-bottom: 100px; }
  .popTyFull .cmb_eventInfo2 dt { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 215px; height: 157px; background-position: -303px -276px; display: inline-block; background-size: 600px 600px; }
  .popTyFull .cmb_eventInfo2 .btnUnderLineTy02 { margin-top: 30px; } }

.ad_folding .btnToggle { font-size: 14px; font-weight: 500; color: #000; padding: 3px 25px 3px 10px; background: url(/assets/web/images/ico/btn-dropdown-view-3628c1567032357c35eb4f5b20ecf68a.png) #ddd right 2px center no-repeat; border-radius: 5px; opacity: .7; margin-top: 10px; }

.ad_folding .ad_detail { border-radius: 0 5px 5px 5px; border: solid 1px #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; display: none; font-size: 12px; word-break: keep-all; line-height: 18px; }

.ad_folding .ad_detail table { margin-top: 10px; }

.ad_folding .ad_detail table td { font-size: 13px; border-top: solid 1px #eee; padding: 5px 3px; line-height: 18px; word-break: keep-all; color: #524e4e; }

.ad_folding.on .btnToggle { background: url(/assets/web/images/ico/btn-dropdown-up-1a47bc4f958377c8a0f11abd785b5e54.png) #ddd right 2px center no-repeat; border-radius: 5px 5px 0 0; }

.ad_folding.on .ad_detail { display: block; }

.main section .snkrs_tit { min-height: 30px; position: relative; }

@media (max-width: 767px) { .main section .snkrs_tit:before { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 192px; height: 48px; background-position: -310px -210px; display: inline-block; background-size: 600px 600px; content: ""; position: absolute; top: -20px; left: -10px; } }

@media (min-width: 768px) { .main section .snkrs_tit { padding-top: 20px; padding-bottom: 20px; cursor: pointer; display: inline-block; width: 300px; }
  .main section .snkrs_tit:before { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 274px; height: 66px; background-position: -122px -468px; display: inline-block; background-size: 1200px 1200px; content: ""; position: absolute; top: -20px; left: 0; }
  .main section .snkrs_tit:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -354px 0px; background-size: 500px 500px; content: ""; position: absolute; left: 280px; top: 15px; } }

@media (max-width: 300px) { .main .section .btnCampaignMore { right: 6px; } }

@media (min-width: 768px) { .campaign_empty { background: url("/assets/web/images/ico/cherry-logo-51d5e85ca8f0f01639d299b37324503c.svg") #e6e6e6 50% calc(50% - 10px) no-repeat !important; background-size: 54px 68px; cursor: default !important; }
  .campaign_empty:before { background-image: none !important; } }

.snkrs_video { position: relative; text-align: center; }

.snkrs_video video { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 620px; height: 400px; }

.snkrs_video:after { background-color: #000; opacity: .2; top: 0; left: 0; }

.snkrs_video .upper { position: absolute; top: 50%; left: 0; width: 100%; height: 200px; z-index: 1; }

.snkrs_video .upper .tags { font-weight: 500; color: #fff; position: relative; }

.snkrs_video .upper .tags:before { position: absolute; content: ""; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 767px) { .snkrs_video { padding-top: 0px; min-height: 400px; min-width: 100%; width: 100%; height: auto; overflow: hidden; }
  .snkrs_video video { min-height: 400px; min-width: 100%; }
  .snkrs_video:after { position: absolute; display: block; content: ""; width: 100%; height: 100%; }
  .snkrs_video .upper .tags { font-size: 15px; padding-top: 85px; }
  .snkrs_video .upper .tags:before { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 245px; height: 70px; background-position: -352px -440px; display: inline-block; background-size: 600px 600px; top: 15px; }
  .snkrs_video .upper .btn_gosns { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; width: 134px; height: 48px; background-position: -2px -28px; display: inline-block; background-size: 600px 600px; position: absolute; right: 12px; bottom: 12px; } }

@media (min-width: 768px) { .snkrs_video { margin-top: 94px; margin-left: auto; margin-right: auto; max-width: 620px; height: 400px; width: 100%; }
  .snkrs_video video { border-radius: 12px; }
  .snkrs_video:after { position: absolute; display: block; content: ""; width: 100%; height: 400px; border-radius: 12px; }
  .snkrs_video .upper .tags { font-size: 17px; padding-top: 95px; }
  .snkrs_video .upper .tags:before { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 292px; height: 78px; background-position: -908px -1028px; display: inline-block; background-size: 1200px 1200px; top: 15px; }
  .snkrs_video .upper .btn_gosns { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; width: 136px; height: 50px; background-position: -4px -2px; display: inline-block; background-size: 1200px 1200px; position: absolute; right: 12px; bottom: 12px; } }

.snkrs_introWrap { background-color: #d6a2e9; padding: 120px 25px 45px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.snkrs_introWrap::before { content: '';background: url(/assets/web/images/ico/ic-sneakers-pink.svg) center no-repeat;background-size: 100%;position: absolute;width: 39px;height: 29px;bottom: 88px; }

.snkrs_introWrap .bold { color: inherit;font-weight: 700; }

.snkrs_introWrap dl { position: relative; }

.snkrs_introWrap dl dt { color: #fff; word-break: keep-all; font-size: 18px; font-weight: 500; line-height: 27px; }

.snkrs_introWrap dl dd { color: #fff; word-break: keep-all; font-size: 16px; font-weight: 500; letter-spacing: -.5px; line-height: 24px; margin-top: 15px; }

.snkrs_introWrap dl:before { background: url("/assets/web/images/ico/images_x2-4d4c7bfeb5ff0a85dfe38a22bdd7bb8c.png") transparent no-repeat; width: 82px; height: 63px; display: inline-block; background-position: -418px 0px; background-size: 500px 500px; content: ""; position: absolute; top: -80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 768px) { .snkrs_introWrap { max-width: 620px; margin-left: auto; margin-right: auto; border-radius: 12px; margin-top: 20px; } }

.snkrs_container .selectBoxWrap h2 { display: inline-block; font-weight: 500; color: #242424; position: relative; padding-top: 16px; }

.snkrs_container .selectBoxWrap h2:before { position: absolute; left: 0; top: -10px; content: ""; }

.snkrs_container .selectBoxWrap .selectBox { width: 110px; float: right; }

.snkrs_container .selectBoxWrap .selectBox .btnSelect { border-bottom: 0; }

.snkrs_container .selectBoxWrap .selectBox .optionList { border-top: 1px solid #cbcbcb; }

.snkrs_container .total { color: #242424; font-size: 16px; font-weight: 500; line-height: 22px; margin-top: 10px; margin-bottom: 20px; display: block; }

.snkrs_container .evnt-off { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.snkrs_container .evnt-off span { color: #fff; text-align: center; font-weight: 500; }

@media (max-width: 767px) { .snkrs_container { padding-top: 40px; padding-left: 25px; padding-right: 25px; }
  .snkrs_container .selectBoxWrap h2 { font-size: 18px; }
  .snkrs_container .selectBoxWrap h2:before { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 97px; height: 26px; background-position: 0px -199px; display: inline-block; background-size: 600px 600px; }
  .snkrs_container .btn_more { margin-top: 40px; }
  .snkrs_container .evnt-off span { font-size: 13px; line-height: 17px; } }

@media (min-width: 768px) { .snkrs_container { max-width: 620px; margin-left: auto; margin-right: auto; padding-top: 40px; }
  .snkrs_container .selectBoxWrap h2 { font-size: 23px; }
  .snkrs_container .selectBoxWrap h2:before { background: url("/assets/web/images/content/banner_main-ebb1c73b8d250bdeb48f26d90ca583d9.png") transparent no-repeat; width: 98px; height: 28px; background-position: -2px -454px; display: inline-block; background-size: 1200px 1200px; }
  .snkrs_container .selectBoxWrap .selectBox { margin-top: 5px; }
  .snkrs_container .btn_more { margin-top: 60px; }
  .snkrs_container .evnt-off span { font-size: 16px; line-height: 22px; } }

.snkrs_container .btn_more { border-radius: 22.5px; border: solid 1px #9d9d9d; background-color: #fff; font-size: 16px; font-weight: 500; color: #524e4e; width: 100%; height: 45px; max-width: 350px; margin-left: auto; margin-right: auto; display: block; }

.snkrs_footer { background-color: #f1f1f1; text-align: center; margin-top: 60px; }

.snkrs_footer img { width: 172px; height: auto; }

.snkrs_footer p { color: #524e4e; font-size: 14px; line-height: 17px; word-break: keep-all; }

.snkrs_footer p.normal { font-weight: normal; margin-top: 16px; }

.snkrs_footer p.bold { font-weight: 500; margin-top: 7px; }

.snkrs_footer .btn_application { border-radius: 6px; border: solid 1px #cbcbcb; background-color: #fff; height: 34px; padding-left: 14px; padding-right: 26px; margin-top: 20px; position: relative; }

.snkrs_footer .btn_application span { font-size: 13px; font-weight: 500; color: #524e4e; line-height: 32px; }

.snkrs_footer .btn_application:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 15px; height: 15px; display: inline-block; background-position: -237px -20px; background-size: 500px 500px; content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .snkrs_footer { padding: 20px 20px 40px 20px; } }

@media (min-width: 768px) { .snkrs_footer { margin-bottom: 100px; padding: 24px 20px 30px 20px; max-width: 620px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; border-radius: 12px; } }

.masonry_list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.masonry_list .item { position: relative; }

.masonry_list .item .thumb { width: 100%; height: 100%; }

@media (min-width: 768px) { .masonry_list .item { width: 177px; margin: 5px; }
  .masonry_list .item .thumb { border-radius: 6px; cursor: pointer; }
  .masonry_list .item .info { bottom: 5px; }
  .masonry_list .item .imgArea:before { border-radius: 0 0 6px 6px; } }

@media (max-width: 767px) { .masonry_list { margin-bottom: 180px; }
  .masonry_list .item { width: 186px; }
  .masonry_list .item .info { bottom: 5px; }
  .masonry_list .item .imgArea:after { position: absolute; display: block; content: ""; width: 100%; height: 1px; background-color: #fff; top: 0; left: 0; } }

@media (max-width: 371px) { .masonry_list .item { width: 159px; margin-left: auto; margin-right: auto; } }

.masonry_list .imgArea { position: relative; height: 100%; }

.masonry_list .imgArea:before { position: absolute; display: block; content: ""; width: 100%; height: 50px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); position: absolute; bottom: 0; left: 0; }

@media (min-width: 768px) { .masonry_wrap { width: 780px; margin: 0 auto; padding-top: 10px; padding-bottom: 50px; } }

.previewItem01 { width: 263px; min-width: 263px; height: 412px; display: inline-block; position: relative; border-radius: 13px; margin-top: 20px; }

.previewItem01 .btnLike { position: absolute; top: 24px; left: 24px; }

.previewItem01 .info { padding: 0 27px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 23px; left: 0; }

.previewItem01 .info .name { font-size: 18px; font-weight: 500; color: #fff; line-height: 1.3; white-space: break-spaces; max-height: 2.6em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

.previewItem01 .info .group { width: 100%; margin-top: 12px; font-size: 13px; font-weight: 400; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.previewItem01 .info .sampleBarWrap { margin-top: 15px; }

.previewItem01 .info .progressBar { width: 100%; height: 4px; position: relative; border-radius: 4px; background: rgba(136, 136, 136, 0.3); }

.previewItem01 .info .progressBar .bar { visibility: hidden; height: 4px; position: absolute; top: 0; left: 0; border-radius: 2px; background-color: #fff; -webkit-animation: animate-width 1.5s both; animation: animate-width 1.5s both; }

.previewItem01 .info .progressInfo { margin-top: 5px; }

.previewItem01 .info .progressInfo p { font-size: 14px; font-weight: 400; color: #f1f1f1; }

.previewItem01 .info .tableWrapTy01 { width: 100%; display: table; table-layout: fixed; }

.previewItem01 .info .tableWrapTy01 p { display: table-cell; text-align: left; white-space: nowrap; vertical-align: middle; }

.previewItem01 .info .tableWrapTy01 p:last-child { text-align: right; }

.previewItem01:before { position: absolute; display: block; content: ""; width: 100%; height: 63%; background-image: -webkit-gradient(linear, left bottom, left top, from(#242424), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, #242424, rgba(0, 0, 0, 0)); border-radius: 0 0 13px 13px; bottom: 0; left: 0; }

.previewItem02 { width: 256px; min-width: 256px; height: 270px; display: inline-block; position: relative; border-radius: 13px; margin-top: 20px; }

.previewItem02 .btnLike { position: absolute; top: 24px; left: 24px; }

.previewItem02 .info { bottom: 30px; padding: 0 100px 0 24px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; }

.previewItem02 .info .name { font-size: 18px; font-weight: 500; color: #fff; line-height: 1.3; white-space: break-spaces; max-height: 2.6em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

.previewItem02 .info .group { width: 100%; margin-top: 12px; font-size: 13px; font-weight: 400; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.previewItem02 .btnSpon { position: absolute; bottom: 7px; right: -5px; width: 100px; height: 100px; padding: 22px; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25); }

.previewItem02:before { position: absolute; display: block; content: ""; width: 100%; height: 63%; background-image: -webkit-gradient(linear, left bottom, left top, from(#242424), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, #242424, rgba(0, 0, 0, 0)); border-radius: 0 0 13px 13px; bottom: 0; left: 0; }

@media (max-width: 767px) { #shareSnsPopup .swiper-wrapper-campaign { margin-left: 18px; } }

@media (min-width: 768px) { #shareSnsPopup .swiper-wrapper-campaign { margin-left: 32px; } }

.previewcmpWrap { width: 300px; min-width: 300px; height: 424px; margin-left: 10px; }

.previewcmpmWrap { width: 256px; min-width: 256px; height: 400px; margin-left: auto; margin-right: auto; }

.previewcmpWrap, .previewcmpmWrap, .previewcltWrap, .previewcltmWrap { display: block; position: relative; margin-top: 10px; margin-bottom: 30px; border-radius: 13px; }

.previewcmpWrap:before, .previewcmpmWrap:before, .previewcltWrap:before, .previewcltmWrap:before { position: absolute; display: block; content: ""; width: 100%; height: 63%; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#242424), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, #242424, rgba(0, 0, 0, 0)); border-radius: 0 0 13px 13px; }

.previewcmpWrap .btnLike, .previewcmpmWrap .btnLike, .previewcltWrap .btnLike, .previewcltmWrap .btnLike { position: absolute; top: 24px; left: 24px; }

.previewcltWrap .info, .previewcltmWrap .info { width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.previewcltWrap .info .name, .previewcltmWrap .info .name { font-size: 18px; font-weight: 500; color: #fff; line-height: 1.3; white-space: break-spaces; max-height: 2.6em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

.previewcltWrap .info .group, .previewcltmWrap .info .group { width: 100%; margin-top: 26px; font-size: 13px; font-weight: 400; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.previewcltWrap .btnSpon, .previewcltmWrap .btnSpon { -webkit-animation: doodoong 0.7s both; animation: doodoong 0.7s both; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; position: absolute; padding: 22px; }

.previewcltmWrap { width: 256px; min-width: 256px; height: 270px; margin-left: auto; margin-right: auto; }

.previewcltmWrap .info { padding: 0 100px 0 24px; bottom: 30px; }

.previewcltmWrap .info .group { margin-top: 12px; }

.previewcltmWrap .btnSpon { bottom: 7px; right: -5px; }

.previewcltWrap { width: 320px; min-width: 320px; height: 335px; margin-left: 10px; }

.previewcltWrap .info { padding: 0 32px; bottom: 32px; }

.previewcltWrap .info .name { width: 180px; }

.previewcltWrap .info .group { margin-top: 10px; }

.previewcltWrap .btnSpon { bottom: 15px; right: -8px; }

.previewcmpWrap .info, .previewcmpmWrap .info { padding: 0 27px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 23px; left: 0; }

.previewcmpWrap .info .name, .previewcmpmWrap .info .name { font-size: 18px; font-weight: 500; color: #fff; line-height: 1.3; white-space: break-spaces; max-height: 2.6em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

.previewcmpWrap .info .group, .previewcmpmWrap .info .group { width: 100%; margin-top: 26px; font-size: 13px; font-weight: 400; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.previewcmpWrap .info .group + .progressBarWrap, .previewcmpmWrap .info .group + .progressBarWrap { margin-top: 15px; }

.previewcmpWrap .info .progressBar, .previewcmpmWrap .info .progressBar { width: 100%; height: 4px; position: relative; border-radius: 4px; background: rgba(136, 136, 136, 0.3); }

.previewcmpWrap .info .progressBar .bar, .previewcmpmWrap .info .progressBar .bar { visibility: hidden; width: 0; height: 4px; position: absolute; top: 0; left: 0; border-radius: 2px; background-color: #fff; -webkit-animation: animate-width 1.5s both; animation: animate-width 1.5s both; }

.previewcmpWrap .info .progressInfo, .previewcmpmWrap .info .progressInfo { margin-top: 5px; }

.previewcmpWrap .info .progressInfo > *, .previewcmpmWrap .info .progressInfo > * { font-size: 14px; font-weight: 400; color: #f1f1f1; }

/*caas-custom에서 가져옴 최하단에 둘것==========================================================*/

/* (JJH) recoverUserPage 에서 사용하는 css */
.recoverHiddenDiv { display: none; }

#recoverTextListDiv input { text-transform: lowercase; ime-mode: inactive; }

/* 캠페인 프로그래스바 최대 100% */
.progressWrap .bar { max-width: 100%; }

/* header 아이콘이 너무 위에 표시되는 문제 해결  */
.header { z-index: 19; }

/* (KGC) 말줄임에 대한 Tooltip 처리 용 */
.elliTooltip { position: relative; }

.elliTooltip .elliTooltipTitle, .elliTooltipTitle { position: absolute; top: -15px; left: 4px; right: 4px; display: inline-block; padding: 6px 5px; background: #e5e5e5; border-radius: 4px; font-size: 11px; color: #666; animation-duration: 2s; -webkit-animation-duration: 2s; animation-name: fadein; -webkit-animation-name: fadein; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; opacity: 0; }

/* yeongeun.seo 계좌등록 KSNET 동의인증부분 ARS 내용 */
.paymentRegister .messageARS { position: unset; margin-top: 20px; }

/* yeongeun.seo 은행선택 팝업 (BETA CSS 사용) */
.bottomLayerPopup .inner.type03 { padding: 25px 16px 0; }

.bottomLayerPopup .inner.type03.fullPopup { padding: 25px 0 0; }

.bottomLayerPopup { position: fixed; bottom: 0; left: 0; right: 0; z-index: 300; width: 100%; background: #fff; border-radius: 24px 24px 0 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); }

.bottomLayerPopup.open { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-box-shadow: 0 -2px 10px 0 rgba(31, 31, 31, 0.18); box-shadow: 0 -2px 10px 0 rgba(31, 31, 31, 0.18); }

.bottomLayerPopup .inner { padding: 38px 32px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.bottomLayerPopup .btnWrap .btn { margin: 0; height: 56px; line-height: 56px; border-radius: 0; }

.bottomLayerPopup .bigTitle { text-align: center; }

.bigTitle { font-size: 21px; font-weight: 700; color: #333; }

.sTitle { font-size: 15px; font-weight: 700; color: #333; text-align: center; }

.bottomLayerPopup .bigTitle + input { margin-top: 35px; }

.bottomLayerPopup [class$="Txt"] { text-align: center; margin-top: 8px; font-size: 13px; }

.bankList { overflow: hidden; margin-top: 20px; padding-bottom: 16px; }

.bankList li { float: left; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.5%; height: 48px; margin: 0 2.5% 8px 0; border: 1px solid #ccc; border-radius: 2px; }

.bankList li:nth-child(3n) { margin-right: 0; }

.bankList li button { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 8px 8px 4px; }

.bankList li.on button:after { content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: block; background: rgba(255, 96, 77, 0.1); border: 1px solid #ff604d; border-radius: 2px; }

.bankList li .bankLogo { display: inline-block; width: auto; height: 20px; margin: 0 auto; }

.bankList li .bankLogo img { height: 100%; width: auto; }

.bankList li .bankTxt { display: block; margin-top: 0; font-size: 11px; color: #333; text-align: center; }

/* yeongeun.seo CMS 계좌 등록 약관 상세 */
#termsDetailPopup01 .selectBoxWrap { padding: 10px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#termsDetailPopup01 .inner { width: 100%; padding: 46px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#termsDetailPopup01 .btnWrapTy01 { display: block; margin: 0; }

#termsDetailPopup01 .btnWrapTy01 > [class*="btnPrimary"] { width: 100%; }

#termsDetailPopup02 .selectBoxWrap { padding: 10px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#termsDetailPopup02 .inner { width: 100%; padding: 46px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#termsDetailPopup02 .btnWrapTy01 { display: block; margin: 0; }

#termsDetailPopup02 .btnWrapTy01 > [class*="btnPrimary"] { width: 100%; }

/* (KGC) 브라우저에 따라 정상 동작이 안되는 경우가 있다. IOS, Safari 경우  */
.bottomLayerPopup { -webkit-transform: translateY(100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); }

.bottomLayerPopup.open { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); }

/* (KGC) a태그 사용하지 않고 처리 */
.campaign .swiper-slide [class*=item] { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; border-radius: 16px; }

/* JSON Beautifier 용 Style. see bfcCom.json.beautifier(data) */
pre.bfcJson { outline: 1px solid #ccc; padding: 5px; margin: 5px; white-space: pre-wrap; }

pre.bfcJson .string { color: green; }

pre.bfcJson .number { color: darkorange; }

pre.bfcJson .boolean { color: blue; }

pre.bfcJson .null { color: magenta; }

pre.bfcJson .key { color: red; }

/* (KGC) 디버깅 정보용 */
.bfcResponseErr { display: none; outline: 1px solid #ccc; padding: 5px; text-align: left; }

/*(KGC) on 경우 선택한 메뉴가 on이 아니다. */
#header .menuList .menu.on { color: #f4907e; }

/* (KGC) full버전 팝업 관련 */
.centerlayerPopup { visibility: hidden; opacity: 0; }

.centerlayerPopup.on { visibility: visible; opacity: 1; }

.popTyBackDrop { visibility: hidden; opacity: 0; }
.popTyBackDrop.open { visibility: inherit !important; opacity: 1 !important; }

@media (max-width: 767px) { .popTyFull { z-index: 200; border-radius: unset; }
  .campaignDetail .tabWrap .section .txt { margin-top: unset; }
  .popTyFull .btnWrapTy01 { display: block; }
  .popTyBackDrop { visibility: visible; opacity: 1; max-height: 95%; overflow-y: auto; }
  /* yeongeun.seo 약관 하단 버튼이 사라져서 임시로 넣음*/ }

.apDim.open { opacity: 1 !important; visibility: visible !important; }

.popTyLayer.close, .popTyFull.close { visibility: hidden; opacity: 0; display: none !important; }

.popTyLayer.close:hover, .popTyFull.close:hover {cursor: default !important;}

.popTyLayer.open, .popTyFull.open { visibility: visible !important; opacity: 1 !important; display: block !important; }

/* (KGC) Toast Popup 퍼블 먹히게 inline 주는 것을 class로 부여 */
.popTyToast.open { visibility: inherit; opacity: 1; -webkit-transform: translate(-50%, 0%) matrix(1, 0, 0, 1, 0, 0); transform: translate(-50%, 0%) matrix(1, 0, 0, 1, 0, 0); bottom: 50px; }

.sirenContWrap .sirenContArea .voteGraphArea .graph .confront { color: #666; padding: 3px 6px; font-size: 11px; }

/* (KGC) 페이지에 따라 분산된 경우. 프로필 사진 원형 */
.d-none { display: none; }

/* (KGC) 상세내 이미지 100% */
.campaignDetail .tableWrapTy01 .section img { width: 100%; }

/* (KGC) 팔로우단체 li 사이에 <script>가 오고 있어 방식을 빠꿈 */
.usageWrap .usageList .usage:not(:first-child) { margin-top: 24px; }

.usageWrap .usageList .usage > .goToPage { cursor: pointer; }

/* shyang 프로그래스바 100프로 안넘기게 */
.progressBarWrap .progressBar .bar { max-width: 100%; }

@media (max-width: 767px) { .sharingWrap .personList { padding: 31px 20px; }
  .paymentRegister .signCanvasForm { left: -45px; }
  .sirenMethodPopWrap.depth02 .grayBox { position: unset; margin: 0px 32px; } }

#header .util .userInfo img, .singUpWrapSub .imgWrap img { height: 100%; }

/* (KGC) 나눔 상세 계획  긴 경우 ... 안되게 처리. 아래는 되게 처리 */
.barStackChartWrap .legendList .legend > .dotted + span { width: unset; }

.legend .dotted { display: block; float: left; margin-top: 7px; }

.legend .dotted + span { display: block; line-height: 1.4em; white-space: unset; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; max-height: 2.6em; margin-bottom: 8px; padding-top: 1px; padding-left: 5px; }

/* (sh.yang) 기부 바구니 이미지 css 수정 */
.donationBasket .donationList .itemInfo .thumb > img { -o-object-fit: cover; object-fit: cover; }

.campaignNews .news .thumb > img { -o-object-fit: cover; object-fit: cover; }

/* (sh.yang) 페이지네이터 임시 css */
.pagingElem { -moz-user-select: -moz-none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }

/* 커머스 관련 임시 css */
.organLogo > img { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; }

/* (KGC) 팝업 시 바탕화면 scroll 안되게 */
body.openPopup { overflow: hidden; }

/* (KGC) 단체 이미지 타원형 표시 */
[class*="campaignVisual"] .logo > img { height: 100%; }

.apOnScroll { overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

/* (heejoo.lim) 나눔발자국 프로필 이름 가운데 정렬 */
.swiper-slide-campaign .name { width: 80px; margin-top: 8px; font-size: 13px; color: #524e4e; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 온도 */
.campaignDetail .tabWrap .section .temperTxt { left: calc(36.5% - 39px); }

/* 전체모금현황 이미지 */
.campaignListWrap .campaign .thumb > img { -o-object-fit: cover; object-fit: cover; }

/* (KGC) */
.fold .foldBottom { padding: 20px 14px 11px; }

.fold.on .impact { margin-top: 8px; }

/* (KGC) 말줄임 */
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.apImpactImg img { width: 100%; height: 100%; border-radius: 50%; padding: 0px; }

/* (shyang) 커머스 펼쳐보기가 더 작게 나오는거 방지 */
.pickDetail .productDetail.on .imgWrap { min-height: 184px; }

.personList .person > p, .personList .personInfo > p { width: 100% !important; }

.icoProfileDefault { background-image: unset; }

.profileInfoWrap .item { width: 50%; text-align: center; }

.profileInfoWrap .item .profile { display: inline-block; }

.sirenContWrap .sirenContArea .voteGraphArea .graph { width: 100%; }

.sirenContWrap .sirenContArea .voteGraphArea .graphInfoArea { width: 100%; }

.dashBoardWrap .conSliderWrap .swiper-container:before, .dashBoardWrap .conSliderWrap .swiper-container:after { width: 286px; }

/* (KGC) 이미지 팝업 zoom 처리 시 */
.openPopup .viewport { z-index: 200; }

/* (KGC) 오류 alert에 표시되는 디버깅 메시지 영역 */
.errorDebugAlert { text-align: left; margin: 10px 30px; border: 1px dotted; padding: 0 5px; }

/* =============================================================================================================
 * 박차장 이후 수정/추가되는 CSS
 */

/* 캠페인상세 체리런 릴레이섹션 정사각형 맞추기위해 추가(LSY) */
.masonry_campaign .swiper-wrapper.k-runCard  { height: 140px; }

/* 이미지 전체 팝업용 퍼블 */
.imgFullPop { transform: inherit; top: 0; left: 0; padding: 0; -webkit-transform: inherit; }
.imgFullPop .imgWin { z-index: 310; }
.imgFullPop .imgDim { z-index: 300; background-color: #2B2A2D; }
.imgFullPop .pull { width: 100%; height: 100%; position: inherit; top: 0; left: 0; }
.imgFullPop .imgHeader { position: relative; width: calc(100% - 32px); text-align: right; background: linear-gradient(180deg, rgba(43, 42, 45, 0.6) 0%, rgba(43, 42, 45, 0) 100%); padding: 16px; z-index: 10; }
.imgFullPop .imgHeader button { width: 24px; height: 24px; margin-right: 15px; }
.imgFullPop .imgHeader button:last-child { margin-right: 0; }
.imgFullPop .imgHeader .downloadBtn { background-image: url(/assets/images/custom/btn-down-wite@2x-36696115c437afc58cd82704159b4f70.png); background-size: 24px; }
.imgFullPop .imgHeader .deleteBtn { background-image: url(/assets/images/custom/btn-delete@2x-f9ac43df53fdf63c2147459be68f58c1.png); background-size: 24px; }
.imgFullPop .imgHeader .closeBtn { width: 25px; background-image: url(/assets/web/images/ico/btn-world-popup-close-white@3x-e1a0ab8ad5d31aec75a41780bd7f5faf.png); background-size: 25px 24px; }
.imgFullPop .imgContents { text-align: center; margin-top: 120px; }
.imgFullPop .imgContents .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media (max-width: 767px) { .imgFullPop .imgContents .content { width: 100%; } }
@media (min-width: 768px) { .imgFullPop .imgContents .content { width: calc(50%); max-width: 600px; } }

/* NFT empty 화면 */
.sl_noCont .normal.nft:before {background: url(/assets/images/custom/img-impty-01@3x-4d5a5e014c2ced30face607b12016d8b.png) transparent no-repeat;background-position: center;background-size: cover;}
.gnbRight .btnImg {width: 24px;height: 24px;object-fit: contain;margin-left: 15px;}
.gnbRight .btnText {margin-left: 15px;}
@media (min-width: 768px) { #gnb .exceptionShow .btnUnderLineTy06 {left: calc(50%);width: unset;} }
@media (max-width: 768px) { #gnb .exceptionShow {width: 30%;} }
@media (max-width: 768px) { #gnb .exceptionShow.nftList {width: 55%;} }

/* NFT Safari에서 문장이  wrap 되는 문제가 있다. & 크리에이터 주소가 두줄로 나타나는 이슈 */
.nft_dtlList dd .left {width: 40%;}
.nft_dtlList dd .right {width: 60%;}

/* NFT 새로고침 안내 */
.contents .nft_reloadInfo {margin: 25px 0 0 0;font-family: NotoSansCJKkr;font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.46px;color: #9d9d9d;word-break: break-word;}

/* 체리런 완보페이지 KM 옵션의경우 sub 스타일 (KGC with LSY) */
.resultStep em.addition { vertical-align: baseline; font-size: 70%;}

/* NFT 신청 관련 20220511추가 */
.grayBack .txt_btn {display: block; margin-top: 30px; color: #797979; font-size: 13px; font-weight: 400; text-decoration: underline;}

.nft-ol .inputBoxTy01 {margin-top: 15px;}
.nft-ol .inputBoxTy01 label {display: block; position: absolute; font-size: 20px; font-weight: 500; top: 11px; left: 4px;}
.nft-ol .inputBoxTy01 input {padding-left: 35px;}

.formTyContainer .infoWrap li.sub-info { padding-left: inherit; color: #797979; font-size: 13px; }

/* =============================================================================================================
 * 김은영 추가 CSS
 */

/* my 단체 - 모금 중인 캠페인이 없습니다. 메세지 정렬 (20220608) */
@media (max-width: 767px) { .contents.pb64-mb > .section > .inner > .noData {text-align:left !important;padding-top:0 !important;} }

/* 221128 체리스쿨 나눔지기 화면 custom 수정 */
.addressInputForm .inpBtnWrap .btnPrimaryTy05 {
  min-width: 90px;
  height: 32px;
  padding: 0 10px;
}

.addressInputForm .inpBtnWrap .btnPrimaryTy05 > span {
  font-size: 13px;
}

.addActCnt {
  margin-top: 20px;
}

.addActCnt .flexTable:last-of-type .btnPrimaryTy04 {
  min-width: 90px;
  height: 32px;
  padding: 0 10px;
}

.addActCnt .flexTable:last-of-type .btnPrimaryTy04 > span {
  font-size: 13px;
}

.calenderWrap .controller .inputBoxTyAD01.inputCampaignName input, .calenderWrap .controller .inputBoxTyAD01.inputCampaignDate input {
  padding: 5px 10px;
}

.inputBoxTyAD01.inputCampaignDate {
  margin-right: 10px;
}

.inputBoxTyAD01.inputCampaignTime input {
  width: 60px;
  text-align: center;
}

.nftcontainer .tableTyAdmin tr:first-child { border-top: solid 1px #f1f1f1; }

.nftcontainer .tableTyAdmin td:first-child { background-color: #f1f1f1; }

.nftcontainer .tableTyAdmin td { height: 50px; }

@media screen and (max-width: 767px) {
  #gnb .gnbInner > .gnbRight .icoWrapTy01 > * {
    margin-left: 10px;
  }
}

@media (max-width: 355px) {
  .icoFame { display: none; }
}

@media screen and (min-width: 768px) {
  .btnPrimaryTy03:hover { border-color: #999797; }
}

/* 221130 아이폰 5 대응 */
@media (max-width: 320px) {
  #gnb.depth02 .tit { font-size: 20px; }
  .campaignListWrap .campaign .thumb { width: 100px; height: 100px; }
  .campaignListWrap .campaign .description { width: calc(100% - 124px); }
}

/* 221130 갤럭시 폴드 대응 */
@media (max-width: 300px) {
  .campaignNews .news .thumb { width: 75px; height: 75px; }
  .campaignNews .news .newsInfo { margin: 0 0 0 88px; }
  .campaignNews .news .newsInfo .txt { font-size: 13px; line-height: 1.69; word-break: break-all; }
  .historyWrap .history { padding: 24px 0; }

  #gnb.depth02 .tit { font-size: 17px; }
  #gnb .exceptionShow .btnUnderLineTy06 { font-size: 12px; }

  .usageWrap .usageList .usage .description { margin-left: 68px; }
  .usageWrap .usageList .usage .description .currentInfo { margin-top: 18px; }

  .noticeWrap .notice .noticeContent:not(.editorArea) > * {
    min-width: auto;
  }

  .popTyLayer { min-width: 260px; }

  section.formTyContainer { padding-left: 20px; padding-right: 20px; }
  .checkbox input[type="checkbox"] + label:before { width: 20px; height: 20px; }
  .formTyWrap .checkbox input + label > span,
  .formTyWrap .checkbox .btnMore span { letter-spacing: -0.5px; }

  #gnb .gnbInner > .gnbRight .icoWrapTy01 > * { margin-left: 5px; }

  [class*="btnPrimary"] > span { font-size: 14px; }
}

/* 221226 footer 정보 수정 */
#footer .providerInfo > p:last-child { margin-top: 10px; }

@media (max-width: 767px) {
  .myPageSetting .moCopyRight .sponsor { font-weight: 300; }
  .myPageSetting .moCopyRight p { font-size: 13px; }
  .myPageSetting .moCopyRight p strong { font-size: 13px; font-weight: 700; margin-right: 10px; }
  .myPageSetting .version { font-weight: 700; padding: 0 32px 16px 32px; }
}

/* 230724 회원 탈퇴 팝업 추가 */
.popTyLayer .titleArea.bgWarning {
  background-color: #F4907E;
  border-radius: 4px 4px 0px 0px;
  padding: 20px 60px;
  margin: -60px -60px 0;
}

.popTyLayer .titleArea.bgWarning .warningTit {
  font-size: 22px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 28px;
}

.popTyLayer .titleArea.bgWarning .warningTit:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: url(/assets/web/images/ico/ic-warning-white@3x-583e53497527b91793b39ea09b58a78f.png) center no-repeat;
  background-size: 100%;
  margin: 0 auto 10px;
}

.popTyLayer .contentArea .warningContent .appImgWrap {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin-top: 22px;
}

.popTyLayer .contentArea .warningContent .appImgWrap p {
  font-size: 15px;
  font-weight: 700;
  color: #818181;
  line-height: 22px;
}

.popTyLayer .contentArea .warningContent .appImgWrap .cherryApp:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url(/assets/web/images/ico/logo-cherry-app-big@3x-2e6765af1f01b57bcc2766d4b0c6b073.png) transparent no-repeat;
  background-size: 100%;
  margin: 0 auto 7px;
}

.popTyLayer .contentArea .warningContent .appImgWrap .worldApp:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url(/assets/web/images/ico/logo-world-app@3x-bad8f17fe00def83da8de76488e09a84.png) transparent no-repeat;
  background-size: 100%;
  margin: 0 auto 7px;
}

.popTyLayer .contentArea .warningContent .grayTxt {
  font-size: 15px;
  color: #9D9999;
  line-height: 20px;
  margin-top: 15px;
}

.popTyLayer .contentArea .warningContent .boldTxt {
  font-size: 18px;
  font-weight: 700;
  color: #524E4E;
  line-height: 24px;
  margin: 10px 0 8px;
}

@media (max-width: 767px) {
  .popTyLayer .titleArea.bgWarning {
    padding: 20px;
    margin: -36px -14px 0;
  }

  .popTyLayer .contentArea + .btnWrapTy02 {
    margin-top: 30px;
  }
}

@media (max-width: 340px) {
  .popTyLayer {
    min-width: 260px;
  }
}

/* 230724 회원 탈퇴 유의사항 화면 수정 */
.notification .inner.deleteMember {
  padding: 55px 25px 0;
}

.leaveNote dd.box + dd.box {
  margin-top: 10px;
}

.leaveNote dd.box .appImgWrap {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin-top: 15px;
}

.leaveNote dd.box .appImgWrap p {
  font-size: 15px;
  font-weight: 700;
  color: #818181;
  line-height: 22px;
}

.leaveNote dd.box .appImgWrap .cherryApp:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url(/assets/web/images/ico/logo-cherry-app-big@3x-2e6765af1f01b57bcc2766d4b0c6b073.png) transparent no-repeat;
  background-size: 100%;
  margin: 0 auto 7px;
}

.leaveNote dd.box .appImgWrap .worldApp:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url(/assets/web/images/ico/logo-world-app@3x-bad8f17fe00def83da8de76488e09a84.png) transparent no-repeat;
  background-size: 100%;
  margin: 0 auto 7px;
}

/* 230731 신박지 콘서트 구매 취소 요청 화면 추가 */
.popTyFull .noticeContent.refund {
  padding: 15px;
}

.popTyFull .noticeContent.refund .textareaBoxTyAD .textCount {
  margin-top: 5px;
  margin-bottom: 10px;
}

/* 240118 로그아웃 팝업 수정 */
.popTyLayer .txt .title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

/* 240130 검색 / 관심 태그 설정 화면 수정 */
#gnb .inputBoxTy03 input {
    padding: 2px 65px 18px 0;
}

@media (max-width: 767px) {
    #gnb .inputBoxTy03 input {
        padding: 15px 65px 15px 0;
    }
}

.campaignWrapSub .searchBox .inputBoxTy03 input {
    padding: 2px 65px 18px 0;
}

@media (max-width: 767px) {
    .campaignWrapSub .searchBox .inputBoxTy03 input {
        padding: 15px 65px 15px 0;
    }
}

/* 240213 쿠팡 광고 배너 추가 */
.adContainer {
    height: 100px;
    text-align: center;
}

.adContainer .coupangBanner {
    max-width: 500px;
    margin: -30px 0 25px;
}

.namun .adContainer {
    margin-top: -50px;
}

.namun .noCampaign .adContainer {
    margin-top: 0;
}

.namun .noCampaign .adContainer .coupangBanner {
    margin: -20px 0 0;
}

.namun .adContainer .coupangBanner {
    max-width: 497px;
    margin: 0;
}

@media (max-width: 767px) {
    .namun .adContainer {
        padding-bottom: 70px;
    }

    .namun .adContainer .coupangBanner {
        margin: -40px 0 0;
    }
}

.namun .noDataWrap .adContainer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    margin: 0;
}

@media (max-width: 767px) {
    .namun .noDataWrap .adContainer {
        padding-bottom: 30px;
    }

    .namun .noDataWrap .adContainer .coupangBanner {
        margin: 0;
    }
}

.namun .userExtension + .adContainer {
    background-color: #fff;
    padding-bottom: 70px;
}

.namun .userExtension + .adContainer .coupangBanner {
    margin: -20px 0 0;
}

@media (min-width: 768px) {
    .adContainer {
        background-color: #f1f1f1;
    }
}

/* 240213 본인인증 화면 체리 로고 추가 */
.popTyFull .popHeader .tit .cherryLogo {
    width: 160px;
}

/* 240216 경북대학교 키오스크 기부 현황 화면 */

.kioskWrap {
    color: #000;
    letter-spacing: -1.5px;
    padding: 0 50px;
}

.kioskWrap .titleWrap {
    text-align: center;
    padding-bottom: 60px;
}

.kioskWrap .titleWrap .title {
    font-size: 96px;
    font-weight: 700;
    margin-bottom: 36px;
}

.kioskWrap .titleWrap .subTitle {
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 36px;
}

.kioskWrap .titleWrap .guideTxt {
    font-size: 30px;
    color: #B2B2B2;
}

.kioskWrap .donationTrackingWrap .contentWrap {
    position: relative;
    height: 1163px;
    background-color: #F4F4F4;
    border-radius: 25px;
    padding: 40px 43px;
}

.kioskWrap .donationTrackingWrap .contentWrap .title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}

.kioskWrap .donationTrackingWrap .contentWrap .donationList {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.kioskWrap .donationTrackingWrap .contentWrap .donationList .donation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
    padding: 30px;
}

.kioskWrap .donationTrackingWrap .contentWrap .donationList .donation .donationDate {
    font-family: 'D-DIN', sans-serif;
    font-size: 40px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0;
}

.kioskWrap .donationTrackingWrap .contentWrap .donationList .donation .donationPrice {
    width: 280px;
    font-family: 'D-DIN', sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #000;
    text-align: right;
    letter-spacing: 0;
}

.kioskWrap .donationTrackingWrap .contentWrap .donationList .donation .donationPrice .unit {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.3;
}

.kioskWrap .donationTrackingWrap .contentWrap .donationList .donation .detailViewBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 70px;
    background-color: #DA2127;
    border-radius: 15px;
}

.kioskWrap .donationTrackingWrap .contentWrap .donationList .donation .detailViewBtn span {
    font-size: 36px;
    font-weight: 500;
    color: #FFF;
    letter-spacing: -1.5px;
    padding-bottom: 2px;
}

.kioskWrap .donationTrackingWrap .contentWrap .emptyTxt {
    font-size: 36px;
    color: #B2B2B2;
    text-align: center;
    letter-spacing: -1.5px;
    padding-top: 505px;
}

.kioskWrap .donationTrackingWrap .contentWrap .pagingBtnWrap {
    position: absolute;
    bottom: 40px;
    display: flex;
    gap: 20px;
    width: calc(100% - 86px);
    margin-top: 50px;
}

.kioskWrap .donationTrackingWrap .contentWrap .pagingBtnWrap button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 130px;
    background-color: #B2B2B2;
    border-radius: 25px;
}

.kioskWrap .donationTrackingWrap .contentWrap .pagingBtnWrap button .arrowIcon {
    display: block;
    width: 35px;
    height: 60px;
}

.kioskWrap .donationTrackingWrap .contentWrap .pagingBtnWrap button:disabled .arrowIcon {
    opacity: 25%;
}

.kioskWrap .donationTrackingWrap .contentWrap .pagingBtnWrap .prevBtn .arrowIcon {
    background: url(/assets/web/images/ico/ic-kiosk-arrow-left@3x-e14c253a43dc3ff81e19ca07750e4a79.png) center no-repeat;
    background-size: 100%;
}

.kioskWrap .donationTrackingWrap .contentWrap .pagingBtnWrap .nextBtn .arrowIcon {
    background: url(/assets/web/images/ico/ic-kiosk-arrow-right@3x-71a95605c3897c3d7f6fa0d7c457f06a.png) center no-repeat;
    background-size: 100%;
}

/* 240216 경북대학교 키오스크 기부 현황 - 블록체인 기록 정보 팝업 */

.kioskPopup {
    position: fixed;
    top: 468px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 180px);
    color: #000;
    background-color: #FFF;
    border-radius: 50px;
    padding: 45px 30px 30px;
    z-index: 400;
}

.kioskPopup .titleWrap .title {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 70px;
}

.kioskPopup .blockChainInfoPopup .blockChainAni {
    position: absolute;
    top: -388px;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    animation: opacity 2s infinite;
}

.kioskPopup .contentWrap .donationInfoList {
    margin-bottom: 120px;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 27px;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .title {
    flex-shrink: 0;
    width: 237px;
    font-family: 'D-DIN', sans-serif;
    font-size: 36px;
    margin-left: 35px;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .title.from span {
    display: inline-block;
    width: 130px;
    color: #FFF;
    text-align: center;
    background-color: #B2B2B2;
    border-radius: 10px;
    padding: 3px 0;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .title.from:after {
    content: '';
    position: relative;
    top: 13px;
    left: 53px;
    display: block;
    width: 24px;
    height: 49px;
    background: url(/assets/web/images/ico/ic-kiosk-blockchain-arrow@3x-2e06eb0b326324508cb1c4a6666c74db.png) center no-repeat;
    background-size: 100%;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .title.to span {
    display: inline-block;
    width: 130px;
    color: #FFF;
    text-align: center;
    background-color: #B2B2B2;
    border-radius: 10px;
    padding: 3px 0;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .content {
    font-family: 'D-DIN', sans-serif;
    font-size: 40px;
    text-align: right;
    margin-right: 35px;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .content.tokenPrice {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 48px;
    font-weight: 700;
    color: #DA2127;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .content.tokenPrice:before {
    content: '';
    display: inline-block;
    width: 58px;
    height: 58px;
    background: url(/assets/web/images/ico/ic-kiosk-cherry-token@3x-5239f3ee2eecdc6c15ca626d5319f3ba.png) center no-repeat;
    background-size: 100%;
}

.kioskPopup .contentWrap .donationInfoList .donationInfo .content.status {
    color: #FFF;
    background-color: #05E26A;
    border-radius: 10px;
    padding: 2px 15px;
}

.kioskPopup .closeBtn {
    width: 100%;
    height: 140px;
    background-color: #DA2127;
    border-radius: 30px;
}

.kioskPopup .closeBtn span {
    font-size: 48px;
    font-weight: 700;
    color: #FFF;
    letter-spacing: -1px;
}

/* 체리워크 리뉴얼 런칭 Popup */
.dim.cherryWalkDim {
    background-color: rgba(0, 0, 0, 0.65);
}

.cherryWalkPopup.popTyLayer {
    min-width: 234px;
    max-width: 450px;
    width: calc(100% - 66px);
    letter-spacing: -0.5px;
    border-radius: 22px;
    padding: 30px 20px 20px;
}

@media (max-height: 650px) {
    .cherryWalkPopup.popTyLayer {
        padding: 15px 20px;
    }
}

.cherryWalkPopup .titleArea .noticeSubTit {
    font-size: 14px;
    font-weight: 700;
    color: #FF6D73;
    margin: 10px 0 0;
}

.cherryWalkPopup .titleArea .noticeTit {
    font-size: 22px;
    font-weight: 700;
    color: #202020;
    line-height: 28px;
    word-break: keep-all;
    margin: 8px 0 0;
}

.cherryWalkPopup .contentArea {
    padding: 20px;
    margin: 20px -20px 0;
}

.cherryWalkPopup .contentArea.bgGray {
    background-color: #F1F1F1;
}

.cherryWalkPopup .contentArea .noticeContent {
    text-align: left;
}

.cherryWalkPopup .contentArea .blackTxt {
    font-size: 15px;
    line-height: 22px;
}

.cherryWalkPopup .contentArea .imgWrap + .blackTxt {
    margin-top: 20px;
}

.cherryWalkPopup .contentArea .noticeContent .imgWrap {
    text-align: center;
}

.cherryWalkPopup .contentArea .noticeContent .imgWrap img {
    width: 100%;
}

.cherryWalkPopup .contentArea .noticeContent .imgWrap .walkLaunchingImg {
    width: clamp(194px, calc(12.125rem + ((1vw - 3px) * 44)), 227px);
    height: clamp(176.66px, calc(11.04125rem + ((1vw - 3px) * 40.4533)), 207px);
    border-radius: 32px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);
}

@media (max-height: 650px) {
    .cherryWalkPopup .contentArea .noticeContent .walkLaunchingImg {
        width: clamp(87.85px, calc(11.668125rem + ((1vh - 6.5px) * 120.5366)), 186.69px);
        height: clamp(80px, calc(10.625rem + ((1vh - 6.5px) * 109.7561)), 170px);
    }
}

@media (max-height: 600px) {
    .cherryWalkPopup .contentArea .noticeContent .walkLaunchingImg {
        display: none;
    }
}

.cherryWalkPopup .contentArea .noticeContent .blackTxt span {
    display: block;
    margin-bottom: 5px;
}

.cherryWalkPopup .contentArea .noticeContent .blackTxt .checkIcon {
    display: block;
    text-indent: -18px;
    margin: 0 0 5px 18px;
}

.cherryWalkPopup .contentArea .noticeContent .blackTxt .checkIcon:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/assets/web/images/ico/ic-walk-check@3x-bcf8c2825bb63bf5d52cdfefd4b3d038.png) center no-repeat;
    background-size: 100%;
    margin-right: 5px;
}

.cherryWalkPopup .contentArea .noticeContent .guideTxt {
    font-size: 14px;
    line-height: normal;
    margin-top: 10px;
}

@media (max-height: 700px) {
    .cherryWalkPopup .contentArea .noticeContent .guideTxt {
        display: none;
    }
}

.cherryWalkPopup .closeCheckBtn {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    margin: 16px 0 -7px;
}

.cherryWalkPopup .closeCheckBtn input[type="checkbox"] {
    width: 22px;
    height: 22px;
    background: url(/assets/web/images/ico/btn-world-check-box@3x-879065c84ac6e5baa83bd5e84a65ece2.png) center no-repeat;
    background-size: 100%;
}

.cherryWalkPopup .closeCheckBtn input[type="checkbox"]:checked {
    background: url(/assets/web/images/ico/btn-walk-check-box-checked@3x-e2e11e691b60aeebf4be02b758536176.png) center no-repeat;
    background-size: 100%;
}

.cherryWalkPopup .contentArea.bgGray + .btnWrap {
    margin: 20px 0 5px;
}

.cherryWalkPopup .btnWrap {
    position: relative;
    display: flex;
    justify-content: center;
    height: auto;
    padding: 0;
    margin: 30px 0 5px;
}

.cherryWalkPopup .btnWrap button {
    width: 100%;
    height: 51px;
    font-size: clamp(14px, calc(0.875rem + ((1vw - 3px) * 1.3333)), 15px);
    font-weight: 700;
    color: #fff;
    border-radius: 60px;
    padding: 15px 0;
    z-index: 3;
}

.cherryWalkPopup .btnWrap .btnPopup-bgGray {
    color: #202020;
    background-color: #EFEFEF;
    margin-right: 9px;
}

.cherryWalkPopup .btnWrap .btnPopup-bgGray span {
    color: #202020;
}

.cherryWalkPopup .btnWrap .btnPopup-bgPink {
    color: #fff;
    background-color: #FF7878; 
}

/* 신애라님 저서 나눔 이벤트 Popup */
.cherryWalkPopup .eventPopup .titleArea .noticeSubTit {
    margin: 0;
}

.cherryWalkPopup .eventPopup .contentArea {
    margin: 0 -40px 0;
}

.cherryWalkPopup .eventPopup .contentArea .blackTxt {
    font-size: clamp(12px, calc(0.75rem + ((1vw - 3.2px) * 3.6364)), 14px);
    margin: 16px 17.5px 0;
}

.cherryWalkPopup .eventPopup .contentArea .blackTxt .checkIcon {
    letter-spacing: -0.5px;
    margin: 0 0 4px 18px;
    margin-bottom: clamp(0px, calc(0rem + ((1vw - 3.2px) * 7.2727)), 4px);
}

.cherryWalkPopup .eventPopup .contentArea .blackTxt .checkIcon:last-child {
    margin: 0 0 0 18px;
}

.cherryWalkPopup .eventPopup .closeCheckBtn {
    color: #505151;
    margin: 0 0 -7px;
}

.cherryWalkPopup .eventPopup .btnWrap button {
    height: clamp(40px, calc(2.5rem + ((1vw - 3.2px) * 20)), 51px);
    font-size: clamp(12px, calc(0.75rem + ((1vw - 3px) * 4)), 15px);
    padding: clamp(10px, calc(0.625rem + ((1vw - 3.2px) * 9.0909)), 15px);
}