@charset "utf-8";@charset "utf-8";

/**** 레이아웃 ****/
.quick_link { position: fixed; left: 50%; top: 250px; margin-left:620px; z-index: 9999 }

/* 메인메뉴 */




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.sub_topbg{	width:100%;	    height:200px;  float: left; margin-top: 0px ; position: relative; overflow: hidden; z-index: 0; background-color: #f6f7fa}
.sub_topbg .inner{	 height:100%; display: flex;  justify-content: center;  align-items: center; }

.sub_topbg2{	width:100%;	    min-height:380px;  float: left; margin-top: 0px ; position: relative; overflow: hidden; z-index: 0}
.sub_topbg2 .inner{	 height:100%;  }	


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.sub_topbg{	width:100%;	 height:200px; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.sub_topbg{	width:100%;	    height:160px;  float: left; margin-top: 60px ; position: relative; overflow: hidden; z-index: 0; background-color: #f6f7fa}
.sub_topbg .inner{	 height:100%; display: flex;  justify-content: center;  align-items: center; }


.sub_topbg2{	width:100%;	height:200px;   float: left; margin-top: 0px ; position: relative; overflow: hidden; z-index: 0}

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

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.subbgimg{
width: 2560px;
min-height:281px;
position: absolute;
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
animation-name: example;
animation-duration: 2s;   top: -30px;
  left: 50%; margin-left: -1280px;
z-index: 0;  z-index: 0}
.subbgimg img{width: 2560px!important;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
0%   {	 top:00px}
100% {	top: -30px}
}

/* Standard syntax */
@keyframes example {
0%   {	 top:00px}
100% {	top: -30px}
}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.subbgimg{
width:1700px;

position: absolute;
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
animation-name: example;
animation-duration: 2s;   top:-30px;
  left: 0; margin-left:-800px;
z-index: 0;  z-index: 0}
.subbgimg img{width: 100%!important;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
0%   {	 top:00px}
100% {	top: -30px}
}

/* Standard syntax */
@keyframes example {
0%   {	 top:00px}
100% {	top: -30px}
}


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








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.title_box{ width:100%;float:left;     box-sizing: border-box;  position: relative; z-index: 999999;  box-sizing: border-box ; display: flex;  justify-content: center;  align-items: center;flex-direction: column;}

.title_box .btext{color: #fff; font-family: 'NanumSquareAceb'; font-size:16px; line-height:100%; width:100%;float:left;  text-transform:uppercase; margin-bottom:10px }
.title_box .btext em{ font-family: 'NanumSquareAceb'; font-size:40px; margin-top:5px ; line-height:100%; width:100%;float:left;  text-transform:uppercase; }

.title_box .stext{   font-size:18px;  font-family: 'NanumSquareAcb'; color:#FFF;  line-height:130%;  width:100%;float:left;  }	
.title_box .stext2{   font-size:16px;  color:rgba(255, 255, 255, 0.5);  line-height:130%;  width:100%;float:left;  }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
		.title_box{ }
	
	
.title_box .btext{color: var(--div-color1); font-family: 'NanumSquareAceb'; font-size:26px; margin-bottom:10px ; line-height:100%; width:100%;float:left;  text-transform:uppercase; }
.title_box .btext em{  font-size:16px;  margin-left: 15px}

.title_box .stext{   font-size:14px;  }	
.title_box .stext2{   font-size:14px; }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.title_box{ width:100%;float:left;     box-sizing: border-box;  position: relative; z-index: 999999;  box-sizing: border-box ; display: flex;  justify-content: center;  align-items: center;flex-direction: column; padding:60px 30px 0px}

.title_box .btext{color: #fff; font-family: 'NanumSquareAceb'; font-size:16px; line-height:100%; width:100%;float:left;  text-transform:uppercase; margin-bottom:10px }
.title_box .btext em{ font-family: 'NanumSquareAceb'; font-size:20px; margin-top:5px ; line-height:100%; width:100%;float:left;  text-transform:uppercase; }

.title_box .stext{   font-size:14px;  font-family: 'NanumSquareAcb'; color:#FFF;  line-height:130%;  width:100%;float:left;  }	
.title_box .stext2{   font-size:12px;  color:rgba(255, 255, 255, 0.5);  line-height:130%;  width:100%;float:left;  }		
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/







/**** pc ****/
@media only all and (min-width:1025px) {
.sub_topbg2 .title_box{ width:100%;float:left;  margin-top: 10%;    box-sizing: border-box;  position: relative; z-index: 999999;  }

.sub_topbg2 .title_box .btext{width:100%;float:left;  color: var(--div-color1); font-weight:700;letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif;  font-size:36px; margin-bottom:10px ; line-height:100%;float:left;  text-transform:uppercase;  text-align: left }
.sub_topbg2 .title_box .btext em{  font-size:20px;  margin-left: 15px}

.sub_topbg2 .title_box .stext{  width:100%;float:left;  font-size:15px; font-weight:600; color:#FFF;  line-height:130%;  float:left; margin-bottom:10px ; letter-spacing: -1px;  }	
.sub_topbg2 .title_box .stext2{  width:100%;float:left;  font-size:13px; font-weight:400; color:rgba(255, 255, 255, 0.5);  line-height:130%;  float:left;  }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.sub_topbg2 .title_box{ width:100%;float:left;   margin-top:100px;  box-sizing: border-box;  position: relative; z-index: 999999;  box-sizing: border-box ; padding: 0px 20px }

.sub_topbg2 .title_box .btext{ color:var(--div-color1);;  font-weight:900;letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif;  font-size:26px; margin-bottom:5px ; line-height:100%; width:100%;float:left;  text-transform:uppercase; }

.sub_topbg2 .title_box .stext{   transform: skew(-0.201deg); font-size:13px; font-weight:500; color:#FFF;  line-height:130%;  width:100%;float:left; margin-bottom:5px ; letter-spacing: -1px }	
.sub_topbg2 .title_box .stext2{   transform: skew(-0.201deg); font-size:13px; font-weight:500; color:rgba(255, 255, 255, 0.5);  line-height:130%;  width:100%;float:left;  }	
}





/**** pc ****/
@media only all and (min-width:1301px) {

.stitle_box{ width:100%;float:left; margin-top:40px; padding-bottom:40px; box-sizing:border-box; position: relative;  display: flex;
justify-content: center;
align-items: center; flex-direction:column;  }

.stitle_box .b_text{ width:100%; font-size:40px; color:#333;  text-align:center; letter-spacing:-1px; font-weight:700;;font-family:'Noto Sans Korean', 'Noto Sans KR'; margin-bottom: 20px}
.stitle_box .s_text{ width:100%; font-size:16px; color:#666;  text-align:center;   margin-bottom:10px}
.stitle_box .info_text{ width:100%; font-size:20px; color:#000;  text-align:center;   margin-bottom:10px}


}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.stitle_box{ width:100%;float:left; margin-top:60px; padding-bottom:40px; box-sizing:border-box; position: relative; display:flex;  display: flex;
justify-content: center;
align-items: center; flex-direction:column; }
.stitle_box .e_text{ width:100%; font-size:14px; color:#666;  text-align:center;  margin-bottom:0px; line-height:14px; font-weight:400; text-transform:uppercase; ;font-family:'Noto Sans Korean', 'Noto Sans KR';}
.stitle_box .k_text{ width:100%; font-size:36px; color:#333;  text-align:center; letter-spacing:-1px; font-weight:500;;font-family:'Noto Sans Korean', 'Noto Sans KR'; font-weight: 700}
.stitle_box .s_text{ width:100%; font-size:16px; color:#666;  text-align:center;  margin-bottom:10px}

.stitle_box .line{ width:100px; height: 1px; border-bottom: 1px solid #333; margin-bottom: 20px; margin-top: 30px;}

.stitle_box .left_ar{ position: absolute; left: 10px; top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #ccc; background: url("/asset/images/layout/page_lefticon.png"); background-repeat: no-repeat ;background-position: center center; cursor: pointer; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */

}
.stitle_box .left_ar:hover{ position: absolute; left: 0px; top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #666; background: url("/asset/images/layout/page_lefticon.png"); background-color: #f7f7f7; background-repeat: no-repeat ;background-position: center center }
.stitle_box .right_ar{ position: absolute; right: 10px; top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #ccc; background: url("/asset/images/layout/page_righticon.png"); background-repeat: no-repeat ;background-position: center center; cursor: pointer; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */

}
.stitle_box .right_ar:hover{ position: absolute; right:0px;top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #666; background: url("/asset/images/layout/page_righticon.png"); background-color: #f7f7f7; background-repeat: no-repeat ;background-position: center center }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.stitle_box{ width:100%;float:left; margin-top:60px; padding-bottom:40px; box-sizing:border-box; position: relative; display:flex;  display: flex;
justify-content: center;
align-items: center; flex-direction:column; display: none;  }
.stitle_box .e_text{ width:100%; font-size:14px; color:#666;  text-align:center;  margin-bottom:0px; line-height:14px; font-weight:400; text-transform:uppercase; ;font-family:'Noto Sans Korean', 'Noto Sans KR';}
.stitle_box .k_text{ width:100%; font-size:36px; color:#333;  text-align:center; letter-spacing:-1px; font-weight:500;;font-family:'Noto Sans Korean', 'Noto Sans KR';}
.stitle_box .s_text{ width:100%; font-size:16px; color:#666;  text-align:center;  margin-bottom:10px}

.stitle_box .line{ width:100px; height: 1px; border-bottom: 1px solid #333; margin-bottom: 20px; margin-top: 30px;}

.stitle_box .left_ar{ position: absolute; left: 10px; top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #ccc; background: url("/asset/images/layout/page_lefticon.png"); background-repeat: no-repeat ;background-position: center center; cursor: pointer; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */

}
.stitle_box .left_ar:hover{ position: absolute; left: 0px; top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #666; background: url("/asset/images/layout/page_lefticon.png"); background-color: #f7f7f7; background-repeat: no-repeat ;background-position: center center }
.stitle_box .right_ar{ position: absolute; right: 10px; top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #ccc; background: url("/asset/images/layout/page_righticon.png"); background-repeat: no-repeat ;background-position: center center; cursor: pointer; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */}
.stitle_box .right_ar:hover{ position: absolute; right:0px;top: 20px; border-radius:50px; width: 50px; height: 50px; border: 1px solid #666; background: url("/asset/images/layout/page_righticon.png"); background-color: #f7f7f7; background-repeat: no-repeat ;background-position: center center }
}

.stitle_box2 {width:100%;float:left; margin-top:-50px; padding-bottom:40px; box-sizing:border-box; position: relative }
.stitle_box2 .e_text{ width:100%; font-size:14px; color:#666;  text-align:center;  margin-bottom:0px; line-height:14px; font-weight:400; text-transform:uppercase; ;font-family:'Noto Sans Korean', 'Noto Sans KR';}
.stitle_box2 .k_text{ width:100%; font-size:34px; color:#333;  text-align:center; letter-spacing:-1px; margin-bottom:5px; font-weight:500;;font-family:'Noto Sans Korean', 'Noto Sans KR';}
.stitle_box2 .s_text{ width:100%; font-size:14px; color:#666;  text-align:center;  margin-bottom:10px}

.stitle_box_btn{  position: absolute; top: 60px; right: 0px;}
.stitle_box_btn a{ padding: 10px 20px; background-color: #eb2525; border-radius: 2px; color: #fff; font-size: 14px; border: 1px solid #c20f0f}
.stitle_box_btn a:hover { padding: 10px 20px; background-color: #c20f0f; border-radius: 2px; color: #fff; font-size: 14px; border: 1px solid #c20f0f}



/**** pc ****/
@media only all and (min-width:1025px) {

.tab_menu_out{	width:100%;	height:60px; float: left;  position: relative; border-bottom: 1px solid #ccc; }
.tab_menu_out .inner{height:60px;  position: relative;   overflow: hidden;    display: flex;  justify-content:flex-end;  align-items: center;}

.tab_menu_out2{	width:100%;	float: left;  position: relative;  }
.tab_menu_out2 .inner{ display: flex; justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; }	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {


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

.tab_menu_out{	width:100%;	float: left;position: relative;  z-index: 9;  }
}





/**** pc ****/
@media only all and (min-width:1025px) {
.tab_menu { width: 100%; float:left;  text-align: center; z-index: 9999!important;  }

.tab_menu ul {  width: 100%; float:left;  display: flex;  justify-content:flex-end;  align-items: center; }
.tab_menu ul li{float:left;  padding: 0px 40px!important; position: relative}
.tab_menu ul li a{  height: 90px ; text-align: center;  box-sizing: border-box; color: #333; position: relative ; line-height: 90px; float: left; font-size: 20px;  width: 100%; border: none; border-right: 1px solid  #fff;font-family: 'Pretendard'; font-weight: 700; position: relative; letter-spacing: -1px}
.tab_menu ul li a:hover{  color: var(--div-color1);transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.tab_menu ul li.on a{height:90px; text-align: center;  box-sizing: border-box; color: var(--div-color1); position: relative;  position: relative}

.tab_menu ul li a .line{ width: 100%; float:left;  position: absolute; bottom: 0px; left: 0px ; height: 1px ; background-color:transparent; z-index: 99999!important}
.tab_menu ul li.on a .line{ width: 100%; float:left;  position: absolute; bottom: 0px; left: 0px ; height: 1px ; border-bottom: 1px solid var(--div-color1)!important; background-color: var(--div-color1)!important; z-index: 99999!important}

	
.tab_menu ul li a em{  color: var(--div-color1)!important;}	
	
	
.tab_menu ul.tab_w8 {width:70% !important ;float:right; }
.tab_menu ul.tab_w6 {width:60% !important ;float:right; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {

}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.tab_menu { width: 100%; float:left;  text-align: center; z-index: 9999!important;  }


.tab_menu ul { width: 100%; float:left;  }
.tab_menu ul li{float:left; }
.tab_menu ul li a{  height: 40px ; text-align: center;  padding: 0px 0px; box-sizing: border-box; color: #333; position: relative ; float: left; font-size:13px; background-color:#efefef;  width: 100%; border: none; ; border: 1px solid #ccc; margin-right: -1px; margin-bottom: -1px; line-height: 40px;  font-family: 'NanumSquareAcb'; font-weight: 500; }

.tab_menu ul li.on a{height: 40px; text-align: center;  padding: 0px 0px; box-sizing: border-box; color: #fff; position: relative;background-color:var(--div-color1);   border: none; }

.tab_menu ul.tab_w8 {width:70% !important ;float:right; }
.tab_menu ul.tab_w6 {width:60% !important ;float:right; }
}





/**** pc ****/
@media only all and (min-width:1205px) {

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
ul.tab_w8 li{ width:calc(12.5% - 1px) ;}
ul.tab_w7 li{ width: 15% !important;min-width:200px  }
ul.tab_w6 li{ width: 16.6%; }
ul.tab_w5 li{ min-width: 200px  }
ul.tab_w3 li{  min-width: 200px  }
ul.tab_w4 li{  min-width: 180px  }

ul.tab_w2 li{ min-width: 150px }
}
/**** 모바일 ****/
@media only all and (max-width:1204px) {

ul.tab_w8 li{ width:calc(12.5% - 1px) ;}
ul.tab_w7 li{ width: 15% !important;min-width:200px  }
ul.tab_w6 li{ width: 16.6%; }
ul.tab_w5 li{ min-width: 200px  }
ul.tab_w3 li{  width: calc(33.3% + 1px)!important ; margin-right: -1px  }
ul.tab_w4 li{  width:25%!important  }
ul.tab_w2 li{ width: 50%!important}
ul.tab_w2_2 li{ width: 50%!important}


}











/**** pc ****/
@media only all and (min-width:1025px) {
.tab_menu2 { width: 100%; float:left;  text-align: center; z-index: 9999!important;  }

.tab_menu2 .tabin {  width: 100%; float:left;  display: flex;  justify-content: center;  align-items: center; gap:20px}
.tab_menu2 .tabin a{float:left;  padding: 20px 40px!important; position: relative; background-color: #fff;  border-radius: 50px; text-align: center;  box-sizing: border-box; color: #666; font-size: 20px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box;}
.tab_menu2 .tabin a:last-child{float:left;  padding: 17px 40px!important; position: relative; background-color: #fff;  border-radius: 50px; text-align: center;  box-sizing: border-box; color: #666; font-size: 20px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box;}
	
.tab_menu2 .tabin a:last-child em{ width:25px; height: 25px;  background-color:  var(--div-color1); border-radius: 100%; font-size:16px; color: #fff;  font-family: 'Pretendard';   font-weight: 500; line-height:25px;  margin-left:10px;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; } 
	
	
.tab_menu2 .tabin a.on{float:left;  padding: 20px 40px!important; position: relative; background-color: #303b79; border-radius: 50px; box-shadow: 5px 5px 20px rgb(0 0 0 / 30%); text-align: center;  box-sizing: border-box; color: #fff; font-size: 20px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer}	
.tab_menu2 .tabin a.on:before{  content: "";  width:15px; height: 15px; border-radius: 100%; border: 3px solid #fff; background-color:#303b79;  position: absolute; left:50%; bottom:0px; margin-left: -8px; margin-bottom: -10px;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }

	
	
.tab_menu2 .tabin a:last-child.on{float:left;  padding: 17px 40px!important; position: relative; background-color: #303b79; border-radius: 50px; box-shadow: 5px 5px 20px rgb(0 0 0 / 30%); text-align: center;  box-sizing: border-box; color: #fff; font-size: 20px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer}	
.tab_menu2 .tabin a:last-child.on:before{  content: "";  width:15px; height: 15px; border-radius: 100%; border: 3px solid #fff; background-color:#303b79;  position: absolute; left:50%; bottom:0px; margin-left: -8px; margin-bottom: -10px;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.tab_menu2 .tabin a:last-child.on  em{ width:25px; height: 25px;  background-color: #fff  ; border-radius: 100%; font-size:16px; color:var(--div-color1);  font-family: 'Pretendard';   font-weight: 600; line-height:25px;  margin-left:10px;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; } 	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {

}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.tab_menu2 { width: 100%; float:left;  text-align: center; z-index: 9999!important;  }

.tab_menu2 .tabin {  width: 100%; float:left;  display: flex;  justify-content: center;  align-items: center; gap:5px}
.tab_menu2 .tabin a{float:left;  padding: 10px 20px!important; position: relative; background-color: #fff;  border-radius: 50px; text-align: center;  box-sizing: border-box; color: #666; font-size: 14px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box;}
.tab_menu2 .tabin a:last-child{float:left;   padding: 10px 20px!important; position: relative; background-color: #fff;  border-radius: 50px; text-align: center;  box-sizing: border-box; color: #666; font-size: 14px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box;}
	
.tab_menu2 .tabin a:last-child em{ width:25px; height: 25px;  background-color:  var(--div-color1); border-radius: 100%; font-size:14px; color: #fff;  font-family: 'Pretendard';   font-weight: 500; line-height:25px;  margin-left:10px;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; } 
	
	
.tab_menu2 .tabin a.on{float:left;  padding: 10px 20px!important; position: relative; background-color: #303b79; border-radius: 50px; box-shadow: 5px 5px 20px rgb(0 0 0 / 30%); text-align: center;  box-sizing: border-box; color: #fff; font-size: 14px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer}	
.tab_menu2 .tabin a.on:before{  content: "";  width:10px; height: 10px; border-radius: 100%; border: 2px solid #fff; background-color:#303b79;  position: absolute; left:50%; bottom:0px; margin-left: -5px; margin-bottom: -10px;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }

	
	
.tab_menu2 .tabin a:last-child.on{float:left;  padding: 10px 20px!important; position: relative; background-color: #303b79; border-radius: 50px; box-shadow: 5px 5px 20px rgb(0 0 0 / 30%); text-align: center;  box-sizing: border-box; color: #fff; font-size: 14px;  font-family: 'Pretendard'; font-weight: 600; cursor:pointer}	
.tab_menu2 .tabin a:last-child.on:before{  content: "";  width:10px; height: 10px; border-radius: 100%; border: 2px solid #fff; background-color:#303b79;  position: absolute; left:50%; bottom:0px; margin-left: -5px; margin-bottom: -10px;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ }
.tab_menu2 .tabin a:last-child.on  em{ width:25px; height: 25px;  background-color: #fff  ; border-radius: 100%; font-size:14px; color:var(--div-color1);  font-family: 'Pretendard';   font-weight: 600; line-height:25px;  margin-left:10px;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; } 	

}