@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap');

@import url('https://rsms.me/inter/inter.css');

@font-face {
    font-family: 'InterVariable', sans-serif;
    font-style: normal;
    font-display: block;
    unicode-range: U+0030-0039;
    src: local('InterVariable'),
        url('font-files/InterVariable.woff2?v=4.0') format('woff2');
}

@keyframes menuOn { from { -webkit-right: -100%;
    right: -100%; }
  to { -webkit-right: 0;
    right: 0; } }

@keyframes menuOff { from { -webkit-right: 0;
    right: 0; }
  to { -webkit-right: -100%;
    right: -100%; } }

@keyframes spin { to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes liked { 0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  } }

@media (max-width: 579px) { .wb_mbHidden { display: none; } }

@media (min-width: 580px) { .wb_pcHidden { display: none; } }

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

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

.d_txt, .radio_bxS label .payN, .radio_bxS label .payKakao, .radio_bxS label .payL { font-size: 0; color: transparent; text-indent: -999999px; }

.d-iblock { display: inline-block; }

.icoFill { 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; }

.icosDel { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 19px; height: 19px; display: inline-block; background-position: -296px -143px; background-size: 500px 500px; }

.cherryRed { color: #f7806b; }

.regular { color: #9d9d9d; }

.text-light { font-weight: 400; }

.text-medium { font-weight: 500; }

.text-bold { font-weight: 700; }

.centerTy { line-height: 26px; color: #242424; text-align: center; word-break: keep-all; }

.centerTy .wl_pointTitle { margin-top: 0; margin-bottom: 20px; }

@media (min-width: 768px) { .centerTy .wl_pointTitle { margin-top: 40px; } }

.wl_leftTy { line-height: 26px; color: #242424; text-align: left; word-break: keep-all; }

.wl_leftTy.kid { position: relative; padding-left: 50px; padding-top: 0; }

.wl_leftTy.kid:before { position: absolute; content: ""; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 42px; height: 40px; display: inline-block; background-position: -276px -171px; background-size: 500px 500px; left: 0; top: 0; }

@media (min-width: 768px) { .wl_leftTy.kid { margin-top: 25px; }
  .wl_leftTy.kid:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 767px) { .wl_leftTy.kid { margin: 0 30px; } }

.smallTy { font-size: 13px; font-weight: 500; color: #3591e7; text-align: center; display: block; line-height: 18px; }

.smallTy.error { color: #f9455f !important; }

.titleWrap .infoTitle { font-size: 24px; font-weight: 500; color: #242424; line-height: 30px; margin-top: 5px; word-break: keep-all; word-wrap: break-word; text-overflow: ellipsis; text-align: center; }

.titleWrap .infoTitle span { word-break: keep-all; }

.titleWrap .wl_hdrsub { margin-bottom: 0; }

@media (max-width: 767px) { .titleWrap.aLeft .smallTy, .titleWrap.aLeft .infoTitle { text-align: left; } }

.sl_webHeader { line-height: 80px; text-align: center; /*이 웹헤더가 마이크로트레킹에서 급출몰한 PCtitle때문에 모든 페이지에 들어가게 되어 캠페인 상세쪽에 괜히 공간이 생겼으므로*/ }

.sl_webHeader .normal { text-align: center; font-size: 25px; font-weight: 500; color: #242424; /*padding-top:50px;display:block;위와 동일한 이유로 오른쪽 코드로 대체*/ line-height: 30px; vertical-align: bottom; }

@media (max-width: 767px) { .sl_webHeader .normal { display: none; } }

.btnUnderLineTy14 { font-size: 14px; font-weight: 500; text-decoration: underline; }

.btnRoundTy01 { background-color: #f4907e; border: 1px solid #f4907e; border-radius: 4px; width: 100%; height: 60px; }

.btnRoundTy01 span { font-size: 17px; font-weight: 500; color: #fff; line-height: 2; }

.btnRoundTy01:disabled, .btnRoundTy01.disabled { background-color: #cbcbcb; border-color: #cbcbcb; }

.btnRoundTy02 { background-color: #fff; border: 1px solid #9d9d9d; border-radius: 4px; width: 100%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btnRoundTy02 span { font-size: 17px; font-weight: 500; color: #9d9d9d; line-height: 2; }

.btnRoundTy02:hover, .btnRoundTy02.active { border-color: #f7806b; }

.btnRoundTy02:hover span, .btnRoundTy02.active span { color: #f7806b; }

.btnRoundTy02:disabled { border-color: inherit; }

.btnRoundTy02:disabled span { color: inherit; }

.btnRoundTy03 { background-color: #fff; border: 1px solid #cbcbcb; border-radius: 4px; width: 100%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.btnRoundTy04 { background-color: #fff; border: 1px solid #9d9d9d; border-radius: 4px; width: 100%; height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btnRoundTy04 span { font-size: 14px; font-weight: 500; color: #9d9d9d; }

@media (min-width: 768px) { .btnRoundTy03:hover, .btnRoundTy03.active { border-color: #f4907e; }
  .btnRoundTy03:hover span, .btnRoundTy03.active span { color: #f4907e; } }

.btn_shadow { width: 100%; min-height: 50px; border-radius: 4px; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.08); border: solid 1px #cbcbcb; background-color: #ffffff; padding-left: 18px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; text-align: left; font-size: 17px; font-weight: 500; color: #524e4e; letter-spacing: -0.5px; }

@media (max-width: 300px) { .btn_shadow { font-size: 15px; } }

.btn_shadow .normal { display: block; text-align: center; font-size: 15px; font-weight: 500; }

.btn_shadow .normal .ico_arrow { position: relative; display: inline-block; padding-left: 25px; height: 24px; }

.btn_shadow .normal .ico_arrow:after { position: absolute; display: block; content: ""; width: 20px; height: 20px; background-image: url("/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png"); background-size: 100% auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.i_Google { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 26px; height: 27px; display: inline-block; background-position: -183px 0px; background-size: 500px 500px; }

.i_Facebook { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 26px; height: 27px; display: inline-block; background-position: -213px 0px; background-size: 500px 500px; }

.i_Naver { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 26px; height: 27px; display: inline-block; background-position: -243px 0px; background-size: 500px 500px; }

.i_kakao { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 26.5px; height: 27px; display: inline-block; background-position: -273px 0px; background-size: 500px 500px; }

.i_Email { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 26.5px; height: 27px; display: inline-block; background-position: -303px 0px; background-size: 500px 500px; }

.i_Apple { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 26.5px; height: 27px; display: inline-block; background-position: -334px -37px; background-size: 500px 500px; }

.i_Qr { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 26px; height: 26px; display: inline-block; background-position: -83px -1px; background-size: 500px 500px; }

.btnlinerTy01 { border-radius: 4px; border: solid 1px #9d9999; }

.btnlinerTy01 span { font-size: 14px; font-weight: 500; color: #797979; }

.btnsideTy01 { width: 100%; height: 60px; border-radius: 4px; border: solid 1px #cbcbcb; background-color: #ffffff; }

.btnsideTy01 span { display: inline-block; font-size: 15px; font-weight: 500; color: #797979; padding-right: 20px; position: relative; }

.btnsideTy01 span:after { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 18px; height: 18px; display: inline-block; background-position: -260px -51px; background-size: 500px 500px; content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.btnsideTy01.active { border: solid 1px #f9455f; }

.btnsideTy01.active span { color: #f9455f; }

.btnsideTy01.active span:after { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 18px; height: 18px; display: inline-block; background-position: -310.5px -50.5px; background-size: 500px 500px; }

.btnbackTy01 { font-size: 14px; font-weight: 500; line-height: 25px; color: #797979; background-color: #f1f1f1; }

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

@media (max-width: 767px) { .wl_asideWrap { text-align: center; margin-top: 35px; }
  .wl_asideWrap .btnsideTy01 { height: 48px; width: 180px; } }

.wl_orgImgfctn { background-color: #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; position: relative; }

.wl_orgImgfctn .orgwrap { display: inline-block; width: 110px; margin-top: 20px; margin-bottom: 30px; }

.wl_orgImgfctn .orgwrap .orgthumb { margin: 10px 15px; display: inline-block; width: 80px; height: 80px; }

.wl_orgImgfctn .orgwrap .orgthumb img { width: 80px; height: 80px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); }

.wl_orgImgfctn .orgwrap .orgname { font-size: 13px; color: #524e4e; overflow: hidden !important; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; height: 36px; text-align: center; }

.wl_orgImgfctn .orgwrap.cherry { margin-right: 15px; position: relative; }

.wl_orgImgfctn .orgwrap.cherry .orgthumb { border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); position: relative; background-color: #fff; }

.wl_orgImgfctn .orgwrap.cherry .orgthumb:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 48px; height: 30px; display: inline-block; background-position: 0px -170px; background-size: 500px 500px; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.wl_orgImgfctn .orgwrap.cherry .orgname { position: relative; }

.wl_orgImgfctn .orgwrap.cherry .orgname:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 75px; height: 15px; display: inline-block; background-position: -41px -254px; background-size: 500px 500px; content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.wl_orgImgfctn .orgwrap.cherry:before { position: absolute; display: block; content: ""; width: 17px; height: 1px; background-color: #9d9d9d; right: -16px; top: 50px; }

.wl_orgImgfctn .orgwrap.cherry:after { position: absolute; display: block; content: ""; width: 1px; height: 17px; background-color: #9d9d9d; right: -8px; top: 42px; }

@media (max-width: 767px) { .wl_orgImgfctn:before { position: absolute; display: block; content: ""; width: 32px; height: 100%; background-color: #f8f8f8; left: -32px; top: 0; }
  .wl_orgImgfctn:after { position: absolute; display: block; content: ""; width: 32px; height: 100%; background-color: #f8f8f8; right: -32px; top: 0; } }

.contwrapTy1 .error { color: #f9455f !important; }

.contwrapTy1 .inputBoxTy01 input { border-bottom: 2px solid #9d9999; font-size: 17px; font-weight: 500; color: #242424; height: 48px; }

.contwrapTy1 .inputBoxTy01 .message.normal { color: #9d9d9d; }

.contwrapTy1 .inputBoxTy01 .message + .message { margin-top: 5px !important; }

.sev_acselwrap { position: relative; }

.sev_acselwrap:after { position: absolute; display: block; content: ""; width: 100%; height: 2px; background-color: #fff; bottom: -1px; left: 0; }

.sev_acselwrap .sev_conTit.on { padding-bottom: 10px; }

.sev_acsel { border-bottom: solid 1px #e4e4e4; }

.sev_acsel input { width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }

.sev_acsel input + label { margin-top: 8px; padding: 17px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; cursor: pointer; }

.sev_acsel input + label span { font-size: 15px; font-weight: 500; color: #9d9d9d; margin-left: 28px; line-height: 25px; position: relative; display: inline-block; }

.sev_acsel input + label span.addImg { vertical-align: middle; text-indent: 76px; }

.sev_acsel input + label span.addImg:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 74px; height: 17px; display: inline-block; background-position: -183px -32px; background-size: 500px 500px; content: ""; position: absolute; left: 0; top: 5px; }

.sev_acsel input + label:before { content: ""; position: absolute; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 20px; height: 18px; display: inline-block; background-position: -337px -17px; background-size: 500px 500px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; }

.sev_acsel input:checked + label { border-color: transparent; }

.sev_acsel input:checked + label span { font-size: 16px; color: #242424; }

.sev_acsel input:checked + label span.addImg:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 74px; height: 17px; display: inline-block; background-position: -183px -52px; background-size: 500px 500px; }

.sev_acsel input:checked + label span:after { position: absolute; display: block; content: ""; width: 100%; height: 8px; background-image: linear-gradient(to bottom, var(--sole-mainC2), var(--sole-mainC2)); position: absolute; bottom: 0; z-index: -1; }

.sev_acsel input:checked + label:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 20px; height: 18px; display: inline-block; background-position: -337px 0px; background-size: 500px 500px; border-color: #000; }

.sev_bxwrap { padding-bottom: 15px; padding-top: 7px; }

@media (max-width: 767px) { .sev_bxwrap { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; } }

.sev_bxwrap .radio_bxS { margin-left: 3px; margin-bottom: 7px; }

@media (max-width: 767px) { .sev_bxwrap .radio_bxS { width: 100%; margin-left: 0; margin-bottom: 0; } }

@media (min-width: 768px) { .sev_bxwrap .radio_bxS:nth-child(1), .sev_bxwrap .radio_bxS:nth-child(4) { margin-left: 0; } }

.sev_bxwrap .radio_bxF { margin-bottom: 10px; }

.sev_slwrap { width: 100%; text-align: center; margin-top: 15px; position: relative; }

.sev_slwrap .opt_txt { display: none; font-size: 14px; font-weight: 500; color: #f4907e; padding-top: 10px; margin-top: 15px; margin-left: auto; margin-right: auto; }

.sev_slwrap .opt_txt span { display: inline-block; position: relative; padding-left: 45px; }

.sev_slwrap .opt_txt span:before { position: absolute; content: ""; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 42px; height: 40px; display: inline-block; background-position: -276px -171px; background-size: 500px 500px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.sev_slwrap .on + .opt_txt { display: block; }

@media (max-width: 767px) { .sev_slwrap { padding-bottom: 25px; }
  .sev_slwrap:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; background-color: #f1f1f1; bottom: -8px; left: -40px; }
  .sev_slwrap:after { position: absolute; display: block; content: ""; width: 120px; height: 8px; background-color: #f1f1f1; bottom: -8px; right: -40px; }
  .sev_slwrap .radio_bxO { width: 45%; } }

.sev_slwrap .radio_bxO { max-width: 145px; }

.radio_bxO { display: inline-block; }

.radio_bxO label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.radio_bxO label:before { content: ""; position: absolute; border-radius: 4px; border: solid 1px #e6e6e6; width: 100%; height: 100%; top: 0; left: 0; }

.radio_bxO label:hover:before { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #524e4e; }

.radio_bxO label.cntrTxt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #524e4e; font-weight: 500; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 8px; padding-bottom: 6px; }

.radio_bxO label.cntrTxt em { font-size: 14px; line-height: 20px; }

.radio_bxO label.cntrTxt span { font-size: 13px; display: block; width: 100%; line-height: 18px; text-align: center; }

.radio_bxO input { height: 0; visibility: hidden; display: none; }

.radio_bxO input:checked + label:before { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #524e4e; }

.radio_bxO + .radio_bxO { margin-left: 5px; }

.radio_bxS { display: inline-block; width: 138px; height: 70px; }

.radio_bxS label { display: flex; box-sizing: border-box; position: relative; width: 100%; height: 100%; justify-content: center; align-items: center; }

.radio_bxS label:before { content: ""; position: absolute; border-radius: 4px; border: solid 1px #e6e6e6; width: 100%; height: 70px; top: 0; left: 0; }

.radio_bxS label:after { content: ""; position: absolute; border-radius: 50%; border: solid 1px #cbcbcb; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 20px; top: 10px; left: 10px; }

.radio_bxS label:hover:before { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #524e4e; }

.radio_bxS label .payTxt { display: block; text-align: left; color: #242424; font-size: 14px; font-weight: 500; text-align: center; word-break: normal; padding: 0 10px; }

.radio_bxS label .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%; }

.radio_bxS label .payKakao { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 57px; height: 25px; display: inline-block; background-position: 0px -194px; background-size: 500px 500px; }

.radio_bxS label .payL { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 53px; height: 21px; display: inline-block; background-position: 0px -137.5px; background-size: 500px 500px; }

.radio_bxS input { height: 0; visibility: hidden; display: none; }

.radio_bxS input:checked + label:before { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #524e4e; }

.radio_bxS input:checked + label:after { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -119px -6px; background-size: 500px 500px; border: solid 1px transparent; }

.sev_bxwrap .payGuideTxt { font-size: 14px; color: #FFFFFF; text-align: center; background-color: #9D9999; border-radius: 4px; padding: 7px; margin-top: 2px; margin-bottom: 14px; }

.radio_bxF { display: block; width: 100%; }

.radio_bxF label { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; padding: 23px 15px 23px 40px; text-align: right; border-radius: 4px; border: solid 1px #dfdfdf; }

.radio_bxF label:after { content: ""; position: absolute; border-radius: 50%; border: solid 1px #cbcbcb; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 20px; top: 10px; left: 10px; }

.radio_bxF label:hover { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #524e4e; }

.radio_bxF label .btnUnderLineTy03 { font-size: 14px; font-weight: 500; }

.radio_bxF label .value { display: inline-block; font-size: 16px; font-weight: 500; color: #524e4e; }

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

.radio_bxF label .rItems .btnReload { display: block; float: right; }

.radio_bxF label .rItems .btnReload span { color: #9d9d9d; font-weight: 500; }

.radio_bxF label .rItems .btnUnderLineTy03 { clear: both; display: block; float: right; margin-top: 12px; }

.radio_bxF label.cpoint:before { content: ""; position: absolute; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 95px; height: 19px; display: inline-block; background-position: 0px -147px; background-size: 500px 500px; left: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.radio_bxF label.lpoint:before { content: ""; position: absolute; background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 90px; height: 19px; display: inline-block; background-position: 0px -124px; background-size: 500px 500px; left: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.radio_bxF input { height: 0; visibility: hidden; display: none; }

.radio_bxF input:checked + label { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #524e4e; }

.radio_bxF input:checked + label:after { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -119px -6px; background-size: 500px 500px; border: solid 1px transparent; }

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

.radio_bxF input:disabled + label:hover { -webkit-box-shadow: inherit; box-shadow: inherit; border: solid 1px transparent; }

.radio_bxF input:disabled + label:before { opacity: .4; }

.radio_bxF input:disabled + label .value { opacity: .4; }

.on + .opn_detailH { visibility: visible; height: inherit; cursor: pointer; }

.on + .opn_detail { display: block; }

.on + .opn_detail, .on + .opn_detailH { border-bottom: solid 1px #e4e4e4; }

.on + .opn_detail:before, .on + .opn_detailH:before { position: absolute; display: block; content: ""; width: 100%; height: 1px; top: -1px; background-color: #fff; }

.opn_detailH { visibility: hidden; height: 0; position: relative; }

.opn_detail { display: none; position: relative; }

.opn_detail .guideTxt { font-size: 14px; color: #9d9d9d; line-height: 20px; word-break: keep-all; margin-bottom: 5px; display: block; }

.sev_msgwrap .subtit { font-size: 14px; color: #9d9d9d; line-height: 20px; word-break: keep-all; }

.sev_msgwrap .box_txtarea { margin-top: 10px; padding-bottom: 30px; }

.sev_msgwrap .box_txtarea textarea { border: solid 0.5px #c8c6c6; width: 100%; height: 80px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #9d9999; }

.sev_msgwrap .box_txtarea textarea::-webkit-input-placeholder { color: #9d9999; }

.sev_msgwrap .box_txtarea textarea:-ms-input-placeholder { color: #9d9999; }

.sev_msgwrap .box_txtarea textarea::-ms-input-placeholder { color: #9d9999; }

.sev_msgwrap .box_txtarea textarea::placeholder { color: #9d9999; }

.sev_infoWrap01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; background-color: var(--sole-mainC3); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; margin-bottom: 30px; }

.sev_infoWrap01 .tit { display: block; padding: 16px 13px; font-size: 17px; font-weight: 500; color: #242424; }

.sev_infoWrap01 .price { display: block; padding: 16px 13px; font-size: 20px; font-weight: 500; color: #242424; }

.sev_infoWrap02 { border-radius: 4px; background-color: var(--sole-mainC3); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; margin-bottom: 50px; padding: 25px 15px; text-align: center; }

.sev_infoWrap02 .detail { margin-top: 15px; }

.sev_infoWrap02 .detail .normal { font-size: 14px; font-weight: 500; color: #242424; display: block; line-height: 20px; }

.sev_infoWrap02 .topic { font-size: 16px; font-weight: 500; color: #242424; line-height: 25px; word-break: keep-all; }

.sev_infoWrap02 .topic em { font-size: 20px; color: #242424; font-weight: 500; }

.sev_infoWrap03 { padding-bottom: 30px; text-align: right; }

.sev_infoWrap03 .normal { margin-top: 20px; }

.sev_infoWrap03 .normal dt { font-size: 16px; font-weight: 500; color: #242424; text-align: left; }

.sev_infoWrap03 .normal dd { padding-top: 10px; text-align: left; font-size: 14px; font-weight: 500; color: #727272; line-height: 20px; word-break: keep-all; }

.sev_infoWrap03 .btnUnderLineTy03 { font-size: 14px; line-height: 25px; margin-top: 10px; display: inline-block; }

.popWrap { position: absolute; z-index: 400; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.popWrap .icoBack { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 20px; display: inline-block; background-position: -150px -35px; background-size: 500px 500px; }

@media (min-width: 768px) { .popWrap { max-width: 700px; left: 50%; -webkit-transform: translate(-50%, 10%); transform: translate(-50%, 10%); } }

.btnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; }

.btnWrap button { width: auto; min-width: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.topWrap { position: relative; }

@media (min-width: 768px) { .topWrap.topGap { padding-top: 80px; }
  .topWrap.optbtn .titleWrap { padding-top: 50px; } }

@media (max-width: 767px) { .topWrap.cutGap .cmm_contwrapTy { padding-top: 0; }
  .topWrap.optbtn header { height: inherit; text-align: center; }
  .topWrap.optbtn header h1 { color: #524e4e; text-indent: inherit; font-size: 22px; font-weight: 500; padding-top: 28px; padding-bottom: 8px; }
  .topWrap.optbtn .contwrapTy1, .topWrap.optbtn .cmm_contwrapTy { padding-top: 0; }
  .topWrap.optbtn .titleWrap { padding-top: 30px; } }

.topWrap.optbtn .markWrap { height: 200px; }

.topWrap.optbtn .titleWrap .infoTitle { font-size: 22px; margin-top: 0; line-height: 33px; }

.topWrap.optbtn .wl_txtbtnWrap01 .btnUnderLineTy14 { display: block; margin-left: auto; margin-right: auto; }

.btn_payInfo { padding: 30px 32px 29px; background-color: #f8f8f8; }

.btn_payInfo .msg { font-size: 20px; font-weight: 500; color: #242424; line-height: 29px; word-break: normal; }

.btn_payInfo .btn_paydtl { margin-top: 20px; }

.btn_payInfo .btn_paydtl .titleMain { font-size: 15px; font-weight: 500; color: #524e4e; word-break: keep-all; }

.btn_payInfo .btn_paydtl .titleSub { font-size: 14px; font-weight: 500; color: #9d9d9d; margin-top: 5px; line-height: 20px; }

.btn_payInfo .btn_paydtl .price { font-size: 18px; font-weight: 500; color: #f9455f; margin-top: 5px; line-height: 27px; }

.prmtn_info { border: solid 1px #ffd0c8; background-color: #fff5f3; width: 100%; min-height: 265px; display: block; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.prmtn_info:after { position: absolute; display: block; content: ""; width: 22px; height: 22px; background: url("/assets/web/images/ico/triangle_02-3c7b46f808ba7e8f9f7eb48ea7623649.png") transparent no-repeat; background-size: 100%; bottom: -2px; right: -1px; }

.prmtn_detail { border-radius: 6px; border: solid 1px #e6e6e6; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; }

.prmtn_detail:before { position: absolute; content: ""; }

@media (min-width: 768px) { .btn_payInfo { margin-left: 162px; margin-right: 162px; margin-top: 60px; border-radius: 6px; }
  .btn_appInfo { margin-left: 162px; margin-right: 162px; margin-top: 10px; border-radius: 6px; border: solid 1px #e6e6e6; padding: 10px 15px 30px 15px; }
  .btn_appInfo dl:after { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; background-position: -10px -160px; background-size: 1200px 1200px; }
  .btn_appInfo + .wl_btnWrap { width: 376px; margin: 45px auto 0 auto; }
  .btn_appDown { display: none; }
  .btn_approach { width: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; margin-right: auto; margin-top: 20px; }
  .btn_approach .qr { display: inline-block; }
  .btn_approach .link { width: 114px; }
  .btn_approach .link button { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; background-size: 1200px 1200px; width: 114px; height: 40px; }
  .btn_approach .link button.btn_storeDown { background-position: -4px -278px; margin-top: 5px; }
  .btn_approach .link button.btn_playDown { background-position: -4px -234px; margin-top: 10px; }
  .btn_inner { width: 375px; margin: 0 auto; }
  .btn_inner + .wl_btnWrap { width: 376px; margin: 10px auto 0 auto; }
  .prmtn_info { margin-top: 30px; }
  .prmtn_info:before { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; width: 256px; height: 244px; background-position: -120px -206px; display: inline-block; background-size: 1200px 1200px; content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 10px; }
  .prmtn_detail { min-height: 390px; margin-top: 10px; margin-bottom: 45px; }
  .prmtn_detail:before { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; width: 334px; height: 360px; background-position: -866px -324px; display: inline-block; background-size: 1200px 1200px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 15px; } }

@media (max-width: 767px) { .btn_appInfo { padding-left: 32px; padding-right: 32px; margin-top: 20px; padding-bottom: 84px; }
  .btn_appInfo dl:after { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; background-position: 0 -165px; background-size: 600px 600px; }
  .btn_appDown { display: block; width: 200px; height: 48px; font-size: 15px; font-weight: 500; color: #524e4e; text-align: center; margin-left: auto; margin-right: auto; border-radius: 24px; border: solid 1px #cbcbcb; margin-top: 20px; }
  .btn_appDown span { display: inline-block; width: calc(100% - 25px); font-size: 14px; line-height: 19px; word-break: normal; padding-right: 25px; position: relative; }
  .btn_appDown span:after { position: absolute; content: ""; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -161px -58px; background-size: 500px 500px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 9px; }
  .btn_approach { display: none; }
  .btn_inner { padding-left: 25px; padding-right: 25px; padding-bottom: 100px; }
  .prmtn_info { margin-top: 30px; }
  .prmtn_info:before { content: ""; margin-top: 18px; background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; width: 241px; height: 227px; background-position: 0px -226px; display: inline-block; background-size: 600px 600px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; }
  .prmtn_detail { padding-top: 260px; margin-top: 10px; }
  .prmtn_detail:before { background: url("/assets/web/images/content/content_main-342d499ce7a433f14cc8702113bdf390.png") transparent no-repeat; width: 300px; height: 244px; background-position: -295px -350px; display: inline-block; background-size: 600px 600px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 10px; } }

.btn_appInfo dl { position: relative; width: 100%; padding-top: 72px; }

.btn_appInfo dl:after { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 62px; height: 62px; display: inline-block; }

.btn_appInfo dt { font-size: 15px; font-weight: 500; color: #524e4e; word-break: keep-all; text-align: center; line-height: 23px; }

.btn_appInfo dt span { word-break: keep-all; }

.btn_appInfo dd { font-size: 12px; font-weight: 500; color: #797979; word-break: keep-all; text-align: center; line-height: 18px; margin-top: 10px; }

[class*="contwrapTy"] { -webkit-box-sizing: border-box; box-sizing: border-box; }

.wl_loginWrap, .btn_loginWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.wl_loginInr, .btn_loginInr { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 376px) { .wl_loginWrap, .btn_loginWrap { padding-top: 40px !important; } }

@media (min-width: 768px) { .wl_loginWrap, .btn_loginWrap { padding-left: 95px; padding-right: 95px; }
  .wl_loginInr, .btn_loginInr { padding-top: 40px; } }

@media (max-width: 767px) { .wl_loginWrap, .btn_loginWrap { padding-left: 40px; padding-right: 40px; padding-top: 20px; /*plus이하 디바이스인 경우의 top*/ }
  .sl_wrap :not(.popTyLayer) .btnPrimaryTy01, .sl_wrap :not(.popTyLayer) .btnPrimaryTy02 { border-radius: 0 !important; }
  .innerTys { padding-left: 20px; padding-right: 20px; }
  .innerTym { padding-left: 32px; padding-right: 32px; overflow: hidden; }
  .innerTyl { padding-left: 40px; padding-right: 40px; }
  .popTyFull { top: 0; left: 0; width: 100%; min-height: 100%; padding-bottom: 64px; /*버튼이 있을땐 버튼영역, 없을때는 컨텐츠 bottom여유*/ }
  .popTyFull header { width: 100%; height: 56px; position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .popTyFull header h1 { font-size: 23px; font-weight: 500; color: #242424; word-break: keep-all; padding-left: 30px; width: 100%; }
  .popTyFull header .btnPClose { -ms-flex-preferred-size: 40px; flex-basis: 40px; }
  .popTyFull header + .contwrapTy2 { padding-top: 56px; overflow-y: auto; height: 100%; /*header가 있을때 컨텐츠 Top여유*/ }
  .popTyFull header.lineOver { height: 75px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 16px; }
  .popTyFull header.lineOver + .contwrapTy2 { padding-top: 75px; /*header가 두줄짜리 일때 컨텐츠 Top여유*/ }
  .popTyFull.nofixedBtn { padding-bottom: 0; }
  .popTyFull.wTy600 .wl_popTit { font-size: 22px; font-weight: 500; line-height: 26px; margin-top: 50px; }
  .popTyFull.wTy600 .contwrapTy2 { overflow-y: auto; height: 100%; }
  .popTyFull .btnWrap button { border-radius: 0; }
  .topWrap header { height: 0; }
  .topWrap header h1 { font-size: 0; color: transparent; text-indent: -9999px; }
  .topWrap header + .contwrapTy1 { padding-top: 0; }
  .centerTy, .wl_leftTy { font-size: 22px; font-weight: 500; padding-top: 30px; }
  .contwrapTy1, .cmm_contwrapTy { padding-top: 56px; padding-bottom: 65px; }
  .contwrapTy2, .contwrapTy3 { padding-bottom: 65px; }
  .btnPClose { position: fixed; right: 16px; top: 16px; }
  .btnGoBack { position: absolute; left: 16px; top: 16px; }
  .btnWrap { width: 100%; height: 64px; position: fixed; bottom: 0; z-index: 100; }
  .titleWrap { margin-bottom: 8px; }
  .contwrapTy3 .logoWrap { margin-top: 65px; margin-bottom: 30px; }
  .selectContainer:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .cmm_topBar { padding-top: 8px; position: relative; }
  .cmm_topBar:before { position: absolute; display: block; content: ""; width: 100%; height: 8px; background-color: #f1f1f1; top: 0; }
  .cmm_topBar.innerTym:before { left: -32px; }
  .cmm_topBar.innerTym:after { position: absolute; display: block; content: ""; width: 32px; height: 8px; background-color: #f1f1f1; top: 0; right: 0; }
  .innerTyf .sev_conTit, .innerTyf .sev_acsel, .innerTyf .opn_detail { padding-left: 32px; padding-right: 32px; } }

@media (min-width: 768px) { .bottomWrap { width: 700px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 400px; }
  .bottomWrap h1 { font-size: 25px; font-weight: 500; color: #242424; line-height: 36px; }
  .popTyFull { width: 700px; min-height: 515px; max-height: 800px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; /*padding-bottom: 120px; 미쳤구나~ 버튼이 있을땐 버튼영역, 없을때는 컨텐츠 bottom여유*/ }
  .popTyFull header { width: 100%; position: relative; }
  .popTyFull header .btnPClose { position: fixed; right: 20px; top: 20px; }
  .popTyFull header.lineOver { min-height: 64px; }
  .popTyFull header.lineOver + .contwrapTy2 { max-height: 465px; }
  .popTyFull h1 { padding-top: 50px; padding-bottom: 20px; text-align: center; font-size: 25px; font-weight: 500; color: #242424; line-height: 32px; min-height: 35px; }
  .popTyFull .comm_popTitWrap p { padding-top: 50px; padding-bottom: 20px; text-align: center; font-size: 25px; font-weight: 500; color: #242424; line-height: 32px; min-height: 35px; }
  .popTyFull.nofixedBtn { padding-bottom: 65px; }
  .popTyFull.wTy600 { width: 600px; padding-bottom: 0; }
  .popTyFull.wTy600 .contwrapTy2 { height: inherit; max-height: 480px; padding-bottom: 30px; }
  .popTyFull.wTy600 .contwrapTy2 .cmb_inftxt01 { margin-bottom: 0; }
  .popTyFull.wTy600 .wl_popTit { font-size: 25px; line-height: 32px; padding-bottom: 0; text-align: left; }
  .popTyFull.wTy600 .btnWrap { border-radius: 0 0 13px 13px; }
  .popTyFull.hTy750 { height: 750px; max-height: 750px; }
  .popTyFull .btnWrap { border-radius: 0 0 13px 13px; }
  .topWrap { width: 700px; padding-bottom: 150px; margin: 0 auto; }
  .topWrap header h1 { padding-top: 50px; text-align: center; font-size: 25px; font-weight: 500; color: #242424; line-height: 32px; min-height: 35px; }
  .topWrap .contwrapTy1, .topWrap .cmm_contwrapTy { max-height: inherit; overflow-y: inherit; }
  .topWrap .sl_btnmainTy01 { border-radius: 4px; }
  .centerTy, .wl_leftTy { font-size: 22px; font-weight: 500; padding-top: 50px; }
  .contwrapTy1, .cmm_contwrapTy { padding-left: 135px; padding-right: 135px; max-height: 560px; overflow-y: auto; }
  .contwrapTy2 { padding-left: 60px; padding-right: 60px; height: 465px; overflow-y: auto; }
  .contwrapTy3 { padding-left: 95px; padding-right: 95px; }
  .contwrapTy3 .logoWrap { margin-top: 54px; margin-bottom: 20px; }
  .contwrapTy4 { width: 580px; margin: 0 auto; min-height: 500px; }
  .btnWrap { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 135px; padding-right: 135px; background-color: #fff; position: relative; }
  .btnWrap.webDiminish { height: 120px; }
  .btnWrap.webDiminish button { min-width: 200px; width: 200px; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; margin-left: auto; margin-right: auto; margin-top: 20px; border-radius: 5px; }
  .btnPClose { position: fixed; right: 20px; top: 20px; }
  .btnGoBack { position: absolute; left: 0; bottom: 0; }
  .loginContainer { padding-left: 108px; padding-right: 108px; }
  .selectContainer { margin-bottom: 45px; }
  .cimgContainer + .conTxt { text-align: center; } }

.txtNextBtn .normal, .wl_txtbtnWrap01 .normal, .wl_txtbtnWrap02 .normal { font-size: 14px; font-weight: 500; color: #727272; display: inline-block; line-height: 20px; word-break: keep-all; }

.txtNextBtn .btnUnderLineTy02, .wl_txtbtnWrap01 .btnUnderLineTy02, .wl_txtbtnWrap02 .btnUnderLineTy02 { display: inline-block; line-height: 20px; color: #4e9ce5; letter-spacing: -0.07px; }

.txtNextBtn .btnUnderLineTy02 { margin-left: 8px; }

.wl_topNav .progressBarWrap { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; }

.wl_topNav .progressBarWrap .progressBar { width: 100%; height: 2px; position: relative; background-color: #e2e2e2; border-radius: 1px; overflow: hidden; margin-bottom: 2px; }

.wl_topNav .progressBarWrap .progressBar .bar { height: 2px; position: absolute; left: 0; top: 0; background-color: #524e4e; border-radius: 1px; -webkit-transition: 450ms width ease; transition: 450ms width ease; }

.wl_topNav .progressBarWrap .progressStep { -ms-flex-preferred-size: 50px; flex-basis: 50px; font-size: 13px; font-weight: 500; color: #999; }

.wl_topNav .progressBarWrap .progressStep .current { color: #524e4e; }

.bottomWrap .conTxt { color: #524e4e; font-size: 17px; font-weight: 500; word-break: keep-all; line-height: 25px; }

.contwrapTy1 .optionList { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 12px; margin-bottom: 25px; }

.contwrapTy1 .optionList .option { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; }

.contwrapTy1 .optionList .option:first-child { margin-left: 0; }

.contwrapTy1 .optionList .option { margin-left: 6px; }

.contwrapTy1 .optionList .option input[type="radio"] { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }

.contwrapTy1 .optionList .option input[type="radio"] + label { width: 100%; display: block; border: 1px solid #9d9999; border-radius: 4px; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }

.contwrapTy1 .optionList .option input[type="radio"] + label span { font-size: 13px; font-weight: 500; color: #9d9999; line-height: 30px; }

.contwrapTy1 .optionList .option input[type="radio"]:checked + label { background-color: var(--sole-mainC1); border-color: var(--sole-mainC1); }

.contwrapTy1 .optionList .option input[type="radio"]:checked + label span { color: #fff; }

.contwrapTy1 .markWrap.xMark { margin-top: inherit; margin-bottom: inherit; }

.swiper-container .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; }

.swiper-container .swiper-wrapper .swiper-slide { -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; }

.overPop { width: 310px; position: fixed; z-index: 400; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 4px; display: none; opacity: 0; visibility: hidden; }

.overPop.on { display: block; opacity: 1; visibility: visible; }

.overPop.on + .dim { z-index: 399; opacity: 1; visibility: visible; }

.onContTy1 { padding: 30px 28px 15px 28px; }

.onContTy1 p { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; word-break: keep-all; }

.onbtnWrap { width: 100%; height: 78px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.onbtnWrap button { height: 48px; border-radius: 4px; width: auto; min-width: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.onheadWrap { color: #524e4e; text-align: center; padding-top: 8px; padding-bottom: 15px; }

.onheadWrap .subTitle { font-size: 14px; font-weight: 500; line-height: 25px; }

.onheadWrap h1 { font-size: 18px; font-weight: 500; }

.contwrapTy3 .logoWrap { text-align: center; }

.contwrapTy3 .logoWrap i { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 107px; height: 75px; display: inline-block; background-position: 0px 0px; background-size: 500px 500px; }

.contwrapTy3 .logoWrap p { font-size: 20px; font-weight: 500; line-height: 26px; color: #524e4e; margin-top: 10px; }

.contwrapTy5 { background-color: #f1f1f1; }

.contwrapTy5 .settingList .substance { float: right; padding-right: 30px; font-size: 14px; font-weight: 500; color: #797979; line-height: 24px; text-align: right; }

.contwrapTy5 .settingList .substance.ellipsis { width: 60%; }

.contwrapTy5 .noticeWrap { padding: 16px 0 0 0; }

.contwrapTy5 .noticeWrap .noticeList .notice:first-child .noticeContent { padding: 15px 15px 30px 15px; }

.contwrapTy5 .noticeWrap .noticeList .notice:first-child .noticeContent .textCountWrap { position: relative; }

.contwrapTy5 .noticeWrap .noticeList .notice:first-child .noticeContent .textCountWrap .textCount { position: absolute; right: 25px; top: -28px; }

.contwrapTy5 .noticeWrap .noticeList .notice:first-child .noticeContent .textCountWrap p.message { font-size: 13px; padding-top: 8px; }

.contwrapTy5 .noticeWrap .noticeList .notice:first-child .noticeContent .btnWrapTy02 { margin-top: 10px; }

.contwrapTy5 .noticeWrap .noticeList .tit { margin-top: inherit; }

@media (max-width: 300px) { .contwrapTy5 .noticeWrap .noticeList .notice:first-child .noticeContent > div { width: 100%; min-width: auto; } }

.contwrapTy5 .blushBtnWrap { text-align: center; }

.contwrapTy5 .blushBtnWrap a { font-size: 14px; font-weight: 500; }

.contwrapTy5 .blushBtnWrap p { font-size: 14px; font-weight: 500; color: #9d9d9d; }

.contwrapTy5 .blushBtnWrap .blush { float: inherit; font-size: 16px; text-decoration: underline; margin-top: 30px; margin-bottom: 0; }

.contwrapTy6 .sev_infoWrap01 .price { color: var(--sole-mainC1, #f4907e); }

.contwrapTy6.kiosk { color: #232323; letter-spacing: -0.3px; margin-bottom: -100px; }

@media (min-width: 768px) { .contwrapTy6.kiosk { display: none } }

.contwrapTy6.kiosk .innerTym { display: flex; flex-direction: column; height: calc(100vh - 110px); background: #F1F1F1; padding: 21px 18px 28px; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap { background: url(/assets/web/images/bg/bg-kiosk-reciept@3x-ecf81d58bc0cda979c269255797d71a4.png) bottom no-repeat, #FFFFFF; background-size: 100%; padding: 0 21px 30px; z-index: 0; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap:after { content: ''; position: absolute; top: 143px; left: 50%; transform: translateX(-50%); display: block; width: calc(100% - 42px); height: auto; max-height: 125.27px; background: url(/assets/web/images/bg/bg-kiosk-cherry@3x-7debbbcc65f113928eb67ab9f5fc5d5e.png) center no-repeat; background-size: 100%; z-index: -1; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .sev_conTit { font-size: 16px; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .sev_conTit:after { content: ''; position: absolute; top: 21px; right: 21px; display: inline-block; width: 40px; height: 40px; background: url(/assets/web/images/ico/ic-kiosk-check@3x-63b30e0496375e3c68470b14960fd6a7.png) center no-repeat; background-size: 100%; }

@media (max-width: 290px) { .contwrapTy6.kiosk .innerTym .sev_acselwrap .sev_conTit:after { top: 27px; width: 32px; height: 32px; } }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .sev_conTitPrice { font-size: 23px; font-weight: 700; padding-top: 13px; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .sev_conTitPrice .price { font-family: 'Inter', sans-serif; font-size: 26px; font-weight: 600; color: #FF7C65; line-height: 1.15; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .payInfoWrap { border-top: 1px solid #000000; margin-top: 22px; padding: 24px 0; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .payInfoWrap .sev_acsel { display: flex; justify-content: space-between; align-items: center; border-bottom: none; margin-bottom: 9px; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .payInfoWrap .sev_acsel:last-child { border-bottom: 1px solid #E1E1E1; padding-bottom: 30px; margin-bottom: 0; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .payInfoWrap .sev_acsel .cardInfoTit { font-size: 13px; color: #524E4E; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .payInfoWrap .sev_acsel .cardInfo { width: 72%; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500; color: #000000; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1px; }

.contwrapTy6.kiosk .innerTym .sev_acselwrap .sev_guideTxt { font-size: 14px; line-height: 23px; letter-spacing: -0.7px; border-bottom: 1px solid #E1E1E1; padding-bottom: 30px; }

.contwrapTy6.kiosk .text-cherry { color: #FF7C65; }

.contwrapTy6.kiosk .innerTym .cherryAppBtn { max-width: 305px; width: 100%; height: 95px; background: url(/assets/web/images/ico/btn-kiosk-app-move@3x-5b7bf30078baa4b52ecadcc975b46f97.png) center no-repeat; background-size: 100%; margin: -8px auto 0; z-index: 0; }

.contwrapTy6.kiosk .innerTym.bgWhite { width: calc(100% - 80px); background: #FFFFFF; padding: 0 40px; }

.contwrapTy6.kiosk .innerTym.bgWhite .errorImg { width: 182.93px; height: 183.21px; margin: 0 auto; }

.contwrapTy6.kiosk .innerTym.bgWhite .title { font-size: 21px; font-weight: 700; color: #242424; line-height: 32px; letter-spacing: -1px; word-break: keep-all; margin-top: 50px; }

.contwrapTy6.kiosk .innerTym.bgWhite .title:before { content: ''; position: relative; top: -14px; display: block; width: 36px; height: 4px; background: #CECACA; margin: 0 auto; }

.contwrapTy6.kiosk .innerTym.bgWhite .title span { word-break: keep-all; }

.contwrapTy6.kiosk .innerTym.bgWhite .title .price { font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 600; line-height: 1.5; margin-right: 2px; }

.contwrapTy6.kiosk .innerTym.bgWhite .subTxt { font-size: 15px; line-height: 25px; letter-spacing: -0.7px; word-break: keep-all; margin-top: 14px; margin-bottom: 36px; }

@media (max-width: 300px) { .contwrapTy6.kiosk .innerTym.bgWhite .subTxt br { display: none; } }

.contwrapTy6.kiosk .innerTym.bgWhite .subTxt span { word-break: keep-all; }

.contwrapTy6.kiosk .innerTym.bgWhite .completeImg { width: 177px; height: 178px; margin: 0 auto; }

.contwrapTy6.kiosk .wl_btnWrap .sl_btnmainTy01 { background: #F4907E; }

.contwrapTy6.kiosk .wl_btnWrap .sl_btnmainTy03 { background: #515151; }

.contwrapTy7 .settingList .substance { float: right; font-size: 14px; font-weight: 500; color: #797979; line-height: 24px; }

.contwrapTy7.myPageSetting { min-height: inherit; }

.contwrapTy7 .inputsContainer + .inputsContainer { margin-top: 30px; }

.contwrapTy7 .cmb_inftxt01 { margin-bottom: 0; }

.contwrapTy7 .wl_inputTitTy01 .btnUnderLineTy02 { float: right; font-size: 14px; font-weight: 500; color: #524e4e; }

.contwrapTy7 .inputBoxTy01 input { height: 48px; }

.cmb_inform { padding: 20px 32px; background-color: #f1f1f1; text-align: center; }

.cmb_inform .normal { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 21px; word-break: keep-all; }

.cmb_inform .normal span { word-break: keep-all; }

.contwrapTy8 .notification ~ .wl_btnWrap { justify-content: center; max-width: 620px; margin: 48px auto 80px; }

@media (max-width: 767px) { .chyContainer .contwrapTy5 { position: relative; padding-top: 56px; min-height: calc(100vh - 100px); }
  .chyContainer .contwrapTy5:after { position: absolute; display: block; content: ""; width: 100%; height: 100px; bottom: -100px; left: 0; background-color: #f1f1f1; }
  .chyContainer .contwrapTy6, .chyContainer .contwrapTy7, .chyContainer .contwrapTy8 { padding-top: 56px; }
  .chyContainer .contwrapTy7 .inputsContainer { padding-left: 30px; padding-right: 30px; }
  .contwrapTy5 .linkWrap { margin-top: 15px; }
  .contwrapTy5 .moCopyRight { position: relative; }
  .contwrapTy5 .moCopyRight .stChgWrap { top: 20px; }
  .contwrapTy5 .sl_imgWrap { background-color: #fff; padding-bottom: 30px; }
  .contwrapTy5 .sl_imgWrap .wb_pcHidden { bottom: 28px; }
  .contwrapTy5 .sl_imgWrap .wb_mbHidden label { bottom: 28px; }
  .contwrapTy5 .noticeWrap .notice > button { padding: 28px 56px 28px 32px; }
  .contwrapTy7.myPageSetting .moCopyRight { position: relative; }
  .contwrapTy7.myPageSetting .substance { text-align: right; padding-right: 30px; }
  .contwrapTy7.myPageSetting .substance.ellipsis { width: calc(100% - 115px); }
  .contwrapTy8 .notification ~ .wl_btnWrap { margin: 0 auto; } }

@media (min-width: 768px) { .contwrapTy5 { padding-bottom: 150px; }
  .contwrapTy5.myPageSetting { padding-top: 16px; }
  .contwrapTy5.myPageSetting .settingListWrap { overflow: inherit; }
  .contwrapTy5.myPageSetting .inner { width: 620px; padding: 10px 40px 10px 30px; background-color: #fff; }
  .contwrapTy5.myPageSetting .stChgWrap { top: 10px; }
  .contwrapTy5.myPageSetting dl.settingList { width: 100%; float: inherit; }
  .contwrapTy5.myPageSetting dl.settingList + .settingList { margin-left: inherit; }
  .contwrapTy5.myPageSetting dl.settingList dt { padding-top: 15px; padding-bottom: 12px; padding-left: 32px; background-color: #f1f1f1; position: relative; }
  .contwrapTy5.myPageSetting dl.settingList dt:before { position: absolute; display: block; content: ""; width: 30px; height: 100%; top: 0; left: -30px; background-color: #f1f1f1; }
  .contwrapTy5.myPageSetting dl.settingList dt:after { position: absolute; display: block; content: ""; width: 40px; height: 100%; top: 0; right: -40px; background-color: #f1f1f1; }
  .contwrapTy5.myPageSetting dl.settingList dt .tit { font-size: 14px; line-height: 28px; }
  .contwrapTy5.myPageSetting .section_either .dl_either { width: 620px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px 0 35px; border-radius: 4px; }
  .contwrapTy5.myPageSetting .section_either .dl_either + .dl_either { margin-top: 8px; }
  .contwrapTy5 .noticeList .notice + .notice { margin-top: 5px; }
  .contwrapTy6 { width: 430px; margin: 0 auto; }
  .contwrapTy6 .wl_btnWrap { margin-bottom: 70px; }
  .contwrapTy7 { width: 500px; margin: 0 auto; padding-bottom: 150px; }
  .contwrapTy7.myPageSetting .settingList { width: 100%; float: inherit; }
  .contwrapTy7.myPageSetting .settingList dd > button { padding: 17px 16px 17px 0; }
  .contwrapTy7.myPageSetting .settingList dd > button:after { right: 0; }
  .contwrapTy7.myPageSetting .moCopyRight.deleteMember { position: relative; display: block; }
  .contwrapTy7.myPageSetting .moCopyRight.deleteMember .stChgWrap { position: absolute; top: 40px; right: 0; text-align: right; }
  .contwrapTy7.myPageSetting .settingList .substance { text-align: right; padding-right: 10px; }
  .contwrapTy7.myPageSetting .settingList .substance.ellipsis { width: 350px; }
  .contwrapTy7 .wl_btnWrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .contwrapTy7 .wl_btnWrap .btnPrimaryTy01 { width: 230px; }
  .contwrapTy7 .wl_btnWrap { margin-top: 50px; }
  .contwrapTy8 .notification ~ .wl_btnWrap [class*="btnPrimary"] { width: 200px; }
  .contwrapTy8 .notification ~ .wl_btnWrap .btnPrimaryTy02 { border-radius: 4px 0 0 4px; }
  .contwrapTy8 .notification ~ .wl_btnWrap .btnPrimaryTy01 { border-radius: 0 4px 4px 0; }
  .cmb_inform { border-radius: 4px; }
  .cmb_inform + .settingListWrap { margin-top: 10px; } }

.infoTxt01 .status { font-size: 13px; }

.infoTxt01 .status.success { color: var(--sole-mainC1) !important; }

.infoTxt01 .normal { font-size: 23px; font-weight: 500; color: #242424; line-height: 30px; word-break: keep-all; }

.infoTxt02 { margin-bottom: 20px; }

.infoTxt02 .normal { text-align: center; }

.infoTxt02 .normal dt { font-size: 15px; font-weight: 500; color: #524e4e; line-height: 20px; word-break: keep-all; }

.infoTxt02 .normal dd { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; word-break: keep-all; margin-top: 5px; }

.infoTxt02 .price { display: block; text-align: center; font-size: 20px; font-weight: 500; color: #242424; margin-top: 10px; line-height: 30px; }

.infoTxt03 { margin-bottom: 45px; padding: 15px 20px 16px 20px; border-radius: 4px; border: solid 1px #cbcbcb; text-align: center; }

.infoTxt03 .normal { font-size: 17px; font-weight: 500; line-height: 25px; color: #524e4e; }

.infoTxt03 .normal .price { font-weight: 500; color: #242424; }

.infoTxt03 .aside { margin-top: 10px; }

.infoTxt03 .aside .item { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; }

.wp_fixmsg { font-size: 16px; font-weight: 500; color: #797979; line-height: 20px; text-align: center; display: block; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; left: 0; bottom: 290px; width: 100%; }

.wp_infoBox01 { padding: 20px 25px; border-radius: 4px; border: solid 1px #cbcbcb; margin-top: 30px; margin-bottom: 30px; }

.wp_infoBox01 .listTy02 dt { margin-bottom: 5px; }

.wp_infoBox01 .listTy02 dd { word-break: keep-all; }

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

.txtTy01:last-child { margin-bottom: 40px; }

.txtTy01 + .txtTy01 { margin-top: 15px; }

.wp_infoTxt01 { margin-bottom: 45px; }

.wp_infoTxt01 .bankInfo { margin: 50px auto; -webkit-animation: jello-horizontal .5s both; animation: jello-horizontal .5s both; }

.wp_infoTxt01 .txt { font-size: 14px; font-weight: 500; color: #727272; line-height: 20px; text-align: left; word-break: keep-all; }

.wp_infoTxt01 .txt + .txt { margin-top: 20px; }

.wp_infoTxt01 .emphasize { color: #f7806b; font-size: 15px; font-weight: 500; margin-bottom: 10px; }

.wp_infoTxt01 .bankInfo, .bnkInfWrap .bankInfo { width: 100%; max-width: 300px; }

.wp_infoTxt01 .bankInfo dt, .bnkInfWrap .bankInfo dt { height: 86px; padding-top: 32px; padding-left: 25px; }

.wp_infoTxt01 .bankInfo dt .bank, .bnkInfWrap .bankInfo dt .bank { font-size: 17px; }

.wp_infoTxt01 .bankInfo dd, .bnkInfWrap .bankInfo dd { height: 83px; padding-right: 20px; }

.wp_infoTxt01 .bankInfo dd .name, .bnkInfWrap .bankInfo dd .name { font-size: 16px; line-height: 24px; }

.wp_infoTxt01 .bankInfo dd .num, .bnkInfWrap .bankInfo dd .num { font-size: 16px; line-height: 24px; }

.wp_infoTxt01 .bankInfo.card dd:before, .bnkInfWrap .bankInfo.card dd:before { left: 20px; }

.bankInfo.card dt { background-image: inherit; }

.bankInfo.card dd { position: relative; }

.bankInfo.card dd:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 55px; height: 37px; display: inline-block; background-position: -454px -20px; background-size: 500px 500px; content: ""; left: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.swiper-slide .bankInfo.card dd:before { content: ""; left: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("/assets/web/images/ico/payment_card-ff36fdbb92f62523509cb516a5a18e51.svg"); background-size: 100% auto; width: 29px; height: 24px; }

.bnkInfWrap .bankInfo dt { position: relative; }

.bnkInfWrap .bankInfo dt .icoDelete { position: absolute; right: 10px; top: 10px; }

.bnkInfWrap .bankInfo dt .flag { position: absolute; left: 3px; top: 3px; font-size: 12px; font-weight: 500; color: #fff; display: inline-block; background-color: #524e4e; border-radius: 4px; line-height: 20px; padding-left: 5px; padding-right: 5px; }

.bnkInfWrap .bankInfo.addition { height: 170px; }

.bnkInfWrap .bankInfo.addition button span { font-size: 14px; }

@media (max-width: 767px) { .cmb_bnkList { margin-top: 40px; }
  .bnkInfWrap .bankInfo { margin: 20px auto; } }

@media (min-width: 768px) { .cmb_bnkList { margin-bottom: 150px; }
  .bnkInfWrap { display: inline-block; width: 300px; margin-top: 20px; }
  .bnkInfWrap:nth-child(even) { float: right; } }

.cmm_rstImg { padding: 3% 15%; }

.cmm_rstImg img { width: 100%; height: auto; }

@media (min-width: 768px) { .infoTxt01 { text-align: center; padding-top: 60px; }
  .cmm_rstImg { text-align: center; padding: inherit; }
  .cmm_rstImg img { width: 280px; }
  .infoTxt03 { width: 430px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .wp_infoTxt01 .txt, .wp_infoTxt01 .emphasize { text-align: center; } }

.innerTym .ftPrntWrap { margin-top: 10px; }

.innerTym .addScrpt { color: var(--sole-red, #f7806b); font-size: 14px; font-weight: 500; margin-bottom: 30px; word-break: keep-all; }

.inputsContainer { margin-top: 40px; margin-bottom: 30px; }

.inputsContainer .inputBoxTy01 + .inputBoxTy01 { margin-top: 10px; }

.inputsContainer .inputBoxTy01 input { font-size: 17px; }

.inputsContainer .inputBoxTy01 input.rightGep { padding: 11px 60px 11px 4px; }

.inputsContainer .inputBoxTy01 input.rightGep ~ .btnDelete { right: 35px; }

.inputsContainer .inputBoxTy01 input.rightGep:valid ~ .btnOpview { display: block; }

.inputsContainer .inputBoxTy01 input:disabled { background-color: #f1f1f1; border-radius: 4px; border-bottom: 2px solid transparent; padding-left: 10px; height: 45px; margin-top: 7px; color: #524e4e !important; opacity: 1; }

.inputsContainer .inputBoxTy01 input:disabled + .line { background-color: transparent; -webkit-transition: inherit; transition: inherit; -webkit-transform: inherit; transform: inherit; }

.inputsContainer .inputBoxTy01.optRightTime { margin-top: 20px; margin-bottom: 50px; }

.inputsContainer .inputBoxTy01.optRightTime input { padding-right: 50px; position: relative; }

.inputsContainer .inputBoxTy01.optRightTime .timeLimit { display: block; line-height: 48px; font-size: 14px; font-weight: 500; color: #f7806b; position: absolute; right: 0; top: 0; }

.inputsContainer .inputBoxTy01.optRightTxt { margin-top: 20px; margin-bottom: 50px; }

.inputsContainer .inputBoxTy01.optRightTxt input { padding-right: 65px; position: relative; }

.inputsContainer .inputBoxTy01.optRightTxt .txtLimit { display: block; line-height: 48px; font-size: 14px; font-weight: 500; color: #524e4e; position: absolute; right: 0; top: 0; }

.inputsContainer .inputBoxTy01.optRightTxt .btnDelete { right: 40px; }

.inputsContainer .inputBoxTy01 .btnOpview { position: absolute; top: 14px; right: 0; display: none; }

.inputsContainer .inputBoxTy01 .message { margin-top: 7px !important; font-size: 14px !important; font-weight: 500; word-break: keep-all; line-height: 20px !important; }

.inputsContainer .btnRoundTy02 { margin-top: 15px; }

.inputsContainer .wl_inputTitTy01 { position: relative; line-height: 20px; margin-top: 30px; }

.inputsContainer .wl_inputTitTy01 .title { font-size: 14px; font-weight: 500; color: #524e4e; }

.inputsContainer .wl_inputTitTy01 .aside { font-size: 14px; font-weight: 500; color: #9d9d9d; position: absolute; right: 0; }

.inputsContainer .wl_inputTitTy01 .agreeTy { position: absolute; right: 0; bottom: 0; }

.inputsContainer .cmb_inftxt01 { margin-top: 20px; }

.inputsContainer .dscrpt { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; margin-top: 5px; margin-bottom: 10px; word-break: keep-all; }

.contwrapTy1 .controlContainer { margin-top: 40px; text-align: center; position: relative; }

.contwrapTy1 .controlContainer .btnUnderLineTy01 { margin-top: 25px; margin-bottom: 25px; display: inline-block; line-height: 32px; font-size: 16px; font-weight: 500; color: #524e4e; letter-spacing: -0.08px; }

.contwrapTy1 .checkContainer { margin-top: 40px; }

.contwrapTy1 .checkContainer .txt { font-size: 16px; font-weight: 500; color: #524e4e; }

.contwrapTy1 .checkContainer .checkbox { margin-top: 10px; }

.contwrapTy1 .checkContainer .checkbox input[type="checkbox"] + label > span { font-size: 14px; margin-left: 6px; }

.cimgContainer { text-align: center; margin-top: 45px; }

.cimgContainer img { width: 140px; height: 140px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; }

.cimgContainer + .conTxt { margin-top: 40px; }

.cimgContainer .icoFill { margin: 12px 0; }

.cinfoContainer { margin-top: 40px; margin-bottom: 50px; text-align: center; }

.cinfoContainer p { word-break: keep-all; line-height: 1.5; text-align: center; }

.cinfoContainer p.normal { font-size: 17px; font-weight: 500; color: #524e4e; }

.cinfoContainer p.stress { font-size: 17px; font-weight: 500; color: #f9455f; }

.cinfoContainer p.subtxt { font-size: 14px; font-weight: 500; color: #797979; margin-top: 15px; }

.cinfoContainer p.subtxtBlack { font-size: 14px; font-weight: 500; color: #242424; margin-top: 15px; }

.cinfoContainer p span { word-break: keep-all; }

.cinfoContainer .btnUnderLineTy02 { margin: 15px auto 0 auto; text-align: center; color: #242424; }

.sev_titles { margin-top: 30px; margin-bottom: 24px; padding-left: 90px; position: relative; min-height: 75px; }

.sev_titles p { line-height: 25px; }

.sev_titles p.titleSub { font-size: 15px; font-weight: 500; color: #838383; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

.sev_titles p.titleMain { font-size: 18px; font-weight: 500; color: #242424; margin-top: 5px; line-height: 22px; }

.sev_titles .thumb { position: absolute; top: 0; left: 0; width: 75px; height: 75px; }

.sev_titles .thumb img { border-radius: 4px; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

.sev_conTit { font-size: 18px; font-weight: 500; color: #242424; line-height: 25px; padding-top: 30px; }

.sev_conTit + .sev_msgwrap { margin-top: 5px; }

.loginContainer .btn_shadow { margin-top: 7px; }

.loginContainer .btn_shadow i { margin-right: 22px; vertical-align: middle; float: left; }

@media (max-width: 300px) { .loginContainer .btn_shadow i { margin-right: 10px; } }

.loginContainer .wl_dashed { margin-top: 7px; margin-bottom: 2px; }

.loginInfoContainer { margin-top: 30px; text-align: center; }

.loginInfoContainer p { color: #524e4e; font-size: 14px; line-height: 20px; padding-top: 10px; word-break: keep-all; }

.loginInfoContainer p.bold { font-weight: 500; }

.loginInfoContainer p span { word-break: keep-all; }

.loginInfoContainer p .btnUnderLineTy02 { font-size: 14px; font-weight: 500; color: #4e9ce5; text-decoration: underline; letter-spacing: -0.07px; line-height: inherit; }

.fn_card { padding-top: 8px; padding-bottom: 30px; }

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

.fn_card .swiper-slide { width: 210px !important; height: 117px; }

.fn_card .swiper-slide-active { position: relative; }

.fn_card .swiper-slide-active:not(:last-child):after { position: absolute; content: ""; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -118.5px -5px; background-size: 500px 500px; top: 10px; right: 10px; border-radius: 50%; }

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

.wl_subTxt { font-size: 14px; font-weight: 500; color: #797979; line-height: 20px; text-align: center; }

.wl_prflContainer { margin-top: 10px; }

.wl_prflContainer .wl_subTxt { margin-top: 40px; }

.wl_resetWrap .centerTy { padding-top: 30px; }

/*핀번호 입력*/
.keypadContainer.wl_pin .wl_message { width: 100%; text-align: center; margin-top: 20px; }

.keypadContainer.wl_pin .conWrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.keypadContainer.wl_pin .conWrap .passwordWrap { width: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.keypadContainer.wl_pin .conWrap .error { width: 100%; margin-top: 20px; font-size: 14px; font-weight: 500; text-align: center; line-height: 20px; }

@media (min-width: 768px) { .keypadContainer.wl_pin { padding-bottom: 265px; position: relative; }
  .keypadContainer.wl_pin .conWrap { padding-top: 80px; padding-bottom: 120px; }
  .keypadContainer.wl_pin .keypad { position: absolute; } }

.keypadContainer.cmb_pin .conWrap { margin-top: 20px; }

.keypadContainer.cmb_pin .wl_message { width: 100%; text-align: center; margin-top: 80px; line-height: 20px; color: #f7806b; }

@media (min-width: 768px) { .keypadContainer.cmb_pin .conWrap { margin-top: 80px !important; }
  .keypadContainer.cmb_pin .wl_message { margin-top: 120px; } }

.wl_pointTitle { margin-top: 30px; text-align: center; }

.wl_pointTitle span { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 158px; height: 30px; display: inline-block; background-position: 0px -79px; background-size: 500px 500px; color: transparent; font-size: 0; line-height: 0; text-indent: -999; }

@media (max-width: 320px) { .wl_pointTitle { display: none; } }

.wl_inftxt01 { margin-bottom: 45px; }

.wl_inftxt01 .normal { font-size: 14px; font-weight: 500; color: #797979; line-height: 20px; margin-top: 10px; word-break: keep-all; }

.wl_inftxt01 .normal.ty_center { text-align: center; }

.wl_inftxt01 .txt { font-size: 15px; font-weight: 500; color: #524e4e; line-height: 20px; word-break: keep-all; }

@media (min-width: 768px) { .wl_inftxt01 .txt { text-align: center; } }

.wl_inftxt01 .btnUnderLineTy02 { color: #242424; margin-top: 15px; display: block; margin-left: auto; margin-right: auto; }

.wl_inftxt02 { font-size: 14px; font-weight: 500; color: #242424; line-height: 20px; word-break: keep-all; }

.wl_inftxt02 span { word-break: keep-all; }

.wl_inftxt02 .normal { color: #524e4e; }

.wl_inftxtWrap { margin-bottom: 45px; }

.wl_inftxtWrap li { word-break: keep-all; }

.wl_inftxtWrap li span { word-break: keep-all; }

.wl_inftxtWrap li + li { margin-top: 20px; }

.wl_inftxtWrap .inftxtRed { font-size: 17px; font-weight: 500; color: #f9455f; line-height: 22px; text-align: center; }

.wl_inftxtWrap .inftxtBlack { font-size: 14px; font-weight: 500; color: #242424; line-height: 20px; text-align: center; }

.wl_inftxtWrap .inftxtGray { font-size: 14px; font-weight: 500; color: #797979; line-height: 20px; text-align: center; }

.wl_infList { border-top: solid 1px #cbcbcb; margin-top: 20px; margin-bottom: 20px; }

.wl_infList li { padding: 10px 20px; border-bottom: solid 1px #cbcbcb; border-left: solid 1px #cbcbcb; border-right: solid 1px #cbcbcb; }

.wl_infList li em { font-size: 12px; color: #797979; font-weight: 500; line-height: 18px; }

.wl_infList li .normal { font-size: 14px; color: #242424; font-weight: 500; line-height: 20px; }

.wl_infList li.ty_center { text-align: center; }

.wl_infList li .i_txt { line-height: 27px; padding-left: 5px; font-size: 14px; font-weight: 500; color: #242424; }

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

.wl_infboxWrap article { border-radius: 4px; border: solid 1px #cbcbcb; width: 100%; padding: 20px; }

.wl_infboxWrap article em { color: #f88570; font-size: 14px; font-weight: 500; }

.wl_infboxWrap article h2 { color: #000; font-size: 15px; font-weight: 500; margin-top: 10px; }

.wl_infboxWrap article p { color: #797979; font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 15px; word-break: keep-all; }

.wl_infboxWrap .wl_addItems { width: 100%; }

@media (max-width: 767px) { .wl_infboxWrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wl_infboxWrap article + article { margin-top: 10px; } }

@media (min-width: 768px) { .wl_infboxWrap article + article { margin-left: 10px; } }

.wl_addItems { margin-top: 30px; }

.wl_addItems .normal { font-size: 13px; font-weight: 500; color: #9d9d9d; display: inline-block; line-height: 20px; }

.wl_addItems .btnUnderLineTy02 { line-height: 20px; margin-left: 5px; color: #242424; }

.wp_lpop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 400; background-color: #fff; opacity: 0; visibility: hidden; display: none; }

.wp_lpop .popHeader { height: 56px; position: relative; }

.wp_lpop .popHeader .btnPopClose { position: absolute; top: 20px; right: 20px; }

.wp_lpop .popHeader .btnBack { position: absolute; top: 20px; left: 20px; }

.wp_lpop .keypadContainer .singUpWrapSub .conWrap { top: 160px; text-align: center; z-index: 201; }

.wp_lpop .keypadContainer .singUpWrapSub .conWrap .passwordWrap { margin: 0 auto; width: 240px; }

.wp_lpop .keypadContainer .singUpWrapSub .conWrap .passwordWrap > .password.on { background-color: var(--sole-mainC1, #f7806b); border-color: var(--sole-mainC1, #f7806b); }

.wp_lpop .keypadContainer .singUpWrapSub .conWrap .sl_btnArrow { margin-top: 55px; }

@media (min-width: 768px) { .wp_lpop { width: 375px; height: 734px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.wp_lpop.open { display: block; opacity: 1; visibility: visible; }

.sl_iPhoto { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 21px; display: inline-block; background-position: -281px -49px; background-size: 500px 500px; }

.sl_imgWrap { text-align: center; padding-top: 40px; padding-bottom: 10px; position: relative; }

.sl_imgWrap img { width: 124px; height: 124px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: solid 1px var(--color-pLine); }

.sl_imgWrap .btnShadowTy01 { padding-top: 5px; display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41px; height: 41px; }

.sl_imgWrap .wb_pcHidden { position: absolute; bottom: 8px; left: 50%; margin-left: 22px; }

.sl_imgWrap .wb_mbHidden label { position: absolute; bottom: 10px; left: 50%; margin-left: 22px; }

.sl_imgWrap .wb_mbHidden input[type="file"] { opacity: 0; position: absolute; bottom: 0; left: 0; height: 45px; width: 45px; cursor: pointer; }

.sl_imgWrap.cmb_attach { margin-bottom: 65px; }

.sl_imgWrap.cmb_attach:after { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 140px; height: 44px; display: inline-block; background-position: -126px -177px; background-size: 500px 500px; content: ""; position: absolute; bottom: -45px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.sl_wNav { position: relative; width: 100%; background-color: var(--sole-mainC2, #fff); top: 0; text-align: center; }

.sl_wNav .sl_logo { margin-left: auto; margin-right: auto; display: block; text-align: center; }

.sl_wNav .sl_logo .link { display: inline-block; }

.sl_wNav .sl_logo img { border-radius: 50%; background-color: #fff; }

.sl_wNav .sl_logo .sl_gnm { color: #242424; font-weight: 500; display: block; padding-left: 15px; padding-right: 15px; }

.sl_wNav .sl_gadd { color: #524e4e; font-weight: 500; line-height: 22px; word-break: keep-all; padding-left: 15px; padding-right: 15px; display: inline-block; }

.sl_wNav .sl_mlgn { border-radius: 18px; border: solid 1px rgba(157, 157, 157, 0.6); -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; }

.sl_wNav .sl_mlgn i { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 22px; height: 15px; display: inline-block; background-position: -137px -61px; background-size: 500px 500px; }

.sl_wNav .sl_mlgn .normal { font-weight: 500; color: #242424; margin-left: -2px; }

@media (min-width: 768px) { .sl_wNav { height: 270px; }
  .sl_wNav .sl_logo { margin-left: auto; margin-right: auto; padding-top: 42px; }
  .sl_wNav .sl_logo img { width: 110px; height: 110px; }
  .sl_wNav .sl_logo .sl_gnm { line-height: 24px; font-size: 23px; margin-top: 19px; }
  .sl_wNav .sl_gadd { font-size: 20px; margin-top: 12px; }
  .sl_wNav .sl_mlgn { line-height: 34px; padding-left: 8px; padding-right: 12px; top: 32px; right: 25px; }
  .sl_wNav .sl_mlgn .normal { font-size: 14px; }
  .sl_wNav .fn_wmOpen { top: 30px; right: 25px; } }

@media (max-width: 767px) { .sl_wNav { height: 250px; }
  .sl_wNav .sl_logo { margin-left: auto; margin-right: auto; padding-top: 70px; }
  .sl_wNav .sl_logo img { width: 80px; height: 80px; }
  .sl_wNav .sl_logo .sl_gnm { line-height: 22px; font-size: 20px; margin-top: 15px; }
  .sl_wNav .sl_gadd { font-size: 16px; margin-top: 10px; }
  .sl_wNav .sl_mlgn { display: none; }
  .sl_wNav .fn_wmOpen { display: none; } }

.sl_wNav .fn_wmOpen { position: absolute; }

.sl_wNav .fn_wmOpen img { width: 40px; height: 40px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; }

.sl_btnGr { height: 32px; border-radius: 16px; border: solid 1px #e6e6e6; min-width: 85px; font-size: 13px; font-weight: 500; color: #9d9999; padding-left: 12px; padding-right: 12px; }

.sl_iProfile { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -70px -229px; background-size: 500px 500px; }

.sl_pfWrap .inputBoxTy01 { text-align: left; }

.sl_pfWrap .inputBoxTy01 input { border-bottom: 2px solid #9d9999; font-size: 17px; font-weight: 500; color: #242424; height: 48px; }

.sl_pfWrap .inputBoxTy01 input:valid ~ .btnDelete { right: 34px; }

.sl_pfWrap .inputBoxTy01 input:valid ~ .txtLimit { display: block; }

.sl_pfWrap .inputBoxTy01 .message { margin-top: 10px; color: #f7806b; }

.sl_pfWrap .inputBoxTy01 .txtLimit { display: none; font-size: 14px; font-weight: 500; color: #524e4e; right: 0; top: 17px; position: absolute; }

.sl_pfWrap [class*="inputBox"] input[type="text"]:valid { padding: 11px 55px 11px 4px; }

.fn_wmCont { position: fixed; display: none; background-color: #fff; z-index: 101; }

.fn_wmCont:after { content: ""; width: 12px; height: 9px; display: block; position: absolute; top: -8px; right: 21px; background: url("/assets/web/images/ico/triangle-1-08d60f7d0bdcf6369381b6bf30c4ea8f.png") 0 0 no-repeat; background-size: 100% auto; }

.fn_wmCont .btnNavClose { position: fixed; top: 20px; right: 20px; }

.fn_wmCont .sl_wmTop { border-bottom: solid 1px #e6e6e6; text-align: center; }

.fn_wmCont .sl_wmTop img { border-radius: 50%; -o-object-fit: cover; object-fit: cover; }

.fn_wmCont .sl_wmTop .name { color: #242424; font-weight: 500; }

.fn_wmCont .sl_wmTop .profile { display: inline-block; }

.fn_wmCont .sl_wmTop .sl_imgWrap { padding-top: inherit; }

.fn_wmCont .sl_wmTop .sl_imgWrap label { position: absolute; bottom: 10px; left: 50%; margin-left: 12px; }

.fn_wmCont .sl_wmTop .sl_imgWrap input[type="file"] { opacity: 0; position: absolute; bottom: 0; left: 0; height: 45px; width: 45px; cursor: pointer; }

.fn_wmCont .sl_wmTop .sl_imgWrap .btnShadowTy01 { width: 28px; height: 28px; }

.fn_wmCont .sl_wmlist li { position: relative; background-color: #fff; }

.fn_wmCont .sl_wmlist a { border-bottom: solid 1px #e6e6e6; font-weight: 500; color: #242424; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.fn_wmCont .sl_wmlist a:before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.fn_wmCont .sl_wmlist a.sl_ihistory:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -360px -68px; background-size: 500px 500px; }

.fn_wmCont .sl_wmlist a.sl_ipayment:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -333px -68px; background-size: 500px 500px; }

.fn_wmCont .sl_wmlist a.sl_itax:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 22px; height: 22px; display: inline-block; background-position: -41px -227px; background-size: 500px 500px; }

.fn_wmCont .sl_wmMid { text-align: center; }

.fn_wmCont .sl_wmMid .btnUnderLineTy02 { color: #797979; }

.fn_wmCont .sl_sublogo { text-align: center; }

.fn_wmCont .sl_wmBtm { background-color: #f1f1f1; text-align: center; }

.fn_wmCont .sl_wmBtm a { display: inline-block; color: #9d9d9d; font-weight: 500; }

.fn_wmCont .sl_wmBtm a.item02 { position: relative; }

.fn_wmCont .sl_wmBtm a.item02:before { position: absolute; display: block; content: ""; width: 1px; height: 13px; background-color: #9d9d9d; left: 0; top: 5px; }

.fn_wmCont .sl_btnGr { margin-top: 10px; }

@media (min-width: 768px) { .fn_wmCont { border: solid 1px #c8c6c6; top: 90px; right: 15px; border-radius: 3px; -webkit-box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 0.1); width: 300px; }
  .fn_wmCont .btnNavClose { display: none; }
  .fn_wmCont .sl_wmTop { padding-top: 30px; padding-bottom: 20px; }
  .fn_wmCont .sl_wmTop img { width: 60px; height: 60px; }
  .fn_wmCont .sl_wmTop .name { font-size: 17px; margin-top: 10px; }
  .fn_wmCont .sl_wmTop .profile { width: 60px; height: 60px; }
  .fn_wmCont .sl_wmlist a { height: 52px; padding-left: 52px; font-size: 15px; }
  .fn_wmCont .sl_wmlist a:before { left: 20px; }
  .fn_wmCont .sl_wmMid { padding-top: 35px; padding-bottom: 20px; }
  .fn_wmCont .sl_sublogo { margin-bottom: 8px; }
  .fn_wmCont .sl_wmBtm { padding-top: 10px; padding-bottom: 10px; border-radius: 0 0 3px 3px; }
  .fn_wmCont .sl_wmBtm a { font-size: 12px; line-height: 20px; }
  .fn_wmCont .sl_wmBtm a.item01 { margin-right: 5px; cursor: pointer; }
  .fn_wmCont .sl_wmBtm a.item02 { padding-left: 8px; cursor: pointer; }
  .fn_wmCont.open { display: block; }
  .fn_wmCont .sl_pfWrap { padding-left: 20px; padding-right: 20px; } }

@media (max-width: 767px) { .fn_wmCont { top: 0; right: -100%; width: 100%; height: 100%; -webkit-animation: menuOff 0.5s both; animation: menuOff 0.5s both; -webkit-animation-timing-function: easeInOutQuint; animation-timing-function: easeInOutQuint; }
  .fn_wmCont .sl_wmTop { padding-top: 54px; padding-bottom: 32px; }
  .fn_wmCont .sl_wmTop img { width: 80px; height: 80px; }
  .fn_wmCont .sl_wmTop .name { font-size: 17px; margin-top: 15px; }
  .fn_wmCont .sl_wmTop .profile { width: 80px; height: 80px; }
  .fn_wmCont .sl_wmlist a { height: 60px; padding-left: 64px; font-size: 16px; }
  .fn_wmCont .sl_wmlist a:before { left: 30px; }
  .fn_wmCont .sl_navEnd { position: fixed; bottom: 0; right: -100%; width: 100%; background-color: #fff; }
  .fn_wmCont .sl_wmMid { padding-top: 10px; padding-bottom: 20px; }
  .fn_wmCont .sl_wmMid .btnUnderLineTy02 { font-size: 15px; }
  .fn_wmCont .sl_sublogo { margin-bottom: 15px; }
  .fn_wmCont .sl_sublogo .txt { width: 75px; word-break: keep-all; }
  .fn_wmCont .sl_wmBtm { padding-top: 20px; padding-bottom: 20px; }
  .fn_wmCont .sl_wmBtm a { font-size: 13px; line-height: 20px; }
  .fn_wmCont .sl_wmBtm a.item01 { margin-right: 7px; }
  .fn_wmCont .sl_wmBtm a.item02 { padding-left: 10px; }
  .fn_wmCont.open { display: block; -webkit-animation: menuOn 0.5s both; animation: menuOn 0.5s both; -webkit-animation-timing-function: easeInOutQuint; animation-timing-function: easeInOutQuint; }
  .fn_wmCont.open .sl_navEnd { -webkit-animation: menuOn 0.5s both; animation: menuOn 0.5s both; -webkit-animation-timing-function: easeInOutQuint; animation-timing-function: easeInOutQuint; }
  .fn_wmCont .sl_pfWrap { padding-left: 32px; padding-right: 32px; } }

.sl_annWrap { height: 90px; width: 100%; background-color: #fff; border-bottom: solid 1px #e6e6e6; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sl_annWrap .fn_annList { width: 530px; margin: 0 auto; overflow: hidden; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_annWrap .fn_annList .swiper-button-next { background: url("/assets/web/images/ico/ic-arrow-right-be3a98c731270458b1e79ba4d439154b.png") #fff no-repeat; width: 24px; height: 24px; background-size: 100%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; cursor: pointer; }

.sl_annWrap .fn_annList .swiper-button-prev { background: url("/assets/web/images/ico/ic-arrow-left-6d9e12425c89e130b6e9dbf78bd13056.png") #fff no-repeat; width: 24px; height: 24px; background-size: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; cursor: pointer; }

.sl_annWrap .fn_annList .swiper-slide { width: 100%; }

.sl_annWrap .fn_annList .sl_ellipsis { padding: 30px; line-height: 30px; font-size: 18px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #242424; font-weight: 500; cursor: pointer; }

.sl_annWrap .fn_annList .sl_label { color: #fd5a5a; }

.sl_annWrap .fn_annList .disabled + .swiper-button-next { background: url("/assets/web/images/ico/btn-arrow-gray-right-5b7a8037070d324f2409440aa5b7e029.png") no-repeat; cursor: default; }

.sl_annWrap .fn_annList .disabled + .swiper-button-next + .swiper-button-prev { background: url("/assets/web/images/ico/btn-arrow-gray-left-2fecd40dda17703ab7625e3eb82c1034.png") #fff no-repeat; cursor: default; }

@media (max-width: 767px) { .sl_annWrap { height: 58px; }
  .sl_annWrap .fn_annList { width: 100%; }
  .sl_annWrap .fn_annList .swiper-button-next, .sl_annWrap .fn_annList .swiper-button-prev { display: none; opacity: 0; }
  .sl_annWrap .fn_annList .sl_ellipsis { padding: 15px 20px; line-height: 28px; font-size: 16px; } }

.active .sl_mcontainer { padding-top: 200px; }

@media (min-width: 768px) { .active.exist .sl_mcontainer { padding-top: 292px; } }

@media (max-width: 767px) { .active.exist .sl_mcontainer { padding-top: 240px; } }

.active .sl_navAni .sl_fixed .sl_wNav { -webkit-transform: translateY(0); transform: translateY(0); }

@media (max-width: 767px) { .active .sl_navAni .sl_fixed .sl_wNav { height: 80px; } }

.active .sl_navAni .clone.sl_wNav { position: fixed; z-index: 9; }

@media (min-width: 768px) { .active .sl_navAni .clone.sl_wNav { -webkit-transform: translateY(-80px); transform: translateY(-80px); } }

@media (max-width: 767px) { .active .sl_navAni .clone.sl_wNav { -webkit-transform: translateY(-115px); transform: translateY(-115px); } }

.active .sl_navAni .clone.sl_wNav .sl_logo { opacity: .2; }

.active .sl_navAni .clone.sl_wNav .sl_gadd { opacity: .2; }

.active .sl_navAni .clone.higher { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: translateY(-180px); transform: translateY(-180px); }

.active .sl_navAni .sl_annWrap { position: fixed; z-index: 10; -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); }

@media (min-width: 768px) { .active .sl_navAni .sl_annWrap { top: 101px; } }

@media (max-width: 767px) { .active .sl_navAni .sl_annWrap { top: 80px; } }

.sl_navAni .sl_fixed { padding-top: 0; }

.sl_navAni .sl_fixed .sl_wNav { position: fixed; z-index: 10; -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); -webkit-transform: translateY(-102px); transform: translateY(-102px); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: transform ease; transition-timing-function: transform ease; }

.sl_navAni .clone.sl_wNav { -webkit-transform: translateY(0); transform: translateY(0); background-color: #fff; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transition-timing-function: transform ease; transition-timing-function: transform ease; }

.sl_navAni .clone.sl_wNav:after { position: absolute; display: block; content: ""; width: 100%; height: 100%; background-color: var(--sole-mainC2, #fff); position: absolute; top: 0; left: 0; z-index: -1; }

.sl_navAni .sl_annWrap { -webkit-transition-property: top; transition-property: top; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: transform ease; transition-timing-function: transform ease; opacity: 1; }

@media (min-width: 768px) { .sl_navAni .sl_annWrap { top: 270px; } }

@media (max-width: 767px) { .sl_navAni .sl_annWrap { top: 250px; } }

.sl_navAni .sticky.sl_annWrap { position: fixed; z-index: 10; -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); }

@media (min-width: 768px) { .sl_navAni .sticky.sl_annWrap { top: 101px; } }

@media (max-width: 767px) { .sl_navAni .sticky.sl_annWrap { top: 80px; } }

@media (max-width: 767px) { .sl_navAni .sl_mlgn { display: block; line-height: 30px; padding-left: 8px; padding-right: 10px; top: 25px; right: 20px; }
  .sl_navAni .sl_mlgn .normal { font-size: 13px; }
  .sl_navAni .fn_wmOpen { display: block; top: 20px; right: 20px; } }

.sl_fixed .sl_wNav { position: fixed; z-index: 10; background-color: #fff; border-bottom: solid 1px #e6e6e6; }

.sl_fixed .sl_wNav .sl_logo { margin-right: inherit; text-align: left; }

.sl_fixed .sl_wNav .sl_gadd { color: #242424; text-align: left; }

.sl_fixed .sl_wNav .sl_nvback { display: none; }

.sl_fixed .sl_wNav .sl_nvtitle { display: none; }

@media (min-width: 768px) { .sl_fixed .sl_wNav { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .sl_fixed .sl_wNav .sl_logo { margin-left: 25px; padding-top: 0; }
  .sl_fixed .sl_wNav .sl_logo img { width: 60px; height: 60px; }
  .sl_fixed .sl_wNav .sl_logo .sl_gnm { display: inline-block; padding-left: 0; padding-right: 0; }
  .sl_fixed .sl_wNav .sl_gadd { margin-top: 15px; height: 34px; line-height: 25px; position: relative; margin-left: 10px; margin-top: 0; }
  .sl_fixed .sl_wNav .sl_gadd:before { position: absolute; display: block; content: ""; width: 1px; height: 100px; background-color: #e6e6e6; top: -33px; left: 0; } }

@media (max-width: 767px) { .sl_fixed .sl_wNav { height: 56px; padding-right: 110px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .sl_fixed .sl_wNav.sl_hdhidn .sl_logo { display: none; }
  .sl_fixed .sl_wNav.sl_hdhidn .sl_gadd { display: none; }
  .sl_fixed .sl_wNav.sl_hdhidn .sl_nvback { display: block; width: 40px; height: 40px; margin-left: 5px; background: url("/assets/web/images/ico/ic-arrow-left@3x-4067351b55fefcbcd7a2ec21f6493fa3.png") transparent no-repeat; background-size: 25px 25px; background-position: center 8px; }
  .sl_fixed .sl_wNav.sl_hdhidn .sl_nvtitle { display: block; font-size: 23px; font-weight: 500; color: #524e4e; }
  .sl_fixed .sl_wNav .sl_logo { margin-left: 20px; padding-top: 0; padding-left: 50px; }
  .sl_fixed .sl_wNav .sl_logo .link { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .sl_fixed .sl_wNav .sl_logo img { width: 50px; height: 50px; display: inline-block; }
  .sl_fixed .sl_wNav .sl_logo .sl_gnm { display: none; }
  .sl_fixed .sl_wNav .sl_gadd { padding-left: 0; padding-right: 0; margin-top: 0; height: 68px; font-size: 18px; font-weight: 500; overflow: hidden; } }

.sl_fixed .sl_annWrap { position: fixed; z-index: 10; -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); }

@media (min-width: 768px) { .sl_fixed .sl_annWrap { top: 101px; } }

@media (max-width: 767px) { .sl_fixed .sl_annWrap { top: 56px; } }

@media (min-width: 768px) { .sl_fixed { padding-top: 101px; } }

@media (max-width: 767px) { .sl_fixed { padding-top: 56px; } }

.sl_btnArrow { line-height: 24px; font-size: 16px; color: #524e4e; padding-left: 10px; padding-right: 25px; position: relative; }

.sl_btnArrow:after { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 17px; height: 17px; display: inline-block; background-position: -162px -60px; background-size: 500px 500px; position: absolute; right: 0; content: ""; top: 6px; }

.sl_btnMore { color: #524e4e; font-size: 16px; font-weight: 500; min-width: 200px; height: 45px; border: solid 1px #9d9d9d; background-color: #ffffff; border-radius: 22.5px; margin-top: 40px; }

@media (max-width: 767px) { .sl_btnMore { font-size: 14px; } }

.sl_btnMore + .sl_containerTit { margin-top: 60px; }

@media (max-width: 767px) { .sl_btnMore + .sl_containerTit { margin-top: 0px; } }

.sl_btnmainTy01 { height: 64px; color: var(--sole-btntxtC1); font-size: 16px; font-weight: 500; background-color: var(--sole-btnC1); width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_btnmainTy01:disabled, .sl_btnmainTy01.disabled { cursor: default; background-color: #c8c6c6; }

.sl_btnmainTy01:disabled span, .sl_btnmainTy01.disabled span { color: rgba(255, 255, 255, 0.7); }

.sl_btnmainTy01:disabled:hover, .sl_btnmainTy01.disabled:hover { background-color: #c8c6c6; }

.sl_btnmainTy02 { color: var(--sole-btntxtC2); font-size: 16px; font-weight: 500; background-color: var(--sole-btnC2); width: 100%; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_btnmainTy03 { height: 64px; color: var(--sole-btntxtC3); font-size: 16px; font-weight: 500; background-color: var(--sole-btnC3); width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_btnmainTy03:disabled, .sl_btnmainTy03.disabled { cursor: default; background-color: #c8c6c6; }

.sl_btnmainTy03:disabled span, .sl_btnmainTy03.disabled span { color: rgba(255, 255, 255, 0.7); }

.sl_btnmainTy03:disabled:hover, .sl_btnmainTy03.disabled:hover { background-color: #c8c6c6; }

.sl_btnmainTy04 { height: 64px; color: var(--sole-btntxtC3); font-size: 16px; font-weight: 500; background-color: #f1644b; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_btnmainTy04:disabled, .sl_btnmainTy04.disabled { cursor: default; background-color: #bcbcbc; }

.sl_btnmainTy04:disabled span, .sl_btnmainTy04.disabled span { color: rgba(255, 255, 255, 0.7); }

.sl_btnmainTy04:disabled:hover, .sl_btnmainTy04.disabled:hover { background-color: #bcbcbc; }

.sl_btnmainTy04:hover { background-color: #ED5A3F; }

@media (min-width: 768px) { .sl_btnfloat { position: absolute; bottom: -66px; right: 0; width: 288px; height: 56px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; border: solid 1px #f1644b; background-color: #fff; color: #f1644b; font-size: 15px; font-weight: 500; }
  .sl_btnfloat:disabled { background-color: #cbcbcb; color: #fff; border: inherit; }
  .sl_btnfloat:disabled:hover { background-color: #cbcbcb; } }

@media (max-width: 767px) { .sl_btnfloat { position: fixed; bottom: 84px; right: 20px; width: 68px; height: 68px; border-radius: 50%; font-size: 13px; font-weight: 500; word-break: keep-all; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 17px; -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); }
  .sl_btnfloat.redTy { background-color: #f1644b; color: #fff; }
  .sl_btnfloat.whiteTy { border: solid 1px #f1f1f1; background-color: #fff; color: #f1644b; }
  .sl_btnfloat:disabled { background-color: #cbcbcb; color: #fff; border: inherit; } }

.sl_containerTit { text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_containerTit .title { color: #242424; font-weight: 500; }

.sl_containerTit .normal { font-size: 14px; color: #9d9d9d; font-weight: 500; }

@media (min-width: 768px) { .sl_containerTit { max-width: 940px; margin-left: auto; margin-right: auto; }
  .sl_containerTit .title { font-size: 23px; }
  .sl_containerTit .normal { margin-top: 5px; } }

@media (max-width: 767px) { .sl_containerTit .title { font-size: 18px; }
  .sl_containerTit .normal { margin-top: 3px; } }

.sl_mcontainer { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; }

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

@media (max-width: 767px) { .sl_mcontainer { padding-bottom: 60px; }
  .sl_mcontainer .sl_containerTit { margin-left: 25px; margin-top: 35px; }
  .sl_mcontainer .sl_cmmBlocks { padding-left: 15px; padding-right: 15px; margin-top: 10px; }
  .sl_mcontainer .sl_dtlblock { width: 46%; margin: 2.3% 1.6%; border-radius: 6px; }
  .sl_mcontainer .sl_blockImg { border-radius: 6px 6px 0 0; }
  .sl_mcontainer .sl_blockImg:before { padding-bottom: 106%; }
  .sl_mcontainer .sl_blockEtc { padding: 8px 10px 10px; height: 104px; }
  .sl_mcontainer .sl_blockEtc .tit { font-size: 15px; line-height: 18px; height: 36px; }
  .sl_mcontainer .sl_blockEtc .sl_btnmainTy02 { height: 40px; margin-top: 10px; } }

@media (min-width: 768px) { .sl_mcontainer { padding-bottom: 80px; }
  .sl_mcontainer .sl_containerTit { margin-top: 60px; }
  .sl_mcontainer .sl_cmmBlocks { width: 960px; margin-left: auto; margin-right: auto; margin-top: 20px; }
  .sl_mcontainer .sl_dtlblock { width: 31.33%; margin: 1% 0.8%; cursor: pointer; border-radius: 12px; }
  .sl_mcontainer .sl_dtlblock.nmb { cursor: inherit; }
  .sl_mcontainer .sl_blockImg { border-radius: 12px 12px 0 0; }
  .sl_mcontainer .sl_blockImg:before { padding-bottom: 101%; }
  .sl_mcontainer .sl_blockEtc { padding: 12px 20px 20px; height: 134px; }
  .sl_mcontainer .sl_blockEtc .tit { font-size: 18px; line-height: 20px; height: 40px; }
  .sl_mcontainer .sl_blockEtc .sl_btnmainTy02 { height: 50px; margin-top: 12px; }
  .sl_mcontainer .sl_blockEtc .sl_btnmainTy02:hover { background-color: var(--sole-btnC1); color: var(--sole-btntxtC1); } }

@media (min-width: 768px) and (max-width: 1024px) { .sl_mcontainer { padding-left: 50px; padding-right: 50px; }
  .sl_mcontainer .sl_cmmBlocks { width: 100%; }
  .sl_mcontainer .sl_containerTit { margin-left: 8px; } }

.sl_mcontainer .sl_blockImg { position: relative; width: 100%; height: 100%; }

.sl_mcontainer .sl_blockImg:before { content: ''; display: block; position: relative; width: 0; top: 0; left: 0; }

.sl_mcontainer .sl_dtlblock { position: relative; -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); border: solid 1px #e6e6e6; background-color: #ffffff; float: left; }

.sl_mcontainer .sl_dtlblock .sl_blockEtc { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 0 0 12px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sl_mcontainer .sl_dtlblock .sl_blockEtc .tit { color: #242424; font-weight: 500; overflow: hidden !important; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; word-break: keep-all; word-wrap: break-word; overflow-wrap: break-word; }

.sl_mcontainer .sl_dtlblock .sl_blockEtc .sl_btnmainTy02 { font-size: 15px; border-radius: 6px; }

.sl_rglrBanner { position: relative; }

@media (min-width: 768px) { .sl_rglrBanner { margin-bottom: 80px; } }

.sl_rglrLink { min-height: 100px; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .sl_rglrLink { width: 100%; padding-left: 30px; }
  .sl_rglrLink .sl_rglrCont .normal { font-size: 14px; }
  .sl_rglrLink .sl_rglrCont .stress { font-size: 18px; margin-top: 8px; } }

@media (min-width: 768px) { .sl_rglrLink { width: 600px; border-radius: 20px; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; margin-left: auto; margin-right: auto; padding-left: 130px; position: relative; cursor: pointer; }
  .sl_rglrLink .sl_rglrCont: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: -95px; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") #f1f1f1 no-repeat; background-position: 0 -442px; background-size: 1000px 1000px; }
  .sl_rglrLink .sl_rglrCont .normal { font-size: 16px; }
  .sl_rglrLink .sl_rglrCont .stress { font-size: 20px; margin-top: 9px; } }

.sl_rglrLink .sl_rglrCont { text-align: left; width: 100%; position: relative; }

.sl_rglrLink .sl_rglrCont:after { position: absolute; display: block; content: ""; width: 24px; height: 24px; background: url(/assets/web/images/ico/ic-arrow-right@3x-bdd8d8cb1b9812118a1ea782ffd0a529.png) #fff no-repeat; background-size: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; }

.sl_rglrLink .sl_rglrCont .normal { display: block; color: #524e4e; }

.sl_rglrLink .sl_rglrCont .stress { font-weight: 500; display: block; color: #242424; }

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

.sl_cmpgncontainer { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: #f1f1f1; position: relative; }

@media (max-width: 767px) { .sl_cmpgncontainer { padding-left: 20px; padding-right: 20px; padding-bottom: 80px; }
  .sl_cmpgncontainer .sl_containerTit { padding-top: 40px; }
  .sl_cmpgncontainer .sl_cmmBoxs { padding-top: 5px; }
  .sl_cmpgncontainer .sl_dtlbox { border-radius: 6px; -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: 180px; }
  .sl_cmpgncontainer .sl_dtlbox:before { border-radius: 0 0 6px 6px; }
  .sl_cmpgncontainer .sl_cmpgninfo { padding-left: 25px; padding-right: 25px; bottom: 10px; }
  .sl_cmpgncontainer .sl_cmpgninfo .name { margin-bottom: 3px; }
  .sl_cmpgncontainer .sl_cmpgninfo .name .ellips2 { max-height: 36px; font-size: 15px; }
  .sl_cmpgncontainer .sl_cmpgninfo .d-day { font-size: 14px; padding-top: 5px; line-height: 25px; }
  .sl_cmpgncontainer .sl_cmpgninfo .g_name { font-size: 12px; line-height: 18px; }
  .sl_cmpgncontainer .sl_cmpgninfo .progressInfo p { font-size: 13px; }
  .sl_cmpgncontainer .sl_cmmjustify { height: 30px; } }

@media (min-width: 768px) { .sl_cmpgncontainer { padding-bottom: 100px; margin-top: 80px; }
  .sl_cmpgncontainer:before { position: absolute; display: block; content: ""; width: 100%; height: 130px; background-color: #f1f1f1; top: -130px; left: 0; z-index: -1; }
  .sl_cmpgncontainer .sl_cmmBoxs { width: 940px; margin-left: auto; margin-right: auto; }
  .sl_cmpgncontainer .sl_dtlbox { border-radius: 12px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); margin-top: 30px; height: 260px; cursor: pointer; }
  .sl_cmpgncontainer .sl_dtlbox:before { border-radius: 0 0 12px 12px; }
  .sl_cmpgncontainer .sl_cmpgninfo { padding-left: 90px; padding-right: 90px; bottom: 20px; }
  .sl_cmpgncontainer .sl_cmpgninfo .name { margin-bottom: 3px; }
  .sl_cmpgncontainer .sl_cmpgninfo .name .ellips2 { max-height: 52px; font-size: 20px; }
  .sl_cmpgncontainer .sl_cmpgninfo .d-day { font-size: 18px; padding-top: 8px; line-height: 25px; }
  .sl_cmpgncontainer .sl_cmpgninfo .g_name { font-size: 16px; line-height: 25px; }
  .sl_cmpgncontainer .sl_cmpgninfo .progressInfo p { font-size: 14px; }
  .sl_cmpgncontainer .sl_cmmjustify { height: 45px; } }

@media (min-width: 768px) and (max-width: 1024px) { .sl_cmpgncontainer { padding-left: 60px; padding-right: 60px; }
  .sl_cmpgncontainer .sl_cmmBoxs { width: 100%; } }

.sl_cmpgncontainer .sl_dtlbox { width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_cmpgncontainer .sl_dtlbox:before { position: absolute; display: block; content: ""; width: 100%; height: 63%; bottom: 0; left: 0; background-image: linear-gradient(to top, #242424, rgba(0, 0, 0, 0)); }

.sl_cmpgncontainer .sl_cmpgninfo { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; text-align: left; }

.sl_cmpgncontainer .sl_cmpgninfo .name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.sl_cmpgncontainer .sl_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; }

.sl_cmpgncontainer .sl_cmpgninfo .d-day { width: 100%; font-weight: 500; color: #fff; text-align: right; }

.sl_cmpgncontainer .sl_cmpgninfo .g_name { width: 100%; color: #fff; text-align: left; }

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

.sl_cmpgncontainer .sl_cmpgninfo .progressBar .bar { visibility: hidden; width: 0; height: 4px; position: absolute; top: 0; left: 0; border-radius: 2px; background-color: #fff; }

.sl_cmpgncontainer .sl_cmpgninfo .progressBar .bar.active { -webkit-animation: animate-width 1.5s both; animation: animate-width 1.5s both; }

.sl_cmpgncontainer .sl_cmpgninfo .progressInfo { width: 100%; display: table; table-layout: fixed; }

.sl_cmpgncontainer .sl_cmpgninfo .progressInfo p { font-weight: 500; color: #f1f1f1; display: table-cell; white-space: nowrap; vertical-align: middle; line-height: 25px; }

.sl_cmpgncontainer .sl_cmpgninfo .progressInfo p.amount { text-align: left; }

.sl_cmpgncontainer .sl_cmpgninfo .progressInfo p.percent { text-align: right; }

.sl_cmpgncontainer.bg_white { background-color: #fff; }

.sl_cmpgncontainer.bg_white:before { background-color: #fff; }

.sl_cmpgndtl { width: 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: relative; }

.sl_cmpgndtl:before { position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); }

@media (max-width: 767px) { .sl_cmpgndtl { height: 230px; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sl_cmpgndtl h2 { font-size: 20px; line-height: 28px; }
  .sl_cmpgndtl .sl_prflArea { width: calc(100% - 70px); padding-left: 14px; bottom: 25px; }
  .sl_cmpgndtl .sl_prflArea .logo { width: 35px; height: 35px; }
  .sl_cmpgndtl .sl_prflArea .name { font-size: 13px; padding-left: 5px; line-height: 35px; }
  .sl_cmpgndtl .sl_prflArea .tit { font-size: 20px; font-weight: 500; line-height: 30px; margin-top: 4px; overflow: hidden !important; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 60px; }
  .sl_cmpgndtl .sl_btnShare { width: 40px; height: 40px; padding: 7px; right: 0; bottom: 20px; }
  .sl_cmpgndtl .sl_btnShare i { width: 25px; height: 25px; } }

@media (min-width: 768px) { .sl_cmpgndtl { height: 300px; }
  .sl_cmpgndtl .sl_inner h2 { font-size: 30px; line-height: 40px; max-width: 940px; }
  .sl_cmpgndtl .sl_prflArea { width: calc(100% - 100px); padding-left: 30px; bottom: 40px; }
  .sl_cmpgndtl .sl_prflArea .logo { width: 45px; height: 45px; }
  .sl_cmpgndtl .sl_prflArea .name { font-size: 23px; font-weight: 500; padding-left: 8px; line-height: 45px; }
  .sl_cmpgndtl .sl_prflArea .tit { font-size: 30px; font-weight: 500; line-height: 40px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sl_cmpgndtl .sl_btnShare { width: 50px; height: 50px; padding: 10px; right: 40px; bottom: 20px; }
  .sl_cmpgndtl .sl_btnShare i { width: 30px; height: 30px; } }

@media (min-width: 768px) and (max-width: 1024px) { .sl_cmpgndtl .sl_prflArea { padding-left: 50px; } }

.sl_cmpgndtl .sl_inner { max-width: 1000px; width: 100%; position: relative; height: 100%; }

.sl_cmpgndtl .sl_inner h2 { color: #fff; word-break: keep-all; text-align: center; font-weight: 500; z-index: 1; position: absolute; left: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.sl_cmpgndtl .sl_prflArea { position: absolute; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_cmpgndtl .sl_prflArea .logo { display: inline-block; background-color: #fff; border-radius: 50%; }

.sl_cmpgndtl .sl_prflArea .logo img { width: 100%; border-radius: 50%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); height: 100%; -o-object-fit: cover; object-fit: cover; }

.sl_cmpgndtl .sl_prflArea .name { display: inline-block; color: #fff; }

.sl_cmpgndtl .sl_prflArea .tit { color: #fff; word-break: keep-all; }

.sl_cmpgndtl .sl_btnShare { position: absolute; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; }

.sl_cmpgndtl .sl_btnShare i { position: relative; display: block; background: url("/assets/web/images/ico/btn-share-default@3x-a41e447cc7c3287d7ac878d107f7f028.png") center center no-repeat; background-size: 100%; }

.fn_cmpgndtlWrap { width: 100%; background-color: #fff; position: -webkit-sticky; position: sticky; left: 0; z-index: 10; }

@media (max-width: 767px) { .fn_cmpgndtlWrap { height: 60px; top: 56px; /*top:80px; 체리처럼 한다고 해서 상단 높이가 줄어들면서 stickey위치도 바꿈*/ } }

@media (min-width: 768px) { .fn_cmpgndtlWrap { height: 70px; top: 101px; /*&:after {transform: translate(-50%, 0);left: 50%;max-width: 940px;}*/ }
  .fn_cmpgndtlWrap .sl_inner { max-width: 940px; } }

.fn_cmpgndtlWrap .sl_inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; }

.fn_cmpgndtlWrap .btnTab { width: 100%; font-size: 16px; font-weight: 500; color: #9b9b9b; }

.fn_cmpgndtlWrap .btnTab.on { color: #242424; }

.fn_cmpgndtlWrap .btnTab:after { z-index: 1; }

.fn_cmpgndtlWrap.sticky { position: fixed; z-index: 10; }

@media (max-width: 767px) { .fn_cmpgndtlWrap.sticky { top: 80px; } }

@media (min-width: 768px) { .fn_cmpgndtlWrap.sticky { top: 101px; } }

.fn_cmpgndtlWrap:after { position: absolute; display: block; content: ""; width: 100%; height: 1px; background-color: #e6e6e6; bottom: 0; }

.sl_ptselect { padding-top: 10px; padding-bottom: 30px; }

.sl_listdot { margin-top: 5px; }

.sl_listdot li { position: relative; padding-left: 10px; font-size: 13px; line-height: 18px; color: #797979; word-break: keep-all; }

.sl_listdot li:before { position: absolute; display: block; content: ""; width: 3px; height: 3px; background-color: #797979; position: absolute; left: 2px; top: 8px; border-radius: 50%; }

.sl_tabConWrap { max-width: 940px; margin-left: auto; margin-right: auto; position: relative; }

@media (max-width: 767px) { .sl_tabConWrap .tabCon { padding-bottom: 30px; position: relative; }
  .sl_tabConWrap .tabCon.sl_tabMsg .sl_optView { display: none; }
  .sl_tabConWrap .tabCon.sl_tabList .sl_optView { display: none; } }

@media (min-width: 768px) { .sl_tabConWrap .tabCon { -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 50px; } }

.sl_tabConWrap h3 { font-size: 20px; font-weight: 500; color: #242424; text-align: left; }

.newCherry .sl_tabConWrap h3 { font-size: 18px; letter-spacing: -0.8px; }

.sl_tabConWrap .sl_shortly { -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_tabConWrap .sl_shortly .sl_cmpgndtlBox { background-color: var(--sole-mainC2); color: var(--sole-maintxtC1); 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; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; }

.sl_tabConWrap .sl_shortly .sl_cmpgndtlBox .normal { word-break: keep-all; max-width: 410px; }

.sl_tabConWrap .sl_shortly .sl_cmpgndtlBox .normal .stress { font-weight: 500; word-break: keep-all; }

.sl_tabConWrap .sl_shortly .sl_cmpgndtlBox.noData { background-color: #f1f1f1; }

.sl_tabConWrap .sl_shortly .sl_cmpgndtlTerm { 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; font-size: 14px; }

.sl_tabConWrap .sl_cmpgnFlw { -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap { position: relative; }

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

.sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap .sl_current { color: #242424; }

.sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap .sl_total { color: #9d9999; float: right; }

.sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap + .sl_infoWrap { margin-top: 20px; }

.sl_tabConWrap .sl_cmpgnFlw .sl_progressBarWrap { width: 100%; height: 5px; position: relative; background-color: #e8e8e8; border-radius: 2.5px; }

.sl_tabConWrap .sl_cmpgnFlw .sl_progressBarWrap .sl_bar { height: 5px; display: block; position: absolute; top: 0; left: 0; background-color: #242424; border-radius: 2.5px; -webkit-animation: animate-width 1.5s both; animation: animate-width 1.5s both; }

.sl_tabConWrap .sl_cmpgnFlw .sl_infoWrap .info01 { font-size: 14px; color: #9d9d9d; word-break: keep-all; }

.sl_tabConWrap .sl_cmpgnFlw .sl_infoWrap .info02 { font-size: 13px; margin-top: 10px; word-break: keep-all; }

.sl_tabConWrap .sl_cmpgnFlw .sl_infoWrap .infoTit { font-size: 13px; color: #797979; text-decoration: underline; margin-top: 10px; display: block; line-height: 20px; word-break: keep-all; text-align: left; }

.sl_tabConWrap .sl_substance { -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_tabConWrap .sl_substance .sl_moreWrap { position: relative; }

.sl_tabConWrap .sl_substance .sl_moreWrap:before { position: absolute; display: block; content: ""; width: 100%; height: 35px; top: -35px; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

.sl_tabConWrap .sl_substance .sl_moreWrap .btnLineTy06 { border: solid 1px #9d9d9d; background-color: #ffffff; width: 100%; height: 45px; border-radius: 22.5px; }

.sl_tabConWrap .sl_substance .sl_moreWrap .btnLineTy06 > span { color: #524e4e; font-size: 16px; font-weight: 500; }

.sl_tabConWrap .sl_tagWrap { -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_tabConWrap .sl_planWrap { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.sl_tabConWrap .sl_planWrap .radioBoxWrap { display: inline-block; position: absolute; right: 0; border-radius: 4px; font-size: 0; overflow: hidden; }

.sl_tabConWrap .sl_planWrap .radioBoxWrap .inputBox { display: inline-block; position: relative; vertical-align: middle; }

.sl_tabConWrap .sl_planWrap .radioBoxWrap .inputBox input[type="radio"] { width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }

.sl_tabConWrap .sl_planWrap .radioBoxWrap .inputBox input[type="radio"]:checked + label { background-color: var(--sole-mainC1); color: var(--sole-btntxtC1); }

.sl_tabConWrap .sl_planWrap .radioBoxWrap .inputBox label { min-width: 68px; display: block; padding: 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--sole-mainC1); border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 13px; color: var(--sole-mainC1); text-align: center; cursor: pointer; height: 34px; }

.sl_tabConWrap .sl_planWrap .radioBoxWrap .inputBox + .inputBox label { min-width: 68px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--sole-mainC1); border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 13px; color: var(--sole-mainC1); text-align: center; }

.sl_tabConWrap .sl_planWrap .radioBoxWrap .inputBox + .inputBox label { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.sl_tabConWrap .sl_planWrap .calenderWrap { width: 100%; }

.sl_tabConWrap .sl_planWrap .calenderWrap .tableTy02 tr td { text-align: center; color: #524e4e; font-size: 14px; }

.sl_tabConWrap .sl_planWrap .calenderWrap .tableTy02 tr td:first-child { text-align: left; }

.sl_tabConWrap .sl_planWrap .calenderWrap .tableTy02 tr td:last-child { text-align: right; }

.sl_tabConWrap .sl_planWrap .calenderWrap .tableTy02 tr td.legend .dotted + span { font-size: 14px; color: #524e4e; }

.sl_tabConWrap .calenderWrap .control { margin-bottom: 15px; text-align: center; }

.sl_tabConWrap .calenderWrap .control .month { font-size: 15px; color: #524e4e; line-height: 24px; }

.sl_tabConWrap .calenderWrap .control button:disabled .icoArrowRight { background-image: url(/assets/web/images/ico/btn-arrow-gray-right@3x-e3da94da59a47f6dca115adb26bfd1cf.png); cursor: default; }

.sl_tabConWrap .calenderWrap .control button:disabled .icoArrowLeft { background-image: url(/assets/web/images/ico/btn-arrow-gray-left@3x-8bc19308e388c6e84be5ff3805129770.png); cursor: default; }

.sl_tabConWrap .sl_ftprntWrap { -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_tabConWrap .sl_ftprntWrap h3 { display: inline-block; }

.sl_tabConWrap .sl_ftprntWrap .subTxt { line-height: 24px; font-size: 15px; font-weight: 500; color: #9d9999; padding-left: 7px; }

.sl_tabConWrap .sl_ftprntWrap .swiper-slide { margin-top: 10px; }

.sl_tabConWrap .sl_replyWrap { -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_tabConWrap .sl_replyWrap h3 { display: inline-block; }

.sl_tabConWrap .sl_replyWrap .inputWrap { margin: 11px 20px; }

.sl_tabConWrap .sl_replyWrap .inputWrap .textWrap { border: 1px solid #C9C9C9; border-radius: 7px; }

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

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

.sl_tabConWrap .sl_replyWrap .inputWrap textarea::placeholder { color: #A9A9A9; }

.sl_tabConWrap .sl_replyWrap .inputWrap .textWrap.active textarea { border-bottom: 1px solid #E5E5E5; }

.sl_tabConWrap .sl_replyWrap .inputWrap .textCountWrap { display: flex; justify-content: right; align-items: center; gap: 18px; padding: 8px 13px; }

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

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

.sl_tabConWrap .sl_replyWrap .inputWrap .textCountWrap .submitBtn { font-size: 13px; font-weight: 500; color: #fff; border-radius: 5px; background-color: #202020; padding: 4px 8px; }

.sl_tabConWrap .sl_replyWrap .inputWrap .easyBtnWrap { display: flex; gap: 3px; max-height: 32px; overflow-x: auto; padding-top: 13px; }

.sl_tabConWrap .sl_replyWrap .inputWrap .easyBtnWrap::-webkit-scrollbar { display: none; }

.sl_tabConWrap .sl_replyWrap .inputWrap .easyBtnWrap .easyReplyBtn { flex-shrink: 0; font-size: 13px; font-weight: 500; color: #5E5E5E; line-height: 1.2; letter-spacing: -0.8px; border: 1px solid #E5E5E5; border-radius: 25px; padding: 6px 12px; }

.sl_tabConWrap .sl_replyWrap .inputWrap .easyBtnWrap .easyReplyBtn:hover { -webkit-tap-highlight-color: transparent; }

.sl_tabConWrap .sl_replyWrap .replyCount { font-family: 'InterVariable', sans-serif; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -1px; padding-bottom: 11px; border-bottom: 1px solid #E5E5E5; padding-top: 12px; margin: 0 20px 7px 20px; }

.sl_tabConWrap .sl_replyWrap .replyCount span { font-family: 'InterVariable', sans-serif; font-weight: 700; letter-spacing: -0.1px; }

.sl_tabConWrap .sl_replyWrap .replyList { padding: 0 20px; margin-top: 7px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap { display: flex; gap: 7px; padding-top: 16px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .logo { flex-shrink: 0; display: inline-block; width: 33px; height: 33px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .logo img { width: 100%; height: 100%; border: 0.5px solid #E1E1E1; border-radius: 50%; object-fit: cover; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .replyBg { position: relative; min-width: 150px; background-color: #F5F5F5; border-radius: 15px; padding: 11px 16px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .replyBg:after { content: ""; position: absolute; top: 1px; left: 1px; display: inline-block; width: 7px; height: 10px; background: url(/assets/web/images/bg/tail-campaign-reply-fc0d66579d704efb660b029d1b2172da.svg) center no-repeat; background-size: 100%; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .replyBg.myReply { background-color: #FFECED; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .replyBg.myReply:after { background: url(/assets/web/images/bg/tail-campaign-reply-my-391c0eb15f2d50de4ff39807e38e7e96.svg) center no-repeat; background-size: 100%; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .replyBg .name { font-size: 13px; color: #5E5E5E; letter-spacing: -0.8px; margin-bottom: 6px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .replyBg .replyTxt { font-size: 14px; color: #202020; line-height: 21px; letter-spacing: -1px; word-break: break-all; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap { position: relative; display: flex; align-items: center; gap: 16px; padding-top: 8px; padding-left: 16px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap .heartBtn { display: flex; align-items: center; gap: 3px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap .heartBtn:before { content: ""; position: relative; top: -1px; display: inline-block; width: 14px; height: 14px; background: url(/assets/web/images/ico/btn-campaign-reply-heart@3x-fcca7b20966391b296d3c18f7ece1fa5.png) center no-repeat; background-size: 100%; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap .heartBtn.active:before { background: url(/assets/web/images/ico/btn-campaign-reply-heart-active@3x-afbfb539f4416033307b9a30c523d979.png) center no-repeat; background-size: 100%; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap .heartBtn.active.animation:before { animation: liked 0.5s; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap .heartBtn span { font-family: 'InterVariable', sans-serif; font-size: 13px; color: #000; line-height: 1.2; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap .inputDate { font-family: 'InterVariable', sans-serif; font-size: 13px; color: #888; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnWrap .etcBtn { width: 19px; height: 19px; background: url(/assets/web/images/ico/btn-campaign-reply-etc@3x-a2c32d753b44d4ff3b50eb2cd1004a17.png) center no-repeat; background-size: 100%; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnPopup { position: absolute; top: 27px; left: 132px; display: none; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap:last-child .replyMsg .etcBtnPopup { top: -70px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnPopup.active { display: block; z-index: 1; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnPopup .etcBtnPopupWrap { width: 77px; display: flex; flex-direction: column; background-color: #fff; border-radius: 7px; border: 1px solid #AEAEAE; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15); }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnPopup .etcBtnPopupWrap button { font-size: 13.5px; font-weight: 700; color: #202020; letter-spacing: -0.8px; padding: 8px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnPopup .etcBtnPopupWrap button:first-child { color: #FF3E5C; border-bottom: 0.5px solid #D1D1D1; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap .replyMsg .etcBtnPopup .etcBtnPopupWrap button:only-child { border-bottom: none; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap.empty { flex-direction: column; gap: 11px; padding-top: 9px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap.empty .logo { width: 85px; height: 85px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap.empty .replyMsg .replyBg .name { color: #FF5A77; font-weight: 500; letter-spacing: -0.1px; }

.sl_tabConWrap .sl_replyWrap .replyList .replyWrap.empty .replyMsg .replyBg .replyTxt { font-size: 15px; line-height: 22px; }

.sl_tabConWrap .sl_replyWrap .moreViewBtn { display: flex; align-items: center; border: 1px solid #E5E5E5; border-radius: 25px; padding: 12px 26px 12px 30px; margin: 32px auto 0; }

.sl_tabConWrap .sl_replyWrap .moreViewBtn span { font-size: 13px; color: #444; letter-spacing: -0.8px; }

.sl_tabConWrap .sl_replyWrap .moreViewBtn:after { content: ""; display: inline-block; width: 19px; height: 19px; background: url(/assets/web/images/ico/ic-arrow-down-gray-line@3x-bc2a22b32f2e0f43c3fc06186f0aa270.png) center no-repeat; background-size: 100%; margin-left: 6px; }

.newCherry .sl_tabConWrap .sl_btnmainTy01 { background-color: #FF6D73; }

.newCherry .sl_tabConWrap .sl_btnmainTy01:disabled, .sl_btnmainTy01.disabled { cursor: default; background-color: #c8c6c6; }

.newCherry .sl_tabConWrap .sl_btnmainTy01:disabled:hover, .sl_btnmainTy01.disabled:hover { background-color: #c8c6c6; }

.popTyToast.newCherry { min-width: 170px; padding: 12px 25px; bottom: 75px; background-color: #202020; border-radius: 6px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); }

.popTyToast.newCherry .txt { font-size: 15px; color: rgba(255, 255, 255, 0.75); letter-spacing: -1px; }

@media (max-width: 767px) { .sl_tabConWrap .sl_tabIntro { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sl_tabConWrap .sp_masonry { width: 100%; }
  .sl_tabConWrap .sl_shortly { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 43px 20px 10px 20px; position: relative; }
  .newCherry .sl_tabConWrap .sl_shortly { padding: 28px 20px 10px 20px; }
  .sl_tabConWrap .sl_shortly:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .newCherry .sl_tabConWrap .sl_shortly:before { height: 5px; }
  .sl_tabConWrap .sl_shortly .sl_cmpgndtlBox { font-size: 19px; height: 154px; padding: 20px; line-height: 28px; }
  .sl_tabConWrap .sl_shortly .sl_cmpgndtlTerm { height: 40px; }
  .sl_tabConWrap .sl_cmpgnFlw { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_optView { padding: 30px 20px; }
  .newCherry .sl_tabConWrap .sl_cmpgnFlw .sl_optView { padding: 22px 20px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_optView:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .newCherry .sl_tabConWrap .sl_cmpgnFlw .sl_optView:before { height: 6px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_optView.hide { display: none; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_flag { position: absolute; top: 45px; right: 20px; }
  .sl_tabConWrap .sl_cmpgnFlw .tit { display: none; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap { padding-top: 20px; }
  .newCherry .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap { padding-top: 0; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap .sl_current { font-size: 18px; font-weight: 500; padding-bottom: 12px; }
  .newCherry .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap .sl_current { padding-bottom: 15px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap .sl_total { font-size: 15px; font-weight: 500; margin-top: 7px; }
  .sl_tabConWrap .sl_substance { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding-top: 40px; padding-left: 20px; padding-right: 20px; position: relative; }
  .newCherry .sl_tabConWrap .sl_substance { padding-top: 28px; padding-bottom: 28px; }
  .sl_tabConWrap .sl_substance:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .newCherry .sl_tabConWrap .sl_substance:before { height: 6px; }
  .sl_tabConWrap .sl_tagWrap { width: 100%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding: 35px 16px; }
  .newCherry .sl_tabConWrap .sl_tagWrap { padding: 7px 16px 35px; }
  .sl_tabConWrap .sl_planWrap { width: 100%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; padding: 50px 20px 35px 20px; }
  .newCherry .sl_tabConWrap .sl_planWrap { padding: 28px 20px 35px 20px; }
  .sl_tabConWrap .sl_planWrap:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .newCherry .sl_tabConWrap .sl_planWrap:before { height: 6px; }
  .sl_tabConWrap .sl_planWrap .radioBoxWrap { top: 45px; right: 20px; }
  .sl_tabConWrap .sl_planWrap .barStackChartWrap { margin-top: 30px; }
  .sl_tabConWrap .sl_planWrap .calenderWrap { margin-top: 40px; }
  .sl_tabConWrap .sl_ftprntWrap { width: 100%; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; padding: 50px 0 15px 0; position: relative; }
  .newCherry .sl_tabConWrap .sl_ftprntWrap { padding: 28px 0 18px 0; }
  .sl_tabConWrap .sl_ftprntWrap:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .newCherry .sl_tabConWrap .sl_ftprntWrap:before { height: 6px; }
  .sl_tabConWrap .sl_ftprntWrap h3, .sl_tabConWrap .sl_ftprntWrap .swiper-container, .sl_tabConWrap .sl_replyWrap h3 { padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sl_tabConWrap .sl_replyWrap { position: relative; width: 100%; -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; padding: 28px 0 15px 0; }
  .sl_tabConWrap .sl_replyWrap:before { content: ""; display: block; height: 6px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; } }

@media (min-width: 768px) { .sl_tabConWrap .sl_tabIntro { position: relative; min-height: 700px; }
  .sl_tabConWrap .sl_tabIntro:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }
  .sl_tabConWrap .sl_shortly { width: 610px; margin-top: 48px; float: left; }
  .sl_tabConWrap .sl_shortly .sl_cmpgndtlBox { font-size: 23px; height: 180px; padding: 30px; line-height: 33px; }
  .sl_tabConWrap .sl_shortly .sl_cmpgndtlTerm { height: 48px; border-bottom: solid 1px #e6e6e6; }
  .sl_tabConWrap .sl_cmpgnFlw { float: right; width: 300px; position: -webkit-sticky; position: sticky; top: 220px; margin-top: 48px; padding-top: 20px; background-color: #fff; z-index: 1; border-radius: 4px; -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); border: solid 1px #cbcbcb; margin-bottom: 56px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_flag { margin-left: 20px; }
  .sl_tabConWrap .sl_cmpgnFlw .tit { word-break: keep-all; font-size: 18px; font-weight: 500; line-height: 25px; color: #242424; margin-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_infoWrap { border-top: solid 1px #e6e6e6; margin-top: 20px; padding: 14px 20px 30px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap { padding-left: 20px; padding-right: 20px; padding-top: 20px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap .sl_current { font-size: 23px; font-weight: 500; padding-bottom: 20px; }
  .sl_tabConWrap .sl_cmpgnFlw .sl_amountWrap .sl_total { font-size: 16px; font-weight: 500; margin-top: 5px; }
  .sl_tabConWrap .sl_substance { float: left; width: 610px; padding-top: 40px; }
  .sl_tabConWrap .sl_tagWrap { float: left; width: 610px; padding-top: 50px; padding-bottom: 50px; }
  .newCherry .sl_tabConWrap .sl_substance { padding-bottom: 40px; }
  .newCherry .sl_tabConWrap .sl_tagWrap { padding-top: 10px; }
  .sl_tabConWrap .sl_planWrap { float: left; width: 610px; padding-top: 50px; padding-bottom: 50px; border-top: solid 1px #e6e6e6; }
  .sl_tabConWrap .sl_planWrap .radioBoxWrap { top: 48px; }
  .sl_tabConWrap .sl_planWrap .barStackChartWrap { margin-top: 30px; }
  .sl_tabConWrap .sl_planWrap .calenderWrap { margin-top: 40px; }
  .sl_tabConWrap .sl_ftprntWrap { float: left; width: 610px; padding-top: 50px; padding-bottom: 50px; border-top: solid 1px #e6e6e6; }
  .sl_tabConWrap .sl_ftprntWrap .fn_ftprnt { margin-top: 10px; }
  .sl_tabConWrap .sl_replyWrap { float: left; width: 610px; padding-top: 50px; padding-bottom: 50px; border-top: solid 1px #e6e6e6; }
  .sl_tabConWrap .sl_replyWrap .inputWrap { margin: 11px 0; }
  .sl_tabConWrap .sl_replyWrap .replyCount { margin: 0 0 7px 0; }
  .sl_tabConWrap .sl_replyWrap .replyList { padding: 0; } }

@media (min-width: 768px) and (max-width: 1024px) { .sl_tabConWrap { max-width: 90%; }
  .sl_tabConWrap .sl_tabIntro .sl_cmpgnFlw { width: 250px; }
  .sl_tabConWrap .sl_tabIntro .sl_btnfloat { width: 248px; }
  .sl_tabConWrap .sl_tabIntro .sp_masonry, .sl_tabConWrap .sl_tabIntro .sl_shortly, .sl_tabConWrap .sl_tabIntro .sl_substance, .sl_tabConWrap .sl_tabIntro .sl_tagWrap, .sl_tabConWrap .sl_tabIntro .sl_planWrap, .sl_tabConWrap .sl_tabIntro .sl_ftprntWrap, .sl_tabConWrap .sl_tabIntro .sl_graphWrap, .sl_tabConWrap .sl_tabIntro .sl_newsWrap, .sl_tabConWrap .sl_tabIntro .sl_replyWrap .sl_cmpgnWrap { width: calc(100% - 280px); } }

.sl_graphWrap { position: relative; padding-top: 45px; padding-bottom: 45px; }

.sl_graphWrap .sl_diagramWrap { position: relative; display: inline-block; margin-top: 30px; }

.sl_graphWrap .sl_diagramWrap .chartConic { border-radius: 50%; 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; width: 238px; height: 238px; background-image: conic-gradient(var(--sole-mainC1) var(--value), #f1f1f1 var(--value)); -webkit-animation: spin 1s forwards; animation: spin 1s forwards; -webkit-animation-timing-function: cubic-bezier(0.1, -0.1, 0.8, 0); animation-timing-function: cubic-bezier(0.1, -0.1, 0.8, 0); }

.sl_graphWrap .sl_diagramWrap .chartConic:after { content: ""; left: 60px; top: 60px; position: absolute; width: calc(100% - 120px); height: calc(100% - 120px); background: #fff; border-radius: inherit; }

.sl_graphWrap .sl_diagramWrap .stausInfo { color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; display: inline-block; text-align: center; margin-top: -2px; width: 120px; }

.sl_graphWrap .sl_diagramWrap .stausInfo em { font-size: 28px; font-weight: 500; line-height: 40px; color: var(--sole-mainC1); display: block; }

.sl_graphWrap .sl_diagramWrap .stausInfo p { line-height: 20px; font-size: 16px; font-weight: 500; color: var(--sole-mainC1); }

.sl_graphWrap .sl_diagramList { position: relative; }

.sl_graphWrap .sl_diagramList li { line-height: 20px; border-bottom: solid 1px #9d9d9d; padding-top: 20px; padding-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_graphWrap .sl_diagramList li em { display: block; float: left; font-size: 15px; font-weight: 500; color: #797979; }

.sl_graphWrap .sl_diagramList li span { display: block; float: right; font-size: 18px; font-weight: 500; color: #242424; }

.sl_graphWrap .sl_diagramList li + li { margin-top: 20px; }

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

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

@media (max-width: 767px) { .sl_graphWrap { width: 100%; padding-left: 20px; padding-right: 20px; text-align: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .sl_graphWrap:after { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .sl_graphWrap .sl_diagramList { display: block; width: 100%; margin-top: 30px; } }

@media (min-width: 768px) { .sl_graphWrap { width: 610px; float: left; }
  .sl_graphWrap .sl_diagramList { display: inline-block; width: calc(100% - 270px); float: right; margin-top: 10%; } }

.sl_noCont { min-height: 300px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-self: center; }

.sl_noCont .normal { font-size: 14px; font-weight: 500; color: #797979; padding-top: 80px; display: block; position: relative; text-align: center; width: 100%; }

.sl_noCont .normal:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 100px; height: 71px; display: inline-block; background-position: -400px -57px; background-size: 500px 500px; content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 768px) { .sl_newsWrap { margin-top: 20px; width: 610px; float: left; }
  .sl_newsWrap .sl_srtItem { top: 31px; position: absolute; left: 0; }
  .sl_newsWrap .historyInfo { margin-left: 104px; } }

@media (max-width: 767px) { .sl_newsWrap { padding-top: 8px; padding-left: 20px; padding-right: 20px; position: relative; width: 100%; }
  .sl_newsWrap:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; }
  .sl_newsWrap .historyInfo { margin-left: 13px; padding-top: 15px; } }

.sl_newsWrap .historyList .history { position: relative; border-bottom: solid 1px #e6e6e6; padding-top: 30px; padding-bottom: 25px; }

.sl_newsWrap .historyList .history .sl_srtItem span { display: block; width: 100%; padding-left: 12px; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #9d9d9d; font-size: 14px; font-weight: 500; line-height: 20px; }

.sl_newsWrap .historyList .history .sl_srtItem span.date { position: relative; }

.sl_newsWrap .historyList .history .sl_srtItem span.date:before { position: absolute; display: block; content: ""; width: 6px; height: 6px; background-color: #9d9d9d; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.sl_newsWrap .historyList .history:last-child { border-color: transparent; }

.sl_newsWrap .historyList .message { color: #524e4e; font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 10px; word-break: keep-all; }

.sl_message { font-size: 13px; color: #9d9d9d; line-height: 20px; margin-top: 10px; }

.fn_ftprnt, .sl_ftprntList { width: 100%; }

.fn_ftprnt .thumb, .sl_ftprntList .thumb { display: block; margin: 7px; width: 60px; height: 60px; position: relative; }

.fn_ftprnt .thumb img, .sl_ftprntList .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; }

.fn_ftprnt .thumb:after, .sl_ftprntList .thumb:after { position: absolute; display: block; width: 22px; height: 22px; border-radius: 50%; bottom: 0; right: 0; }

.fn_ftprnt .my .thumb:after, .sl_ftprntList .my .thumb:after { content: "나"; background-color: #242424; font-size: 11px; font-weight: 500; color: #fff; text-align: center; line-height: 22px; }

.fn_ftprnt .manager .thumb:after, .sl_ftprntList .manager .thumb:after { content: ""; background: #242424 url("/assets/web/images/ico/ic-star-white-bd01b07e09c84226a2d16013d793f0c9.png") center center no-repeat; background-size: 16px 16px; }

.fn_ftprnt .more .thumb, .sl_ftprntList .more .thumb { background: url("/assets/web/images/content/more-92bd525656b88bb5fe88a52ed48c00b0.png") 0 0 no-repeat; background-size: 60px 60px; }

.fn_ftprnt .name, .sl_ftprntList .name { max-width: 83px; font-size: 13px; color: #524e4e; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; }

.sl_summaryTotal { min-height: 65px; 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; background-color: #f1f1f1; }

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

.sl_summaryTotal .tit { color: #524e4e; font-size: 20px; font-weight: 500; }

.sl_summaryTotal .total { color: #524e4e; font-size: 18px; font-weight: 500; line-height: 27px; text-align: center; padding-top: 15px; padding-bottom: 15px; }

.sl_summaryTotal .total .stress { font-weight: 500; }

.sl_ftprntList { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 100px; margin-top: 30px; }

.sl_ftprntList li { margin: 0 4px 32px 4px; width: auto; }

.sl_prtcpList { padding-top: 8px; padding-bottom: 5px; position: relative; }

.sl_prtcpList .totalInfoWrap.term { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sl_prtcpList .totalInfoWrap.term .date { width: 100%; display: block; vertical-align: middle; font-size: 14px; color: #9d9999; line-height: 20px; padding-top: 16px; padding-bottom: 16px; }

.sl_prtcpList .totalInfoWrap.term .btnSelect { border-bottom: none; }

.sl_prtcpList .totalInfoWrap.term .btnSelect.open { border-bottom: 1px solid #c8c6c6; }

@media (max-width: 767px) { .sl_prtcpList .totalInfoWrap.term { padding-left: 25px; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sl_prtcpList .totalInfoWrap.term:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; } }

.sl_optionWrap { padding-bottom: 32px; position: relative; width: 100%; padding-top: 40px; position: relative; }

.sl_optionWrap .totalInfoWrap.term { padding-top: 5px; }

.sl_optionWrap .totalInfoWrap.term .date { width: 60%; display: table-cell; vertical-align: middle; font-size: 13px; color: #9d9999; }

.sl_optionWrap .totalInfoWrap.term .btnSelect { border-bottom: none; }

.sl_optionWrap .totalInfoWrap.term .btnSelect.open { border-bottom: 1px solid #c8c6c6; }

.sl_optionWrap .inputBoxTyAD01 input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

@media (max-width: 767px) { .sl_optionWrap { padding-left: 25px; padding-right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sl_optionWrap:before { content: ""; display: block; height: 8px; width: 100%; background-color: #f1f1f1; position: absolute; left: 0; top: 0; } }

@media (max-width: 300px) { .sl_optionWrap { padding-left: 8px; padding-right: 8px; } }

.sl_optionList { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.sl_optionList .option { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 23%; }

.sl_optionList .option > input[type="radio"] { width: 0; height: 0; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }

.sl_optionList .option > input[type="radio"] + label { width: 100%; display: block; border: 1px solid #9d9999; border-radius: 4px; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_optionList .option > input[type="radio"] + label > span { font-size: 13px; font-weight: 500; color: #9d9999; line-height: 32px; }

.sl_optionList .option > input[type="radio"]:checked + label { background-color: var(--sole-mainC1, #f4907e); border-color: var(--sole-mainC1, #f4907e); }

.sl_optionList .option > input[type="radio"]:checked + label > span { color: #fff; }

@media (max-width: 300px) { .sl_optionList .option > input[type="radio"] + label > span { font-size: 12px; } }

.sl_sharelist { padding-bottom: 100px; }

.sl_sharelist .info { padding-left: 95px; min-height: 75px; padding-top: 5px; position: relative; }

.sl_sharelist .info .btnToggle { width: 100%; position: relative; text-align: left; }

.sl_sharelist .info .btnToggle .group { font-size: 13px; color: #9d9999; }

.sl_sharelist .info .btnToggle .normal { font-size: 13px; color: #9d9999; display: inline-block; padding-right: 5px; line-height: 20px; }

.sl_sharelist .info .btnToggle .tit { font-size: 16px; color: #524e4e; margin-bottom: 8px; overflow: hidden !important; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; height: 40px; word-break: keep-all; }

.sl_sharelist .info .btnToggle .stress { font-size: 16px; font-weight: 500; color: #242424; line-height: 20px; display: inline-block; padding-right: 45px; }

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

.sl_sharelist .info .btnToggle .btnRequest .icoViewdown, .sl_sharelist .info .btnToggle .btnUpdate .icoViewdown { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; }

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

.sl_sharelist .info .btnToggle .btnRequest:before { content: "신청"; }

.sl_sharelist .info .btnToggle .btnUpdate:before { content: "변경"; }

.sl_sharelist .info .thumb { width: 75px; height: 75px; border-radius: 4px; position: absolute; top: 50%; left: 0; margin-top: -35px; }

.sl_sharelist .info .thumb img { border-radius: 4px; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

.sl_sharelist .toggle + .toggle, .sl_sharelist script + .toggle { margin-top: 40px; }

.sl_sharelist .toggle button.description:after { content: ''; width: 24px; height: 24px; display: block; 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: 10px; }

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

.sl_sharelist .toggle.on + .toggle { margin-top: 20px; }

.sl_sharelist .toggleContent { background-color: #f8f8f8; position: relative; margin-top: 25px; }

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

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

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

.sl_sharelist .toggleContent { margin-bottom: -20px; }

.sl_sharelist .thumblist { margin-top: 30px; margin-bottom: 50px; }

.sl_sharelist .betweenList { padding: 8px 25px; }

.sl_sharelist .betweenList li { line-height: 20px; padding-top: 7px; padding-bottom: 7px; display: block; }

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

.sl_sharelist .betweenList .left { font-size: 13px; color: #9d9999; float: left; font-weight: 500; min-width: 100px; }

.sl_sharelist .betweenList .right { font-size: 14px; color: #524e4e; float: right; font-weight: 500; }

.sl_sharelist .betweenList .right .txtMidium { color: #9d9999; font-weight: 500; display: inline-block; margin-right: 3px; }

@media (max-width: 767px) { .sl_sharelist { padding-bottom: 0; }
  .sl_sharelist .info { padding-left: 120px; padding-right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sl_sharelist .info .thumb { left: 25px; }
  .sl_sharelist .toggle button.description:after { right: -12px; } }

.sl_sharelist .sl_unlikeBtnWrap { padding-left: 25px; padding-right: 25px; padding-bottom: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_sharelist .sl_unlikeBtnWrap button { line-height: 36px; }

.sl_sharelist .sl_unlikeBtnWrap button.btnUnderLineTy14 { -ms-flex-preferred-size: 120px; flex-basis: 120px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: left; color: #797979; }

.sl_sharelist .sl_unlikeBtnWrap button.btnlinerTy01 { width: 100%; }

.sl_BoxTy01 { background-color: #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 16px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; }

.sl_BoxTy01 dt, .sl_BoxTy01 dd { line-height: 25px; font-weight: 500; width: 100%; display: block; text-align: center; }

.sl_BoxTy01 dt { font-size: 20px; color: #242424; }

.sl_BoxTy01 dd { font-size: 14px; color: #797979; }

/*소울 공통*/
.sl_stress { font-weight: 500; }

.moreHidden { overflow: hidden; }

#cmpgnDcDiv.editorArea { padding-left: 5px; }

.sl_flag { display: inline-block; border-radius: 3px; border: solid 1px var(--sole-mainC1); color: var(--sole-mainC1); font-weight: 500; -webkit-box-sizing: border-box; box-sizing: border-box; }

footer { border-top: solid 1px #e6e6e6; }

footer .sl_infoPrimary { color: #524e4e; margin-bottom: 5px; }

footer .sl_infoPrimary h1 { font-size: 16px; font-weight: 500; line-height: 30px; }

footer .sl_infoPrimary .sl_contact { font-size: 14px; font-weight: 500; line-height: 30px; }

footer .sl_infoPrimary .sl_contact span { display: inline-block; }

footer .sl_infoPrimary .sl_contact span.contact01 { margin-right: 6px; color: #524e4e; }

footer .sl_infoPrimary .sl_contact span.contact02 { position: relative; padding-left: 8px; color: #524e4e; }

footer .sl_infoPrimary .sl_contact span.contact02:before { position: absolute; display: block; content: ""; width: 1px; height: 15px; background-color: #524e4e; left: 0; top: 8px; }

footer .sl_Addr { font-size: 14px; line-height: 22px; }

footer .sl_Addr .addr01 { color: #9d9999; }

footer .sl_Addr .addr02 { color: #6782ff; }

.sl_sublogo { line-height: 30px; }

.sl_sublogo .txt { display: inline-block; font-size: 12px; color: #727272; }

.sl_sublogo .logo { font-size: 0; color: transparent; text-indent: -99999px; background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 66px; height: 18px; display: inline-block; background-position: -328px -95px; background-size: 500px 500px; }

.btn_header { position: relative; }

.btn_header .icoUser { position: absolute; right: 20px; }

.btn_header .icoUser .apImpactImg { width: 100%; height: 100%; }

.btn_header .icoUser .apImpactImg img { -o-object-fit: cover; object-fit: cover; }

.btn_header .btn_logoutWrap { border-radius: 4px; -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); border: solid 1px #c8c6c6; background-color: #fff; display: inline-block; position: absolute; z-index: 1; visibility: hidden; }

.btn_header .btn_logoutWrap:before { position: absolute; display: block; content: ""; width: 13px; height: 10px; top: -10px; right: 20px; background: url("/assets/web/images/ico/btn_menu-a5ca44a4d62026e45b7371a740a006d3.png") transparent no-repeat; background-size: 100%; z-index: 2; }

.btn_header .btn_logoutWrap .btn_logout { padding: 20px 38px; font-size: 14px; font-weight: 500; color: #797979; }

.btn_header .btn_logoutWrap.active { visibility: visible; }

@media (max-width: 767px) { .sl_wrap { padding-bottom: 64px; }
  .m-block { display: block; }
  .sl_btnWrap { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .sl_flag { line-height: 25px; font-size: 14px; padding-left: 7px; padding-right: 7px; }
  .fn_ftprnt { overflow: hidden; }
  footer.sl_ftrview { padding: 25px 20px 0 20px; }
  footer.sl_ftrview .sl_Addr { margin-bottom: 20px; }
  footer.sl_ftrview .sl_Addr .addr02 { display: block; }
  footer.sl_ftrview .sl_sublogo { position: relative; }
  footer.sl_ftrview .sl_sublogo .txt { width: 100%; word-break: keep-all; }
  footer.sl_ftrview .sl_sublogo .logo { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 73px; }
  footer.sl_ftrhidn { display: none; }
  [style="display: none;"] + footer { /* margin-top: 75px; 사용 되지 않는 듯 하여 주석 처리 */ border-top: none; }
  .btn_header { text-align: center; padding-top: 14px; padding-bottom: 13px; border-bottom: solid 1px #f1f1f1; padding-left: 20px; padding-right: 20px; }
  .btn_header button + h1 { margin-left: auto; margin-right: auto; display: block; }
  .btn_header h1 { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 118px; height: 23px; display: inline-block; background-position: 0px -56px; background-size: 500px 500px; }
  .btn_header .icoBack { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 20px; display: inline-block; background-position: -150px -35px; background-size: 500px 500px; }
  .btn_header .icoUser { top: 9px; width: 32px; height: 32px; }
  .btn_header .btn_logoutWrap { bottom: -66px; right: 8px; } }

@media (min-width: 768px) { .w-block { display: block; }
  .sl_flag { line-height: 30px; font-size: 16px; padding-left: 9px; padding-right: 9px; }
  .sl_btnmainTy01:hover { background-color: var(--sole-btnC1over); }
  .sl_btnmainTy03:hover { background-color: var(--sole-btnC3over); }
  .sl_btnmainTy04:hover { background-color: #e25f48; }
  .sl_btnfloat:hover { background-color: #f1644b; color: #fff; }
  .btn_shadow:hover { border: solid 1px #524e4e; }
  .btnsideTy01:hover { border: solid 1px #f9455f; }
  .btnsideTy01:hover span { color: #f9455f; }
  .btnsideTy01:hover span:after { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 18px; height: 18px; display: inline-block; background-position: -310.5px -50.5px; background-size: 500px 500px; }
  .fn_ftprnt .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer { padding: 30px 200px 60px 30px; position: relative; }
  footer .sl_infoPrimary h1 { padding-right: 12px; }
  footer .sl_infoPrimary h1, footer .sl_infoPrimary .sl_contact { display: inline-block; }
  footer .sl_Addr { margin-top: 5px; }
  footer .sl_Addr .addr01 { padding-right: 6px; }
  footer .sl_sublogo { position: absolute; right: 30px; top: 30px; }
  .wl_header { max-width: 1300px; margin: 0 auto; padding-top: 20px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; }
  .wl_header h1 { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 118px; height: 23px; display: inline-block; background-position: 0px -56px; background-size: 500px 500px; }
  .btn_header { max-width: 1300px; margin: 0 auto; padding-top: 20px; padding-bottom: 10px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .btn_header h1 { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 118px; height: 23px; display: inline-block; background-position: 0px -56px; background-size: 500px 500px; }
  .btn_header .icoBack { display: hidden; }
  .btn_header .icoUser { top: 15px; width: 36px; height: 36px; }
  .btn_header .btn_logoutWrap { bottom: -75px; right: 9px; } }

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

.sl_tagList .sl_tag { padding: 0 11px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f1f1f1; border-radius: 4px; text-align: center; float: left; cursor: pointer; margin: 4px; }

.sl_tagList .sl_tag span { font-size: 13px; color: #9d9d9d; line-height: 32px; }

.wl_logoWrap { margin-bottom: 22px; text-align: center; }

.wl_logoWrap .logo { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 167px; height: 35px; display: inline-block; background-position: -125px -139px; background-size: 500px 500px; }

.wl_logoWrap .normal { color: #242424; line-height: 28px; }

.wl_logoWrap .normal em { font-size: 22px; font-weight: 500; }

.wl_logoWrap .normal span { font-size: 16px; font-weight: 500; display: block; }

.wl_logoWrap .normal span.hidden { display: none; }

.btn_logoWrap { margin-bottom: 25px; text-align: center; }

.btn_logoWrap .logo { background: url("/assets/web/images/ico/logo-cherry@3x-432115ca2f81197c13d23b30fb3bcefa.png") transparent no-repeat; width: 116.29px; height: 22px; display: inline-block; background-size: 100%; }

.btn_logoWrap .normal { color: #524e4e; font-size: 15px; font-weight: 500; line-height: 22px; margin-top: 15px; word-break: normal; }

.btn_logoWrap .muddy { color: #9d9d9d; font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 20px; }

.wl_dashed { position: relative; line-height: 25px; text-align: center; }

.wl_dashed .normal { text-align: center; display: inline-block; background-color: #fff; padding: 0 8px; color: #9d9d9d; font-size: 14px; font-weight: 500; }

.wl_dashed .normal:after { position: absolute; display: block; content: ""; width: 100%; height: 1px; background-color: #e6e6e6; top: 12px; left: 0; z-index: -1; }

.wl_bottomItems { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 30px auto 25px; }

.wl_bottomItems .checkbox input[type="checkbox"] + label > span { font-size: 14px; font-weight: 500; color: #524e4e; margin-left: 6px; line-height: 30px; }

@media (max-width: 300px) { .wl_bottomItems .checkbox input[type="checkbox"] + label > span { font-size: 12px; }
  .wl_bottomItems .btnUnderLineTy02 { font-size: 12px; } }

.wl_bottomItems .btnUnderLineTy02 { color: #524e4e; }

.wl_bottomItems .btnArrow { line-height: 30px; font-size: 14px; font-weight: 500; color: #524e4e; padding-right: 15px; position: relative; }

.wl_bottomItems .btnArrow:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 8px; height: 14px; display: inline-block; background-position: -241px -2.5px; background-size: 500px 500px; position: absolute; right: 0; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.wl_topNav .icoBack { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 20px; display: inline-block; background-position: -150px -35px; background-size: 500px 500px; }

.wl_btnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; z-index: 100; }

.wl_btnWrap button { width: 100%; }

.wl_hdrsub { text-align: center; margin-top: 10px; font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; margin-bottom: 25px; word-break: keep-all; }

.wl_hdrsub span { word-break: keep-all; }

.wl_leftsub { text-align: left; margin-top: 10px; font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; margin-bottom: 25px; word-break: keep-all; }

.wl_txtbtnWrap01 { text-align: center; margin-top: 20px; margin-bottom: 45px; }

.wl_txtbtnWrap01 .grptxt { font-size: 14px; font-weight: 500; color: #727272; display: block; line-height: 20px; word-break: keep-all; }

.wl_txtbtnWrap01 .grptxt span { word-break: keep-all; }

.wl_txtbtnWrap01 .btnUnderLineTy14 { margin-top: 15px; color: #242424; }

.wl_txtbtnWrap02 { border-radius: 4px; background-color: #f8f8f8; padding: 20px 18px; text-align: center; word-break: keep-all; margin-top: 30px; margin-bottom: 30px; }

.wl_txtbtnWrap02 .normal, .wl_txtbtnWrap02 .btnUnderLineTy02, .wl_txtbtnWrap02 .w-block { word-break: keep-all; }

.wl_txtbtnWrap02 .normal + .normal { margin-top: 10px; }

.wl_chkboxWrap01 { margin-top: 30px; margin-bottom: 20px; width: 100%; }

.wl_chkboxWrap01 .checkbox { height: 45px; }

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

.wl_chkboxWrap01 .checkbox input[type="checkbox"] + label > span { margin-left: 30px; font-size: 14px; word-break: keep-all; display: block; position: absolute; left: 0; width: 100%; }

.wl_chkboxWrap01 .checkbox .checkboxInner { position: relative; height: 100%; overflow: visible; width: 100%; }

.wl_chkboxWrap01 .checkbox .checkboxInner label { width: 100%; display: block; height: 45px; overflow: visible; }

.paymentRegister .sl_btnmainTy01 { margin-top: 60px; }

.paymentRegister .inputNumberBox { background-color: var(--sole-mainC3); }

.paymentRegister .agreeBox .checkboxInner { padding-right: 35px; }

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

.paymentRegister .agreeBox .checkbox input[type="checkbox"] + label:before { position: absolute; }

@media (min-width: 768px) { .paymentRegister { margin-top: 60px; }
  .wl_topNav { position: relative; min-height: 20px; margin-top: 20px; }
  .wl_topNav .progressBarWrap { bottom: 0; right: 0; width: 190px; }
  .wl_setWrap { margin-top: 100px; }
  .wl_btnWrap.wl_tmShort { margin-top: 40px; }
  .wl_btnWrap.wl_tmMedium { margin-top: 60px; }
  .wl_btnWrap.wl_tmTall { margin-top: 140px; }
  .popTyBackDrop.w400 { width: 400px; border-radius: 4px; }
  .popTyBackDrop.w535 { width: 535px; border-radius: 13px; background-color: #f1f1f1; }
  .popTyBackDrop.w600 { width: 600px; border-radius: 13px; }
  .popTyBackDrop.w700 { width: 700px; border-radius: 13px; }
  .clearRadius button:nth-child(1) { border-radius: 4px 0 0 4px; }
  .clearRadius button:nth-child(2) { border-radius: 0 4px 4px 0; } }

@media (max-width: 767px) { .paymentRegister { margin-top: 30px; }
  .wl_btnWrap { position: fixed; bottom: 0; left: 0; }
  .wl_btnWrap button { border-radius: 0; }
  .wl_topNav { position: fixed; top: 0; left: 0; height: 56px; width: 100%; background-color: #fff; z-index: 1; }
  .wl_topNav .progressBarWrap { top: 19px; right: 20px; width: 148px; }
  .clearRadius button { border-radius: 0; }
  .popTyBackDrop.w535 { background-color: transparent; } }

.popTyBackDrop .mcrt_popTxtWrap .heardsList .asideTit { text-align: left; color: #797979; font-size: 13px; font-weight: 500; }

.popTyBackDrop .mcrt_popTxtWrap .heardsList .asideSub { text-align: left; color: #242424; font-size: 14px; font-weight: 500; padding-left: 10px; }

.popTyBackDrop .mcrt_popTxtWrap .heardsList .flexTable + .flexTable { margin-top: 15px; }

.popTyBackDrop .mcrt_popTxtWrap .normal { font-size: 14px; font-weight: 500; color: #524e4e; word-break: keep-all; text-align: left; line-height: 20px; }

.popTyBackDrop .nft_share { padding: 11px 10px 10px 15px; border-radius: 6px; background-color: #f1f1f1; margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popTyBackDrop .nft_share .addr { display: inline-block; text-align: left; padding-right: 15px; font-size: 13px; font-weight: 500; color: #524e4e; text-decoration: underline; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.popTyBackDrop .nft_noti { margin-top: 15px; }

.popTyBackDrop .nft_noti + .btnUnderLineTy06 { margin-top: 20px; }

.popTyBackDrop .nft_popTxtWrap .normal { font-size: 14px; font-weight: 500; color: #524e4e; word-break: keep-all; text-align: left; line-height: 20px; }

.popTyBackDrop .nft_popTxtWrap [class*="inputBox"] input:valid ~ .btnqR { display: none; }

.popTyBackDrop .nft_popTxtWrap .btnqR { position: absolute; top: 15px; right: 2px; }

.popTyBackDrop .nft_popTxtWrap .message.error { text-align: left; color: #f7806b !important; }

.popTyBackDrop .nft_popTxtWrap .inputBoxTy01 { margin-bottom: 50px; }

.popTyBackDrop .touchArea { position: sticky; top: 0; left: 0; text-align: center; border-radius: 22px 22px 0 0; background-color: #fff; z-index: 100; }

.popTyBackDrop .touchArea .btn-scrollDown { width: 40px; height: 4px; background-color: #D4D5D7; border-radius: 42px; margin: 12px; }

@media (max-width: 767px) { .popTyBackDrop .nft_popTxtWrap { padding-left: 32px; padding-right: 32px; }
  .popTyBackDrop .nft_popbtnWrap button { width: 100%; border-radius: inherit; } }

@media (min-width: 768px) { .popTyBackDrop .nft_popTxtWrap { padding-left: 60px; padding-right: 60px; }
  .popTyBackDrop .nft_popbtnWrap { padding-bottom: 30px; }
  .popTyBackDrop .nft_popbtnWrap button { width: 200px; margin-left: auto; margin-right: auto; } }

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

.nft_noti { padding: 10px 17px 10px 15px; border: solid 1px #f4907e; font-size: 14px; font-weight: 500; color: #f88570; text-align: left; line-height: 23px; background-color: #fff; word-break: keep-all; }

.nft_noti .icon { display: inline-block; padding-left: 25px; position: relative; }

.nft_noti .icon:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 20px; height: 20px; display: inline-block; background-position: -389px -218px; background-size: 500px 500px; content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.nft_noti + .btnUnderLineTy06 { margin-top: 20px; }

@media (max-width: 767px) { .popTyBackDrop .comm_popTitWrap .btnPopClose { display: none; }
  .popTyBackDrop .comm_popTitWrap h1 { padding-top: 30px; font-size: 16px; line-height: 22px; color: #524e4e; }
  .popTyBackDrop .comm_popTitWrap p { padding-top: 30px; font-size: 16px; line-height: 22px; color: #524e4e; }
  .popTyBackDrop .mcrt_popTxtWrap { padding-left: 32px; padding-right: 32px; padding-bottom: 50px; }
  .popTyBackDrop .mcrt_popTxtWrap .heardsList .asideTit { text-align: left; word-break: keep-all; }
  .popTyBackDrop .mcrt_popTxtWrap .heardsList .asideTit.w70 { min-width: 72px; width: 72px; }
  .popTyBackDrop .mcrt_popTxtWrap .heardsList .asideTit.w90 { min-width: 90px; width: 90px; }
  .popTyBackDrop .comm_popbtnWrap { display: none; }
  .nft_qr { width: 150px; height: 150px; } }

@media (min-width: 768px) { .popTyBackDrop h1 { font-size: 25px; font-weight: 500; margin-top: 47px; }
  .popTyBackDrop .comm_popTitWrap p { font-size: 25px; font-weight: 500; margin-top: 47px; }
  .popTyBackDrop .mcrt_popTxtWrap { padding-left: 60px; padding-right: 60px; padding-bottom: 10px; }
  .popTyBackDrop .mcrt_popTxtWrap .heardsList .asideTit { text-align: left; word-break: keep-all; }
  .popTyBackDrop .mcrt_popTxtWrap .heardsList .asideTit.w70 { min-width: 72px; width: 72px; }
  .popTyBackDrop .mcrt_popTxtWrap .heardsList .asideTit.w90 { min-width: 128px; width: 128px; }
  .nft_qr { width: 200px; height: 200px; }
  .nft_noti + .btnUnderLineTy06 { margin-bottom: 50px; } }

.sl_popcont01 { padding: 20px 30px; min-height: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_popcont01 .sl_infosum dt { font-size: 16px; font-weight: 500; color: #524e4e; padding-top: 10px; text-align: left; }

.sl_popcont01 .sl_infosum dd { padding-top: 5px; font-size: 14px; font-weight: 500; color: #524e4e; text-align: left; word-break: keep-all; line-height: 20px; }

.sl_popcont01 .sl_infodtl { margin-top: 15px; border-top: solid 1px #e6e6e6; }

.sl_popcont01 .sl_infodtl dt { font-size: 13px; font-weight: 500; color: #524e4e; line-height: 20px; text-align: left; padding-top: 15px; }

.sl_popcont01 .sl_infodtl dd { font-size: 13px; color: #524e4e; line-height: 20px; text-align: left; word-break: keep-all; }

.sl_popcont01 .sl_infodtl dd + dd { padding-top: 10px; }

.sl_popcont01 .sl_btnmainTy01 { margin-top: 30px; height: 48px; border-radius: 4px; width: 280px; font-size: 16px; font-weight: 500; }

@media (max-width: 767px) { .sl_popcont01 .sl_btnmainTy01 { display: none; } }

.sl_popcont02 { padding: 35px; }

.sl_popcont02 .sl_popTIt { font-size: 20px; font-weight: 500; color: #524e4e; }

.sl_popcont02 .sl_slctWay { margin-top: 30px; }

.sl_popcont02 .sl_slctWay li { display: inline-block; width: 48%; }

.sl_popcont02 .sl_slctWay li button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 105px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; border: solid 1px #cbcbcb; position: relative; }

.sl_popcont02 .sl_slctWay li button .normal { padding-top: 35px; font-size: 16px; font-weight: 500; color: #242424; }

.sl_popcont02 .sl_slctWay li button:before { content: ""; position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.sl_popcont02 .sl_slctWay li button:hover, .sl_popcont02 .sl_slctWay li button:active, .sl_popcont02 .sl_slctWay li button.on { background-color: var(--sole-btnC1); border: solid 1px var(--sole-btnC1); }

.sl_popcont02 .sl_slctWay li button:hover .normal, .sl_popcont02 .sl_slctWay li button:active .normal, .sl_popcont02 .sl_slctWay li button.on .normal { color: #fff; }

.sl_popcont02 .sl_slctWay li button.slcTy01:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 47px; height: 33px; display: inline-block; background-position: -213px -100px; background-size: 500px 500px; }

.sl_popcont02 .sl_slctWay li button.slcTy01:hover:before, .sl_popcont02 .sl_slctWay li button.slcTy01:active:before, .sl_popcont02 .sl_slctWay li button.slcTy01.on:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 47px; height: 33px; display: inline-block; background-position: -161px -100px; background-size: 500px 500px; }

.sl_popcont02 .sl_slctWay li button.slcTy02:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 47px; height: 33px; display: inline-block; background-position: -320px -116px; background-size: 500px 500px; }

.sl_popcont02 .sl_slctWay li button.slcTy02:hover:before, .sl_popcont02 .sl_slctWay li button.slcTy02:active:before, .sl_popcont02 .sl_slctWay li button.slcTy02.on:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 47px; height: 33px; display: inline-block; background-position: -269px -100px; background-size: 500px 500px; }

.sl_popcont02 .sl_slctWay li + li { margin-left: 2%; }

.sl_popcont03 { padding: 30px 32px; min-height: 360px; border-radius: 20px 20px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sl_popcont03 .sl_infosum dt { font-size: 13px; font-weight: 500; color: #9d9999; }

.sl_popcont03 .sl_infosum dd img { padding-top: 8px; width: 170px; }

.sl_popcont03 .sl_infodtl img { padding: 22px 0 10px; max-width: 280px; }

.sl_popcont03 .sl_infodtl dt { font-size: 18px; font-weight: 500; color: #9661df; line-height: 23px; letter-spacing: -0.5px; }

.sl_popcont03 .sl_infodtl dd { font-size: 13px; color: #242424; line-height: 1.5; padding-top: 15px; letter-spacing: -0.5px; }

.sl_popcont03 .sl_infodtl p { font-size: 13px; color: #524e4e; padding-top: 15px; letter-spacing: -0.5px; opacity: 0.6;}

.sl_popcont03 .sl_btnmainTy01 { margin-top: 30px; height: 48px; border-radius: 4px; width: 280px; font-size: 16px; font-weight: 500; }

@media (max-width: 767px) { .sl_popcont03 .sl_btnmainTy01 { display: none; } }

/* 2022 아이부자 CU 쿠폰 증정 이벤트 팝업 */

.sl_popcont04 { padding: 30px 32px 90px; min-height: 360px; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: linear-gradient(45deg, #b2d6ff, #bb7de4); overflow: hidden; }

.sl_popcont04 .swiper-slide { width: 100%; }

.sl_popcont04 .sl_infosum dd img { padding-top: 8px; width: 170px; }

.sl_popcont04 .sl_infodtl dt img { margin-top: 5px; padding: 22px 0 10px; max-width: 280px; }

.sl_popcont04 .sl_infodtl dt { font-size: 18px; font-weight: 700; color: #fff889; line-height: 23px; letter-spacing: -0.5px; }

.sl_popcont04 .sl_infodtl dd { font-size: 13px; color: #242424; line-height: normal; padding-top: 15px; letter-spacing: -0.5px; }

.sl_popcont04 .sl_infodtl p { font-size: 13px; color: #242424; padding-top: 15px; letter-spacing: -0.5px; opacity: 0.5;}

.sl_popcont04 .btnWrapTy04 { position: fixed; left: 0; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; height: 64px; background-color: #fff; }

.sl_popcont04 .sl_btnmainTy05 { width: 100%; font-size: 16px; }

.sl_popcont04 .sl_btnmainTy05 > span { font-size: 16px; color: #524e4e; line-height: 2; display: block; text-align: left; padding-left: 30px; }

.sl_popcont04 .sl_btnmainTy05:last-child > span { text-align: right; padding-left: 0; padding-right: 30px; }

@media (min-width: 768px) { .sl_popcont04 .sl_btnmainTy05 > span { text-align: center !important; padding: 0 30px !important; } }

/* 2024 아이부자 CU 쿠폰 증정 이벤트 팝업 */

.sl_popcont04 .sl_infodtl dt.ibooja-event-new img { max-width: 258.125px; width: 100%; padding: 14px 0 11px; margin-top: 0; }

.sl_popcont05 { padding: 20px 32px 60px; }

.sl_popcont05 .cmb_slctKnd { margin-top: 0; }

@media (max-width: 280px) { .sl_popcont04 .sl_infodtl dt { font-size: 17px; }
  .sl_popcont04 .sl_btnmainTy05 > span { font-size: 13px; } }

.popTyBackDrop.open .swiper-pagination { display: block; background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; position: absolute; right: 12px; top: 12px; color: #fff; font-size: 11px; letter-spacing: -1.5px; padding: 3px 8px; z-index: 2; }

@media (min-width: 768px) { .sl_popcont04 { margin: 50px 80px 114px; padding: 30px 33px; }
  .popTyBackDrop.open .swiper-pagination { right: 90px; top: 61px; }
  .sl_popcont04 .btnWrapTy04 { border-radius: 0 0 13px 13px; border-top: 1px solid #e6e6e6; }
  .sl_popcont04 .sl_btnmainTy05 > span { text-align: center; }
  .sl_popcont04 .sl_btnmainTy05:first-child { border-right: 1px solid #e6e6e6; }
  .sl_popcont05 { padding: 35px; }
  .popTyBackDrop .touchArea { display: none; }
  .popTyBackDrop.open .swiper-button-prev-item { width: 24px; height: 24px; position: absolute; top: 223px; left: 36px; background: url(/assets/web/images/ico/btn-arrow-black-left-7fe8f88e8dc707ebb79a373963a979ae.png) 0 0 no-repeat; }
  .popTyBackDrop.open .swiper-button-next-item { width: 24px; height: 24px; position: absolute; top: 223px; right: 36px; background: url(/assets/web/images/ico/btn-arrow-black-right-4231740bed8ba4729edccab85e8e9574.png) 0 0 no-repeat; }
  .popTyBackDrop.open .swiper-button-prev-item.swiper-button-disabled { background: url(/assets/web/images/ico/btn-arrow-gray-left-2fecd40dda17703ab7625e3eb82c1034.png) 0 0 no-repeat; }
  .popTyBackDrop.open .swiper-button-next-item.swiper-button-disabled { background: url(/assets/web/images/ico/btn-arrow-gray-right-5b7a8037070d324f2409440aa5b7e029.png) 0 0 no-repeat; } }

.sl_srchWrap { position: relative; }

.sl_srchWrap .rightGep { padding-right: 60px; }

@media (max-width: 300px) { .sl_srchWrap .rightGep { padding-right: 30px; } }

.sl_srchWrap .inputBoxTy01 { border-bottom: 2px solid #242424; margin: 20px 35px 30px; }

.sl_srchWrap .inputBoxTy01 .icoSearch { position: absolute; right: 0; top: 13px; }

.sl_srchWrap .inputBoxTy01 .btnDelete { right: 30px; }

.sl_srchWrap input { height: 48px; font-size: 16px; font-weight: 500; color: #242424; }

.chyContainer .fn_cmpgndtlWrap { position: relative; top: inherit; }

@media (min-width: 768px) { .chyContainer .sl_cmpgnFlw { top: 100px; width: 290px; }
  .chyContainer .sp_masonry, .chyContainer .sl_shortly, .chyContainer .sl_substance, .chyContainer .sl_tagWrap, .chyContainer .sl_planWrap, .chyContainer .sl_ftprntWrap, .chyContainer .sl_graphWrap, .chyContainer .sl_newsWrap, .chyContainer .sl_replyWrap .sl_cmpgnWrap { width: 620px; }
  .chyContainer [class*="campaignVisual"] .inner { max-width: 940px; width: 90%; }
  .chyContainer .fn_cmpgndtlWrap .btnTab span { font-size: 16px; } }

@media (max-width: 767px) { .chyContainer { padding-bottom: 100px; }
  .chyContainer .sp_masonry, .chyContainer .sl_shortly, .chyContainer .sl_substance, .chyContainer .sl_tagWrap, .chyContainer .sl_planWrap, .chyContainer .sl_graphWrap, .chyContainer .sl_newsWrap { padding-right: 30px; padding-left: 30px; }
  .chyContainer.newCherry .sp_masonry, .chyContainer.newCherry .sl_shortly, .chyContainer.newCherry .sl_substance, .chyContainer.newCherry .sl_tagWrap, .chyContainer.newCherry .sl_planWrap, .chyContainer.newCherry .sl_graphWrap, .chyContainer.newCherry .sl_newsWrap { padding-right: 20px; padding-left: 20px; }
  .chyContainer .sl_tabConWrap .sl_ftprntWrap h3, .chyContainer .sl_tabConWrap .sl_replyWrap h3, .chyContainer .sl_tabConWrap .sl_ftprntWrap .swiper-container { padding-left: 30px; }
  .chyContainer.newCherry .sl_tabConWrap .sl_ftprntWrap h3, .chyContainer.newCherry .sl_tabConWrap .sl_replyWrap h3, .chyContainer.newCherry .sl_tabConWrap .sl_ftprntWrap .swiper-container { padding-left: 20px; }
  .chyContainer .sl_tabConWrap .sl_cmpgnFlw .sl_flag, .chyContainer .sl_tabConWrap .sl_planWrap .radioBoxWrap { right: 30px; }
  .chyContainer.newCherry .sl_tabConWrap .sl_cmpgnFlw .sl_flag, .chyContainer.newCherry .sl_tabConWrap .sl_planWrap .radioBoxWrap { top: 28px; right: 20px; }
  .chyContainer .sl_tabConWrap .sl_cmpgnFlw .sl_optView { padding: 30px; }
  .chyContainer.newCherry .sl_tabConWrap .sl_cmpgnFlw .sl_optView { padding: 28px 20px; }
  .chyContainer .icoWrapTy01 .sl_gnbRight { position: fixed; top: 15px; right: 17px; z-index: 102; }
  .chyContainer .fn_cmpgndtlWrap { height: 56px; } }

.chyContainer .sev_infoWrap01 .price { color: #f7806b; }

.chyContainer .sev_infoWrap02 .topic em { color: #f7806b; }

@media (max-width: 767px) { #gnb.on + .chyContainer .icoWrapTy01 .sl_gnbRight .icoHeartWhite { background-image: url(/assets/web/images/ico/btn-heart-black-default@3x-5184c63ebf3e1856a7b322b9975a1d69.png); }
  #gnb.on + .chyContainer .icoWrapTy01 .sl_gnbRight .icoHeartWhite.on { background-image: url(/assets/web/images/ico/btn-heart-black-sel@3x-352d136329dde940396f98fab5fb4756.png); } }

.markWrap.changeImgW:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 150px; height: 150px; display: inline-block; background-position: 0px -251px; background-size: 500px 500px; }

.markWrap.changeImgM:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 150px; height: 150px; display: inline-block; background-position: -157px -251px; background-size: 500px 500px; }

.cmb_bottomItems { margin-bottom: 20px; }

.cmb_bottomItems .ty_center { text-align: center; }

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

.cmb_bottomItems .btnUnderLineTy02 { font-size: 14px; font-weight: 500; color: #524e4e; margin-top: 20px; }

.cmb_bottomItems .btnbackTy01 { display: block; width: 100%; height: 35px; margin-top: 20px; margin-bottom: 8px; position: relative; }

.cmb_bottomItems .btnbackTy01:first-child { border-radius: 4px 0 0 4px; }

.cmb_bottomItems .btnbackTy01:last-child { border-radius: 0 4px 4px 0; }

.cmb_bottomItems .btnbackTy01:last-child:before { position: absolute; display: block; content: ""; width: 1px; height: 15px; background-color: #cbcbcb; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.cmb_shadowBtns { margin-top: 20px; }

.cmb_shadowBtns .btn_shadow { margin-top: 10px; padding-right: 18px; }

.cmb_shadowBtns .ty_center { text-align: center; display: block; line-height: 48px; font-size: 16px; font-weight: 500; color: #524e4e; }

.w_balloon { padding: 10px 15px; border-radius: 4px; background-color: #feefec; font-size: 14px; font-weight: 500; color: #f7806b; position: relative; line-height: 20px; word-break: keep-all; margin-top: 20px; }

.w_balloon.arrow { margin-top: 0; }

.w_balloon.arrow:before { position: absolute; display: block; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-bottom: 8px solid #feefec; border-right: 7px solid transparent; top: -8px; left: 58px; }

.cmb_balloon { padding: 20px 15px 20px 15px; border-radius: 4px; background-color: #feefec; margin-top: 30px; }

.cmb_balloon li { line-height: 22px; font-size: 14px; font-weight: 500; word-break: keep-all; }

.cmb_balloon li + li { margin-top: 10px; }

.cmb_balloon dt { font-weight: 500; text-align: center; margin-bottom: 5px; }

.cmb_balloon dt .icon { display: inline-block; font-size: 13px; position: relative; padding-left: 25px; }

.cmb_balloon dt .icon:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 19px; height: 19px; display: inline-block; background-position: -86px -35px; background-size: 500px 500px; content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.cmb_balloon dd { font-weight: 500; line-height: 22px; font-size: 14px; word-break: keep-all; }

.cmb_balloon .ty_cherry { color: #f7806b; }

.cmb_balloon .ty_normal { color: #797979; }

.cmb_inftxt01 { margin-bottom: 50px; }

.cmb_inftxt01 dt { font-size: 16px; font-weight: 500; color: #f7806b; line-height: 22px; margin-bottom: 20px; word-break: keep-all; text-align: center; }

.cmb_inftxt01 .ty_normal { font-size: 14px; font-weight: 500; color: #797979; line-height: 20px; word-break: keep-all; text-align: center; }

.cmb_inftxt01 .ty_center, .cmb_inftxt01 .ty_center2 { text-align: center; }

.cmb_inftxt01 .ty_center .btnUnderLineTy02, .cmb_inftxt01 .ty_center2 .btnUnderLineTy02 { font-size: 14px; font-weight: 500; }

.cmb_inftxt01 .ty_center .btnUnderLineTy02 { margin-top: 20px; color: #242424; }

.cmb_inftxt01 .ty_center2 .btnUnderLineTy02 { margin-top: 5px; color: #524e4e; }

.cmb_inftxt01 .ty_left { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; word-break: keep-all; text-align: left; }

.cmb_inftxt01 .ty_left + .ty_left { margin-top: 10px; }

.cmb_inftxt02 { font-size: 14px; font-weight: 500; color: #797979; margin-top: 20px; margin-bottom: 20px; line-height: 20px; text-align: center; }

.cmb_slctKnd { margin-top: 20px; }

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

.cmb_TitTy01 { border-bottom: solid 1px #cbcbcb; line-height: 58px; margin-top: 30px; }

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

.cmb_TitTy01 .toggleBox { float: right; }

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

.cmb_pinsetWrap { margin-top: 40px; }

.cmb_pinsetWrap .cmb_inftxt01 { margin-top: 20px; }

@media (max-width: 767px) { .cmb_pinsetWrap { padding-left: 30px; padding-right: 30px; }
  .pcHidden_inline { display: inline-block; } }

@media (min-width: 768px) { .popTyFull h1.cmb_popTit { padding-top: 0; }
  .pcHidden_inline { display: none !important; } }

.cmb_popHeader { width: 100%; min-height: 56px; position: fixed; z-index: 1; background-color: #fff; border-radius: 13px 13px 0 0; }

.cmb_popHeader + .contwrapTy2 { padding-top: 56px; }

.cmb_popHeader .btnPopClose { position: absolute; top: 20px; right: 20px; }

.cmb_popTit { position: relative; }

@media (max-width: 767px) { .cmb_popTit { margin-top: 10px; }
  .cmb_popTit .normal { font-size: 22px; font-weight: 500; color: #242424; text-align: center; line-height: 30px; } }

@media (max-width: 767px) { .chyContainer .donationBasket { padding-top: 56px; min-height: inherit; }
  .chyContainer .cmb_bsktFlw { background-color: #fff; padding: 30px 20px 0; margin-top: 20px; }
  .chyContainer .cmb_bsktFlw dl { border-radius: 4px; background-color: #feefec; padding: 18px 15px; }
  .chyContainer .cmb_bsktFlw dl dt { float: left; font-size: 17px; font-weight: 500; color: #524e4e; line-height: 24px; }
  .chyContainer .cmb_bsktFlw dl dd { float: right; font-size: 20px; font-weight: 500; color: var(--sole-maintxtC1); line-height: 24px; }
  .chyContainer .cmb_bsktFlw dl:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; } }

@media (min-width: 768px) { .chyContainer .donationBasket .inner { position: relative; max-width: 940px; width: inherit; }
  .chyContainer .donationBasket .inner:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }
  .chyContainer .donationBasket .itemInfo .thumb { width: 50%; max-width: 240px; height: auto; margin-right: 8%; }
  .chyContainer .donationBasket .itemInfo .description { margin-left: 0; }
  .chyContainer .checkboxTotal, .chyContainer .donationList { width: calc(100% - 318px); float: left; }
  .chyContainer .cmb_bsktFlw { float: right; width: 272px; border-radius: 4px; -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); border: solid 1px #cbcbcb; position: -webkit-sticky; position: sticky; top: 100px; margin-top: -34px; }
  .chyContainer .cmb_bsktFlw dl { padding: 25px 18px; }
  .chyContainer .cmb_bsktFlw dl dt { font-size: 17px; font-weight: 500; color: #524e4e; }
  .chyContainer .cmb_bsktFlw dl dd { text-align: right; font-size: 23px; font-weight: 500; color: var(--sole-maintxtC1); line-height: 25px; padding-top: 20px; } }

@media (min-width: 768px) and (max-width: 1024px) { .chyContainer .donationBasket .inner { max-width: 90%; }
  .chyContainer .donationBasket .checkboxTotal, .chyContainer .donationBasket .donationList { width: calc(100% - 280px); }
  .chyContainer .donationBasket .cmb_bsktFlw { width: 240px; }
  .chyContainer .donationBasket .donationList .itemInfo .tit { font-size: 20px; margin-top: 15px; }
  .chyContainer .donationBasket .donationList .itemInfo .inputBoxTy01 { margin-top: 35px; } }

.toggleBox.agreeTy .inputBox input + span:before { content: 'OFF'; }

.toggleBox.agreeTy .inputBox input:checked + span:before { content: 'ON'; }

.cmb_totalInfo { position: relative; margin-bottom: 30px; }

.cmb_totalInfo .selectBoxWrap .selectBox .btnSelect { border-bottom: 0; }

.cmb_totalInfo .selectBoxWrap .selectBox .optionList { border-top: 1px solid #cbcbcb; }

.cmb_totalInfo .total { display: inline-block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; color: #242424; }

.usageWrap .usageList .usage .amount { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .chyContainer .usageWrap { margin-top: 56px; border-top: 8px solid #f1f1f1; } }

@media (min-width: 768px) { .chyContainer .usageWrap { padding-top: 16px; background-color: #f1f1f1; padding-bottom: 150px; }
  .chyContainer .cmb_usageWrap { background-color: #fff; padding: 10px 60px 20px 50px; border-radius: 4px; }
  .chyContainer .infoTxt01 { padding-top: 130px; }
  .chyContainer button.chySize { max-width: 200px; }
  .chyContainer .paymentRegister { margin-top: 30px; } }

.chyContainer .status.success { color: #3591e7 !important; }

.cmb_lgninfoWrap .cmb_inftxt01 { margin-top: 20px; }

.cmb_lgninfoWrap .btnRoundTy04 { margin-top: 30px; }

@media (max-width: 767px) { .cmb_lgninfoWrap { padding-left: 30px; padding-right: 30px; } }

@media (min-width: 768px) { .cmb_lgninfoWrap .btnRoundTy04 { width: 310px; margin-left: auto; margin-right: auto; display: inherit; } }

.cmb_justifyTb li { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: solid 1px #cbcbcb; height: 39px; }

.cmb_justifyTb li.th { font-size: 13px; font-weight: 500; color: #797979; }

.cmb_justifyTb li.sns { font-size: 14px; font-weight: 500; color: #383434; }

.cmb_justifyTb li.sns .left { line-height: 27px; }

.cmb_justifyTb li.sns .left i { vertical-align: middle; margin-right: 10px; }

.cmb_justifyTb li.noData { height: 59px; }

.cmb_justifyTb li.noData .center { width: 100%; display: block; text-align: center; font-size: 14px; font-weight: 500; color: #797979; }

.cmb_justifyTb li.divice { font-size: 14px; font-weight: 500; color: #383434; }

.cmb_justifyTb li.divice .right { padding-right: 24px; position: relative; }

.cmb_justifyTb li.divice .right .icosDel { position: absolute; right: 0; }

.cmb_qrCodeWrap { max-width: 386px; margin: 0 auto; padding: 35px 57px 32.5px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 0.5px solid #ccc; text-align: center; }

.cmb_qrCodeWrap .qrCode { border: solid 1px #ddd; }

.cmb_qrCodeWrap .qrCode img { width: 270px; height: 270px; }

.popTyFull .cmb_StrLnkWrap { margin-top: 20px; }

.popTyFull .cmb_StrLnkWrap .btnWrapTy01 { margin: 10px 0 10px; }

.popTyFull .cmb_StrLnkWrap .stress { font-size: 14px; font-weight: 500; color: #242424; }

.popTyFull .cmb_StrLnkWrap .normal { font-size: 13px; font-weight: 500; color: #797979; }

.sp_masonry { overflow: hidden; padding-top: 40px; padding-bottom: 40px; }

.sp_masonry .masonry_tit { position: relative; line-height: 27px; }

.sp_masonry .masonry_tit h3 { width: calc(100% - 55px); font-size: 18px; font-weight: 500; color: #242424; }

.sp_masonry .masonry_tit button { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; font-weight: 500; color: #797979; }

.sp_masonry .tags { margin-top: 20px; line-height: 20px; }

.sp_masonry .tags .d-iblock { font-size: 14px; font-weight: 500; color: #242424; }

.sp_masonry .aside { margin-top: 20px; line-height: 20px; font-size: 14px; font-weight: 500; color: #797979; word-break: keep-all; }

.masonry_campaign { margin-top: 20px; }

.masonry_campaign .swiper-wrapper { height: 170px; }

.masonry_campaign .swiper-slide { background-size: cover; background-position: center; border-radius: 6px; position: relative; width: 140px; }

.masonry_campaign .swiper-slide .info { bottom: 5px; }

.masonry_campaign .swiper-slide.addVideo { border-radius: 6px; border: solid 1px #e6e6e6; background-color: #f8f8f8; position: relative; }

.masonry_campaign .swiper-slide.addVideo button { color: #797979; font-size: 12px; font-weight: 500; padding-top: 40px; width: 100%; height: 55px; margin-top: -3px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.masonry_campaign .swiper-slide.addVideo button:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 33px; height: 33px; display: inline-block; background-position: -462px -132px; background-size: 500px 500px; position: absolute; content: ""; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; }

.masonry_campaign .swiper-slide:not(.addVideo):before { position: absolute; display: block; content: ""; width: 100%; height: 60px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); position: absolute; bottom: 0; left: 0; border-radius: 0 0 6px 6px; }

.masonry_campaign .flag, .masonry_list .flag { position: absolute; top: 2px; right: 2px; }

.masonry_campaign .flag span, .masonry_list .flag span { font-size: 0; color: transparent; }

.masonry_campaign .flag span.i_utube, .masonry_list .flag span.i_utube { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 25px; display: inline-block; background-position: -432px -132px; background-size: 500px 500px; }

.masonry_campaign .flag span.i_tiktok, .masonry_list .flag span.i_tiktok { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 25px; display: inline-block; background-position: -375px -133px; background-size: 500px 500px; }

.masonry_campaign .flag span.i_insta, .masonry_list .flag span.i_insta { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 25px; display: inline-block; background-position: -402px -132px; background-size: 500px 500px; }

.masonry_campaign .flag span.i_facebook, .masonry_list .flag span.i_facebook { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 25px; height: 25px; display: inline-block; background-position: -375px -109px; background-size: 500px 500px; }

.masonry_campaign .info, .masonry_list .info { position: absolute; left: 0; width: 100%; padding-left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.masonry_campaign .info .logo, .masonry_list .info .logo { width: 30px; height: 30px; display: inline-block; }

.masonry_campaign .info .logo img, .masonry_list .info .logo img { width: 100%; border-radius: 50%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px var(--color-pLine); height: 100%; -o-object-fit: cover; object-fit: cover; }

.masonry_campaign .info .name, .masonry_list .info .name { display: inline-block; width: calc(100% - 38px); font-size: 11px; font-weight: 500; color: #fff; line-height: 30px; }

.masonry_campaign .info .cherry, .masonry_list .info .cherry { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 44px; height: 10px; display: inline-block; background-position: -414px -157px; background-size: 500px 500px; margin-top: 4px; margin-left: 3px; font-size: 0; line-height: 0; color: transparent; }

@media (min-width: 768px) { .sp_masonry { border-radius: 6px; background-color: #f1f1f1; float: left; margin-top: 48px; padding-top: 25px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sp_masonry + .sl_shortly { margin-top: 30px; }
  .sp_masonry .masonry_campaign { position: relative; margin-left: 25px; margin-right: 15px; }
  .sp_masonry .masonry_campaign:before { position: absolute; display: block; content: ""; width: 55px; height: 170px; left: -55px; top: 0; z-index: 2; background-color: #f1f1f1; }
  .sp_masonry .masonry_campaign:after { position: absolute; display: block; content: ""; width: 50px; height: 170px; right: -45px; top: 0; z-index: 2; background-color: #f1f1f1; }
  .sp_masonry .masonry_campaign .swiper-button-prev, .sp_masonry .masonry_campaign .swiper-button-next { width: 30px; height: 100px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; background-size: 24px 24px; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
  .sp_masonry .masonry_campaign .swiper-button-prev.swiper-button-disabled, .sp_masonry .masonry_campaign .swiper-button-next.swiper-button-disabled { cursor: not-allowed; }
  .sp_masonry .masonry_campaign .swiper-button-prev { left: -35px; background-image: url("/assets/web/images/ico/ic-arrow-left-6d9e12425c89e130b6e9dbf78bd13056.png"); }
  .sp_masonry .masonry_campaign .swiper-button-prev.swiper-button-disabled { background-image: url("/assets/web/images/ico/btn-arrow-gray-left-2fecd40dda17703ab7625e3eb82c1034.png"); }
  .sp_masonry .masonry_campaign .swiper-button-next { right: -25px; background-image: url("/assets/web/images/ico/ic-arrow-right-be3a98c731270458b1e79ba4d439154b.png"); }
  .sp_masonry .masonry_campaign .swiper-button-next.swiper-button-disabled { background-image: url("/assets/web/images/ico/btn-arrow-gray-right-5b7a8037070d324f2409440aa5b7e029.png"); }
  .sp_masonry .swiper-wrapper { height: 146px; } }

@import url("https://p.typekit.net/p.css?s=1&k=tsd2lcz&ht=tk&f=10879&a=103084875&app=typekit&e=css");

@font-face {
  font-family: "futura-pt";
  src:
    url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
    url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),
    url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style:normal;
  font-weight: 500;
  font-stretch: normal;
}

:root {
  --week-01: #F8D27E;
  --week-02: #9DDCF8;
  --week-03: #90C1FB;
  --week-04: #EDA68E;
  --week-05: #FFA8A8;
  --week-06: #FDBDDF;
  --week-07: #A4E1DF;
}

.masonry_campaign.lent_campaign .swiper-wrapper { height: 135px; }

.masonry_campaign.lent_campaign .swiper-slide { width: 133px; }

.masonry_campaign .swiper-slide.addPhoto { border: solid 1px #D1D1D1; background-color: #FBFBFB; }

.masonry_campaign .swiper-slide.addPhoto:before { display: none; }

.masonry_campaign .swiper-slide.addPhoto button { color: #828282; font-size: 13px; font-weight: 500; padding-top: 40px; width: 100%; height: 60px; margin-top: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.masonry_campaign .swiper-slide.addPhoto button:before { background: url("/assets/web/images/ico/btn-lent-plus@3x-c6ee5485c0f0d54cfd1237ff06f46153.png") transparent no-repeat; width: 33px; height: 33px; display: inline-block; background-size: 100%; position: absolute; content: ""; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; }

.masonry_campaign.lent_campaign .info .userInfo, .masonry_list .info .userInfo { position: absolute; display: inline-block; width: calc(100% - 45px); margin-left: 5px; }

.masonry_campaign.lent_campaign .info .userInfo .community, .masonry_list .info .userInfo .community { font-size: 10px; font-weight: 500; color: #fff; }

.masonry_campaign.lent_campaign .info .userInfo .name, .masonry_list .info .userInfo .name { width: 100%; font-size: 12px; font-weight: 700; color: #fff; line-height: 1.5; }

@media (max-width: 767px) { .masonry_list .item .info { bottom: 10px; padding-left: 10px; }
  .masonry_list .info .userInfo { width: calc(100% - 60px); } }

@media (min-width: 768px) { .sp_masonry .masonry_campaign:before { height: 146px; }
  .sp_masonry .masonry_campaign:after { height: 146px; }
  .lentCampaign { display: none; } }

.lentCampaign { letter-spacing: -0.5px; }

.lentCampaign .campaignVisual { height: 196px; background: url("/assets/web/images/bg/bg-lent-mission-card@3x-ddcba1f5a9c1572c41a1f041d4dcbdff.png") bottom center no-repeat; background-size: cover; margin-bottom: 28px; }

.lentCampaign .campaignVisual:before { display: none; }

.lentCampaign .campaignVisual .inner { top: 85px; padding: 0 24px; }

.lentCampaign .campaignVisual .prflArea .dateTit { font-family: "futura-pt", sans-serif; font-size: 23px; font-weight: 500; font-style: normal; }

.lentCampaign .campaignVisual .prflArea .tit { font-size: 23px; font-weight: 700; color: #242424; }

.lentCampaign .campaignVisual .prflArea .tit .text-light { font-weight: 400; }

.lentCampaign .myInfoWrap { padding: 0 20px 9px; }

.lentCampaign .myInfoWrap .myInfo { padding-bottom: 28px; }

.lentCampaign .myInfoWrap .myInfo .titWrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }

.lentCampaign .myInfoWrap .myInfo .titWrap .tit { margin-bottom: 0; }

.lentCampaign .myInfoWrap .myInfo .tit { font-size: 14px; font-weight: 500; margin-bottom: 18px; }

.lentCampaign .myInfoWrap .myInfo .infoModifyBtn { font-size: 12px; color: #242424; background-color: #F1F1F1; border-radius: 30px; padding: 5px 10px; }

.lentCampaign .myInfoWrap .myInfo .infoText { font-size: 17px; font-weight: 500; background-color: #F1F1F1; border-radius: 5px; padding: 12px 10px; }

@media (max-width: 300px) { .lentCampaign .myInfoWrap .myInfo .infoText { font-size: 16px; } }

.lentCampaign .myInfoWrap .myInfo .infoText .myDate { font-weight: 700; }

.lentCampaign .myInfoWrap .myInfo .infoText .myDate.warning { color: #F4907E; }

.lentCampaign .myInfoWrap .myInfo .infoText .totalDate { font-size: 14px; font-weight: 300; vertical-align: baseline; }

.lentCampaign .missionBoard { background-color: #F8F8F8; padding: 50px 20px; }

.lentCampaign .missionBoard .tit { font-size: 14px; font-weight: 500; margin-bottom: 28px; }

.lentCampaign .missionBoard .missionBtnWrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(16.6%, auto)); padding: 0 5px; margin-bottom: 40px; }

.lentCampaign .missionBoard .missionBtnWrap .missionDayBtn { position: relative; display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; background-color: #E6E6E6; border-radius: 50%; }

.lentCampaign .missionBoard .missionBtnWrap .missionDayBtn span { font-size: 14px; font-weight: 700; color: #D9D9D9; }

@media (max-width: 320px) { .lentCampaign .missionBoard .missionBtnWrap .missionDayBtn { width: 32px; height: 32px; }
  .lentCampaign .missionBoard .missionBtnWrap .missionDayBtn span { font-size: 13px; } }

.lentCampaign .missionBoard .missionBtnWrap .missionDayBtn.active { background-color: #FFFFFF; border: 0.5px solid #DDDDDD; }

.lentCampaign .missionBoard .missionBtnWrap .missionDayBtn.active span { color: #F4907E; }

/* .lentCampaign .missionBoard .missionBtnWrap .missionDayBtn.today:after { content: '날짜를 눌러 데일리 미션을 완료하세요! :)'; position: absolute; top: -20px; left: 25px; display: block; width: 219px; height: 43.19px; font-size: 12px; color: #242424; letter-spacing: -0.5px; background: url("/assets/web/images/bg/bg-lent-message-bubble@3x.png") no-repeat; background-size: 100%; z-index: 10; padding-top: 8px; filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25)); } */

.lentCampaign .missionBoard .missionBtnWrap .missionDayBtn.clear span { color: #FFFFFF; }

.lentCampaign .missionBoard .week-01 .missionBtnWrap .missionDayBtn.clear { background-color: var(--week-01); }
.lentCampaign .missionBoard .week-02 .missionBtnWrap .missionDayBtn.clear { background-color: var(--week-02); }
.lentCampaign .missionBoard .week-03 .missionBtnWrap .missionDayBtn.clear { background-color: var(--week-03); }
.lentCampaign .missionBoard .week-04 .missionBtnWrap .missionDayBtn.clear { background-color: var(--week-04); }
.lentCampaign .missionBoard .week-05 .missionBtnWrap .missionDayBtn.clear { background-color: var(--week-05); }
.lentCampaign .missionBoard .week-06 .missionBtnWrap .missionDayBtn.clear { background-color: var(--week-06); }
.lentCampaign .missionBoard .week-07 .missionBtnWrap .missionDayBtn.clear { background-color: var(--week-07); }

@media (max-width: 767px) { #gnb.depth02 .tit.lentTit { font-size: 16px; color: #060606; padding-right: 10px; } }

@media (max-width: 350px) { #gnb.depth02 .tit.lentTit { font-size: 13px; } }

.lentCampaign .campaignVisual.week-01 { height: 156.45px; background: url("/assets/web/images/bg/bg-lent-week1@3x-f9e751c0f6b3d3a03dd24562dbad1743.png") bottom center no-repeat; background-size: cover; }
.lentCampaign .campaignVisual.week-02 { height: 156.45px; background: url("/assets/web/images/bg/bg-lent-week2@3x-38ff4eb3fd8c9a60419f7fccee1fc395.png") bottom center no-repeat; background-size: cover; }
.lentCampaign .campaignVisual.week-03 { height: 156.45px; background: url("/assets/web/images/bg/bg-lent-week3@3x-997fbb2475fd1a6681e4e3397d7df56f.png") bottom center no-repeat; background-size: cover; }
.lentCampaign .campaignVisual.week-04 { height: 156.45px; background: url("/assets/web/images/bg/bg-lent-week4@3x-26e97de3b5ae776e40000af3a75e3e93.png") bottom center no-repeat; background-size: cover; }
.lentCampaign .campaignVisual.week-05 { height: 156.45px; background: url("/assets/web/images/bg/bg-lent-week5@3x-45420aa69bfcf53d63882f0059a51062.png") bottom center no-repeat; background-size: cover; }
.lentCampaign .campaignVisual.week-06 { height: 156.45px; background: url("/assets/web/images/bg/bg-lent-week6@3x-82e2c57d17dfbc1a6c8575e6fcfffe21.png") bottom center no-repeat; background-size: cover; }
.lentCampaign .campaignVisual.week-07 { height: 156.45px; background: url("/assets/web/images/bg/bg-lent-week7@3x-e75c28f472965c5cc2f386055c9b9fc1.png") bottom center no-repeat; background-size: cover; }

.lentCampaign .missionContent { padding: 15px 15px 120px; }

.lentCampaign .missionContent .missionIdea { border: 1px solid #D9D9D9; border-radius: 10px; padding: 25px 18px; margin-bottom: 30px; }

.lentCampaign .missionContent .missionIdea .tit { font-size: 16px; font-weight: 700; margin-bottom: 20px; }

.lentCampaign .missionContent .missionIdea .missionList li { font-size: 14px; line-height: 1.5; text-indent: -20px; margin-left: 20px; margin-bottom: 5px; }

.lentCampaign .missionContent .missionIdea .missionList li .missionListDetail { display: flex; justify-content: space-between; background-color: #F1F1F1; border-radius: 10px; text-indent: 0; padding: 11px 9px; margin-top: 6px; margin-bottom: 12px; }

.lentCampaign .missionContent .missionIdea .missionList li:last-child .missionListDetail { margin-bottom: 0; }

.lentCampaign .missionContent .missionIdea .missionList li .missionListDetail .textList { width: calc(100% - 65px); }

.lentCampaign .missionContent .missionIdea .missionList li .missionListDetail .textList p { font-size: 13px; margin-bottom: 6px; }

.lentCampaign .missionContent .missionIdea .missionList li .missionListDetail .textList p:last-child { margin-bottom: 0; }

.lentCampaign .missionContent .missionIdea .missionList li .missionListDetail .btnList { text-align: right; }

.lentCampaign .missionContent .missionIdea .missionList li .missionLinkBtn { display: block; margin-bottom: 8px; }

.lentCampaign .missionContent .missionIdea .missionList li .missionLinkBtn:last-child { margin-bottom: 0; }

.lentCampaign .missionContent .missionIdea .missionList.week-01 li .missionLinkBtn { font-size: 11.5px; font-weight: 600; color: #FFFFFF; background-color: #FFCB52; border-radius: 30px; padding: 1px 7px; }
.lentCampaign .missionContent .missionIdea .missionList.week-02 li .missionLinkBtn { font-size: 11.5px; font-weight: 600; color: #FFFFFF; background-color: #89DBFF; border-radius: 30px; padding: 1px 7px; }
.lentCampaign .missionContent .missionIdea .missionList.week-03 li .missionLinkBtn { font-size: 11.5px; font-weight: 600; color: #FFFFFF; background-color: #83BCFF; border-radius: 30px; padding: 1px 7px; }
.lentCampaign .missionContent .missionIdea .missionList.week-04 li .missionLinkBtn { font-size: 11.5px; font-weight: 600; color: #FFFFFF; background-color: #B87668; border-radius: 30px; padding: 1px 7px; }
.lentCampaign .missionContent .missionIdea .missionList.week-05 li .missionLinkBtn { font-size: 11.5px; font-weight: 600; color: #FFFFFF; background-color: #FFBDB6; border-radius: 30px; padding: 1px 7px; }
.lentCampaign .missionContent .missionIdea .missionList.week-06 li .missionLinkBtn { font-size: 11.5px; font-weight: 600; color: #FFFFFF; background-color: #FF6AA7; border-radius: 30px; padding: 1px 7px; }
.lentCampaign .missionContent .missionIdea .missionList.week-07 li .missionLinkBtn { font-size: 11.5px; font-weight: 600; color: #FFFFFF; background-color: #FFBDA6; border-radius: 30px; padding: 1px 7px; }

.lentCampaign .missionContent .missionIdea .missionList li:last-child { margin-bottom: 0; }

.lentCampaign .missionContent .missionIdea .missionList.week-01 li:before { content: ''; display: inline-block; width: 7px; height: 7px; position: relative; top: -2px; background-color: #FFCB52; border-radius: 50%; margin-right: 9px; }
.lentCampaign .missionContent .missionIdea .missionList.week-02 li:before { content: ''; display: inline-block; width: 7px; height: 7px; position: relative; top: -2px; background-color: #89DBFF; border-radius: 50%; margin-right: 9px; }
.lentCampaign .missionContent .missionIdea .missionList.week-03 li:before { content: ''; display: inline-block; width: 7px; height: 7px; position: relative; top: -2px; background-color: #83BCFF; border-radius: 50%; margin-right: 9px; }
.lentCampaign .missionContent .missionIdea .missionList.week-04 li:before { content: ''; display: inline-block; width: 7px; height: 7px; position: relative; top: -2px; background-color: #B87668; border-radius: 50%; margin-right: 9px; }
.lentCampaign .missionContent .missionIdea .missionList.week-05 li:before { content: ''; display: inline-block; width: 7px; height: 7px; position: relative; top: -2px; background-color: #FFBDB6; border-radius: 50%; margin-right: 9px; }
.lentCampaign .missionContent .missionIdea .missionList.week-06 li:before { content: ''; display: inline-block; width: 7px; height: 7px; position: relative; top: -2px; background-color: #FF7AC2; border-radius: 50%; margin-right: 9px; }
.lentCampaign .missionContent .missionIdea .missionList.week-07 li:before { content: ''; display: inline-block; width: 7px; height: 7px; position: relative; top: -2px; background-color: #FFBDA6; border-radius: 50%; margin-right: 9px; }

.lentCampaign .missionInput .tit { font-size: 16px; font-weight: 700; margin-left: 18px; margin-bottom: 20px; }

.lentCampaign .missionInput textarea { width: 100%; box-sizing: border-box; font-size: 15px; line-height: 25px; border: 1px solid #D9D9D9; border-radius: 10px; padding: 9px 18px; }

.lentCampaign .missionInput textarea::placeholder { font-size: 15px; color: #D9D9D9; }

.lentCampaign .missionInput .textCount { font-size: 11px; color: #524E4E; line-height: 30px; text-align: right; margin-right: 5px; }

.lentCampaign .missionInput .message.error { font-size: 12px; position: relative; top: -21px; margin-left: 5px; }

.lentCampaign .missionInput .missionPhotoBtn { width: 135px; height: 135px; background-color: #FBFBFB; border: 1px solid #D1D1D1; border-radius: 10px; }

.lentCampaign .missionInput .missionPhotoBtn input { display: none; }

.lentCampaign .missionInput .missionPhotoBtn img { border-radius: 10px; object-fit: cover; }

.lentCampaign .missionContent .missionComplete { padding: 20px 5px; }

.lentCampaign .missionContent .missionComplete .tit { font-size: 23px; font-weight: 700; }

.lentCampaign .missionContent .missionComplete .lottie_lent { width: 100%; }

.lentCampaign .missionContent .missionComplete .guideText { font-size: 15px; }

@media (max-width: 300px) { .lentCampaign .missionContent .missionComplete .tit { font-size: 22px; }
  .lentCampaign .missionContent .missionComplete .guideText { font-size: 13px; } }

@media (max-width: 767px) { #gnb .gnbInner > .gnbRight > .btnUnderLineTy01.lentBtn { font-size: 14px; line-height: 1.5; word-break: keep-all; } }

@media (max-width: 300px) { #gnb .gnbInner > .gnbRight > .btnUnderLineTy01.lentBtn { font-size: 13px; } }

.lentCampaign .missionBlock:first-child { margin-top: 60px; }

.lentCampaign .missionBlock:last-child { padding-bottom: 60px; }

.lentCampaign .missionBlock .myInfo { display: flex; padding: 15px 20px; }

.lentCampaign .missionBlock .myInfo .logo { width: 41px; height: 41px; display: inline-block; }

.lentCampaign .missionBlock .myInfo .logo img { height: 100%; box-sizing: border-box; border: 0.5px solid #D6D6D6; border-radius: 50%; overflow: hidden; object-fit: cover; }

.lentCampaign .missionBlock .myInfo .userInfo { width: calc(100% - 90px); margin-left: 10px; margin-top: 3px; }

.lentCampaign .missionBlock .myInfo .userInfo .community { font-size: 12px; color: #9B9B9B; }

.lentCampaign .missionBlock .myInfo .userInfo .name { font-size: 14px; font-weight: 700; line-height: 1.8; }

.lentCampaign .missionBlock .missionPhoto img { height: auto; object-fit: cover; }

.lentCampaign .missionBlock .actionBtnWrap { position: relative; display: flex; justify-content: space-between; padding: 20px; }

.lentCampaign .missionBlock .actionBtnWrap span { font-size: 13px; font-weight: 500; color: #000000; line-height: 2; }

.lentCampaign .missionBlock .actionBtnWrap .heartBtn { background: url("/assets/web/images/ico/btn-lent-heart@3x-b9d88dd663803aea431f4a96b3d707e1.png") left center no-repeat; background-size: 24px; padding-left: 32px; margin-right: 12px; }

.lentCampaign .missionBlock .actionBtnWrap .heartBtn.active { background: url("/assets/web/images/ico/btn-lent-heart-active@3x-a07177e781612ade75b42b10cb0997d4.png") left center no-repeat; background-size: 24px; }

.lentCampaign .missionBlock .actionBtnWrap .commentBtn { background: url("/assets/web/images/ico/btn-lent-comment@3x-a75a2c32ddc16a1bc3a687d81023c9f0.png") left center no-repeat; background-size: 24px; padding-left: 32px; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtn { width: 24px; height: 24px; background: url("/assets/web/images/ico/btn-lent-etc@3x-7f46900b7eac0432c377acdd5bc3e90f.png") left center no-repeat; background-size: 24px; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtnWrap { display: none; position: absolute; top: 45px; right: 20px; background-color: #FFFFFF; border-radius: 12px; box-shadow: 0px 8px 64px rgba(0, 0, 0, 0.1); z-index: 10; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtnWrap.active { display: block; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtnWrap .textEditBtn { width: 210px; background: url("/assets/web/images/ico/btn-lent-edit@3x-6c88e7f629b46e4a7b882353122c513b.png") 90% center no-repeat; background-size: 24px; text-align: left; padding: 6px 15px; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtnWrap .textEditBtn span { font-size: 17px; font-weight: 400; }

.lentCampaign .missionBlock .missionText { padding: 0 20px; }

.lentCampaign .missionBlock .missionText p { font-size: 14px; line-height: 25px; margin-top: -5px; }

.lentCampaign .missionBlock .missionText .inputDate { font-size: 11px; color: #9B9B9B; margin: 8px 0; }

.lentCampaign .missionBlock .missionInput { padding: 0 15px; }

/* 사순절 캠페인 댓글 작성하기 */
.lentCampaign.lentComment { padding-bottom: 150px; }

.lentCampaign .missionBlock.myText { border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; padding: 5px 0 10px; }

.lentCampaign .missionBlock.myText .missionText { padding-left: 70px; }

.lentCampaign .missionBlock.myText .missionText p { line-height: 20px; }

.lentCampaign .missionBlock.commentBlock { padding-top: 5px; }

.lentCampaign .missionBlock.commentBlock .userInfo { margin-top: 0; }

.lentCampaign .missionBlock.commentBlock .userInfo .inputDate { font-size: 11px; color: #9B9B9B; margin-top: 2px; }

.lentCampaign .missionBlock.commentBlock .commentText { padding: 0 20px; padding-left: 70px; }

.lentCampaign .missionBlock.commentBlock .commentText p { font-size: 14px; line-height: 20px; margin-top: -5px; }

.lentCampaign .missionBlock.commentBlock.myComment .actionBtnWrap { display: inline-block; padding: 10px; margin-right: -10px; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtnWrap .textDeleteBtn { width: 210px; background: url("/assets/web/images/ico/btn-lent-delete@3x-c2fb54f85434e9782f458db5099392af.png") 90% center no-repeat; background-size: 24px; text-align: left; padding: 6px 15px; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtnWrap .textDeleteBtn span { font-size: 17px; font-weight: 400; color: #FF0000; }

.lentCampaign .missionBlock .actionBtnWrap .etcBtnWrap button + button { border-top: 1px solid #D9D9D9; }

.lentCampaign .missionBlock.commentInput { justify-content: left; align-items: center; background-color: #FFFFFF; border-top: 1px solid #ECECEC; padding: 13px 20px; }

.lentCampaign .missionBlock.commentInput .myInfo { padding: 0; margin-right: 12px; }

.lentCampaign .missionBlock.commentInput .inputWrap { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 115px); border: 1px solid #D9D9D9; border-radius: 10px; padding: 8px 10px; }

.lentCampaign .missionBlock.commentInput .inputWrap textarea { width: calc(100% - 10px); max-height: 100px; font-size: 14px; line-height: 20px; overflow-y: hidden; padding-right: 10px; }

.lentCampaign .missionBlock.commentInput .inputWrap input::placeholder { font-size: 14px; color: #C6C6C6; }

.lentCampaign .missionBlock.commentInput .inputWrap .commentSubmit { width: 50px; background-color: #F4907E; border-radius: 5px; padding: 1px 8px; }

.lentCampaign .missionBlock.commentInput .inputWrap .commentSubmit span { font-size: 13px; color: #FFFFFF; display: inline-block; margin-top: 2px; }

.lentCampaign .missionBlock.commentBlock.myComment .commentEdit { border: 1px solid #D9D9D9; border-radius: 10px; padding: 10px; margin: -56px 20px 0 70px; }

.lentCampaign .missionBlock.commentBlock.myComment .commentEdit textarea { width: 100%; font-size: 14px; color: #524E4E; line-height: 20px; overflow-y: hidden; }

.lentCampaign .missionBlock.commentBlock.myComment .commentEdit .actionBtnWrap { display: flex; justify-content: right; padding-bottom: 0; }

.lentCampaign .missionBlock.commentBlock.myComment .commentEdit .actionBtnWrap .commentCancle { width: 50px; background-color: #FFFFFF; border: 1px solid #000000; border-radius: 5px; padding: 0 8px; margin-right: 10px; }

.lentCampaign .missionBlock.commentBlock.myComment .commentEdit .actionBtnWrap .commentCancle span { font-size: 13px; color: #060606; }

.lentCampaign .missionBlock.commentBlock.myComment .commentEdit .actionBtnWrap .commentSave { width: 50px; background-color: #5F5F5F; border-radius: 5px; padding: 0 8px; }

.lentCampaign .missionBlock.commentBlock.myComment .commentEdit .actionBtnWrap .commentSave span { font-size: 13px; color: #FFFFFF; }

/* 사순절 캠페인 미션 전체보기 */
@media (max-width: 767px) { .masonry_list.lent_list .item { width: auto; }
  .masonry_list.lent_list .imgArea { border-right: 1px solid #FFFFFF; }
  .masonry_list.lent_list .item:nth-child(2n) .imgArea { border-right: none; } }

@media (max-width: 371px) { .masonry_list.lent_list .item { width: auto; } }

.masonry_list .flag .heartBtn { width: 44px; background: url("/assets/web/images/ico/btn-lent-heart-white@3x-0fcb8109c2f33bd2e4be0ef8f99f730d.png") center no-repeat; background-size: 24px; /* filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2)); */ padding: 10px; }

.masonry_list .flag .heartBtn.active { background: url("/assets/web/images/ico/btn-lent-heart-active@3x-a07177e781612ade75b42b10cb0997d4.png") center no-repeat; background-size: 24px; }

.masonry_list .flag .heartBtn span { position: relative; top: 25px; font-size: 11px; color: #FFFFFF; margin-top: 10px; }

.ms_cont01 .ms_msg01 { text-align: left; }

.ms_cont01 .ms_msg01.completion { text-align: center; padding-top: 65px; position: relative; }

.ms_cont01 .ms_msg01.completion:before { background: url("/assets/web/images/ico/windowBase-f7c376fe94433b8a4b1b8ff8eb463182.png") transparent no-repeat; width: 51px; height: 51px; display: inline-block; background-position: -319px -152px; background-size: 500px 500px; content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.ms_cont01 .inputBoxTy01 { margin-top: 15px; }

.ms_cont01 .inputBoxTy01 .message { text-align: left; }

.ms_msg01 dt { font-size: 16px; font-weight: 500; color: #524e4e; word-break: keep-all; }

.ms_msg01 dt + dd { margin-top: 5px; }

.ms_msg01 dd { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; word-break: keep-all; }

@media (min-width: 768px) { .ms_cont01 { padding: 35px 30px 25px 30px; }
  .ms_cont01 .sl_btnmainTy04 { width: 280px; border-radius: 4px; height: 60px; margin-top: 30px; } }

@media (max-width: 767px) { .ms_cont01 { padding: 30px 32px 102px 32px; }
  .ms_cont01 .sl_btnmainTy04 { position: fixed; bottom: 0; left: 0; } }

.comm_p_normal { color: #242424; font-size: 15px; line-height: 22px; word-break: keep-all; }

.comm_list_group { margin-top: 10px; }

.comm_list_group dt { margin-top: 20px; color: #797979; font-size: 15px; line-height: 21px; }

.comm_list_group dd { margin-top: 5px; font-size: 16px; font-weight: 500; color: #242424; word-break: keep-all; }

.comm_list_group + .comm_p_normal { margin-top: 35px; }

.comm_popTitWrap .btnPopClose { position: absolute; }

.comm_popTitWrap h1.op_left { text-align: left; word-break: keep-all; }

.comm_popTitWrap p.op_left { text-align: left; word-break: keep-all; }

.comm_popTxtWrap .agreeListWrap { padding-top: inherit; }

.comm_popTxtWrap .agreeListWrap .titWrap .subTit { font-size: 14px; font-weight: 500; margin-left: 0; line-height: 1.8; color: #564E50; }

.comm_popTxtWrap .agreeListWrap .checkbox.line { margin-right: inherit; }

.comm_popTxtWrap .agreeListWrap .checkbox { margin-left: inherit; }

.comm_popTxtWrap .agreeListWrap .checkbox .subTit { font-size: 14px; font-weight: 500; margin-left: 40px; line-height: 1.8; color: #564E50; }

.comm_popTxtWrap .mybookContainer .numList { margin-top: inherit; }

.comm_popTxtWrap .mybookContainer .numList .contentTxt { font-size: 13px; font-weight: normal; color: #524e4e; margin-top: 10px; line-height: 20px; }

.comm_popTxtWrap .mybookContainer .numList .contentTitle { font-size: 14px; color: #524e4e; line-height: 20px; padding: 10px 0; position: relative; }

.comm_popTxtWrap .mybookContainer .numList .contentSubTit { font-size: 13px; color: #524e4e; display: block; margin-bottom: 10px;}

.mcrt_popTxtWrap .popSubTit { text-align: left; }

.mcrt_popTxtWrap .popSubTit h2 { font-size: 16px; }

.mcrt_popTxtWrap .popSubTit .popSubTxt { font-size: 14px; line-height: 20px; margin-top: 5px; }

.mcrt_popTxtWrap .popSubTit .popSubTxt .txtGood { color: #9A7500; }

.mcrt_popTxtWrap .popSubTit .popSubTxt .txtPerfect { color: #537FC2; }

.mcrt_popTxtWrap .checkList { background: #F1F1F1; padding: 15px; margin-top: 10px; }

.mcrt_popTxtWrap .checkList .checkbox { font-size: 13px; color: #524E4E; text-align: left; min-height: auto; margin-bottom: 6px; padding-left: 25px; text-indent: -25px; }

.mcrt_popTxtWrap .checkList .checkbox:before { content: ''; width: 16px; height: 16px; background-color: #FAFAFA; border: 1px solid #CBCBCB; border-radius: 50%; display: inline-block; vertical-align: text-bottom; margin-right: 3px; }

.mcrt_popTxtWrap .checkList .checkbox:last-child { border-top: 1px solid #C8C6C6; padding-top: 10px; margin-top: 10px; margin-bottom: 0; }

.mcrt_popTxtWrap .checkList .checkbox.checked:before { content: ''; width: 18px; height: 18px; background-image: url(/assets/web/images/ico/star-checkbox-checked@3x-89df6341b39404ccf79e5358f7dbd277.png); background-size: 100%; border: none; display: inline-block; vertical-align: text-bottom; margin-right: 3px; }

.mcrt_popTxtWrap .guideTxt { font-size: 13px; color: #9D9999; text-align: left; margin-top: 10px; }

.mcrt_popTxtWrap .guideStar { width: 100%; position: relative; right: 0; justify-content: end; padding-bottom: 30px; }

@media (min-width: 768px) { .comm_popvHWrap { max-height: calc(700px - 124px); overflow-y: hidden; }
  .comm_popTitWrap { height: auto; width: 100%; }
  .comm_popTitWrap .btnPopClose { right: 20px; top: 20px; }
  .comm_popTitWrap h1 { padding-left: 60px; padding-right: 60px; padding-bottom: 27px; }
  .comm_popTitWrap p { padding-left: 60px; padding-right: 60px; padding-bottom: 27px; }
  .comm_popTxtWrap { max-height: 650px; min-height: 435px; height: auto; overflow-y: auto; padding-left: 60px; padding-right: 60px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 30px; }
  .comm_popTxtWrap .agreeListWrap { width: inherit; }
  .comm_popbtnWrap { padding-top: 30px; padding-bottom: 30px; max-width: 400px; text-align: center; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .comm_popbtnWrap button { width: 200px; } }

@media (max-width: 767px) { .comm_popTitWrap .btnPopClose { right: 15px; top: 15px; }
  .comm_popTitWrap h1 { padding-left: 32px; padding-right: 32px; padding-top: 42px; padding-bottom: 20px; font-size: 23px; font-weight: 500; line-height: 29px; }
  .comm_popTitWrap p { padding-left: 32px; padding-right: 32px; padding-top: 42px; padding-bottom: 20px; font-size: 23px; font-weight: 500; line-height: 29px; }
  .comm_popTxtWrap { padding: 5px 32px 120px; height: calc(100vh - 91px); overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .comm_popTxtWrap .comNoticeList .notice .noticeContent { position: relative; padding: 20px 0; }
  .comm_popTxtWrap .comNoticeList .notice .noticeContent:before { position: absolute; display: block; content: ""; width: 32px; height: 100%; left: -32px; top: 0; background-color: #f8f8f8; }
  .comm_popTxtWrap .comNoticeList .notice .noticeContent:after { position: absolute; display: block; content: ""; width: 32px; height: 100%; right: -32px; top: 0; background-color: #f8f8f8; }
  .comm_popTxtWrap .agreeListWrap .btnToggle { margin-right: 0; width: 25px; }
  .comm_popTxtWrap .mybookContainer { padding-bottom: 100px; }
  .comm_popbtnWrap { position: fixed; left: 0; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .comm_popbtnWrap button { border-radius: 0; width: 100%; }
  .mcrt_popTxtWrap .guideStar { top: 20px; padding-bottom: 0; } }

.btn_tracking { margin-left: 8px; font-size: 9px; color: #9d9d9d; line-height: 20px; padding-right: 12px; position: relative; }

.btn_tracking:after { background: url("/assets/web/images/ico/icons_x2-3cc379081f933da15ace346d17b98dcb.png") transparent no-repeat; width: 14px; height: 14px; display: inline-block; background-position: -249px -19px; background-size: 500px 500px; top: 2px; right: 0; content: ""; position: absolute; }

.mcrt_maintit { font-size: 15px; color: #524e4e; line-height: 22px; }

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

.mcrt_subtit { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; word-break: keep-all; }

.mcrt_wrap .inner { background-color: #fff; }

@media (max-width: 767px) { .mcrt_wrap .inner { padding-left: 25px; padding-right: 25px; } }

@media (min-width: 768px) { .mcrt_wrap { background-color: #f1f1f1; padding-top: 16px; padding-bottom: 30px; }
  .mcrt_wrap .inner { border-radius: 4px; padding: 25px 60px 40px; width: 620px; margin-left: auto; margin-right: auto; } }

@media (min-width: 768px) { .sl_wrap .mcrt_wrap { margin-top: 30px; }
  .sl_wrap .sl_webHeader + .topWrap { /*체리에 마이크로트레킹이 들어가는 참여이력 수정하면서  퍼블과 상의 없이 체리 header에 소울 컨텐츠를 붙이는 바람에 급하게 소울 header에 PC타이틀이 포함되게 되었음 이로인하여 기존 소울쪽에는 결제 쪽에서 사용하는 header가 두번 보이게 되어서... 영향도 고려 퍼블에서 안보이도록 수정함 (2022-0223)*/ }
  .sl_wrap .sl_webHeader + .topWrap header { display: none; } }

.mcrt_summ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: solid 2px #242424; }

.mcrt_summ .subj { font-size: 14px; font-weight: 500; display: block; color: #524e4e; }

.mcrt_summ .subs { font-size: 16px; font-weight: 500; display: block; color: #524e4e; }

.mcrt_prof { position: relative; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 28px; }

.mcrt_prof .item_prof { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mcrt_prof .item_prof .thumb { position: absolute; height: 60px; width: 60px; left: -9px; top: 0; }

.mcrt_prof .item_prof .thumb img { width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #cbcbcb; -o-object-fit: cover; object-fit: cover; }

.mcrt_prof .item_prof .name { margin-left: 60px; font-size: 14px; font-weight: 500; color: #524e4e; }

.mcrt_prof:before { position: absolute; display: block; content: ""; width: 1px; height: 110%; background-color: #cbcbcb; top: 0; left: 20px; }

.mcrt_prof .item_paper { width: 68px; height: 55px; border-radius: 4px; border: solid 1px #e6e6e6; position: relative; }

.mcrt_prof .item_paper:before { position: absolute; display: block; content: ""; width: 20px; height: 21px; background-image: url("/assets/web/images/ico/icon-micro-certification-fe937440645d57882c2bd3b159fa77ea.svg"); background-size: 100%; background-repeat: no-repeat; top: 8px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.mcrt_prof .item_paper .normal { font-size: 11px; font-weight: 500; color: #797979; margin-top: 28px; display: block; }

.mcrt_stage { padding-bottom: 40px; }

.mcrt_stage li { padding-left: 50px; position: relative; min-height: 40px; padding-bottom: 27px; margin-top: 3px; }

.mcrt_stage li h3 { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; font-size: 11px; font-weight: 500; position: absolute; top: 0; left: 0; text-align: center; }

.mcrt_stage li:before { position: absolute; display: block; content: ""; width: 1px; height: 100%; background-color: #fff; top: 0; left: 20px; }

.mcrt_stage li:after { position: absolute; display: block; content: ""; width: 7px; height: 4px; bottom: -1px; left: 17px; background-size: 100%; background-repeat: no-repeat; }

.mcrt_stage li.active_ing:before { background-image: url("/assets/web/images/ico/mcrt_line-bf282830ec148f4ef3e047e6261ad6bd.png"); background-size: 100%; }

.mcrt_stage li.active_dim { opacity: .5; }

.mcrt_stage li.active_dim .mcrt_info { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mcrt_stage li.active_dim .mcrt_fund { display: none; }

.mcrt_stage .step01 .stress { color: #f0a097; }

.mcrt_stage .step01 h3, .mcrt_stage .step01 .v_grph { background-color: #f8c5bf; }

.mcrt_stage .step01.active_end:before, .mcrt_stage .step01.active_ing:before { background-color: #f8c5bf; }

.mcrt_stage .step01.active_end:after, .mcrt_stage .step01.active_ing:after { background-image: url("/assets/web/images/ico/path-micro-pink-ea818e7bbf486d8ab54ebf1cba68efdc.svg"); }

.mcrt_stage .step01 .mcrt_bar .v_grph { -webkit-animation: animate-width 2s both; animation: animate-width 2s both; }

.mcrt_stage .step02 .stress { color: #ebb276; }

.mcrt_stage .step02 h3, .mcrt_stage .step02 .v_grph { background-color: #facfa1; }

.mcrt_stage .step02.active_end:before, .mcrt_stage .step02.active_ing:before { background-color: #facfa1; }

.mcrt_stage .step02.active_end:after, .mcrt_stage .step02.active_ing:after { background-image: url("/assets/web/images/ico/path-micro-yellow-db796f1ef6151266f94eb44387fbc4b8.svg"); }

.mcrt_stage .step03 .stress { color: #a2b4de; }

.mcrt_stage .step03 h3, .mcrt_stage .step03 .v_grph { background-color: #d3dcf2; }

.mcrt_stage .step03.active_end:before, .mcrt_stage .step03.active_ing:before { background-color: #d3dcf2; }

.mcrt_stage .step03.active_end:after, .mcrt_stage .step03.active_ing:after { background-image: url("/assets/web/images/ico/path-micro-blue-ebdb98e9caeb2ce615ef10076b2dc974.svg"); }

.mcrt_stage .step04 { padding-bottom: 0; }

.mcrt_stage .step04 .stress { color: #b796e1; }

.mcrt_stage .step04 h3, .mcrt_stage .step04 .v_grph { background-color: #e4d7f2; }

.mcrt_stage .step04.active_end:before, .mcrt_stage .step04.active_ing:before { background-color: #e4d7f2; }

.mcrt_stage .step04.active_end:after, .mcrt_stage .step04.active_ing:after { background-image: url("/assets/web/images/ico/path-micro-purple-3a1824de22a7b2a805f556ab82e848d5.svg"); }

.mcrt_stage .step04.active_end:after { height: 22px; width: 24px; background-size: 7px 4px; background-position-x: center; left: 8.5px; bottom: -27px; content: "완료"; font-size: 11px; font-weight: 500; padding-top: 7px; color: #b796e1; text-align: center; }

.step02 .mcrt_fund, .step03 .mcrt_fund, .step04 .mcrt_fund { position: absolute; opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 1s; transition-duration: 1s; }

.mcrt_info { color: #9d9d9d; font-size: 12px; font-weight: 500; word-break: keep-all; line-height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px; display: none; }

.mcrt_info + .mcrt_fund { position: relative; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }

.mcrt_info + .mcrt_fund .mcrt_bar .v_grph { -webkit-animation: animate-width 2s both; animation: animate-width 2s both; }

.mcrt_fund { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; }

.mcrt_fund .thumb { height: 40px; -ms-flex-preferred-size: 40px; flex-basis: 40px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.mcrt_fund .thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mcrt_fund .thumb.icoMcrt { border: solid 1px #e6e6e6; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.mcrt_fund .thumb.icoMcrt img { width: 24px; height: 24px; margin-top: 7px; }

.mcrt_fund .thumb.icoProfileDefault img { border: solid 1px #e6e6e6; border-radius: 50%; }

.mcrt_fund .thumb.square { -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); }

.mcrt_fund .thumb.square img { border-radius: 2px; }

.mcrt_fund .info { padding-left: 8px; text-align: left; width: calc(100% - 50px); }

.mcrt_fund .aside { font-size: 11px; color: #9d9d9d; display: block; line-height: 17px; margin-top: 3px; }

.mcrt_fund .tit { font-size: 12px; font-weight: 500; color: #797979; text-align: left; line-height: 18px; }

.mcrt_fund .stress { font-style: italic; font-size: 12px; font-weight: 500; line-height: 18px; }

.mcrt_fund .underline { word-break: keep-all; }

.mcrt_bar { width: 100%; height: 26px; position: relative; padding-top: 7px; margin-bottom: 5px; }

.mcrt_bar .v_grph { display: block; height: 100%; border-radius: 2px; }

.mcrt_bar .v_grph.active { -webkit-animation: animate-width 2s both; animation: animate-width 2s both; }

.mcrt_bar .v_txt { display: block; color: #524e4e; font-size: 12px; font-weight: 500; position: absolute; line-height: 26px; top: 7px; left: 5px; }

.mcrt_fold, .mcrt_more { border: solid 1px #cbcbcb; height: 30px; border-radius: 32px; padding-left: 19px; padding-right: 19px; margin-top: 10px; font-size: 11px; font-weight: 500; color: #797979; line-height: 28px; min-width: 100px; opacity: 0; }

.mcrt_more { opacity: 1; }

.mcrt_more .more { display: block; position: relative; padding-left: 10px; }

.mcrt_more .more:before { position: absolute; display: block; content: ""; width: 7px; height: 1px; background-color: #797979; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mcrt_more .more:after { position: absolute; display: block; content: ""; width: 1px; height: 7px; background-color: #797979; left: 3px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mcrt_h2 { font-size: 15px; color: #9d9d9d; margin-top: 20px; line-height: 21px; }

.mcrt_h2 + .mcrt_stage { margin-top: 10px; padding-bottom: 10px; }

.mcrt_h2 + .mcrt_stage li { padding-bottom: 20px; }

.mcrt_aside { font-size: 14px; color: #9d9d9d; line-height: 20px; word-break: keep-all; }

.sl_exceptionShow { text-align: right; display: block; }

.sl_exceptionShow .btnUnderLineTy06 { text-decoration: underline; }

.sl_exceptionShow .btnUnderLineTy01, .sl_exceptionShow .btnUnderLineTy06 { font-size: 14px; font-weight: 500; color: #524e4e; }

@media (max-width: 767px) { .sl_exceptionShow { position: fixed; right: 20px; top: 17px; z-index: 10; } }

@media (min-width: 768px) { .sl_exceptionShow { position: absolute; left: 50%; margin-left: 200px; width: 90px; top: 160px; } }

.nft_mcontainer { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; }

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

@media (max-width: 767px) { .nft_mcontainer { padding-top: 10px; padding-bottom: 60px; background-color: #fff; }
  .nft_mcontainer .sl_containerTit { margin-left: 25px; margin-top: 35px; }
  .nft_mcontainer .nft_cmmBlocks { padding-left: 12px; padding-right: 10px; }
  .nft_mcontainer .nft_dtlblock { width: 46.5%; margin: 1% 1.2%; border-radius: 6px; }
  .nft_mcontainer .nft_blockImg { border-radius: 6px 6px 0 0; }
  .nft_mcontainer .nft_blockImg:before { padding-bottom: 90%; } }

@media (min-width: 768px) { .nft_mcontainer { padding-bottom: 80px; }
  .nft_mcontainer .sl_containerTit { margin-top: 60px; }
  .nft_mcontainer .nft_cmmBlocks { width: 630px; margin-left: auto; margin-right: auto; margin-top: 20px; }
  .nft_mcontainer .nft_dtlblock { width: 31.33%; margin: 1% 0.8%; cursor: pointer; border-radius: 6px; }
  .nft_mcontainer .nft_dtlblock.nmb { cursor: inherit; }
  .nft_mcontainer .nft_blockImg { border-radius: 6px 6px 0 0; }
  .nft_mcontainer .nft_blockImg:before { padding-bottom: 100%; } }

@media (min-width: 768px) and (max-width: 1024px) { .nft_mcontainer { padding-left: 50px; padding-right: 50px; }
  .nft_mcontainer .nft_cmmBlocks { width: 100%; }
  .nft_mcontainer .sl_containerTit { margin-left: 8px; } }

.nft_mcontainer .nft_blockImg { position: relative; width: 100%; height: 100%; }

.nft_mcontainer .nft_blockImg:before { content: ''; display: block; position: relative; width: 0; top: 0; left: 0; }

.nft_mcontainer .nft_dtlblock { position: relative; -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); border: solid 1px #e6e6e6; background-color: #ffffff; float: left; }

.nft_mcontainer .nft_dtlblock .nft_blockEtc { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 0 0 12px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: left; -ms-flex-align: left; align-items: left; padding: 13px 10px 15px; min-height: 52px; }

.nft_mcontainer .nft_dtlblock .nft_blockEtc .group { line-height: 18px; color: #9d9999; font-size: 12px; display: block; }

.nft_mcontainer .nft_dtlblock .nft_blockEtc .tit { line-height: 20px; color: #524e4e; font-weight: 500; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; width: 100%; overflow-wrap: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: left; margin-top: 2px; }

.nft_mcontainer .nft_dtlblock .nft_blockEtc .htag { line-height: 19px; color: #524e4e; font-weight: 500; font-size: 13px; margin-top: 2px; display: block; }

.nft_mcontainer .nft_dtlblock .nft_blockEtc .htag a { display: inline-block; color: #524e4e; }

.nft_mcontainer .nft_dtlblock.nft_dtlblockLoading .nft_blockImg:before { content: ''; display: block; position: relative; width: 100%; top: 0; left: 0; background-color: rgba(34,34,34,0.7); border-radius: 6px 6px 0 0; }

.nft_mcontainer .nft_loadingMotion { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.nft_mcontainer .nft_loadingMotion .nft_loading { color: white; font-size: 13px; display: block; margin-top: 8px; }

.nft_send .nft_title { font-size: 23px; font-weight: 500; color: #242424; }

.nft_mcontainer .nft_blockImg .icon { position: absolute; top: 8px; right: 8px; background-position: center; background-size: cover; width: 24px; height: 24px; }

.nft_mcontainer .nft_blockImg .icon.nft_iconVideo { background-image: url(/assets/web/images/ico/icon-nft-video@3x-20684e25ff170430ed80f25adccd853f.png); }

.nft_mcontainer .nft_blockImg .icon.nft_iconAudio { background-image: url(/assets/web/images/ico/icon-nft-audio@3x-60d772a6bf6c014b23afac50691abee7.png); }

.nft_mcontainer .nft_blockImg .icon.nft_iconHtml { background-image: url(/assets/web/images/ico/icon-nft-html@3x-01549242f1fab01c683b18650dc55303.png); }

.nft_mcontainer .nft_blockImg .icon.nft_iconVr { background-image: url(/assets/web/images/ico/icon-nft-vr@3x-7ffe92d8a298cc7e52a55df85a41719c.png); }

@media (max-width: 767px) { .nft_send { min-height: 100vh !important; padding: 40px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .nft_send .nft_title { text-align: left; }
  .nft_send .contents { margin-top: 20px; } }

@media (min-width: 768px) { .nft_send .nft_title { text-align: center; margin-top: 65px; }
  .nft_send .contents { width: 500px; margin: 0 auto; padding: 30px 50px; border-radius: 6px; border: solid 1px #e6e6e6; margin-top: 30px; }
  .nft_send .btnArea { width: 100%; display: block; }
  .nft_send .btnArea .btnWrapTy01 { min-width: 400px; }
  .nft_send .btnArea button { -webkit-box-sizing: border-box; box-sizing: border-box; width: 200px; }
  .nft_send .btnArea button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .nft_send .btnArea button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } }

.nft_sendDtl dt { margin-top: 20px; font-size: 13px; font-weight: 500; color: #797979; }

.nft_sendDtl .normal { margin-top: 10px; font-size: 16px; font-weight: 500; color: #242424; }

.nft_sendDtl .thumb_view { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.nft_sendDtl .thumb_view .thumb { width: 100px; height: 100px; border-radius: 6px; }

.nft_sendDtl .thumb_view .description { width: calc(100% - 120px); 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; }

.nft_sendDtl .thumb_view .description span { display: block; width: 100%; font-weight: 500; }

.nft_sendDtl .thumb_view .description span.group { font-size: 13px; color: #9d9d9d; line-height: 20px; }

.nft_sendDtl .thumb_view .description span.title { font-size: 16px; color: #242424; line-height: 24px; }

.nft_dtlImg { background-color: #f1f1f1; text-align: center; position: relative; }

.nft_dtlImg img { max-height: 400px; -o-object-fit: contain; object-fit: contain; }

.nft_dtlImg.nft_dtlAudioVideo .nft_dtlAudioVideoWrap { display: inline-block; cursor: pointer; }

.nft_dtlImg.nft_dtlAudioVideo .icoPlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.nft_dtlImg.nft_dtlAudioVideo .icoPlay img { max-height: 70px; }

@media (max-width: 767px) { .nft_dtlImg { padding: 15px 32px; } }

@media (min-width: 768px) { .nft_dtlImg { padding-top: 20px; padding-bottom: 20px; }
  .nft_dtlImg img { max-width: 620px; margin-left: auto; margin-right: auto; } }

.nft_dtlSum { margin-top: 20px; }

.nft_dtlSum .group { font-size: 14px; font-weight: 500; color: #9d9d9d; line-height: 20px; }

.nft_dtlSum .title { font-size: 16px; font-weight: 500; color: #242424; line-height: 24px; margin-top: 2px; }

.nft_dtlSum .subtit { font-size: 13px; font-weight: 500; color: #524e4e; margin-top: 5px;}/*2022.05.12 추가*/

.nft_dtlSum .script { font-size: 14px; font-weight: 500; color: #524e4e; line-height: 20px; margin-top: 15px; word-break: keep-all; }

.nft_dtlList { margin-top: 40px; }

.nft_dtlList dt { font-size: 15px; font-weight: 500; color: #242424; line-height: 22px; }

.nft_dtlList dd { margin-top: 15px; }

.nft_dtlList dd .left { float: left; font-size: 13px; font-weight: 500; color: #797979; max-width: 40%; white-space: nowrap;}/*2022.05.12 수정*/

.nft_dtlList dd .right { float: right; font-size: 14px; font-weight: 500; color: #242424; max-width: 60%; text-align: right;}/*2022.05.12 수정*/

.nft_dtlList dd .nowrap { white-space: nowrap; text-overflow: ellipsis!important; display: block; overflow: hidden;}/*2022.05.12 수정*/

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

.nft_dtlwrap .btnUnderLineTy14 { float: right; margin-top: 30px; color: #524e4e; }

@media (max-width: 767px) { .nft_dtlwrap { padding-bottom: 60px; padding-left: 32px; padding-right: 32px; }
  .nft_dtlList { margin-top: 40px; } }

@media (min-width: 768px) { .nft_dtlwrap { padding-bottom: 150px; padding-left: 60px; padding-right: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .nft_dtlList { border-radius: 4px; border: solid 1px #e6e6e6; padding: 15px 20px; margin-top: 20px; }
  .nft_dtlSum { padding-bottom: 15px; } }

/* 221207 스마일 캐시 회원가입 이벤트용 CSS */
.contwrapTy1.smileEvent .cimgContainer img { width: 100%; height: 100%; border-radius: 0; }

@media (max-width: 767px) { .contwrapTy1.smileEvent .innerTym { padding-left: 20px; padding-right: 20px; }
  .contwrapTy1.smileEvent .cimgContainer { margin-top: 30px; }
  .contwrapTy1.smileEvent .cinfoContainer { margin-top: 20px; }
  .contwrapTy1.smileEvent .cinfoContainer p span { display: block; padding-top: 2px; }
  .contwrapTy1.smileEvent .cinfoContainer .btnUnderLineTy02 { margin-top: 25px; } }

/* 체리월드 - 통합 로그인 화면 수정 */
.cherryWorldWrap .wl_logoWrap .logo { width: 116.29px; height: 22px; background: url(/assets/web/images/ico/logo-cherry@3x-432115ca2f81197c13d23b30fb3bcefa.png) transparent no-repeat; background-size: 100%; }

.cherryWorldWrap .wl_logoWrap .normal { margin-top: 10px; }

.cherryWorldWrap .wl_logoWrap .normal span { font-size: 17px; }

.cherryWorldWrap .btn_shadow { min-height: 60px; }

.cherryWorldWrap .loginContainer .wl_dashed { margin-top: 20px; margin-bottom: 10px; }

.cherryWorldWrap .loginContainer .btn_shadow { margin-top: 10px; }

.cherryWorldWrap .wl_bottomItems { flex-direction: column; justify-content: center; }

.cherryWorldWrap .wl_bottomItems .btnUnderLineTy02 { font-size: 15px; color: #524e4e; }

.cherryWorldWrap .wl_bottomItems .checkbox + .serviceGuide { margin: 40px 0; }

.cherryWorldWrap .wl_bottomItems .serviceGuide { background-color: #F8F8F8; padding: 18px 20px 22px; margin: 10px 0 40px; }

.cherryWorldWrap .wl_bottomItems .serviceGuide .guideTxt { font-size: 15px; color: #818181; line-height: 22px; text-align: center; word-break: keep-all; }

.cherryWorldWrap .wl_bottomItems .serviceGuide .imgWrap { display: flex; justify-content: center; margin-top: 18px; }

.cherryWorldWrap .wl_bottomItems .serviceGuide .imgWrap p { font-size: 15px; font-weight: 700; color: #818181; line-height: 22px; }

.cherryWorldWrap .wl_bottomItems .serviceGuide .imgWrap .cherryApp { margin-right: 36px; }

.cherryWorldWrap .wl_bottomItems .serviceGuide .imgWrap .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; }

.cherryWorldWrap .wl_bottomItems .serviceGuide .imgWrap .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; }

.cherryWorldWrap .sl_imgWrap .btnShadowTy01 { padding-top: 0; }

/* 결제 화면 문구 추가 */

.sev_msgwrap .message { font-size: 14px; color: #9d9d9d; text-align: center; line-height: 20px; word-break: keep-all; margin-bottom: 50px; }

@media (min-width: 768px) { .sev_msgwrap .message br { display: none; } }

/* 문의하기 - 고객의 소리 카카오톡 문의하기 수정 */

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent:not(.editorArea) > * { min-width: auto; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent.kakaoInquiry { padding: 20px 32px 30px; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent.kakaoInquiry .title { font-weight: 700; margin-bottom: 20px; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent .txt { font-size: 14px; color: #707070; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent .btnUnderLineTy09 { font-size: 14px; font-weight: 700; color: #707070; text-decoration: underline; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent.kakaoInquiry .btnWrapTy04 { width: 100%; margin-top: 30px; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent.kakaoInquiry .btnWrapTy04 .btnKakaoInquiry { display: flex; justify-content: center; align-items: center; width: 100%; height: 55px; background-color: #FFDA00; border-radius: 10px; padding: 13px 0; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent.kakaoInquiry .btnWrapTy04 .btnKakaoInquiry:before { content: ''; display: inline-block; width: 28px; height: 28px; background: url(/assets/web/images/ico/ic-kakaotalk-inquiry@3x-77ba76af657b44a2fa3d6db51918f78d.png) center no-repeat; background-size: 100%; margin-right: 12px; }

.contwrapTy5 .noticeWrap .noticeList .notice .noticeContent.kakaoInquiry .btnWrapTy04 .btnKakaoInquiry span { font-weight: 700; color: #1C1C1B; }

/* 240213 본인인증 화면 체리 로고 추가 */

.popTyFull .popHeader .tit .cherryLogo { width: 160px; }

/* 241209 체리 버튼 화면 영문 수정 */

@media (max-width: 340px) { .btn_shadow .normal { font-size: 14px; }
.wl_bottomItems .checkbox input[type="checkbox"] + label > span { font-size: 11px; }
.wl_bottomItems .btnArrow { font-size: 11px; } }

@media (max-width: 390px) { .contwrapTy1 .optionList { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.contwrapTy1 .optionList .option { margin-left: 0; } }