@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* Ä«Å×°í¸® (Á¾ÇÕ) Æ÷ÀÎÆ® */
.cate-point { font-family: 'Noto Sans KR', sans-serif !important; color: #53a9ff; font-weight: 500 !important }

.xdwrap {
  width: 1100px;
  margin: 0 auto;
}

.xdwrap,.xdwrap div,.xdwrap li,.xdwrap a {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
}

.xwrap {
  display: flex;
  justify-content: space-between;
  width: 1025px;
  margin: 0 auto;
}

.xwrap .xlnb {
  width: 200px;
  margin-right: 10px;
}

.xwrap .xcontainer {
  width: 100%;
}



.eulist-cate,.eulist-cate div {
  box-sizing: border-box;
}

.eulist-cate .title2 {
  margin: 8px auto;
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  color: #000;
}

.eulist-cate .depth2 {
  margin-bottom: 15px;
  padding: 15px 30px 12px;
  border: 1px solid #e9ebee;
}

.eulist-cate .depth2 ul,
.eulist-cate .depth3 ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.eulist-cate .depth2 ul li {
  width: 20%;
  line-height: 30px;
}

.eulist-cate .depth2 ul li span {
  position: relative;
  display: inline-block;
  color: #737d88;
  text-decoration: none;
  transition: color 0.3s ease;
  cursor: pointer;
}

.eulist-cate .depth2 ul li span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0;
  height: 2px;
  background: #000;
  transition: width 0.3s ease;
}

.eulist-cate .depth2 ul li:hover span,
.eulist-cate .depth2 ul li.active span {
  color: #000;
}

.eulist-cate .depth2 ul li:hover span::after,
.eulist-cate .depth2 ul li.active span::after {
  width: 100%;
}

.eulist-cate .depth3 {
  height:0;
  overflow:hidden;
  transition:height .35s ease;
}

.eulist-cate .depth3 > div {
  display: flex;
  padding: 15px;
  background: #88abda;
}

.eulist-cate .cate-title3 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  min-width: 150px;
}

.eulist-cate .cate-title3 strong {
  padding: 3px 10px 2px;
  border-radius: 20px;
  background: #fff;
  font-weight: 700;
  color: #2c558c;
}

.eulist-cate .depth3 ul li {
  line-height: 30px;
  padding: 0 10px;
}

.eulist-cate .depth3 ul a {
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.eulist-cate .depth3 ul a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width 0.3s ease;
}

.eulist-cate .depth3 ul a:hover::after {
  width: 100%;
}

.eulist-cate .depth3 ul a.active::after {
  width: 100%;
}

.menu-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* Ä«Å×°í¸® ·¹À̾î */
/*.cate_layer {
  position: absolute;
  top: 58px;
  left: 0;
  display: flex;
  width: 1100px;
  border: 1px solid #d3d3d3;
  background: #fff;
  z-index:100000;
}*/

.cate_layer,div.cate_layer div,div.cate_layer a,div.cate_layer button {
  font-family: 'Noto Sans KR', sans-serif !important;
  box-sizing: border-box;
}

/* µð·°½º3 Á¦¾î */
.body_menu { z-index: 999 }
.body_menu div.cate_layer {
  min-height: 525px !important;
}

/* µð·°½º8 Á¦¾î */
.category_menu [id="layer2 delux_allmenu"] .cate_layer {
  border: 1px solid #d3d3d3 !important
}

.category_menu [id="layer2 delux_allmenu"] {
  border: none !important;
  background: transparent !important;
  overflow: visible !important;
}

/* µð·°½º6 Á¦¾î */
.top_menu [id="layer2 delux_allmenu"] .DB_tab18_d {
  padding-top: 0 !important;
}

.top_menu [id="layer2 delux_allmenu"] .cate_list {
  margin: 0 !important;
}

.top_menu [id="layer2 delux_allmenu"] .cate_lista,
.top_menu [id="layer2 delux_allmenu"] .cate_layer {
  border: 1px solid #EF2A23 !important;
  border-top: 0 !important;
}

.top_menu [id="layer2 delux_allmenu"] .cate_lista li {
  height: 33px !important;
}


.top_menu [id="layer2 delux_allmenu"] .cate_layer {
  border: 1px solid #EF2A23 !important;
  border-top: 0 !important;
}

.top_menu [id="layer2 delux_allmenu"] {
  border: none !important;
  background: transparent !important;
  overflow: visible !important;
}

.top_menu .cate_layer {
  min-height: 496px !important;
}

div.cate_layer1,
div.cate_layer2 {
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  min-height: 525px;
  font-family: 'Noto Sans KR', sans-serif !important;
}

div.cate_layer1 a,
div.cate_layer2 a {
  font-family: 'Noto Sans KR', sans-serif !important;
}

.cate_layer {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 100px;
  box-sizing: border-box !important;
  min-height: 525px;
  background: transparent !important;
}

.category_menu .cate_layer,.menu .cate_layer,.cate_list_w .cate_layer,.cate_list_1025 .cate_layer {
  height: unset !important;
  min-height: unset !important;
}

.cate_list {
  z-index: 99999 !important
}

div.cate_layer {
  margin: 0 !important;
  border: 0 !important;
}

.all_cate .cate_2026  {
  border: 0 !important;
}

.cate_2026 {
  min-width: 850px;
  max-width: 1100px;
  padding: 13px;
  background: #fff;
  border: 1px solid #d3d3d3
}

.cate_list:hover .cate_layer{
  display: block;
}

.cate_2026 .title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #e1e1e1;
  font-size: 26px;
  color: #000;
  font-weight: 500;
  text-align: center;
  line-height: 180%;
}

.cate-list-wrap2 {
  display: flex;
  justify-content: flex-start;
  padding-top: 10px;
}

.cate-list-wrap2 .cate-depth02 {
  width: 120px;
  padding-right: 10px;
}

.cate-list-wrap2 .cate-depth02 button {
  display: inline-block;
  width: 100%;
  background: #92CCE0;
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -.08em;
}

.cate-list-wrap2 .cate-depth02 button:hover {
  background: #86c2d7;
  color: #fff !imortant;
}

.cate-depth {
  display: flex;
  flex-wrap: wrap;
}

.cate-depth li {
  width: calc(100% / 5);
  line-height: 140%;
  font-size: 14px;
  text-align: left;
}

.cate-depth li a {
  background: url('../images/dot_cate.gif') no-repeat 0 12px;
  padding-left: 7px !important;
  box-sizing: border-box;
}

.cate-depth03 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: calc(100% - 130px);
  margin-top: -2px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f5f7;
}

.cate-depth03 li {
  width: calc(100% / 5);
  line-height: 140%;
  text-align: left;
}

.cate-depth li a,
.cate-depth03 li a {
  position:relative;
  display:inline-block;
  font-size: 14px !important;
  color: #666;
}

.cate-depth li a:hover,
.cate-depth03 li a:hover {
  color: #000 !important;
  text-decoration: none;
}

/* Ä«Å×°í¸® ·¹À̾î - ±¤°í¹è³Ê*/
.cate-banner {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 10px;
}

.cate-banner a {
  width: calc(100% / 6);
  border: 1px solid #D3D3D3;
  padding: 2px;
}

.cate-banner a img {
  width: 100%;
  transform: scale(1);
  transition: 0.3s;
  border: 1px solid #D3D3D3;
}

.cate-banner a img:hover {
  width: 100%;
  transform: scale(1.1);
  transition: 0.3s;
}