html {scroll-behavior: smooth;}
.tnct_bar {background-color:}
/*/////////////////////////////////////*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
font-family: 'Noto Sans', sans-serif;

@media screen and (max-width: 900px) {
	.logo_vipbg part img{width:65%;}
	}
@media screen and (max-width: 600px) {
	.logo_vipbg part img {width:50%;}	
	}
@media screen and (max-width: 480px) {
	.logo_vipbg part img {width:35%;}
	}

h2 {
	font-size: 24px;
	margin: 0;
}

p {
	font-size: 16px;
	margin: 5px 0;
}

/* 추가 스타일 설정 */
.add_info p {
	font-weight: bold;
}

/* CSS */
.member-info {
	list-style-type: none;
	padding: 0;
	margin: 8px 0 0px 0;
	display: flex; /* 리스트 아이템들을 가로로 배열합니다. */
	flex-wrap: wrap; /* 화면이 작아지면 아이템들이 다음 줄로 넘어갑니다. */
	border-bottom:1px solid #ededed;
	padding:0px 0 8px 0;
}
.first-ul {border-top:1px solid #ededed;padding-top:8px;}
.member-info .info-item {
	font-size: 16px;
	color: #333;
	margin-right: 10px; /* 오른쪽 간격을 추가합니다. */
}

#name-card {
	border: 0px solid #ccc; border-radius:0px;
	width:100%;
	max-width: 100%;
	margin-top:-30px;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: center;
	
}

#name-card #bgs {z-index:1; border:0px solid #ddd;border-radius:0px;margin-top:0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
				padding-top:0px;position: relative;
				}

/*sns+it me*/
.sns_ime {position: absolute; bottom: 0; padding:0;margin:0 auto; border:0px solid green;left:0;right:0;}


/*it me*/
#itme_boxm , #itme_box, #itme_box2, #itme_box3, #youtube_box, #name-card_maps, #qa_an  {max-width:100%; margin:0 auto;}

#itme_box {border:1px solid #dbdbdb; width:90%; margin:0 auto; margin-top:30px;border-radius:10px;
			background-color:#ffffff;padding-top:10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
#itme_box  .blankhr {width:100%; height:1px;border:none;}


.light-rays {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  background: repeating-linear-gradient(
    115deg,
    transparent,
    transparent 400px,
    rgba(255, 255, 255, 0.3) 15px,
    rgba(255, 255, 255, 0.3) 450px
  );
  background-size: 200% 100%;
	animation: moveRight 4.5s linear infinite; /* 총 7초의 애니메이션 주기 */
}

.light-rays:before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px; /* 기존 빛살에 비해 20px 왼쪽으로 이동 */
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    115deg,
    transparent,
    transparent 400px,
    rgba(255, 255, 255, 0.3) 15px, /* 이 부분에서 빛살의 투명도를 조금 더 낮춤 */
    rgba(255, 255, 255, 0.3) 450px
  );
  background-size: 200% 100%;
  animation: moveRight 4.5s linear infinite; /* 총 7초의 애니메이션 주기 */
  pointer-events: none; /* 가상 요소가 마우스 이벤트를 방해하지 않도록 설정 */
}

@keyframes moveRight {
   0%, 50% { background-position: -30% 0; }
  75% { background-position: 170% 0; }
  100% { background-position: 180% 0; }
}

.nfimg img {top:265px;width:130px; height:130px; border:4px solid #ffffff; border-radius:300px; position: relative;z-index:300;}


#mydatas {width:90%; max-width:400px; min-width:280px; padding:px 0 0px 0; border-radius:10px;
				margin:0 auto; background-color:#efefef;bottom:-175px;border:1px solid #ccc;}

#mydatas #pdata {margin:0px; padding:0;border:0px solid blue;margin:0 auto; width:100%;padding:0px; padding-bottom:10px;}


#mydatas .com {color: #434343;
	font-family: 'noto-sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding:15px 0;
	}
#mydatas .rank {
	color: #2655B0;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal; margin-right:15px;
	}
#mydatas .myteam {margin:0 auto;width:100%;text-align:center;
	color: #434343;
	font-family: 'noto-sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal; margin:20px 0 10px 0;
}
#mydatas .name {width:100%;
	color: #434343;
	font-family: 'noto-sans';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;margin:15px 0;
}

#mydatas .my_tel {color: #434343;text-align:right;padding-right:10px;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;}
#mydatas .my_phone {color: #434343;padding:20px 10PX 5px 0;
	text-align:right;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;}

#mydatas .email1 {text-align:right;padding:10px 10px 20px 0;}
#mydatas .website {text-align:left;padding:10px 0 0 15px;;}
#mydatas .address {text-align:right;padding:3px 0;}

#mydatas .addstyle2 {text-align:right;font-size:13px;}

#name-card #mydatas a {
    text-decoration: none; /* 밑줄 제거 */
    color: #222; /* 원래 색상 */
	}

#name-card #mydatas a:hover {
    color: blue; /* 마우스 오버 시 색상 */
	}

