@charset "utf-8";
body{}


.cursor{cursor: pointer}

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.sub_contbox{width: 100%;   float: left; background-color: #f6f7fa; margin-top: 100px;min-height:90vh;}	
	
.inner{max-width:1400px; margin: 0px auto;  position: relative; }
.inner2{max-width:760px!important; margin: 0px auto;  position: relative}
.inner_in{width:100%!important;  float: left; padding: 0px 30px; position: relative}	
.inner.pd_in{padding: 0px 0px!important;}	
	
.main_a_inner{max-width:1400px; margin: 0px auto; height: 100%;  position: relative; }
	
	.Inner{width:1400px; margin: 0px auto;  position: relative; }

}
/**** pc2 ****/
@media all and (max-width:1400px) and (min-width:768px) {
	
.sub_contbox{width: 100%;   float: left; background-color: #f6f7fa; margin-top: 80px!important;min-height:90vh;}	
.inner{width:100%!important; margin: 0px auto;  position: relative; padding: 0px 30px; }
	
		.Inner{width: 100%;; margin: 0px auto;  position: relative; padding: 0PX 50PX; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.inner{width:100%!important;  float: left; position: relative; padding: 0px 0px; }
.inner2{max-width:760px!important; margin: 0px auto;  position: relative;  padding: 0px 20px;}
.inner_in{width:100%!important;  float: left; padding: 0px 20px; position: relative}
.inner.pd_in{padding: 0px 20px!important;}	

.inner.pd{padding: 0px 20px; }	
	
	.sub_contbox{width: 100%;   float: left; background-color: #f6f7fa}		
	
.main_a_inner{width:100%!important; margin: 0px auto;  height: 100%; position: relative; padding: 0px 0px; }
	
		.Inner{width:100%!important;  margin: 0px auto;  position: relative; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {

}
/* 구분 //end -----------------------------------*/





.hidden{display: none!important}


#header, header, #topmenu_area, .logo, #body_area_in2, .highschool2, .toptx .tx1, .toptx .tx2{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 */  
}




/********* 메인 헤드영역  **********/ 
/**** pc ****/
header.header_main {width: 100%; height: auto;  float: left; position:absolute; left: 0px; top: 0px ;  z-index: 999;}





/********* 헤드영역  **********/  
/* 상단 메뉴 영역 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

/*.header_main {min-width:100%;  height: 100px; float: left; position:fixed; left: 0px; top: 0px ;   z-index: 9999999999;  background-size: cover;background-color:rgba(255,255,255,1.0);}*/
.header_main {min-width:100%;  height: 100px; float: left; position:fixed; left: 0px; top: 0px ;   z-index: 1000;  background-size: cover;background-color:rgba(255,255,255,1.0);}

header.header_main.large {min-width:100%;  height: 100px; float: left; position:fixed; left: 0px; top: 0px ;  background-color:rgba(255,255,255,1.0);  backdrop-filter: blur(10px); /* 블러 효과 강도를 조정할 수 있습니다 */ z-index: 1000; background-size: 300% ;}
header.header_main.small {min-width:100%;  height: 100px; float: left; position:fixed; left: 0px; top: 0px ;  background-color:rgba(255,255,255,0.7);  backdrop-filter: blur(10px); /* 블러 효과 강도를 조정할 수 있습니다 */ z-index: 1000; background-size: 300% ; border-bottom: 1px solid #ccc}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
.header_main {min-width:100%;  height: 80px!important; float: left; position:fixed; left: 0px; top: 0px ;   z-index: 1000;  background-size: cover;background-color:rgba(255,255,255,1.0);}

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.header_main {min-width:100%;  height: 60px; float: left; position:fixed; left: 0px; top: 0px ;  background-color:#fff; z-index: 1000;  background-size: cover;}

header.header_main.large {min-width:100%;  height: 60px; float: left; position:fixed; left: 0px; top: 0px ;  background-color:#fff; z-index: 1000; background-size: 300% ;}
header.header_main.small {min-width:100%;  height: 60px; float: left; position:fixed; left: 0px; top: 0px ;  background-color: var(--div-com); z-index: 1000;background-size: 300% ; border-bottom: 1px solid #ccc}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




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

.tophead .logo{width:208px; height: 49px!important; float: left; position: absolute; left:0px; top:30px; background: url("../images/common/logo.png")no-repeat; background-size: 100%; cursor: pointer}


header.large .tophead .logo{width:208px; height: 49px!important; float: left; position: absolute; left:0px; top:30px; background: url("../images/common/logo.png")no-repeat; background-size: 100%; cursor: pointer}


header.small .tophead .logo{width:208px; height: 49px!important; float: left; position: absolute;  left:0px; top:30px; background: url("../images/common/logo.png")no-repeat; background-size: 100%; cursor: pointer}







.tophead .topmember_search{ float: left; position: absolute ; right:0px; top:35px;  z-index: 99999999999999 ; cursor: pointer ;display: none}
.tophead .topmember_search i{color: #000; font-size: 25px}

.tophead .topmember_icon{width: 20px; height: 30px;  float: left; position: absolute ;right :20px;top:25px;}
.tophead .topmember_icon:before{content: "\e855";   font-family: unicons-line; position: absolute; left: 0px; top: 0px; font-size:28px; color: #333; width: 20px; }

.tophead .topmember_icon.loginafter{width: 20px; height: 30px;  float: left; position: absolute ;right :20px;top:25px;}
.tophead .topmember_icon.loginafter:before{content: "\ea0d"!important;   font-family: unicons-line; position: absolute; left: 0px; top: 0px; font-size:28px; color: #333; width: 20px; }


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.tophead{width: 100%; height: 80px;  float: left; position: relative ; }

.tophead .logo{width:150px; height: 80px!important; float: left; position: absolute; left:0px; top:0px; background: url("../images/common/logo.png")no-repeat center center; background-size: 100%; cursor: pointer}


header.large .tophead .logo{width:150px;height: 80px!important; float: left; position: absolute; left:0px; top:0px; background: url("../images/common/logo.png")no-repeat center center; background-size: 100%; cursor: pointer}


header.small .tophead .logo{width:150px; height: 80px!important; float: left; position: absolute;  left:0px; top:0px; background: url("../images/common/logo.png")no-repeat center center; background-size: 100%; cursor: pointer}


}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.tophead{width: 100%; height: 60px;  display:flex; align-items:center; justify-content: center;}
.tophead .logo{width:130px; height:60px; float: left; position: absolute; left:50%; margin-left: -65px; top:0px; background: url("../images/common/logo.png")no-repeat center center;
background-size: 100%; cursor: pointer; display: flex;  justify-content: center;  align-items: center;}
.tophead .logo img{width: 100%;  background: url("../images/common/logo.png");background-size: 100%}

.tophead .topmember_search{ float: left; position: absolute ;right :20px;top:16px;  z-index: 99999999999999 ;}
.tophead .topmember_search i{color: #000; font-size: 25px}

.tophead .topmember_icon{width: 20px; height: 30px;  float: left; position: absolute ;right :20px;top:18px;}
.tophead .topmember_icon:before{content: "\e855";   font-family: unicons-line; position: absolute; left: 0px; top: 0px; font-size:28px; color: #333; width: 20px; }

.tophead .topmember_icon.loginafter{width: 20px; height: 30px;  float: left; position: absolute ;right :20px;top:18px; cursor: pointer}
.tophead .topmember_icon.loginafter:before{content: "\ea0d"!important;   font-family: unicons-line; position: absolute; left: 0px; top: 0px; font-size:28px; color: #333; width: 20px; }


.tophead .topmember_icon.buy{width: 20px; height: 30px;  float: left; position: absolute ;right :20px;top:18px; cursor: pointer}
.tophead .topmember_icon.buy:before{content: "\eb15"!important;   font-family: unicons-line; position: absolute; left: 0px; top: 0px; font-size:28px; color: #333; width: 20px; }

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





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.search_ovlayer{  float: left; position: absolute;right :15px;top:60px;  background-color: #fff!important; padding: 10px 10px 10px 50px; border-radius: 10px; z-index: 9999999999999999 ; width: 120px; display: none}
.search_ovlayer:before{content: "";  	width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #fff;  position: absolute; top: -7px; right: 20px; }
.search_ovlayer i{  position: absolute; left: 5px; top: 15px; color: #ddd; font-size:40px;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.search_ovlayer{  float: left; position: absolute;right :10px;top:50px;  background-color: #fff!important; padding: 10px 10px 10px 50px; border-radius: 10px; z-index: 9999999999999999 ; width: 120px; display: none}
.search_ovlayer:before{content: "";  	width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #fff;  position: absolute; top: -7px; right: 10px; }
.search_ovlayer i{  position: absolute; left: 5px; top: 15px; color: #ddd; font-size:40px;}

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




.search_ovlayer .t_name{width: 100%;   float: left; color: #666; font-size: 12px;margin-bottom: 0px}
.search_ovlayer .btn_logout{width: auto;   float: left; color: #fff; font-size: 11px; padding:3px 5px; border-radius: 6px; background-color: var(--div-color1); cursor: pointer}
.search_ovlayer .btn_logout:hover{background-color: var(--div-color1-hover); }





/* 구분 start -----------------------------------/
/**** pc ****/
@media only all and (min-width:768px) {	
#allmenu {	position:absolute;	top:0px;	right:272px;  z-index:999999999999999999999999999999999999; }
header.large #allmenu {	position:absolute;		top:0px;	right:272px;  z-index:999999999999999999999999999999999999; }
header.small #allmenu {	position:absolute;	top:0px;right:272px;  z-index:999999999999999999999999999999999999;  }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	#allmenu {	position:absolute;	top:0px;	right:272px;   z-index:999999999999999999999999999999999999; }
header.large #allmenu {	position:absolute;		top:0px;	right:272px; z-index:999999999999999999999999999999999999; }
header.small #allmenu {	position:absolute;		top:0px;	right:272px;  z-index:999999999999999999999999999999999999;  }

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#allmenu {display: none;}

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



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.menu { width: 100%; 
position: relative;
height: 100px;
width: auto; display: flex;display: flex;  justify-content: center;  align-items: center;flex-direction: row;
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.menu { width: 100%; 
position: relative;
height: 80px;
width: auto; display: flex;display: flex;  justify-content: center;  align-items: center;flex-direction: row;
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.menu { width: 100%; 
position: relative;
height: 80px;
width: auto; display: flex;display: flex;  justify-content: center;  align-items: center;flex-direction: row;
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.menu ul { 
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
.menu > ul {
position: relative;
display: block;
width: 100%;
z-index: 500;  display:flex; flex-wrap: wrap; 
}

.menu:after, .menu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.menu > ul > li {
display: inline-block;
position: relative;
margin: 0;
padding: 0; 
}



/**** pc ****/
@media only all and (min-width:1025px) {
.menu ul li a {
display: block;
text-decoration: none; padding: 26px 20px 26px 20px; background-color: rgba(255, 255, 255, 0.0);
}


}
/**** pc2 ****/
@media all and (max-width:1400px) and (min-width:1025px) {.menu ul li a {
display: block;
text-decoration: none; padding: 15px 15px 15px 15px; 
}
.menu > ul > li > a {font-size: 1.1em!important; line-height: 1.22em; 
display: block;
text-decoration: none; padding: 0px 15px 0px 15px; 
}	
	
	
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
	
	.menu ul li a {
display: block;
text-decoration: none; padding: 15px 15px 15px 15px;
 /* background-color: rgba(255, 255, 255, 1.0); */
}
.menu > ul > li > a {font-size: 1.1em!important; line-height: 1.22em; 
display: block;
text-decoration: none; padding: 0px 10px 0px 10px; 
}	
	
}



.menu > ul > li > a {
font-size: 1.22em ; line-height: 1.22em;  font-weight: 700; font-family:'Pretendard'; color: #000 !important; float: left ; display: block;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;  line-height: 50px; letter-spacing:-1.5px
}
header.small .menu > ul > li > a {
font-size: 1.22em ; line-height: 1.22em;  font-weight: 700; font-family:'Pretendard'; color: #333 !important; float: left ; display: block;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;  line-height: 50px; letter-spacing:-1.5px
}
.menu > ul > li:hover > a {
color:var(--div-color1)!important ; 
}
.menu > ul > li > a.on {
color: var(--div-color1) !important;  
}
header.large .menu > ul > li > a.on {
color: var(--div-color1) !important;  
}
header.small .menu > ul > li > a.on {
color: var(--div-color1) !important;  
}
.menu > ul > li:hover::after {
border-top-color: #ffffff; 
}




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#gmenu {position:absolute;	top:0px;	right:0%; z-index:999999999999999999999999999999999999; }
header.large #gmenu {	position:absolute;		top:0px;right:0%;z-index:999999999999999999999999999999999999; display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box}
header.small #gmenu {	position:absolute;	top:0px;	right:0%; z-index:999999999999999999999999999999999999; display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box}


#gmenu .loginbtn{width: 70px; height: 100px;  float: left; display: flex;  justify-content: center;  align-items: center;  color:rgba(0, 0, 0, 0.5) ;font-family:'Pretendard'; font-weight: 700; font-size: 16px; cursor: pointer}	

#gmenu .loginbtn:hover{  color:rgba(0, 0, 0,1) ;}	
	
	
#gmenu .joinbtn{width: 70px; height: 100px;  float: left; display: flex;  justify-content: center;  align-items: center;  color:rgba(0, 0, 0, 0.5) ;font-family:'Pretendard'; font-weight: 700; font-size: 16px; cursor: pointer}	

#gmenu .joinbtn:hover{  color:rgba(0, 0, 0,1) ;}	
	



}
/**** pc2 ****/
@media all and (max-width:1540px) and (min-width:1279px) {

#gmenu {position:absolute;	top:0px;	right:0px; z-index:999999999999999999999999999999999999; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

#gmenu {position:absolute;	top:0px;	right:00px; z-index:999999999999999999999999999999999999; }
header.large #gmenu {	position:absolute;		top:0px;right:0%;z-index:999999999999999999999999999999999999; display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box}
header.small #gmenu {	position:absolute;	top:0px;	right:0%; z-index:999999999999999999999999999999999999; display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box}

#gmenu .loginbtn{width: 70px; height: 80px;  float: left; display: flex;  justify-content: center;  align-items: center; color:rgba(0, 0, 0, 0.5) ;font-family:'Pretendard'; font-weight: 700; font-size: 14px ;}		


#gmenu .joinbtn{width: 70px;height: 80px; float: left; display: flex;  justify-content: center;  align-items: center; color:rgba(0, 0, 0, 0.5) ;font-family:'Pretendard'; font-weight: 700; font-size: 14px ;}	

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#gmenu {display: none;}

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




.tophead_member{width:100%; float: left;padding: 0px 0px; }

.tophead_member .memberinfo{width:100%; float: left;  padding-left:50px; position: relative;  color: #fff; font-size: 13px; margin-bottom: 15px; font-family:'Pretendard';
font-weight: 400; padding: 22px 0px 0px 60px}

.tophead_member .memberinfo:before{content: "\ea0d";   font-family: unicons-line; position: absolute; left: 30px; top: 20px; color: #fff; font-size: 20px}

.tophead_membern .memberinfo .label{ padding: 0px 7px; color: #fff; font-size: 12px; ont-family:  'NanumSquare', sans-serif;
font-weight: 400; position: absolute; left: 25px; top: -3px;border-radius: 4px; line-height: 25px;  background-color: var(--div-point2); }


.tophead_member .memberinfo_loginbefore{width:100%; float: left;  padding-left:50px; padding: 22px 0px 20px 70px; position: relative; background-color:#111 ; margin-top: -5PX}
.tophead_member .memberinfo_loginbefore i{position: absolute; left: 20px; top:25px; color: #fff;font-size:40px;}
.tophead_member .memberinfo_loginbefore .tx{width:100%; float: left;  color: #fff;font-size: 14px; margin-bottom: 5PX}
.tophead_member .memberinfo_loginbefore .btn_login{width:auto; float: left;  color: #fff;font-size: 12px; background-color: var(--div-color1); border-radius: 6PX; padding: 3PX 10PX}



.tophead_member .memberbtn{width:100%; float: left;  background-color: var(--div-color1); padding: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap:5px;}
.tophead_member .memberbtn .iconbox{width:100%; float: left; display: flex;  justify-content: center;  align-items: center;flex-direction: column; text-align: center; padding-left: 20px; position: relative}
.tophead_member .memberbtn .iconbox i{color: #fff; font-size: 25px;  margin-bottom: 10px; position: absolute; left: 10px; top:-3px}
.tophead_member .memberbtn .iconbox .tx{width:100%; float: left;  color: #666; font-size: 13px;  }



.tophead_member .memberbtn a{width:auto; float: left; font-size: 12px; color: #fff; margin: 0px 5px 0px 0px; 
font-family:'Pretendard';font-weight: 700}





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.memberbtn2	{  width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr);overflow: hidden;   }
.memberbtn2>.my_list{  width: 100%; float: left;background-color:#111; padding: 10px 10px 10px 40px;font-family:'Pretendard'; font-weight:700; color:#fff; 	font-size:13px; letter-spacing: -1px; position: relative; cursor:pointer;overflow: hidden;border-bottom: 1px solid #333!important ; border-right: 1px solid #333!important ;  }	

.memberbtn2>.my_list:nth-child(2n){  border-right: none; }	



}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {


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

.memberbtn2	{  width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr);overflow: hidden;   }
.memberbtn2>.my_list{  width: 100%; float: left;background-color:#111; padding: 10px 10px 10px 40px;font-family:'Pretendard'; font-weight:700; color:#fff; 	font-size:13px; letter-spacing: -1px; position: relative; cursor:pointer;overflow: hidden;border-bottom: 1px solid #333!important ; border-right: 1px solid #333!important ;  }	

.memberbtn2>.my_list:nth-child(2n){  border-right: none; }	



}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
.memberbtn2		{  width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #EEE;  }
}
/* 구분 //end -----------------------------------*/







.infobox.main{width:100%; float: left;padding: 20px 10px}





#body_area_in2{width:100%;     float: left; padding:200px 0px 50px;
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 */  
background-color: #F8FAFD	
}




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

#m_menu {  position:absolute;	top:35px; left:0px; z-index:999999999999999999999999999999999999!important;  cursor: pointer; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; display: none }
/*header.large #m_menu {	position:absolute;top:35px; left:0px; z-index:999999999999999999999999999999999999;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   display: none}*/
header.large #m_menu {	position:absolute;top:35px; left:0px; z-index:1000;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   display: none}
/*header.small #m_menu {	position:absolute;top:35px;  left:0px; z-index:999999999999999999999999999999999999; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  display: none}*/
header.small #m_menu {	position:absolute;top:35px;  left:0px; z-index:1000; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  display: none}


#m_menu_pc { position:fixed;	top:35px; left:0px; z-index:999999999999999999999999999999999999;  cursor: pointer; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
/*header.large #m_menu_pc{	position:fixed;top:35px; left:0px; z-index:999999999999999999999999999999999999;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  }*/
header.large #m_menu_pc{	position:fixed;top:35px; left:0px; z-index:1000;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  }
/*header.small #m_menu_pc {	position:fixed;	top:35px; left:0px; z-index:999999999999999999999999999999999999; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }*/
header.small #m_menu_pc {	position:fixed;	top:35px; left:0px; z-index:1000; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }


.bar1, .bar2, .bar3 {  width: 20px;  height: 2px;  background-color: #000;  margin: 4.5px 0;  transition: 0.4s ;  display: none}
header.large .bar1,  header.large .bar2,  header.large .bar3 {  width: 20px;  height: 2px;  background-color: #000;  margin: 4.5px 0;  transition: 0.4s;  display: none}
header.small .bar1,  header.small .bar2,  header.small .bar1,  header.small .bar3{  width: 20px;  height: 2px;  background-color: #000;  margin: 4.5px 0;  transition: 0.4s;  display: none}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#m_menu { position:fixed;	top:16px; left:20px; z-index:999999999999999999999999999999999999;  cursor: pointer; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
/*header.large #m_menu {	 position:fixed;top:16px; left:20px; z-index:999999999999999999999999999999999999;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  }*/
header.large #m_menu {	 position:fixed;top:16px; left:20px; z-index:1000;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  }
/*header.small #m_menu {	 position:fixed;	top:16px; left:20px; z-index:999999999999999999999999999999999999; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }*/
header.small #m_menu {	 position:fixed;	top:16px; left:20px; z-index:1000; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }



.bar1,  .bar2 ,  .bar3 {  width: 20px;  height: 2px;  background-color: #000;  margin: 4.5px 0;  transition: 0.4s;}
header.large .bar1,  header.large .bar2,  header.large .bar3 {  width: 20px;  height: 2px;  background-color: #000;  margin: 4.5px 0;  transition: 0.4s;}
header.small .bar1,  header.small .bar2 ,  header.small .bar3{  width: 20px;  height: 2px;  background-color: #000;  margin: 4.5px 0;  transition: 0.4s;}



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

/* 구분 //end -----------------------------------*/






.tabcontent{float: left; width: 100% ; z-index: 3}



.sp_30{width:100%; float:left!important; height: 30px;}


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.quick_body_close{width: 300px;  height: 100vh; background-color:#333;  	position:fixed; left:-300px;	 z-index:9999999999999999999; 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 */  ; padding: 0px 20px;box-sizing: border-box

}
.quick_body_open{ width: 300px;  height: 100vh;   background-color:#333;   	position:fixed;		top:0px;	left:0px;  z-index:9999999999999999; padding: 0px 0px;box-sizing: border-box}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.quick_body_close{width: 300px;  height: 100vh; background-color:#333;  	position:fixed; left:-300px;	 z-index:9999999999999999999;  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 */  ; padding: 0px 20px;box-sizing: border-box

}
.quick_body_open{ width: 300px;  height: 100vh;   background-color:#333;   	position:fixed;		top:0px;	left:0px; z-index:9999999999999999999;  padding: 0px 0px;box-sizing: border-box}

}





/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/
/* PC 오른쪽 글로벌 메뉴  */
/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.quick_head{ width: 100%;  float: left;  color: #fff ; padding: 0PX 0PX ; margin-bottom:5px;  margin-top: 5px; font-size: 13px}
.quick_head .close{ position: absolute; right: 40px; top: 25px;cursor: pointer;}

.quick_head .close:before{ color: #fff; font-size: 20px; cursor: pointer;width: 30px; height: 30px; float: left;z-index: 1; content: "\e9b3";   font-family: unicons-line; position: absolute; left: 0px; top: 0px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.quick_head{ width: 100%; float: left;  color: #fff ; padding: 0PX 0PX ; margin-bottom:5px;  margin-top: 5px; font-size: 13px}
.quick_head .close{ position: absolute; right: 10px; top: 25px; width: 30px; height: 30px; float: left; cursor: pointer; z-index: 2}

.quick_head .close:before{ color: #fff; font-size: 20px; cursor: pointer;width: 30px; height: 30px; float: left;z-index: 1; content: "\e9b3";   font-family: unicons-line; position: absolute; left: 0px; top: 0px}


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


.quick_menu{ width: 100%;  float: left;   padding: 10px 10px}
.quick_menu ul{ width: 100%;  float: left; display: grid; grid-template-columns: repeat(2, 1fr);grid-gap: 5px }
.quick_menu ul li{ width: 100%;  float: left;  }
.quick_menu ul li a{ width: 100%;  float: left;  padding: 10px 10px;  border-radius: 5px; color: #fff; font-size: 13px; ;background-color: #282828}
.quick_menu ul li a:hover{ width: 100%;  float: left;  padding: 10px 10px;  border-radius: 5px; color: #fff; font-size: 13px; ;background-color: var(--div-color1)}




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.quick_body2_close{width: 300px;  height: 100vh; background-color:#fff;  	position:fixed; right:-300px!important;	 z-index:9999999999999999999; 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 */  ; padding: 0px 20px;box-sizing: border-box

}
.quick_body2_open{ width: 300px;  height: 100vh;   background-color:#fff;   	position:fixed;		right:0px;	left:0px;  z-index:9999999999999999; padding: 0px 20px;box-sizing: border-box; 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 */  ; }


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.quick_body2{width: 300px;  height: 100vh; background-color:#fff;  	position:fixed; right:-300px;	 z-index:9999999999999999999;  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 */  ; padding: 0px 20px;box-sizing: border-box;   box-shadow:none;

}
.quick_body2_close{width: 300px;  height: 100vh; background-color:#fff;  	position:fixed; right:-300px;	 z-index:9999999999999999999;  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 */  ; padding: 0px 20px;box-sizing: border-box;   box-shadow:none;

}
.quick_body2_open{ width: 300px;  height: 100vh;   background-color:#fff;   	position:fixed!important;	right:0px;	z-index:9999999999999999999;  padding: 0px 20px;box-sizing: border-box;  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 */  ;   box-shadow:3px 3px 30px rgba(0,0,0,0.3);}

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


.quick_info_top{ width: 100%; float: left; height: 60px; line-height: 60px; position: relative}	
.quick_info_top .close{ width:60px; height: 60px;float: left; line-height: 60px; position: relative}	
.quick_info_top .close:before{ width:60px; height: 60px;float: left; line-height: 60px;position: absolute; left: 0px; top: 0px; content: "\e9b8";   font-family: unicons-line; color: #333; font-size: 30px}	

.quick_info_cont{ width: 100%; float: left; background-color: #f7f7f7; padding: 20px; border-radius: 10px; text-align: left!important; margin: 20px 0px}	
.quick_info_cont .tx1{ width: 100%; float: left;font-size: 13px; text-align: center; font-family: 'NanumSquareAcr';text-align: left!important;  border-bottom: 1px dashed #ccc; padding:7px 0px}	
.quick_info_cont .tx1 em{ font-family: 'NanumSquareAcb';}	



/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Sub_Topbg{ width: 100%;  float: left;  height: auto;  padding: 50px 30px; overflow: hidden ; 
background-color: var(--div-com); margin-bottom: 50px; margin-top: 100px;}

.Sub_Topbg.pc{ }	
.Sub_Topbg.mobile{ display: none!important}		
.sub_toptitle_com{ width: 100%;  float: left;  height: 300px;  position: relative ; display: flex;  justify-content: center;  align-items: center; padding: 0px 30px; overflow: hidden ; background-color: var(--div-com)}
.sub_bg{ width: 100%;  float: left;   }



.sub_bg_com{ width: 100%;  float: left;  height: 300px;  position: absolute; left: 0px; top: 0px}	

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Sub_Topbg{ width: 100%;  float: left;  height:150px; padding: 0px 30px; overflow: hidden;
background-color: var(--div-com) ; margin-top: 60PX;}
.Sub_Topbg.pc{ display: none!important }	
.Sub_Topbg.mobile{ }		
.sub_toptitle_com{ width: 100%;  float: left;  height: 180px;   position: relative ; display: flex;  justify-content: center;  align-items: center; padding: 0px 00px; overflow: hidden ; background-color: var(--div-com); display: none}
.sub_topicon{ width:120px;  float: left; position: absolute;left: -10px; top:0px; height:100%; }

.sub_bg01{background: url("../images/common/sub_topbg01.png") no-repeat center center;  background-size:100%; }
.sub_bg02{background: url("../images/common/sub_topbg02.png") no-repeat  center center;  background-size:100%;;  }
.sub_bg03{background: url("../images/common/sub_topbg03.png") no-repeat  center center;  background-size:100%;  }
.sub_bg04{background: url("../images/common/sub_topbg04.png") no-repeat  center center; background-size:100%; }
.sub_bg05{background: url("../images/common/sub_topbg05.png") no-repeat  center center;  background-size:100%;}
.sub_bg06{background: url("../images/common/sub_topbg06.png") no-repeat  center center;  background-size:100%; }
.sub_bg07{background: url("../images/common/sub_topbg07.png") no-repeat  center center;  background-size:100%; }
.sub_bg08{background: url("../images/common/sub_topbg08.png") no-repeat  center center;  background-size:100%;}
.sub_bg09{background: url("../images/common/sub_topbg09.png") no-repeat  center center;  background-size:100%; }
.sub_bg10{background: url("../images/common/sub_topbg10.png") no-repeat  center center;  background-size:100%; }
.sub_bg12{background: url("../images/common/sub_topbg12.png") no-repeat  center center;  background-size:100%; }
.sub_bg15{background: url("../images/common/sub_topbg15.png") no-repeat  center center;  background-size:100%; }

.sub_bg_com{background: url("../images/common/sub_topbg10.png") no-repeat;  background-size:130px; width: 100%;  float: left;  height: 250px; position: absolute; left: 0px; top:100px; display: none}	

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




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.sub_top_menu{width:100%; height: 100%;    float: left; display: grid; grid-template-columns: repeat(10, 1fr); gap:20px; display: flex;  justify-content: center;  align-items: center;}	
.sub_top_menu>.top_menu_list{width:100%;   float: left; cursor:pointer; position: relative; display: flex;  justify-content: center;  align-items: center;flex-direction: column;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}	

.sub_top_menu>.top_menu_list .top_menu_tx{width:100%;   float: left; font-family:  'NanumSquare_ac', sans-serif;  color:#3a3a3a; font-weight:700 ;  font-size: var(--f-17);line-height: 100%; ;letter-spacing: -1px; text-align: center ; margin-top: 10px}		

.sub_top_menu>.top_menu_list .top_menu_icon01{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon01:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url("../images/main/list_icon01.png")no-repeat center center; background-size:55px}	

.sub_top_menu>.top_menu_list .top_menu_icon02{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon02:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon02.png")no-repeat center center; background-size:42px}	

.sub_top_menu>.top_menu_list .top_menu_icon03{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon03:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon03.png")no-repeat center center; background-size:50px}	

.sub_top_menu>.top_menu_list .top_menu_icon04{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon04:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon04.png")no-repeat center center; background-size:50px}	

.sub_top_menu>.top_menu_list .top_menu_icon05{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon05:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon05.png")no-repeat center center; background-size:50px}	

.sub_top_menu>.top_menu_list .top_menu_icon06{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon06:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon06.png")no-repeat center center; background-size:45px}	

.sub_top_menu>.top_menu_list .top_menu_icon07{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon07:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon07.png")no-repeat center center; background-size:45px}	
.sub_top_menu>.top_menu_list .top_menu_icon08{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon08:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon08.png")no-repeat center center; background-size:40px}	
.sub_top_menu>.top_menu_list .top_menu_icon09{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon09:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon09.png")no-repeat center center; background-size:50px}

.sub_top_menu>.top_menu_list .top_menu_icon10{width:80px; height: 80px;   float: left; border-radius: 15px; background-color: #fff; margin-bottom: 10px; position: relative}	
.sub_top_menu>.top_menu_list .top_menu_icon10:before{width:60px; height:60px;  position: absolute; left:10px; top:10px;  content: ""; font-family: unicons-line; 
background: url( "../images/main/list_icon10.png")no-repeat center center; background-size:45px}	


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.sub_top_menu{width:100%; height: 100%;    float: left; display: grid; grid-template-columns: repeat(10, 1fr); gap:7px; display: flex;  justify-content: center;  align-items: center;}
.sub_top_menu>.top_menu_list .top_menu_tx{ font-size:15px;}		

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


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

}
/* 구분 //end -----------------------------------*/




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {


.sub_top_menu>.top_menu_list .top_menu_iconbg{background-color: #fff; 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 */  }		


.sub_top_menu>.top_menu_list.on .top_menu_iconbg{background-color: #6766fe;box-shadow:1px 2px 8px 8px  rgba(103,102,254,0.2);}	
.sub_top_menu>.top_menu_list:hover .top_menu_iconbg{background-color: #fff;box-shadow:1px 2px 8px 8px  rgba(147,147,175,0.10);}	
.sub_top_menu>.top_menu_list.on:hover .top_menu_iconbg{background-color:#6766fe;box-shadow:1px 2px 8px 8px  rgba(147,147,175,0.10);}	



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


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

}
/* 구분 //end -----------------------------------*/









/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.sub_toptitle2{ width: 100%;  float: left;  height:60px;background-color: var(--div-com); position: relative ; display: flex;  justify-content: center;  align-items: center; padding: 0px 30px; overflow: hidden}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.sub_toptitle2{ width: 100%;  float: left;  height:90px;background-color: var(--div-com); position: relative ; display: flex;  justify-content: center;  align-items: center; padding: 0px 30px; overflow: hidden}

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


@-webkit-keyframes ani_top {
0%{ 	-webkit-transform: scale(1.3);
transform: scale(1.3);}
100% {-webkit-transform: scale(1.0);
transform: scale(1.0);}
}

/* Standard syntax */
@keyframes ani_top {
0%{ 	-webkit-transform: scale(1.3);
transform: scale(1.3);}
100% {-webkit-transform: scale(1.0);
transform: scale(1.0);}
}
/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Mo_Titlebox{ display: NONE} 

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Mo_Titlebox{ width: 100%; height: 100%;  float: left; position: relative;  padding: 0PX 0PX 0PX 38%; display: flex;  justify-content: center;  align-items: center;flex-direction: column;} 
.Mo_Titlebox .B_title{ width: 100%; float: left; font-family: 'NanumSquareAceb';font-size:20px; color: #4c4c4c; z-index: 3; position: relative ; margin-bottom: 10PX }
.Mo_Titlebox .B_title em{ width: 100%; float: left;  font-family: 'NanumSquareAcb'; font-size:13px; color: #4c4c4c; margin-left: 0px} 
.Mo_Titlebox .Info_tx{width: 100%; float: left;font-family: 'NanumSquareAcr';font-size:13px; color: #4c4c4c; z-index: 3; position: relative ;} 


.sub_toptitle .titlebox .inner .txt_info{width: 100%;  float: left; font-weight:500!important; font-size:12px; line-height: 130% ;color: #666;font-family:  'NanumSquare_ac', sans-serif;flex-wrap: 500!important; z-index: 3; position: relative ; margin-top: 20px} 
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.sub_body{ width: 100%;    float: left;  position: relative ;   background-color: #fff; z-index: 2; padding: 50px 0PX}

.sub_body2{ width: 100%;   float: left;  position: relative ;  background-color: #fff; z-index: 2; overflow: hidden; padding: 50px 0PX}
.sub_body3{ width: 100%;    float: left;  position: relative ;   background-color: #fff; z-index: 2; overflow: hidden; padding: 50px 0PX}	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.sub_body{ width: 100%;    float: left;  position: relative ;   background-color: #fff; z-index: 2; padding: 20px 0PX}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.sub_body{ width: 100%;   float: left;  position: relative ; background-color: #fff; z-index: 2; overflow: hidden; padding: 0px 20px 50px}
.sub_body2{ width: 100%;  float: left;  position: relative ;  background-color: #fff; z-index: 2; overflow: hidden; padding: 30px 20px 50px}
.sub_body3{ width: 100%;   float: left;  position: relative ;   background-color: #fff; z-index: 2; overflow: hidden; padding: 0PX}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/

.allmenu_layer{width: 100%; float: left;background-color: #333; position: fixed; left: 0px; top: 0px; height: 100vh;  display: none; z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important; padding: 200px 0px}
.allmenu_layer .close{width: 50px; height: 50px; position: relative; float: left; position: absolute; right: 100px; top: 100px;  cursor: pointer}
.allmenu_layer .close:before{width: 50px; height: 50px;position: absolute; left: 0px; top: 0px; color: #fff; content: "\e9b3";   font-family: unicons-line;font-size: 50px}


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.allmenu_layer .inner .all_menu_in{width: 100%; float: left; padding: 0px 10% }
.allmenu_layer .inner .all_menu_in ul {width: 100%; float: left; ;display: grid; grid-template-columns: repeat(4, 1fr); gap:50px; }
.allmenu_layer .inner .all_menu_in ul li{width: 100%; float: left; padding: 30px 0px ; ; border-left: 1px solid rgba(204,204,204,0.1); padding-left: 50px; }}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.allmenu_layer .inner .all_menu_in{width: 100%; float: left; padding: 0px}
.allmenu_layer .inner .all_menu_in ul {width: 100%; float: left; ;display: grid; grid-template-columns: repeat(4, 1fr); gap:30px; }
.allmenu_layer .inner .all_menu_in ul li{width: 100%; float: left; padding: 30px 0px ; ; border-left: 1px solid rgba(204,204,204,0.1); padding-left:20px; }

}
/**** 모바일 ****/
@media only all and (max-width:767px) {.allmenu_layer .inner .all_menu_in{width: 100%; float: left; padding: 0px  }
.allmenu_layer .inner .all_menu_in ul {width: 100%; float: left; ;display: grid; grid-template-columns: repeat(2, 1fr); gap:20px; }
.allmenu_layer .inner .all_menu_in ul li{width: 100%; float: left; padding: 30px 0px ; ; border-left: 1px solid rgba(204,204,204,0.1); padding-left: 20px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.allmenu_layer .inner .all_menu_in ul li .b_menu{width: 100%; float: left;font-size:26px; color: #fff; margin-bottom: 20px;padding-bottom: 20px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; cursor: pointer}
.allmenu_layer .inner .all_menu_in ul li .b_menu:hover{ color: var(--div-color1);}}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.allmenu_layer .inner .all_menu_in ul li .b_menu{width: 100%; float: left;font-size:18px; color: #fff; margin-bottom:10px;padding-bottom: 10px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; cursor: pointer}
.allmenu_layer .inner .all_menu_in ul li .b_menu:hover{ color: var(--div-color1);}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.allmenu_layer .inner .all_menu_in ul li .b_menu{width: 100%; float: left;font-size:18px; color: #fff; margin-bottom: 20px;padding-bottom: 20px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; cursor: pointer}
.allmenu_layer .inner .all_menu_in ul li .b_menu:hover{ color: var(--div-color1);}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.allmenu_layer .inner .all_menu_in ul li .m_menu{width: 100%; float: left; display: flex;flex-direction: row; grid-gap: 10px; color: #ccc;flex-direction: column;}
.allmenu_layer .inner .all_menu_in ul li .m_menu a{width:auto; float: left;  color: rgba(255,255,255,0.61); font-size: 16px; padding-left: 20px; position: relative; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.allmenu_layer .inner .all_menu_in ul li .m_menu a:before{width:auto; float: left;  color: rgba(255,255,255,0.61); font-size: 16px; position: absolute; left: 0px; top: 10px; width: 5px; height: 5px; border-radius: 100%; content: "";  background-color: #fff ;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}

.allmenu_layer .inner .all_menu_in ul li .m_menu a:hover{width:auto; float: left;  color:var(--div-color1); font-size: 16px; padding-left: 20px; position: relative}
.allmenu_layer .inner .all_menu_in ul li .m_menu a:hover:before{width:auto; float: left;  color: var(--div-color1); font-size: 16px; position: absolute; left: 0px; top: 10px; width: 5px; height: 5px; border-radius: 100%; content: "";  background-color:  var(--div-color1) }

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.allmenu_layer .inner .all_menu_in  ul li .b_menu_only{width: 100%; float: left;font-size: 20px; color: #fff; }

.allmenu_layer .inner .all_menu_in   ul li .b_menu_only a{width: 100%; float: left; color: #fff; text-align: left; margin-bottom:30px; font-size: 26px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  cursor: pointer
}
.allmenu_layer .inner .all_menu_in   ul li .b_menu_only a:hover{color: var(--div-color1);}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

.allmenu_layer .inner .all_menu_in  ul li .b_menu_only{width: 100%; float: left;font-size: 18px; color: #fff; }

.allmenu_layer .inner .all_menu_in   ul li .b_menu_only a{width: 100%; float: left; color: #fff; text-align: left; margin-bottom:30px; font-size: 18px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  cursor: pointer
}
.allmenu_layer .inner .all_menu_in   ul li .b_menu_only a:hover{color: var(--div-color1);}



}
/**** 모바일 ****/
@media only all and (max-width:767px) {.allmenu_layer .inner .all_menu_in  ul li .b_menu_only{width: 100%; float: left;font-size: 20px; color: #fff; }

.allmenu_layer .inner .all_menu_in   ul li .b_menu_only a{width: 100%; float: left; color: #fff; text-align: left; margin-bottom:30px; font-size: 26px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  cursor: pointer
}
.allmenu_layer .inner .all_menu_in   ul li .b_menu_only a:hover{color: var(--div-color1);}



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