@charset "utf-8";
@import url("font.css");

/* 태그초기화 */
*{margin:0; padding:0; box-sizing:border-box;}
html{color-scheme: light;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;font-family: "Pretendard",sans-serif;word-break: break-word;font-weight:400; font-size:15px; color:var(--color-text); background-color: #FFFFFF;line-height:150%;}
h1, h2, h3, h4, h5, h6{font-size:inherit;}
ul, ol{list-style:none;}																																  
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle;color: #353849;}
fieldset{border: 0;}
/* iframe{width: 0;height: 0;position: absolute;bottom: 0;left: 0;} */
em, address, i{ font-style:normal;}
img{border:0px; vertical-align:top;max-width:100%;}
a{text-decoration:none; color:#353849;}
table{position: relative;width:100%; border-spacing:0px; border-collapse:collapse;table-layout: fixed;}
caption{position: relative;width: 0px;height:0px;clip: rect(0,0,0,0);overflow: hidden;visibility:hidden;}
legend{position: absolute;width: 1px;height: 1px;clip: rect(0,0,0,0);overflow: hidden;}
input{appearance: none;-moz-appearance: textfield; -webkit-appearance: none;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none !important;margin: 0;}
input[type="checkbox"], input[type="radio"]{border:0px;}
strong{font-weight: 700;}
picture{display: block;text-align: center;}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],input[type="date"]{padding:8px 16px;min-height: 44px;font-family: "Pretendard";font-size: 16px;line-height: 150%;letter-spacing: -0.32px;color:#353849;border-radius:4px;border:1px solid #C3C6CE;}
input:disabled{background-color: #EEF0F4;color:#AAAFBC;cursor:auto;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset !important;-webkit-text-fill-color: #212529 !important;}
a:focus, button:focus,input:focus,select:focus,textarea:focus{outline:none !important;}
textarea{width:100%;height:300px;padding:8px 16px;resize:none;font-family: 'Pretendard';border:1px solid #C3C6CE;border-radius:4px;font-size: inherit;}
select{height:48px;padding:7px 12px;background:#fff url("../images/sub/icon-select-arr.svg")no-repeat;background-position-y: 50%;background-position-x: calc(100% - 12px);font-weight: 500;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:8px;outline:none;font-family: "Pretendard";background-size:18px 18px;border:1px solid #D8DBDF;color:#484A4D;font-size: 14px;line-height: 21px;}
select option {padding:5px 0;font-weight: 400;font-size: 14px;line-height: 26px;color:#373944;background-color:#fff;}


:root {
	/* Primary palette (Figma) */
	--color-primary-50:  #EBF6FF;
	--color-primary-100: #D7EAFF;
	--color-primary-200: #A7D3FF;
	--color-primary-300: #70B8FF;
	--color-primary-400: #338DFF;
	--color-primary-500: #0077FF;
	--color-primary-600: #005BFF;
	--color-primary-700: #0040E6;
	--color-primary-800: #0E1495;
	--color-primary-900: #080A5A;

	/* Gray palette (Figma) */
	--color-gray-50:  #F6F7F8;
	--color-gray-100: #EEF0F4;
	--color-gray-200: #DFE1E8;
	--color-gray-300: #C3C6CE;
	--color-gray-400: #AAAFBC;
	--color-gray-500: #687286;
	--color-gray-600: #5A6275;
	--color-gray-700: #35425C;
	--color-gray-800: #353849;
	--color-gray-900: #151523;

	--white: #ffffff;
	--black: #000000;

	--color-primary: var(--color-primary-500);
	--color-primary-hover: var(--color-primary-600);
	--color-primary-active: var(--color-primary-700);

	--color-secondary: var(--color-gray-500);
	--color-secondary-hover: var(--color-gray-600);
	--color-secondary-active: var(--color-gray-700);

	/* color text*/
	--color-text: var(--color-gray-800);
	
}

.nodata{width:100% !important;margin:0 auto;padding:40px 0 !important;grid-column: 1 / -1;text-align:center !important;color:#999 !important;font-size: inherit !important;font-weight: 400 !important;background: none !important;}
/* .nodata.bor{border-bottom:1px solid #DFE1E8;} */

/* select custom common */
.custom-select-com {position: relative;width:120px;font-size: 16px;color:#AAAFBC;}
.custom-select-com .select-btn {width: 100%;padding: 9px 16px;height: 44px;line-height: 24px;;border: 1px solid #C3C6CE;color:#AAAFBC;border-radius: 4px;background: #fff;text-align: left;cursor: pointer;position: relative;}
.custom-select-com .select-btn.selected{color:#353849;}
.custom-select-com .select-btn .icon-select-arr {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.custom-select-com.active .select-btn .icon-select-arr{transform: translateY(-50%) rotate(180deg);} 
.custom-select-com .select-options {position: absolute;top: calc(100% + 4px);left: 50%;transform: translateX(-50%);width:100%;background: #fff;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 2px 16px 0 rgba(0, 0, 0, 0.12);border-radius: 4px;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.25s ease, opacity 0.25s ease;z-index: 10;}
.custom-select-com.active .select-options {max-height: 222px;opacity: 1;overflow-y: auto;}
.custom-select-com .select-options li {position: relative;padding: 10px 16px;cursor: pointer;transition: background 0.2s ease;color: #353849;font-size:16px;line-height:150%;}
.custom-select-com .select-options li:hover {background:#EBF6FF;}

#wrap{min-width:1200px;}
#container.contype2{margin-top:-88px;}
.container{width: 1136px;margin:0 auto;}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.hidden{overflow:hidden;}
.dim{opacity: 0;visibility: hidden;position: fixed;top: 0;left: 0;width: 100%;height: 100%;transition: visibility 0.3s, opacity 0.3s;z-index: 99;background-color: rgba(0, 0, 0, 0.65);}
.dim.active{visibility: visible;opacity: 1;transition: visibility 0.3s, opacity 0.3s;}
.d-none{display:none;}
.d-flex{display:flex;}
.flex-start{justify-content:flex-start;}
.flex-end{justify-content:flex-end;}
.align-items-start{align-items:flex-start !important;}
.justify-content-between{justify-content:space-between;}
.text-start{text-align:left !important;}
.text-center{text-align:center !important;}
.text-end{text-align:right !important;}
.m-auto{margin:0 auto;}
.m-0{margin:0 !important;}
.mt-0{margin-top:0 !important;}
.mt-12{margin-top:12px !important;}
.mb-30{margin-bottom:30px;}
.mb-0{margin-bottom:0 !important;}
.w-280px{width:280px;}
.w-180px{width:180px;}
.w-100{width:100%;}
.mb-50{margin-bottom:50px;}
.cusor-p{cursor:pointer;}

/* scroll-bar */
.scroll-bar{overflow-y: auto;}
.scroll-bar::-webkit-scrollbar {width: 6px;height:30px;background-color:transparent;}
.scroll-bar::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #687286;}


/* placeholder */
input:-internal-autofill-selected{background:none;}
::placeholder{color: #AAAFBC !important; opacity:1;font-weight: 400;font-size: 16px;line-height: 24px;font-family: 'Pretendard';letter-spacing: -0.32px;}
:-ms-input-placeholder{color: #AAAFBC !important; opacity:1;font-weight: 400;font-size: 16px;line-height: 24px;font-family: 'Pretendard';letter-spacing: -0.32px;}
::-ms-input-placeholder{color: #AAAFBC !important; opacity:1;font-weight: 400;font-size: 16px;line-height: 24px;font-family: 'Pretendard';letter-spacing: -0.32px;}

.skip-navi {overflow:hidden; position:relative; width:100%; z-index:9999;}
.skip-navi a {display:flex; align-items:center;justify-content:center;font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;}
.skip-navi a:focus, .skip-navi a:hover, .skip-navi a:active {background:#000; color:#fff; font-size:inherit; font-weight:700; padding:10px 0;margin:0; height:40px;margin:0; width:auto;} 


/* swiper */
.swiper-pagination-bullet{opacity:1 !important;}

/* btn */
.btn-center{display:flex;justify-content:center;margin-top:40px;}
.btn-end{display:flex;justify-content:flex-end;margin-top:20px;}
.btn-start{display:flex;justify-content:flex-start;margin-top:40px;}
.btn-between{display:flex;justify-content:space-between;margin-top:30px;}
.btn3{display:flex;justify-content:space-between;margin-top:40px;}
.btns{display:flex;align-items:center;column-gap:16px;}

.btn{display: flex;align-items: center;justify-content: center;font-weight: 500;gap:6px; color: var(--btn-text);background-color: var(--btn-bg);border: 1px solid var(--btn-border);letter-spacing:0;line-height:150%;text-align: center;vertical-align: middle;border-radius:4px;cursor: pointer;transition: background .3s,border .3s,color .3s;font-family: 'Pretendard';-webkit-tap-highlight-color: transparent;}
.btn:hover{background-color: var(--btn-bg-hover, var(--btn-bg));}
.btn:active{background-color: var(--btn-bg-active, var(--btn-bg-hover, var(--btn-bg)));}
.btn:visited{color: var(--btn-text);background-color: var(--btn-bg);border-color:var(--btn-border);}
.btn:disabled{color: var(--btn-text-disabled, var(--btn-text));border-color: var(--btn-border-disabled, var(--btn-border));background-color: var(--btn-bg-disabled, var(--btn-bg));opacity: var(--btn-disabled-opacity, 1);cursor: not-allowed;}
.btn-xlg{height:64px;border-radius:8px;font-size:20px;font-weight: 700;}
.btn-lg{height:52px;font-size:17px;}
.btn-md{height:44px;font-size: 16px;}
.btn-sm{height:38px;font-size: 14px;}
.btn-xs{height:32px;font-size:13px;}

.btn-primary{--btn-text: var(--white);--btn-bg: var(--color-primary);--btn-border: var(--color-primary);
 --btn-bg-hover: var(--color-primary-hover);--btn-border-hover: var(--color-primary-hover);
--btn-bg-active: var(--color-primary-active);--btn-border-active: var(--color-primary-active);
--btn-disabled-opacity: 0.3;}
.btn-outline-primary{--btn-bg: transparent;--btn-text: var(--color-primary);--btn-border: var(--color-primary);
--btn-bg-hover: rgba(235, 246, 255, 0.3);--btn-text-hover: var(--color-primary-hover);--btn-border-hover: var(--color-primary-hover);
--btn-bg-active: rgba(235, 246, 255, 0.6);--btn-text-active: var(--color-primary-active);--btn-border-active: var(--color-primary-active);
--btn-bg-disabled: #EEF0F4;--btn-text-disabled: #A7D3FF;--btn-border-disabled: #A7D3FF;}

.btn-secondary{--btn-text: var(--white);--btn-bg: var(--color-secondary);--btn-border: var(--color-secondary);
 --btn-bg-hover: var(--color-secondary-hover);--btn-border-hover: var(--color-secondary-hover);
--btn-bg-active: var(--color-secondary-active);--btn-border-active: var(--color-secondary-active);
--btn-disabled-opacity: 0.3;}
.btn-outline-secondary{--btn-bg: transparent;--btn-text: var(--color-secondary-active);--btn-border: var(--color-secondary);
--btn-bg-hover: rgba(246, 247, 248, 0.7);--btn-text-hover: var(--color-text);--btn-border-hover: var(--color-secondary);
--btn-bg-active: #F6F7F8;--btn-text-active: #151523;--btn-border-active: var(--color-secondary);
--btn-bg-disabled: #EEF0F4;--btn-text-disabled: #C3C6CE;--btn-border-disabled: #EEF0F4;}

.btn-outline-secondary.btn-all{width:720px;margin:40px auto 0;}

/* badge */
.badges{display:flex;gap:5px;}
.badge{display: inline-block;height:19px;padding:3px 5.5px;border-radius:4px;font-weight:500;line-height:100%;font-size:11px;border:1px solid transparent;}
.badge-bl{background-color: #E9F5FF;border:1px solid #E9F5FF;color:#0077FF;}
.badge-gr{background-color: #E8FAE1;border:1px solid #E8FAE1;color:#189B22;}
.badge-pu{background-color: #F3ECFF;border:1px solid #F3ECFF;color:#8060D3;}
.badge-best{display:flex;gap:4px;align-items:center;padding:5.5px 8.5px;border-radius:24px;color:#fff;border-color:#338DFF;background-color: #338DFF;font-weight: 700;font-size: 13px;line-height: 100%;}
.badge-good{display:flex;gap:4px;align-items:center;padding:5.5px 8.5px;border-radius:24px;color:#fff;border-color:#6AD73C;background-color: #6AD73C;font-weight: 700;font-size: 13px;line-height: 100%;}


/* font color */
.text-primary{color:#07F !important;}
.text-accent{color:#DA0000 !important;}



/* radio */
.form-radio-line{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px;}	
.form-radio{display: flex;align-items: center;}
.form-radio input[type=radio]{width: 16px;height: 16px;margin-right: 8px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/sub/icon-radio-off.svg");background-repeat: no-repeat;}
.form-radio label{width: calc(100% - 24px);color:#35425C;cursor:pointer;font-size:16px;letter-spacing: -0.32px;}
.form-radio input:checked[type=radio]{background-image: url("../images/sub/icon-radio-on.svg");}

/* 라디오 이지만 체크박스 디자인 */
.form-radio-trans input[type=radio]{background-image: url("../images/sub/icon-checkbox-off.svg");background-repeat: no-repeat;}
.form-radio-trans input:checked[type=radio]{background-image: url("../images/sub/icon-checkbox-on.svg");}
/* .form-radio input:disabled{background-image: url("../images/sub/icon-radio-disabled.svg");}
.form-radio input:disabled+label{color:#9A9EA3;} */


/* checkbox */
.form-chk-line{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px;}	
.form-check{display: flex;align-items: center;}
.form-check input[type=checkbox]{width: 16px;height: 16px;margin-right: 8px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/sub/icon-checkbox-off.svg");border-radius:0;background-repeat: no-repeat;}
.form-check label{width: calc(100% - 24px);color:#35425C;cursor:pointer;font-size:16px;letter-spacing: -0.32px;}
.form-check input:checked[type=checkbox]{background-image: url("../images/sub/icon-checkbox-on.svg");}
/* .form-check input:disabled{background-image: url("../images/sub/icon-checkbox-disabled.svg");} */
.form-check input:disabled+label{color:#9A9EA3;}


/* 아이콘 */
.icon-easy-estimate{width:20px;height:20px;background:url("../images/main/icon-easy-estimate.svg");}
.icon-live{width:12px;height:9px;background:url("../images/main/icon-live.svg");}
.icon-live-arr{width:6px;height:11px;background:url("../images/main/icon-live-arr.svg");}
.icon-badge-best{width:16px;height:12px;background:url("../images/main/icon-badge-best.svg");}
.icon-badge-good{width:14px;height:11px;background:url("../images/main/icon-badge-good.svg");}
.icon-main-contact-01{width:37px;height:41px;background:url("../images/main/icon-main-contact-01.svg");}
.icon-main-contact-02{width:44px;height:41px;background:url("../images/main/icon-main-contact-02.svg");}
.icon-main-contact-03{width:53px;height:41px;background:url("../images/main/icon-main-contact-03.svg");}
.icon-link-arr{width:24px;height:24px;background:url("../images/main/icon-link-arr.svg");}
.icon-link-faq{width:8px;height:14px;background:url("../images/main/icon-link-faq.svg");}
.icon-main-select-arr{width:18px;height:18px;background:url("../images/main/icon-main-select-arr.svg");}
.icon-lightning{width:20px;height:20px;background:url("../images/main/icon-lightning.png");}
.icon-main-top-arr{width:28px;height:28px;background:url("../images/main/icon-main-top-arr.png");transition:.3s;}

.icon-select-arr{width:13px;height:8px;background:url("../images/sub/icon-select-arr.svg");}
.icon-service-item-01{width:40px;height:46px;background:url("../images/sub/icon-service-item-01.png");}
.icon-service-item-02{width:40px;height:46px;background:url("../images/sub/icon-service-item-02.png");}
.icon-service-item-03{width:40px;height:46px;background:url("../images/sub/icon-service-item-03.png");}
.icon-service-item-04{width:40px;height:46px;background:url("../images/sub/icon-service-item-04.png");}
.icon-move-review{width:17px;height:16px;background:url("../images/sub/icon-move-review.svg");}
.icon-home-recom-01{width:100px;height:100px;background:url("../images/sub/icon-home-recom-01.png");}
.icon-home-recom-02{width:100px;height:100px;background:url("../images/sub/icon-home-recom-02.png");}
.icon-home-recom-03{width:100px;height:100px;background:url("../images/sub/icon-home-recom-03.png");}
.icon-home-recom-04{width:100px;height:100px;background:url("../images/sub/icon-home-recom-04.png");}
.icon-room-recom-01{width:100px;height:100px;background:url("../images/sub/icon-room-recom-01.png");}
.icon-room-recom-02{width:100px;height:100px;background:url("../images/sub/icon-room-recom-02.png");}
.icon-room-recom-03{width:100px;height:100px;background:url("../images/sub/icon-room-recom-03.png");}
.icon-room-recom-04{width:100px;height:100px;background:url("../images/sub/icon-room-recom-04.png");}
.icon-storage-recom-01{width:100px;height:100px;background:url("../images/sub/icon-storage-recom-01.png");}
.icon-storage-recom-02{width:100px;height:100px;background:url("../images/sub/icon-storage-recom-02.png");}
.icon-storage-recom-03{width:100px;height:100px;background:url("../images/sub/icon-storage-recom-03.png");}
.icon-storage-recom-04{width:100px;height:100px;background:url("../images/sub/icon-storage-recom-04.png");}
.icon-movein-recom-01{width:100px;height:100px;background:url("../images/sub/icon-movein-recom-01.png");}
.icon-movein-recom-02{width:100px;height:100px;background:url("../images/sub/icon-movein-recom-02.png");}
.icon-movein-recom-03{width:100px;height:100px;background:url("../images/sub/icon-movein-recom-03.png");}
.icon-movein-recom-04{width:100px;height:100px;background:url("../images/sub/icon-movein-recom-04.png");}
.icon-office-recom-01{width:100px;height:100px;background:url("../images/sub/icon-office-recom-01.png");}
.icon-office-recom-02{width:100px;height:100px;background:url("../images/sub/icon-office-recom-02.png");}
.icon-office-recom-03{width:100px;height:100px;background:url("../images/sub/icon-office-recom-03.png");}
.icon-office-recom-04{width:100px;height:100px;background:url("../images/sub/icon-office-recom-04.png");}
.icon-foreign-recom-01{width:100px;height:100px;background:url("../images/sub/icon-foreign-recom-01.png");}
.icon-foreign-recom-02{width:100px;height:100px;background:url("../images/sub/icon-foreign-recom-02.png");}
.icon-foreign-recom-03{width:100px;height:100px;background:url("../images/sub/icon-foreign-recom-03.png");}
.icon-foreign-recom-04{width:100px;height:100px;background:url("../images/sub/icon-foreign-recom-04.png");}
.icon-clean-move-recom-01{width:100px;height:100px;background:url("../images/sub/icon-clean-move-recom-01.png");}
.icon-clean-move-recom-02{width:100px;height:100px;background:url("../images/sub/icon-clean-move-recom-02.png");}
.icon-clean-move-recom-03{width:100px;height:100px;background:url("../images/sub/icon-clean-move-recom-03.png");}
.icon-clean-move-recom-04{width:100px;height:100px;background:url("../images/sub/icon-clean-move-recom-04.png");}
.icon-clean-movetheday-recom-01{width:100px;height:100px;background:url("../images/sub/icon-clean-movetheday-recom-01.png");}
.icon-clean-movetheday-recom-02{width:100px;height:100px;background:url("../images/sub/icon-clean-movetheday-recom-02.png");}
.icon-clean-movetheday-recom-03{width:100px;height:100px;background:url("../images/sub/icon-clean-movetheday-recom-03.png");}
.icon-clean-movetheday-recom-04{width:100px;height:100px;background:url("../images/sub/icon-clean-movetheday-recom-04.png");}
.icon-clean-residence-recom-01{width:100px;height:100px;background:url("../images/sub/icon-clean-residence-recom-01.png");}
.icon-clean-residence-recom-02{width:100px;height:100px;background:url("../images/sub/icon-clean-residence-recom-02.png");}
.icon-clean-residence-recom-03{width:100px;height:100px;background:url("../images/sub/icon-clean-residence-recom-03.png");}
.icon-clean-residence-recom-04{width:100px;height:100px;background:url("../images/sub/icon-clean-residence-recom-04.png");}
.icon-oneclean-recom-01{width:100px;height:100px;background:url("../images/sub/icon-oneclean-recom-01.png");}
.icon-oneclean-recom-02{width:100px;height:100px;background:url("../images/sub/icon-oneclean-recom-02.png");}
.icon-more-w{width:20px;height:20px;background:url("../images/sub/icon-more-w.svg");transition:.3s;}
.icon-more-b{width:16px;height:16px;background:url("../images/sub/icon-more-b.png");transition:.3s;}
.icon-estimate-minus{width:14px;height:12px;background:url("../images/sub/icon-estimate-minus.svg");}
.icon-estimate-plus{width:14px;height:14px;background:url("../images/sub/icon-estimate-plus.svg");}
.icon-estimate-back{width:24px;height:24px;background:url("../images/sub/icon-estimate-back.svg");}
.icon-onclean-top{width:126px;height:70px;background:url("../images/sub/icon-onclean-top.png");}
.icon-srch-b{width:16px;height:16px;background:url("../images/sub/icon-srch-b.png");}
.icon-business-building{width:20px;height:20px;background:url("../images/sub/icon-business-building.svg");}
.icon-ptc-subvisual{width:18px;height:18px;background:url("../images/sub/icon-ptc-subvisual.png");}
.icon-cost-subvisual{width:18px;height:18px;background:url("../images/sub/icon-cost-subvisual.png");}
.icon-link-arr-bl{width:14px;height:9px;background:url("../images/sub/icon-link-arr-bl.svg");}
.icon-link-arr-br{width:14px;height:9px;background:url("../images/sub/icon-link-arr-br.png");}
.icon-link-arr-gr{width:14px;height:9px;background:url("../images/sub/icon-link-arr-gr.svg");}
.icon-link-arr-a{width:14px;height:9px;background:url("../images/company/icon-link-arr-a.png");transition:transform .45s;}
.icon-view-grid{width:20px;height:20px;background:url("../images/company/icon-view-grid.png");transition:transform .45s;}
.active .icon-view-grid{width:20px;height:20px;background:url("../images/company/icon-view-grid-on.png");transition:transform .45s;}
.icon-view-list{width:20px;height:20px;background:url("../images/company/icon-view-list.png");transition:transform .45s;}
.active .icon-view-list{width:20px;height:20px;background:url("../images/company/icon-view-list-on.png");transition:transform .45s;}
.icon-link-arr-w{width:16px;height:16px;background:url("../images/sub/icon-link-arr-w.png");}
.icon-air-card-01{width:180px;height:180px;background:url("../images/sub/icon-air-card-01.png");}
.icon-air-card-02{width:180px;height:180px;background:url("../images/sub/icon-air-card-02.png");}
.icon-air-card-03{width:180px;height:180px;background:url("../images/sub/icon-air-card-03.png");}
.icon-air-card-04{width:180px;height:180px;background:url("../images/sub/icon-air-card-04.png");}
.icon-washer-card-01{width:180px;height:180px;background:url("../images/sub/icon-washer-card-01.png");}
.icon-washer-card-02{width:180px;height:180px;background:url("../images/sub/icon-washer-card-02.png");}
.icon-washer-card-03{width:180px;height:180px;background:url("../images/sub/icon-washer-card-03.png");}
.icon-washer-card-04{width:180px;height:180px;background:url("../images/sub/icon-washer-card-04.png");}
.icon-transform{width:16px;height:16px;background:url("../images/sub/icon-transform.svg");}
.icon-tooltip-b{width:16px;height:16px;background:url("../images/sub/icon-tooltip-b.png");}
.icon-tooltip-gr{width:16px;height:16px;background:url("../images/sub/icon-tooltip-gr.png");}
.icon-tooltip-gr-sm{width:16px;height:16px;background:url("../images/sub/icon-tooltip-gr-sm.svg");}
.icon-tooltip-nv{width:16px;height:16px;background:url("../images/sub/icon-tooltip-nv.png");}
.icon-internet-sec4-01{width:120px;height:120px;background:url("../images/sub/icon-internet-sec4-01.png");}
.icon-internet-sec4-02{width:106px;height:120px;background:url("../images/sub/icon-internet-sec4-02.png");}
.icon-internet-sec4-03{width:120px;height:120px;background:url("../images/sub/icon-internet-sec4-03.png");}
.icon-medal-01{width:20px;height:20px;background:url("../images/sub/icon-medal-01.png");}
.icon-medal-02{width:20px;height:20px;background:url("../images/sub/icon-medal-02.png");}
.icon-medal-03{width:20px;height:20px;background:url("../images/sub/icon-medal-03.png");}
.icon-medal-04{width:20px;height:20px;background:url("../images/sub/icon-medal-04.png");}
.icon-medal-05{width:20px;height:20px;background:url("../images/sub/icon-medal-05.png");}
.icon-medal-01-md{width:24px;height:24px;background:url("../images/sub/icon-medal-01-md.svg");}
.icon-medal-02-md{width:24px;height:24px;background:url("../images/sub/icon-medal-02-md.svg");}
.icon-medal-03-md{width:24px;height:24px;background:url("../images/sub/icon-medal-03-md.svg");}
.icon-medal-04-md{width:24px;height:24px;background:url("../images/sub/icon-medal-04-md.svg");}
.icon-medal-05-md{width:24px;height:24px;background:url("../images/sub/icon-medal-05-md.svg");}
.icon-medal-01-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-01-lg.png");}
.icon-medal-02-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-02-lg.png");}
.icon-medal-03-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-03-lg.png");}
.icon-medal-04-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-04-lg.png");}
.icon-medal-05-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-05-lg.png");}
.icon-branch-sv-area{width:16px;height:16px;background:url("../images/sub/icon-branch-sv-area.png");}
.icon-move-p-key-item-01{width:70px;height:70px;background:url("../images/sub/icon-move-p-key-item-01.png");}
.icon-move-p-key-item-02{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-02.png");}
.icon-move-p-key-item-03{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-03.png");}
.icon-move-p-key-item-04{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-04.png");}
.icon-move-p-key-item-05{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-05.png");}
.icon-move-p-key-item-06{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-06.png");}
.icon-move-p-key-item-07{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-07.png");}
.icon-move-p-key-item-08{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-08.png");}
.icon-move-p-key-item-09{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-09.png");}
.icon-move-p-key-item-10{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-10.png");}
.icon-move-p-key-item-11{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-11.png");}
.icon-move-p-key-item-12{width:60px;height:60px;background:url("../images/sub/icon-move-p-key-item-12.png");}
.icon-link-arr-sm{width:16px;height:16px;background:url("../images/sub/icon-link-arr-sm.svg");}

.icon-home-standard-01{width:151px;height:161px;background:url("../images/sub/icon-home-standard-01.png");}
.icon-home-standard-02{width:151px;height:162px;background:url("../images/sub/icon-home-standard-02.png");}
.icon-home-standard-03{width:172px;height:151px;background:url("../images/sub/icon-home-standard-03.png");}
.icon-room-standard-01{width:151px;height:161px;background:url("../images/sub/icon-room-standard-01.png");}
.icon-room-standard-02{width:151px;height:161px;background:url("../images/sub/icon-room-standard-02.png");}
.icon-move-office-standard-01{width:158px;height:156px;background:url("../images/sub/icon-move-office-standard-01.png");}
.icon-move-office-standard-02{width:172px;height:151px;background:url("../images/sub/icon-move-office-standard-02.png");}
.icon-building-plus{width:27px;height:27px;background:url("../images/sub/icon-building-plus.png");}
.icon-plus-sm{width:10px;height:10px;background:url("../images/sub/icon-plus-sm.svg");transition:transform .45s;}
.icon-clse-circle{width:32px;height:32px;background:url("../images/sub/icon-clse-circle.svg");}
.icon-clse-circle-md{width:42px;height:42px;background:url("../images/sub/icon-clse-circle-md.svg");}
.icon-chk-b-sm{width:10px;height:7px;background:url("../images/sub/icon-chk-b-sm.svg");}
.icon-chk-b-lg{width:20px;height:20px;background:url("../images/sub/icon-chk-b-lg.svg");}
.icon-chk-gr-lg{width:20px;height:20px;background:url("../images/sub/icon-chk-gr-lg.svg");}
.icon-card-arr{width:40px;height:40px;background:url("../images/sub/icon-card-arr.svg");}
.icon-card-arr-bk{width:40px;height:40px;background:url("../images/sub/icon-card-arr-bk.svg");}
.icon-fire{width:18px;height:18px;background:url("../images/sub/icon-fire.png");}
.icon-magnifier{width:18px;height:18px;background:url("../images/sub/icon-magnifier.svg");}
.icon-compare-plus{width:18px;height:18px;background:url("../images/sub/icon-compare-plus.svg");}
.icon-compare-equals{width:18px;height:18px;background:url("../images/sub/icon-compare-equals.svg");}
.icon-chk-circle{width:20px;height:20px;background:url("../images/sub/icon-chk-circle.svg");}
.icon-compare-o{width:23px;height:23px;background:url("../images/sub/icon-compare-o.svg");}
.icon-compare-x{width:20px;height:20px;background:url("../images/sub/icon-compare-x.svg");}
.icon-twinkle{width:18px;height:18px;background:url("../images/sub/icon-twinkle.svg");}
.icon-movein-helper-plus{width:32px;height:32px;background:url("../images/sub/icon-movein-helper-plus.svg");}
.icon-pre-helper-plus{width:32px;height:32px;background:url("../images/sub/icon-pre-helper-plus.svg");}
.icon-movein-call{width:17px;height:20px;background:url("../images/sub/icon-movein-call.svg");}
.icon-celan-p-warning{width:25px;height:22px;background:url("../images/sub/icon-celan-p-warning.svg");}
.icon-clean-p-care{width:32px;height:32px;background:url("../images/sub/icon-clean-p-care.png");}
.icon-clean-p-func-01{width:28px;height:32px;background:url("../images/sub/icon-clean-p-func-01.png");}
.icon-clean-p-func-02{width:28px;height:28px;background:url("../images/sub/icon-clean-p-func-02.png");}
.icon-clean-p-func-03{width:31px;height:27px;background:url("../images/sub/icon-clean-p-func-03.png");}
.icon-clean-p-func-04{width:40px;height:32px;background:url("../images/sub/icon-clean-p-func-04.png");}
.icon-clean-p-func-05{width:25px;height:30px;background:url("../images/sub/icon-clean-p-func-05.png");}
.icon-clean-p-func-06{width:32px;height:20px;background:url("../images/sub/icon-clean-p-func-06.png");}
.icon-clean-p-func-07{width:40px;height:32px;background:url("../images/sub/icon-clean-p-func-07.png");}
.icon-clean-p-func-08{width:39px;height:24px;background:url("../images/sub/icon-clean-p-func-08.png");}
.icon-cs-call{width:24px;height:24px;background:url("../images/sub/icon-cs-call.svg");}
.icon-cs-sv-01{width:32px;height:32px;background:url("../images/sub/icon-cs-sv-01.png");}
.icon-cs-sv-02{width:32px;height:32px;background:url("../images/sub/icon-cs-sv-02.png");}
.icon-chat{width:14px;height:14px;background:url("../images/sub/icon-chat.png");}
.icon-hits{width:16px;height:16px;background:url("../images/sub/icon-hits.png");}
.icon-noti-ob{width:16px;height:16px;background:url("../images/sub/icon-noti-ob.svg");}
.icon-noti-b{width:16px;height:16px;background:url("../images/sub/icon-noti-b.svg");}
.icon-warning-red{width:16px;height:16px;background:url("../images/sub/icon-warning-red.svg");}
.icon-download{width:20px;height:20px;background:url("../images/sub/icon-download.png");}
.icon-badge-best-sm{width:12px;height:12px;background:url("../images/sub/icon-badge-best-sm.svg");}
.icon-badge-good-sm{width:12px;height:12px;background:url("../images/sub/icon-badge-good-sm.svg");}
.icon-question-circle{width:16px;height:16px;background:url("../images/sub/icon-question-circle.png");}
.icon-firecrackers{width:16px;height:16px;background:url("../images/sub/icon-firecrackers.png");}
.icon-rv-map{width:16px;height:16px;margin-right:8px;background:url("../images/sub/icon-rv-map.png");}
.icon-rv-truck{width:16px;height:16px;margin-right:8px;background:url("../images/sub/icon-rv-truck.png");}
.icon-rv-card{width:16px;height:16px;margin-right:8px;background:url("../images/sub/icon-rv-card.png");}
.icon-rv-internet{width:16px;height:11px;margin-right:8px;background:url("../images/sub/icon-rv-internet.png");}
.icon-review-arr{width:10px;height:7px;background:url("../images/sub/icon-review-arr.png");}
.icon-more-arr{width:8px;height:9px;background:url("../images/sub/icon-more-arr.svg");}
.icon-chk-gr{width:16px;height:16px;background:url("../images/sub/icon-chk-gr.svg");transition:background .3s;}
.icon-review-ban-arr{width:14px;height:9px;background:url("../images/sub/icon-review-ban-arr.png");transition:transform .3s}
.icon-estimate-01{width:62px;height:53px;background:url("../images/sub/icon-estimate-01.svg");}
.icon-estimate-02{width:62px;height:52px;background:url("../images/sub/icon-estimate-02.svg");}
.icon-estimate-03{width:62px;height:52px;background:url("../images/sub/icon-estimate-03.svg");}
.icon-estimate-04{width:62px;height:52px;background:url("../images/sub/icon-estimate-04.svg");}
.icon-estimate-toggle-arr{width:20px;height:20px;background:url("../images/sub/icon-estimate-toggle-arr.svg");}
.icon-unchecked{width:20px;height:20px;background:url("../images/sub/icon-unchecked.svg");}
.icon-checked{width:20px;height:20px;background:url("../images/sub/icon-checked.svg");}
.icon-area-modal-01{width:24px;height:24px;background:url("../images/sub/icon-area-modal-01.png");}
.icon-area-modal-02{width:24px;height:24px;background:url("../images/sub/icon-area-modal-02.png");}
.icon-area-modal-03{width:24px;height:24px;background:url("../images/sub/icon-area-modal-03.png");}
.icon-esg-arr{width:14px;height:9px;background:url("../images/sub/icon-esg-arr.png");}
.icon-snackbar-wn{width:16px;height:16px;background:url("../images/sub/icon-snackbar-wn.png");}
.icon-snackbar-clse{width:16px;height:16px;background:url("../images/sub/icon-snackbar-clse.svg");}
.icon-float-toggle-arr{width:16px;height:16px;background:url("../images/sub/icon-float-toggle-arr.png");transition:transform .3s;}
.icon-clean-float-link-arr{width:12px;height:12px;background:url("../images/sub/icon-clean-float-link-arr.png");transition: .3s;}
.icon-reset{width:16px;height:16px;background:url("../images/sub/icon-reset.png");}
.icon-tooltip-s{width:12px;height:12px;background:url("../images/sub/icon-tooltip-s.png");}
.icon-reset-b{width:20px;height:20px;background:url("../images/sub/icon-reset-b.png");}

.icon-allmenu-clse{width:20px;height:20px;background:url("../images/common/icon-allmenu-clse.svg");}
.icon-allmenu-arr{width:16px;height:16px;background:url("../images/common/icon-allmenu-arr.svg");}
.icon-allmenu-arr-sm{width:16px;height:16px;background:url("../images/common/icon-allmenu-arr-sm.svg");}
.icon-allmenu-01{width:20px;height:20px;background:url("../images/common/icon-allmenu-01.svg");}
.icon-allmenu-02{width:20px;height:20px;background:url("../images/common/icon-allmenu-02.svg");}
.icon-allmenu-03{width:20px;height:20px;background:url("../images/common/icon-allmenu-03.svg");}
.icon-allmenu-04{width:20px;height:20px;background:url("../images/common/icon-allmenu-04.svg");}
.icon-allmenu-05{width:20px;height:20px;background:url("../images/common/icon-allmenu-05.svg");}
.icon-allmenu-06{width:20px;height:20px;background:url("../images/common/icon-allmenu-06.svg");}
.icon-allmenu-07{width:20px;height:20px;background:url("../images/common/icon-allmenu-07.svg");}
.icon-allmenu-08{width:20px;height:20px;background:url("../images/common/icon-allmenu-08.svg");}
.icon-allmenu-tip{width:20px;height:20px;background:url("../images/common/icon-allmenu-tip.svg");}
.icon-foot-company{width:20px;height:22px;background:url("../images/common/icon-foot-company.png");transition:background .3s;}
.icon-allmenu{width:24px;height:24px;background:url("../images/common/icon-allmenu.svg");}
.icon-allmenu-w{width:24px;height:24px;background:url("../images/common/icon-allmenu-w.svg");}
.icon-center-arr{width:7px;height:12px;background:url("../images/common/icon-center-arr.svg");}
.icon-b-info-arr{width:12px;height:7px;margin-left:8px;background:url("../images/common/icon-b-info-arr.svg");transition:transform .3s;}
.icon-top{width:14px;height:8px;background:url("../images/common/icon-top.svg");transition:transform .3s;}
.icon-fa-call{width: 24px;height:24px;background: url("../images/common/icon-fa-call.svg");}
.icon-fa-estimate{width: 24px;height:24px;background: url("../images/common/icon-fa-estimate.svg");}
.icon-fa-clse{width: 24px;height:24px;background: url("../images/common/icon-fa-clse.svg");}

.icon-pack{width:16px;height:16px;background:url("../images/company/icon-pack.svg");}
.icon-esg-zero-01{width:160px;height:160px;background:url("../images/company/icon-esg-zero-01.png");}
.icon-esg-zero-02{width:160px;height:160px;background:url("../images/company/icon-esg-zero-02.png");}
.icon-esg-zero-03{width:160px;height:160px;background:url("../images/company/icon-esg-zero-03.png");}

[class^=icon-]{display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}

/* swiper */
.swiper-button-prev svg,.swiper-button-next svg{display:none;}
.swiper-prev-common{margin:0 !important;left:-24px !important;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:40px !important;height:40px !important;filter: drop-shadow(0 1px 8px rgba(31, 33, 41, 0.24));background:url("../images/common/swiper-common-prev.svg")no-repeat 50% 50%;background-size:100%;}
.swiper-next-common{margin:0 !important;right: -24px !important;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:40px !important;height:40px !important;filter: drop-shadow(0 1px 8px rgba(31, 33, 41, 0.24));background:url("../images/common/swiper-common-next.svg")no-repeat 50% 50%;background-size:100%;}
.swiper-button-disabled{display:none !important;}


/* header */
.header {position:sticky;z-index:999;width: 100%;left: 0;top: 0;height:88px;background-color: #fff;border-bottom:1px solid transparent;transition:border-color .3s;}
#wrap:not(.main) .header{border-color:#DFE1E8;}
.header.fix{border-color:#DFE1E8;}
.header >.container{display:flex;align-items:center;justify-content:space-between;padding:24px 0;}
.header .lf{display:flex;gap:60px;align-items: center;}
.header .gnb ul {display:flex;gap:30px;align-items:center;}
.header .gnb li{}
.header .gnb li a{display:flex;align-items:center;justify-content:center;padding:8px;color:#353849;line-height: 24px;font-size:16px;transition: color .3s;}
.header .gnb li a:hover,.header .gnb li.active a{color:#0040E6;}
.header .util-box{display:flex;align-items:center;gap:30px;}
.header .util-box .call-center{display:flex;align-items:center;gap:10px;padding:8px;}
.header .util-box .call-center a{font-weight:600;}


/* 프리미엄 이사 header */
.header-move-p{background:transparent;border:0 !important;}
.header-move-p.fix{background: rgba(26, 51, 97, 0.80);}
.header-move-p .gnb li a{color:#fff;}
.header-move-p .gnb li a:hover,.header-move-p .gnb li.active a{color:#A1BEFF;}
.header-move-p .util-box{color:#fff;}
.header-move-p .util-box .call-center a{color:#fff;}


/* 프리미엄 청소 header */
.header-clean-p{background:transparent;border:0 !important;}
.header-clean-p.fix{background: rgba(56, 46, 40, 0.80);}
.header-clean-p .gnb li a{color:#fff;}
.header-clean-p .gnb li a:hover,.header-clean-p .gnb li.active a{color:#FFD7A3;}
.header-clean-p .util-box{color:#fff;}
.header-clean-p .util-box .call-center a{color:#fff;}


/* allmenu */
.header .all-menu{position: fixed;top:0;right:-100%;width:428px;height: 100dvh;background-color: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10), 0 0 4px 0 rgba(0, 0, 0, 0.05);z-index: 999;transition: right .3s, opacity .3s;}
.header .all-menu.open{right:0;}
.header .all-menu .all-menu-top{display: flex;justify-content: center;align-items: center;padding:16px;font-weight: 700;line-height: 30px;font-size: 20px;background-color: #fff;}
.header .all-menu .all-menu-box{height:calc(100dvh - 62px);background: rgba(189, 207, 224, 0.16);padding: 30px 28px 50px;}
.header .all-menu .cate-list {display:flex;flex-direction:column;gap:16px;}
.header .all-menu .cate-item{display:flex;flex-direction:column;gap:8px;padding: 16px;border-radius: 6px;background-color: #fff;}
.header .all-menu .cate-item .dp1{display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight: 700;line-height: 23.4px;letter-spacing: -0.36px;}
.header .all-menu .cate-item .dp1 span{display: flex;align-items: center;gap: 8px;}
.header .all-menu .cate-item .sub-cate-list{display:grid;gap:16px;grid-template-columns: 1fr 1fr;padding-top:12px;border-top:1px solid #DFE1E8;}
.header .all-menu .cate-item .sub-cate-list a{display:flex;align-items:center;gap:4px;color:#35425C;font-size: 16px;line-height:24px;letter-spacing: -0.32px;}
.header .all-menu .cate-item .sub-cate-list .label{padding:2.5px 4px;font-size: 11px;font-weight: 500;line-height: 11px;letter-spacing: -0.22px;border-radius: 4px;}
.header .all-menu .cate-item .sub-cate-list .label-blue{color:#07F;background:#EBF6FF;}
.header .all-menu .cate-item .sub-cate-list .label-new{color:#FF5B55;background:#FFEFEE;}
.header .all-menu .allmenu-btm{display: flex;flex-direction: column;gap: 14px;margin-top:24px;}
.header .all-menu .allmenu-btm a{display:flex;justify-content:space-between;}
.header .all-menu .allmenu-btm a span{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}
.header .all-menu .btn-clse{position:absolute;top:18px;right:16px;}
.header-dim{opacity: 0;visibility: hidden;position: fixed;width: 100%;height: 100%;transition: visibility 0.3s, opacity 0.3s;z-index: 99;inset:0;background-color: rgba(0, 0, 0, 0.6);}
.header-dim.active{visibility: visible;opacity: 1;transition: visibility 0.3s, opacity 0.3s;}


/* footer */
.footer{background-color: #F6F7F8;}
.footer .foot-top{display:flex;justify-content:space-between;padding:50px 0 40px;border-bottom:1px solid #DFE1E8;}
.foot-top .customer-center{display:flex;flex-direction:column;color:#5A6275;}
.foot-top .customer-center .title{display: flex;gap:8px;align-items: center;font-size:20px;line-height:100%;color:#35425C;}
.foot-top .customer-center .num{margin:12px 0 8px;color:#35425C;line-height:100%;font-weight:600;font-size:28px;}
.foot-top .customer-center .time{letter-spacing: -0.3px;}
.foot-top .btn-foot-company{display: flex;padding: 12px 26px;justify-content: center;align-items: center;gap: 8px;border-radius: 12px;border:1px solid #DFE1E8;background-color: #fff;color: #353849;font-size: 16px;line-height: 100%;font-weight: 500;}
.foot-top .btn-foot-company:hover{}
.foot-top .btn-foot-company:hover i{background-image: url("../images/common/icon-foot-company-on.png");}
.foot-top .foot-menu-box{display: flex;flex-direction: column;gap:20px;}
.foot-top .foot-menu{display:flex;gap:60px;}
.foot-top .foot-menu li strong{display:flex;margin-bottom:12px;color:#35425C;line-height:100%;font-weight:500;}
.foot-top .foot-menu li ul{display: flex;flex-direction: column;gap: 12px;}
.foot-top .foot-menu li ul li{color:#5A6275;font-size:14px;line-height:100%;}
.foot-top .foot-menu li ul li a{color:#5A6275;}

.foot-btm{display:flex;align-items:flex-end;justify-content:space-between;padding-top:40px;margin-bottom:20px;}
.foot-btm .foot-btm-lf{display:flex;flex-direction:column;gap:16px;}
.foot-btm .foot-b-info-wrap{}
.foot-btm .foot-b-info-top{display:flex;align-items:center;gap:16px;color:#35425C;}
.foot-btm .foot-b-info-top .btn-b-toggle{color:#35425C;font-size: 14px;line-height: 100%;}
.foot-btm .btn-b-toggle.active i{transform:rotate(180deg);}
.foot-btm .b-info-box{margin-top:8px;font-size: 10px;line-height: 140%;color:#8C92A4;}
.foot-btm .b-info-box span{font-weight:600;}
.foot-btm .foot-link{display:flex;gap:12px;}
.foot-btm .foot-link a{font-size:12px;line-height:130%;color:#5A6275;}
.foot-btm .foot-link a.privacy{font-weight:500;}
.foot-btm .foot-info{display:flex;flex-direction:column;gap:2px;color:#687286;font-size:11px;line-height:130%;}
.foot-btm .foot-sns-list{display:flex;gap:12px;margin-bottom:4px;}
.foot-btm .copy{color:#687286;font-size:10px;line-height:100%:}
.foot-award{padding:20px 0;}
.foot-award .swiper-slide{width: auto !important;}

.btn-top {opacity:0;position:fixed;bottom:0;right:1%;z-index: 99;display: flex;align-items: center;flex-direction: column;justify-content: center;filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.05)) drop-shadow(0 0 10px rgba(0, 0, 0, 0.10));width:60px;height: 60px;border-radius:100%;background: #fff;transition:.3s;}
.btn-top:hover i{transform:translateY(-3px);}
.btn-top.on {opacity: 1;bottom:24px;}


/* floating */
.floating-menu{position: fixed;z-index: 99;right:1%;display:flex;flex-direction:column-reverse;align-items: flex-end;bottom:30px;pointer-events: none;transition:bottom .3s;}
.floating-menu:has(+ .btn-top.on){bottom:94px;}
.floating-menu .btn-fa{position:relative;display: flex;width: 60px;height: 60px;border-radius: 100%;background: #338DFF;box-shadow: 0 1px 8px 0 rgba(31, 33, 41, 0.24);overflow:hidden;pointer-events: auto;}
.floating-menu .btn-fa .fa-gif{position: absolute;top: 4px;opacity: 1;transform: scale(1.3);transition: opacity 0.25s ease;}
.floating-menu.open .btn-fa .fa-gif{opacity: 0;}
.floating-menu .btn-fa .icon-fa-clse{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: opacity 0.25s ease;}
.floating-menu.open .btn-fa .icon-fa-clse{opacity: 1;}
.floating-menu .fa-link{display: flex;padding: 10px 24px;justify-content: center;align-items: center;gap: 8px;border-radius: 50px;color: #FFF;font-size: 16px;font-weight: 700;line-height: 140%;transform:translateY(52px);background: #338DFF;box-shadow: 0 1px 8px 0 rgba(31, 33, 41, 0.24);opacity: 0;pointer-events: none;transition: .45s cubic-bezier(0.4, 0, 0.2, 1);}
.floating-menu.open .fa-link-01{transform:translateY(-14px);opacity: 1;pointer-events: auto;transition-delay: 0s;}
.floating-menu.open .fa-link-02{transform:translateY(-26px);opacity: 1;pointer-events: auto;transition-delay: 0.12s;}