/* DSP Plus Theme Styles - scoped overrides */

/* Web font: Noto Sans KR (환경 무관 동일 폰트) */
.dspplus,
.dspplus body {
  font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
}

/* Common (scoped) */
.dspplus #wrap {min-width:1200px; margin:0!important;}
.dspplus .innerArea {width:1200px; margin:0 auto;}
.dspplus .clearfix:after {display:block; clear:both; content:'';}

/* Header Top */
.dspplus #headerArea .header_top {height:44px; border-bottom:1px solid #dedede; background:#fff;}
.dspplus #headerArea .header_top .innerArea {position:relative;}
.dspplus #headerArea .header_top .left_area {float:left; font-size:0; display:table;}
.dspplus #headerArea .header_top .left_area .btn-wrap {display:table-cell; vertical-align:middle; text-align:left;}
.dspplus #headerArea .header_top .left_area .btn-wrap a {display:inline-block; height:44px; padding:11px; border-left:1px solid #dedede; line-height:22px; vertical-align:top; font-size:11px; color:#666;}
.dspplus #headerArea .header_top .left_area .btn-wrap a:hover {color:#333;}
.dspplus #headerArea .header_top .left_area .btn-wrap a:last-child {border-right:1px solid #dedede;}
.dspplus #headerArea .header_top .left_area .btn-wrap a.blog-link {display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#333;}
.dspplus #headerArea .header_top .left_area .btn-wrap a.blog-link img {width:18px; height:18px; display:inline-block;}

/* 상단 우측 고객센터 */
.dspplus #headerArea .header_top .cs_info {
  float:right;
  padding:8px 0;
  display:flex;
  align-items:center;      /* 상하 높이 동기화 */
  gap:10px;
  justify-content:flex-end;
  height: 44px;
}
.dspplus #headerArea .header_top .cs_info .cs_label {
  display:block;
  font-size:14px; color:#666; font-weight:500;
}
.dspplus #headerArea .header_top .cs_info .cs_number {
  display:block;
  font-size:20px; color:#7e6142; font-weight:bold; letter-spacing:-0.5px;padding-top: 2px;
}

/* Logo Wrap */
.dspplus #headerArea .logo_wrap {background:#fff;}
.dspplus #headerArea .logo_wrap .innerArea {position:relative; padding:49px 0 42px; text-align:center;}
.dspplus #headerArea .logo_wrap .h1_left {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.dspplus #headerArea .logo_wrap .h1_left img {height:auto; display:block;}
.dspplus #headerArea .logo_wrap h1 {width:264px; margin:0 auto;}
.dspplus #headerArea .logo_wrap h1 a {display:block;}
.dspplus #headerArea .logo_wrap .search-wrap {position:absolute; top:50%; margin-top:-31px; right:0; z-index:101}
.dspplus #headerArea .logo_wrap .search-wrap form {position:relative;width:240px; text-align:left;}
.dspplus #headerArea .logo_wrap .search-wrap .top_search_cont { border:1px solid #cccccc; background:#fff; }
.dspplus #headerArea .logo_wrap .search-wrap input[type="text"] {height:32px; width:179px; border:0; padding:0; text-indent:10px; line-height:32px;}
.dspplus #headerArea .logo_wrap .search-wrap input[type="submit"] {position:absolute; top:0; right:0; z-index:1; background: #7e6142; width:50px; height:34px; color:#fff; border:0; cursor:pointer; font-weight:bold;}
.dspplus #headerArea .logo_wrap .search-wrap .search-quick {margin-top:6px; font-size:12px;padding-left: 10px;}
.dspplus #headerArea .logo_wrap .search-wrap .search-quick a {color:#666; margin-right:10px; text-decoration:none;}
.dspplus #headerArea .logo_wrap .search-wrap .search-quick a:hover {color:#7e6142; text-decoration:underline;}

