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

/* 태그초기화 */
*{margin:0; padding:0; box-sizing:border-box;}
html{color-scheme: light;height: 100dvh;}
body{min-height: 100dvh;}
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;-webkit-tap-highlight-color: transparent;overscroll-behavior-y: none;font-family: "Pretendard",sans-serif;word-break: break-word;font-weight:400; font-size:15px; color:#353849; 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;}
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: 48px;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;}
/* .error-inp{border-color:#F63D68 !important;background-color: #FFF1F3 !important;color:#F63D68 !important;}
.error-inp-text{margin:4px;color:#F63D68;font-size:12px;line-height:28px;}
.right-inp{border-color:#5993FB !important;background-color: #ecf3ff !important;color: #5993FB !important;}
.right-inp-text{margin:4px;color:#5993FB;font-size:12px;line-height:28px;} */
/* a:focus, button:focus,input:focus,select:focus,textarea:focus{box-shadow: 0 0 0 1px #E3E3E3 inset !important;outline:none;} */
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;}
/* a:visited {color: inherit;background: inherit;} */
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;}
.wrap{max-width: 640px;margin:0 auto;width:100%;}
: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);

	/*하단 */
	--mobile-nav-h: 69px;
	--floating-fix-h: 0px;
	--gap-fix: 14px;
	--gap-btn-menu: 10px;
	--btn-top-h: 52px;     
}

.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;letter-spacing: -0.32px;}
.custom-select-com .select-btn {width: 100%;padding: 9px 16px;height: 48px;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: 16px;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;}


/* #container {overflow-x: hidden;} */
#container .contents:not(.visible){overflow:hidden}
#container.contype2{margin-top:-58px;}
.container{padding:0 16px;}
.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-60{margin-top:60px !important;}
.mt-12{margin-top:12px !important;}
.mb-0{margin-bottom:0 !important;}
.mb-24{margin-bottom:24px !important;}
.w-240px{max-width:240px;width:100%;}
.w-100{width:100% !important;}
.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;}
.scroll-bar-x{overflow-x: auto;}
.scroll-bar-x::-webkit-scrollbar {width: 30px;height:6px;background-color: transparent;}
.scroll-bar-x::-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:16px;}
.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:12px;}
.btn-row{flex-direction:column;gap:24px;justify-content:center;align-items:center;}

