@charset "utf-8";

@import "font.css";
@import "sosop-reset.css";
@import "sosop-common.css";


/*==========================================================================================
	인트로
==========================================================================================*/
.wrapper:has(.splash-wrap){width:100%;height:100%;background-color:#4179E4;}
.wrapper .splash-wrap{position:relative;width:100%;min-height:100%;padding:4rem;}
.wrapper .splash-con{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:35rem;margin:auto 0;}
.wrapper .splash-con .app-name{width:100%;}
.wrapper .splash-con .app-name .img-wrap{display:block;width:13.4rem;height:13.4rem;margin:0 auto;}
.wrapper .splash-con .app-name .img-wrap img{width:100%;height:100%;}
.wrapper .splash-con .app-name .txt{width:100%;margin-top:3rem;line-height:1.2;color:#fff;font-size:3.2rem;font-weight:700;text-align:center;}
.wrapper .splash-con .progress-bar{max-width:50rem;min-width:30rem;width:auto;height:auto;padding-top:5rem;margin:0 auto;}
.wrapper .splash-con .progress-bar .txt{animation: blink 1s infinite;color:#fff;font-size:1.6rem;text-align:center;letter-spacing:0;}
.progress-bar .bar-bg{position:relative;display:inline-block;width:100%;height:1rem;border-radius:.5rem;background-color:#fff;}
.progress-bar .bar-bg .bar{position:absolute;top:0;left:0;display:inline-block;height:inherit;border-radius:inherit;background-color:#99DB08;}
@keyframes blink{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}
/* Phone */
@media only screen and (max-width:1023px){
	.wrapper .splash-con .progress-bar{max-width:25rem;min-width:25rem;}
}


/* ==================================================
	로그인
================================================== */
.container-wrap.login{background-color:#fff;}
.login-wrap{position:relative;width:50rem;height:100%;margin:0 auto;}
.login-wrap .content{width:100%;height:100%;padding:2rem;}
.login-wrap .logo{padding-top:3rem;margin-bottom:5rem;text-align:center;}
.login-wrap .logo img{width:25rem;}
.login-box{width:100%;text-align:center;}
.login-box .ipt-wrap{margin-bottom:1rem;}
.login-box .ipt-box{padding-top:1rem;text-align:left;}
.login-box .btn-login-wrap{margin-top:2rem;}
.login-box .btn-login-wrap button + button{margin-top:1rem;}
.login-box .find-idpwd{margin-top:2rem;}
.sns-login-wrap{margin-top:4rem;padding-top:4rem;border-top:1px solid #C4CDD5;}
.sns-login-wrap .h2tit{font-weight:800;font-size:1.8rem;text-align:left;}
.snsBtn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2rem;}
.snsBtn li button{position:relative;display:inline-block;width:7rem;height:7rem;padding-top:6.5rem;font-size:1.5rem;text-align:center;}
.snsBtn li button:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:0 0;}
.snsBtn li button.sns-kakao:after{background-image:url('/img/sns_logo_kakao.png')}
.snsBtn li button.sns-naver:after{background-image:url('/img/sns_logo_naver.png');}
.snsBtn li button.sns-apple:after{background-image:url('/img/sns_logo_apple.png');}
.snsBtn li button.sns-google:after{background-image:url('/img/sns_logo_google.png');}
/* Phone */
@media only screen and (max-width:1023px){
	.login-wrap{width:100%;padding:4rem;}
	.login-wrap .logo img{width:22.5rem;}
}


/* ==================================================
	회원가입
================================================== */
/*============== join (회원가입 > 약관동의) ===========================*/
.container-wrap.join{background-color:#fff;}
.container-wrap:has(.join-wrap) + .pc-footer-wrap{margin-top:0;}
.join-wrap{width:50rem;height:auto;margin:5rem auto;padding:2rem;border-radius:2rem;background-color:#fff;}
.join-wrap .content{width:100%;height:100%;padding:2rem;}
.join-wrap .h2tit{padding:2rem 0;color:#000;font-size:2.4rem;text-align:center;font-weight:700;}
.join-step{position:relative;height:7rem;margin:3rem 0 2rem;color:#2b8bdc;font-size:1.7rem;}
.join-step ol{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;}
.join-step ol li{position:relative;flex:1;width:100%;height:100%;text-align:center;}
.join-step ol li:before{content:'';position:absolute;left:0;top:1.8rem;width:100%;height:1px;background-color:#999;}
.join-step ol li:first-child:before{content:'';position:absolute;left:50%;top:1.8rem;width:100%;height:1px;background-color:#999;}
.join-step ol li:last-child:before{content:'';position:absolute;left:0;top:1.8rem;width:50%;height:1px;background-color:#999;}
.join-step .steptit{padding-top:1rem;font-size:1.4rem;}
.join-step li .bg-step{position:relative;display:inline-block;width:3.5rem;height:3.5rem;margin:0 auto;line-height:3.5rem;text-align:center;border-radius:50%;background-color:#999;}
.join-step li .bg-step em{color:#fff;font-weight:800;}
.join-step li.active .bg-step{background-color:#2b8bdc;}
.join-step li.active .steptit{color:#2b8bdc;}
.join-agreement{width:100%;height:100%;padding:2rem;border:1px solid #DADBDF;border-radius:1rem;background-color:#fff;}
.join-agreement li{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;}
.join-agreement li:first-child{margin-bottom:1rem;padding:1rem 0 1.5rem;border-bottom:1px solid #DADBDF;}
.join-agreement li:first-child label{font-weight:800;}
.join-agreement li:first-child label .ipt-check{margin-right:1rem;}
.join-agreement label span{margin:0 .5rem 0 1rem;font-weight:700;}
.join-agreement + .btn-wrap{margin-top:2rem;}
.join-agreement li button{text-decoration:underline;}
/* Phone */
@media only screen and (max-width:1023px){
	.join-wrap{width:100%;height:100%;margin:0 auto;border-radius:0;}
}

/* ======== 약관 ======= */
.terms p{color:#575966;font-size:1.6rem;line-height:1.6;}
.terms h4{display:block;margin:2rem 0;color:#36373F;font-weight:800;unicode-bidi:isolate;}

/*============== join (회원가입 > 가입완료) ===========================*/
.imgBox-wrap{position:relative;padding-top:14rem;text-align:center;margin-bottom:3rem;}
.imgBox-wrap:before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:12rem;height:12rem;background-position:center top;background-repeat:no-repeat;background-size:contain;}
.imgBox-wrap.type-certi:before{background-image:url('/img/img_finish_certification.png');}
.imgBox-wrap.type-success:before{background-image:url('/img/img_info_01.png');}
.imgBox-wrap.type-notice:before{background-image:url('/img/img_info_02.png');}
.imgBox-wrap .tit{color:#000;font-size:2.4rem;font-weight:700;}
.imgBox-wrap .scon{padding-top:1.6rem;font-size:1.8rem;}

.message-box{width:90%;margin:0 auto;padding:4rem 2rem 3rem;border-top:1px solid #C4CDD5;border-bottom:1px solid #C4CDD5;}
.message-box .stxt{margin-bottom:2rem;color:#212529;font-weight:700;}
.message-box + .btn-wrap{margin-top:4rem;}
/* Phone */
@media only screen and (max-width:1023px){
	.message-box{width:100%;padding-top:3rem;}
	.message-box .stxt{font-size:1.8rem;}
	.imgBox-wrap .scon{padding-top:1.6rem;font-size:2rem;}
}

/*======== 비밀번호 변경 ========*/
.pwd-edit .info-list + .sc-ttl{margin-top:5rem;}


/*==========================================================================================
	마이페이지 서브메인
==========================================================================================*/
.mypage .innerbox{width:100%;padding:3rem 2rem;background:linear-gradient(90deg,rgba(153, 219, 8, 1) 0%, rgba(65, 121, 228, 1) 100%);}
.mypage .content .user-wrap{width:100%;padding:0 0 1rem;}
.mypage .content .user-wrap .name-txt{display:flex;align-items:center;justify-content:space-between;width:100%;height:3.4rem;}
.mypage .content .user-wrap .name-txt .name{color:#fff;font-size:1.8rem;font-weight:700;}
.mypage .content .user-wrap .name-txt .point{color:#fff;font-size:1.8rem;font-weight:700;}
.mypage .content .user-wrap .name-txt .line-wt{width:max-content;height:3.4rem;color:#fff;font-size:1.4rem;font-weight:400;border:1px solid #fff;background-color:transparent;}

.mypage .inner-wtbox{width:100%;padding:2rem;background-color:#fff;border-radius:1rem;}
.mypage .inner-wtbox .user-qrcode{position:relative;width:100%;height:6.1rem;margin-bottom:1rem;}
.mypage .inner-wtbox .user-qrcode .tit{padding:.5rem 0;color:#36373F;font-size:2rem;font-weight:800;letter-spacing:-6%;}
.mypage .inner-wtbox .user-qrcode .txt{color:#7B7E8C;font-size:1.4rem;font-weight:700;}
.mypage .inner-wtbox .user-qrcode .img-qr{position:absolute;top:0;right:0;width:6.1rem;height:6.1rem;}
.mypage .inner-wtbox .user-qrcode .img-qr img{width:100%;}
.mypage .inner-wtbox .hbox-jc .tit,
.mypage .inner-wtbox .hbox-jc .points{flex:1;width:100%;margin-bottom:1rem;font-size:1.8rem;font-weight:700;}
.mypage .inner-wtbox .hbox-jc .points{color:#36373F;text-align:right;}
.mypage .point-detail{display:block !important;}
.mypage .point-detail ul{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:7.8rem;padding:1.5rem 1rem;background-color:#F5F6FA;border-radius:1rem;}
.mypage .point-detail li{flex:1;width:100%;height:100%;padding:0 0 0 1rem;}
.mypage .point-detail li:first-child{padding-left:0;}
.mypage .point-detail li > a{position:relative;display:block;width:100%;padding:0;text-align:left;border-left:1px solid #D9D9D9;}
.mypage .point-detail li > a:first-child{border-left:0;}
.mypage .point-detail li .stit{position:relative;width:100%;margin-bottom:0;padding:.5rem 0;color:#575966;font-size:1.4rem;font-weight:700;text-align:center;}
.mypage .point-detail li .scon{width:100%;color:#36373F;font-size:1.8rem;font-weight:800;text-align:center;}
.mypage .point-detail li .scon em{color:inherit;font-size:inherit;font-weight:inherit;}

.mypage-link{display:flex;align-items:center;justify-content:space-between;width:100%;}
.mypage-link li{flex:1;width:100%;text-align:center;}
.mypage-link li a{display:block;width:100%;height:auto;color:#6A7278;font-size:1.6rem;font-weight:700;text-align:center;}
.mypage-link .isub{display:inline-block;width:100%;height:4rem;margin-bottom:.8rem;margin-right:0;background-position:center center;background-size:4rem;background-repeat:no-repeat;}

.mypage-menu{padding-bottom:2rem;}
.mypage-menu > li > p.menu-btn{display:block;position:relative;width:100%;padding:2rem 0 1rem;color:#7B7E8C;font-size:1.6rem;font-weight:700;text-align:left;}
.mypage-menu .submenu{display:block;margin-bottom:1rem;border:1px solid #E7E8F0;border-radius:1rem;}
.mypage-menu .submenu > li{padding:1.8rem 0;border-top:1px solid #E7E8F0;}
.mypage-menu .submenu > li > a, .mypage-menu .submenu > li > button{position:relative;display:inline-block;width:100%;height:2.4rem;line-height:2.4rem;padding:0 2rem;color:#474D52;font-size:1.6rem;font-weight:700;text-align:left;}
.mypage-menu .submenu > li > a::after, .mypage-menu .submenu > li > button:after{content:'';position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:1.8rem;height:1.8rem;background:url('/img/icon/ico-list-arrow.svg') 0 0 no-repeat;background-size:contain;}
.mypage-menu .submenu > li > a:hover, .mypage-menu .submenu > li > button:hover{text-decoration:underline;}
.mypage-menu .submenu > li:first-child, .mypage-menu .submenu > li > button:first-child{border-top:0;}

.mypage-menu .isub{display:inline-block;width:2.4rem;height:2.4rem;margin-right:.5rem;background-position:0 center;background-size:2.4rem;background-repeat:no-repeat;}
.mypage-menu a.active{color:#2d6fe2 !important;}
.mypage .btn-col{display:flex;align-items:center;justify-content:space-between;width:100%;}
.mypage .btn-col button{flex:1;padding:1rem 0;border:1px solid #aaa;border-left:0;}
.mypage .btn-col button:first-child{border-radius:.5rem 0 0 .5rem;border-left:1px solid #aaa;}
.mypage .btn-col button:last-child{border-radius:0 .5rem .5rem 0;}
.mo-app .tit-tel{margin-bottom:1.5rem;color:#282A2E;font-size:3.2rem;font-weight:800;text-align:center;}


/* ========= 마이페이지 > 설정 ========= */
.set-list{width:100%;border-top:.8rem solid #F2F5F7;border-bottom:.8rem solid #F2F5F7;}
.set-list + .set-list{border-top:0 none;}
.set-list li{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:7.6rem;padding:2rem;line-height:2.2rem;font-size:1.7rem;font-weight:700;border-top:1px solid #E6E6E6;}
.set-list li .tit{line-height:2.2rem;font-size:1.7rem;font-weight:700;}
.set-list li .link-arrow{width:100%;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;background:url('/img/icon/ico-arrow-right-gray.svg') right center no-repeat;background-size:1.6rem;text-align: left;}
.set-list li .txt-arrow{color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;background:url('/img/icon/ico-arrow-right-gray.svg') right center no-repeat;background-size:1.6rem;}
.set-list li .line-btn{padding:.7rem 1.2rem;color:var(--primaryBlue);line-height:2.2rem;border:1px solid var(--primaryBlue);border-radius:.4rem;}
.set-list li.flex-none{display:block;}
.set-list li .stxt{margin-top:.8rem;color:#aaa;font-size:1.1rem;line-height:2rem;}
.set-list li .stxt + .stxt{margin-top:0;}
.set-list .badge.type-noline-blue{position:absolute;right:4rem;font-size:1.4rem;}
.set-list .btn-md{background-color:#E5F1FF;color:#175EC7;border-color:#E5F1FF;}
/* 오픈라이센스 */
.license-con{padding:0 2rem 4.8rem;}
.license-con p{font-size:1.4rem;line-height:2.2rem;}
/* Phone */
 @media only screen and (max-width:1023px){
	.container-wrap.setting .content-wrap .content{margin-bottom:0;}
}


/*======= 마이페이지 > 관심평가 ==========*/
/* Phone */
 @media only screen and (max-width:639px){
	.mypage .sosop-list ul{--li-width:47%;gap:1rem calc((var(--ul-width) - (var(--li-width) * 2)) / 1);}
}
 @media only screen and (min-width:640px) and (max-width:850px){
	.mypage .sosop-list ul{--li-width:31%;gap:1rem calc((var(--ul-width) - (var(--li-width) * 3)) / 2);}
}
 @media only screen and (min-width:851px) and (max-width:1023px){
	.mypage .sosop-list ul{--li-width:19%;gap:1rem calc((var(--ul-width) - (var(--li-width) * 5)) / 4);}
}
 @media only screen and (min-width:1024px){
	.mypage .sosop-list ul{--li-width:20rem;gap:1rem calc((var(--ul-width) - (var(--li-width) * 4)) / 3);}
}

/*========== 마이페이지 > 나의포인트 =========*/
.point .content-wrap .content{width:100rem !important;}
.point-view{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;padding:2rem;border-radius:1rem;background-color:#E7F2FF;}
.point .point-view + .tab-wrap{margin-top:4rem;}
.point .point-view + .tab-wrap .tab-line{margin-bottom:2rem;}
.point-view .into-txt{width:30rem;}
.point-view .into-txt .l-ttl, .point-view .into-txt .m-ttl{font-weight:700;letter-spacing:-2px;}
.point-view .into-txt .l-ttl{color:#4179E4;font-size:3rem;}
.point-view .into-txt .m-ttl{color:#575966;font-size:2rem;}
.point-view .point-detail{flex:1;width:100%;}
.point-detail ul{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;min-height:7rem;}
.point-detail li{flex:1;width:100%;height:100%;padding:0 1rem 0 0;padding-left:10rem;border-left:1px solid #a1a1a1;background-size:5.4rem 5.4rem;background-position:2.5rem center;background-repeat:no-repeat;}
.point-detail li:first-child{border-left:0;padding-left:8rem;background-position:1rem center;}
.point-detail li .stit{margin-bottom:1.5rem;padding-right:2rem;color:#212121;font-size:1.8rem;font-weight:700;text-align:right;}
.point-detail li .scon{color:#212121;font-size:2rem;font-weight:700;text-align:right;}
.point-detail li .scon em{color:#212121;font-size:2.4rem;font-weight:800;}
.point-detail .points-held{background-image:url('/img/icon/ico-point01.svg');}
.point-detail .total-accumulated{background-image:url('/img/icon/ico-point02.svg');}
.point-detail .total-usage{background-image:url('/img/icon/ico-point03.svg');}
.point-detail .account-connection{background-image:url('/img/icon/ico-point04.svg');}
/* Phone */
@media only screen and (max-width:1023px){
	.point-view{display:block;border-radius:0;}
	.point .point-view + .tab-wrap{margin-top:0;}
	.point .point-view + .tab-wrap .tab-line{margin-bottom:0;}
	.point .board-list .payment{width:13rem !important;}
	.point-detail li .stit{text-align:left;}
	.point-detail li .scon{font-size:2.4rem;}
	.point-detail li{padding:0 0 0 1rem;background-image:none !important;}
	.point-detail li:first-child{padding-left:0;}
	.point .content:has(.sc-box.mo-app) .section{padding-top:0;}
	.point .content:has(.sc-box.mo-app) .board-list.mt40{margin-top:0 !important;}
	/*260310_add*/
	.money .point-detail ul{display:block;justify-content:unset;gap:0;min-height:7rem;}
	.money .point-detail li{display:flex;align-items:center;justify-content:space-between;padding-left:0;border-left:0;}
	.money .point-detail li .stit{text-align:left;margin-bottom:0;}
	.money .point-detail .points-held .stit{height:4rem;line-height:4rem;padding-left:4rem;background:url('/img/icon/ico-point01.svg') 0 0 no-repeat;background-size:3.5rem;}/*260313_add*/
	.money .point-detail .account-connection{border-top:1px solid #a1a1a1;margin-top:1rem;padding-top:1.5rem;}
	.money .point-detail .account-connection .stit{display:none;}
	.money .point-detail .account-connection .scon{display:inline-block;position:relative;width:100%;text-align:left;}
	.money .point-detail .account-connection .scon .btn-txt{position:absolute;top:0;right:0;}
	.list .point-detail ul{gap:1rem;}
	.list .point-detail .stit{height:3rem;margin-bottom:.5rem;padding-left:3rem;padding-right:0;line-height:3rem;font-size:1.4rem;letter-spacing:-1px;}/*260313_edit*/
	.list .point-detail .scon{font-size:1.6rem;}
	.list .point-detail .scon em{font-size:2rem;padding-right:3px;}
	.list .point-detail .points-held .stit{background:url('/img/icon/ico-point01.svg') 0 0 no-repeat;background-size:2.5rem;}/*260313_add*/
	.list .point-detail .total-accumulated .stit{background:url('/img/icon/ico-point02.svg') 0 0 no-repeat;background-size:2.5rem;}/*260313_add*/
	.list .point-detail .total-usage .stit{background:url('/img/icon/ico-point03.svg') 0 0 no-repeat;background-size:2.5rem;}/*260313_add*/
}

/*========== 마이페이지 > 포인트내역 ==========*/
.point .board-list li{padding:1rem;}
.point .board-list .hbox-jc{padding:.5rem 0;}
.point .board-list li.fc-red .part,
.point .board-list li.fc-red .payment{color:#e74461 !important;} /*사용*/
.point .board-list li.fc-blue .part,
.point .board-list li.fc-blue .ttl{color:#4386f9 !important;}  /*사용취소*/
.point .board-list .part{font-weight:700;}
.point .board-list .ttl{flex:1;}
.point .board-list .ttl.ellipsis{width:90% !important;}
.point .board-list .payment{width:20rem;text-align:right;}
.point .board-list .payment em{padding:0 .5rem;color:inherit;font-size:2rem;font-weight:800;}
.point .board-list li .btn-wrap{justify-content:flex-end;}
.point .board-list li .btn-rsd{width:12rem;}

/*========== 마이페이지 > 포인트 현금이체 ==========*/
.point .info-list .ipt-wrap.won{padding-right:2rem;text-align:right;}
.point .info-list .ipt-wrap.won input[type=tel]{padding-right:2rem;text-align:right;}
.point .info-list .ipt-wrap.won input[type=number]{padding-right:2rem;text-align:right;}
.point .point-detail .account-connection .scon .btn-txt{display:inline-block;width:9rem;height:3rem;padding:0;line-height:3rem;vertical-align:top;text-align:center;color:#4386f9;text-decoration:underline;}
.point .point-detail .account-connection .scon span{display:inline-block;height:3rem;line-height:3rem;vertical-align:top;}
/* Phone */
@media only screen and (max-width:1023px){
	.info-list > li .ipt-row .ipt-wrap + .ipt-rdoBox-wrap .ipt-rdoBox{font-size:1.6rem;}
	.info-list > li .ipt-row .ipt-rdoBox-wrap .ipt-rdoBox-line{font-size:1.6rem;}
}

/*========== 마이페이지 > 이체내역 ==========*/
.point-view + .sc-box.box-bg-gy{margin-top:1rem;}
/* Phone */
@media only screen and (max-width:1023px){
	.point .info-list .ipt-rdoBox{flex:1;width:100%;}
}

/*========== 마이페이지 > 회원정보수정 ==========*/
.member .sc-ttl + .info-list.mem-read{margin-top:1rem;}
.member .info-list.mem-read .ttl{color:#575966;}
.member .info-list.mem-read .txt{font-size:1.6rem;}
.member .txt-arrow{padding-right:2rem;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;background:url('/img/icon/ico-arrow-right-gray.svg') right center no-repeat;background-size:1.6rem;}
/* Phone */
@media only screen and (max-width:1023px){
	.member .info-list.mem-read .ipt-row .ttl{width:20rem;}
}

/*======== 마이페이지 > 나의활동내역 ========*/
/* Phone */
@media only screen and (max-width:1023px){
	.tab-line + .pos-r .btn-select{width:auto;}
}

/*======== 마이페이지 > 나의메시지 ========*/
.push-list{margin-bottom:5rem;}
.push-list li:first-child{padding-top:0;}
.push-list li{width:100%;padding:2rem 1rem;border-bottom:1px solid #E7E8F0;}
.push-list li:last-child{border-bottom:1px solid #a1a1a1;}
.push-list li p{padding-bottom:1rem;}
.push-list li .push-date{color:#575966;font-size:1.5rem;letter-spacing:0;}
.push-list li .push-tit{color:#36373F;font-size:1.8rem;font-weight:700;}
.push-list li .push-con{color:#36373F;font-size:1.8rem;font-weight:400;line-height:1.4;}



/*==========================================================================================
	고객센터 서브메인
==========================================================================================*/
.cscenter .sc-box > .title-wrap{margin-bottom:-1rem;}
.cscenter .sc-box .tit-24{margin-bottom:0 !important;}
/*메뉴링크&이용가이드 layout*/
.cscenter .cs-link{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:1rem;width:100%;margin-top:4rem;}
.cs-link .menu-link,
.cs-link .guide-link{flex:1;width:100%;height:10rem;}
/*메뉴링크*/
.cs-link .menu-link > ul{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;height:inherit;border:1px solid #E7E8F0;border-radius:1rem;}
.cs-link .menu-link > ul > li{flex:1;width:100%;height:inherit;}
.cs-link .menu-link button{width:100%;height:100%;padding:6.4rem 0 2rem;color:#6A7278;font-size:1.5rem;font-weight:700;text-align:center;background-color:transparent;}
.cs-qna-gra{background:url('/img/icon/ico_qna_gra.png') center 2rem no-repeat;background-size:3.8rem;}
.cs-qnalist-gra{background:url('/img/icon/ico_qnalist_gra.png') center 2rem no-repeat;background-size:3.8rem;}
.cs-company-gra{background:url('/img/icon/ico_company_gra.png') center 2rem no-repeat;background-size:3.8rem;}
/*이용가이드*/
.cs-link .guide-link button{position:relative;width:100%;height:100%;padding:1rem 1rem 1rem 13rem;background-color:#ECEEEF;border-radius:1rem;}
.cs-link .guide-link button::after{content:'';position:absolute;top:1rem;left:3rem;width:8rem;height:8rem;background:url('/img/icon/img_cs_guide.png') 0 0 no-repeat;background-size:contain;}
.cs-link .guide-link .m-txt{color:#575966;font-size:1.8rem;font-weight:800;text-align:left;}
.cs-link .guide-link .s-txt{color:#575966;font-size:1.4rem;font-weight:400;text-align:left;}
.cs-link .guide-link .m-txt + .s-txt{margin-top:.5rem;}
/*자주하는질문 > 구분항목*/
.cscenter .faq-badge{display:flex;align-items:center;gap:.6rem;width:100%;margin-bottom:2rem;}
.cscenter .faq-badge button{width:10rem;height:3.4rem !important;line-height:3.4rem;padding:0 1rem;}
/* Phone */
@media only screen and (max-width:1023px){
	.cscenter .cs-link{display:block;}
	.cs-link .menu-link{flex:1;width:100%;height:9rem;}
	.cs-link .guide-link{margin:1rem 0 2rem;}
	.cs-link .menu-link > ul{border:0 none;border-radius:0;}
	.cs-link .menu-link button{padding-bottom:0;}
	.cs-link hr{display:block;width:calc(100% + 4rem);height:.9rem;margin-left:-2rem;background-color:#f5f6fa;border:0 none;}
}

/*======== 고객센터 > 1:1문의 ========*/
.qna .acdn-list .inquiry-box{padding-top:0;}
/*질문*/
.qna .acdn-list .acdn-cont .inquiry-q{padding-bottom:2rem;}
.qna .acdn-list .acdn-cont .inquiry-q > p{position:relative;display:block;padding-left:2.4rem;font-weight:400;line-height:1.4;}
.qna .acdn-list .acdn-cont .inquiry-q > p::before{content:'Q';position:absolute;top:-.2rem;left:0;font-size:2rem;font-weight:700;}
/*버튼*/
.qna .acdn-list .acdn-cont .btn-wrap{justify-content:flex-end;margin-top:1.2rem;}
.qna .acdn-list .acdn-cont .btn-wrap button{width:10rem;border-radius:.4rem;}
/*답변*/
.qna .acdn-list .acdn-cont .con-a{width:100%;padding:2rem 0 1rem;border-top:1px solid #E6E6E6;}
.qna .acdn-list .acdn-cont .con-a .date{padding-top:1.6rem;}
.qna .acdn-list .acdn-cont .inquiry-a .con-a{display:flex;flex-wrap:wrap;position:relative;padding:2rem 0 2rem 2.4rem;line-height:1.4;color:#5b5c60;}
.qna .acdn-list .acdn-cont .inquiry-a .con-a::before{content:'A';position:absolute;top:2.0rem;left:0;font-size:2rem;font-weight:700;color:#4386f9;}
.qna .btn-wrap.btn-qna{width:100%;justify-content:flex-end;margin-top:1.2rem;}
.qna .btn-wrap.btn-qna button{width:15rem;}
.qna .noti-detail-file-list{padding:1.6rem 0 0 2.4rem;border-top:none;}

/*======== 고객센터 > 이용가이드 ========*/
.wrapper .container-wrap.guide{width:100%;}
.guide .guide-wrap{margin-top:4rem;}
.guide .sosop-b-tit{margin-top:1rem;}
.guide-wrap li{display:flex;align-items:flex-start;gap:3rem;justify-content:space-between;width:100%;margin-bottom:1rem;padding:4rem;background-color:#fff;border-bottom:1px solid #D3D6E1;}
.guide-wrap li:last-child{border-bottom:0 none;}
.guide-wrap .guide-con{flex:1;width:100%;color:#575966;font-size:2rem;}
.guide-wrap .guide-img{flex:1;width:100%;min-height:20rem;height:auto;border-radius:1rem;background-color:#F2F5F7;}
.guide-wrap .guide-img img{width:100%;height:auto;}
.guide-wrap .guide-number{position:relative;z-index:1;display:block;width:3.2rem;height:3.2rem;margin:0 1rem 1rem 0;line-height:3.2rem;color:#fff;font-size:1.6rem;font-weight:800;text-align:center;border-radius:50%;background-color:#2b8bdc;}
.guide-wrap .guide-tit-txt{color:#2b8bdc;font-size:2.4rem;font-weight:800;line-height:3.2rem;}
.guide-wrap .guide-stit{margin-top:1.6rem;color:#36373F;font-size:1.8rem;font-weight:800;}
.guide-wrap .guide-txt{margin-top:1.6rem;font-size:1.8rem;word-break:keep-all;}
.guide-wrap .guide-txt.desc{color:#4386f9;font-size:1.6rem;}
.guide-wrap [class*='guide-'].first{margin-top:3rem;}
/* Phone */
@media only screen and (max-width:1023px){
	.wrapper .container-wrap.guide{padding-bottom:0;}
	.guide .section{background-color:#F3F4F5;}
	.guide-wrap li{flex-direction:column;border-radius:1rem;border-bottom:0 none;}
	.guide-wrap .guide-number{margin:1rem auto;}
	.guide-wrap .guide-con > .guide-tit-txt{text-align:center;}
	.guide-wrap .guide-txt{margin-top:0;}
	.guide-wrap .guide-stit{margin:1.6rem 0 .8rem;}
}



/*==========================================================================================
	소상공인 관리
==========================================================================================*/
/*======== 소상공인 평가신청 ========*/
.store .info-list .type-row{display:flex;flex-direction:row;align-items:flex-start;}
.store .info-list .type-row .ttl{width:15rem;height:4.5rem;line-height:4.5rem;}
.store .info-list .type-row .ttl + *{flex:1;margin-left:0;width:100%;}
.store .info-list .type-row .ipt-wrap input{width:100%;}
/*======== 소상공인 평가신청안내 ========*/
.store .sosop-tit{color:#666;font-size:2rem;font-weight:700;text-align:center;}
.store .sosop-b-tit{margin-top:1rem;}
.store .sosop-con{margin-top:3rem;line-height:3rem;color:#7b7e8c;font-size:1.9rem;font-weight:700;}
.store .sosop-con + .sosop-con{margin-top:1.5rem;}
.store .sosop-con .fc-red{font-size:1.9rem;font-weight:inherit;color:#e74461 !important;} /*사용*/
.store .sosop-con .fc-blue{font-size:1.9rem;font-weight:inherit;}
.store .sosop-img{margin-top:2rem;text-align:center;}
.store .sosop-img img{width:auto;height:20rem;}
.store .point-view{margin-bottom:4rem;}
.store .box-pd-r60{display:inline-block;display:flex;justify-content:flex-end;}
.store .point-detail ul{gap:1rem;}
.store .point-detail ul li{cursor: pointer;}
.store .point-detail li .stit{margin-bottom:1.5rem;padding-right:0;color:#212121;font-size:1.6rem;font-weight:700;text-align:right;}
.store .point-detail li .scon{color:#212121;font-size:1.8rem;font-weight:700;text-align:right;}
.store .point-detail li .scon em{color:#212121;font-size:1.8rem;font-weight:800;}
.store .point-detail .img-reviewing{background-image:url('/img/icon/ico-document01.svg');}
.store .point-detail .img-complete{background-image:url('/img/icon/ico-document02.svg');}
.store .point-detail .img-rejected{background-image:url('/img/icon/ico-document03.svg');}

/* Phone */
@media only screen and (max-width:1023px){
	.store .point-view{display:block;padding:1.5rem;margin-bottom:0;}
	.store .point-detail li .stit{padding-right:0;font-size:1.5rem;text-align:left;}
	.store .btn-wrap{display:block;width:100%;}
	.store .box-pd-r60{justify-content:flex-start;margin-top:3rem;}
	.store .box-pd-r60 .sc-box{padding:0;padding-bottom:4rem;}
	.store .box-pd-r60 .sc-box p{font-size:1.7rem;}
	.store .box-pd-r60 .sc-box li{font-size:1.7rem;}
	.store .point-view .ico{display:inline-block;width:2.5rem;height:2.5rem;margin-right:.5rem;background-position:0 0;background-size:contain;background-repeat:no-repeat;}
	.store .point-view .ico.img-document1{background-image:url('/img/icon/ico-document01.svg');}
	.store .point-view .ico.img-document2{background-image:url('/img/icon/ico-document02.svg');}
	.store .point-view .ico.img-document3{background-image:url('/img/icon/ico-document03.svg');}
	.store .section:has(.point-view){margin-bottom:0 !important;}
}
/*======== 소상공인 상세페이지 입력 ========*/
.wrapper .container-wrap.form-detail .content-wrap{max-width:128rem;}
.wrapper .container-wrap.form-detail .content-wrap .content{max-width:100%;}
.detail-list{width:100%;border-top:1px solid #575966;}
.detail-list th, .detail-list td{min-height:5.6rem !important;padding:1rem;text-align:left;border-bottom:1px solid #D3D6E1;}
.detail-list .txt-desc{margin-top:1rem;color:#4386f9;font-size:1.4rem;}
.detail-list .txt-desc span{color:#e74461;font-size:inherit;}
.detail-list .ipt-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.detail-list .ipt-row > *{flex:1;width:100%;}
.detail-list .hbox-jc{align-items:flex-start;gap:1rem;}
.detail-list .hbox-jc > li{position:relative;flex:1;width:100%;padding:1rem;}
.detail-list .hbox-jc > li:first-child{padding-left:0;}
.detail-list .hbox-jc > li:last-child{padding-right:0;}
.detail-list .img-wrap{display:inline-block;width:100%;height:20rem;background:#f2f2f2 url('/img/img_logo_gr.png') center center no-repeat;background-size:9.8rem;border-radius:1rem;}
.detail-list .img-wrap img{min-width:100%;max-width:100%;width:auto;min-height:100%;max-height:100%;height:auto;border-radius:1rem;}
.detail-list .img-wrap + .btn-txt{margin-top:1rem;}
.detail-list .hbox-jc > li .btn-txt.btn-sd.line-gy{border:1px solid #D9D9D9;}
.detail-list .hbox-jc > li .btn-del{position:absolute;top:0;right:0;width:3rem;height:3rem;border-radius:1.5rem;background:#000 url('/img/icon/ico-close-wt.svg') center center no-repeat;background-size:2rem;}
.detail-list .hbox{display:flex;align-items:center;gap:1rem;}
.detail-list .ipt-wrap.won{text-align:right;}
.detail-list .ipt-wrap.won input[type=tel]{text-align:right;}
.detail-list .hbox + .hbox{margin-top:1rem;}
.detail-list .slash{display:inline-block;padding:0 1rem;}
.detail-list .ipt-row .ipt-wrap{flex:1;width:100%;}
.detail-list td:has(.ipt-row) .ipt-row{padding:0;}
.detail-list .ipt-row + .ipt-wrap, .detail-list .ipt-wrap + .ipt-wrap{margin-top:1rem;}
.detail-list .btn-ipt-txt{height:5rem;padding:0 2rem;color:#4386f9;font-size:1.6rem;font-weight:700;border:1px solid #4386f9;border-radius:.5rem;}

/* qr-scanner */
.qr-scanner-wrap {
	position: relative;
	margin-top: 2rem;
	border-radius: .8rem;
	overflow: hidden;
	background-color: #000;
}

#reader {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

/* html5-qrcode 내부 요소 정리 */
#reader video {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
#reader img { display: none; }
#reader__scan_region { position: relative; }

/* 스캔 프레임 오버레이 */
.scan-frame {
	position: absolute;
	inset: 0;
	pointer-events: none;
	/* background:
		linear-gradient(to bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 15%),
		linear-gradient(to top,    rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 15%),
		linear-gradient(to right,  rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 15%),
		linear-gradient(to left,   rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 15%); */
}

/* 모서리 브래킷 */
.scan-corner {
	position: absolute;
	width: 2.4rem;
	height: 2.4rem;
	border-color: #2d6fe2;
	border-style: solid;
}
/* .scan-corner.tl { top: 15%; left: 15%; border-width: 3px 0 0 3px; border-radius: 4px 0 0 0; }
.scan-corner.tr { top: 15%; right: 15%; border-width: 3px 3px 0 0; border-radius: 0 4px 0 0; }
.scan-corner.bl { bottom: 20%; left: 15%; border-width: 0 0 3px 3px; border-radius: 0 0 0 4px; }
.scan-corner.br { bottom: 20%; right: 15%; border-width: 0 3px 3px 0; border-radius: 0 0 4px 0; } */

/* 스캔 라인 애니메이션 */
.scan-line {
	position: absolute;
	left: 15%;
	width: 70%;
	height: 2px;
	background: linear-gradient(to right, transparent, #2d6fe2, transparent);
	box-shadow: 0 0 8px #2d6fe2;
	top: 15%;
	animation: scanMove 2s ease-in-out infinite;
}

@keyframes scanMove {
	0%   { top: 17%; opacity: 1; }
	45%  { top: 78%; opacity: 1; }
	50%  { top: 78%; opacity: 0; }
	55%  { top: 17%; opacity: 0; }
	60%  { top: 17%; opacity: 1; }
	100% { top: 17%; opacity: 1; }
}

/* 안내 텍스트 */
.scan-guide-txt {
	padding: 1.2rem 0 1rem;
	text-align: center;
	color: #7B7E8C;
	font-size: 1.3rem;
	font-weight: 500;
	background-color: #fff;
}