/* ======================================= */
/* ========== top_title_01.php ========== */
/* ======================================= */

.Sub_Top_area { overflow: hidden; position: relative; height: 100%; float: left; margin-top: var(--header-h); width: 100%; margin-bottom:30px; }

/**** pc ****/
@media only all and (min-width:768px) {.subbgtopimg { width: 100%; float: left; height:var(--subtop-h);  overflow: hidden; position: relative!important; background-color: rgba(0,0,0,0.13);    border-radius: 0px 0px 100% 100% ;  }

.subbgtopimg .contents-container{  height:var(--subtop-h); display: flex;    align-items: center;}
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.subbgtopimg { width: 100%; float: left; height:calc(var(--subtop-h) * 0.7);  overflow: hidden; position: relative!important; background-color: rgba(0,0,0,0.13);  padding-top: calc(var(--header-h) + 50px) ;   }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.subbgtopimg .img_box { width: 100%; height:100%; position: absolute; top: 0px; left: 0px; z-index: 0;  }
.subbgtopimg .img_box img { object-fit: cover; width: 100%; height: 100%;  -webkit-animation: sub_top_ani  2s forwards; /* Safari 4.0 - 8.0 */
  animation: sub_top_ani 2s forwards; opacity: 0px;}


.subbgtopimg .img_box2 { width: 100%; height:100%; position: absolute; top: 0px; left: 0px; z-index: 0!important}
.subbgtopimg .img_box2 img { object-fit: cover; width: 100%; height: 100%; }	
	
.subbgtopimg  .txbox { width: 100%!important;float: left;  z-index: 1;  margin-bottom: 100px}
.subbgtopimg .txbox .tx1 { width: 100%; float: left; color: var(--subtop-tx2-color);  text-align: left; }
.subbgtopimg .txbox .tx1 span{  color: var(--subtop-tx2-color); font-size: var(--subtop-tx2)!important; ; line-height: 130%!important }
.subbgtopimg .txbox .tx1 span em{  font-weight: 800; color: #000 }


.subbgtopimg .txbox .tx2 { width: 100%; float: left; color: var(--subtop-tx2-color); font-size: var(--subtop-tx2)!important; line-height: 120%; margin-bottom:20px}

.subbgtopimg .txbox .tx3 { width: 100%; float: left; color: var(--subtop-tx3-color); font-size: var(--subtop-tx3)!important;}
.subbgtopimg .txbox .tx3 em{  color: var(--subtop-tx3-color); font-size: var(--subtop-tx3)!important;}


/* 대타이틀  -----------------------------------*/
.subtop_tit_size {font-size: var(--subtop-tit-size)!important; line-height: 110%!important;  margin-bottom:clamp(10px, calc(0.658vw + 7.368px), 20px) }
.subtop_tit_size em{font-size:calc(var(--tit-lg-size) * 1); line-height: 110%!important;letter-spacing: -1px;  background: linear-gradient(45deg,var(--primary), var(--secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; font-weight: 800  }


@keyframes  sub_top_ani {
  0% {
   -webkit-transform: scale(1.1);
	transform: scale(1.1);
  }
  100% {
   -webkit-transform: scale(1);
	transform: scale(1);
  }
}






/* ======================================= */
/* ==========  top_dep2_tab.php  ========== */
/* ======================================= */
/**** pc ****/
@media only all and (min-width:768px) {
.sub2d_menu_area{width: 100%; float: left;position: relative ; }

.sub2d_menu_area .titgrid{width: 100%;  height: 100%;  float: left;}
.sub2d_menu_area .titgrid .d1_tit{width: 100%;  height: 100%;  float: left; background-color: #333; padding: 0px 30px; color: #fff; font-weight: 700;border-radius: 10px 0px 0px 10px ; display: flex;   align-items: center; font-size:calc(var(--tit-mds-size) * 0.9); position: relative}

.sub2d_menu_area .titgrid .d1_tit:before{width: 40px;;  height: 40px;  content: "\eb9f";   background-color: var(--primary);  font-family: unicons-line; color: #Fff; font-size: 20px; display: flex;  justify-content: center;  align-items: center; position: absolute; right: 30px; border-radius: 100%; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.sub2d_menu_area{width: 100%; float: left;position: relative ;   background-color: #fff; }

.sub2d_menu_area .titgrid{width: 100%;  height: 100%;  float: left;}
.sub2d_menu_area .titgrid .d1_tit{width: 100%;  height: 100%;  float: left; background-color: #333; padding: 0px 15px; color: #fff; font-weight: 700;border-radius: 10px 0px 0px 10px ; display: flex;   align-items: center; font-size:calc(var(--tit-mds-size) * 0.9); position: relative}

.sub2d_menu_area .titgrid .d1_tit:before{width: 40px;;  height: 40px;  content: "\eb9f";   background-color: var(--primary);  font-family: unicons-line; color: #Fff; font-size: 20px; display: flex;  justify-content: center;  align-items: center; position: absolute; right: 30px; border-radius: 100%; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





/* 서브 메뉴 왼쪽 셀렉트 선택 컨테이너 */

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.d1_wrap { position: relative; display:inline-block; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.d1_wrap { position: relative; display:inline-block; display: none }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/












.page_title{ width: 100%; float: left;  font-size: var(--tit-lg-size)!important; line-height: 110%!important ;color: #000; margin: clamp(10px, 3.906vw, 50px) 0px; font-weight: 700}




/* ===== dh-nav arrows (2뎁스 순회) ===== */


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.dh-nav-arrows{ gap:10px;align-items:center ; width: 100%; float: left; background-color: #000 }
.dh-nav-arrows .btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%; aspect-ratio:1 / 1;
  background:#f3f4f6; /* 기본 회색 */
  box-shadow:0 1px 2px rgba(0,0,0,.04) inset;
  transition:background .15s, transform .12s, opacity .12s;
  text-decoration:none; cursor: pointer; z-index: 9999; position: relative
}

	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	
	.dh-nav-arrows{display:flex;gap:0px;align-items:center ;  z-index: 99999; width: calc(100% + 20px); margin-left: -10px; float: left}
.dh-nav-arrows .btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%; aspect-ratio:1 / 1!important;
  background:#f3f4f6; /* 기본 회색 */
  box-shadow:0 1px 2px rgba(0,0,0,.04) inset;
  transition:background .15s, transform .12s, opacity .12s;
  text-decoration:none; cursor: pointer; z-index: 9999; position: relative
}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.dh-nav-arrows .btn.next:hover{ background:var(--primary); } /* 우측만 hover 컬러 */
.dh-nav-arrows .btn.prev:hover{ background:var(--primary);; }  /* 좌측은 hover해도 회색 유지 */

.dh-nav-arrows .btn.next:before{ content: "\eb9f";    font-family: unicons-line; } /* 우측만 hover 컬러 */
.dh-nav-arrows .btn.prev:before{ content: "\ec49";    font-family: unicons-line; } /* 우측만 hover 컬러 */


.dh-nav-arrows .btn.next:hover:before{content: "\eb9f";  color: #fff } /* 우측만 hover 컬러 */
.dh-nav-arrows .btn.prev:hover:before{content: "\eb9f";   color: #fff }  /* 좌측은 hover해도 회색 유지 */



.dh-nav-arrows .btn.disabled{ opacity:.28; pointer-events:none; filter:grayscale(1); }
.dh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	/* ===== Breadcrumb (center) ===== */
.dh-bc{display:flex;align-items:center;justify-content:center;gap:10px; min-height:36px; width: 100%; float: left; z-index: 1}
.dh-bc ol{display:flex;gap:8px;flex-wrap:wrap;align-items:center; list-style:none;margin:0;padding:0;font-size:14px;color:#6b7280}
.dh-bc li{display:flex;align-items:center;gap:0px}
.dh-bc li a{color:#374151;text-decoration:nonel; font-size:calc(var(--tx-sm-size) * 1); }
.dh-bc li a:hover{text-decoration:underline}
.dh-bc .sep{color:#cbd5e1; padding: 0px 10px}
.dh-bc .home{display:inline-flex;align-items:center;gap:12px; margin-top: -3px!important; margin-right: 5px}
.dh-bc .home img{width: 25px; ; }
.dh-bc .curr{color:#111;font-weight:600;  font-size:calc(var(--tx-sm-size) * 1); } /* 마지막(현재) */


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	/* ===== Breadcrumb (center) ===== */
.dh-bc{display:flex;align-items:center;justify-content:center; flex-direction: row;gap:5px; min-height:36px; width: 100%; float: left; z-index: 1}
.dh-bc ol{display:flex;gap:3px;flex-wrap:wrap;align-items:center; list-style:none;margin:0;padding:0;font-size:12px;color:#6b7280}
.dh-bc li{display:flex;align-items:center;gap:4px}
.dh-bc li a{color:#374151;text-decoration:nonel; font-size:calc(var(--tx-sm-size) * 0.8); letter-spacing: -0.5px }
.dh-bc li a:hover{text-decoration:underline}
.dh-bc .sep{color:#cbd5e1}
.dh-bc .home{display:inline-flex;align-items:center;gap:3px}
.dh-bc .home img{width:15px; ; }
.dh-bc .curr{color:#111;font-weight:600;  font-size:calc(var(--tx-sm-size) * 0.8)!important; } /* 마지막(현재) */


}

/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/











/* 2뎁스 메뉴 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
ul.Sub2d_gnb { list-style: none; width:auto; display: flex; flex-direction: row; grid-gap: 5px; padding: 0px 0px 0px 40px; margin: 30px 0px  }
ul.Sub2d_gnb {height:clamp(40px, 6.250vw, 80px);display: flex;   grid-gap:clamp(10px, 5.469vw, 40px); display: flex;  justify-content: center;  align-items: center; }

ul.Sub2d_gnb li { width:auto;float: left; height: 100%; display: flex;  justify-content: center;  align-items: center; position: relative}	

ul.Sub2d_gnb li a {width:100%; padding: 10px 20px 10px 20px;  font-weight: 600; position: relative; font-size: var(--top1d-font-size); color: #333;  height: 100%; display: flex;  justify-content: center;  align-items: center;}
ul.Sub2d_gnb li a:hover{color: var(--secondary); }
}
	
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
ul.Sub2d_gnb { list-style: none;width:auto; float: left; display: flex; flex-direction: row;  padding: 0px 0px 10px 0px; background-color: var(--primary-opacity80); }
ul.Sub2d_gnb {height:70px;display: flex;   grid-gap:clamp(10px, 5.469vw, 40px); display: flex;  justify-content: center;  align-items: center; }


ul.Sub2d_gnb li { width:auto;float: left; height: 100%; display: flex;  justify-content: center;  align-items: center; position: relative}	

ul.Sub2d_gnb li a {width:100%; padding: 10px 20px 10px 20px;  font-weight: 600; position: relative; font-size: var(--top1d-font-size); color: #333;  height: 100%; display: flex;  justify-content: center;  align-items: center;}
ul.Sub2d_gnb li a:hover{color: var(--secondary); }
}
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/* 현재 선택된 메뉴 스타일 */
ul.Sub2d_gnb li.active a {width:100%;   ; border-radius: 50px; z-index: 99; position: relative; }
ul.Sub2d_gnb.me10 li a:hover { color: var(--sub-color10); }
ul.Sub2d_gnb.me20 li a:hover { color: var(--sub-color20); }
ul.Sub2d_gnb.me30 li a:hover { color: var(--sub-color30); }
ul.Sub2d_gnb.me40 li a:hover { color: var(--sub-color40); }
ul.Sub2d_gnb.me50 li a:hover { color: var(--sub-color50); }
ul.Sub2d_gnb.me60 li a:hover { color: var(--sub-color60); }
ul.Sub2d_gnb.me70 li a:hover { color: var(--sub-color70); }

/* 현재 선택된 메뉴 스타일 */

ul.Sub2d_gnb li.active a:after {  width: 100%; float: left; height: 5px;  position: absolute; bottom: 0px; left: 0px ;  
}

/* 앵커는 기준점 */
ul.Sub2d_gnbli > a { position: relative; }

/* 비활성 항목만 숨김 */
ul.Sub2d_gnb li:not(.active) > a svg.curved-line-down { display: none; }

/* 활성 항목(=보이기) */
ul.Sub2d_gnb li.active > a svg.curved-line-down{
  display: block;               /* ← 반드시 표시로 바꿔주기 */
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0; bottom: 0;
  pointer-events: none;         /* 클릭 방해 방지(선택) */
}

/* 텍스트 색상 */
ul.Sub2d_gnb.me10 li.active > a { color: var(--sub-color10); }
ul.Sub2d_gnb.me20 li.active > a { color: var(--sub-color20); }
ul.Sub2d_gnb.me30 li.active > a { color: var(--sub-color30); }
ul.Sub2d_gnb.me40 li.active > a { color: var(--sub-color40); }
ul.Sub2d_gnb.me50 li.active > a { color: var(--sub-color50); }
ul.Sub2d_gnb.me60 li.active > a { color: var(--sub-color60); }
ul.Sub2d_gnb.me70 li.active > a { color: var(--sub-color70); }



/* 스크롤 래퍼 공통 */
.Sub2d_scroller { position: relative; }

/* 모바일: 한 줄 가로 스크롤 + 버튼 */
@media only all and (max-width:767px) {
  .Sub2d_viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    /* 양옆 화살표와 겹치지 않도록 여백 살짝 */
    padding: 0 40px; position: relative; 
  }
  .Sub2d_viewport::-webkit-scrollbar { display: none; }

  /* 기존 ul.Sub2d_gnb 디자인은 그대로, 다만 모바일에서만 한 줄 강제 */
  .Sub2d_viewport > ul.Sub2d_gnb {
    flex-wrap: nowrap !important;   /* ← 핵심: 줄바꿈 금지 */
    white-space: nowrap;            /* 폭 좁은 항목도 줄바꿈 방지 */
    gap: 0;                         /* grid-gap 대신 기존 규칙들을 존중 */
  }
  /* li는 가로 방향으로만 흐르게 고정 */
  .Sub2d_viewport > ul.Sub2d_gnb > li {
    flex: 0 0 auto;
    position: relative;
  }

  /* 좌/우 네비 버튼 (배경과 어울리게 반투명) */
  .Sub2d_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px; height: 100%;
    border: 0; border-radius: 6px;
    background:#ffffff;
    color: #333;
    display: grid; place-items: center;
    cursor: pointer; z-index: 3;
    -webkit-tap-highlight-color: transparent;z-index: 999;  box-shadow:3px 3px 30px rgba(51,102,204,0.2); 
  }
  .Sub2d_nav.prev { left:-20px; }
  .Sub2d_nav.next { right:-20px; }

  /* 가장자리 힌트(컨텐츠 넘침 표시). 배경색과 어울리게 투명 그라데이션 */
  .Sub2d_scroller::before,
  .Sub2d_scroller::after {
    content:"";
    position:absolute; top:0; bottom:0; width:28px;
    pointer-events:none; z-index:2;
  }
  .Sub2d_scroller::before {
    left:0;

  }
  .Sub2d_scroller::after {
    right:0;
 
  }
}


/* ======================================= */
/* ========== Subnav 전체 컨테이너 ========== */
/* ======================================= */
.scf-subnav{
  --btn: 56px;          /* 버튼 지름 */
  --gap: 12px;          /* 버튼/라인/라벨 간격 */
  --line-w: 400px;      /* 기본 라인 길이 */
  --line-w-min: 30px;   /* 최소 라인 길이 */

  display:flex; align-items:center; justify-content:space-between;
  margin:20px 0px clamp(10px, calc(2.632vw + -0.526px), 50px); width:100%; font-family:inherit; float: left; padding: 0px
}

/* 좌/우 사이드 */
.scf-subnav .subnav-side{
  flex:1 1 0; display:flex; align-items:center; min-width:0; position:relative;
}
.scf-subnav .subnav-left{ justify-content:flex-start; }
.scf-subnav .subnav-right{ justify-content:flex-end; }


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {/* 중앙(항상 자기 크기만) */
.scf-subnav .subnav-center{
  flex:0 0 auto; text-align:center; width: 100%; float: left
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {/* 중앙(항상 자기 크기만) */
.scf-subnav .subnav-center{
 width: 100%; float: left; text-align: center
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* ===== breadcrumb ===== */
.scf-subnav .dh-bc{ font-size:14px; color:#6b7280; margin-bottom:6px; }
.scf-subnav .dh-bc ol{ padding:0; margin:0; list-style:none; display:inline-flex; align-items:center; gap:4px; }
.scf-subnav .dh-bc .sep{ color:#9ca3af; }
.scf-subnav .dh-bc a{ color:#6b7280; text-decoration:none; }
.scf-subnav .dh-bc a:hover{ text-decoration:underline; }

/* 중앙 타이틀 */

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.subpage-title{
font-size:calc(var(--tit-lg-size) * 0.9)!important;
  font-weight:800; color:#111827; margin:0;
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.subpage-title{
font-size:calc(var(--tit-lg-size) * 0.9)!important;
  font-weight:800; color:#111827; margin-top: -10px; width: 100%; float: left
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* ===== 버튼 ===== */
.scf-subnav .nav-btn{
  width:var(--btn); height:var(--btn);  aspect-ratio: 1 / 1;  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#f3f4f6; color:#111;
  box-shadow:0 0 0 1px rgba(0,0,0,.04) inset;
  transition:background .2s ease, color .2s ease, transform .2s ease, opacity .2s ease;
}
.scf-subnav .nav-btn svg{ width:24px; height:24px; }
.scf-subnav .nav-btn.disabled{ opacity:.35; pointer-events:none; }

/* ===== 라인: 길이 고정/제한 + 애니메이션 ===== */
.scf-subnav .subnav-line{
  position:relative; overflow:hidden;
  height:1px; background:#e5e7eb;
  flex:0 0 var(--line-w);   /* 이 값이 라인 길이 */
  max-width:100%;           /* 부모를 넘지 않게 */
  min-width:var(--line-w);
  margin:0 var(--gap);
}

/* 초록선: 채워지는 애니메이션 */
.scf-subnav .subnav-line::after{
  content:""; position:absolute; inset:0; background:#2ea44f;
  transform:scaleX(0); transform-origin:left center; transition:transform .45s ease;
}
/* 왼쪽: 왼→오 */
.scf-subnav .subnav-left:hover .subnav-line::after{
  transform:scaleX(1); transform-origin:left center;
}
/* 오른쪽: 오→왼 */
.scf-subnav .subnav-right:hover .subnav-line::after{
  transform:scaleX(1); transform-origin:right center;
}

/* ===== 제목 라벨(기본 숨김, hover 시 표시) ===== */
.scf-subnav .edge-label{
  position:absolute; top:0;
  font-size:14px; color:#6b7280; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  max-width:28vw; opacity:0; transform:translateY(2px);
  transition:opacity .18s ease, transform .18s ease;
}
/* 버튼에서 적당히 떨어진 위치(버튼 + 간격) */
.subnav-left  .edge-label{ left: calc(var(--btn) + var(--gap) * 2); }
.subnav-right .edge-label{ right: calc(var(--btn) + var(--gap) * 2); }

/* hover 시 라벨/버튼 강조 */
.scf-subnav .subnav-side:hover .edge-label{ opacity:1; transform:translateY(0); }
.scf-subnav .subnav-side:hover .nav-btn{ background:#2ea44f; color:#fff; }
.scf-subnav .subnav-side:hover .nav-btn:not(.disabled){ transform:translateY(-1px); }

/* ===== 반응형 ===== */
@media (max-width: 768px){
  .subpage-title{ font-size:18px; }
}
@media (max-width: 576px){
	  .subpage-title{ font-size:20px!important; }
  .scf-subnav{ gap:12px; }
  .scf-subnav .nav-btn{ --btn:48px; }
  .scf-subnav .edge-label{ display:none; } /* 모바일은 라벨 숨김 */
  .scf-subnav .subnav-line{
    --line-w: 0px; --line-w-min:0px;display:none;
  }
}
/* ========== //Subnav 전체 컨테이너 ========== */




	
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	.dep3_tab_box .contents-container .dep3_tab{width: 100%; float: left;  display: flex;  justify-content: center;  align-items: center; flex-wrap: wrap; flex-direction: row; grid-gap: 20px}
.dep3_tab .dep3_btn { width: 100%; float: left;display: flex; flex-direction: row;  grid-gap: 20px;  margin-bottom: 50PX;  z-index: 99; position:relative; }
	
 .dep3_tab  a.dep3_btn { font-weight: 800;font-size:calc(var(--tx-sm-size) * 1.1);  max-width:350px ; min-width: 180PX; float: left;  background: #F7F7F7; padding: 17PX 30PX; border-radius: 50PX; display: flex;  justify-content: center;  align-items: center; cursor: pointer
    
  } 
	
 .dep3_tab  a.dep3_btn.active { font-weight: 800;font-size:calc(var(--tx-sm-size) * 1.1);  max-width:350px ; min-width: 180PX; float: left;  background: var(--primary);; padding: 17PX 30PX; border-radius: 50PX; display: flex;  justify-content: center;  align-items: center; cursor: pointer; color: #fff
    
  } 

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.dep3_tab_box .contents-container .dep3_tab{width: 100%; float: left;  display: flex;  justify-content: center;  align-items: center; flex-direction: row; flex-direction: row!important; grid-gap: 20px;; margin-top: 20px}
.dep3_tab .dep3_btn { width: 100%; float: left;  z-index: 99; position:relative; }
	
 .dep3_tab  a.dep3_btn { font-weight: 800;font-size:calc(var(--tx-sm-size) * 1.1); width:100%;  float: left;  background: #F7F7F7;  padding:10PX 10PX;border-radius: 50PX; display: flex;  justify-content: center;  align-items: center; cursor: pointer
    
  } 
	
 .dep3_tab  a.dep3_btn.active { font-weight: 800;font-size:calc(var(--tx-sm-size) * 1.1);width:100%; float: left;  background: var(--primary);;  padding:10PX 10PX; border-radius: 50PX; display: flex;  justify-content: center;  align-items: center; cursor: pointer; color: #fff
    
  } 

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/