:root{
	--sms-color: #ffeb00;
	--smsbg: rgba(241,226,15,.95);
	--box-shadow-inset: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.08) 1px 2px 3px, rgba(0, 0, 0, 0.10) 0px 8px 30px;
	--box-shadow-inset-hover: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 1px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;
	--box-shadow-inset2: rgba(255, 255, 255, 0.2) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, rgba(0, 0, 0, 0.15) 0px 15px 80px;
}
#quick_sms_div {position: fixed; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 3rem; padding: 0; box-sizing: border-box; cursor: pointer; border: 1px solid var(--sms-color); box-shadow: var(--box-shadow-inset);}
/* 상담 동그라미버튼 등장애니 */
.quick_sms_div{/*backdrop-filter: blur(30px); will-change: transform, opacity; transition: transform 400ms cubic-bezier(0.36, 0, 0, 1) 10ms, box-shadow 200ms ease-out; animation: 800ms cubic-bezier(0.36, 0, 0, 1) 0s normal backwards running btnshow;*/animation: btnshow 300ms ease-in both;}
.quick_sms_div:hover {box-shadow: var(--box-shadow-inset-hover);}
@keyframes btnshow {
	0% {
		opacity: 0;
		transform: scale3d(0.8, 0.8, 1);
	}
	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}
#quick_sms_body{display:none; position: fixed; z-index: 101; background: var(--white); font-size: 1.8rem; overflow: hidden !important; box-sizing: border-box; max-width: 35rem; width: 100%; border-radius: 2rem; border: 1px solid var(--lightgray); box-shadow: var( --box-shadow-inset2);}

/* 상담박스 등장애니 */
.quick_sms_body{
    transition: visibility 400ms cubic-bezier(0.36, 0, 0, 1), width 400ms cubic-bezier(0.36, 0, 0, 1), max-width 400ms cubic-bezier(0.36, 0, 0, 1), max-height 400ms cubic-bezier(0.36, 0, 0, 1);
    animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal both running bodyshow; will-change: transform, opacity, width, max-height, max-width !important;}
@keyframes bodyshow {
	0% {
		opacity: 0;
		transform: translate3d(0px, 50px, 0px);
	}
	100% {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
	}
}



/* 2025-06-24 yun svg설정 */
#quick_sms_div {width: 10rem; height: 10rem; background: var(--sms-color);}
.icon-svg {width: 6rem; height: 5rem;}
.icon-svg .css-7kp13n {fill: var(--tanblack);}
.quick_sms_div-title {font-size: 1.85rem; font-weight: 700; color: var(--tanblack); padding-top:.5rem;}
#quick_sms_body .cs-fix-box2 {padding: 3rem; box-sizing: border-box; width: 100%; background: var(--white);}
#quick_sms_body .customer-box {background: var(--white); color: var(--mudgray); display: flex; flex-direction: column; gap: 2rem; width: 100%;}
#quick_sms_body fieldset {border: none; padding: 0; display: flex; flex-direction: column; gap: 1rem;}
#quick_sms_body .desc {width: 100%; display: flex; gap: .5rem; flex-direction: column;}
#quick_sms_body .desc textarea {padding: 1rem; width: 100%; border-radius: .5rem; font-size: 2rem;}
#quick_sms_body .phone {width:100%; display: block; padding: 1rem; border-radius: .5rem; font-size: 2rem;}

/* 타이틀 */
#quick_sms_body .title {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: .3rem; box-sizing: border-box; border-radius: .5rem; background: var(--theme-color); color: var(--white); padding: 2rem 0; font-size: 2.5rem;}
#quick_sms_body .frm-customer{ width: 100%; box-sizing: border-box; padding: 0;}
#quick_sms_body .content{width:100%; height:150px; display: block; font-size: 1.5rem;}
#quick_sms_body	.btn-close {display:none; position: absolute; top: 0px; right: 0px; box-sizing: border-box;}
#quick_sms_body label{margin-top: 0; margin-right: 5px; font-weight: 500;}
#quick_sms_body .privacy {background: var(--brightgray); padding: 1rem 1.3rem; border-radius: 1rem; font-size: 1.75rem;}
#quick_sms_body	.privacy .text{display:block; margin-bottom: 2px; cursor: pointer; font-weight: 600; transition: var(--transition); transition-property: all;}
#quick_sms_body	.privacy .text:hover {/*text-decoration: underline;*/ }
#quick_sms_body .agree{margin-left: 0; margin-right: 3px; margin-top: 1px;}
/* 하단버튼 */
#quick_sms_body .btnwrap {cursor: pointer; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: .5rem;}
#quick_sms_body .btn-register,
#quick_sms_body .btn-register-close {width: 100%; text-align: center; box-sizing: border-box; border-radius: .5rem; padding: 1.5rem 0; font-size: 2rem;}
#quick_sms_body .btn-register{background: var(--smsbg); color: var(--tanblack);}
#quick_sms_body .btn-register-close{background: var(--basic-color); color: var(--white);}
/**/
@media all and (max-width:800px){
	#quick_sms_body {max-width: 50rem; font-size: 2.85rem;}
	#quick_sms_body .customer-box {gap:3rem;}
	#quick_sms_body fieldset {gap:2rem;}
	#quick_sms_body .title {font-size: 3.5rem;}
	#quick_sms_body .privacy {font-size: 2rem;}
	#quick_sms_body .btn-register, #quick_sms_body .btn-register-close {font-size: 2.8rem; padding:2rem 0;}
	#quick_sms_body .desc {gap:1rem;}
	#quick_sms_body .desc textarea,
	#quick_sms_body .phone {font-size: 2.4rem;}
}