/* GNB */
.dspplus #headerArea .header_gnb {border-top:1px solid #ddd; background:#fff;}
.dspplus #headerArea .header_gnb .gnb {position:relative; width:1200px; padding-left:200px; box-sizing:border-box; margin:0 auto; }
.dspplus #headerArea .header_gnb .gnb .cat-toggle {position:absolute; top:0; left:0; width:200px;}
.dspplus #headerArea .header_gnb .gnb .btn_cat_toggle {
  width:200px; height:49px; line-height:49px;
  background:#7e6143; color:#fff; text-align:left; padding-left:16px;
  border:0; cursor:pointer; font-size:15px; box-sizing:border-box;
}
.dspplus #headerArea .header_gnb .gnb .btn_cat_toggle:hover {background:#2f2e2d;}
.dspplus .main_content .main_section01 .gnb_all {position:absolute; top:0; left:0; width:200px; height:430px; display:flex; flex-direction:column;}
.dspplus .main_content .main_section01 .gnb_all .allmenu {
  /* 고도몰 common.css의 .sub_menu0 참고 */
  position:relative;
  z-index:40;
  overflow:hidden;
  padding-bottom:30px;
  transition:height .15s, overflow 1s;
  -webkit-transition:height .15s, overflow 1s;
  background:#fff;
  border-right: 0.5px solid #ddd;
  border-left: 0.5px solid #ddd;
  box-sizing: border-box;
  /* 컨테이너 균형 유지를 위한 유연 높이 */
  flex:1 1 auto;
  height:auto;
  min-height:0;
}
.dspplus .main_content .main_section01 .gnb_all .allmenu > li > a {display:block; padding:10px 16px; font-size:14px; color:#333;
  font-weight: bold;
  height: 42px;
  line-height: 23px;
  border-bottom: 1px solid #ddd;}
.dspplus .main_content .main_section01 .gnb_all .allmenu > li > a:hover {background:#f8f8f8; color:#ab3e55;}
.dspplus .main_content .main_section01 .gnb_all .allmenu > li > ul {border-top:1px solid #f0f0f0;}
.dspplus .main_content .main_section01 .gnb_all .allmenu > li > ul li a {display:block; padding:8px 12px 8px 22px; font-size:13px; color:#555;}
.dspplus .main_content .main_section01 .gnb_all .allmenu > li > ul li a:hover {background:#fafafa; color:#ab3e55;}
/* 메인 전용: 2차 뎁스(분류) 호버 레이어 - 1단계 영역 호버로 펼침 후 2단계 1차 항목 호버로 우측 표시 */
.dspplus .main_content .main_section01 .gnb_all .gnb_1d_wrap { position: relative; }
.dspplus .main_content .main_section01 .gnb_all .gnb_1d_wrap.has-2d .gnb_2d_layer {
  position: absolute; left: 90%; top: 4px; min-width: 140px; background: #fff;
  border: 1px solid #e0e0e0; box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
  z-index: 60; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; pointer-events: none;
}
.dspplus .main_content .main_section01 .gnb_all .gnb_1d_wrap.has-2d:hover .gnb_2d_layer,
.dspplus .main_content .main_section01 .gnb_all .gnb_1d_wrap .gnb_2d_layer:hover {
  opacity: 1; visibility: visible; pointer-events: auto;
}
.dspplus .main_content .main_section01 .gnb_all .gnb_2d_ul { list-style: none; margin: 0; padding: 8px 0; }
.dspplus .main_content .main_section01 .gnb_all .gnb_2d_li { margin: 0; }
.dspplus .main_content .main_section01 .gnb_all .gnb_2d_a { display: block; padding: 8px 14px; text-decoration: none; color: #333; font-size: 13px; white-space: nowrap; }
.dspplus .main_content .main_section01 .gnb_all .gnb_2d_a:hover { background: #f5f5f5; color: #5a3d2e; }
.dspplus .main_content .main_section01 .gnb_all .allmenu:after {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:30px;
  background-color:#7e6143;
  background-image:url(../img/cate_more2.png);
  background-repeat:no-repeat;
  background-position:center center;
  cursor:pointer;
  z-index:19;
}
.dspplus .main_content .main_section01 .gnb_all .category-under {margin-top:auto;}
.dspplus .main_content .main_section01 .gnb_all .category-under img {display:block; width:100%; height:auto;}

/* Category expand behavior (depth-1 only): default shows ~7 items (by container height).
   On hover over the visible area, expand to show all items as an overlay. */
.dspplus .main_content .main_section01 .gnb_all { position:absolute; z-index: 50; }
.dspplus .main_content .main_section01 .gnb_all .allmenu { overflow:hidden; }
.dspplus .main_content .main_section01 .gnb_all:hover {
  height:auto; /* expand overlay */
  overflow:visible;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.dspplus .main_content .main_section01 .gnb_all:hover .allmenu { overflow:visible; }
.dspplus .main_content .main_section01 .gnb_all:hover .allmenu:after {
  /* swap icon when expanded */
  background-image:url(../img/cate_more.png);
}

/* Board and subpages: persistent left category (no depth-2, always expanded) */
.dspplus.has-page-gnb #container { /* deprecated by method 2 */ margin-left: 0; }
.dspplus .page_gnb { float:left; width:200px; }
.dspplus .page_gnb .gnb_all { position:relative; background:#fff;
  border-right: 0.5px solid #ddd;
  border-left: 0.5px solid #ddd;
  box-sizing: border-box;
}
.dspplus .page_gnb .gnb_all .allmenu { max-height:none; overflow:visible;}
.dspplus .page_gnb .gnb_all .allmenu > li > a {display:block; padding:10px 16px; font-size:14px;
  font-weight: bold;
  height: 42px;
  line-height: 23px;
  border-bottom: 1px solid #ddd;
}
.dspplus .page_gnb .gnb_all .allmenu > li > a:hover {background:#f8f8f8; color:#ab3e55;}
.dspplus .page_gnb .gnb_all .allmenu > li > ul { display:none !important; }
.dspplus .page_gnb .gnb_all .allmenu:after { display:none !important; }
.dspplus .page_gnb .gnb_all .category-under img { display:block; width:100%; height:auto; }

/* Method 2: only when page_gnb exists, adjust content width to 1000 (960 + 20*2) */
.dspplus .page_gnb + #container {
  float: right;
  width: 1000px;
  padding: 20px;
  box-sizing: border-box;
}
.dspplus #headerArea .header_gnb {border-top:1px solid #ddd; background:#fff; position:sticky; top:0; z-index:1100;}
.dspplus #headerArea .header_gnb .gnb {position:relative; width:1200px; padding-left:200px; box-sizing:border-box; margin:0 auto; }
.dspplus #headerArea .header_gnb .gnb .cat-toggle {position:absolute; top:0; left:0; width:200px;}
.dspplus #headerArea .header_gnb .gnb .btn_cat_toggle {
  width:200px; height:49px; line-height:50px;
  background:#7e6143; color:#fff; text-align:left; padding-left:16px;
  border:0; cursor:pointer; font-size:17px; box-sizing:border-box;
}
.dspplus #headerArea .header_gnb .gnb .btn_cat_toggle:hover {background:#2f2e2d;}
.dspplus #headerArea .header_gnb .gnb .topMenu {display:table; width:100%}
.dspplus #headerArea .header_gnb .gnb .topMenu li {display:table-cell;}
.dspplus #headerArea .header_gnb .gnb .topMenu li a {display:block; line-height:50px; text-align:center; font-size:17px; color:#333; font-weight:500;}
.dspplus #headerArea .header_gnb .gnb .topMenu li a:hover {color:#ab3e55;}
.dspplus #headerArea .header_gnb .gnb .topMenu li.contact a {font-weight:700; color:#fff;}
.dspplus #headerArea .header_gnb .gnb .topMenu li.contact {
  white-space:nowrap; text-align:center;
  width:240px; background:#7e6143;
}
.dspplus #headerArea .header_gnb .gnb .topMenu li.contact a {text-align:right;}
.dspplus #headerArea .header_gnb .gnb .topMenu li.contact span {text-align:right;}
.dspplus #headerArea .header_gnb .gnb .topMenu li.contact .cs_label {
  display:inline-block; margin-right:2px; color:#fff; font-weight:500; font-size:13px; line-height:49px;
}
.dspplus #headerArea .header_gnb .gnb .topMenu li.contact .cs_number {
  display:inline-block; color:#fff; font-weight:600; font-size:18px; line-height:49px;
}
.dspplus #headerArea .header_gnb .gnb .TopMenu li.bg {width:120px;}
.dspplus #headerArea .header_gnb .gnb .topMenu li.bg:last-child {width:121px;}
.dspplus #headerArea .header_gnb .gnb .topMenu li.bg a {color: #fff; background: #7e6143; border-left:1px solid #fff;}
.dspplus #headerArea .header_gnb .gnb .topMenu li.bg a:hover {background: #5e4329;}
.dspplus #headerArea .header_gnb .gnb .btn_all_menu_open {width:200px; background:#3e3d3c; line-height:48px; font-size: 15px; text-align: left; color: #fff; padding-left:20px; box-sizing:border-box; cursor: pointer; border:0;}
.dspplus #headerArea .header_gnb .gnb .btn_all_menu_open:hover {background:#2f2e2d;}

/* Sticky (fixed) GNB via body class */
.dspplus #headerArea .header_gnb {position: static;}
.is-gnb-sticky .dspplus #headerArea .header_gnb {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background:#fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.is-gnb-sticky .dspplus #headerArea .header_gnb .gnb {width:1200px; margin:0 auto;}

/* Ensure sticky applies when body has both classes (same element selector) */
.dspplus.is-gnb-sticky #headerArea .header_gnb {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background:#fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.dspplus.is-gnb-sticky #headerArea .header_gnb .gnb {width:1200px; margin:0 auto;}

/* Sentinel to trigger sticky */
#gnbSentinel {}

/* Sticky GNB dropdown */
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown {position:absolute; top:49px; left:0; right:0; display:none; border-top:1px solid #ddd; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.08);}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown { z-index:1500; }
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown.open {display:block;}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown .gnb_dropdown_inner {width:1200px; margin:0 auto; padding:12px 0;}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown .dd_allmenu {display:grid; grid-template-columns: repeat(4, 1fr); gap:10px 16px; list-style:none; margin:0; padding:0 200px 0 0;font-size: 16px;}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown .dd_item > .dd_link {display:block; padding:8px 16px; font-weight:600; color:#333;}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown .dd_item > .dd_link:hover {background:#f8f8f8; color:#ab3e55;}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown .dd_sub {list-style:none; margin:0; padding:0 0 8px 12px; border-left:2px solid #f0f0f0;}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown .dd_sub li a {display:block; padding:4px 8px; color:#666;}
.dspplus #headerArea .header_gnb .gnb .gnb_dropdown .dd_sub li a:hover {background:#fafafa; color:#ab3e55;}

/* Container */
.dspplus #dsp-container {margin-top:-1px; border-top:1px solid #cccccc; background:#fff; min-height:600px;}
.dspplus #dsp-contents {min-height:400px; padding:0 0 80px 0;}
.dspplus #dsp-contents:after {display:block; clear:both; content:"";}
/* Fallback for default G5 wrappers on board pages */
.dspplus #container {margin-top:-1px; border-top:1px solid #cccccc; background:#fff; min-height:600px;}

/* Footer */
.dspplus #footer_wrap {width:100%; border-top:1px solid #e3e3e3; background:#fff;}
.dspplus #footer_wrap .wrap_inner {width:1200px; margin: 0 auto}
.dspplus #footer_wrap .top_area {width:100%; height:49px; border-bottom:1px solid #ddd; position:relative;}
.dspplus #footer_wrap .top_area .f_mneu {width:800px; font-size:0; float:left;}
.dspplus #footer_wrap .top_area .f_mneu li {display:inline-block; line-height:49px;  font-size:13px;}
.dspplus #footer_wrap .top_area .f_mneu li a {color:#111;}
.dspplus #footer_wrap .top_area .f_mneu li a:hover {text-decoration:underline;}
.dspplus #footer_wrap .top_area .f_mneu li:after {content:'│'; padding:0 10px; color:#ddd;}
.dspplus #footer_wrap .top_area .f_mneu li:last-child:after {display:none; }

.dspplus #footer_wrap .cs_area {padding:30px 0;}
.dspplus #footer_wrap .cs_area .footer_info {float:left; width:68%; padding-right:24px; box-sizing:border-box;}
.dspplus #footer_wrap .cs_area .footer_info .info_text {font-size:13px; color:#444; line-height:1.65;}
.dspplus #footer_wrap .cs_area .footer_info .info_text .company_name {font-size:15px; font-weight:700; color:#333;margin-bottom: 8px;}
.dspplus #footer_wrap .cs_area .footer_info .info_text .label {color:#888; font-weight:700;}
.dspplus #footer_wrap .cs_area .footer_info .info_text .info_contact_row .info_tel_fax,
.dspplus #footer_wrap .cs_area .footer_info .info_text .info_contact_row .info_email_line {display:inline;}
.dspplus #footer_wrap .cs_area .footer_info .info_text .copy {margin-top:10px; color:#777; font-size:12px;}
.dspplus #footer_wrap .cs_area .footer_info .info_text .info_legal {margin-top:6px; color:#777; font-size:12px; line-height:1.5;}

.dspplus #footer_wrap .cs_area .footer_cs {float:right; width:30%; box-sizing:border-box; border-left:1px solid #ddd; padding-left:24px;}
.dspplus #footer_wrap .cs_area .footer_cs .bottom_cs {display:flex; flex-direction:column; gap:8px; margin-bottom:8px;}
.dspplus #footer_wrap .cs_area .footer_cs .cs-center,
.dspplus #footer_wrap .cs_area .footer_cs .bank-info {background:#f7f7f7; border:1px solid #eee; border-radius:10px; padding:8px 12px;}
.dspplus #footer_wrap .cs_area .footer_cs .bank-info:last-child {margin-bottom:0;}
.dspplus #footer_wrap .cs_area .footer_cs .cs-center-left {display:flex; flex-direction:column;}
.dspplus #footer_wrap .cs_area .footer_cs h4 {font-size:13px; font-weight:900; color:#222; margin:4px 0;}
.dspplus #footer_wrap .cs_area .footer_cs .centertel .num {font-size:22px; font-weight:900; color:#7e6142; letter-spacing:-0.3px;}
.dspplus #footer_wrap .cs_area .footer_cs .bank-info h4 span {font-weight:700; color:#777; font-size:12px;}
.dspplus #footer_wrap .cs_area .footer_cs .bank-info p {font-size:20px; color:#7e6142; line-height:1.4;}
.dspplus #footer_wrap .cs_area .footer_cs .blog-link {display:inline-flex; align-items:center; gap:6px;margin: 8px 14px; font-size:16px; color:#333;}
.dspplus #footer_wrap .cs_area .footer_cs .blog-link img {width:18px; height:18px; display:inline-block;}
.dspplus #footer_wrap .cs_area .footer_cs .blog-link:hover {text-decoration:underline;}

.dspplus .sound_only {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}

/* Main page specific */
.dspplus .main_content .main_section01 {padding-left:200px; margin-bottom:30px;}
.dspplus .main_content .main_section01 .main_visual {float:left; width:760px; margin-bottom:70px}
.dspplus .main_content .main_section01 .main_visual .visual {position:relative; width:760px; height:390px; overflow:hidden; background:#f0f0f0;}
.dspplus .main_content .main_section01 .main_visual .slides-track {display:flex; width:100%; height:100%; transform:translateX(0); transition:transform .6s ease;}
.dspplus .main_content .main_section01 .main_visual .slide {flex:0 0 auto; min-width:100%; width:100%; height:100%; display:block;}
.dspplus .main_content .main_section01 .main_visual .slide img {width:100%; height:100%; object-fit:contain; display:block; background:#f0f0f0;}
.dspplus .main_content .main_section01 .main_visual .pager {width:760px; display:table}
.dspplus .main_content .main_section01 .main_visual .pager .pager-item {display:table-cell; width:252px; margin-left:1px; font-size:14px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold; border-right:1px solid #ddd;  background: #7e6143; line-height:40px; cursor:pointer; border:0;}
.dspplus .main_content .main_section01 .main_visual .pager .pager-item:hover,
.dspplus .main_content .main_section01 .main_visual .pager .pager-item.active {background:#5e4329;}
.dspplus .main_content .main_section01 .right-banner {float:right; width:240px; height:430px;}
.dspplus .main_content .main_section01 .right-banner img {width:100%; display:block;}
.dspplus .main_content .main_section01 .right-banner > div {}

.dspplus .main_goods_cont {padding-bottom:50px; clear:both;}

.dspplus .best_grid .best_list {display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; list-style:none; margin:0; padding:0;}
.dspplus .best_grid .best_item {background:#fff;}
.dspplus .best_grid .best_item .thumb {display:block; width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; background:#f7f7f7; border:1px solid #eee;}
.dspplus .best_grid .best_item .thumb img,
.dspplus .best_grid .best_item .thumb .noimg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; text-align:center; line-height:1;}
.dspplus .best_grid .best_item .thumb .noimg {display:flex; align-items:center; justify-content:center; color:#999; font-weight:600;}
.dspplus .best_grid .best_item .meta {padding:10px 4px;text-align: center;}
.dspplus .best_grid .best_item .title {display:block; color:#222; font-weight:700; font-size:16px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* Search gallery (dsp_gallery) */
.dspplus .search_grid .grid_list {display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; list-style:none; margin:0; padding:0;}
.dspplus .search_grid .grid_item {background:#fff;}
.dspplus .search_grid .grid_item .thumb {display:block; width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; background:#f7f7f7; border:1px solid #eee;}
.dspplus .search_grid .grid_item .thumb img,
.dspplus .search_grid .grid_item .thumb .noimg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; text-align:center; line-height:1;}
.dspplus .search_grid .grid_item .thumb .noimg {display:flex; align-items:center; justify-content:center; color:#999; font-weight:600;}
.dspplus .search_grid .grid_item .meta {padding:10px 4px;}
.dspplus .search_grid .grid_item .title {display:block; color:#222; font-weight:600; font-size:14px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}

.dspplus .mainBanner-col3 {display:flex; gap:22px; margin-bottom:30px;}
.dspplus .mainBanner-col3 > div {flex:1 1 0;}
.dspplus .mainBanner-col3 > div a {display:block;}
.dspplus .mainBanner-col3 > div img {width:100%; display:block;}

.dspplus .goods_list_tit {position: relative; padding-bottom: 15px; margin-bottom:20px; border-bottom: 1px solid #ccc; font-weight: 900; color: #333; font-size: 25px; text-align: left;}
.dspplus .goods_list_tit h3 {font-size:25px; font-weight:900}
.dspplus .goods_list_tit h3:after { position: absolute; bottom: -1px; left: 0; z-index: 1; width: 100px; height: 3px; background: #333; content: '';}
.dspplus .goods_list_tit h3 span  {padding-left:5px; text-align: left!important; font-size: 13px; color: #666; font-weight: normal; }

/* Placeholder styles */
.dspplus .placeholder-img {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    min-height: 100px;
}

/* 좌측 카테고리 메뉴 (LNB) */
.dspplus .main_content {position:relative;} /* 사이드 메뉴 절대배치 기준 컨테이너 */
.dspplus .sub_content {position:static;} /* 별도 폭/중앙정렬 제거 */
.dspplus .side_cont {position:absolute; top:0; left:0; z-index:12; width:200px; background:#fff;}
.sub_menu_box.layer_type .sub_menu0 > li > a {padding: 11px 10px 10px 20px; display:block; font-size:14px; border-bottom:1px solid #ddd;}
.sub_menu_box.layer_type .sub_menu0 > li > a:hover,
.sub_menu_box.layer_type .sub_menu0 > li > a.active {background:#f8f8f8; color:#ab3e55;}

/* page_gnb: 1차 메뉴 + 2차 뎁스(호버 시 우측 분류) */
.page_gnb .allmenu { list-style: none; margin: 0; padding: 0; }
.page_gnb .allmenu .gnb_1d_wrap { position: relative; }
.page_gnb .allmenu .gnb_1d_wrap .gnb_1d_a { display: block; padding: 10px 14px; text-decoration: none; color: inherit; }
.page_gnb .allmenu .gnb_1d_wrap .gnb_1d_a:hover { background: #f5f5f5; }
.page_gnb .allmenu .gnb_1d_wrap.has-2d .gnb_2d_layer {
    position: absolute;
    left: 90%;
    top: 4px;
    min-width: 140px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
}
.page_gnb .allmenu .gnb_1d_wrap.has-2d:hover .gnb_2d_layer,
.page_gnb .allmenu .gnb_1d_wrap .gnb_2d_layer:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.page_gnb .allmenu .gnb_2d_ul { list-style: none; margin: 0; padding: 8px 0; }
.page_gnb .allmenu .gnb_2d_li { margin: 0; }
.page_gnb .allmenu .gnb_2d_a { display: block; padding: 8px 14px; text-decoration: none; color: #333; font-size: 13px; white-space: nowrap; }
.page_gnb .allmenu .gnb_2d_a:hover { background: #f5f5f5; color: #5a3d2e; }

.dspplus .latest_wr {clear:both; padding-top:30px;}
.dspplus .lt_wr {width:32%; margin-bottom:30px;}

/* Dev banner */