@charset "utf-8";

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.mypage_list{width: 100%; float: left;   display: flex;b
justify-content:flex-start;  align-items: center; flex-direction:column; box-sizing: border-box; }		
.mypage_list>div{width: 100%; float: left; background-color:#fff; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:17px; line-height: 130%; padding: 15px 15px 15px 50px; text-align: left; border: 1px solid  #eee; margin-bottom: 5px; border-radius: 4px;   box-shadow:3px 3px 30px rgba(0,0,0,0.02); position: relative
 }	
	
.mypage_list>div:first-child:before{ content: "\e827";    font-family: unicons-line;  width:30px; height: 30px;   position: absolute; left:15px; top:15px;  font-size: 28px;	 color: #fff; z-index: 999999999999999}	

.mypage_list>div:nth-child(2):before{ content: "\e960";    font-family: unicons-line;  width:30px; height: 30px;   position: absolute; left:15px; top:15px;  font-size: 28px;	 color: #eee; z-index: 999999999999999}	

	
/* Create an active/current tablink class */
.mypage_list>div.active {
  color:#fff!important; background-color:var(--div-color1)!important
}	
.mypage_list>div.active:first-child:before{ color: #eee; }	

.mypage_list>div.active:nth-child(2):before{  color: #fff; }	
	
	
.mypage_list_fr	{width: 100%; float: left;}	
/* Style the tab content */	
.mypage_list_fr	.list_cont{width: 100%; float: left; }	
	
.mypage_list_fr	.list_cont .list_cont_tit{float:left; width:100%;  color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:35px; margin: 15px 0px; }
.mypage_list_fr	.list_cont .list_cont_tit:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/mypage_icon.svg")no-repeat left top; background-size: 30px; position: absolute; left:0px; top:-3px; 	}	
	

.list_cont .list_cont_tit2{float:left; width:100%;  color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative;  margin: 15px 0px; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.mypage_list{width: 100%; float: left;   display: flex; margin-top:60px;
justify-content:flex-start;  align-items: center; flex-direction:column; box-sizing: border-box; }		
.mypage_list>div{width: 100%; float: left; background-color:#fff; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:17px; line-height: 130%; padding: 15px 15px 15px 50px; text-align: left; border: 1px solid  #eee; margin-bottom: 5px; border-radius: 4px;   box-shadow:3px 3px 30px rgba(0,0,0,0.02); position: relative
 }	
	
.mypage_list>div:first-child:before{ content: "\e827";    font-family: unicons-line;  width:30px; height: 30px;   position: absolute; left:15px; top:15px;  font-size: 28px;	 color: #fff; z-index: 999999999999999}	

.mypage_list>div:nth-child(2):before{ content: "\e960";    font-family: unicons-line;  width:30px; height: 30px;   position: absolute; left:15px; top:15px;  font-size: 28px;	 color: #eee; z-index: 999999999999999}	

	
/* Create an active/current tablink class */
.mypage_list>div.active {
  color:#fff!important; background-color:var(--div-color1)!important
}	
.mypage_list>div.active:first-child:before{ color: #eee; }	

.mypage_list>div.active:nth-child(2):before{  color: #fff; }	
	
	
.mypage_list_fr	{width: 100%; float: left;}	
/* Style the tab content */	
.mypage_list_fr	.list_cont{width: 100%; float: left; }	
	
.mypage_list_fr	.list_cont .list_cont_tit{float:left; width:100%;  color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:35px; margin: 15px 0px; }
.mypage_list_fr	.list_cont .list_cont_tit:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/mypage_icon.svg")no-repeat left top; background-size: 30px; position: absolute; left:0px; top:-3px; 	}	
	

.list_cont .list_cont_tit2{float:left; width:100%;  color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative;  margin: 15px 0px; }

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






/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.user_casebox{width:100%;  float: left;  display: grid; grid-template-columns: repeat(3, 1fr); gap:20px; grid-template-rows:350px; }	
.user_casebox>.user_case {width: 100%;	 float: left; position: relative;	border: 1px solid #ccc; border-radius: 20px; }

.user_casebox>.user_case .img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom:70%; cursor: pointer;
border-radius: 20px 20px 0px 0px;	

}
.user_casebox>.user_case .img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 20px 20px 0px 0px; overflow: hidden; background-color: #000;
	
}	

	
.user_case .user_case_top{width: calc(100% - 80px); float: left; position: absolute; left:40px; top:40px;  z-index: 99;}		
.user_case .user_case_top .sub_ing_labal01{width:65px; background-color:var(--div-color1) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}	/*진행중 */
.user_case .user_case_top .sub_ing_labal02{width:65px; background-color:var(--div-color2) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*준비중 */		
.user_case .user_case_top .sub_ing_labal03{width:65px; background-color:var(--div-com2) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*종료중 */		
.user_case .user_case_top .sub_ing_labal04{width:65px; background-color:##F39F01 ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#F39F01;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*기타.. */		
	
.user_case .user_case_top .user_case_tt01{width:100%; float: left; font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; }		
	
	
 .user_case .user_case_top .user_case_tt02{width: 250px; float: left; font-size:17px; color: #fff; font-family: 'Pretendard'; font-weight: 500;  margin-bottom:5px; 
box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;

-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em;

-webkit-line-clamp: 1; /* 라인수 */

height: 1.2em; }
	
	
.user_case .user_case_bott{width: calc(100% - 40px); float: left;  display: grid; grid-template-columns: 1.2fr 1fr;  position: absolute; left:40px; bottom:40px;  z-index: 99; }			
.user_case .user_case_bott>div{width:100%; float: left;  }		

.user_case .user_case_bott>div:last-child{width:100%; float: left;   display: flex;
justify-content:flex-start;  align-items:flex-end; flex-direction:row; box-sizing: border-box; }			
	
	
.user_case_txt01{width:100%; float: left; font-family: 'Pretendard';  color:var(--div-color1);   font-weight: 700; font-size:17px; line-height: 100%; margin-bottom:5px; letter-spacing: -1px}
.user_case_txt02{width:100%; float: left; font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:17px; line-height: 100%; letter-spacing: -1px}	
	
	
.user_case_view{width:50%; height: 25px; float: left; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.user_case_view:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	

.user_case_like{width:50%; height: 25px; float: left; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}
.user_case_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.user_casebox{width:100%;  float: left;  display: grid; grid-template-columns: repeat(1, 1fr); gap:20px; grid-template-rows:350px; margin-bottom: 20px}	
.user_casebox>.user_case {width: 100%;	 float: left; position: relative;	border: 1px solid #ccc; border-radius: 20px; }

.user_casebox>.user_case .img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom:70%; cursor: pointer;
border-radius: 20px 20px 0px 0px;	

}
.user_casebox>.user_case .img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 20px 20px 0px 0px; overflow: hidden; background-color: #000;
	
}	

	
.user_case .user_case_top{width: calc(100% - 80px); float: left; position: absolute; left:40px; top:40px;  z-index: 99;}		
.user_case .user_case_top .sub_ing_labal01{width:65px; background-color:var(--div-color1) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}	/*진행중 */
.user_case .user_case_top .sub_ing_labal02{width:65px; background-color:var(--div-color2) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*준비중 */		
.user_case .user_case_top .sub_ing_labal03{width:65px; background-color:var(--div-com2) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*종료중 */		
.user_case .user_case_top .sub_ing_labal04{width:65px; background-color:##F39F01 ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#F39F01;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*기타.. */		
	
.user_case .user_case_top .user_case_tt01{width:100%; float: left; font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; }		
	
	
 .user_case .user_case_top .user_case_tt02{width: 250px; float: left; font-size:17px; color: #fff; font-family: 'Pretendard'; font-weight: 500;  margin-bottom:5px; 
box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;

-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em;

-webkit-line-clamp: 1; /* 라인수 */

height: 1.2em; }
	
	
.user_case .user_case_bott{width: calc(100% - 40px); float: left;  display: grid; grid-template-columns: 1.2fr 1fr;  position: absolute; left:40px; bottom:40px;  z-index: 99; }			
.user_case .user_case_bott>div{width:100%; float: left;  }		

.user_case .user_case_bott>div:last-child{width:100%; float: left;   display: flex;
justify-content:flex-start;  align-items:flex-end; flex-direction:row; box-sizing: border-box; }			
	
	
.user_case_txt01{width:100%; float: left; font-family: 'Pretendard';  color:var(--div-color1);   font-weight: 700; font-size:17px; line-height: 100%; margin-bottom:5px; letter-spacing: -1px}
.user_case_txt02{width:100%; float: left; font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:17px; line-height: 100%; letter-spacing: -1px}	
	
	
.user_case_view{width:50%; height: 25px; float: left; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.user_case_view:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	

.user_case_like{width:50%; height: 25px; float: left; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}
.user_case_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}		

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






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

.user_info{ width: 100%; float: left;  border: 1px solid #ccc;  background-color: #fff; padding:20px 30px; border-radius: 10px; margin-bottom: 30px}
.user_info .tr{ width: 100%;; float: left; padding: 15px ; border-bottom: 1px dashed #ccc; grid-template-columns: 30% auto ;display: grid;}
.user_info .tr:last-child{  border-bottom: none}

.user_info .tr .th{ width: 100%;; float: left;  font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:17px; line-height: 130%;}
.user_info .tr .td{ width: 100%;; float: left; font-family: 'Pretendard';  color:#333;   font-weight: 500; font-size:17px; line-height: 130%;}
.user_info .tr .td em{ padding-left:10px; font-family: 'Pretendard';  color:#333;   font-weight: 500; font-size:17px; line-height: 130%;}
	
.user_info .tr .td .login_icon{ width:30px; height: 30px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/kakao_icon.svg")no-repeat; background-size: 30px; position: absolute; left:0px; top:-5px}	
.user_info .tr .td .login_icon2{ width:25px; height: 25px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon2:before{content: "";   width:25px; height: 25px; background: url("../../images/sub/04/naver_icon.png")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px}	
.user_info .tr .td .login_icon3{ width:25px; height: 25px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon3:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/x_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px}	
.user_info .tr .td .login_icon4{ width:25px; height: 25px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon4:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/facebook_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px}		
		
.user_info .tr.total{ border-top: 1px solid #000; margin-top: -1px}		
.user_info .tr.total .th{ width: 100%; float: left; color: #000; font-size: 18px; font-family: 'Pretendard'; font-weight: 700; }
.user_info .tr.total .td{ width: 100%; float: left; color: #000; font-size: 18px; font-family: 'Pretendard'; font-weight: 700;}	
	

	
.date_check_info{ width: 100%; float: left; color: #000; font-size: 15px;font-family: 'NanumSquareAcr'; line-height: 150% ; text-align: right; margin-top: 10px}	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.user_info{ width: 100%; float: left;  border: 1px solid #ccc;  background-color: #fff; padding:20px 30px; border-radius: 10px; margin-bottom: 30px}
.user_info .tr{ width: 100%;; float: left; padding: 15px ; border-bottom: 1px dashed #ccc; grid-template-columns: 30% auto ;display: grid;}
.user_info .tr:last-child{  border-bottom: none}

.user_info .tr .th{ width: 100%;; float: left;  font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:17px; line-height: 130%;}
.user_info .tr .td{ width: 100%;; float: left; font-family: 'Pretendard';  color:#333;   font-weight: 500; font-size:17px; line-height: 130%;}
.user_info .tr .td em{ padding-left:10px; font-family: 'Pretendard';  color:#333;   font-weight: 500; font-size:17px; line-height: 130%;}
	
.user_info .tr .td .login_icon{ width:30px; height: 30px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/kakao_icon.svg")no-repeat; background-size: 30px; position: absolute; left:0px; top:-5px}	
.user_info .tr .td .login_icon2{ width:25px; height: 25px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon2:before{content: "";   width:25px; height: 25px; background: url("../../images/sub/04/naver_icon.png")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px}	
.user_info .tr .td .login_icon3{ width:25px; height: 25px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon3:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/x_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px}	
.user_info .tr .td .login_icon4{ width:25px; height: 25px; float: left;  position: relative;  }	
.user_info .tr .td .login_icon4:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/facebook_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-3px}		
		
.user_info .tr.total{ border-top: 1px solid #000; margin-top: -1px}		
.user_info .tr.total .th{ width: 100%; float: left; color: #000; font-size: 18px; font-family: 'Pretendard'; font-weight: 700; }
.user_info .tr.total .td{ width: 100%; float: left; color: #000; font-size: 18px; font-family: 'Pretendard'; font-weight: 700;}	

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









/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.pop_set {   float:left; width:100%; }
.pop_set .pop_inwrap{ float:left; width: 100%; display: grid; grid-template-columns:auto 120px; gap:5px;  }
.pop_set .pop_tit { float:left; width:100%; font-family: 'Pretendard'; font-weight:600; font-size: 16px; margin-bottom: 10px;color:#333; letter-spacing: -1px}
	
.pop_inwrap input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.pop_inwrap input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.pop_inwrap input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.pop_inwrap input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}

	
.pop_inwrap input[type=number] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.pop_inwrap input[type=number]:hover { border: 1px solid #ccc!important;  outline: none!important}
.pop_inwrap input[type=number]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.pop_inwrap input[type=number]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}	
	
	
.ad_btn2 { width: 100%; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 20px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard';   border-radius: 4px; background-color:#000; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer} 

	
.pop_set .pop_inwrap2{ float:left; width: 100%;   }

	
.pop_inwrap2 input[type=text].hold{width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #f1f1f1!important; border-radius: 4px !important;}
.pop_inwrap2 input[type=text].hold:hover { border: 1px solid #ccc!important;  outline: none!important}
.pop_inwrap2 input[type=text].hold:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#f1f1f1; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.pop_inwrap2 input[type=text].hold:focus:hover {border: 1px solid #333!important;  background-color: #f1f1f1!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}

	
.pop_inwrap2 input[type=number].hold{width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #f1f1f1!important; border-radius: 4px !important;}
.pop_inwrap2 input[type=number].hold:hover { border: 1px solid #ccc!important;  outline: none!important}
.pop_inwrap2 input[type=number].hold:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#f1f1f1; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.pop_inwrap2 input[type=number].hold:focus:hover {border: 1px solid #333!important;  background-color: #f1f1f1!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}	

	
.btn_box{width:100%;  float:left;   display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; }	

.btn_box .ad_btn3{ width:400px;  padding:20px 80px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:10px; background-color: var(--div-com2); margin-top: 20px; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); margin-bottom: 30px;cursor: pointer} 
.btn_box .ad_btn3:hover {  background-color: var(--div-color1); }	
	
	
	
}
/**** 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 -----------------------------------*/