/* BASIC css start */
/* 아이품고 PC 푸터: 고객센터·앱 / 제휴 문의 / 회사정보 3열 */
#ftWrap { --footer-width:var(--site-width,1080px); position:relative; width:100%; min-width:var(--footer-width); margin-top:48px; padding:0 0 30px; background:#f7f8fa; color:#555; font:13px Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif; line-height:1.65; }
#ftWrap *,#ftWrap *::before,#ftWrap *::after { box-sizing:border-box; }
#ftWrap h2,#ftWrap p,#ftWrap ul { margin:0; padding:0; list-style:none; }
#ftWrap a { color:inherit; text-decoration:none; }
#ftWrap a:hover { color:var(--main-color,#e74174); }
#ftWrap a:focus-visible { outline:2px solid var(--main-color,#e74174); outline-offset:3px; }
#ftWrap #f_menu { border-top:1px solid #e6e8eb; border-bottom:1px solid #e6e8eb; background:#fff; }
#ftWrap .bm_box { display:flex; align-items:center; justify-content:space-between; gap:32px; width:var(--footer-width); min-height:60px; margin:0 auto; padding:16px 0; }
#ftWrap .utilMenu { display:flex; align-items:center; flex-wrap:nowrap; gap:22px; }
#ftWrap .utilMenu a { display:block; font-size:13px; white-space:nowrap; }
#ftWrap .utilMenu .privacy a { color:#222; font-weight:600; }
/* 별도 이미지 파일 없이 표시하는 회색 원형 SNS 아이콘 */
#ftWrap .sns { display:flex; flex:0 0 auto; align-items:center; gap:12px; margin-left:auto; }
#ftWrap .sns a { --sns-fill:#899399; display:flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; border-radius:50%; background:var(--sns-fill); color:#fff; }
#ftWrap .sns a:hover { --sns-fill:var(--main-color,#e74174); color:#fff; }
#ftWrap .sns svg { display:block; width:22px; height:22px; }
#ftWrap .sns .cutout { fill:var(--sns-fill); }
#ftWrap .ipo-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#ftWrap .bc_box { display:grid; grid-template-columns:220px 280px minmax(0,1fr); gap:32px; width:var(--footer-width); margin:0 auto; padding:32px 0 28px; }
#ftWrap .bc_box > section { min-width:0; }
#ftWrap h2 { margin-bottom:16px; color:#222; font-size:17px; font-weight:600; line-height:26px; }
#ftWrap .ipo-footer-chat { display:flex; align-items:center; justify-content:space-between; width:100%; padding:12px 16px; border:1px solid #e2e5e8; border-radius:6px; background:#fff; color:#222; font-size:14px; font-weight:500; line-height:24px; }
#ftWrap .ipo-footer-chat span { color:#999; font-size:20px; line-height:1; }
#ftWrap .ipo-footer-logo { display:flex; align-items:center; height:26px; margin-bottom:12px; }
#ftWrap .ipo-footer-logo img { display:block; width:100px; height:auto; }
#ftWrap .ipo-footer-company-name { margin-bottom:6px; color:#333; font-size:14px; font-weight:600; line-height:26px; }
#ftWrap .address { color:#888; font-size:12px; line-height:24px; overflow-wrap:anywhere; }
#ftWrap .address > span { display:inline; margin-right:16px; }
#ftWrap .address a { display:inline-block; margin-left:4px; color:#555; font-size:12px; text-decoration:underline; text-underline-offset:2px; }
#ftWrap .ipo-footer-partners { width:auto; margin:0;}
#ftWrap .ipo-footer-partners h2 { margin:0 0 14px; color:#333; font-size:16px; font-weight:600; line-height:24px; }
#ftWrap .ipo-footer-partners ul { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
#ftWrap .ipo-footer-partners li { min-width:0; }
#ftWrap .ipo-footer-partners a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:42px; padding:9px 10px; border:1px solid #e5e5e5; border-radius:4px; background:#fafafa; color:#444; font-size:13px; font-weight:500; line-height:21px; word-break:keep-all; overflow-wrap:anywhere; }
#ftWrap .ipo-footer-partners a span { flex:0 0 auto; color:var(--main-color,#e74174); font-size:20px; font-weight:400; line-height:1; }
#ftWrap .ipo-footer-partners a:hover { border-color:var(--main-color,#e74174); background:#fff7fa; color:var(--main-color,#e74174); }
#ftWrap .ipo-footer-bottom { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:40px; width:var(--footer-width); margin:0 auto; padding-top:24px; border-top:1px solid #e1e4e8; }
#ftWrap .notice { color:#999; font-size:11px; line-height:1.75; word-break:keep-all; overflow-wrap:anywhere; }
#ftWrap .copy { margin-top:12px; color:#999; font-size:11px; line-height:1.5; }
#ftWrap .copy strong { font-weight:500; }
#ftWrap .escrow { display:flex; align-items:flex-start; gap:12px; }
#ftWrap .escrow > img { display:block; flex:0 0 60px; width:60px; height:auto; margin-top:3px; }
#ftWrap .escrow strong { color:#777; font-size:12px; font-weight:500; }
#ftWrap .escrow p { margin-top:4px; color:#999; font-size:11px; line-height:1.65; }
#ftWrap .escrow a { display:inline-block; margin-top:5px; color:#888; font-size:11px; }

