/* BASIC css start */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0; }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt130 {padding-top:130px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}
.pdb40 {padding-bottom:40px;}
.mrt20 {margin-top:20px;}

/* =========================================================
   B안 공통 레이아웃 (좌측 사이드바 없음 · 콘텐츠 최대 1260px)
   1024px 화면(스크롤바 제외 약 1007px)까지 깨지지 않게 맞춤
   ========================================================= */
:root {
--b-deep:#24505c;   /* 진한 청록 : 띠배너·강조 */
--b-point:#3d7686;  /* 포인트 : 링크·선택 */
--b-ink:#1f2a30;    /* 본문 글자 */
--b-mute:#66737a;   /* 보조 글자 */
--b-line:#e3e8ea;   /* 구분선 */
--b-soft:#f4f8f9;   /* 옅은 배경 */
}

body {min-width:980px; color:var(--b-ink); font-family:'Noto Sans KR','Roboto','Apple SD Gothic Neo','Malgun Gothic',sans-serif; }
a {text-decoration:none; -webkit-transition: color .2s, background-color .2s, border-color .2s; transition: color .2s, background-color .2s, border-color .2s;}
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a, p, ul, li, th, td, dl, dt, dd, .os_mac.root_daum_roughmap {font-family:'Noto Sans KR','Roboto','Apple SD Gothic Neo','Malgun Gothic',sans-serif;}

#wrap {padding:0; margin:0;}
#contentWrapper {margin:0; min-height:730px;}
#contentWrap {width:auto; max-width:1320px; margin:0 auto; padding:0 30px; box-sizing:border-box;}
#contentWrap:after {content:""; display:block; clear:both;}
#content {width:auto; max-width:1260px; min-height:600px; background-color:#fff; margin:0 auto;}
#layerWrap, #ftLink .link, #header, #footer {width:auto; max-width:1260px; margin:0 auto;}

.hd-wrap {max-width:1320px; margin:0 auto; padding-left:30px; padding-right:30px; box-sizing:border-box;}

@media (max-width:1100px) {
#contentWrap, .hd-wrap {padding-left:20px; padding-right:20px;}
}

