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



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

p {
	font-size: 16px;
	margin: 5px 0;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {color:#666;padding:0px;}

.add_info p {
	font-weight: bold;
}
.nc_cbtn .website_link2 {width:30px; height:30px;background: #c32501; border-radius:30px; margin-right:30px;margin-bottom:10px;
				font-size:16px;	padding:0px;border:none; color:#fff}
.nc_cbtn .website_link2:hover {color:#ffffff; background-color:#3400d5;cursor: pointer;}

/* 숨김 펼침 명함*/

/*name data*/
#mydatas {background-color:#e8e8e8;border:1px solid #ccc; padding:5px; margin:15px; width:90%;margin:0 auto;border-radius:15px;}
#mydatas {width:90%;text-align:right;}
#mydatas #pdata {border:0px solid blue;margin:0 auto; width:90%;padding-right:10px;}
#mydatas #pdata .com {color: #434343;
	font-family: 'noto-sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding:15px 0;
	}
#mydatas #pdata .rank {
	color: #2655B0;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal; margin-right:15px;
	}
#mydatas #pdata .myteam {margin:0 auto;width:100%;text-align:center;
	color: #434343;
	font-family: 'noto-sans';
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal; margin:20px 0;
}
#mydatas #pdata .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 #pdata .my_tel {color: #434343;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;}
#mydatas #pdata .my_phone {color: #434343;padding:20px 0 5px 0;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;}
.website {text-align:left;padding:10px 0 0 15px;;}
#mydatas #pdata .email1 {text-align:right;padding:10px 0 20px 0;}
#mydatas #pdata .website {text-align:left;padding:10px 0 0 15px;;}
#mydatas #pdata .address {text-align:right;padding:3px 0;}

/*name data end*/



/* 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;
	margin-right: 10px; /* 오른쪽 간격을 추가합니다. */
}
.member-info .info-item:first-child {min-width: 100px;}


.pgline {border-top:1px solid #cdcdcd;height:2px;width:90%; margin:0 auto;}




#name-card {
	border: 0px solid #ccc;
	max-width: calc(100% - 0px);
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#name-card #bgs {z-index:1;
				padding-top:0px;
				}



#name-card #bgs #main_head {width:100%;}
#name-card #bgs #main_head .pf_h_left {width: 30px;float:left;text-align:left;padding:15px;border:0px solid #666;}
#name-card #bgs #main_head .pf_h_left .website_link {width:30px; height:30px;background: #FFFFFF; border-radius:30px; 
				font-size:16px;	padding:0px;border:none;}
#name-card #bgs #main_head .pf_h_left .website_link:hover {color:#ffffff; background-color:#000;cursor: pointer;}

#name-card #bgs #main_head .pf_h_left a {color:#666;}
#name-card #bgs #main_head .pf_h_left  .company_name {
					font-family: 'Inter';
					font-style: normal;
					font-weight: 600;
					font-size: 16px;
					line-height: 30px;
					padding:0px;
					margin-top:10px;
					color: #434343;}
#name-card #bgs #main_head .pf_h_right {width:110px;float:right;text-align:right;padding:15px 15px 0 0;border:0px solid #666;}
#name-card #bgs #main_head .pf_h_right .chat_ico_right {float:right;}
#name-card #bgs #main_head .pf_h_right .chat_ico_right img {margin:0 5px;}

#name-card #bgs .vip_01_logobox {
					position:relative;
					width:90%;
					border:0px solid red;
					align-items: center; 
					justify-content: center;
					;margin:0 auto; margin-bottom:0px;}


@media screen and (max-width: 1288px) {
	#name-card #bgs .vip_01_logobox {width:90%;border:0px solid blue;}
}


@media screen and (max-width: 530px) {
	#name-card #bgs .vip_01_logobox {width:90%;border:0px solid green;}
	#name-card #bgs .vip_01_logobox img {width:100%; border:0px solid green;}
}


/*menu*/

#name-card #bgs .menus_box {width:100%; height:50px; border:0px solid red; bottom:0;position: absolute;}
#name-card #bgs .menus_box .sobox {width:90%; height:35px; background-color:#ffffff; padding-top:15px;
									border:1px solid #dbdbdb; border-bottom:0px;margin:0 auto;
									border-radius:10px 10px 0 0;}
#name-card #bgs .menus_box .sobox span {padding:3px;margin:0px; font-size:13px;} 
#name-card #bgs .menus_box .sobox span a:hover {color:#031f43} 

/*it me*/
#itme_box {border:1px solid #dbdbdb; width:90%; margin:0 auto; margin-top:0px; border-radius:0 0 10px 10px;
			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:100%;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;}
#itme_box #pf_body1 .pf_b_txt {padding:40px 20px ; 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:1px solid #dbdbdb; width:90%; margin:0 auto; margin-top:40px; border-radius:10px;
			background-color:#ffffff;padding-top:0px;}
#itme_box2 #pf_body2 {width:100%;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;}
.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:1px solid #dbdbdb; width:90%; margin:0 auto; margin-top:40px; border-radius:10px;
			background-color:#ffffff;padding-top:0px;}
#itme_box3 #pf_body3 {width:100%;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;}
.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;}



.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%;
}



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

.chat_icoset {width: 45px;border:none; border-radius:20%}




/*youtube*/
#youtube_box {border:1px solid #dbdbdb; width:90%; margin:0 auto; margin-top:30px; border-radius:10px;
			background-color:#ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);padding-bottom:15px;}
.ytb_to {width:100%;margin:0 auto;}
.ytb_to_ico {width:90px;float:left;margin:10px 0}
.ytb_to_icon {width:40px;border:none; border-radius:50%;}
.ytb_to_link {width:270px;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 {margin-top:30px;width:100%; padding:40px 0 15px 0; background-color:#959595;}
#name-card_maps .cpinfo {border:1px solid red;}
.cp_txt {line-height:24px;;
	font-family: 'Inter'; 
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;}

.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;}
.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;
}