.btn{display: flex;align-items: center;justify-content: center;font-weight: 500;gap:6px;letter-spacing:0;line-height:150%;text-align: center;vertical-align: middle;border-radius:4px;color: var(--btn-text);background-color: var(--btn-bg);border: 1px solid var(--btn-border);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:52px;font-size:17px;}
.btn-lg{height:44px;font-size:16px;}
.btn-md{height:38px;font-size: 14px;}
.btn-sm{height:32px;font-size: 13px;}
/* .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:100%;margin:24px 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-gra{background-color: #EEF0F4;border:1px solid #EEF0F4;color:#5A6275;}
.badge-pu{background-color: #F3ECFF;border:1px solid #F3ECFF;color:#8060D3;}
.badge-best{display:flex;gap:4px;align-items:center;padding:3px 8px;border-radius:22px;color:#fff;border-color:#338DFF;background-color: #338DFF;font-weight: 700;letter-spacing: -0.24px;font-size: 12px;line-height: 100%;}
.badge-good{display:flex;gap:4px;align-items:center;padding:3px 8px;border-radius:22px;color:#fff;border-color:#6AD73C;background-color: #6AD73C;font-weight: 700;letter-spacing: -0.24px;font-size: 12px;line-height: 100%;}


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

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

/* swiper-pagination  */
.swiper-pagination-com{display:flex;gap:5px;justify-content: center;position:static !important;margin-top:12px;}
.swiper-pagination-com .swiper-pagination-bullet{width:6px;height:6px;margin:0 !important;background:#C3C6CE;opacity:1;transition:width .3s;}
.swiper-pagination-com .swiper-pagination-bullet-active{width:18px;background:#687286;border-radius:6px;}

/* 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 input:disabled{background-image: url("../images/sub/icon-radio-disabled.svg");}
.form-radio input:disabled+label{color:#9A9EA3;} */

/* 라디오 이지만 체크박스 디자인 */
.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");}


/* 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:14px;letter-spacing: -0.28px;}
.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-lightning{width:20px;height:20px;background:url("../images/main/icon-lightning.svg");}
.icon-main-top-arr{width:28px;height:28px;background:url("../images/main/icon-main-top-arr.svg");transition:.3s;}
.icon-main-select-arr {width: 18px;height:18px;background: url("../images/main/icon-main-select-arr.svg");}
.icon-live {width: 12px;height: 9px;background: url("../images/main/icon-live.svg");}
.icon-live-arr{width:6px;height: 10px;background: url("../images/main/icon-live-arr.svg");}
.icon-link-arr{width: 20px;height: 20px;background: url("../images/main/icon-link-arr.svg");}
.icon-link-faq{width: 16px;height: 16px;background: url("../images/main/icon-link-faq.svg");}
.icon-main-contact-01{width: 33px;height: 36px;background: url("../images/main/icon-main-contact-01.svg");}
.icon-main-contact-02{width:40px;height: 36px;background: url("../images/main/icon-main-contact-02.svg");}
.icon-main-contact-03{width: 47px;height: 36px;background: url("../images/main/icon-main-contact-03.svg");}
.icon-badge-best{width:16px;height:16px;background:url("../images/main/icon-badge-best.svg");}
.icon-badge-good{width:16px;height:16px;background:url("../images/main/icon-badge-good.svg");}

.icon-pencil{width:20px;height:20px;flex-shrink:0;background:url("../images/sub/icon-pencil.svg");}
.icon-review-good{width:20px;height:20px;flex-shrink:0;background:url("../images/sub/icon-review-good.svg");}
.icon-review-best{width:20px;height:20px;flex-shrink:0;background:url("../images/sub/icon-review-best.svg");}
.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-chk-b-sm{width:10px;height:7px;background:url("../images/sub/icon-chk-b-sm.svg");}
.icon-move-review{width:16px;height:16px;background:url("../images/sub/icon-move-review.svg");}
.icon-back-arr{width:24px;height:24px;background:url("../images/sub/icon-back-arr.svg");}
.icon-download{width:20px;height:20px;background:url("../images/sub/icon-download.svg");}
.icon-warning-red{width:16px;height:16px;background:url("../images/sub/icon-warning-red.svg");}
.icon-cs-sv-01{width:28px;height:28px;background:url("../images/sub/icon-cs-sv-01.svg");}
.icon-cs-sv-02{width:28px;height:28px;background:url("../images/sub/icon-cs-sv-02.svg");}
.icon-cs-sv-03{width:28px;height:28px;background:url("../images/sub/icon-cs-sv-03.svg");}
.icon-card-arr{width:32px;height:33px;background:url("../images/sub/icon-card-arr.svg");}
.icon-estimate-01{width:47px;height:40px;background:url("../images/sub/icon-estimate-01.svg");}
.icon-estimate-02{width:47px;height:40px;background:url("../images/sub/icon-estimate-02.svg");}
.icon-estimate-03{width:47px;height:40px;background:url("../images/sub/icon-estimate-03.svg");}
.icon-estimate-04{width:47px;height:40px;background:url("../images/sub/icon-estimate-04.svg");}
.icon-review-ban-arr {width: 14px;height: 9px;background: url("../images/sub/icon-review-ban-arr.svg");}
.icon-srch{width: 24px;height:24px;background: url("../images/sub/icon-srch.svg");}
.icon-chk-gr{width:16px;height:16px;background: url("../images/sub/icon-chk-gr.svg");}
.icon-chk-bk{width:16px;height:16px;background: url("../images/sub/icon-chk-bk.svg");}
.icon-noti-b{width: 16px;height:16px;background: url("../images/sub/icon-noti-b.svg");}
.icon-cs-call{width: 24px;height:24px;background: url("../images/sub/icon-cs-call.svg");}
.icon-medal-01{width:20px;height:20px;background:url("../images/sub/icon-medal-01.svg");}
.icon-medal-02{width:20px;height:20px;background:url("../images/sub/icon-medal-02.svg");}
.icon-medal-03{width:20px;height:20px;background:url("../images/sub/icon-medal-03.svg");}
.icon-medal-04{width:20px;height:20px;background:url("../images/sub/icon-medal-04.svg");}
.icon-medal-05{width:20px;height:20px;background:url("../images/sub/icon-medal-05.svg");}
.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.svg");}
.icon-medal-02-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-02-lg.svg");}
.icon-medal-03-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-03-lg.svg");}
.icon-medal-04-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-04-lg.svg");}
.icon-medal-05-lg{width:48px;height:48px;background:url("../images/sub/icon-medal-05-lg.svg");}
.icon-branch-sv-area{width: 16px;height:16px;background: url("../images/sub/icon-branch-sv-area.png");}
.icon-tooltip-gr{width: 16px;height:16px;background: url("../images/sub/icon-tooltip-gr.png");}
.icon-tooltip-gr-sm{width: 12px;height:12px;background: url("../images/sub/icon-tooltip-gr-sm.png");}
.icon-select-arr{width: 13px;height:8px;background: url("../images/sub/icon-select-arr.svg");}
.icon-fire {width: 18px;height: 18px;background: url("../images/sub/icon-fire.png");}
.icon-home-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-home-recom-01.png");}
.icon-home-recom-02{width: 60px;height: 60px;background: url("../images/sub/icon-home-recom-02.png");}
.icon-home-recom-03{width: 60px;height: 60px;background: url("../images/sub/icon-home-recom-03.png");}
.icon-home-recom-04{width: 60px;height: 60px;background: url("../images/sub/icon-home-recom-04.png");}
.icon-foreign-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-foreign-recom-01.png");}
.icon-foreign-recom-02{width: 60px;height: 62px;background: url("../images/sub/icon-foreign-recom-02.png");}
.icon-foreign-recom-03{width: 60px;height: 60px;background: url("../images/sub/icon-foreign-recom-03.png");}
.icon-foreign-recom-04{width: 60px;height: 60px;background: url("../images/sub/icon-foreign-recom-04.png");}
.icon-office-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-office-recom-01.png");}
.icon-office-recom-02{width: 60px;height: 60px;background: url("../images/sub/icon-office-recom-02.png");}
.icon-office-recom-03{width: 60px;height: 60px;background: url("../images/sub/icon-office-recom-03.png");}
.icon-office-recom-04{width: 60px;height: 60px;background: url("../images/sub/icon-office-recom-04.png");}
.icon-storage-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-storage-recom-01.png");}
.icon-storage-recom-02{width: 60px;height: 60px;background: url("../images/sub/icon-storage-recom-02.png");}
.icon-storage-recom-03{width: 60px;height: 60px;background: url("../images/sub/icon-storage-recom-03.png");}
.icon-storage-recom-04{width: 60px;height: 60px;background: url("../images/sub/icon-storage-recom-04.png");}
.icon-clean-residence-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-clean-residence-recom-01.png");}
.icon-clean-residence-recom-02{width: 60px;height: 60px;background: url("../images/sub/icon-clean-residence-recom-02.png");}
.icon-clean-residence-recom-03{width: 60px;height: 60px;background: url("../images/sub/icon-clean-residence-recom-03.png");}
.icon-clean-residence-recom-04{width: 60px;height: 60px;background: url("../images/sub/icon-clean-residence-recom-04.png");}
.icon-oneclean-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-oneclean-recom-01.png");}
.icon-oneclean-recom-02{width: 60px;height: 60px;background: url("../images/sub/icon-oneclean-recom-02.png");}
.icon-room-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-room-recom-01.png");}
.icon-room-recom-02{width: 60px;height: 60px;background: url("../images/sub/icon-room-recom-02.png");}
.icon-room-recom-03{width: 60px;height: 60px;background: url("../images/sub/icon-room-recom-03.png");}
.icon-room-recom-04{width: 60px;height: 60px;background: url("../images/sub/icon-room-recom-04.png");}
.icon-clean-move-recom-01{width: 60px;height: 60px;background: url("../images/sub/icon-clean-move-recom-01.png");}
.icon-clean-move-recom-02{width: 60px;height: 60px;background: url("../images/sub/icon-clean-move-recom-02.png");}
.icon-clean-move-recom-03{width: 60px;height: 60px;background: url("../images/sub/icon-clean-move-recom-03.png");}
.icon-clean-move-recom-04{width: 60px;height: 60px;background: url("../images/sub/icon-clean-move-recom-04.png");}
.icon-clean-movetheday-recom-01{width:60px;height:60px;background:url("../images/sub/icon-clean-movetheday-recom-01.png");}
.icon-clean-movetheday-recom-02{width:60px;height:60px;background:url("../images/sub/icon-clean-movetheday-recom-02.png");}
.icon-clean-movetheday-recom-03{width:60px;height:60px;background:url("../images/sub/icon-clean-movetheday-recom-03.png");}
.icon-clean-movetheday-recom-04{width:60px;height:60px;background:url("../images/sub/icon-clean-movetheday-recom-04.png");}
.icon-home-standard-01{width: 150px;height: 161px;background: url("../images/sub/icon-home-standard-01.png");}
.icon-home-standard-02{width: 150px;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-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-room-standard-01{width: 150px;height: 161px;background: url("../images/sub/icon-room-standard-01.png");}
.icon-room-standard-02{width: 172px;height: 151px;background: url("../images/sub/icon-room-standard-02.png");}
.icon-plus-sm{width: 10px;height: 10px;background: url("../images/sub/icon-plus-sm.svg");}
.icon-clse-circle{width: 24px;height: 24px;background: url("../images/sub/icon-clse-circle.svg");}
.icon-noti-ob{width: 14px;height: 14px;background: url("../images/sub/icon-noti-ob.png");}
.icon-business-building{width: 18px;height: 18px;background: url("../images/sub/icon-business-building.svg");}
.icon-tooltip-nv{width: 16px;height: 16px;background: url("../images/sub/icon-tooltip-nv.png");}
.icon-move-p-key-item-01{width: 27px;height: 27px;background: url("../images/sub/icon-move-p-key-item-01.png");}
.icon-move-p-key-item-02{width: 24px;height: 23px;background: url("../images/sub/icon-move-p-key-item-02.png");}
.icon-move-p-key-item-03{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-03.png");}
.icon-move-p-key-item-04{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-04.png");}
.icon-move-p-key-item-05{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-05.png");}
.icon-move-p-key-item-06{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-06.png");}
.icon-move-p-key-item-07{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-07.png");}
.icon-move-p-key-item-08{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-08.png");}
.icon-move-p-key-item-09{width: 24px;height: 23px;background: url("../images/sub/icon-move-p-key-item-09.png");}
.icon-move-p-key-item-10{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-10.png");}
.icon-move-p-key-item-11{width: 23px;height: 24px;background: url("../images/sub/icon-move-p-key-item-11.png");}
.icon-move-p-key-item-12{width: 23px;height: 23px;background: url("../images/sub/icon-move-p-key-item-12.png");}
.icon-movein-call{width: 17px;height: 20px;background: url("../images/sub/icon-movein-call.svg");}
.icon-compare-plus{width: 17px;height: 20px;background: url("../images/sub/icon-compare-plus.svg");}
.icon-compare-equals{width: 17px;height: 20px;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: 16px;height: 16px;background: url("../images/sub/icon-compare-o.svg");}
.icon-compare-x{width: 16px;height: 16px;background: url("../images/sub/icon-compare-x.svg");}
.icon-cost-subvisual{width: 18px;height: 18px;background: url("../images/sub/icon-cost-subvisual.svg");}
.icon-transform{width: 16px;height: 16px;background: url("../images/sub/icon-transform.png");}
.icon-reset{width: 16px;height: 16px;background: url("../images/sub/icon-reset.png");}
.icon-total-cost-arr{width: 16px;height: 16px;background: url("../images/sub/icon-total-cost-arr.png");transition:transform .3s;}
.icon-hits{width: 16px;height: 16px;background: url("../images/sub/icon-hits.svg");}
.icon-more-arr{width: 8px;height: 9px;background: url("../images/sub/icon-more-arr.png");}
.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-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-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-estimate-toggle-arr{width: 20px;height:20px;background: url("../images/sub/icon-estimate-toggle-arr.svg");}
.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: 20px;height:20px;background: url("../images/sub/icon-estimate-back.svg");}
.icon-chat{width: 14px;height:14px;background: url("../images/sub/icon-chat.svg");}
.icon-chk-b-lg{width: 20px;height:20px;background: url("../images/sub/icon-chk-b-lg.svg");}
.icon-ptc-subvisual{width: 18px;height:18px;background: url("../images/sub/icon-ptc-subvisual.png");}
.icon-esg-arr{width: 14px;height:9px;background: url("../images/sub/icon-esg-arr.png");}
.icon-link-arr-bl{width: 14px;height:9px;background: url("../images/sub/icon-link-arr-bl.png");}
.icon-link-arr-wht{width: 14px;height:9px;background: url("../images/sub/icon-link-arr-wht.svg");}
.icon-link-arr-gr{width: 14px;height:9px;background: url("../images/sub/icon-link-arr-gr.svg");}
.icon-movein-recom-01{width:60px;height:60px;background: url("../images/sub/icon-movein-recom-01.png");}
.icon-movein-recom-02{width:60px;height:60px;background: url("../images/sub/icon-movein-recom-02.png");}
.icon-movein-recom-03{width:60px;height:60px;background: url("../images/sub/icon-movein-recom-03.png");}
.icon-movein-recom-04{width:60px;height:60px;background: url("../images/sub/icon-movein-recom-04.png");}
.icon-movein-helper-plus{width:25px;height:25px;background: url("../images/sub/icon-movein-helper-plus.png");}
.icon-more-w{width:16px;height:16px;background: url("../images/sub/icon-more-w.png");}
.icon-twinkle{width:18px;height:18px;background: url("../images/sub/icon-twinkle.png");}
.icon-snackbar-wn{width:16px;height:16px;background:url("../images/sub/icon-snackbar-wn.svg");}
.icon-snackbar-clse{width:12px;height:12px;background:url("../images/sub/icon-snackbar-clse.svg");}
.icon-float-toggle-arr{width:12px;height:12px;background:url("../images/sub/icon-float-toggle-arr.svg");}
.icon-tooltip-s{width:12px;height:12px;background:url("../images/sub/icon-tooltip-s.png");}
.icon-srch-b{width:16px;height:16px;background:url("../images/sub/icon-srch-b.png");}
.icon-clean-p-care{width:32px;height:32px;flex-shrink: 0;background:url("../images/sub/icon-clean-p-care.png");}
.icon-link-arr-br{width:14px;height:9px;background:url("../images/sub/icon-link-arr-br.svg");}
.icon-clean-p-func-01{width:30px;height:24px;background:url("../images/sub/icon-clean-p-func-01.svg");}
.icon-clean-p-func-02{width:30px;height:25px;background:url("../images/sub/icon-clean-p-func-02.svg");}
.icon-clean-p-func-03{width:30px;height:24px;background:url("../images/sub/icon-clean-p-func-03.svg");}
.icon-clean-p-func-04{width:30px;height:24px;background:url("../images/sub/icon-clean-p-func-04.svg");}
.icon-clean-p-func-05{width:30px;height:24px;background:url("../images/sub/icon-clean-p-func-05.svg");}
.icon-clean-p-func-06{width:30px;height:24px;background:url("../images/sub/icon-clean-p-func-06.svg");}
.icon-clean-p-func-07{width:30px;height:24px;background:url("../images/sub/icon-clean-p-func-07.svg");}
.icon-clean-p-func-08{width:30px;height:24px;background:url("../images/sub/icon-clean-p-func-08.svg");}
.icon-clean-float-link-arr{width:12px;height:12px;background:url("../images/sub/icon-clean-float-link-arr.svg");transition:.3s;}
.icon-air-card-01{width:60px;height:60px;background:url("../images/sub/icon-air-card-01.png");}
.icon-air-card-02{width:60px;height:61px;background:url("../images/sub/icon-air-card-02.png");}
.icon-air-card-03{width:60px;height:60px;background:url("../images/sub/icon-air-card-03.png");}
.icon-air-card-04{width:60px;height:60px;background:url("../images/sub/icon-air-card-04.png");}
.icon-washer-card-01{width:60px;height:60px;background:url("../images/sub/icon-washer-card-01.png");}
.icon-washer-card-02{width:60px;height:60px;background:url("../images/sub/icon-washer-card-02.png");}
.icon-washer-card-03{width:60px;height:60px;background:url("../images/sub/icon-washer-card-03.png");}
.icon-washer-card-04{width:60px;height:60px;background:url("../images/sub/icon-washer-card-04.png");}
.icon-chk-gr-lg{width:14px;height:14px;background:url("../images/sub/icon-chk-gr-lg.svg");}
.icon-rv-map{width:12px;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-pre-helper-plus{width:25px;height:25px;background:url("../images/sub/icon-pre-helper-plus.svg");}
.icon-link-arr-sm{width:16px;height:16px;background:url("../images/sub/icon-link-arr-sm.svg");}

.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-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-center-arr {width: 6px;height:9px;background: url("../images/common/icon-center-arr.svg");}
.icon-foot-toggle-arr{width: 9px;height: 6px;background: url("../images/common/icon-foot-toggle-arr.svg");transition:transform .3s;}
.icon-foot-company{width:20px;height: 21px;background: url("../images/common/icon-foot-company.png");}
.icon-top{width:14px;height:8px;background:url("../images/common/icon-top.svg");transition:transform .3s;}
.icon-fa-call{width: 20px;height:20px;background: url("../images/common/icon-fa-call.svg");}
.icon-fa-estimate{width: 20px;height:20px;background: url("../images/common/icon-fa-estimate.svg");}
.icon-fa-clse{width: 21px;height:21px;background: url("../images/common/icon-fa-clse.svg");}

/* company */
.icon-link-arr-w{width:16px;height:16px;background:url("../images/company/icon-link-arr-w.svg");}
.icon-external-b {width:16px;height:16px;background: url("../images/company/icon-external-b.svg");}
.icon-link-arr-a {width:14px;height:9px;background: url("../images/company/icon-link-arr-a.svg");}
.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");}  
.icon-pack{width:20px;height:20px;background: url("../images/company/icon-pack.svg");}
.icon-download-sm{width:16px;height:16px;background: url("../images/company/icon-download-sm.svg");}
.icon-download-light{width:16px;height:16px;background: url("../images/company/icon-download-light.svg");}
.icon-esg-zero-01{width:140px;height:140px;background: url("../images/company/icon-esg-zero-01.png");}
.icon-esg-zero-02{width:140px;height:140px;background: url("../images/company/icon-esg-zero-02.png");}
.icon-esg-zero-03{width:140px;height:140px;background: url("../images/company/icon-esg-zero-03.png");}
.icon-c-allmenu-clse{width: 20px;height:20px;background: url("../images/company/icon-c-allmenu-clse.svg");}
.icon-more-b{width:16px;height:16px;background:url("../images/company/icon-more-b.svg");}
.icon-card-arr-bk{width:40px;height:40px;background:url("../images/company/icon-card-arr-bk.svg");}
.icon-c-allmenu-arr{width: 16px;height:16px;background: url("../images/company/icon-c-allmenu-arr.svg");transition:transform .3s;}
[class^=icon-]{display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}


/* header */
.header {position:sticky;z-index:999;width: 100%;left: 0;top: 0;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:16px;}
.header >.container h1{color: #35425C;font-size: 18px;font-weight: 500;line-height: 130%;}
.header .lf{display:flex;gap:60px;align-items: center;}
/* .gnb ul {display:flex;gap:30px;align-items:center;}
.gnb li{}
.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 .call-text{color: #F60;font-size: 12px;font-weight: 500;line-height: 150%;letter-spacing: -0.24px;}


/* 프리미엄 이사 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 */
.all-menu-com{position: fixed;top:0; right: 50%;transform: translateX(150%);max-width:640px;opacity: 0;margin:0 auto;width:100%;height: 100dvh;pointer-events: none;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: 9999;transition: transform .3s, opacity .3s;}
.all-menu-com.open{transform: translateX(50%);opacity: 1;pointer-events: auto;}
.all-menu-com .all-menu-top{display: flex;justify-content: center;align-items: center;padding:16px;font-weight: 700;line-height:26px;font-size: 20px;background-color: #fff;letter-spacing: -0.8px;}
.all-menu-com .all-menu-box{height:calc(100dvh - 58px);background: rgba(189, 207, 224, 0.16);padding: 30px 16px 50px;}
.all-menu-com .cate-list {display:flex;flex-direction:column;gap:16px;}
.all-menu-com .cate-item{display:flex;flex-direction:column;gap:8px;padding: 16px;border-radius: 6px;background-color: #fff;}
.all-menu-com .cate-item .dp1{display: flex;align-items: center;justify-content: space-between;font-size: 16px;font-weight: 700;line-height: 21px;letter-spacing: -0.48px;}
.all-menu-com .cate-item .dp1 span{display: flex;align-items: center;gap: 8px;}
.all-menu-com .cate-item .sub-cate-list{display:grid;gap:16px;grid-template-columns: 1fr 1fr;padding-top:12px;border-top:1px solid #DFE1E8;}
.all-menu-com .cate-item .sub-cate-list a{display:flex;align-items:center;gap:4px;color:#35425C;font-size: 14px;line-height:21px;letter-spacing: -0.28px;}
.all-menu-com .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;}
.all-menu-com .cate-item .sub-cate-list .label-blue{color:#07F;background:#EBF6FF;}
.all-menu-com .cate-item .sub-cate-list .label-new{color:#FF5B55;background:#FFEFEE;}
.all-menu-com .allmenu-btm{display: flex;flex-direction: column;gap: 14px;margin-top:24px;}
.all-menu-com .allmenu-btm a{display:flex;justify-content:space-between;}
.all-menu-com .allmenu-btm a span{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}
.all-menu-com .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: 999;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;padding:30px 0 97px;}
.footer .foot-top{display:flex;justify-content:space-between;align-items: flex-start;flex-wrap: wrap;gap: 15px;padding:0 16px 30px;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:14px;line-height:100%;color:#35425C;}
.foot-top .customer-center .num{margin:8px 0 6px;color:#35425C;line-height:100%;font-weight:600;font-size:21px;}
.foot-top .customer-center .time{letter-spacing: -0.24px;font-size:12px;line-height:18px;}
.foot-top .btn-foot-company{display: flex;padding: 12px 26px;justify-content: center;align-items: center;gap: 8px;border-radius: 10px;border:1px solid #DFE1E8;background-color: #fff;color: #353849;font-size: 15px;line-height: 100%;font-weight: 500;}
.foot-top .btn-foot-company:hover i{background-image: url("../images/common/icon-foot-company-on.png");}

.footer .foot-menu-box{padding:8px 0;border-bottom:1px solid #DFE1E8;}
.footer .foot-menu-box .foot-menu{display:flex;flex-direction:column;}
.footer .foot-menu-box .foot-menu >li{padding:16px;}
.footer .foot-menu-box .dp1{display:flex;align-items:center;justify-content:space-between;cursor: pointer;color: #35425C;font-size: 14px;font-weight: 500;line-height: 14px;}
.footer .foot-menu-box .dp1.active i{transform:rotate(180deg);}
.footer .foot-menu-box .dp2-list{display:flex;flex-direction:column;gap:12px;margin-top:16px;font-size:14px;line-height:100%;}
.footer .foot-menu-box .dp2-list li a{color:#8C92A4;}

.foot-btm{padding:30px 16px 0;}
.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{display: flex;gap: 8px;align-items: center;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;margin:16px 0;}
.foot-btm .foot-link a{font-size:11px;line-height:130%;color:#5A6275;}
.foot-btm .foot-link a.privacy{font-weight:500;}
.foot-btm .foot-info{display:flex;flex-direction:column;gap:8px;color:#687286;font-size:10px;line-height:130%;}
.foot-btm .foot-sns-list{display:flex;gap:12px;margin: 16px 0 4px;}
.foot-btm .copy-between{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 30px;}
.foot-btm .copy{color:#687286;font-size:10px;line-height:100%:}
.foot-award{padding:0 16px;}
.foot-award .swiper-slide{width: auto !important;}

.fix-right-wrap{position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);max-width: 640px;margin: 0 auto;width: 100%;pointer-events: none;z-index: 9;}
.fix-right-wrap .btn-write{position: absolute;z-index: 999;right:1%;pointer-events: auto;display: flex;align-items: center;justify-content: center;width: 52px;height: 52px;border-radius: 100%;background: #005BFF;bottom: calc( var(--mobile-nav-h) + var(--gap-fix) + 61px);transform: translateZ(0);box-shadow: 0 0 8px 0 rgba(31, 33, 41, 0.46);transition:bottom .3s;}
body.has-btn-top .btn-write { bottom: calc(env(safe-area-inset-bottom) + var(--mobile-nav-h) + var(--gap-fix) + var(--btn-top-h) + var(--gap-btn-menu) + 61px);pointer-events: auto;}

.btn-top {opacity:0;position:absolute; bottom: calc(var(--mobile-nav-h) + var(--gap-fix));transform: translateY(10px);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:52px;height: 52px;border-radius:100%;background: #fff;transition: opacity .2s ease, transform .2s ease;}
.btn-top.on {opacity: 1;pointer-events: auto;transform: translateY(0);/* bottom:100px; */}
.btn-top.cp-top{bottom:14px;}
body.has-btn-top .btn-top{bottom: calc(env(safe-area-inset-bottom) + var(--mobile-nav-h) + var(--floating-fix-h) + var(--gap-fix));}
.btn-top.hide,.btn-fa.hide {opacity: 0;pointer-events: none !important;}

/* floating */
.floating-menu{position: absolute;z-index: 999;right:1%;display:flex;flex-direction:column-reverse;align-items: flex-end; bottom: calc( var(--mobile-nav-h) + var(--floating-fix-h) + var(--gap-fix));transform: translateZ(0);pointer-events: none;transition:bottom .3s;}
body.has-btn-top .floating-menu { bottom: calc(env(safe-area-inset-bottom) + var(--mobile-nav-h) + var(--floating-fix-h) + var(--gap-fix) + var(--btn-top-h) + var(--gap-btn-menu));/* pointer-events: auto; */}
body.fix-always .floating-menu { bottom: calc(env(safe-area-inset-bottom) + 81px + 14px);pointer-events: auto;}
.floating-menu.cp-float{bottom:76px;}
.floating-menu .btn-fa{position:relative;display: flex;width: 52px;height: 52px;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.2);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: 14px;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(-12px);opacity: 1;pointer-events: auto;transition-delay: 0s;}
.floating-menu.open .fa-link-02{transform:translateY(-20px);opacity: 1;pointer-events: auto;transition-delay: 0.12s;}

/* 모바일 네비 */
.mobile-nav {position: fixed;bottom:0;left: 0;right: 0;padding: 12px 0 10px;max-width: 640px;margin: 0 auto;padding-bottom: calc(10px + env(safe-area-inset-bottom));background: #fff;border-top: 1px solid #EEF0F4;box-shadow: 0 0 8px 0 rgba(31, 33, 41, 0.05);display: flex;justify-content: space-between;align-items: center;z-index: 99;transform: translateZ(0);}
.mobile-nav .nav-item {flex: 1;text-align: center;text-decoration: none;color: #151523;letter-spacing: -0.2px;font-size: 10px;display: flex;flex-direction: column;align-items: center;gap: 4px;}
.icon-btm-nav-01 {width:20px;height:20px;background: url("../images/common/icon-btm-nav-01.svg");}
.icon-btm-nav-02 {width: 20px;height:20px;background: url("../images/common/icon-btm-nav-02.svg");}
.icon-btm-nav-03 {width: 20px;height:20px;background: url("../images/common/icon-btm-nav-03.svg");}
.icon-btm-nav-04 {width: 20px;height:20px;background: url("../images/common/icon-btm-nav-04.svg");}
.nav-item-01.active .icon-btm-nav-01{background: url("../images/common/icon-btm-nav-01-active.svg");}
.nav-item-02.active .icon-btm-nav-02{background: url("../images/common/icon-btm-nav-02-active.svg");}
.nav-item-03.active .icon-btm-nav-03{background: url("../images/common/icon-btm-nav-03-active.svg");}
.nav-item-04.active .icon-btm-nav-04{background: url("../images/common/icon-btm-nav-04-active.svg");}