/* 서브 상단  */



/* 상단 이미지 영역 */
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Sub_Top_area { position: relative; height: 100%; float: left; margin-top: var(--header-h);; width: 100%;  height:180px; display: flex;  justify-content: center;  align-items: center; }
	

.Sub_Top_area .contents-container { width: 100%; float: left; padding-top:30px; padding-bottom: 30px ; position: relative}
.Sub_Top_area .contents-container   .topicon { position: absolute; right: -20px; top: 0px; background-color: #fff; padding: 20px; display: flex;border-radius: 0px 0px 0px 100px;   justify-content: center;  align-items: center; z-index: 9999 ; }
	.Sub_Top_area .contents-container .topicon .icon_in{ width:290px; height:290px; overflow: hidden;border-radius: 0px 0px 0px 100px;  }
.Sub_Top_area .contents-container   .topicon .icon_in video{ width: 100%}

	
.topicon .Corner1 {position: absolute; left: -70px;bottom:141px;
  width: 70px;
  height: 70px;
}
.topicon .Corner1 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

  /* 왼쪽 아래에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at bottom left, transparent 69px, black 70px);
  mask-image: radial-gradient(circle at bottom left, transparent 69px, black 70px);
}
	
	
.topicon .Corner2 {position: absolute; right:20px;bottom:-50px;
  width: 50px;
  height: 50px;
}
.topicon .Corner2 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

 width: 100%;
  height: 100%;
  background: #fff;

  /* 왼쪽 아래에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at bottom left, transparent 49px, black 50px);
  mask-image: radial-gradient(circle at bottom left, transparent 49px, black 50px);
}
	

.Sub_Top_area .title-area { width: 100%; float: left; position: absolute; left: 0px; top: 50%; transform: translateY(-40%);z-index: 99999; }
	
.Sub_Top_area .com_page_menu { width: auto; float: left; position: absolute; right: 0px; top: 50%; transform: translateY(-40%);z-index: 99999; }
.Sub_Top_area .com_page_menu ul{ width: auto; float: left;  }

.Sub_Top_area .com_page_menu ul li{ width: auto; float: left; margin-left: 50px;font-size:calc(var(--tit-mds-size) * 0.9);position: relative }
.Sub_Top_area .com_page_menu ul li:before{ width: 5px; height: 5px;position: absolute; right: -50px; top: 50%; content: "";  background-color: #999 }
.Sub_Top_area .com_page_menu ul li:last-child:before{display: none; content: "";   }
	.Sub_Top_area .com_page_menu ul li a{ width: auto; float: left; margin-left: 40px; font-weight: 700}

.Sub_Top_area .com_page_menu ul li.on a{  color: var(--primary);}

	
	
.container-full .title-area { width: 100%; float: left; position: relative; z-index: 99999; padding: 0px 20px; }
.Sub_Top_area .title-area h2 { color: #000; margin-bottom: 1.2rem; }
.Sub_Top_area .title-area h2 em { position: relative;  }
.current-menu{ position: relative ;}

.Sub_Top_area .title-area p.p1 { color: #333; margin-bottom: 20px; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Sub_Top_area { position: relative; height: 100%; float: left; margin-top: var(--header-h);; width: 100%;  height:90px; display: flex;  justify-content: center;  align-items: center; }
.Sub_Top_area .contents-container { width: 100%; float: left;  }
	
.Sub_Top_area .contents-container   .topicon { position: absolute; right: 0px; top: -20px;  padding: 10px; display: flex;border-radius: 0px 0px 0px 20px;   justify-content: center;  align-items: center; z-index: 9999; width:100px}	
.Sub_Top_area .contents-container   .topicon img{ width: 100%}	
	
	
.Sub_Top_area .title-area { width: 100%; float: left; position: relative; z-index: 99999; padding: 0px 0px ; margin-top: 10px}
.container-full .title-area { width: 100%; float: left; position: relative; z-index: 99999; padding: 0px 20px; }
.Sub_Top_area .title-area h2 { color: #000; margin-bottom: 1.2rem; }

.Sub_Top_area .title-area h2 span { position: relative; font-size:calc(var(--tx-sm-size) * 0.9);}
.Sub_Top_area .title-area h2 em { position: relative;  }
.current-menu{ position: relative ; padding-left: 0px;}

.Sub_Top_area .title-area p.p1 { color: #333; margin-bottom: 20px; }


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

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
ul.Sub2d_gnb { list-style: none; width:100%; display: flex; flex-direction: row; grid-gap: 5px; padding: 0px; }
ul.Sub2d_gnb {height:clamp(40px, 6.250vw, 80px);display: flex;   grid-gap:clamp(10px, 5.469vw, 70px); }

ul.Sub2d_gnb li {height: 100%; display: flex;  justify-content: center;  align-items: center; position: relative}	
	ul.Sub2d_gnb li:before { content: ""; width: 7px; height: 7px; border-radius: 100%; color: #ccc; position: absolute; right: -37px; top: 50%; margin-top: -3.5px; background-color: #eee; }

ul.Sub2d_gnb li a { padding: 10px 0px 10px 0px;  font-weight: 600; position: relative; font-size: var(--top1d-font-size); color: #fff;  height: 100%; display: flex;  justify-content: center;  align-items: center;}

}
	
/**** 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:100%;float: left; display: flex; flex-direction: row;  flex-wrap: wrap; padding: 10px 10px;  background-color: var(--primary-opacity80); }
ul.Sub2d_gnb {display: flex;   grid-gap:0px; }
ul.Sub2d_gnb li {padding: 0px 10px}	
ul.Sub2d_gnb li:before { content: ""; width: 7px; height: 7px; border-radius: 100%; color: #ccc; position: absolute; right: -37px; top: 50%; margin-top: -3.5px; background-color: #eee; }

ul.Sub2d_gnb li a { padding: 7px 0px 7px 0px;  font-weight:400; position: relative; font-size: var(--tx-sm-size)!important; color: #fff;  height: 100%; display: flex;  justify-content: center;  align-items: center;}

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


	





/* 현재 선택된 메뉴 스타일 */
ul.Sub2d_gnb li.active a {  color: #fff; border-radius: 50px; z-index: 99; position: relative; }
/* 현재 선택된 메뉴 스타일 */

ul.Sub2d_gnb li.active a:after {  width: 100%; float: left; height: 3px; background-color:var(--secondary);  position: absolute; bottom: 0px; left: 0px ;content: "";  }

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.subbgtopimg.etc { width: 100%; float: left; height:200PX; aspect-ratio:var(--Sub-Topbg-h); overflow: hidden; position: relative!important; background-color: rgba(0,0,0,0.13); }
	
	

.subbgtopimg.etc img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
	
	
.subbgtopimg.etc 	.title-area {  width: 100%; height: 100%; display: flex;   align-items: center; color: #fff; font-size: 26px; line-height: 130%; font-weight: 600; padding-top: 0px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.subbgtopimg.etc { width: 100%; float: left; height:80PX; aspect-ratio:var(--Sub-Topbg-h); overflow: hidden; position: relative!important; background-color: rgba(0,0,0,0.13); }
.subbgtopimg.etc img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px;z-index: 0 }


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





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.dep3_tab_box{ width:100%; float:left; margin-bottom: clamp(20px, 3.906vw, 80px) }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.dep3_tab_box{ width:100%; float:left; margin:  0px 0px 30px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.dep3_tab_box .contents-container {}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.dep3_tab { width: 100%; float: left; height:100%;  flex-direction: row; /* 흰색 선을 나타낼 공간 */; display: flex;grid-gap:clamp(10px, 3.906vw, 50px); justify-content: space-between; background-color: #f9f9f9; border-radius: 50px; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.dep3_tab { width: 100%; float: left; height:100%;  flex-direction: row; /* 흰색 선을 나타낼 공간 */; display: flex;grid-gap:10px; justify-content: space-between;   overflow-x: auto; padding-bottom: 10px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.dep3_tab .dep3_btn { width: 100%; float: left; display: flex; align-items: center; justify-content: center; padding:clamp(10px, 1.172vw, 17px) clamp(20px, 3.125vw, 60px); color: #333; text-decoration: none; font-size:calc(var(--tit-mds-size) * 0.7); font-weight: 600; letter-spacing: -1px; box-sizing: border-box; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  border: none!important; grid-gap: 10; white-space:nowrap; border-radius: 50px}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.dep3_tab .dep3_btn { width: 100%; float: left; display: flex; align-items: center; justify-content: center; padding:clamp(10px, 1.172vw, 17px) clamp(20px, 3.125vw, 60px); color: #333; text-decoration: none; font-size:calc(var(--tit-mds-size) * 0.9); font-weight: 600; letter-spacing: -1px; box-sizing: border-box; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  border: none!important; grid-gap: 10; white-space:nowrap; border-radius: 50px}


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



.dep3_tab .dep3_btn.active { background-color:var(--primary);  color: white;  }




.dep3_btn.active { background-color:var(--primary); color: #fff; border: none;  }
.dep3_btn.active:hover { color: #fff; border: none; }
.dep3_btn:hover { background-color:var(--primary);color: #fff; order: none;}
/* 흰색 라인을 위해 탭 버튼 사이의 간격을 흰색으로 채우기 */


.dep3_tab > * { box-sizing: border-box; }
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .dep3_btn:nth-last-child(n+6) {
border-right: 1px solid #ccc; box-sizing: border-box; border-bottom:1px solid #ccc; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {  }
/**** 모바일 ****/
@media only all and (max-width:767px) { .dep3_btn:nth-last-child(n) {
border-right: 1px solid #ccc; box-sizing: border-box; border-bottom:1px solid #ccc; }
}
/**** 모바일 ****/
@media only all and (max-width:649px) { .dep3_btn:nth-last-child(n+3) {
border-right: 1px solid #ccc; box-sizing: border-box; border-bottom:1px solid #ccc; }
}
	/**** 모바일 ****/
@media only all and (max-width:525px) { .dep3_btn:last-child() {
border-right: 1px solid #ccc; box-sizing: border-box; border-bottom:1px solid #ccc; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {  }
/* 구분 //end -----------------------------------*/

ul.depth3{ min-width: 150px!important; float: left;  position: absolute;  background-color: #000 ; padding: 15px; border-radius: 10px;}
ul.depth3 li{ min-width: 150px!important; float: left;  position: absolute;  background-color: #fff ; padding: 15px; border-radius: 10px;}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .dep3_title{ width:100%; float:left; font-weight: 700; color: #000; font-size: 30px; text-align: center; margin: 80px 0px; border-bottom: none; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {  }
/**** 모바일 ****/
@media only all and (max-width:767px) { .dep3_title{ width:100%; float:left; font-weight: 700; color: #000; font-size:22px; text-align: center; margin:30px 0px; border-bottom: none; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {  }


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.subbgtopimg { width: 100%; float: left; height:var(--subtop-h);  overflow: hidden; position: relative!important;  margin-bottom: clamp(30px, 6.250vw, 80px) }
.subbgtopimg .img_box { width: 130%; height:100%; position: absolute; top: 0px;right: 0px; z-index: 0!important; overflow: hidden; border-radius: 0px 50px 10px 0px; text-align: right}
	
.subbgtopimg .img_box:before{ width: 100%; height:80px; position: absolute; top: 0px; left: 0px; z-index: 0; content: "";   background-color: var(--primary-opacity80);z-index: 99999999;}
	
.subbgtopimg .img_box img { object-fit: cover; height: 105%;  max-width: 100%;}
.subbgtopimg .contents-container{ width: 100%;height: 100%;}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.subbgtopimg { width: 100%; float: left; height:calc(var(--subtop-h) * 1);  overflow: hidden; position: relative!important;  margin-bottom: clamp(30px, 6.250vw, 80px) }
	.subbgtopimg .img_box img { object-fit: cover; height: 100%;  max-width: 100%;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.subbgtopimg { width: 100%; float: left; height:calc(var(--subtop-h) * 0.6);  overflow: hidden; position: relative!important; margin-bottom: 40px }
	
	.subbgtopimg .contents-container{ width: 100%!important; float: left;  position: relative!important;   padding: 0px!important}
	
.subbgtopimg .img_box { width: 100%; height:calc(var(--subtop-h) * 0.6);  position: absolute; top: 0px; right: 0px; z-index: -1; text-align: right}
	

.subbgtopimg .img_box img {  height: 100%;  position: absolute; top: 0px; right: -50%; }
.subbgtopimg .contents-container{ width: 100%;height: 100%;}

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



	/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .txbox{ width: 100%!important; float: left;   height:calc(100% - 70px);  display: flex;  justify-content: center;  align-items: center; flex-direction: column; margin-top: 0px ; grid-gap: clamp(5px, 0.781vw, 10px)}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) { .txbox{ width: 100%!important; float: left;   height:calc(100% - 50px);  display: flex;  justify-content: center;  align-items: center; flex-direction: column; margin-top: 0px ; grid-gap: clamp(5px, 0.781vw, 10px) ; padding: 0px 20px 20px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { 
	
 .txbox .tx1 { width: 100%; float: left; color: var(--subtop-tx1-color); font-size: var(--subtop-tx1)!important; line-height: 110% ; font-weight: 700; z-index: 9999999}
 .txbox .tx1 div{  color: var(--subtop-tx1-color); font-size: var(--subtop-tx1)!important;   font-family: 'S-CoreDream-3Light', sans-serif!important;}
.txbox .tx2 { width: 100%; float: left; color: var(--subtop-tx2-color); font-size: var(--subtop-tx2)!important; line-height: 120%; position: relative; z-index: 99!important}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) { 
	
 .txbox .tx1 { width: 100%; float: left; color: var(--subtop-tx1-color); font-size: var(--subtop-tx1)!important; line-height: 110% ; font-weight: 700; z-index: 9999999; text-shadow: 0 0 5px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1);}
 .txbox .tx1 div{  color: var(--subtop-tx1-color); font-size: var(--subtop-tx1)!important;   font-family: 'S-CoreDream-3Light', sans-serif!important;}

	.txbox .tx2 { width: 100%; float: left; color: var(--subtop-tx2-color); font-size:calc(var(--tx-sm-size) * 1); line-height: 120%; position: relative; z-index: 99!important;   /* ✅ 흰색 블러 그림자 추가 */
text-shadow: 0 0 5px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1);
}

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



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
















.Sub_Path{	width:100%;	   height:var(--Path-h);  float: left; position: relative;  background:var(--Path-bg); z-index: 1}	

.Sub_Path.none{	display: none!important}	



.PageGo{width:100%;   float: left;  display: flex;flex-direction: row; background-color: transparent!important}
.PageGo .gohome{width:var(--Path-h); height:var(--Path-h); display: flex;  justify-content: center;  align-items: center;  float: left;  display: flex;  }
.PageGo .gohome:before{content: "\eca5";    font-family: unicons-line; width:var(--Path-h); height:var(--Path-h); display: flex;  justify-content: center;  align-items: center;  float: left;  display: flex; color: #fff; font-size: 25px}
	




/**** 모바일 ****/
@media only all and (max-width:768px) {
	


.PageGo{ display: grid; grid-template-columns:40px auto auto ; grid-gap: 0px}
}






.PageGo_dep1 {min-width:var(--Path-w);    float:left; position: relative; display: block;  border-left: 1px solid  rgba(255,255,255,0.08); }


.PageGo_dep1 .Dep1_tit{ width:100%;   float: left;  color: #fff;  /* Old browsers */
line-height:var(--Path-h); text-align: left; box-sizing: border-box ; background-color:var(--Path-bg-in)!important;  padding-left: 15px; box-sizing: border-box; position: relative; font-size: var(--Path-font-size); height:var(--Path-h)!important}

.PageGo_dep1 .Dep1_tit:before{ content: "\eb3a";    font-family: unicons-line; position: absolute; right: 10px; top: -3px; color: #fff;font-size: 20px;}

.PageGo_dep1 ul {  width:100%; float: left }



.PageGo_dep1 ul>li{  width:100%; float: left;color: #fff;  background-color:var(--Path-bg-in)!important;  line-height: 40px; text-align:left;font-size: var(--Path-font-size); cursor: pointer; padding: 0px 0px; border: 1px solid rgba(255,255,255,0.08); margin-right: -1px; margin-bottom: -1px; box-sizing: border-box; padding-left: 15px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
 }

.PageGo_dep1 ul>li:hover{ background-color:var(--Path-bg-in)!important;   filter: brightness(125%);}

.PageGo_dep1 ul.mysub_b{width:100%; float: left; display: none;position: absolute; top: var(--Path-h); left: 0px;z-index: 99999999 }
.PageGo_dep1 ul.mysub_b_on{width:100%;float: left;  display: block;position: absolute; top:var(--Path-h); left: 0px }



.PageGo_dep1 ul li a{ color: #fff; font-size: var(--Path-font-size); text-align: left }	
.PageGo_dep1 ul li.smenu{ width:100%; float:left; padding-top: 10px ; padding-bottom: 10px}
.PageGo_dep1 ul li.smenu a{ width:100%; float:left;height: 25px; line-height: 25px; color: rgba(255,255,255,0.5); padding-left: 10px; position: relative; box-sizing: border-box; }
.PageGo_dep1 ul li.smenu a.on{ color:    var(--div-color1)!important; }
.PageGo_dep1 ul li.smenu a:hover{color: rgba(255,255,255,1); }
.PageGo_dep1 ul li.smenu a:before{ content: "-";  position: absolute; left: 0px; top: 0px}	




/* 2뎁스 */

.PageGo_dep2 {min-width:var(--Path-w);   float:left; position: relative;  padding-right: 0px; border-left: 1px solid  rgba(255,255,255,0.08);  margin-left: -1px}


.PageGo_dep2 .Dep2_tit{ width:100%;   float: left;  color: #fff;  /* Old browsers */
line-height: var(--Path-h); text-align: left; box-sizing: border-box ; background-color:var(--Path-bg-in)!important;  padding-left: 15px; box-sizing: border-box; position: relative; font-size: var(--Path-font-size);  height:var(--Path-h)!important}

.PageGo_dep2 .Dep2_tit:before{ content: "\eb3a";    font-family: unicons-line; position: absolute; right: 10px; top: -3px; color: #fff;font-size: 20px;}

.PageGo_dep2 ul {  width:100%; float: left }



.PageGo_dep2 ul>li{  width:100%; float: left;color: #fff;  background-color:var(--Path-bg-in)!important; line-height:40px; text-align:left; font-size: var(--Path-font-size); cursor: pointer; padding: 0px 0px; border: 1px solid rgba(255,255,255,0.08);  margin-right: -1px; margin-bottom: -1px; box-sizing: border-box; padding-left: 15px; }
.PageGo_dep2 ul>li:hover{ background-color:var(--Path-bg-in)!important;   filter: brightness(125%);}

.PageGo_dep2 ul.mysub{width:100%; float: left; display: none;position: absolute; top:var(--Path-h); left: 0px;z-index: 99999999 }
.PageGo_dep2 ul.mysub_on{width:100%;float: left;  display: block;position: absolute; top:var(--Path-h); left: 0px }



.PageGo_dep2 ul li a{ color: #fff; font-size:var(--Path-font-size); text-align: left }	
.PageGo_dep2 ul li.smenu{ width:100%; float:left; padding-top: 10px ; padding-bottom: 10px}
.PageGo_dep2 ul li.smenu a{ width:100%; float:left;height: 25px; line-height: 25px; color: rgba(255,255,255,0.5); padding-left: 10px; position: relative; box-sizing: border-box; }
.PageGo_dep2 ul li.smenu a.on{ color:    var(--div-color1)!important; }
.PageGo_dep2 ul li.smenu a:hover{color: rgba(255,255,255,1); }
.PageGo_dep2 ul li.smenu a:before{ content: "-";  position: absolute; left: 0px; top: 0px}	


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.heading-title{font-size:30px!important; text-align: left; margin-bottom: 5px!important}

.menu-item-has-children a{font-size:26px!important;}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.Dep3_tit {
  cursor: pointer;
  padding: 10px 0;
}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.subtop_tit_size {font-size: var(--subtop-tit-size)!important; line-height: 110%!important}
.subtop_tit_size em{font-size:calc(var(--tit-lg-size) * 1); line-height: 110%!important; color: var(--primary);letter-spacing: -1px;  }
.subtop_tit_size span{font-size:calc(var(--tx-sm-size) * 1); line-height: 110%!important; letter-spacing: -1px; font-weight: 500; color: #666}

.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}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.subtop_tit_size {font-size: var(--tit-mds-size); line-height: 110%!important; width: 100%; float: left}
.subtop_tit_size em{font-size:calc(var(--tit-md-size) * 1); line-height: 110%!important; color: var(--primary);letter-spacing: -1px; ; width: 100%; float: left }
.subtop_tit_size span{font-size:calc(var(--tx-sm-size) * 1); line-height: 110%!important; letter-spacing: -1px; font-weight: 500; color: #666}

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

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