/* 게시판 상단 리스트 숨김,서브페이지 타이틀 */
.bbs-hd {display:none;}
.loc-navi {height:75px; line-height:75px; width:auto; max-width:1260px; margin:0 auto; text-align:right; color:#999; font-size:12px; margin-top:0px !important;}
.bbs-tit,
#prdBrand .cate-wrap .bcate {width:100%;text-align:left;padding: 0 0 0 13px;margin:20px 0 15px; color: #111; font-size:17px;background:url("https://minia.img14.kr/0734dodobaby/sub_blot.jpg"); background-repeat:no-repeat; background-position:0px 3px; font-weight:normal;border:0;}
.bbs-tit strong {font-weight:normal;}

.sliderkit {display:none;position:relative;}
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit .sliderkit-nav {z-index:10;position:relative;text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10;}
.sliderkit .sliderkit-panel {z-index:1;position:absolute;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}

/* =========================================================
   헤더
   ========================================================= */
#hd {position:relative; z-index:500; background:#fff; border-bottom:1px solid var(--b-line); letter-spacing:-0.02em; word-break:keep-all;}
#hd a {color:var(--b-ink);}
#hd a:focus-visible, #hd button:focus-visible {outline:2px solid var(--b-point); outline-offset:2px;}

/* 띠배너 */
#hd .hd-band {background:var(--b-deep);}
#hd .hd-band-in {display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:38px;}
#hd .hd-band-msg {color:#fff; font-size:13px; line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#hd .hd-band-msg:hover {text-decoration:underline; text-underline-offset:3px;}
#hd .hd-band-links {display:flex; flex-shrink:0;}
#hd .hd-band-links li + li {margin-left:2px;}
#hd .hd-band-links a {display:block; padding:0 9px; color:rgba(255,255,255,.78); font-size:12px; line-height:38px;}
#hd .hd-band-links a:hover {color:#fff;}

/* 로고 · 검색 · 회원메뉴 */
#hd .hd-main {display:flex; align-items:center; gap:28px; padding-top:16px; padding-bottom:22px;}
#hd .hd-logo {flex-shrink:0; line-height:0;}
#hd .hd-logo img {height:64px; width:auto;}

#hd .hd-search {flex:1 1 auto; min-width:0; max-width:560px;}
#hd .hd-search form {margin:0;}
#hd .hd-search fieldset {position:relative; display:flex; align-items:center; height:50px; padding:0 8px 0 22px; background:var(--b-soft); border:1px solid var(--b-line); border-radius:25px; box-sizing:border-box; transition:border-color .2s, background-color .2s;}
#hd .hd-search fieldset:focus-within {border-color:var(--b-point); background:#fff;}
#hd .hd-search legend {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
#hd .hd-search input[type="text"],
#hd .hd-search .MS_search_word {flex:1 1 auto; min-width:0; width:100% !important; height:46px !important; line-height:46px; margin:0 !important; padding:0 !important; border:0 !important; outline:none; background:transparent !important; color:var(--b-ink); font-size:15px; text-indent:0 !important;}
#hd .hd-search .MS_search_word::placeholder {color:#8a959a;}
#hd .hd-search-btn {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; color:var(--b-deep) !important;}
#hd .hd-search-btn:hover {background:#e6eef0;}

#hd .hd-user {display:flex; align-items:center; gap:2px; margin-left:auto; flex-shrink:0;}
#hd .hd-user li {position:relative;}
#hd .hd-user a {display:flex; flex-direction:column; align-items:center; gap:3px; min-width:58px; padding:6px 4px; font-size:12px; color:var(--b-ink); white-space:nowrap;}
#hd .hd-user a:hover {color:var(--b-point);}
#hd .hd-user svg {display:block;}
#hd .hd-user .cart_count {position:absolute; top:1px; right:8px; min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:9px; background:var(--b-point); color:#fff; font-size:10px; font-weight:700; line-height:18px; text-align:center; font-family:'Roboto',sans-serif;}
#hd .hd-bubble {position:absolute; left:50%; bottom:-20px; margin-left:-26px; width:52px; height:19px; border-radius:10px; background:var(--b-point); color:#fff; font-size:10px; font-weight:700; line-height:19px; text-align:center; pointer-events:none; animation:hdBob 2s ease-in-out infinite;}
#hd .hd-bubble:before {content:""; position:absolute; left:50%; top:-4px; margin-left:-4px; border:4px solid transparent; border-top:0; border-bottom-color:var(--b-point);}
@keyframes hdBob {0%,100% {transform:translateY(0);} 50% {transform:translateY(-3px);}}

/* 카테고리 메뉴 */
#hd .hd-gnb {position:relative; border-top:1px solid var(--b-line);}
#hd .hd-gnb-in {display:flex; align-items:stretch; gap:8px 32px;}
#hd .hd-all-btn {flex-shrink:0; display:flex; align-items:center; gap:8px; height:52px; padding:0; border:0; background:none; color:var(--b-ink); font:inherit; font-size:15px; font-weight:700; cursor:pointer;}
#hd .hd-all-btn:hover, #hd .hd-all-btn[aria-expanded="true"] {color:var(--b-point);}
#hd .hd-cate {display:flex; flex-wrap:wrap; gap:0 30px; min-width:0;}
#hd .hd-cate > li {position:static;}
#hd .hd-cate-a {display:flex; align-items:center; height:52px; font-size:15px; font-weight:500; white-space:nowrap;}
#hd .hd-cate > li:hover > .hd-cate-a,
#hd .hd-cate > li:focus-within > .hd-cate-a {color:var(--b-point); box-shadow:inset 0 -3px 0 var(--b-point);}

/* 카테고리 마우스오버 펼침 (2·3차 분류) */
#hd .hd-mega {display:none; position:absolute; left:0; right:0; top:100%; z-index:20; background:#fff; border-top:1px solid var(--b-line); border-bottom:1px solid var(--b-line); box-shadow:0 14px 24px rgba(31,42,48,.08);}
#hd .hd-cate > li:hover > .hd-mega,
#hd .hd-cate > li:focus-within > .hd-mega {display:block;}
#hd .hd-mega-in {display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:22px 28px; padding-top:26px; padding-bottom:30px; max-height:62vh; overflow-y:auto;}
#hd .hd-mega dl {min-width:0;}
#hd .hd-mega dt a {display:block; padding-bottom:9px; margin-bottom:7px; border-bottom:1px solid var(--b-line); font-size:16px; font-weight:700; line-height:1.35; overflow-wrap:anywhere;}
#hd .hd-mega dd a {display:block; padding:4px 0; font-size:15px; line-height:1.45; color:#4f5c62; overflow-wrap:anywhere;}
#hd .hd-mega a:hover {color:var(--b-point);}

/* 전체 카테고리 펼침 */
#hd .hd-all {position:absolute; left:0; right:0; top:100%; z-index:30; background:#fff; border-top:1px solid var(--b-line); border-bottom:1px solid var(--b-line); box-shadow:0 14px 24px rgba(31,42,48,.1);}
#hd .hd-all[hidden] {display:none;}
#hd .hd-all-top {display:flex; align-items:center; justify-content:space-between; height:60px; border-bottom:1px solid var(--b-line);}
#hd .hd-all-top strong {font-size:18px; font-weight:700; color:var(--b-deep);}
#hd .hd-all-close {display:flex; align-items:center; gap:6px; height:36px; padding:0 12px 0 14px; border:1px solid #d3dcdf; border-radius:18px; background:#fff; color:#556167; font:inherit; font-size:14px; cursor:pointer; transition:border-color .2s, color .2s;}
#hd .hd-all-close:hover {border-color:var(--b-point); color:var(--b-point);}
#hd .hd-all-in {display:grid; grid-template-columns:repeat(auto-fill, minmax(136px, 1fr)); gap:30px 20px; padding-top:28px; padding-bottom:36px; max-height:calc(75vh - 60px); overflow-y:auto;}
#hd .hd-all-col h2 a {display:block; padding-bottom:11px; margin-bottom:10px; border-bottom:2px solid var(--b-deep); font-size:16px; font-weight:700; line-height:1.35; overflow-wrap:anywhere;}
#hd .hd-all-col li a {display:block; padding:5px 0; font-size:15px; line-height:1.45; color:#4f5c62; overflow-wrap:anywhere;}
#hd .hd-all-col a:hover {color:var(--b-point);}
#hd.is-all-open .hd-mega {display:none !important;}

/* 좁은 화면 (1024px 등) */
@media (max-width:1180px) {
#hd .hd-band-links a {padding:0 6px;}
#hd .hd-main {gap:20px;}
#hd .hd-gnb-in {gap:8px 24px;}
#hd .hd-cate {gap:0 22px;}
}
@media (max-width:1100px) {
#hd .hd-gnb-in {gap:8px 18px;}
#hd .hd-cate {gap:0 15px;}
#hd .hd-all-btn, #hd .hd-cate-a {font-size:14px;}
#hd .hd-all-btn {gap:6px;}
}
@media (max-width:1060px) {
#hd .hd-logo img {height:56px;}
#hd .hd-user a {min-width:50px;}
#hd .hd-band-links li:nth-child(4) {display:none;}
}

@media (prefers-reduced-motion:reduce) {
#hd .hd-bubble {animation:none;}
}

/* 메인 상품 타이틀 관련 스타일 (예전 클래스 · 다른 화면 호환용) */
.main_title {text-align:center; height:165px; clear:both;}
.main_title .main_title01 {font-size:18px; color:#111; font-weight:bold; letter-spacing:2px; padding-top:50px;}
.main_title .main_title02 {font-size:13px; color:#999999; text-align:center; letter-spacing:-0.3px; padding-top:3px;}
.main_title .square_line {width:40px; height:3px; background-color:#3d7686; margin:14px auto 0px;}

/* 상품리스트 (예전 클래스 · 다른 화면 호환용) */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:left;padding:0 8px 50px; }
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:left;position:relative; width:auto; max-width:280px;}
.prd-list table .info { width:100%; padding:10px 0 0px; text-align:left; background-color:#fff; display:inline-block; margin:0 auto;}
.prd-list .thumb { width:100%; height:auto; font-size:0; line-height: 0; border:0;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height:auto;}
.prd-list .thumb img { aspect-ratio:1/1; object-fit:cover; }
.prd-list .dsc { margin:7px auto 0px; font-weight:normal; font-size:13px;color:#222; }
.prd-list .subname { margin:7px auto 10px; font-weight:normal; font-size:12px;color:#999;width:100%;letter-spacing:-0.5px;line-height:18px; border-bottom:1px solid #e9e9e9; padding-bottom:8px;}
.prd-list .soldout { margin-top:5px; font-weight: bold; color:#ff0000;font-size:12px; }
.prd-list .consumer { margin-top:10px; color:#999;font-size:14px; text-decoration:line-through;letter-spacing:-0.5px;}
.prd-list .price { margin-top:0; font-weight: bold; color:#222;font-size:14px;letter-spacing:-0.5px;}
.prd-list .icon_option { margin-top:7px; }
.prd-list .icon { margin-top:12px; }
.prd-list .icon img {padding:0 1px;}
.prd-list .closeup { margin-top:7px; }
.nopadding td {padding:0 !important;}

/* BASIC css end */