/* 고객센터 아래 앱 다운로드 / 디데이달력과 같은 QR 안내형 팝업 */
#ftWrap .ipo-footer-app-open { display:flex; align-items:center; justify-content:space-between; width:100%; margin:10px 0 0; padding:12px 16px; border:1px solid #efd4df; border-radius:6px; background:#fff6f9; color:var(--main-color,#e74174); font-family:inherit; font-size:14px; font-weight:500; line-height:24px; text-align:left; cursor:pointer; }
#ftWrap .ipo-footer-app-open span { font-size:20px; font-weight:400; line-height:1; }
#ftWrap .ipo-footer-app-open:hover { border-color:var(--main-color,#e74174); background:#fff; }
#ftWrap .ipo-footer-app-dialog { position:fixed; inset:0; width:420px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:44px 36px 28px; border:0; border-radius:22px; background:#fff; color:#333; text-align:center; overflow-y:auto; box-shadow:0 15px 45px rgba(0,0,0,.22); }
#ftWrap .ipo-footer-app-dialog::backdrop { background:rgba(0,0,0,.55); }
#ftWrap .ipo-footer-app-close { position:absolute; top:12px; right:14px; display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin:0; padding:0; border:0; background:none; color:#777; font-family:inherit; font-size:32px; line-height:1; cursor:pointer; }
#ftWrap .ipo-footer-app-dialog h2 { margin:0 0 14px; color:#222; font-size:22px; font-weight:600; line-height:1.4; }
#ftWrap #ipoFooterAppDescription { margin:0 0 20px; color:#666; font-size:15px; line-height:1.65; }
#ftWrap .ipo-footer-app-qr { width:244px; max-width:100%; margin:0 auto 18px; padding:12px; border:1px solid #eee; border-radius:12px; background:#fff; }
#ftWrap .ipo-footer-app-qr img { display:block; width:100%; height:auto; }
#ftWrap .ipo-footer-app-guide { margin:0 0 22px; color:#888; font-size:13px; line-height:1.6; }
#ftWrap .ipo-footer-app-confirm { display:block; width:100%; margin:0; padding:12px 16px; border:0; border-radius:8px; background:var(--main-color,#e74174); color:#fff; font-family:inherit; font-size:15px; font-weight:600; line-height:22px; cursor:pointer; }
#ftWrap button:focus-visible { outline:2px solid var(--main-color,#e74174); outline-offset:3px; }

/* 기존 우측 고정 버튼·접이식 패널 */
/* 상단으로 올라가기 버튼 */
#one {position:fixed;right:32px;bottom: 91px;z-index:100;width:50px;}
#one p { font-size:13px; letter-spacing:-1px; text-align:center; line-height:15px; margin-top: 5px; }

#mellowand {position:fixed;right:30px;bottom: 283px;z-index:100;width:52px;}
#mellowand img { width:100%; }
#mellowand p { font-size:13px; letter-spacing:-1px; text-align:center; line-height:15px; margin-top: 5px; }