#name-card #mydatas a:visited {
    color: #222; /* 눌렀던 링크의 색상 */
	}

.responsive-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    width: 100%;
}

.responsive-container iframe {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
    height: 100%;
}




/*sns*/
#itme_box {cloar:borth; border:1px solid #dbdbdb; width:90%; margin:0 auto; margin-top:30px;border-radius:10px;
			background-color:#ffffff;padding-top:10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
			padding:15px 0;}



#pf_sns {width:100%; text-align:center; border:0px solid red; padding:0px;}
#pf_sns  {margin:40px 0;padding:0;}


#pf_sns .sns_garo {;width: 100%;margin: 0 auto;}
#pf_sns .sns_garo .snspart {padding:10px;}
@media screen and (max-width: 600px) {
	#pf_sns .sns_garo .snspart {padding:5px;}	
	}

#pf_sns .sns_icoset {width:40px;border:none; border-radius:50%}


.member-info .sns_garo {width: 100%;overflow: hidden;margin: 0 auto;}
.member-info .sns_garo .snspart {padding:10px;}
.sns_icoset {width:40px;border:none; border-radius:50%}



.txtsub {max-width:800px;text-align:left; padding:15px;}

/*msg*/
#msg_box {z-index:800;position: relative;top:150px;overflow:hidden;width:90%; margin:0 auto; margin-top:10px;border:0px solid red;}


#msg_box .pf_h_lefts {float:left;text-align:left;padding:0px;border:0px solid #666;}
#msg_box .pf_h_lefts .chat_icoset {width: 45px;border:none; border-radius:20%; margin:0 5px;}

/*menu*/
#itme_boxm {border:1px solid #dbdbdb; width:100%; margin:0 auto; margin-top:0px;border-radius:0px 0px 0 0;
			background-color:#6b6b6b;color:#ffffffpadding-top:10px;
			padding:0px 0;}
#itme_boxm .menus_box {text-align:center;color:#ffffff}
#itme_boxm .menus_box .sobox {display: flex;height:40px;}
#itme_boxm .menus_box .sobox .mc-menus {flex: 1; padding-top:8px;border-right:1px solid #ffffff;height:40px;}

#itme_boxm .menus_box .sobox .mc-menus a {text-decoration: none;}
#itme_boxm .menus_box .sobox .mc-menus span {margin:0px; font-size:15px;color:#ffffff} 
#itme_boxm .menus_box .sobox .mc-menus a:hover {color:#ffffff;text-decoration:none;} 


/*it me*/



#itme_box {border-bottom:1px solid #dbdbdb; width:100%; margin:0 auto; margin-top:0px; border-radius:0 0 0px 0px;
			background-color:#ffffff;padding-top:0px;}




#itme_box #pf_head .sharing {clear:both;}
#itme_box #pf_head .sharing .rank {
									font-family: 'Inter';
									font-style: normal;
									font-weight: 600;
									font-size: 14px;
									margin-top:50px;
									line-height: 30px;
									color: #2655B0;
									}
#itme_box #pf_head .sharing .mynmae {
									font-family: 'noto-sans';
									font-style: normal;
									font-weight: 700;
									font-size: 32px;
									line-height: 29px;
									color: #434343;
									margin:10px 0 50px 0;
									}
#itme_box #pf_head .sharing .sharing_number {color:#555; height:30px; border:0px solid red; padding:10px;}
#itme_box #pf_head .sharing .myphone {padding:10px 20px;line-height:32px; border:2px solid #ccc; border-radius:20px;margin:15px;font-weight:500;}
#itme_box #pf_head .sharing .email1 {padding:10px 20px;line-height:32px; border:2px solid #ccc; border-radius:20px;margin:15px;font-weight:500;}
#itme_box #pf_head .sharing .email2 {;padding:10px 20px;line-height:32px; border:2px solid #ccc; border-radius:20px;margin:15px;font-weight:500;}

#itme_box #pf_head .sharing  a {color:#555;}

#itme_box #pf_head .sharing a:hover {line-height:32px; color:#000;border:0px solid red;}
#itme_box #pf_head .sharing .myphone:hover {line-height:32px; color:#fff;border:2px solid #2fabf3; background-color:#667;}
#itme_box #pf_head .sharing .email1:hover {line-height:32px; color:#fff;border:2px solid #2fabf3; background-color:#889;}
#itme_box #pf_head .sharing .email2:hover {line-height:32px; color:#fff;border:2px solid #2fabf3; background-color:#889;}
#itme_box #pf_head .sharing .email2 svg {display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    justify-content: center; /* 가로 중앙 정렬 */}

#itme_box #pf_body1 {width:90%;max-width:800px;margin:0 auto;padding:50px 0 20px 0;}
#itme_box #pf_body1 .pf_b_ti {color:#1a1e3d; font-size:18px;font-family: 'Inter'; font-style: normal;font-weight: 500;text-align:center}
#itme_box #pf_body1 .pf_b_txt {padding:40px 0px ; text-align:left;}


#itme_box #pf_sns {width:100%; text-align:center;}
#itme_box #pf_sns ul {margin:40px 0;padding:0;}



