#sec1 .left {
  width: clamp(250px, 15.63vw, 300px);
  padding: clamp(30px, 3.13vw, 60px) clamp(12px, 1.25vw, 24px) 0;
  border-right: 1px solid #eee;
}
#sec1 .left > .button_wrapper {
  position: relative;
}
#sec1 .left .campaign_btn {
  width: 100%;
}
#sec1 .left .campaign_btn:hover {
	/*transform: translateY(-2px);
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);*/
}
#sec1 .left .register_btn_wrapper {
  position: absolute;
  width: 100%;
  border: 1px solid #ddd;
  left: 0;
  top: calc(100% + 10px);
  background-color: #fff;
  display: none;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	z-index:1;
}
#sec1 .left .register_btn_wrapper li {
  font-size: clamp(13px, 0.73vw, 14px);
	line-height:clamp(38px, 2.19vw, 42px);
	letter-spacing:0;
  color: #111;
	transition:all .2s;
}
#sec1 .left .register_btn_wrapper li:hover {
	letter-spacing:0;
  color: var(--color-point);
  font-weight: 700;
}
#sec1 .left .register_btn_wrapper.on {
  display: block;
}
#sec1 .left .user_info {
	border-bottom:1px solid #ededed;
}
#sec1 .left .user_info h3 {
  font-size: clamp(16px, 0.94vw, 18px);
  font-weight: 700;
}
#sec1 .left .user_info .info_wrapper {
  border-radius: 4px 4px 0 0;
}
#sec1 .left .user_info .info_wrapper .tit {
	font-size: clamp(14px, 0.73vw, 14px);
	line-height: 3.57; /* 50px */
	font-weight: 600;
	padding:0 clamp(15px, 1.04vw, 20px);
	position:relative;
}
#sec1 .left .user_info .info_wrapper .tit::before {
	content:'';
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--color-point);
	margin-right:10px;
}
#sec1 .left .user_info .info_wrapper .txt_wrapper {
	padding:clamp(15px, 1.04vw, 20px);
	background:#f5f5f5;
}
#sec1 .left .user_info .info_wrapper .txt_wrapper p {
  font-size: clamp(12px, 0.68vw, 13px);
  color: #444;
	margin-bottom:8px;
}
#sec1 .left .user_info .info_wrapper .txt_wrapper p:last-child {
	margin-bottom:12px;
}
#sec1 .left .user_info .info_wrapper .charge_point_btn {
  width: 100%;
}
#sec1 .left .user_info .info_wrapper .charge_point_btn:hover {
}
#sec1 .left .user_info .info_wrapper .point_area {
  /* border: 1px solid #ddd; */
  background-color: #fff;
  border-radius: 4px;
  padding: clamp(10px, 0.78vw, 15px) 0;
}
#sec1 .left .user_info .info_wrapper .point_area span {
  font-size: clamp(12px, 0.73vw, 14px);
  font-weight: 500;
  color: #444;
}
#sec1 .left .user_info .info_wrapper .point_area .point {
  font-size: clamp(14px, 0.83vw, 16px);
  font-weight: 700;
  color: #444;
}
#sec1 .left .menu > ul > li > a {
	padding:0 clamp(10px, 0.52vw, 10px);
  font-size: clamp(14px, 0.83vw, 16px);
	font-weight: 500;
  line-height: clamp(40px, 2.6vw, 50px);
  transition: all 0.2s ease;
}
#sec1 .left .menu > ul > li > a:hover {
	color: var(--color-point);
}
#sec1 .left .menu > ul > li > a.on {
	color: var(--color-text-point);
}
#sec1 .left .menu > ul .payment_list_wrapper > a {
	position:relative;
}
#sec1 .left .menu > ul .payment_list_wrapper > a::after {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:clamp(10px, 0.52vw, 10px);
	content:'';
	width:9px;
	height:5px;
	background-image: url(../img/down_arrow_1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition:all .3s;
}
#sec1 .left .menu > ul .payment_list_wrapper ul {
  background-color: #f7f7f7;
  width: 100%;
  padding: clamp(10px, 0.78vw, 15px);
}
#sec1 .left .menu > ul .payment_list_wrapper ul li a {
  font-size: clamp(12px, 0.68vw, 13px);
  line-height: 2;
	color:#888;
	transition:all 0.3s;
}
#sec1 .left .menu > ul .payment_list_wrapper ul li a:hover {
	color:var(--color-point);
}
#sec1 .left .menu > ul .payment_list_wrapper ul li a.on {
	color:var(--color-text-point);
	font-weight: 700;
}


#sec1 .left .menu > ul .payment_list_wrapper ul .on a {
  font-weight: 700;
}
#sec1 .left .menu > ul .payment_list_wrapper.open > a::after {
	transform:translateY(-50%) rotate(180deg);

}
#sec1 .left .menu > ul .cs_sub a {
  font-size: clamp(12px, 0.73vw, 14px);
  color: #888;
  line-height: 2.3;
  font-weight: 500;
}


#sec1 .left .profile_wrapper {
  flex-direction: column;
	border-bottom: 1px solid #ededed;
}
#sec1 .left .profile_wrapper .profile_img {
  width: clamp(120px, 6.25vw, 120px);
  height: clamp(120px, 6.25vw, 120px);
  border-radius: 50%;
  position: relative;
}
#sec1 .left .profile_wrapper .profile_img img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#sec1 .left .profile_wrapper .profile_img .photo_btn {
  width: clamp(30px, 1.56vw, 30px);
  height: clamp(30px, 1.56vw, 30px);
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-image: url(../img/photo_icon.svg);
  background-size: clamp(18px, 0.94vw, 18px);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
#sec1 .left .profile_wrapper .profile_txt .name {
  font-size: clamp(20px, 1.04vw, 20px);
  font-weight: 700;
}
#sec1 .left .profile_wrapper .profile_txt .rating .icon {
  width: clamp(18px, 0.94vw, 18px);
  height: clamp(18px, 0.94vw, 18px);
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 5px;
}
#sec1 .left .profile_wrapper .profile_txt .rating p {
  font-size: clamp(14px, 0.73vw, 14px);
  font-weight: 700;
}
#sec1 .left .profile_wrapper .point_area {
	background-color: #F5F5F5;
	background-image: url(../img/right_arrow_1.svg);
  background-size: 5px 9px;
  background-position: center right clamp(15px, 1.04vw, 20px);
  background-repeat: no-repeat;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
  width: 100%;
  padding: 0 clamp(15px, 1.04vw, 20px);
	line-height:clamp(40px, 2.40vw, 46px);
	
}
#sec1 .left .profile_wrapper .point_area p {
	font-weight: 600;
	font-size: clamp(14px, 0.73vw, 14px);
  color: #3dd5cc;
}
#sec1 .left .profile_wrapper .point_area p:first-child {
	color: #111111;
}
#sec1 .left .profile_wrapper .point_area p:last-child {
	color: #336AE5;
	margin-left:6px;
}
#sec1 .left .profile_wrapper .profile_edit_btn {
  font-size: clamp(13px, 0.73vw, 14px);
  color: #999;
  margin-top: clamp(20px, 1.04vw, 20px);
}
#sec1 .left .profile_wrapper .profile_edit_btn::after {
  content: "";
  width: 5px;
  height: 9px;
  background-image: url(../img/right_arrow_9.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin-left: 6px;
}


@media (max-width: 1250px) {
	#sec1 .left {
		display: none;
	}
}

@media (max-width: 1000px) {
	#sec1 .left {
		display: none;
	}
}