#openchat { position:fixed; right:30px; bottom:370px; z-index:100; width:54px; }
#openchat img { width:100%; }
#openchat p { font-size:13px; letter-spacing:-1px; text-align:center; line-height:15px; margin-top: 5px; }


#totop {position:fixed;right:30px;bottom:20px;z-index:100;width: 54px;}
#totop img { width:100%; }

#join1 {position:fixed;right:30px;bottom: 179px;z-index:100;width:54px;}
#join1 img { width: 100%; height: 100%; cursor: pointer; visibility: visible; border-radius: 24px; transition: visibility 400ms ease 0s; animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal both running jBcSpD; background: linear-gradient(rgb(255 235 59) 0%, rgb(255 235 59) 100%); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.05) 0px 8px 30px; }
#join1 p { font-size:13px; letter-spacing:-1px; text-align:center; line-height:15px; margin-top: 5px; }



#csBannerFixed { height:100%; width:210px; background:#fff; border-left:1px solid #eee; display:none; }
.quickbtn {position:relative;}
.quickbtn .quickbtn_area{position:absolute;right:210px;top:100px}
.quickbtn .quickbtn_area img{cursor:pointer}

.quick_bnr { width:190px;padding-top:40px; }


/***  스티키슬라이드  ***/
.main_slide_bg {position:relative;margin:30px auto 20px;width:170px; padding:0}
#scroller {position:relative;width:93px; height:93px;margin:0 auto;padding-top:15px;clear:both;overflow:hidden; }

/*좌우버튼*/

#sb_btn2_1 { position:absolute;right:10px;cursor:pointer;top:48%;z-index:10;}
#sb_btn2_2 { position:absolute;left:10px;cursor:pointer;top:48%;z-index:10;}

ul#scrollerFrame {width:1000px; padding:0 ;margin:0px;list-style:none;}
ul#scrollerFrame li {position:relative;float:left;width:93px;height:93px;}



.quick_bnr .menu_vip { margin:0 auto; width:110px; }

.quick_bnr .sticky_area .qcs_menu:after {content:""; display:block; clear:both;}
.quick_bnr .sticky_area .qcs_menu { width:100px;margin:40px auto 0;} 
.quick_bnr .sticky_area .qcs_menu dd { position:relative;margin:-1px 0 0 -1px;border:1px solid #5f5e5e;text-align:center; width:100px;}
.quick_bnr .sticky_area .qcs_menu dd a { display:block;color:#fff ;padding:7px 0 7px 0; opacity: .7;-webkit-opacity: .6;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}
.quick_bnr .sticky_area .qcs_menu dd a:hover { color:#FFF;background:#000;text-decoration:none;opacity: 1.0;-webkit-opacity: 1.0; }

.quick_bnr .sticky_area .qcs_info:after {content:""; display:block; clear:both;}
.quick_bnr .sticky_area .qcs_info { font-family: 'Nanum Gothic', sans-serif;padding:30px;margin-top:20px;} 
.quick_bnr .sticky_area .qcs_info dt { display:none;font-size:13px;color:#777;padding-bottom:10px;} 
.quick_bnr .sticky_area .qcs_info dd.qcsi_line { display:none;width:50px;height:2px;background:#222;margin-bottom:0px; } 
.quick_bnr .sticky_area .qcs_info dd.qcsi_num { font-family: 'Noto Sans', sans-serif;font-size:22px;color:#d1d1d1;font-weight:bold;padding-bottom:8px; } 
.quick_bnr .sticky_area .qcs_info dd { font-size:11px;color:#d1d1d1;line-height:180%;} 

.quick_bnr .sticky_area .qcs_go:after {content:""; display:block; clear:both;}
.quick_bnr .sticky_area .qcs_go { margin:10px auto 0;text-align:center;} 
.quick_bnr .sticky_area .qcs_go ul {display:inline-block;  }
.quick_bnr .sticky_area .qcs_go ul li {float:left; margin-left:-1px; padding:0 3px;z-index:1;}




#csBannerFixed { position:fixed; top:0; right:0; z-index:100000; }
#csBannerFixed .ipo-channel-trigger { border:0; padding:0; background:none; color:#555; font:inherit; cursor:pointer; }

/* BASIC css end */