body {margin: 0;}
#mCfmClWrapper {min-height: auto !important;}
#mCfmClWrapper #mCfmClGnb + *, #mCfmClWrapper #mCfmClGnb.fixed-mCfmClGnb + * {padding-top:0 !important;}
.usedPhoneWrap button:focus, .usedPhoneWrap button:active, .usedPhoneWrap button.active {outline: none !important; box-shadow: none !important;}
.ui-view-header {margin-top:64px; height:52px !important;}
div.header > .tit2 {line-height:52px; font-size:20px; font-weight: normal; color:#161616;}
div.header .ui-btn-back {top:15px; width:24px; height:24px; background:url('/goodbye/m/images/usedphone_ico_back.svg') no-repeat 50% 50%;}
div.header .ui-btn-close {top:15px; left:auto; right:15px;width:24px; height:24px; background:url('/goodbye/m/images/usedphone_ico_close.svg') no-repeat 50% 50%;}

.usedPhoneWrap {position: relative; height: 100%; display: flex; flex-direction: column;}
.usedPhoneWrap .udMap {display: flex; padding:16px 20px; align-items: center;gap: 8px;border-bottom: 1px solid #e5e5e5;} 
.usedPhoneWrap .udMap .area .step {font-size: 13px; color:#6A6A6A;font-weight:500;} 
.usedPhoneWrap .udMap .area .step.current { color:#161616; font-weight: 700;}
.usedPhoneWrap .udMap .area .step::after {content: '/'; display: inline-block; font-size: 11px; margin:0 5px; color:#D9D9D9;}
.usedPhoneWrap .udMap .area .step:last-child::after {display: none;}
.usedPhoneWrap .udSelet {display: flex; flex-direction: column; flex: 1; }
.usedPhoneWrap .udSelet .subTitle {font-size: 24px;line-height:34px; color:#161616; margin:0 0 40px 0 !important; font-weight: 600; text-align: left; opacity:1; animation: opacity 1s ease-out forwards;}
.usedPhoneWrap .udSelet .subTitle2 {font-size: 24px;line-height: 34px; margin:0 0 50px 0 !important; font-weight: 600; text-align: left;}
.usedPhoneWrap .udSelet .subTitle2.hide {display: none; animation: opacity 1s ease-out backwards;}
.usedPhoneWrap .udSelet .subTitle.hide {display: none; animation: opacity 1s ease-out backwards;}
.usedPhoneWrap .udSelet #udSelectBox2 .sliderWrap{position:fixed;top:auto;bottom:0;left:0;right:0;}
/* 신청기종선택 */
.usedPhoneWrap .udSelet .udFlow {transform: translateY(-10px); padding:30px 20px 0 20px;}
.usedPhoneWrap .udSelet .udFlow.hide {display: none;}
.usedPhoneWrap .udSelet .udFlow .udFlowList.active {display: flex; animation: opacity 1s ease-out forwards;}
.usedPhoneWrap .udSelet .udFlow .udFlowList {display:none; flex-direction: row;align-items: center; justify-content: space-between; height: 36px; margin-bottom: 8px;}
.usedPhoneWrap .udSelet .udFlow .udFlowList .title {margin-left: 42px !important; min-width:40px;font-size:14px;font-style: normal;font-weight: 700;line-height: 24px;color: #161616;}
.usedPhoneWrap .udSelet .udFlow .udFlowList .complete {font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;color: #119891;word-break:keep-all;}
.usedPhoneWrap .udSelet .udFlow .udFlowList .complete::after {content: '';display: inline-block;width: 22px;height: 22px;background: url('/goodbye/m/images/usedphone_ico_compelete.svg') no-repeat center center;background-size: 100% 100%; vertical-align: middle;margin-left: 8px;}
.usedPhoneWrap .udSelet .udFlow .udFlowList::before {content: ''; position: absolute; display: inline-block;width: 32px;height: 32px; border-radius: 12px;}
.usedPhoneWrap .udSelet .udFlow .udFlowList[class*=company]::before { background: url('/goodbye/m/images/usedphone_ico_company.svg') no-repeat center center;background-size: 22px 22px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udFlow .udFlowList[class*=series]::before { background: url('/goodbye/m/images/usedphone_ico_series.svg') no-repeat center center;background-size: 22px 22px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udFlow .udFlowList[class*=model]::before { background: url('/goodbye/m/images/usedphone_ico_model.svg') no-repeat center center;background-size: 22px 22px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udFlow .udFlowList[class*=storage]::before { background: url('/goodbye/m/images/usedphone_ico_storage.svg') no-repeat center center;background-size: 22px 22px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udFlow .udFlowList .loading,
.usedPhoneWrap .udSelet .udFlow .udFlowList .complete {display:none; position: relative;}
.usedPhoneWrap .udSelet .udFlow .udFlowList .loading.active {display: inline-block;margin-left: auto;}
.usedPhoneWrap .udSelet .udFlow .udFlowList .complete.active {display: inline-block; margin-left: auto;font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;color: #119891;}
.usedPhoneWrap .udSelet .udFlow .udFlowList .loading::before {content: '';display: inline-block;width: 32px;height: 32px;background: url('/goodbye/m/images/usedphone_loading_ing.gif') no-repeat center center; background-size: 32px 32px;vertical-align: middle;}
.usedPhoneWrap .udSelet .udBtnArea {display:none; grid-template-columns: repeat(2, 1fr);gap: 12px;background:#EDEDED;padding: 32px 15px; transform: translateY(0px); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; z-index: 10;border-radius: 16px 16px 0px 0px;}
.usedPhoneWrap .udSelet .udBtnArea.company {animation: slideUp 0.4s ease forwards;}
.usedPhoneWrap .udSelet .udBtnArea.model {overflow-y: auto; max-height:50vh;}
.usedPhoneWrap .udSelet .udBtnArea.active {display: grid; opacity: 1;}
.usedPhoneWrap .udSelet .udBtnArea.series.active {display: grid; animation: slideUp 0.4s ease forwards;}
.usedPhoneWrap .udSelet .udBtnArea.model.active {display: grid; animation: slideDown 0.4s ease forwards;}
.usedPhoneWrap .udSelet .udBtnArea.storage.active {display: grid; animation: slideUp 0.4s ease forwards;}
.usedPhoneWrap .udSelet .udBtnArea.complete.active {display: grid; animation: opacity 0.4s ease-out forwards;} 
@keyframes slideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideDown {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.usedPhoneWrap .udSelet .udBtnArea .qBtn {display: flex;padding:18px 12px; flex-direction: column;justify-content: center;align-items: center; gap:0px;flex: 1 0 0; width: 100%;height: 100%;border-radius:16px; background-color:#fff;border: 1px solid #D9D9D9; cursor: pointer; transition: all 0.3s ease; margin:0;}
.usedPhoneWrap .udSelet .udBtnArea .qBtn p {font-size:12.5px; margin: 0; font-style: normal;font-weight: 700; letter-spacing: -0.1em; line-height: 17px;color: #161616;}
.usedPhoneWrap .udSelet .udBtnArea .qBtn .btnImg img {height: 56px;}
.usedPhoneWrap .udSelet .udBtnArea .qBtn.active {border:  1.4px solid #000; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.08);}
.usedPhoneWrap .udSelet .udBtnArea.series {grid-template-columns: repeat(3, 1fr); gap: 8px;}
.usedPhoneWrap .udSelet .udBtnArea.series .qBtn {margin: 0;height: 48px;padding: 12px 5px;}   
.usedPhoneWrap .udSelet .udBtnArea.storage {grid-template-columns:repeat(1, 1fr);}
.usedPhoneWrap .udSelet .udBtnArea.storage .qBtn {margin: 0;height: 48px;padding: 12px;}   
.usedPhoneWrap .udSelet .udBtnArea.complete {display: none; background:#fff; border: none;padding:0; text-align: center; bottom: 0; width: 100%; box-sizing: border-box;}
.usedPhoneWrap .udSelet .udBtnArea.complete.active {display: block;}
.usedPhoneWrap .udSelet .udBtnArea .btnB {color:#fff; height: 74px; padding-bottom: 22px; border-radius: 0; margin:0; font-size: 16px; width: 100%;}
.infoArea .aniResult .btnA {border: 1px solid #A8A8A8; margin:0; border-radius: 20px; padding:6px 28px 6px 12px; font-size: 13px; background-color: #fff; background-image: url('/goodbye/m/images/usedphone_ico_reselect.svg'); background-repeat: no-repeat; background-position:89px center; background-size: 16px 16px; margin-top: 20px; width: 120px;}
.usedPhoneWrap .udSelet .udBtnArea .btnA {border: 1px solid #A8A8A8; margin:0; border-radius: 20px; padding:6px 28px 6px 12px; font-size: 13px; background-color: #fff; background-image: url('/goodbye/m/images/usedphone_ico_reselect.svg'); background-repeat: no-repeat; background-position:89px center; background-size: 16px 16px; margin-bottom: 20px; width: 120px;}
.usedPhoneWrap .udSelet .udBtnArea2 .btnB {color:#fff; height: 74px; padding-bottom: 22px; border-radius: 0; margin:0; font-size: 16px; width: 100%;}
.usedPhoneWrap .udSelet .udBtnArea2 .btnA {border: 1px solid #A8A8A8; margin:0; border-radius: 20px; padding:6px 28px 6px 12px; font-size: 13px; background-color: #fff; background-image: url('/goodbye/m/images/usedphone_ico_reselect.svg'); background-repeat: no-repeat; background-position:89px center; background-size: 16px 16px; margin-bottom: 20px; width: 120px;}
 /* 핸드폰상태입력 */
.usedPhoneWrap .infoArea {position: relative; height:calc(100vh - 180px); display: grid; align-content: space-between; grid-template-columns: repeat(1, minmax(0, 1fr)); padding:40px 32px 40px 32px; -webkit-overflow-scrolling: touch;}
.usedPhoneWrap .infoArea.hide {display: none;}
.usedPhoneWrap .infoArea.h {height:150px; }
.usedPhoneWrap .btnCheck {border-radius:16px; padding:12px 28px 12px 16px; border: 1px solid #6A6A6A; background:#FFF;}
.usedPhoneWrap .btnCheck::after {content: ''; position: absolute; display: inline-block;width:16px;height: 17px; border-radius: 12px; background: url('/goodbye/m/images/usedphone_ico_next_bk.svg') no-repeat center center;background-size: 16px 17px;}
.usedPhoneWrap .infoArea .udInfoBox {box-sizing: border-box; display: block; background: #F8F8F8; padding:20px; border-radius: 8px; margin-top: 10px;}
.usedPhoneWrap .infoArea .udInfoBox .udUl {position: relative;}
.usedPhoneWrap .infoArea .udInfoBox .udUl > li {position: relative; color:#161616;font-size: 14px; margin-bottom: 10px; margin-left:17px; line-height: 21px;}
.usedPhoneWrap .infoArea .udInfoBox .udUl > li::before {content: '';position:absolute; top:4px;left:-21px; display: inline-block;width: 16px;height: 16px;background: url('/goodbye/m/images/usedphone_ico_notice.svg') no-repeat center center;}
.usedPhoneWrap .infoArea .udInfoBox .udUl > li .udUlIn {margin-top:10px;}
.usedPhoneWrap .infoArea .udInfoBox .udUl > li .udUlIn > li {position: relative;padding-left: 10px;color:#525252; font-size: 13px;margin-bottom: 5px;}
.usedPhoneWrap .infoArea .udInfoBox .udUl > li .udUlIn > li:before {content: 'ㆍ';position: absolute;top: 0;left: 0;}
.sliderWrap.hide {display: none;}
.sliderWrap {opacity:1; animation: opacity 1s ease-out forwards;}
.udFlow {opacity:1; animation: opacity 1s ease-out forwards;}
.usedPhoneWrap .udSelet .udSelectBox {display: grid; height:calc(100vh - 164px); column-gap: 12px; grid-template-columns: repeat(1, minmax(0, 1fr));border-radius:20px;border-left: 1px solid #EDEDED; background:#FFF;align-content: space-between;}
.usedPhoneWrap .udSelet .udSelectBox.hide {display:none;}
.usedPhoneWrap .udSelet .sliderWrap {position: relative; overflow: hidden;}
.usedPhoneWrap .udSelet .sliderWrap .sliderContainer {
  display: flex;
 transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
}
.usedPhoneWrap .udSelet .udBtnArea2 {min-width: 100%; display: block;background: #EDEDED;border-top-left-radius: 20px;border-top-right-radius: 20px; opacity: 0.7; transition: all 0.5s ease; box-sizing: border-box; padding: 6vw 4vw 8vw;} 
.usedPhoneWrap .udSelet .udBtnArea2.active {opacity: 1;transform: scale(1);}
.usedPhoneWrap .udSelet .udBtnArea2 .boxW {background: #fff; padding: 15px 20px 10px 20px; border-radius: 16px;  max-width: 680px;}
.usedPhoneWrap .udSelet .txtQ { font-size: 19px; font-style: normal; font-weight: 700; line-height:24px; letter-spacing: -0.04em; color: #161616; margin-bottom: 15px;}
.usedPhoneWrap .udSelet .txtQ span { color: #119891; font-weight: 700;}
.usedPhoneWrap .udSelet .btnWrap { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 15px 0;}
.usedPhoneWrap .udSelet .udBtnArea2 .qBtn { padding: 18px 12px; width: 100%; border-radius: 16px; background-color: #fff; border: 1px solid #D9D9D9;cursor: pointer;transition: all 0.3s ease; margin: 0;position: relative;overflow: hidden;}
.usedPhoneWrap .udSelet .udBtnArea2 .qBtn p {font-size: 16px;margin: 0;font-style: normal;font-weight: 700;line-height: 24px;color: #161616;position: relative;z-index: 1;}
.usedPhoneWrap .udSelet .udBtnArea2 .qBtn.active {border: 2px solid #000;color: white;}
.usedPhoneWrap .udSelet .txtBullet {position:relative; font-size: 13px;color: #6A6A6A;margin-top: 15px; margin-left:10px;}
.usedPhoneWrap .udSelet .txtBullet::before {content: '＊';position: absolute; display: block; left:-15px; top:5px; font-size:8px;}
.usedPhoneWrap .udSelet .udSelectBox .udBtnArea2.complete {display: none; background:transparent; border: none; padding:0 30px; box-sizing: border-box; text-align: center; margin-top:180px;}
.usedPhoneWrap .udSelet .udSelectBox .udBtnArea2.complete.active {display: block;}
.usedPhoneWrap .btnR {color:#fff; background-color: #EA3037; display: block;width: 100%; height: 56px; margin:0; border-radius:30px; font-size: 16px;}
.usedPhoneWrap .btnR::after {content: ''; display: inline-block; width:16px; height:16px; background: url('/goodbye/m/images/usedphone_ico_next_wh.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: 1px -2px; vertical-align: middle; }
.usedPhoneWrap .btnC {margin:0; text-decoration: underline; font-size: 13px; background-color: #fff;}
.usedPhoneWrap .btnC::after {content: ''; display: inline-block; width:24px; height:24px; margin-left: 5px; margin-bottom: 5px; background: #f6f5f7 url('/goodbye/m/images/usedphone_ico_reselect.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: 50%; border-radius: 50px; vertical-align: middle; }
.udBtnArea3 .btnR {margin-top:20px;}

.usedPhoneWrap .udSelet .sliderWrap .sliderContainer .udBtnArea2 {
  flex: 0 0 100%; /* 각 슬라이드는 컨테이너 너비 전부 차지 */
}
.usedPhoneWrap .udSelet .sliderContainer {
  width: 100%;                /* 컨테이너 너비를 화면 100%로 고정 */
}

/* 핸드폰상태입력 결과*/
.infoArea.end {height: auto;}
.aniResult {position: relative; margin-bottom: 30vw; overflow: visible; text-align: center;}
.aniResult .aniBox {position: relative; width:100%; aspect-ratio: 1; border-radius:7vw; background: linear-gradient(163deg, #2EBCB7 11.83%, #22D099 73.67%); overflow: hidden;}
.aniResult .aniBox.front .resultTit {position: absolute; top:15px; left:15px; display: inline-block; color:#fff; font-weight:700; font-size: 16px; background: rgba(255, 255, 255, 0.20); padding:8px 16px; border-radius: 20px;}
.aniResult .aniBox.front .resultAni {width:90%; animation: floatingCoin 3s ease-in-out infinite;}
.aniResult .stampAni {position: absolute; bottom:-20px; right:-32px; width:48%; z-index: 1;}
.aniResult .aniBox.front {backface-visibility: hidden;transform-style: preserve-3d;transition: transform ease-in-out .6s;}
.aniResult .aniBox.back {position: absolute; transform: rotateY(-180deg); top: 0; backface-visibility: hidden;transform-style: preserve-3d;transition: transform ease-in-out .6s;}
.aniResult .aniBox.front.off {transform: rotateY(180deg);}
.aniResult .aniBox.back.on {transform: rotateY(0deg);}
.aniResult .aniBox.back .resultUl {display: flex; flex-wrap: wrap; justify-content: space-between; gap:10px 0px; padding:15px; height: 100%; box-sizing: border-box;}
.aniResult .aniBox.back .resultUl > li  {display: flex;width: 49%;padding:10px;flex-direction: column; justify-content: space-between; align-items: flex-end;flex-shrink: 0;background: #fff; border-radius:4.5vw; }
.aniResult .aniBox.back .resultUl .resultBadge {display: inline-block; width:56px; height:58px;}
.aniResult .aniBox.back .resultUl .subtxt {text-align:left; display: block;width: 100%; color:#161616; font-size: 12px; margin:7px 0;letter-spacing: -0.08em;}
.aniResult .aniBox.back .resultUl .resultTxt {text-align:left; display: block;width: 100%; font-size: 16px; font-weight:700;} 
.aniResult .aniBox.back .resultUl .resultTxt.normal {color:#00B045;}
.aniResult .aniBox.back .resultUl .resultTxt.minorDamage {color:#FF7043;}
.aniResult .aniBox.back .resultUl .resultTxt.seriousDamage {color:#EA3037;}
.aniResult .aniBox.back .resultUl .resultBadge.normal {background: url('/goodbye/m/images/usedphone_ico_badge_normal.svg');}
.aniResult .aniBox.back .resultUl .resultBadge.minorDamage {background: url('/goodbye/m/images/usedphone_ico_badge_minorDamage.svg');}
.aniResult .aniBox.back .resultUl .resultBadge.seriousDamage {background: url('/goodbye/m/images/usedphone_ico_badge_seriousDamage.svg');}
.infoArea.end .udBtnArea {display: block !important; opacity: 1;}
.infoArea.end .udBtnArea .btnB {transition: all 0.5s ease;}
.infoArea.end .udBtnArea .btnB.disabled {background-color:#ededed; color:#A8A8A8; }
@keyframes floatingCoin {
    0%, 100% {
        transform: translateY(40px);
    }
    50% {
        transform: translateY(30px);
    }
}
@media screen and (max-width: 320px) {
    .aniResult .aniBox.back .resultUl > li {height:48%;padding: 8px;}   
    .aniResult .aniBox.back .resultUl .subtxt {margin:0;}
    .usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .seriousDamage, .usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .minorDamage {padding:5px 5px  !important;}
    .usedPhoneWrap .udSelet .udFlow {padding:30px 15px 0 15px;}
    .usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .seriousDamage::after, .usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .minorDamage::after {margin-left: 5px !important;}
    .usedPhoneWrap .udSelet .udFlow .udFlowList .title {font-size: 13px;}
    .usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .title .tip {margin-left: 0 !important;}
    .usedPhoneWrap .udSelet .txtQ {font-size:18px; letter-spacing: -0.07em;}
    .usedPhoneWrap .udSelet .subTitle {font-size: 22px !important; line-height: 29px !important; margin:0 0 10px 0 !important;}
    .aniResult .aniBox.back .resultUl .resultTxt {font-size: 14px !important;}
    .usedPhoneWrap .infoArea {padding:20px 20px 40px 20px !important;}
    .usedPhoneWrap .udSelet .udViewResult .priceDl .priceTit {font-size: 25px !important;}
    .usedPhoneWrap .udSelet .udViewResult .title {font-size: 18px !important;}
    .usedPhoneWrap .udSelet .udViewResult .priceDl .priceTit {font-size: 26px !important;}
    .usedPhoneWrap .txtW {font-size: 13px !important;}
}
/* 검수 기준별 컴포넌트 리스트*/
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList::before {content: ''; position: absolute; display: inline-block;width: 32px;height: 32px; border-radius: 12px;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList.appearance::before { background: url('/goodbye/m/images/usedphone_ico_appearance.svg') no-repeat center center;background-size: 16px 16px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList.camera::before { background: url('/goodbye/m/images/usedphone_ico_camera.svg') no-repeat center center;background-size: 16px 16px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList.phone::before { background: url('/goodbye/m/images/usedphone_ico_phone.svg') no-repeat center center;background-size: 20px 20px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList.battery::before { background: url('/goodbye/m/images/usedphone_ico_battery.svg') no-repeat center center;background-size: 20px 20px; background-color: #F6F5F7;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .normal::after {content: '';display: inline-block;width: 22px;height: 22px;background: url('/goodbye/m/images/usedphone_ico_normal.svg') no-repeat center center;background-size: 100% 100%; vertical-align: middle;margin-left: 8px;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .minorDamage::after {content: '';display: inline-block;width: 22px;height: 22px;background: url('/goodbye/m/images/usedphone_ico_minorDamage.svg') no-repeat center center;background-size: 100% 100%; vertical-align: middle;margin-left: 8px;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .seriousDamage::after {content: '';display: inline-block;width: 22px;height: 22px;background: url('/goodbye/m/images/usedphone_ico_seriousDamage.svg') no-repeat center center;background-size: 100% 100%; vertical-align: middle;margin-left: 8px;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .normal {color:#00B045; background-color:#DEFBEB; border-radius:20px; padding:5px 10px;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .minorDamage {color:#FF7043; background-color:#FFEDDC; border-radius:20px; padding:5px 10px;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .seriousDamage {color:#F44444; background-color:#FFD9DC; border-radius:20px; padding:5px 10px;}
.usedPhoneWrap .udSelet .udSelectBox .udFlow .udFlowList .title .tip {color:#119891;background: #fff; padding:1px 8px; font-weight:500; font-size: 12px; border-radius:6px; border:1px solid #A8A8A8;margin-left:5px;}

/* 로딩화면 */
.loadingWrap {display: none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999;}
.loadingWrap .cont {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
.loadingWrap .loadingBox {text-align: center; margin-top: -25%; opacity:0; animation: opacity 1s ease-out forwards;}
.loadingWrap .loadingBox .loadingImg {width:70%; }
.loadingWrap .loadingBox .loadingText {color: #fff; margin-top: -100px; font-size: 14px;}
.loadingWrap .loadingCoin {position:absolute; width:100%; height: 100%; background: url('/goodbye/m/images/usedphone_loading_coin.svg') no-repeat center bottom; background-size: contain;}
.loadingWrap .loadingCoin img {position: absolute; width:28%;}
.loadingWrap .loadingCoin .coinAni01 {top:40%; left:10%; animation: dropCoin01 1s ease-out forwards;}
.loadingWrap .loadingCoin .coinAni02 {top:55%; left:66%; animation: dropCoin02 1s ease-out forwards}
.loadingWrap .loadingCoin .coinAni03 {top:65%; left:42%; animation: dropCoin03 1s ease-out forwards}
.loadingWrap .loadingCoin .coinAni04 {top:80%; left:27%; animation: dropCoin04 1s ease-out forwards}

@keyframes dropCoin01 {
    from {
        top:40%;
    }
    to {
        top:80%;
    }
}
@keyframes dropCoin02 {
    from {
        top:55%;
    }
    to {
        top:80%;
    }
}
@keyframes dropCoin03 {
    from {
        top:65%;
    }
    to {
        top:80%;
    }
}
@keyframes dropCoin04 {
    from {
        top:80%;
    }
    to {
        top:80%;
    }
}
/* 중고폰 예상시세 */
/* .usedPhoneWrap .udSelet .priceBox {position: relative; display: flex; align-items: center; gap:20px; padding:8px 10px; margin:20px 20px 40px 20px; opacity:1;}
.usedPhoneWrap .udSelet .priceBox.hide {display :none; opacity:0; animation: opacity 0.4s ease backwards;}
.usedPhoneWrap .udSelet .priceBox .priceImg {width:120px; height: auto; }
.usedPhoneWrap .udSelet .priceBox .priceImg img {width:100%;}
.usedPhoneWrap .udSelet .priceBox .priceInfo {width:calc(100vw - 90px);}
.usedPhoneWrap .udSelet .priceBox .priceInfo .btnArea {text-align: right;}
.usedPhoneWrap .udSelet .priceBox .priceInfo .btnC {margin:5px 0 0 0; color: #808080; }
.usedPhoneWrap .udSelet .priceBox .priceUl > li.priceMd {color: #fe2e36; font-size: 13px;}
.usedPhoneWrap .udSelet .priceBox .priceUl > li {position: relative; font-size: 15px; color: #161616;font-weight: 700;line-height: 24px;} */
/* .usedPhoneWrap .udSelet .priceBox .priceUl > li:before {content: 'ㆍ';position: absolute; display: block; left:-15px; top:0px;} */
/* 중고폰 예상시세 260429 */
.usedPhoneWrap.modelPrice .udSelet .udSelectBox{border-left:none;height:calc(100vh - 165px)}
.usedPhoneWrap.modelPrice .udSelet .udFlow{padding-top:30px;}
.usedPhoneWrap .udSelet .deviceArea {position: relative; display: flex; flex-wrap:wrap; align-items: center;margin-bottom:34px;}
.usedPhoneWrap .udSelet .deviceArea.hr{padding-bottom:34px;border-bottom:1px solid #d9d9d9;}
.usedPhoneWrap .udSelet .title2 {display:flex;flex:1 0 100%;margin-bottom:18px;gap:10px;font-size:20px; color:#161616; align-items:center; }
.usedPhoneWrap .udSelet .devicePrice .title2:before {display:inline-block;content:''; width:31px; height:33px; background:url(/goodbye/m/images/usedphone_ico_title_01.png) no-repeat 0 0 / 100% auto}
.usedPhoneWrap .udSelet .deviceImg {flex:0 0 120px;} 
.usedPhoneWrap .udSelet .deviceImg > img {max-width:100%;}
.usedPhoneWrap .udSelet .deviceInfo {flex:1;margin-left:20px;}
.usedPhoneWrap .udSelet .deviceInfo .udFlowList{border-bottom:1px solid #f6f5f7;display:flex;margin:0;height:50px;;}
.usedPhoneWrap .udSelet .deviceInfo .udFlowList:last-child{border-bottom:none;}
.usedPhoneWrap .udSelet .deviceInfo .udFlowList .complete{display:inline-block;font-size:14px;text-align:right;line-height:1.3;}
.usedPhoneWrap .udSelet .deviceInfo .udFlowList .complete:after{display:none;}
.usedPhoneWrap .udSelet .chartInfo{position:relative;width:100%;height:210px;overflow: hidden;}
.usedPhoneWrap .udSelet .expectedPrice + .btnC {position: absolute; bottom:200px; right:32px; margin-bottom: 0;} 
.usedPhoneWrap .udSelet .udBtnArea4 {display: block; background:#fff; border: none;padding:0; text-align: center; bottom: 0; width: 100%; box-sizing: border-box;}
.usedPhoneWrap .udSelet .udBtnArea4 .btnB {color:#fff; height: 74px; padding-bottom: 22px; border-radius: 0; margin:0; font-size: 16px; width: 100%;}
.usedPhoneWrap .udSelet .udBtnArea4 .btnA {border: 1px solid #A8A8A8; margin:0; border-radius: 20px; padding:6px 28px 6px 12px; font-size: 13px; background-color: #fff; background-image: url('/goodbye/m/images/usedphone_ico_reselect.svg'); background-repeat: no-repeat; background-position:89px center; background-size: 16px 16px; margin-bottom: 20px; width: 120px;}

.usedPhoneWrap .udSelet .udViewResult {position: relative; width:100%;height:100vh; background-color:#d0fffa; border-radius: 20px 20px 0 0;  opacity: 0; transform: translateY(50px); animation: slideUp 1s ease forwards; animation-delay:2s;}
.usedPhoneWrap .udSelet .udViewResult.up {transform:translateY(60px); border-radius:0; transition:border-radius 1s ease; animation: slideUp2 0.7s ease forwards;}
@keyframes slideUp2 {
    from {
        transform: translateY(80px);
        opacity: 0.7;
    }
    to {
        transform: translateY(60px);
        opacity:1;
    }
}
.usedPhoneWrap .udSelet .udViewResult .title {padding:50px 20px 20px 20px; margin:0 !important; text-align: left; font-size:20px; line-height:28px; letter-spacing: -0.05em;}
.usedPhoneWrap .udSelet .udViewResult .tit {padding:0 20px; display: block; text-align: left; font-size:14px; margin:-10px 0 30px 0 !important; color:#;}
.usedPhoneWrap .udSelet .udViewResult .priceInfo {margin:40px 0 0; padding:0 20px;}
.usedPhoneWrap .udSelet .udViewResult .priceDl {display: flex; flex-direction: column;  gap:10px;}
.usedPhoneWrap .udSelet .udViewResult .priceDl > dl {display: flex; align-items: center;}
.usedPhoneWrap .udSelet .udViewResult .priceDl dt {flex: 0 0 100px; align-self: flex-start;}
.usedPhoneWrap .udSelet .udViewResult .priceDl dd {flex:1; align-self: flex-start;}
.usedPhoneWrap .udSelet .udViewResult .priceDl .priceDt {background: #119891; padding:4px 12px; border-radius: 20px; font-size: 12px; color: #fff;}
.usedPhoneWrap .udSelet .udViewResult .priceDl .priceTit {font-size: 28px; color: #131416;display: block; margin-top: -10px;}
.usedPhoneWrap .udSelet .udViewResult .priceDl .priceTit strong {color: #131416;}
.usedPhoneWrap .udSelet .udViewResult .priceDl .priceTit2 {font-size: 16px; color: #131416;}
.usedPhoneWrap #priceRange { color: #131416; display:block;}
.usedPhoneWrap .udSelet .udViewResult .priceEp {position:relative; background: #d6ffff;border-radius: 15px; margin: -137px 10px 0 10px;opacity:0; animation:slideUp 1s ease forwards; animation-delay:3s; z-index:3;}
.usedPhoneWrap .udSelet .udViewResult .priceEp > p {padding:20px 20px 20px 32px; font-size: 14px; line-height: 22px;}
.usedPhoneWrap .udSelet .udViewResult .priceEp > p::before {content: "※";position: absolute;display: block;left: 15px;top: 20px;}
.usedPhoneWrap .udSelet .udViewResult .aniImg {position:relative; height:470px; opacity:0; animation:slideUp 1s ease forwards; animation-delay:3s; z-index: 2;}
.usedPhoneWrap .udSelet .udViewResult .aniImg::after {content: ''; position: absolute; top:120px; left:0; width: 100%; height:100%;background-color: #5ddfde; }
.usedPhoneWrap .udSelet .udViewResult .aniImg .bgImg {position:absolute; top:23vw; left:-8vw; z-index:2;}
.usedPhoneWrap .udSelet .udViewResult .aniImg .Graph {position: absolute; top:-15vw; left:0; z-index:1;}
.usedPhoneWrap .udSelet .udBtnArea3 { display:flex; position:fixed; bottom: 0;flex-direction: column; justify-content: center; width: 100%; height: 166px;background-color: rgba(0, 0, 0, 0.7); padding:16px 32px 32px; box-sizing: border-box; backdrop-filter: blur(7px); text-align: center; margin-top:0; z-index: 10; animation:slideUp 0.4s ease forwards;}
.usedPhoneWrap .udSelet .udBtnArea3.hide {display:none;}
.usedPhoneWrap .txtW {color: #fff; font-size: 14px; line-height: 21px; }
@media (max-width: 375px){
    .usedPhoneWrap .udSelet .udViewResult .priceEp {margin:-230px 10px 0 10px;}
}
/* alert */
[data-popup] .nwMessageBox + .sub2 {margin-bottom: 25px;font-size: 16px;font-weight: normal; color:#6A6A6A;}

/*main*/
#mCfmClWrapper #mCfmClGnb.fixed-mCfmClGnb + .ndMain {margin-top:64px;}
.ndMain{padding:24px;letter-spacing:-0.8px; }
.ndMain .mainTit{font-size:16px;color:#101010;line-height:24px;background:url('/goodbye/m/images/ico_udmain_title.svg') no-repeat 100% 50%;}
.ndMain .mainTit .topTxt{display:block;margin-bottom:8px;font-size:14px;color:#119891;font-weight:700;line-height:21px;}
.mainUsedCont{margin-top:40px;}
.mainUsedCont .tit{margin-bottom:24px;font-size:20px;color:#000;font-weight:700; line-height: 28px;}
.mainUsedCont .tit em{color:#119891;}
.mainUsedCont .mainSwiper .swiperTab{display:flex;gap:0 4px;margin-top:-8px;}
.mainUsedCont .mainSwiper .swiperTab .tab{margin:0;padding:6px 14px;font-size:14px;color:#6a6a6a;background:#fff;border:1px solid #d9d9d9;border-radius:30px;}
.mainUsedCont .mainSwiper .swiperTab .tab.active{color:#fff;font-weight:700;background:#119891;border-color:#119891;}
.mainUsedCont .mainSwiper .swiper-wrapper{height:initial;}
.mainUsedCont .mainSwiper .udSwiper{width:100%;margin-top:16px;overflow:hidden;}
.mainUsedCont .mainSwiper .udSwiper img{width:100%;}
.mainUsedCont .mainSwiper .swiperControl{display:none;justify-content:center;align-items:center;gap:0 10px;margin-top:10px;}
.mainUsedCont .mainSwiper .swiper-container-initialized .swiperControl{display:flex;}
.mainUsedCont .mainSwiper .swiperControl .swiperProgress{position:relative;width:54px;height:4px;background:#c9c9c9;border-radius:30px;overflow:hidden;}
.mainUsedCont .mainSwiper .swiperControl .swiperProgress .progressFill{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;transform:scaleX(0.333333);transform-origin:left center;transition:transform 0.4s ease;}
.mainUsedCont .mainSwiper .swiperControl .swiperPagination{width:initial;font-size:13px;color:#808080;}
.mainUsedCont .mainSwiper .swiperControl .swiperPagination .total{color:#808080;}
.mainUsedCont .mainSwiper .swiperControl .swiperPagination .current{color:#161616;}
.mainUsedCont .myUsedQuote{margin-top:40px;}
.mainUsedCont .myUsedQuote .btn{display:block;width:100%;padding:20px 24px;font-size:19px;color:#fff;font-weight:700;background:#fe2e36;border-radius:16px;}
.mainUsedCont .myUsedQuote .btn:after{content:'';display:inline-block;width:16px;height:16px;margin-left:5px;background:url('/goodbye/pc/images/usedphone_ico_next_wh.svg') no-repeat 0 0;vertical-align:-2px;}
.mainUsedCont .whiteBox{background:#fff;border-radius:20px;box-shadow:0px 2px 12px 0px rgba(0, 0, 0, 0.16);}
.mainUsedCont .whiteBox li{margin:0 20px;padding:20px 0;}
.mainUsedCont .whiteBox li + li{border-top:1px solid #ededed;}
.mainUsedCont .infoList{padding:4px 0;}
.mainUsedCont .infoList li{padding-left:90px;background-repeat:no-repeat;background-position:0 50%; background-size:75px;}
.mainUsedCont .infoList li:nth-child(1){background-image:url('/goodbye/m/images/ico_udmain_info01.png')}
.mainUsedCont .infoList li:nth-child(2){background-image:url('/goodbye/m/images/ico_udmain_info02.png')}
.mainUsedCont .infoList li:nth-child(3){background-image:url('/goodbye/m/images/ico_udmain_info03.png')}
.mainUsedCont .infoList strong{display:block;font-size:16px;color:#000;font-weight:700;}
.mainUsedCont .infoList p{margin-top:8px;font-size:14px;color:#525252;}
.mainUsedCont .stepList{padding:8px 0;}

.mainUsedCont .stepList .subText {font-size:12px;color:#6a6a6a; margin-top:5px;}
.mainUsedCont .stepList .subText > span {text-decoration: underline;}

.mainUsedCont .stepList > li{position:relative;}
.mainUsedCont .stepList > li:after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:56px;height:56px;background-color:#F6F5F7;background-repeat:no-repeat;background-position:50%;border-radius:50%;}
.mainUsedCont .stepList > li:nth-child(1):after{background-size: 90%; background-image:url('/goodbye/m/images/ico_udmain_step01.png');}
.mainUsedCont .stepList > li:nth-child(2):after{background-size: 90%; background-image:url('/goodbye/m/images/ico_udmain_step02.png');}
.mainUsedCont .stepList > li:nth-child(3):after{background-size: 90%; background-image:url('/goodbye/m/images/ico_udmain_step03.png');}
.mainUsedCont .stepList .step{display:inline-block;padding:4px 12px;font-size:14px;color:#119891;font-weight:700;background:#ECFFFF;border:1px solid #119891;border-radius:30px;}
.mainUsedCont .stepList .stepSub{display:flex;flex-wrap:wrap;margin-top:12px;}
.mainUsedCont .stepList .stepSub li{margin:0;padding:0;border:none;font-size:14px;color:#161616;}
.mainUsedCont .stepList .stepSub li:not(:last-child):after{content:'';display:inline-block;width:16px;height:16px;margin:0 4px;background:url('/goodbye/m/images/ico_udmain_step_arr.svg') no-repeat 0 50%;vertical-align:top;}
.mainUsedCont .stepList .stepSub li .arrow{content:'';display:inline-block;width:16px;height:16px;margin:0 4px;background:url('/goodbye/m/images/ico_udmain_step_arr.svg') no-repeat 0 50%;vertical-align:top;}
.mainUsedCont .stepList .stepSub li.block{flex:0 0 100%;margin-top:4px;}
.mainUsedCont .stepList .stepSub li .sTxt{color:#808080;}
.mainUsedCont .mustList li + li{margin-top:12px;}
.mainUsedCont .mustList li button{display:flex;align-items:center;position:relative;width:100%;min-height:88px;padding:18px 88px 18px 24px;font-size:16px;color:#000;font-weight:700;border-radius:16px;}
.mainUsedCont .mustList li:nth-child(1) button{background:#EFF4FE;}
.mainUsedCont .mustList li:nth-child(2) button{background:#E4F8FD;}
.mainUsedCont .mustList li button:after{content:'';position:absolute;right:24px;top:50%;transform:translateY(-50%);width:56px;height:56px;background-repeat:no-repeat;background-position:50%;}
.mainUsedCont .mustList li:nth-child(1) button:after{background-image:url('/goodbye/m/images/ico_udmain_must01.svg');}
.mainUsedCont .mustList li:nth-child(2) button:after{background-image:url('/goodbye/m/images/ico_udmain_must02.svg');}
.mainUsedCont .event_end_cont + .mustList{margin-top:12px;}

@media (max-width: 340px) {
    .mainUsedCont .stepList .stepSub li{font-size:12px;}
}

/* .mainUsedCont .infoEffect {padding:30px 20px;background: #F8F8F8; border-radius: 20px;}
.mainUsedCont .infoEffect .prodImg {box-sizing: border-box; margin-bottom: 10px; text-align: center;}
.mainUsedCont .infoEffect .prodImg img {width:50%;}
.mainUsedCont .infoEffect .prodName {color: #000; font-size: 19px; letter-spacing: -0.05em;margin-top:10px; margin-bottom: 5px; display: block;}
.mainUsedCont .infoEffect .prodPrice {font-size:16px;}
.mainUsedCont .infoEffect .prodArea {margin-top: 20px;}
.mainUsedCont .infoEffect .point {display: block; text-align: center; font-size: 19px;color: #000;font-weight: 700; margin-bottom: 15px;line-height: 1.5;}
.mainUsedCont .infoEffect .point span {background:#fe2e36; color: #fff; padding: 0 7px; }
.mainUsedCont .infoEffect .prodTit {padding: 20px 15px;background: #fff; border-radius:20px;}
.mainUsedCont .infoEffect .prodTit li {display: flex; justify-content: space-between;}
.mainUsedCont .infoEffect .prodTit span {color: #000;}
.mainUsedCont .infoEffect .prodTit span.tit {font-weight:500; font-size:14px; margin-bottom: 10px; text-align: left; line-height: 20px;}
.mainUsedCont .infoEffect .prodTit span.txt {font-size:11px; color:#999999;} 
.mainUsedCont .infoEffect .udPrice {color:#fe2e36;font-weight: 600; font-size: 18px;}
.mainUsedCont .infoEffect .udPriceTotal {color:#fe2e36;font-weight: 600; font-size: 24px;}
.mainUsedCont .infoEffect .prodTit .total {border-top:1px solid #d9d9d9;text-align:right; padding-top:14px; margin-top: 10px;}
.mainUsedCont .infoEffect .infoView {text-align: center;}
.mainUsedCont .infoEffect .infoView > div {margin-bottom:15px;}
.mainUsedCont .infoEffect .infoView > div img {width:65%;}
.mainUsedCont .infoEffect .infoView > p {margin:10px 0; font-size: 14px;}
.mainUsedCont .infoEffect .txtlist {margin-top:20px;}
.mainUsedCont .infoEffect .txtlist li {display: flex; gap:13px;font-size:14px;}
.mainUsedCont .infoEffect .txtlist li > div {margin-bottom:15px; width:65%;}
.mainUsedCont .infoEffect .txtlist .tit {text-align: right; color: #000; margin-bottom:15px; flex-basis:75px; font-weight:500;font-size:14px; line-height: 1.2;}
.mainUsedCont .infoEffect .txtlist .txt2 {color: #000;font-size:14px;}
.mainUsedCont .infoEffect .txtlist .txtUl {counter-reset: number 0;}
.mainUsedCont .infoEffect .txtlist .txtUl > li {position: relative;display: block;}
.mainUsedCont .infoEffect .txtlist .txtUl > li::before {display: inline-block; content: counter(number);counter-increment: number 1; background: #000;color: #fff;width: 16px;height: 16px;line-height: 16px;font-size: 11px;border-radius: 50px;text-align: center;position: absolute;left: 0;top:3px;}
.mainUsedCont .infoEffect .txtlist .txtUl > li > strong, .mainUsedCont .infoEffect .txtlist .txtUl > li > span {display: inline-block; font-size:14px;line-height: 20px; margin-left:20px; color:#000;}
.mainUsedCont .infoEffect .txtlist strong {color:#000;font-size:14px;}
.mainUsedCont .infoEffect .txtlist .txt {font-size: 11px;color: #999999;} */





/*popup*/
.usedphonePop .nwHeader{flex:0 0 50px;justify-content:left;border-bottom:none;}
.usedphonePop .nwContent{padding:16px 20px 32px;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
.usedphonePop .nwContent.nwScroll{flex:1;height:initial;padding:16px 20px 35px;}
.usedphonePop h3{font-size:20px;color:#161616;font-weight:700;}
.usedphonePop .topTxt{margin-top:12px;}
.usedphonePop .topTxt .bTxt{display:block;margin-bottom:4px;font-size:16px;font-weight:700;color:#119891;}
.usedphonePop .topTxt .bTxt .under{color:#119891;text-decoration:underline;}
.usedphonePop .topTxt .txt{font-size:16px;color:#6A6A6A;}
.usedphonePop .nwFooter{height:initial;padding:0;border:none;box-shadow:none;}
.usedphonePop .nwScroll + .nwFooter{position:static;}
.usedphonePop .nwFooter .btnArea{display:flex;flex-wrap: wrap;}
.usedphonePop .nwFooter .btnArea button{height:initial;padding:16px 24px 34px;font-weight:700;border-radius:0;}
button + button {margin-left:0;}
.usedphonePop .nwFooter .btnArea .btnB{color:#fff;background:#000;}
.usedphonePop .nwFooter .btnArea .btnR{color:#fff;background:#fe2e36;}
.usedphonePop.open .mask{position:fixed;left:0;right:0;top:0;bottom:0;z-index:2499;visibility:visible;opacity:1;transition:initial;background:rgba(0,0,0,0.4);}
/*slideup pop*/
.usedphonePop.slideup .nwPopUp{display:flex;flex-direction: column;bottom:0;top:initial;height:initial;max-height:90%;transform:translateY(100%);transition:.5s;}
.usedphonePop.slideup.open .nwPopUp{transform:translateY(0);}

.usedphonePop .nwPopUp{display:flex;flex-direction:column;}
/*list*/
.usedphonePop .dotList > li{position:relative;padding-left:13px;font-size:14px;color:#525252;}
.usedphonePop .dotList > li:before{content:'';display:block;position:absolute;left:0;top:7px;width:4px;height:4px;background:#6A6A6A;border-radius:50%;}
.usedphonePop .dotList > li + li{margin-top:8px;}
.usedphonePop .dashList li{position:relative;padding-left:10px;font-size:14px;color:#525252;}
.usedphonePop .dashList li:before{content:'-';display:block;position:absolute;left:0;top:0;}
.usedphonePop .dashList li + li{margin-top:8px;}
.usedphonePop .exampleList li{position:relative;padding-left:30px;font-size:14px;color:#525252;}
.usedphonePop .exampleList li + li{margin-top:4px;}
.usedphonePop .exampleList li .ex{position:absolute;left:0;top:0;}
.usedphonePop .dotList .dashList,
.usedphonePop .dotList .exampleList{margin-top:8px;}
/*qna*/
.usedphoneQna .flexBtn{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.usedphoneQna .flexBtn button{display:flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 4px);height:57px;margin:0;font-size:14px;color:#161616;font-weight:700;border:1px solid #D9D9D9;border-radius:16px;}
.usedphonePop .qnaCont{margin-top:40px;}
.usedphonePop .qnaCont h4{font-size:16px;color:#161616;font-weight:700;}
.usedphonePop .qnaList{margin-top:12px;padding:20px;border:1px solid #D9D9D9;border-radius:16px;;}
.usedphonePop .qnaList > li + li{margin-top:16px;padding-top:16px;border-top:1px solid #D9D9D9;}
.usedphonePop .qnaList .qTit{display:block;position:relative;padding-left:20px;font-size:14px;color:#161616;font-weight:700;}
.usedphonePop .qnaList .qTit .q{position:absolute;left:0;top:0;color:#161616;}
.usedphonePop .qnaList .dotList{margin-top:10px;}
/*tab*/
.usedphonePopTab{margin-top:24px;}
.usedphonePopTab .tabs{display:flex;gap:0 12px;margin:0 -20px;padding:0 20px;border-bottom:0.5px solid #d9d9d9;}
.usedphonePopTab .tabs a{display:block;padding:0 4px 10px;font-size:16px;color:#808080;}
.usedphonePopTab .tabs a[aria-selected="true"]{color:#161616;font-weight:700;border-bottom:2px solid #000;}
.usedphonePopTab .tabs a.fc_red{color:#EA3037;}
.usedphonePopTab .qnaTit{padding:40px 0;font-size:20px;color:#161616;font-weight:700;text-align:center;}
.usedphonePopTab .qnaTit .em{color:#119891;}
/*toggle*/
.usedphonePopToggle{margin:0 -20px;padding:0 20px;border-top:12px solid #F6F5F7;}
.usedphonePopToggle .toggleBtn{display:flex;justify-content:space-between;position:relative;width:100%;padding:13.5px 28px 13.5px 4px;font-size:14px;color:#161616;font-weight:700;}
.usedphonePopToggle .toggleBtn:after{content:'';position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:url('/goodbye/m/images/nwArrowUp.svg') no-repeat 50%;transition:.2s;}
.usedphonePopToggle .toggleBtn[aria-expanded="false"]:after{transform:translateY(-50%) rotate(180deg);}
.usedphonePopToggle .toggleBtn .condHigh{color:#119891;}
.usedphonePopToggle .toggleBtn .condMid{color:#FF7043;}
.usedphonePopToggle .toggleBtn .condLow{color:#EE4452;}
.usedphonePopToggle .toggleBtn .condBad{color:#161616;}
.usedphonePopToggle .content{padding:20px;background:#F6F5F7;border-radius:16px;}
.usedphonePopToggle .content .toggleList li{display:flex;gap:0 12px;}
.usedphonePopToggle .content .toggleList li + li{margin-top:8px;}
.usedphonePopToggle .content .toggleList strong{display:block;flex:0 0 80px;font-size:14px;color:#525252;font-weight:700;}
.usedphonePopToggle .content .toggleList strong:before{content:'*';margin-right:4px;color:#EA3037;}
.usedphonePopToggle .content .toggleList p{flex:1;font-size:14px;color:#525252;}
.usedphonePopToggle .skillTit{display:block;margin-top:12px;padding:24px 0 14px 32px;font-size:18px;color:#161616;font-weight:700;border-top:1px solid #d9d9d9;background:url('/goodbye/m/images/ico_toggle_skilltit.svg') no-repeat 0 28px;}
.usedphonePopToggle .usedCondiInfoTxt{position:relative;margin-top:12px;padding-left:13px;font-size:14px;color:#525252;}
.usedphonePopToggle .usedCondiInfoTxt:before{content:'';display:block;position:absolute;left:0;top:7px;width:4px;height:4px;background:#6A6A6A;border-radius:50%;}
.usedphonePopToggle .usedCondiInfoTxt em{color:#EE4452;font-weight:700;}
/*중고폰 상태 진단 기준_유의사항*/
.usedphonePopNotice{margin-top:24px;}
.usedphonePopNotice dl{padding:20px;border:1px solid #D9D9D9;border-radius:16px;}
.usedphonePopNotice dl + dl{margin-top:24px;}
.usedphonePopNotice dt{margin-bottom:16px;padding-bottom:16px;font-size:16px;color:#161616;font-weight:700;border-bottom:1px solid #A8A8A8;}
/*추가보상 혜택*/
.usedphonePop .flexList{margin-top:24px;}
.usedphonePop .flexList > li + li{margin-top:16px;}
.usedphonePop .flexList dl{display:flex;gap:0 16px;}
.usedphonePop .flexList dt{flex:0 0 64px;display:block;font-size:14px;color:#161616;font-weight:700;}
.usedphonePop .flexList dd{flex:1;font-size:14px;color:#525252;}
.usedphonePop .flexList dd strong{color:#161616;font-weight:700;}
.usedphonePop .flexList .numList li{position:relative;padding-left:16px;}
.usedphonePop .flexList .numList li + li{margin-top:5px;}
.usedphonePop .flexList .numList li .num{position:absolute;left:0;top:0;}
.usedphonePop .notiList{margin-top:30px;}
.usedphonePop .notiList strong{display:block;font-size:14px;color:#161616;font-weight:700;}
.usedphonePop .notiList ul{margin-top:10px;}
.usedphonePop .notiList li{position:relative;padding-left:16px;font-size:14px;color:#525252;line-height:21px;}
.usedphonePop .notiList li + li{margin-top:5px;}
.usedphonePop .notiList li::before{content:'※';display:inline-block;position:absolute;left:0;top:0;}
/*tip*/
.usedphonePop.case .nwPopUp{display:flex;flex-direction:column;top:50%;height:initial;transform:translateY(-50%);width:calc(100% - 48px);max-height:90%;margin:0 24px;border-radius:16px;}
.usedphonePop.case .nwHeader{height:initial;padding:18px 50px 18px 24px;}
.usedphonePop.case .nwContent{padding:0 24px;}
.usedphonePop.case .nwClose{right:24px;}
.usedphonePop.case .nwFooter .btnArea{padding:24px 24px 32px;}
.usedphonePop .nwFooter .btnArea .popBtn{height:45px;padding:0;font-size:14px;color:#161616;font-weight:700;text-align:center;line-height:45px;border:1px solid #6a6a6a;border-radius:8px;}
.usedphonePop .popDeviceCheckTip h3{position:relative;margin-bottom:12px;padding-left:10px;font-size:18px;color:#161616;font-weight:700;line-height:27px;}
.usedphonePop .popDeviceCheckTip h3:before{content:'*';display:block;position:absolute;left:0;top:0;}
.usedphonePop .popDeviceCheckTip .tipFlexList{display:flex;flex-wrap:wrap;gap:7px;}
.usedphonePop .popDeviceCheckTip .tipFlexList li{flex:0 0 calc(50% - 3.5px);display:flex;flex-direction:column;overflow:hidden;}
.usedphonePop .popDeviceCheckTip .tipFlexList li:nth-child(1){border-radius:16px 0 0 0;}
.usedphonePop .popDeviceCheckTip .tipFlexList li:nth-child(2){border-radius:0 16px 0 0;}
.usedphonePop .popDeviceCheckTip .tipFlexList li:nth-last-child(2){border-radius:0 0 0 16px}
.usedphonePop .popDeviceCheckTip .tipFlexList li:last-child{border-radius:0 0 16px 0;}
.usedphonePop .popDeviceCheckTip .tipFlexList .img img{width:100%;}
.usedphonePop .popDeviceCheckTip .tipFlexList .txt{flex-grow:1;padding:16px 13px 12px;text-align:center;background:#F6F5F7;}
.usedphonePop .popDeviceCheckTip .tipFlexList strong{display:block;font-size:14px;color:#161616;font-weight:700;}
.usedphonePop .popDeviceCheckTip .tipFlexList p{margin-top:10px;font-size:12px;color:#525252;word-break:keep-all;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column{flex-direction:column;flex-wrap:nowrap;gap:16px 0;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column li{flex:1;display:block;border-radius:16px;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .imgFlex{display:flex;gap:0 8px;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .imgFlex .img{flex:1;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .imgFlex .img.wid2{flex:2.08;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .txt{text-align:left;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .txt strong{text-align:center;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .dotList{margin-top:10px;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .dotList li{font-size:12px;}
.usedphonePop .popDeviceCheckTip .tipFlexList.column .dotList li + li{margin-top:4px;}
.usedphonePop .popDeviceCheckTip .starList li{display:flex;gap:0 12px;padding:16px;background:#F6F5F7;border-radius:8px;}
.usedphonePop .popDeviceCheckTip .starList li + li{margin-top:4px;}
.usedphonePop .popDeviceCheckTip .starList strong{flex:0 0 80px;position:relative;padding-left:12px;font-size:14px;color:#161616;font-weight:700;line-height:21px;letter-spacing:-0.8px;}
.usedphonePop .popDeviceCheckTip .starList strong:before{content:'*';display:block;position:absolute;left:0;top:0;margin-right:4px;color:#EA3037;}
.usedphonePop .popDeviceCheckTip .starList p{flex:1;font-size:14px;color:#525252;line-height:21px;letter-spacing:-0.8px;}
.usedphonePop .popDeviceCheckTip .tipInfoTxt{position:relative;margin-top:12px;padding-left:11px;font-size:13px;color:#6a6a6a;line-height:21px;}
.usedphonePop .popDeviceCheckTip .tipInfoTxt:before{content:'*';display:block;position:absolute;left:0;top:3px;color:#6a6a6a;}

/*goodbye*/
.usedGoodbyeWrap{display:flex;flex-direction:column;height:100vh;}
.usedGoodbyeWrap header{position:relative;height:64px;text-align:center;background:#fff;}
.usedGoodbyeWrap header h1{display:flex;justify-content:center;align-items:center;height:64px;}
.usedGoodbyeWrap header h1 img{height:30px;}
.usedGoodbyeWrap header h1.title{font-size:20px;color:#161616;}
.usedGoodbyeWrap header .closeBtn{position: absolute;top:22px;right:20px;width:24px;height:24px;font-size:0;color:transparent;line-height:0;background: url('/goodbye/m/images/nwPopClose.svg') 0 0 / 24px 24px no-repeat;}
.usedGoodbyeWrap .infoList{padding:20px;background:#fff;border:1px solid #D9D9D9;border-radius:16px;}
.usedGoodbyeWrap .infoList + .infoList{margin-top:32px;}
.usedGoodbyeWrap .infoList dt{margin-bottom:16px;padding-bottom:16px;font-size:16px;color:#161616;font-weight:700;border-bottom:1px solid #A8A8A8}
.usedGoodbyeWrap .infoList dt.normal{font-size:14px;font-weight:400;}
.usedGoodbyeWrap .infoList dd .bTxt{display:block;font-size:14px;color:#161616;font-weight:700;}
.usedGoodbyeWrap .infoList.import{border-color:#EA3037;}
.usedGoodbyeWrap .infoList.import dt{color:#EA3037;}
.usedGoodbyeWrap .infoList.import .dotList > li{color:#161616;}
.usedGoodbyeWrap .infoBgList{padding:20px;background:#F8F8F8;border-radius:16px;}
.usedGoodbyeWrap .infoBgList dt{margin-bottom:12px;font-size:14px;color:#161616;font-weight:700;}
.usedGoodbyeWrap .dotList > li{position:relative;padding-left:13px;font-size:14px;color:#525252;}
.usedGoodbyeWrap .dotList > li:before{content:'';display:block;position:absolute;left:0;top:10px;width:4px;height:4px;background:#6A6A6A;border-radius:50%;}
.usedGoodbyeWrap .dotList > li + li{margin-top:8px;}
.usedGoodbyeWrap .btnConfirm{display:block;width:100%;padding:16px 16px 34px;font-size:16px;color:#fff;font-weight:700;text-align:center;background:#000;box-sizing:border-box;}
.usedGoodbyeCont{flex:1;padding:58px 20px 50px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
/*main*/
.goodbyeMain .titleCont{position:sticky;top:0;}
.goodbyeMain .titleCont h2{font-size:40px;color:#161616;font-weight:700;text-align:center;}
.goodbyeMain .titleCont h2 .topTxt{display:block;font-size:18px;font-weight:400;}
.goodbyeMain .titleCont h2 .em{color:#E84143;}
.goodbyeMain .titleCont p{margin-top:16px;font-size:14px;color:#525252;text-align:center;}
.goodbyeMain .symbolArea{position:relative;height:151.4vw;margin:40px -20px 0;background:#fff url('/goodbye/m/images/symbol_goodbye.svg') no-repeat 0 0 / 100%;}
.goodbyeMain .priceCont{position:absolute;bottom:5vw;left:0;width:calc(100% - 40px);margin:0 20px;padding:24px;background:#fff;border-radius:32px;box-sizing:border-box;}
.goodbyeMain .priceCont .phone{display:flex;align-items:center;gap:0 8px;}
.goodbyeMain .priceCont .phone .img{width:78px;}
.goodbyeMain .priceCont .phone .img img{width:100%;}
.goodbyeMain .priceCont .phone .info li{position:relative;padding-left:12px;font-size:14px;color:#101010;}
.goodbyeMain .priceCont .phone .info li + li{margin-top:4px;}
.goodbyeMain .priceCont .phone .info li:before{content:'';display:block;position:absolute;left:0;top:10px;width:3px;height:3px;background:#161616;border-radius:50%;}
.goodbyeMain .priceCont .price{margin-top:16px;padding:20px;background:#F6F5F7;border-radius:20px;}
.goodbyeMain .priceCont .price dl{font-size:0;}
.goodbyeMain .priceCont .price dl + dl{margin-top:8px;}
.goodbyeMain .priceCont .price dt{display:inline-block;padding:4px 8px;font-size:12px;color:#000;border:1px solid #000;border-radius:30px;vertical-align:top;}
.goodbyeMain .priceCont .price dd{display:inline-block;width:calc(100% - 70px);margin-left:8px;font-size:14px;color:#161616;vertical-align:top;}
.goodbyeMain .priceCont .price dd.num{margin-top:-7px;font-size:24px;color:#161616;font-weight:700;}
.goodbyeMain .infoBgList{margin-top:24px;}
.goodbyeMain .infoBgList .referencTxt{position:relative;padding-left:15px;font-size:13px;color:#525252;}
.goodbyeMain .infoBgList .referencTxt:before{content:'※';position:absolute;left:0;top:0;}
.goodbyeMain .infoList{margin-top:24px;}
/*대상아님*/
.usedGoodbyeCont .noserviceCont h2{padding:76px 0 56px;font-size:24px;color:#161616;font-weight:700;text-align:center;background:url('/goodbye/m/images/ico_goodbye_noservice.svg') no-repeat 50% 0 / 60px;}
.usedGoodbyeCont .noserviceCont .leftCont strong{display:block;margin-top:40px;font-size:16px;color:#161616;font-weight:700;}
.usedGoodbyeCont .noserviceCont .leftCont p{margin-top:16px;font-size:16px;color:#161616;}
.usedGoodbyeCont .noserviceCont .leftCont .btnConfirm{display:block;width:240px;height:50px;margin-top:40px;font-size:18px;color:#161616;font-weight:700;line-height:50px;text-align:center;background:#fff;border:1px solid #000;border-radius:30px;}
.usedGoodbyeCont .noserviceCont .rightCont{flex:0 0 356px;padding:66px 32px;background:#F6F5F7;border-radius:24px;}
.usedGoodbyeCont .noserviceCont .rightCont h3{margin-bottom:24px;font-size:20px;color:#161616;font-weight:700;}
/*입력*/
.usedGoodbyeCont .usedInp{padding:16px;background:#fff;border:1px solid #D9D9D9;border-radius:12px;}
.usedGoodbyeCont .usedInp.focus{border-color:#000;}
.usedGoodbyeCont .usedInp label{display:block;margin-bottom:4px;font-size:14px;color:#525252;}
.usedGoodbyeCont .usedInp label .essential{color:#EA3037;}
.usedGoodbyeCont .usedInp input{width:100%;padding:0;font-size:18px;color:#000;border:none;outline:none;}
.usedGoodbyeCont .usedInp input::placeholder{color:#A8A8A8;}
.usedGoodbyeCont .usedInp.readonly{background:#F8F8F8;}
.usedGoodbyeCont .usedInp.readonly input{color:#525252;background:none;}
.usedGoodbyeCont .usedInp.err{border-color:#EA3037;}
.usedGoodbyeCont .usedAllCheck{position:relative;padding-left:24px;}
.usedGoodbyeCont .usedAllCheck input[type="checkbox"]{position:absolute;left:0;top:0;width:24px;height:24px;background:url('/goodbye/m/images/ico_goodbye_allcheck_off.svg') no-repeat 0 0;}
.usedGoodbyeCont .usedAllCheck input[type="checkbox"]:checked{background-image:url('/goodbye/m/images/ico_goodbye_allcheck_on.svg');}
.usedGoodbyeCont .usedAllCheck label{margin-left:8px;font-size:16px;color:#161616;font-weight:700;}
.usedGoodbyeCont .usedAllCheck input[type="checkbox"]:disabled{filter:opacity(0.5);}
.usedGoodbyeCont .usedAllCheck input[type="checkbox"]:disabled + label{color:#a8a8a8;}
.usedGoodbyeCont .usedCheck{position:relative;padding-left:32px;}
.usedGoodbyeCont .usedCheck input[type="checkbox"]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:url('/goodbye/m/images/ico_goodbye_check_off.svg') no-repeat 0 0;}
.usedGoodbyeCont .usedCheck input[type="checkbox"]:checked{background-image:url('/goodbye/m/images/ico_goodbye_check_on.svg');}
.usedGoodbyeCont .usedCheck label{font-size:14px;color:#161616;}
.usedGoodbyeCont .usedCheck input[type="checkbox"]:disabled{filter:opacity(0.5);}
.usedGoodbyeCont .usedCheck input[type="checkbox"]:disabled + label{color:#a8a8a8;}
.usedGoodbyeCont .formCont .phoneInfo{margin:-18px -20px 0;padding:0 20px 40px;border-bottom:16px solid #F6F5F7;}
.usedGoodbyeCont .formCont .phoneInfo .phone{display:flex;gap:0 8px;align-items:center;}
.usedGoodbyeCont .formCont .phoneInfo .img{width:111px;}
.usedGoodbyeCont .formCont .phoneInfo .img img{width:100%;}
.usedGoodbyeCont .formCont .phoneInfo .info li{position:relative;padding-left:12px;font-size:14px;color:#161616;font-weight:700;}
.usedGoodbyeCont .formCont .phoneInfo .info li::before{content:'';display:block;position:absolute;left:0;top:9px;width:3px;height:3px;background:#161616;border-radius:50%;}
.usedGoodbyeCont .formCont .phoneInfo .price{margin-top:24px;padding:20px;background:#F6F5F7;border-radius:12px;}
.usedGoodbyeCont .formCont .phoneInfo .price dl{display:flex;justify-content:space-between;}
.usedGoodbyeCont .formCont .phoneInfo .price dl + dl{margin-top:8px;}
.usedGoodbyeCont .formCont .phoneInfo .price dt{font-size:14px;color:#161616;font-weight:700;}
.usedGoodbyeCont .formCont .phoneInfo .price dd{font-size:16px;color:#525252;text-align:right;}
.usedGoodbyeCont .formCont .phoneInfo .price dl.total{margin-top:18px;padding-top:18px;border-top:1px solid #D9D9D9;}
.usedGoodbyeCont .formCont .phoneInfo .price dl.total dt{color:#119891;}
.usedGoodbyeCont .formCont .phoneInfo .price dl.total dd{color:#161616;font-weight:700;}
.usedGoodbyeCont .formCont .form{padding:40px 0 0;}
.usedGoodbyeCont .formCont .form h2{margin-bottom:32px;font-size:20px;color:#161616;font-weight:700;}
.usedGoodbyeCont .formCont .formDl + .formDl{margin-top:40px;}
.usedGoodbyeCont .formCont .formDl dt{margin-bottom:16px;font-size:16px;color:#161616;font-weight:700;}
.usedGoodbyeCont .formCont .formDl .usedInp + .usedInp{margin-top:12px;}
.usedGoodbyeCont .formCont .formDl .inpInfo{margin-top:16px;font-size:13px;color:#6a6a6a;}
.usedGoodbyeCont .formCont .formDl .inpInfo li{position:relative;padding-left:12px;}
.usedGoodbyeCont .formCont .formDl .inpInfo li::before{content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;background:#6a6a6a;border-radius:50%;}
.usedGoodbyeCont .formCont .formDl .inpInfo li + li{margin-top:4px;}
.usedGoodbyeCont .formCont .formDl .inpInfo li.check{color:#161616;}
.usedGoodbyeCont .formCont .formDl .inpInfo li.check:before{top:7px;width:8px;height:14px;background:url('/goodbye/m/images/ico_goodbye_form_infochk.svg') no-repeat 0 0;}
.usedGoodbyeCont .formCont .agreeArea{margin-top:40px;}
.usedGoodbyeCont .formCont .agreeArea .bgList{padding:20px;background:#F6F5F7;border-radius:16px;}
.usedGoodbyeCont .formCont .agreeArea .bgList strong{display:block;margin-bottom:11px;padding-bottom:11px;font-size:16px;color:#161616;font-weight:700;border-bottom:1px solid #808080;}
.usedGoodbyeCont .formCont .agreeArea .bgList strong span{margin-left:4px;font-size:13px;color:#EA3037;}
.usedGoodbyeCont .formCont .agreeArea .bgList li + li{margin-top:10px;}
.usedGoodbyeCont .formCont .agreeArea .bdList{margin-top:20px;padding:20px;border:1px solid #D9D9D9;border-radius:16px;}
.usedGoodbyeCont .formCont .agreeArea .bdList strong{display:block;margin-bottom:20px;font-size:16px;color:#161616;font-weight:700;}
.usedGoodbyeCont .formCont .agreeArea .bdList .usedAllCheck{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #A8A8A8;}
.usedGoodbyeCont .formCont .agreeArea .bdList li{display:flex;justify-content:space-between;}
.usedGoodbyeCont .formCont .agreeArea .bdList li + li{margin-top:12px;}
.usedGoodbyeCont .formCont .agreeArea .bdList li .usedCheck{flex:1;}
.usedGoodbyeCont .formCont .agreeArea .bdList .agreeBtn{font-size:13px;color:#808080;text-decoration:underline;}
.usedGoodbyeWrap footer .formBtn{padding:16px 24px 34px;text-align:center;background:#161616;}
.usedGoodbyeWrap footer .formBtn p{margin-bottom:20px;font-size:14px;color:#fff;}
.usedGoodbyeWrap footer .formBtn .formConfirm{display:block;width:100%;padding:16px;font-size:16px;color:#fff;font-weight:700;background:#EA3037;border-radius:30px;}
.usedGoodbyeWrap footer .formBtn .formConfirm:after{content:'';display:inline-block;width:16px;height:16px;margin-left:6px;background:url('/goodbye/m/images/ico_goodbye_btn_arr.svg') 0 0;vertical-align:-1px;}
.usedGoodbyeWrap footer .formBtn .formConfirm:disabled{color:#A8A8A8;background:#EDEDED;}
.usedGoodbyeWrap footer .formBtn .formConfirm:after{filter:brightness(0.5);}
/*완료*/
.usedGoodbyeCont .usedCompleteCont h2{margin-bottom:56px;padding-top:72px;font-size:24px;color:#161616;font-weight:700;text-align:center;background:url('/goodbye/m/images/ico_goodbye_comp.svg') no-repeat 50% 0 / 56px;}
.usedGoodbyeCont .usedCompleteCont .infoBgList{margin-top:32px;}