/*sns*/
.sns_garo {display: flex;justify-content: center;width: 100%;overflow: hidden;margin: 0 auto;}
.sns_garo .snspart {padding:10px;}
.sns_icoset {width:40px;border:none; border-radius:50%}



.backdiv {width: 100%; /* 필요한 경우 */
    overflow: hidden;text-align:center;padding:30px 0 10px 0;}

/*itme_box2*/
#itme_box2 {border-bottom:1px solid #dbdbdb; width:100%; margin:0 auto; margin-top:0px; border-radius:0px;
			background-color:#ffffff;padding-top:0px;}
#itme_box2 #pf_body2 {width:90%;max-width:800px;margin:0 auto;background-color:#fff;padding:30px 0 40px 0; border-radius:10px;}
#itme_box2 #pf_body2 .pf_b_ti {color:#1a1e3d; border:0px solid red;margin:0px 0;font-size:18px;
			font-family: 'Inter'; font-style: normal;font-weight: 500;text-align:center}
.pf_body_img2 {max-width: 90%; height: auto; margin:0 auto;
    display: block;}
#itme_box2 #pf_body2 .pf_b_txt {max-width: 90%; margin:0 auto;border:0px solid red;padding:20px; text-align:left;}



/*itme_box3*/
#itme_box3 {border-bottom:1px solid #dbdbdb; width:100%; margin:0 auto; margin-top:0px; border-radius:0px;
			background-color:#ffffff;padding-top:0px;}
#itme_box3 #pf_body3 {width:90%;max-width:800px;margin:0 auto;background-color:#fff;padding:30px 0 40px 0; border-radius:10px;}
#itme_box3 #pf_body3 .pf_b_ti {color:#1a1e3d; border:0px solid red;margin:0px 0;font-size:18px;
			font-family: 'Inter'; font-style: normal;font-weight: 500;text-align:center;}
.pf_body_img3 {max-width: 90%; height: auto;margin:0 auto;
    display: block;}
#itme_box3 #pf_body3 .pf_b_txt {max-width: 90%;  margin:0 auto;border:0px solid red;padding:20px; text-align:left;}



/*con-text*/
.on-text {word-break: break-all;}


/*youtube*/
#youtube_box {border-bottom:1px solid #dbdbdb; width:100%; margin:0 auto; margin-top:0px; border-radius:0px;
			background-color:#ffffff; box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);padding-bottom:15px;}
.ytb_to {width:100%;margin:0 auto;}
.ytb_to_ico {width:50px;float:left;margin:10px 0; padding-left:20px;}
.ytb_to_icon {width:40px;border:none; border-radius:50%;}
.ytb_to_link {float:left;margin-top:10px;text-align:left; padding-top:15px;font-size:12px; color:#333;}
.ytb_to_link a {color:#222222}


.ytb_c4 {font-size:14px; padding:0 0 30px 0;}
.ytb_c4 a {color:#0c8dc1}
.ytb_c4:hover {color:#222;}


/*지도*/
#name-card_maps {width:100%; margin:0 auto; margin-top:0px;margin-bottom:0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
					border-radius:0px 0px 0 0; padding:10px 1px 1px 1px; background-color:#999;}
#name-card_maps .cpinfo {border:1px solid red;}
.cp_txt {line-height:24px;padding-left:10px;;
	font-family: 'Inter'; 
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #efefef;}

.cp_txt a {color: #ffffff !important;text-decoration:none;}
.cp_txt a:hover {color: yellow !important;}

/*문의하기*/


#name-card_qa {width:100%; padding:40px 0 40px 0; background-color:#959595;text-align:center;}
.letter_head_img img{width:50px;padding:15px;margin:0 auto; margin-top:25px; }
.letter_head {
	width:100%;
	text-align:center;
	font-family: 'Inter'; 
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 15px;
	/* identical to box height */
	text-align: center;
	padding:20px 0 30px;
	color: #FFFFFF;}

#name-card_qa .letter {padding:0 0 0 10px; width:80%;margin:0 auto; height:40px;
						border:1px solid #e0e0e0; border-radius:5px; margin:5px;font-size:14px;}
#name-card_qa .letter_text {padding:10px 0 15px 10px; width:80%;margin:0 auto; height:120px;
						border:1px solid #e0e0e0; border-radius:5px; margin:5px;font-size:14px;}


.name-card_qa {
  display: flex; /* Flex 컨테이너로 설정 */
  justify-content: center; /* 가로축에 대해 중앙 정렬 */
  width: 100%; /* 컨테이너의 너비를 화면 너비에 맞춤 */
}

#letter_box {
  display: flex; /* Flex 컨테이너로 설정 */
  align-items: center; /* 세로 축에 대해 중앙 정렬 */
  gap: 10px; /* 요소 사이의 간격 설정 */
}
/*
 .letter_check {
  width: 30px; 
  height: 30px;
}*/

 .letter_checkt {
  margin: 0 30px 0 10px;
  color: #ffffff; 
}

 button[name="image"] {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

 button[name="image"]:hover {
  background-color: #0056b3;
}