/* 효성인쇄사 · 미래에셋생명 주문사이트 — PC 디자인 (참고: 2026 주문안내 화면 / diaryfactory) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
:root{--hs-navy:#0f2b5b;--hs-orange:#f37021;--hs-ink:#1f2a3a;--hs-gray:#6b7684;--hs-line:#e6e9ef;--hs-bg:#f4f4f4}
body,input,button,select,textarea{font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
body{background:#fff;color:var(--hs-ink)}
#hd,#wrapper,#ft{min-width:0}
/* 헤더 */
#hd{background:#fff;border-bottom:1px solid var(--hs-line)}
#hd_wrapper{position:relative;max-width:1200px;margin:0 auto;padding:0 20px;height:88px;display:flex;align-items:center;justify-content:space-between}
#hd_wrapper #logo{position:static;float:none;margin:0;width:auto;height:auto;padding:0}
#hd_wrapper #logo img{height:46px;width:auto;display:block}
.hs-gnb{display:flex;gap:44px;margin:0;padding:0;list-style:none}
.hs-gnb a{font-size:16px;font-weight:600;color:var(--hs-ink);letter-spacing:-.2px;padding:8px 0;position:relative}
.hs-gnb a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--hs-orange);transform:scaleX(0);transition:.2s}
.hs-gnb a:hover:after,.hs-gnb a.on:after{transform:scaleX(1)}
.hs-util{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--hs-gray)}
.hs-util a{color:var(--hs-gray)}
.hs-util .hs-cart{position:relative;color:var(--hs-ink);font-size:18px}
.hs-util .hs-cart .count{position:absolute;top:-8px;right:-12px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:var(--hs-orange);color:#fff;font-size:11px;text-align:center;padding:0 4px}
.hs-util .hs-name b{color:var(--hs-navy)}
#side_menu,#hd_menu,.hd_sch_wr,#tnb{display:none!important}
/* 본문 폭 */
#wrapper{background:#fff}
#container{max-width:1200px;margin:0 auto;padding:0 20px 80px;float:none;width:auto}
#aside{display:none}
.shop-content{width:auto;float:none;margin:0}
#wrapper_title{font-size:26px;font-weight:700;color:var(--hs-ink);padding:44px 0 24px;border:0;margin:0}
#text_size{display:none}
/* 메인 히어로 */
.hs-hero{padding:56px 0 24px;text-align:center}
.hs-hero .hs-site{font-size:14px;letter-spacing:.4px;color:var(--hs-gray);margin-bottom:12px}
.hs-hero h1{font-size:32px;line-height:1.35;font-weight:800;color:var(--hs-navy);letter-spacing:-.6px;margin:0 0 30px}
.hs-hero h1 em{font-style:normal;color:var(--hs-orange)}
.hs-notice{background:var(--hs-orange);color:#fff;padding:48px 64px 52px;text-align:left;border-radius:4px}
.hs-notice .lead{font-size:22px;line-height:1.55;font-weight:500;margin:0 0 26px}
.hs-notice .lead b{font-weight:800}
.hs-notice ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.hs-notice li{display:flex;align-items:center;gap:20px;font-size:23px;font-weight:500;letter-spacing:-.3px}
.hs-notice li .chip{flex:0 0 116px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--hs-navy);color:#fff;font-size:14px;font-weight:700;height:32px;border-radius:3px}
.hs-notice li .chip i{font-size:13px;opacity:.95}
.hs-notice li small{font-size:14px;opacity:.9;margin-left:10px;font-weight:400}
.hs-notice .gen{font-size:15px;opacity:.9;margin:0}
/* 상품 카드 */
.hs-products{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;max-width:920px;margin:56px auto 0}
.hs-card{display:block;color:inherit}
.hs-card .img{background:var(--hs-bg);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:44px;overflow:hidden}
.hs-card .img img{max-width:100%;max-height:100%;width:auto;height:auto;transition:transform .35s}
.hs-card:hover .img img{transform:scale(1.04)}
.hs-card .txt{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 0}
.hs-card .name{font-size:16px;font-weight:600;color:var(--hs-ink)}
.hs-card .price{display:block;margin-top:5px;font-size:13px;color:var(--hs-gray)}
.hs-card .arrow{width:34px;height:34px;border:1px solid #cfd4dc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--hs-gray);font-size:12px;transition:.2s}
.hs-card:hover .arrow{background:var(--hs-navy);border-color:var(--hs-navy);color:#fff}
/* 목록 페이지(list.10) 카드화 */
#sct_sortlst{display:none}
#sct_hhtml,#sct_thtml{display:none}
.sct_10{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;max-width:920px;margin:0 auto;padding:0}
.sct_10 .sct_li{width:auto!important;margin:0!important;padding:0!important;float:none!important;border:0!important}
.sct_10 .sct_img{background:var(--hs-bg);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:44px;position:relative}
.sct_10 .sct_img img{max-width:100%;max-height:100%;width:auto!important;height:auto!important}
.sct_10 .sct_btn,.sct_10 .cart-layer,.sct_10 .sct_op_btn,.sct_10 .sit_icon_li,.sct_10 .sct_star{display:none!important}
.sct_10 .sct_ct_wrap{padding:16px 4px 0}
.sct_10 .sct_txt a{font-size:16px;font-weight:600;color:var(--hs-ink)}
.sct_10 .sct_basic{display:none}
.sct_10 .sct_cost{font-size:13px;color:var(--hs-gray);margin-top:5px}
#sct_location,.sct_ct_ex{display:none}
/* 상세 페이지 */
#sit_hhtml,#sit_thtml{display:none}
#sit_ov_wrap{display:flex;gap:56px;align-items:flex-start;padding:36px 0 48px;border:0}
#sit_pvi{flex:0 0 520px;width:520px;float:none;margin:0}
#sit_pvi_big{background:var(--hs-bg);width:520px;height:520px;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;border:0}
#sit_pvi_big img{max-width:100%;max-height:100%;width:auto!important;height:auto!important}
#sit_pvi_big #popup_item_image{position:absolute;left:14px;top:14px;color:#aaa}
#sit_pvi_thumb{margin-top:12px;padding:0}
#sit_pvi_thumb li{margin:0 8px 0 0;border:1px solid var(--hs-line)}
#sit_pvi_thumb img{width:64px;height:64px;object-fit:contain;background:var(--hs-bg)}
#sit_ov{flex:1;float:none;width:auto;margin:0;padding:6px 0 0;border-top:2px solid var(--hs-ink)}
#sit_title{font-size:26px;font-weight:700;color:var(--hs-ink);margin:24px 0 8px;padding:0;text-align:left}
#sit_desc{color:var(--hs-gray);font-size:14px;margin:0 0 22px;text-align:left}
#sit_opt_info,#sit_star_sns{display:none!important}
.sit_info{border-top:1px solid var(--hs-line);padding-top:6px}
.sit_ov_tbl th{width:120px;color:var(--hs-gray);font-weight:500;font-size:14px;padding:10px 0;text-align:left;background:none;border:0}
.sit_ov_tbl td{font-size:14px;padding:10px 0;border:0}
.sit_ov_tbl .tr_price td{font-size:20px;font-weight:800;color:var(--hs-ink)}
#sit_sel_option{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--hs-line)}
.sit_opt_list{border:0;background:none}
#sit_tot_price{border-top:1px solid var(--hs-ink);margin-top:14px;padding:18px 0;font-size:14px;color:var(--hs-gray);text-align:right}
#sit_tot_price strong,#sit_tot_price .tot_price{font-size:22px;font-weight:800;color:var(--hs-ink)}
#sit_ov_btn{display:flex;gap:10px;margin-top:6px}
#sit_ov_btn .sit_btn_buy{flex:1;height:56px;border:1px solid var(--hs-orange);background:var(--hs-orange);color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;order:2}
#sit_ov_btn .sit_btn_cart{flex:1;height:56px;border:1px solid #cfd4dc;background:#fff;color:var(--hs-ink);font-size:15px;font-weight:700;order:1}
#sit_ov_btn .sit_btn_buy:hover{background:#d9621a;border-color:#d9621a}
#sit_ov_btn .sit_btn_cart:hover{border-color:#111}
#sit_ov_btn .sit_btn_wish{display:none!important}
#sit_siblings{display:none}
.sanchor{display:flex;border-bottom:1px solid var(--hs-line);margin:0;padding:0}
.sanchor li a{padding:16px 24px;font-size:15px;color:var(--hs-gray);border:0}
.sanchor li a.sanchor_on{color:var(--hs-ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--hs-ink);background:none}
.sanchor li:nth-child(2),.sanchor li:nth-child(3),#sit_use,#sit_qa{display:none!important}
#sit_inf_explan{padding:40px 0}
/* 푸터 */
#ft{background:#fafafa;border-top:1px solid var(--hs-line);color:var(--hs-gray);margin-top:0}
#ft_wr{max-width:1200px;margin:0 auto;padding:36px 20px 20px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
#ft_link{float:none;width:auto;margin:0;padding:0}
#ft_link li{display:inline-block;margin-right:18px}
#ft_link a{color:var(--hs-ink);font-size:13px;font-weight:600}
#ft_company{float:none;width:auto;margin:0}
#ft_company h2{display:none}
#ft_company .ft_info{font-size:12px;line-height:1.9;color:var(--hs-gray)}
#ft_company .ft_info b{color:#8a96a3;font-weight:600;margin-right:2px}
#ft_company .ft_info span{margin-right:14px}
#ft_copy{max-width:1200px;margin:0 auto;padding:0 20px 34px;font-size:12px;color:#9aa4b0;text-align:left;border:0}
#top_btn{display:none!important}
/* 장바구니·주문서·주문조회 공통 톤 */
.btn_submit,.btn_confirm .btn_submit,#sod_bsk_tot+.btn_confirm .btn_submit{background:#111;border-color:#111}
.btn_submit:hover{background:var(--hs-navy);border-color:var(--hs-navy)}
/* 상세: 우측 고정 구매박스·후기/문의 탭 제거, 관리자 톱니 숨김 */
#sit_buy{display:none!important}
#sit_tab .tab_tit li:nth-child(2),#sit_tab .tab_tit li:nth-child(3){display:none!important}
#sit_tab .tab_tit{border-bottom:1px solid var(--hs-line)}
#sit_tab .tab_tit li button{font-size:15px;color:var(--hs-gray);padding:16px 24px}
#sit_tab .tab_tit li button.selected{color:var(--hs-ink);font-weight:700;border-bottom:2px solid var(--hs-ink)}
#sit_info{border:0}
.sit_admin,.sct_admin,#sit_inf_open{display:none!important}
#sct_location{display:block;font-size:13px;color:var(--hs-gray);padding:18px 0 0}
/* 목록 제목 */
#wrapper_title{font-size:22px;padding:36px 0 20px}
.sct_10 .sct_txt{border:0;padding:0}
.sct_10 .sct_cost{border:0}
/* 푸터 정보 블록 폭 */
#ft_company{flex:1;max-width:680px}
#ft_company .ft_info span{white-space:nowrap}

/* 금융서비스: 상품 1종 → 카드 가운데 */
.hs-products{grid-template-columns:minmax(0,440px);justify-content:center}
.sct_10{grid-template-columns:minmax(0,440px);justify-content:center}