@charset "utf-8";


.s_cont											{width:100%; max-width:1440px; padding:0 30px; margin:0 auto;}
#sub_content									{padding:70px 0 120px;}
#sub_content h2									{font-size:40px; font-weight:500; margin-bottom:70px; text-align:center;}
#sub_content .h2_txt							{font-size:18px; text-align:center; color:#666; margin:10px 0 70px;}
#sub_content .h2_txt b							{color:#222;}
#sub_content .h2_txt b.or						{color:var(--orange);}
#sub_content .h2_txt.big						{font-size:24px; color:#333}
#sub_content .h2_txt span						{font-size:16px;}
#sub_content .h2_txt .s_tt						{display: block; margin-top: 20px; color: #999; line-height: 22px;}
#sub_content .s_cont.mypage .right .h2_txt		{display:block;}
#sub_content .s_cont.mypage .right .h2_txt.mt	{margin-top:70px;}

table caption	{display: none;}

/*h3_타이틀 (공통부분)*/
.h3_tit											{font-size: 23px; font-weight: 500; color: var(--black); margin: 70px 0 15px;}
.h3_caption										{font-size: 19px; color: var(--black); font-weight:400; display: block;  margin:30px 0 15px 0; }
.h3_caption .orange								{color: var(--orange); font-weight:500;}

.f17					{font-size:17px; color:#666;}
.f16					{font-size:16px; color:#666;}

@media only screen and (max-width: 1600px){
	.s_cont													{padding: 0 25px 0 60px;}
	#en .s_cont												{padding: 0 25px 0 25px;}
}

@media only screen and (max-width: 1200px){
	#sub_content											{padding:40px 0 100px;}
	.notice_container										{margin-top: 40px;}
	#sub_content h2											{margin-bottom: 40px;}
}

@media only screen and (max-width: 1024px){
	.s_cont													{max-width:100%; padding:0 25px;}
	#sub_content											{padding:30px 0 100px;}
	#sub_content h2											{font-size:35px; margin-bottom:30px;}
	#sub_content .h2_txt									{font-size:18px; margin:10px 0 30px;}
	#sub_content .h2_txt.big								{font-size:21px;}
	#sub_content .h2_txt .pc								{display: none;}
	#sub_content .h2_txt .s_tt								{margin-top: 10px;}
	#sub_content .s_cont.mypage .right .h2_txt.mt			{margin-top:30px;}

	.h3_tit													{font-size: 20px; margin: 40px 0 15px 0; }
	.h3_caption												{font-size: 17px; margin: 40px 0 15px 0; }

	.f17					{font-size:16px;}
	.f16					{font-size:15px;}
}

@media only screen and (max-width: 640px){
	.s_cont													{padding:0 15px;}
	#en .s_cont												{padding:0 15px;}
	#sub_content											{padding: 25px 0 70px;}
	#sub_content h2											{font-size:25px; font-weight:500; margin-bottom:20px;}
	#sub_content .h2_txt									{font-size:15px; margin:5px 0 30px;}
	#sub_content .h2_txt.big								{font-size:16px;}
	#sub_content .h2_txt .s_tt								{font-size: 14px; line-height: 20px; margin-top: 6px;}

	.h3_tit													{font-size: 18px; margin: 30px 0 10px 0; }
	.h3_caption												{font-size: 15px; margin: 30px 0 10px 0; }

	.f17					{font-size:15px;}
	.f16					{font-size:14px;}
	.m100				{width:100% !important;}
}

/*연락처 보기 (공통부분)*/
.contact											{margin:0 auto; width:100%; max-width:1380px; padding: 30px 65px; background-color: #f9fbff; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-items: center; border-radius: 8px;}
.contact .name										{font-size: 20px; font-weight: 500; color:var(--black); position: relative; margin-left: 15px;}
.contact .name::before								{position: absolute; content:""; background: url('/img/pc/cont/people_icon.png') no-repeat 0 0 / 60%; width:30px; height:30px; left: -28px; top:6px;  }
.contact .name .sub									{font-size: 17px; font-weight: 300; color:var(--gray6); margin-left: 20px; }
.contact .info										{font-size: 16px; font-family:"Pretendard", sans-serif; font-weight: 300; color:var(--gray6); display: inline-block; }
.contact .info .mail								{position: relative; display: inline-block; width:200px; }
.contact .info .mail::before						{position: absolute; content:""; background: url('/img/pc/cont/mail_icon.png') no-repeat 0 0 / 90%; width:20px; height: 14px; top: 7px; left: -28px;  }
.contact .info .num									{position: relative;}
.contact .info .num::before							{position: absolute; content:""; background: url('/img/pc/cont/num_icon.png') no-repeat 0 0 / 90%; width:20px; height: 14px; top: 6px; left: -28px;  }
.contact ~ .contact									{margin-top:15px;}

.info_box							{position: relative;}
.info_box .info_btn a				{display: block; width: 100%; min-width: 240px; height:40px; border-radius: 3px;  padding: 7px 0 8px; text-align:center; color:#fff; font-size:16px; font-weight:400; background: var(--blue);}
.info_box .info_btn a:hover			{background: var(--black);}
.info_box .small_pop				{z-index:1; display:none; padding:20px 15px 20px; font-size:16px; border-radius: 3px; position:absolute; bottom:55px; right: 0; width:100%; background: #fff; border: 1px solid var(--blue); box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.16);}
.info_box .small_pop.on				{display: block;}
.info_box .small_pop p				{position: relative; display: block; color: var(--gray6) !important; margin-bottom: 4px !important; width: 100% !important; text-align: left; padding-left: 28px;}
.info_box .small_pop p:last-child	{margin-bottom: 0 !important;}
.info_box .small_pop .mail::before	{position: absolute; content:""; background: url('/img/pc/cont/mail_icon.png') no-repeat 0 0 / 90%; width:20px; height: 14px; top: 7px; left: 0;  }
.info_box .small_pop .num::before	{position: absolute; content:""; background: url('/img/pc/cont/num_icon.png') no-repeat 0 0 / 90%; width:20px; height: 14px; top: 6px; left: 0;  }
.info_box .close_btn				{min-width: 10px; padding: 0; width:10px !important; height:10px; position:absolute; top:10px; right:10px; }
.info_box .close_btn img			{max-width:100%; display: block;}



@media only screen and (max-width: 1100px){
	.contact													{flex-direction: column; align-items: flex-start;}
	.contact .name												{margin-left: 5px;}
	.contact .name .sub											{margin-left: 0;}
	.contact .info												{margin: 5px 0 0 5px;}
	.contact .info .mail										{width: unset; max-width: calc(100% - 70px);}
	.contact .info .num											{margin-left:60px;}
}

@media only screen and (max-width: 1024px){
	.contact													{padding: 20px 50px;}
	.contact .name												{font-size: 18px;}
	.contact .name::before										{width: 28px; left: -28px; top:5px;  }
	.contact .name .sub											{font-size: 15px;}
	.contact .info												{font-size: 15px;}
	.contact .info .mail::before								{top: 6px;}
	.contact .info .num											{margin-left:40px;}

	.info_box .small_pop				{font-size:15px;}
}

@media only screen and (max-width: 640px){
	.contact													{padding: 15px 35px;}
	.contact .name												{font-size: 15px; margin-left: 0;  }
	.contact .name::before										{width: 22px; height: 14px; left: -22px; top: 4px;}
	.contact .name .sub											{font-size: 13px; margin-left: 0; display: inline-block; color:var(--black); }
	.contact .info												{font-size: 13px; width:100%; margin-left: 0; color: var(--black);}
	.contact .info .mail										{margin-right:40px;}
	.contact .info .mail::before								{left: -22px; width:17px; top: 5px;}
	.contact .info .num											{display: inline-block; margin-left:0; }
	.contact .info .num::before									{top: 4px; left: -22px; width:15px;}
	.contact ~ .contact											{margin-top:10px;}

	.info_box							{width: 100%;}
	.info_box .small_pop				{font-size:14px;}
	.info_box .small_pop .mail::before	{top: 4px;}
	.info_box .small_pop .num::before	{top: 3px;}

}


/*스텝리스트 1~ 5 (공통부분)*/
ul.step_list											{display:flex; gap: 5.656%; position: relative; }
ul.step_list::before									{content: ""; position: absolute; width: 100%; height: 1px; border-top: 1px dashed #ddd;  top: 50%;}
ul.step_list li											{width: calc(100% / 5); background-color: #fafafa; border-radius:8px; text-align: center; padding: 40px 0 25px 0; position: relative; }
ul.step_list li::after									{content:""; position: absolute; top:45%; right:-29%;  border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 10px solid #ddd; border-right: 14px solid transparent;}
ul.step_list li:last-child::after						{display:none;}
ul.step_list li .order									{font-size: 13px; background-color: #ddd; color: #666; padding: 2px 10px; border-radius:3px; font-weight:400; display: inline-block; position: absolute; top:-13px; transform: translate(-50%); }
ul.step_list li .icon									{width:44px; height:44px; margin: auto;}
ul.step_list li .txt									{font-size: 17px; color: #888; font-weight:400; line-height:1.2; margin-top:5px; word-break: keep-all; }
ul.step_list li .txt span								{font-size:13px; font-weight:300; }
ul.step_list li.on										{background-color: #fff; border: 2px solid var(--blue);}
ul.step_list li.on::after								{border-left: 10px solid var(--orange);}
ul.step_list li.on .order								{background-color: var(--blue); color: #fff; }
ul.step_list li.on .txt									{color: var(--blue); font-weight:600; }

/*스텝리스트 1~ 4 (공통부분)*/
ul.estimate li											{width: calc(100% / 4); }
ul.estimate li::after									{right: -17%; margin-right: -13px; }


@media only screen and (max-width: 1024px){
	/*스텝리스트 (공통부분)*/
	ul.step_list														{gap:3%;}
	ul.step_list li														{padding: 30px 5px 10px 5px; }
	ul.step_list li .txt												{font-size: 15px; line-height:1.1; margin-top:7px;}
	ul.step_list li .txt span											{font-size: 12px; }
	ul.step_list li::after												{top:47%; right:-10%; margin-right:-11px;  border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 8px solid #ddd; border-right: 9px solid transparent;}
	ul.step_list li .order												{font-size: 12px; padding: 2px 7px; }
	ul.step_list li .icon												{width:40px; height:40px;}
	ul.step_list li.on::after											{border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 8px solid var(--orange); border-right: 9px solid transparent;}

	/*스텝리스트 1~ 4 (공통부분)*/
	ul.estimate li::after												{right: -8%; top:46%; border-bottom: 5px solid transparent; border-top: 5px solid transparent;border-left: 8px solid #ddd;border-right: 9px solid transparent;}
}


@media only screen and (max-width: 640px){
	/*스텝리스트 (공통부분)*/
	ul.step_list														{flex-wrap: wrap; width:100%; justify-content: center; gap:2%; }
	ul.step_list::before												{display:none;}
	ul.step_list li														{width: 32%; display:flex; flex-direction: column; justify-content: center; padding:5px; height:90px;  }
	ul.step_list li:nth-child(n+4)										{margin-top: 2%;}
	ul.step_list li .icon												{display:none;  }
	ul.step_list li	.order												{background-color:transparent;  font-weight:300; position: unset; transform: unset; padding:0;  }
	ul.step_list li.on .order											{background-color:transparent; color: var(--blue); font-weight:400; }
	ul.step_list li::after												{display:none;}
	ul.step_list li .txt												{font-size: 15px; color: var(--gray6); font-weight:400; margin-top:0; line-height:1.2;  }

	/*스텝리스트 1~ 4 (공통부분)*/
	ul.estimate															{gap:2%;}
	ul.estimate li														{width: 48%; height:70px; }
	ul.estimate li:nth-child(n+3)										{margin-top:2%}
}


table.ks_sub_table .check_v													{justify-content: center; padding: 0; width: 19px; height: 19px; margin: 0 auto;}
table.ks_sub_table .check_v input[type="checkbox"] + label					{width: 19px; height: 19px; padding-left: 0;}
table.ks_sub_table .check_v input[type="checkbox"] + label:after	        {top: 0;}
table.ks_sub_table thead .check_v input[type="checkbox"] + label	        {font-size: 0;}


/*테이블03 공통부문*/
table.ks_sub_table03														  {border-top: 2px solid #000; width: 100%; word-wrap: break-word; table-layout: fixed;}
table.ks_sub_table03 th														  {width:20%; vertical-align: middle; font-weight: 400; text-align: left; padding: 10px 25px; font-size: 17px; color: #333; background: #f2f2f2; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; }
table.ks_sub_table03 th .sub												  {color: var(--orange); font-size:15px; }
table.ks_sub_table03 th:last-child											  {border-right: 0;}
table.ks_sub_table03 td														  {width:80%; vertical-align: middle; font-weight: 400; padding: 10px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
table.ks_sub_table03 td:nth-child(1)										  {text-align: center; align-content: center;}
table.ks_sub_table03 td:last-child											  {border-right: 0;}
table.ks_sub_table03 td:not(:has(input))									  {padding:15px 10px}
table.ks_sub_table03 td sub													  {display:block; font-size:14px; color: var(--gray6); font-weight:300; padding-top: 10px;}
table.ks_sub_table03 td p.input_wrap										  {display: inline;}
table.ks_sub_table03 td p.sub_txt											  {font-size:14px; color: var(--gray6); font-weight:300; padding:5px 0 0 10px;}
table.ks_sub_table03 td span.sign											  {color: var(--gray6); font-weight:300; font-size:15px; }

/*인풋*/
table.ks_sub_table03 td input												  {border:1px solid #ddd; padding:8px 10px; border-radius:6px; font-size:16px; color:var(--black); font-weight:400; margin:0 10px;}
table.ks_sub_table03 td input::placeholder									  {font-size:16px; color: var(--gray6); font-weight:300;}
table.ks_sub_table03 td input:first-child									  {margin-left:0;}
table.ks_sub_table03 td input:last-child									  {margin-right:0;}
table.ks_sub_table03 td input:disabled 										  {background-color: #f8f8f8; color:#999; border:1px solid #eee; opacity:1;}
table.ks_sub_table03 td input.mr0											  {margin-right:0;}

/*셀렉트*/
table.ks_sub_table03 td .select_wrap										  {display:inline-block; margin: 0 10px;}
table.ks_sub_table03 td .select_wrap:first-child						      {margin-left:0;}
table.ks_sub_table03 td .select_wrap:last-child						          {margin-right:0;}
table.ks_sub_table03 td .select_wrap select									  {width:100%; border:1px solid #ddd; padding:8px 30px 8px 10px; border-radius:6px; font-size:16px; color:var(--black); font-weight:400; background-color: #fff; background: url(/img/pc/cont/select_down.png) no-repeat center right 12px / 10px;}
table.ks_sub_table03 td .select_wrap select::placeholder					  {font-size:16px; color: var(--gray6); font-weight:300;}
table.ks_sub_table03 td .select_wrap select:disabled 						  {background-color: #f8f8f8; color:var(--black); border:1px solid #eee;  opacity:1;}

/*버튼*/
table.ks_sub_table03 td button												  {font-size:15px; line-height: 22px; color:#fff; background-color: var(--blue); padding:10px 30px; border-radius:4px; transition: background 0.5s;}
table.ks_sub_table03 td button:hover										  {background-color: var(--black);}

/*라디오 버튼*/
table.ks_sub_table03 tr.radio td											  {padding:19px 10px;}
table.ks_sub_table03 tbody tr td .radio_wrap								  {margin-left:20px;}
table.ks_sub_table03 tbody tr td .radio_wrap:first-child					  {margin-left:0;}
table.ks_sub_table03 tbody tr td span input[type="radio"]					  {width: 20px; height: 20px; border:1px solid #ddd; border-radius:50%;  position: relative; top:3px; transition: border 0.3s ease-in-out; outline:none; cursor:pointer; margin-right:0; padding:0;}
table.ks_sub_table03 tbody tr td span input[type="radio"]:checked			  {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
table.ks_sub_table03 tbody tr td span input[type="radio"]:checked + label	  {color: var(--blue);}
table.ks_sub_table03 tbody tr td span label									  {color: var(--black); font-weight:400; font-size:17px; }
table.ks_sub_table03 tbody tr td span input:disabled 						  {background-color: #f8f8f8;}
table.ks_sub_table03 tbody tr td span label:disabled 						  {color:#999;}

/*정보수정 라디오 버튼*/
p.change												{text-align:right; margin-top:10px;}
p.change .radio_wrap									{margin-left:20px;}
p.change .radio_wrap:first-child					  	{margin-left:0;}
p.change span input[type="radio"]					  	{width: 20px; height: 20px; border:1px solid #ddd; border-radius:50%;  position: relative; top:3px; transition: border 0.3s ease-in-out; outline:none; cursor:pointer; margin-right:0; padding:0;}
p.change span input[type="radio"]:checked			  	{background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
p.change span input[type="radio"]:checked + label	  	{color: var(--blue);}
p.change span label										{color: var(--black); font-weight:400; font-size:17px; }
p.change span input:disabled 						  	{background-color: #f8f8f8;}
p.change span label:disabled 						  	{color:#999;}

/*사업자 등록번호*/
table.ks_sub_table03 tr.num td input										  {width:152px;}
table.ks_sub_table03 tr.num td button									      {margin-left:5px;}

/*회사명*/
table.ks_sub_table03 tr.com td input									      {width:335px;}

/*대표자명*/
table.ks_sub_table03 tr.rep td input									      {width:335px;}

/*인풋--사엄장주소*/
table.ks_sub_table03 tr.adress td > ul										  {display: flex; flex-direction: column; gap:8px;}
table.ks_sub_table03 tr.adress td > ul li:nth-child(1) input				  {width:210px;}
table.ks_sub_table03 tr.adress td > ul li:nth-child(2) input				  {width:730px;}
table.ks_sub_table03 tr.adress td > ul li:nth-child(3) input				  {width:730px;}

/*업태 및 종목*/
table.ks_sub_table03 tr.type td input									      {width:335px;}

/*섬영*/
table.ks_sub_table03 tr.name td input									      {width:335px;}

/*연락처*/
table.ks_sub_table03 tr.con td .select_wrap									  {width:120px;}
table.ks_sub_table03 tr.con td input									      {width:120px;}

/*휴대폰 번호*/
table.ks_sub_table03 tr.phone td .select_wrap								  {width:120px;}
table.ks_sub_table03 tr.phone td input									      {width:120px;}

/*이메일*/
table.ks_sub_table03 tr.mail td input										  {width:200px;}
table.ks_sub_table03 tr.mail td .select_wrap								  {width:190px;}

/*워터마크*/
table.ks_sub_table03 tr.mark td input										  {width:210px;}
table.ks_sub_table03 tr.mark a.sam-image-link								  {font-size: 15px; line-height: 22px; color: #fff; padding: 10px 30px; border-radius: 4px; transition: background 0.5s;background-color: var(--gray6);}
table.ks_sub_table03 tr.mark a.sam-image-link:hover							  {background-color: var(--black);}

/*아이디 및 비밀번호*/
table.ks_sub_table03 tr.id_pasword td input									  {width:335px;}

/*배송지 요청사항*/
table.ks_sub_table03.shipping_address tr.request td input					  {width:730px;}





@media only screen and (max-width: 1080px){

	/*테이블03 공통부문*/
	table.ks_sub_table03 th														  {padding: 8px; font-size: 15px;}
	table.ks_sub_table03 th .sub												  {font-size:14px; }
    table.ks_sub_table03 th::after												  {font-size:15px;}
	table.ks_sub_table03 td														  {min-height: 46px; padding: 8px; font-size: 14px;}

}


@media only screen and (max-width: 1024px){

	/* 테이블 03 */
	table.ks_sub_table03 td span.sign											  {font-size: 13px;}

	/*인풋*/
	table.ks_sub_table03 td input												  {font-size:15px; margin:0 5px;}
	table.ks_sub_table03 td input::placeholder									  {font-size:15px;}

	/*셀렉트*/
	table.ks_sub_table03 td .select_wrap										  {margin:0px;}
	table.ks_sub_table03 td .select_wrap select									  {font-size:15px;}
	table.ks_sub_table03 td .select_wrap select::placeholder					  {font-size:15px;}

	/*버튼*/
	table.ks_sub_table03 td button												  {font-size:14px; padding:9px 25px;}

	/*라디오 버튼*/
	table.ks_sub_table03 tbody tr td .radio_wrap input[type="radio"]			  {width: 18px; height: 18px;}
	table.ks_sub_table03 tbody tr td .radio_wrap label							  {font-size:15px;}

	/*정보수정 라디오 버튼  */
	p.change																		{margin-top:10px;}
	p.change .radio_wrap label													  {font-size:15px;}

	/*사업자 등록번호*/
	table.ks_sub_table03 tr.num td input										  {width:20%;}

	/*회사명*/
	table.ks_sub_table03 tr.com td input										  {width:55%;}

	/*대표자명*/
	table.ks_sub_table03 tr.rep td input										  {width:55%;}

	/*사엄장주소*/
	table.ks_sub_table03 tr.adress td > ul										  {gap:10px;}
	table.ks_sub_table03 tr.adress td > ul li:nth-child(1) input				  {width:40%;}
	table.ks_sub_table03 tr.adress td > ul li:nth-child(2) input				  {width:95%;}
	table.ks_sub_table03 tr.adress td > ul li:nth-child(3) input				  {width:95%;}

	/*업태 및 종목*/
	table.ks_sub_table03 tr.type td input										  {width:47%;}

	/*성명*/
	table.ks_sub_table03 tr.name td input										  {width:55%;}

	/*연락처*/
	table.ks_sub_table03 tr.con td .select_wrap								      {width:20%; margin-right:5px;}
	table.ks_sub_table03 tr.con td input										  {width:20%;}

	/*휴대폰번호*/
	table.ks_sub_table03 tr.phone td .select_wrap								  {width:20%; margin-right:5px;}
	table.ks_sub_table03 tr.phone td input										  {width:20%;}

	/*이메일*/
	table.ks_sub_table03 tr.mail td input										  {width:22%;}
	table.ks_sub_table03 tr.mail td .select_wrap								  {width:22%;}

	/*워터마크*/
	table.ks_sub_table03 tr.mark td input										  {width:40%;}

	/*아이디 및 비밀번호*/
	table.ks_sub_table03 tr.id_pasword td input									  {width:55%;}

	/*배송지 요청사항*/
	table.ks_sub_table03.shipping_address tr.request td input					  {width:95%;}


}


@media only screen and (max-width: 640px){

	/* 테이블 03 */
	table.ks_sub_table03 th														  {width:23%; font-size: 14px;}
	table.ks_sub_table03 th .sub												  {font-size:12px;}
	table.ks_sub_table03 td														  {width:77%;padding: 10px; font-size: 13px;}
	table.ks_sub_table03 td p.input_wrap										  {width:100%; display: flex; gap:2%; align-items:center;}

	/*인풋*/
	table.ks_sub_table03 td input												   {font-size:14px; padding:8px; border-radius:4px; margin:0; }
	table.ks_sub_table03 td input::placeholder									   {font-size:14px;}

	/*셀렉트*/
	table.ks_sub_table03 td .select_wrap select									  {font-size:14px; padding:8px 20px 8px 8px; border-radius:4px; background: url(/img/pc/cont/select_down.png) no-repeat center right 8px / 8px; }
	table.ks_sub_table03 td .select_wrap select::placeholder					  {font-size:14px;}

	/*버튼*/
	table.ks_sub_table03 td button												   {padding:8px 18px; display: block; width:100%; margin-top:10px; }

	/*라디오 버튼*/
	table.ks_sub_table03 tr.radio td											   {padding:16px 10px;}
	table.ks_sub_table03 tr td .radio_wrap label								   {font-size:14px;}

	/*사업자등록번호*/
    table.ks_sub_table03 tr.num td input										  {width:calc(100% / 3);}
	table.ks_sub_table03 tr.num td button										  {margin-left:0;}

	/*회사명*/
	table.ks_sub_table03 tr.com td input										  {width:100%;}

	/*대표자명*/
	table.ks_sub_table03 tr.rep td input										  {width:100%;}

	/*사엄장주소*/
	table.ks_sub_table03 tr.adress td > ul										  {gap:10px;}
	table.ks_sub_table03 tr.adress td > ul li:first-child						  {display:flex; gap:2%;}
	table.ks_sub_table03 tr.adress td > ul li:nth-child(1) input				  {width:calc(100% - 100px); margin:0;}
	table.ks_sub_table03 tr.adress td > ul li:nth-child(2) input				  {width:100%;}
	table.ks_sub_table03 tr.adress td > ul li:nth-child(3) input				  {width:100%;}
	table.ks_sub_table03 tr.adress button										  {width:100px; margin:0;}

	/*업태 및 종목*/
	table.ks_sub_table03 tr.type td input										  {width:100%;}
	table.ks_sub_table03 tr.type td input:last-child							  {margin-top:10px;}

	/*성명*/
	table.ks_sub_table03 tr.name td input										  {width:100%;}

	/*연락처*/
	table.ks_sub_table03 tr.con td .input_wrap .select_wrap					      {margin-right:0;}
	table.ks_sub_table03 tr.con td .box										      {width:calc(100% / 3);}

	/*휴대폰번호*/
	table.ks_sub_table03 tr.phone td .input_wrap .select_wrap					  {margin-right:0;}
	table.ks_sub_table03 tr.phone td .box										  {width:calc(100% / 3);}
	table.ks_sub_table03 tr.phone td button										  {margin-left:0;}

	/*이메일*/
	table.ks_sub_table03 tr.mail td .input_wrap input							  {width: calc(100% / 2);}
	table.ks_sub_table03 tr.mail td .select_wrap								  {width:100%; margin-top:10px;}
	table.ks_sub_table03 tr.mail td button										  {margin-left:0;}

	/*워터마크*/
	table.ks_sub_table03 tr.mark td input										  {width:100%;}
	table.ks_sub_table03 tr.mark a.sam-image-link								  {width: 100%; display: block; text-align: center; margin-top: 10px;}

	/*아이디 및 비밀번호*/
	table.ks_sub_table03 tr.id_pasword td input									  {width:100%;}

	/*배송지 요청사항*/
	table.ks_sub_table03.shipping_address tr.request td input					  {width:100%;}
}



/*온라인구독이란?*/
.online_txt													  {margin-bottom:60px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.online_txt .tit											  {font-size:34px; font-weight:700; color: #ccc; line-height: 1.1; margin: 0 30px 15px 0;  }
.online_txt .tit span										  {color:var(--blue);}
.online_txt .sub											  {font-size:20px; font-weight: 300; color: #666;  }
.online_txt .sub strong										  {color: #222; font-weight: 600 }
.online_txt .sub span										  {color:var(--orange); font-weight:600;}

/*온라인구독관련 이미지 및 텍스트*/
.online_inner												  {margin-bottom: 100px; text-align: center; }
.online_inner ul.guide_wrap									  {display:flex; gap: 1.45%;}
.online_inner ul.guide_wrap li								  {width: calc(100%/4); background-color: #fafafa; text-align: left; padding: 20px 15px 30px 25px; border-radius:8px; }
.online_inner ul.guide_wrap li .icon						  {text-align: right; height:22%; margin-bottom: 40px; padding-right:15px; }
.online_inner ul.guide_wrap li .icon img					  {width: 35px;}
.online_inner ul.guide_wrap li.list_02 .icon img			  {width:45px;}
.online_inner ul.guide_wrap li .order						  {font-size: 17px; font-weight:500; color:var(--blue);  }
.online_inner ul.guide_wrap li .tit							  {font-size: 18px; font-weight:500; color:var(--black); margin: 10px 0 5px 0;  word-break: keep-all; }
.online_inner ul.guide_wrap li .sub							  {font-size: 15px; font-weight:300; color:var(--gray6); word-break: keep-all; }

/*검색성, 편의성, 연계성 키워드*/
.keyword													  {display: flex; gap: 45px;margin-bottom: 100px;}
.keyword .keyword_box										  {width: calc(100% / 3); box-shadow: var(--Shadow); padding: 30px; border-radius: 8px; position: relative;}
.keyword .keyword_box .keyword_icon							  {text-align: right; margin-bottom: 20px; height:28%;}
.keyword .keyword_box .keyword_icon img						  {width: 75px;}
.keyword .keyword_box.box_02 .keyword_icon img				  {width: 60px;}
.keyword .keyword_box .title								  {font-size: 26px; font-weight: 700; color: var(--blue); position: relative; margin-bottom: 10px; display: block;}
.keyword .keyword_box .title::after							  {position: absolute; font-size: 17px; font-weight: 300;  color: #aaa; bottom: 0; left: 80px;}
.keyword .box_01 .title::after								  {content: "Searchability";}
.keyword .box_02 .title::after								  {content: "Convenience";}
.keyword .box_03 .title::after								  {content: "Connectivity";}
.keyword .keyword_box .sub									  {position: relative; font-size: 17px; font-weight: 300; color: var(--gray6); margin: 4px 0 0 10px; word-break: keep-all; }
.keyword .keyword_box .sub:first-child						  {margin-top: 0;}
.keyword .keyword_box .sub::before							  {content: ""; position: absolute; width: 4px; height: 4px;  border-radius: 2px;  background-color: #999; top: 12px; left: -11px;}


@media only screen and (max-width: 1024px){

	/*온라인구독이란?*/
	.online_txt																	{margin-bottom:40px;}
	.online_txt .tit															{font-size:30px;  margin: 0 0 10px 0; }
	.online_txt .sub															{font-size:18px;}

	/*온라인구독관련 이미지 및 텍스트*/
	.online_inner																{margin-bottom: 80px;}
	.online_inner ul.guide_wrap													{flex-wrap: wrap; justify-content: space-between;}
	.online_inner ul.guide_wrap li												{width: 49%; margin-top: 20px; padding: 15px 20px; }
	.online_inner ul.guide_wrap li .icon										{margin-bottom: 20px; padding: 0; }
	.online_inner ul.guide_wrap li .icon img									{width: 35px;}
	.online_inner ul.guide_wrap li.list_02 .icon img							{width: 40px;}
	.online_inner ul.guide_wrap li .order										{font-size: 15px;}
	.online_inner ul.guide_wrap li .tit											{font-size: 17px; margin: 5px 0 0 0; width:100%; }
	.online_inner ul.guide_wrap li .sub											{font-size: 15px;}

	/*검색성, 편의성, 연계성 키워드*/
	.keyword																	{gap: 15px; margin-bottom: 80px; }
	.keyword .keyword_box														{padding: 0 15px 15px 15px; }
	.keyword .keyword_box .keyword_icon											{padding: 20px 5px 0 0; margin-bottom: 30px;}
	.keyword .keyword_box .keyword_icon img										{width: 48px;}
	.keyword .keyword_box.box_02 .keyword_icon img								{width: 42px;}
	.keyword .keyword_box .title												{font-size: 22px; margin-bottom: 4px;}
	.keyword .keyword_box .title::after											{font-size: 14px; left: 70px;}
	.keyword .keyword_box .sub													{font-size: 15px;   }
	.keyword .keyword_box .sub::before											{top: 9px; left:-10px; }
}


@media only screen and (max-width: 640px){

	/*온라인구독이란?*/
	.online_txt																	{margin-bottom:30px;}
	.online_txt .tit															{font-size:19px;}
	.online_txt .sub															{font-size:15px;}

	/*온라인구독관련 이미지 및 텍스트*/
	.online_inner																{margin-bottom: 40px;}
	.online_inner ul.guide_wrap													{flex-direction: column;}
	.online_inner ul.guide_wrap li												{width: 100%; padding: 20px 15px 10px 15px; margin-top: 10px; position: relative; }
	.online_inner ul.guide_wrap li .icon										{margin-bottom: 0; padding: 5px 5px 0 0; position: absolute; top:8px; right:15px; }
	.online_inner ul.guide_wrap li .icon img									{width: 28px; }
	.online_inner ul.guide_wrap li.list_02 .icon img							{width: 30px; }
	.online_inner ul.guide_wrap li .order										{font-size: 14px; font-weight: 600;}
	.online_inner ul.guide_wrap li .tit											{font-size: 15px;}
	.online_inner ul.guide_wrap li .sub											{font-size: 14px; color: var(--blakc);}

	/*검색성, 편의성, 연계성 키워드*/
	.keyword																	{margin-bottom: 40px; gap:10px; flex-direction: column; }
	.keyword .keyword_box														{width:100%; padding: 30px 0 20px 15px;}
	.keyword .keyword_box .keyword_icon											{position: absolute; right: 5px; top: -10px; padding: 20px 15px 0 0; margin-bottom: 0; }
	.keyword .keyword_box .keyword_icon img										{width: 30px;}
	.keyword .keyword_box.box_02 .keyword_icon img								{width: 28px;}
	.keyword .keyword_box .title												{font-size: 18px;}
	.keyword .keyword_box .title::after											{font-size: 14px; left: 55px;}
	.keyword .keyword_box .sub													{font-size: 14px; margin-top: 2px; color: var(--black); }
	.keyword .keyword_box .sub::before											{width: 3px; height: 3px; top: 10px; left: -8px;}
}


/*KS 온라인 구독*/
ul.subscribe												  {width:100%; max-width:1440px; margin:0 auto; margin-top: 80px;}
ul.subscribe li												  {width:100%; box-shadow: var(--Shadow); border-radius:8px; display: flex; align-items: center; gap:20px; padding: 45px 20px 45px 80px; margin-top:40px;}
#en ul.subscribe li											  {padding: 45px 60px 45px 60px;}
ul.subscribe li:first-child									  {margin-top:0;}
ul.subscribe li .left										  {width: 27.69%; }
ul.subscribe li .left .tit									  {font-size:28px; color:var(--blue); font-weight: 600; }
#en ul.subscribe li .left									  {width: 22%;}
#en ul.subscribe li .left .tit								  {font-size: 20px;}
ul.subscribe li.ks_list_05 .left .tit span					  {font-size: 18px; font-weight: 400; word-break: keep-all;}
ul.subscribe li .left .sub									  {font-size: 20px; color: #aaa; font-weight: 300}
ul.subscribe li .right										  {width: 72.31%}
#en ul.subscribe li .right									  {width:78%;}
ul.subscribe li .right .sentence							  {font-size: 22px; color: var(--black); font-weight: 500; margin: 0 0 10px 15px; word-break: keep-all; position: relative;}
ul.subscribe li .right .sentence::before					  {position: absolute; content:"-"; font-size: 22px; left:-15px; }
ul.subscribe li .right .sub_sentence						  {font-size: 19px; color: var(--gray6); font-weight: 300; position: relative; margin-left: 110px; word-break: keep-all;}
#en ul.subscribe li .right .sub_sentence					  {margin-left: 0;}
ul.subscribe li .right .sub_sentence::before				  {content:""; position: absolute; background: url('/img/pc/cont/suggestion.png') no-repeat 0 0 / 100%; width: 98px; height: 28px; top:1px; left:-110px; }
#en ul.subscribe li .right .sub_sentence::before			  {display: none;}

@media only screen and (max-width: 1024px){
	/*KS 온라인 구독*/
	ul.subscribe																{margin-top: 60px;}
	ul.subscribe li																{padding: 30px 10px 30px 40px; margin-top:20px; gap: 30px;}
	#en ul.subscribe li															{padding: 30px 20px;}
	ul.subscribe li .left .tit													{font-size:22px;}
	#en ul.subscribe li .left .tit								  				{font-size: 18px;}
	ul.subscribe li.ks_list_05 .left .tit span									{font-size:15px; display: block;}
	ul.subscribe li .left .sub													{font-size: 15px;}
	ul.subscribe li .right .sentence											{font-size: 18px; margin-bottom: 5px;}
	ul.subscribe li .right .sentence::before									{font-size: 18px;}
	ul.subscribe li .right .sub_sentence										{font-size: 16px; margin-left: 85px;}
	ul.subscribe li .right .sub_sentence::before								{width: 76px; left:-85px; top:3px;}
}


@media only screen and (max-width: 640px){
	/*KS 온라인 구독*/
	ul.subscribe																{margin-top: 40px;}
	ul.subscribe li																{flex-direction: column; padding: 15px; margin-top:10px; gap: 5px; }
	#en ul.subscribe li															{padding: 15px;}
	ul.subscribe li .left														{width:100%; display: flex;}
	#en ul.subscribe li .left													{width: 100%;}
	ul.subscribe li .left .tit													{font-size:18px; margin: 0; }
	#en ul.subscribe li .left .tit												{font-size: 16px;}
	ul.subscribe li.ks_list_05 .left .tit span									{font-size:13px; display: inline-block;}
	ul.subscribe li .left .sub													{display: none;}
	ul.subscribe li .right														{width:100%;}
	#en ul.subscribe li .right													{width:100%;}
	ul.subscribe li .right .sentence											{font-size: 15px; margin:0;}
	ul.subscribe li .right .sentence::before									{display:none; }
	ul.subscribe li .right .sub_sentence										{font-size: 14px; color:var(--black); margin: 5px 0 0; position: relative; text-indent: 72px;}
	#en ul.subscribe li .right .sub_sentence									{text-indent: 0;}
	ul.subscribe li .right .sub_sentence::before								{content:"";display:inline-block;background: url('/img/mo/cont/suggestion_mo.png') no-repeat 0 0 / 100%; width: 65px;height: 16px; left: 0;}
}


/*오시는 길*/
.map_box													  {width:100%; max-width:1280px; height:560px; border-radius: 14px; margin:0 auto; margin-top:40px; border:1px solid #ddd; /*  box-shadow: var(--Shadow);  */ }
ul.sub_container                                              {width:100%; max-width:1280px; margin:0 auto; margin-top:40px; background-color: var(--blue2_bg); border-radius: 14px; padding: 55px; }
ul.sub_container li                                           {display: flex; margin-top:30px; gap:20px;}
ul.sub_container li:first-child                               {margin-top:0;}
ul.sub_container li .label                                    {font-size:20px; font-weight:500; color: var(--blue); width:185px; }
ul.sub_container li .content								  {width: calc(100% - 185px);}
ul.sub_container li .content .sub							  {font-size:18px; font-weight:400; color: var(--black); position: relative; margin-left:30px; word-break: keep-all; }
ul.sub_container li .content .sub.guide                       {font-size:16px; font-weight:300; color: var(--gray6); display: block; position: relative; margin-left:10px;  }
ul.sub_container li .content .sub.guide::before				  {position: absolute; content:"-"; font-size: 16px; left:-10px; }
ul.sub_container li.traffic .content .sub                     {margin-left:40px;}
ul.sub_container li.traffic .content .sub.subway_01			  {margin-bottom:10px;}
ul.sub_container li.tel .content .sub.map_num::before         {content:""; position: absolute; background: url('/img/pc/cont/map_num.png') no-repeat 0 0 / 100%; width: 20px; height: 18px; top:4px; left:-30px; }
ul.sub_container li.adress .content .sub::before              {content:""; position: absolute; background: url('/img/pc/cont/adress.png') no-repeat 0 0 / 100%; width: 17px; height: 25px; top:2px; left:-30px; }
ul.sub_container li.traffic .content .sub.subway_01::before   {content:""; position: absolute; background: url('/img/pc/cont/subway_01.png') no-repeat 0 0 / 100%; width: 28px; height: 28px; top:2px; left:-40px; }
ul.sub_container li.traffic .content .sub.subway_02::before   {content:""; position: absolute; background: url('/img/pc/cont/subway_02.png') no-repeat 0 0 / 100%; width: 28px; height: 28px; top:2px; left:-40px; }

@media only screen and (max-width: 1024px){

	/*오시는 길*/
	.map_box																  {margin-top:30px; height:420px; }
	ul.sub_container														  {padding: 30px 20px; margin-top:30px;}
	ul.sub_container li														  {margin-top:20px;}
	ul.sub_container li .label												  {font-size:18px; width:120px; }
	ul.sub_container li .content											  {width: calc(100% - 120px);}
	ul.sub_container li .content .sub										  {font-size:18px; margin-left:25px; }
	ul.sub_container li .content .sub.guide									  {font-size:15px;}
	ul.sub_container li.traffic .content .sub								  {margin-left:35px;}
	ul.sub_container li.traffic .content .sub.subway_01						  {margin-bottom:8px;}
	ul.sub_container li.tel .content .sub.map_num::before					  {width: 16px; top:6px; left:-25px; }
	ul.sub_container li.adress .content .sub::before						  {width: 13px; top:4px; left:-25px; }
	ul.sub_container li.traffic .content .sub.subway_01::before				  {width: 24px; top:2px; left:-35px; }
	ul.sub_container li.traffic .content .sub.subway_02::before				  {width: 24px; top:2px; left:-35px; }
}

@media only screen and (max-width: 640px){

	/*오시는 길*/
	.map_box																  {margin-top:20px; height:280px;}
	ul.sub_container														  {padding: 20px; margin-top:20px;}
	ul.sub_container li														  {margin-top:15px; gap: 3px; flex-direction: column;}
	ul.sub_container li .content											  {width: 100%;}
	ul.sub_container li .label												  {font-size:15px; width:100%; }
	ul.sub_container li .content .sub										  {font-size:15px; margin-left:20px; }
	ul.sub_container li .content .sub.guide									  {font-size:13px; margin-left:20px; color: var(--black); }
	ul.sub_container li .content .sub.guide::before							  {display: none;}
	ul.sub_container li.traffic .content .sub								  {margin-left:28px;}
	ul.sub_container li.traffic .content .sub.subway_01						  {margin-bottom:5px;}
	ul.sub_container li.tel .content .sub.map_num::before					  {width: 14px; top:5px; left:-20px;}
	ul.sub_container li.adress .content .sub::before						  {width: 11px; top:3px; left:-20px;}
	ul.sub_container li.traffic .content .sub.subway_01::before				  {width: 17px; top:3px; left:-25px;}
	ul.sub_container li.traffic .content .sub.subway_02::before				  {width: 17px; top:3px; left:-25px;}
}


/*담당자 연락처*/
.contact_wrap ul.contact_table									{border-top: 2px solid #000; width: 100%;}
.contact_wrap ul.contact_table li								{padding: 10px 0;text-align: center; display: flex; border-bottom: 1px solid #ddd;}
.contact_wrap ul.contact_table li p								{margin: auto; word-break: keep-all; word-wrap: break-word;}
.contact_wrap ul.contact_table li p br							{display: none;}
.contact_wrap ul.contact_table li.thead							{background-color: #f2f2f2;}
.contact_wrap ul.contact_table li.thead p						{font-size: 17px;  color: var(--black); font-weight: 400;}
.contact_wrap ul.contact_table li.tbody p						{font-size: 16px; color: var(--gray6);  font-weight: 300;}
.contact_wrap ul.contact_table li p.role						{width: 22%;}
.contact_wrap ul.contact_table li p.dept						{width: 22%;}
.contact_wrap ul.contact_table li p.manager						{width: 12%;}
.contact_wrap ul.contact_table li p.mail						{width: 22%;}
.contact_wrap ul.contact_table li p.num							{width: 22%;}
.contact_wrap ul.contact_table li p.num a						{display: block; color: inherit;}
.contact_wrap ul.contact_table li p.num a:hover					{text-decoration: underline;}
.contact_wrap ul.contact_table li .tt_btn						{color: var(--blue) !important; font-weight: 400; text-decoration: underline;}
.contact_wrap ul.contact_table li .info_box 					{margin: auto;}
.contact_wrap ul.contact_table li .info							{width: 100%; max-width: 240px;}

@media only screen and (max-width: 1024px){

	/*담당자 연락처*/
	.contact_wrap ul.contact_table li.thead p									{font-size: 16px;}
	.contact_wrap ul.contact_table li.tbody p									{font-size: 15px;}
	.contact_wrap ul.contact_table li:nth-child(2) .info_box .small_pop			{bottom: auto; top: 55px;}
}

@media only screen and (max-width: 640px){

	/*담당자 연락처*/
	.contact_wrap																{overflow-x: scroll;}
	.contact_wrap ul.contact_table												{min-width:640px;}
	.contact_wrap ul.contact_table li											{padding: 15px 0;}
	.contact_wrap ul.contact_table li p br										{display: block;}
	.contact_wrap ul.contact_table li.thead p									{font-size: 14px;}
	.contact_wrap ul.contact_table li.tbody p									{font-size: 14px; line-height:1.3; color: var(--black); }
	.contact_wrap ul.contact_table li .info										{max-width: 220px;}
	.contact_wrap ul.contact_table li .info_box									{width: auto;}
	.contact_wrap ul.contact_table li .info_box .info_btn a						{min-width: 220px;}
}


/*견적의뢰(KS영문번역)*/

/*견적 테이블*/
table.ks_sub_table.est tbody td br								{display: none;}
table.ks_sub_table.est tr .status								{border-right: none;}
table.ks_sub_table.est tr .del									{padding:0; border-right: none; }
table.ks_sub_table.est tr td.del button							{padding: 5px 7px; border-radius: 4px; background-color: #999; color: #fff; font-size: 14px;  border: none; outline: none;  transition: background 0.3s;}
table.ks_sub_table.est tr td.del button img						{width: 12px;  margin-left: 6px;  margin-bottom: 2px; }
table.ks_sub_table.est tr td.del button:hover					{background-color: var(--black);}
table.ks_sub_table.est tr td.del a								{padding: 5px 7px; border-radius: 4px; background-color: #999; color: #fff; font-size: 14px;  border: none; outline: none;  transition: background 0.3s;}
table.ks_sub_table.est tr td.del a img							{width: 12px;  margin-left: 6px;  margin-bottom: 2px; }

/*견적 셀렉트*/
ul.est_selectform												{width:100%; display:flex; gap:2%; padding:30px 15px; border-bottom: 1px solid #ddd;}
ul.est_selectform li											{position: relative;}
ul.est_selectform li select										{font-size: 16px; font-weight:400; color: var(--black); background-color: transparent; width:100%; padding:10px; background-color: #f2f2f2; border-radius:6px; word-break: keep-all; word-wrap: break-word; cursor:pointer;  overflow: hidden; white-space: nowrap;  }
ul.est_selectform li input										{font-size: 16px; font-weight:400; color: var(--black); background-color: transparent; width:100%; padding:10px; background-color: #f2f2f2; border-radius:6px; word-break: keep-all; word-wrap: break-word;}
ul.est_selectform li input::placeholder							{font-size: 16px; font-weight:400; color: var(--black);}
ul.est_selectform li::after										{position: absolute; content:""; background: url('/img/pc/cont/select_down.png') no-repeat 0 0 / 100%; width: 9px; height:6px; top:46%; right: 7px;}
ul.est_selectform li.agency										{width: 15%;}
ul.est_selectform li.item										{width: 13%;}
ul.est_selectform li.name										{width: 24%;}
ul.est_selectform li.name::after								{display:none;}
ul.est_selectform li.qty										{width: 8%;}
ul.est_selectform li.lang										{width: 10%;}
ul.est_selectform li.type										{width: 11%;}
ul.est_selectform li.status										{width: 12%;}
ul.est_selectform li.plus										{width: 7%;}
ul.est_selectform li.plus::after								{display:none;}
ul.est_selectform li.plus button								{background-color: var(--blue); color: #fff; padding: 12px 0;  width:100%; border-radius: 6px; font-size:15px; line-height:21px; transition: background 0.3s; border:none; outline:none;}
ul.est_selectform li.plus button img							{width:12px; margin-left:5px; margin-bottom:2px; }
ul.est_selectform li.plus button:hover							{background-color: var(--black);}

/*문의하기*/
.form_wrap														{width:100%; margin:40px 0 80px 0; border-top:2px solid #000; }
.form_wrap ul.top_box											{display:flex; border-bottom:1px solid #ddd; }
.form_wrap ul.top_box li										{width: calc(100% / 3); text-align: center; display: flex; align-items: center; }
.form_wrap ul.top_box li .label									{border-right: 1px solid #ddd; width: 173px; font-size:17px; color: var(--black); font-weight:400; background-color: #f2f2f2; padding:15px 0; position: relative; }
.form_wrap ul.top_box li .label .orange							{color: var(--orange); position: absolute; top:10px; font-size:16px; }
.form_wrap ul.top_box li .txt									{padding:12px;}
.form_wrap ul.top_box li input									{width: calc(100% - 140px); font-size:17px; color: var(--black); font-weight:400; padding:15px; border-left: 1px solid #ddd; outline: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.form_wrap ul.top_box li input::placeholder					    {font-size:15px; color: #999; font-weight:300;}
.form_wrap .inquiry_box											{text-align: center; display:flex; border-bottom:1px solid #ddd; margin-bottom:30px; }
.form_wrap .inquiry_box .label									{border-right: 1px solid #ddd; width: 178px; font-size:17px; color: var(--black); font-weight:400; background-color: #f2f2f2; padding:90px 0; position: relative;  }
.form_wrap .inquiry_box .label br								{display: none;}
.form_wrap .inquiry_box .label .orange							{color: var(--orange); position: absolute; top:40%; font-size:16px; }
.form_wrap .inquiry_box .text_wrap								{width: calc(100% - 140px);  padding:15px; /* border-left: 1px solid #ddd; */ position: relative; }
.form_wrap .inquiry_box .text_wrap textarea						{width:100%; height:80%; outline: none; border:none; resize:none; font-size:17px; color: var(--black); font-weight:400; padding:0;  }
.form_wrap .inquiry_box .text_wrap textarea::placeholder		{font-size:15px; color: #999; font-weight:300; width:100%;  overflow: hidden; white-space: normal; text-overflow: ellipsis;}
.form_wrap .inquiry_box .text_wrap .count						{position: absolute; bottom:25px; right:25px; font-size:16px; color: var(--gray6); font-weight:300; }
.form_wrap .est_btn												{background-color: var(--blue); color:#fff; font-size: 18px; font-weight:400; width:14%; display: block; text-align: center; margin: 0 auto; padding: 20px 0; border-radius:5px; transition: background 0.5s; }
.form_wrap .est_btn:hover										{background-color: var(--black);}

/*꼭 읽어보시오*/
.warning														{margin-top:40px;}
.warning .tit													{font-size:28px; color: var(--black); font-weight:500;}
.warning .tit img												{width: 26px; margin: 0 10px 5px 0; }
.warning .txt_bg												{background-color: #f9fbff; padding:30px 40px; margin-top:15px; }
.warning .txt_bg .txt											{position: relative; font-size:16px; color: var(--gray6); font-weight:400; margin: 10px 0 0 15px; }
.warning .txt_bg .txt::before									{position: absolute; content:"-"; font-size:16px; left:-15px; }
.warning .txt_bg .txt:first-child								{margin-top:0;}
.warning .txt_bg .txt .mem_info									{font-size:14px; font-weight:300; color: #fff; padding:4px 15px; background-color: #999; border-radius:4px; display: inline-block;  transition: background 0.5s; }
.warning .txt_bg .txt .mem_info:hover							{background-color: var(--orange)}
.warning .txt_bg .txt b.blue									{font-weight: 500;color: var(--blue2);}


@media only screen and (max-width: 1024px){

	.mo_scroll_table		{overflow-x: auto;}
	.mo_scroll_table table	{min-width: 1000px;}


	/*견적 테이블*/
	table.ks_sub_table.est tr td.del button									{padding: 4px 12px; font-size: 13px; }
	table.ks_sub_table.est tr td.del button img								{display:none;}

	/*견적 셀렉트*/
	ul.est_selectform														{padding:15px 10px; gap:1%; flex-wrap: wrap; justify-content: center; }
	ul.est_selectform li select												{font-size: 14px; padding:10px 5px; }
	ul.est_selectform li input												{font-size: 14px; padding:10px 5px; }
	ul.est_selectform li input::placeholder									{font-size: 14px;}
	ul.est_selectform li.agency												{width: 16%;}
	ul.est_selectform li.item												{width: 15%;}
	ul.est_selectform li.type												{width: 10%;}
	ul.est_selectform li.name												{width: 23%;}
	ul.est_selectform li.qty												{width: 8%;}
	ul.est_selectform li.lang												{width: 8%;}
	ul.est_selectform li.type												{width:12%;}
	ul.est_selectform li.plus												{width:30%; margin-top:10px; }
	ul.est_selectform li.plus button										{padding: 10px 0;  font-size:14px; line-height:20px; }
	ul.est_selectform li.plus button img									{width: 12px; margin-left: 10px;}

	/*문의사항*/
	.form_wrap																{margin: 30px 0 50px 0; }
	.form_wrap ul.top_box													{flex-direction: column}
	.form_wrap ul.top_box li												{width: 100%; border-bottom:1px solid #ddd; }
	.form_wrap ul.top_box li.num											{border-bottom: none;}
	.form_wrap ul.top_box li .label											{width: 190px; font-size:16px; }
	.form_wrap ul.top_box li .label .orange									{font-size: 14px;}
	.form_wrap ul.top_box li .txt											{font-size: 15px;}
	.form_wrap ul.top_box li input											{width: calc(100% - 190px); font-size:16px; }
	.form_wrap .inquiry_box													{border-bottom:20px; border-bottom:1px solid #ddd;}
	.form_wrap .inquiry_box .label											{width: 190px; font-size:16px; padding: 80px 0; }
	.form_wrap .inquiry_box .label .orange									{font-size:14px;}
	.form_wrap .inquiry_box .text_wrap										{width: calc(100% - 190px);}
	.form_wrap .inquiry_box .text_wrap textarea								{font-size:16px;}
	.form_wrap .inquiry_box .text_wrap .count								{font-size:15px; right:20px; bottom:20px; }
	.form_wrap .est_btn														{width:25%; padding:15px 0; font-size:16px; }

	/*주의사항*/
	.warning																{margin-top:30px;}
	.warning .tit															{font-size:24px;}
	.warning .tit img														{width: 22px; margin: 0 5px 5px 0; }
	.warning .txt_bg														{padding:20px 30px; margin-top:10px; }
	.warning .txt_bg .txt													{font-size:15px;}
	.warning .txt_bg .txt:first-child										{margin-top:0;}
	.warning .txt_bg .txt .mem_info											{font-size:12px; padding:3px 10px; }
}

@media only screen and (max-width: 720px){




	/*견적 셀렉트*/
	ul.est_selectform														{padding: 20px 0; gap:2%; align-items: center; border-bottom:none;  }
	ul.est_selectform li													{margin-top:10px;}
	ul.est_selectform li select												{padding: 12px;}
	ul.est_selectform li input												{padding: 12px;}
	ul.est_selectform li:nth-child(1,2)										{margin-top:0;}
	ul.est_selectform li.agency												{width: 49%;}
	ul.est_selectform li.item												{width: 49%;}
	ul.est_selectform li.name												{width: 100%;}
	ul.est_selectform li.qty												{width: 49%;}
	ul.est_selectform li.lang												{width: 49%;}
	ul.est_selectform li.type												{width: 49%;}
	ul.est_selectform li.status												{width: 49%;}
	ul.est_selectform li.plus												{width: 100%; margin-top:10px; }
	ul.est_selectform li.plus button										{padding:12px; font-size:14px;  }
	ul.est_selectform li.plus button img									{display:none;}
}


@media only screen and (max-width: 640px){
	/*견적의뢰(KS영문번역)*/

	/*문의사항*/
	.form_wrap																{margin: 15px 0 30px 0;}
	.form_wrap ul.top_box li .label											{width: 95px; font-size:14px; }
	.form_wrap ul.top_box li .label .orange									{font-size: 12px;}
	.form_wrap ul.top_box li .txt											{font-size: 14px;}
	.form_wrap ul.top_box li input											{width: calc(100% - 95px); font-size:14px;}
	.form_wrap ul.top_box li input::placeholder								{font-size:13px;}
	.form_wrap .inquiry_box													{margin-bottom:15px; border-bottom:1px solid #ddd; }
	.form_wrap .inquiry_box .label											{width: 95px; font-size:14px; line-height:18px; padding: 55px 0; }
	.form_wrap .inquiry_box .label br										{display: block;}
	.form_wrap .inquiry_box .label .orange									{font-size:12px; top:35%; right:20%; }
	.form_wrap .inquiry_box .text_wrap										{width: calc(100% - 95px);}
	.form_wrap .inquiry_box .text_wrap textarea								{font-size:14px;}
	.form_wrap .inquiry_box .text_wrap textarea::placeholder				{font-size:13px;}
	.form_wrap .inquiry_box .text_wrap .count								{font-size:12px; right:10px; bottom:10px; }
	.form_wrap .est_btn														{width:100%; padding:15px 0; font-size:14px; font-weight: 500;}

	/*주의사항*/
	.warning																{margin-top:20px;}
	.warning .tit															{font-size:18px;}
	.warning .tit img														{width: 18px; }
	.warning .txt_bg														{padding:15px 25px; }
	.warning .txt_bg .txt													{font-size:14px; line-height:20px; margin-left:0; }
	.warning .txt_bg .txt::before											{font-size:13px; left:-10px;}
	.warning .txt_bg .txt .mem_info											{font-size: 13px; padding: 5px 20px; margin-top:15px; display:table; font-weight: 400;}

}


/*구독절차*/
ul.procedure_wrap												{display: flex; gap:2.2%; margin: 60px 0 70px 0; position: relative;     z-index: 1; }
ul.procedure_wrap::after										{content: ""; position: absolute; width: 100%; height: 1px; border-top: 1px dashed #ddd;  top: 50%; z-index:-1; }
ul.procedure_wrap li											{width: calc(100% / 4); background-color:#fff; box-shadow: var(--Shadow); padding:35px 20px 60px 20px; text-align: center; position: relative; border-radius:10px; }
ul.procedure_wrap li::after										{content:""; position: absolute; top:47.5%; right:-5%; margin-right:-18px; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 10px solid var(--orange); border-right: 14px solid transparent;}
ul.procedure_wrap li.step04::after								{display:none;}
ul.procedure_wrap li .order										{display: inline-block; font-size: 13px; font-weight:400; color:#fff; padding:3px 12px; border-radius:2px; background-color: var(--blue); margin-bottom:35px; }
ul.procedure_wrap li .icon img									{width:105px; height:88px;}
ul.procedure_wrap li .tit										{font-size:24px; font-weight:600; color: var(--black); margin-top:25px; word-break: keep-all; word-wrap: break-word; }


@media only screen and (max-width: 1024px){

	/*구독절차*/
	ul.procedure_wrap															{gap:3%; margin: 40px 0 50px 0; }
	ul.procedure_wrap li														{padding:25px 15px;;  }
	ul.procedure_wrap li::after													{top:48%; right:-5%; margin-right:-17px; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 8px solid var(--orange); border-right: 9px solid transparent;}
	ul.procedure_wrap li .order													{margin-bottom:25px; font-size:12px; padding:2px 10px; }
	ul.procedure_wrap li .tit													{font-size:20px; margin-top:15px;}
	ul.procedure_wrap li .icon img												{width:50%; height:auto; }

}

@media only screen and (max-width: 640px){

	/*구독절차*/
	ul.procedure_wrap															{gap:5%; margin: 20px 0 30px 0; flex-wrap: wrap; }
	ul.procedure_wrap::after													{display: none;}
	ul.procedure_wrap li														{width:47.5%; padding:5px; border-radius:5px; display: flex; flex-direction: column }
	ul.procedure_wrap li:nth-child(n+3)											{margin-top:25px;}
	ul.procedure_wrap li .tit													{font-size:14px; margin-top:10px;}
	ul.procedure_wrap li .order													{padding:0; margin-bottom:10px; background-color: #fff; color: var(--blue); font-size:13px; font-weight:500; }
	ul.procedure_wrap li .icon													{height:30px;}
	ul.procedure_wrap li .icon img												{width:42px; }
	ul.procedure_wrap li.step01													{order:1}
	ul.procedure_wrap li.step02													{order:2}
	ul.procedure_wrap li.step03													{order:4; position:relative;}
	ul.procedure_wrap li.step04													{order:3}
	ul.procedure_wrap li::after													{right:-3%; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 7px solid var(--orange); border-right: 8px solid transparent;}
	ul.procedure_wrap li.step02::after											{right:54%; top:113%; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 7px solid var(--orange); border-right: 8px solid transparent;  transform: rotate(90deg);}
	ul.procedure_wrap li.step03::after											{display:none;}
	ul.procedure_wrap li.step03::before											{content: ""; position: absolute;  top: 45%; left: -7%; margin-left:-9px; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 7px solid var(--orange); border-left: 8px solid transparent;}

}


/*KS표준검색*/

.s_cont .int_div															{border-top: solid 2px #000; padding-top: 11px;}

.sub_info																	{width: 100%; display: flex; align-items: center; justify-content: flex-end; margin:70px 0 15px 0;}
.sub_info p.txt																{font-size: 14px;background: url(/img/pc/cont/star.png) no-repeat 0% 50%;}
.sub_info p.txt span:nth-child(1)											{font-weight: 500; color: #222; padding-left: 23px;}
.sub_info p.txt span:nth-child(2)											{color: var(--gray6);}
.sub_info a.plus															{display: inline-block; padding: 5px 8px; text-align: center; font-size: 14px; font-weight: 500; color: #222; border: 1px solid #333;  border-radius: 3px;margin-left: 10px; transition: .2s;}

ul.indsearch_table li .ks_txt .state p.orange								{background-color: var(--orange);}
ul.indsearch_table li div.ks_txt ul.ks_stxt li:nth-child(2)					{margin-right:20px;}

table.detail tr th															{width:15%; text-align:left; padding:12px 20px; }
table.detail tr th br														{display:none;}
table.detail tr td															{color:var(--gray6); font-size:16px; height:0; padding:12px 20px; }
table.detail tr td span												        {display: block; position: relative; margin-left:12px; }
table.detail tr td span::before										        {content:""; position: absolute; width: 3px; height:3px; background-color: var(--gray6); border-radius: 6px; top:12px; left:-12px; }
table.detail tr td .sub_txt													{margin-left:15px;}

table.ks_sub_table.audit thead tr th										{text-align:center;}
table.ks_sub_table.audit tbody tr td.date									{width: 15%;}
table.ks_sub_table.audit tbody tr td.sta									{width: 5%;}
table.ks_sub_table.audit tbody tr td.file									{width: 20%;}
table.ks_sub_table.audit tbody tr td.etc									{width: 60%;}
table.ks_sub_table.audit tbody tr td button									{font-size:13px; color:#fff; background-color:var(--blue); padding:8px 20px 8px 12px; width:100%; border-radius:4px; transition: background 0.3s; }
table.ks_sub_table.audit tbody tr td button::after							{content:""; position: absolute; background: url('/img/pc/cont/download.png') no-repeat 0 0 / 100%; width: 12px; height:15px; margin: 3px 0 0 6px;  }
table.ks_sub_table.audit tbody tr td button:hover							{background-color:var(--black);}

p.record_txt																{color:var(--blue); font-size:15px; font-weight:400; padding: 15px; position:relative; margin-left:5px; }
p.record_txt::before														{content:"*"; position: absolute; font-size:15px; color:var(--blue;); left:0; }

table.ks_sub_table tbody tr td.standard_num b							    {display: flex; gap:8px; /* justify-content: center; */ align-items: center; font-size: 14px;}
table.ks_sub_table.record tbody tr td.name									{text-align:left;}
table.ks_sub_table.quotation tbody tr td.name								{text-align:left;}
table.ks_sub_table.quotation tbody tr td.tit b								{justify-content: flex-start; align-items: flex-start; text-align:left;}

ul.shopping_cart															{display:flex; align-items: center; justify-content: space-between;  background-color: #f2f2f2; padding:10px 15px; border-bottom:1px solid #ddd; }
ul.shopping_cart li															{display: flex;}
ul.shopping_cart li:nth-child(2)											{align-items: center; gap:15px;}
ul.shopping_cart li p														{font-size:16px; font-weight:400;}
ul.shopping_cart li p .orange												{color: var(--orange); font-weight:400;}
ul.shopping_cart li .cart													{font-size:16px; font-weight:500; color:#fff; padding:10px 20px; border-radius:4px; background-color: var(--green); transition: background 0.3s;}
ul.shopping_cart li .cart img												{margin: 0 8px 3px 0;}
ul.shopping_cart li .cart:hover											    {background-color: var(--black);}
ul.shopping_cart li .cart2													{font-size:16px; font-weight:500; color:#fff; padding:10px 20px; border-radius:4px; background-color: var(--green); transition: background 0.3s;}
ul.shopping_cart li .cart2 img												{margin: 0 8px 3px 0;}
ul.shopping_cart li .cart2:hover										    {background-color: var(--black);}

.list_wrap																	{display: flex; justify-content: space-between; margin-top:70px; width:100%;}
.list_wrap .container														{width: 30%;}
.list_wrap .container p.tit													{font-size:20px; color: var(--black); font-weight:600; margin-bottom:15px; }
.list_wrap .container ul.goods_list											{border-top:2px solid #000;}
.list_wrap .container ul.goods_list li										{border-bottom:1px solid #ddd; padding:10px 15px; position: relative; }
.list_wrap .container ul.goods_list li:hover								{background-color: var(--blue2_bg)}
.list_wrap .container ul.goods_list li:hover a								{text-decoration:underline;}
.list_wrap .container ul.goods_list li::before							    {content:""; position: absolute; width:3px; height:3px; border-radius:4px; background-color:var(--gray6); left:10px; top:50%;  }
.list_wrap .container ul.goods_list li a									{display:block; color:var(--gray6); font-size:16px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width:90%; margin-left:10px;   }
.list_wrap .container ul.goods_list li.none									{text-align:left; color: var(--gray6); font-size: 16px; font-weight:400;}
.list_wrap .container ul.goods_list li.none::before							{display:none}


.shopping_cart .number-input						{margin-bottom: 0;}
.shopping_cart .number-input + .list_btn			{min-width: 163px; height: 40px; border-radius: 3px; display: inline-block; padding: 7px 0 8px; text-align: center; color: #fff; font-size: 16px; font-weight: 400;}
.shopping_cart .number-input + .estimate2			{background: var(--blue);}
.shopping_cart .number-input + .estimate2:hover		{background: var(--black);}

@media only screen and (max-width: 1200px){

	/* table.ks_sub_table.quotation thead .check_v input[type="checkbox"] + label:after {top:-10px;}
	table.ks_sub_table.cart thead .check_v input[type="checkbox"] + label:after {top:-10px;} */

}



@media only screen and (max-width: 1024px){

	table.detail tr td															{font-size:15px; }
	table.detail tr td span::before										        {top:8px; left:-10px;}
	table.ks_sub_table.audit tbody tr td.file												{width: 40%;}

	p.record_txt																{font-size:14px; padding:10px; }
	p.record_txt::before														{font-size:14px;}

	table.ks_sub_table tbody tr td.standard_num									{flex-wrap:wrap; justify-content: center;}

	ul.shopping_cart															{padding:10px; flex-wrap:wrap; gap:6px; }
	ul.shopping_cart li p														{font-size:16px;}
	ul.shopping_cart li .cart													{font-size:15px; padding:8px 18px;}
	ul.shopping_cart li .cart2													{font-size:15px; padding:8px 18px;}

	.list_wrap																	{flex-direction: column; gap: 15px; margin-top: 30px;}
	.list_wrap .container														{width: 100%;}
	.list_wrap .container p.tit													{font-size:17px; margin-bottom:10px; }
	.list_wrap .container ul.goods_list li										{padding:10px;}
	.list_wrap .container ul.goods_list li a									{font-size:15px;}
	.list_wrap .container ul.goods_list li.none									{font-size:15px;}

}

@media only screen and (max-width: 720px){

	.list_wrap .container p.tit													{font-size:16px;}
	.list_wrap .container ul.goods_list li p									{font-size:14px;}

}

@media only screen and (max-width: 640px){

	.sub_info																	{margin:50px 0 15px 0;}
	.sub_info p.txt																{background: url('/img/mo/cont/star.png') no-repeat 0% 50% / 19px;}
	.sub_info p.txt span:nth-child(1)											{font-weight:500; color:#222; padding-left: 23px;}
	.sub_info p.txt span:nth-child(2)											{color:#666;}
	.sub_info a.plus															{padding: 3px 8px;}

	table.detail tr th															{width:22%; padding:8px; text-align:center; }
	table.detail tr th br														{display:block;}
	table.detail tr td															{font-size:14px; padding:10px; }
	table.detail tr td .sub_txt													{margin-left:0}

	table.ks_sub_table.audit													{border-top: 2px solid #000; margin-bottom:10px; }
	table.ks_sub_table.audit tbody tr											{border-bottom:none; height:55px; padding:0; margin-top:15px; }
	table.ks_sub_table.audit tbody tr:first-child								{margin-top:0;}
	table.ks_sub_table.audit tbody tr td										{border-bottom:none;}
	table.ks_sub_table.audit tbody tr td.date									{order:1; width: fit-content; display: inline-block;}
	table.ks_sub_table.audit tbody tr td.sta									{order:2;width: fit-content; display: inline-block;}
	table.ks_sub_table.audit tbody tr td.file									{width:100%; order:4; margin-top:-8px;}
	table.ks_sub_table.audit tbody tr td.file::after							{display:none;}
	table.ks_sub_table.audit tbody tr td.etc									{order:3; width: fit-content; display: inline-block;}
	table.ks_sub_table.audit tbody tr td button									{font-size:12px; padding:7px 30px; margin-top:5px; }
	table.ks_sub_table.audit tbody tr td button::after							{display:none;}

	table.ks_sub_table tbody tr td.standard_num b								{justify-content: flex-start; align-items: unset; }
	table.ks_sub_table tbody tr td .view										{margin-top:-2px;}

	table.ks_sub_table.record tbody tr td.name									{order:2; margin-left:0;}
	table.ks_sub_table.record tbody tr td.date									{order:3;}
	table.ks_sub_table.record tbody tr td.state									{order:4;}
	table.ks_sub_table.record tbody tr td.note									{order:5;}
	table.ks_sub_table.record tbody tr td.note::after							{display:none;}
	table.ks_sub_table.record tbody tr td.remarks								{display:none;}

	/* table.ks_sub_table.quotation tbody tr										{padding-left:28px;}
	table.ks_sub_table.quotation  tr td.check									{display:inline-block; order:1; }
	table.ks_sub_table.quotation  tr td.no										{display:none;}
	table.ks_sub_table.quotation  tr td.tit										{width:100%; order:2;}
	table.ks_sub_table.quotation  tr td.name									{order:3;}
	table.ks_sub_table.quotation  tr td.date									{order:4;}
	table.ks_sub_table.quotation  tr td.lang									{order:5;}
	table.ks_sub_table.quotation  tr td.type									{order:6;}
	table.ks_sub_table.quotation  tr td.price									{order:7;}
	table.ks_sub_table.quotation  .check_v input[type="checkbox"] + label:after	{top:0}	 */

	ul.shopping_cart li:nth-child(2)											{width: 100%; justify-content: space-between; flex-wrap:wrap; gap:10px}
	ul.shopping_cart li p														{font-size:14px;}
	ul.shopping_cart li .cart													{font-size:14px; font-weight:400; padding:10px 20px; width:100%; text-align:center }
	ul.shopping_cart li .cart img												{display:none;}
	ul.shopping_cart li .cart2													{font-size:14px; font-weight:400; padding:10px 20px; width:100%; text-align:center }
	ul.shopping_cart li .cart2 img												{display:none;}

	.list_wrap .container ul.goods_list li a									{font-size:14px;}
	.list_wrap .container ul.goods_list li.none									{font-size:14px;}

	.shopping_cart .number-input + .list_btn		{width: 100%;}

}


@media only screen and (max-width: 500px){

	.sub_info																	{justify-content: space-between; margin-bottom:15px; margin:30px 0 15px 0;}
	.sub_info p.txt																{background: url('/img/mo/cont/star.png') no-repeat 0% 7% / 19px;}
	.sub_info p.txt span														{padding-left: 23px; display:block;}

}


/*장바구니*/

/*테이블*/
table.ks_sub_table.cart tbody tr td.tit						{padding: 10px 15px; text-align:left; font-weight:500;}
table.ks_sub_table.cart tbody tr td.tit a					{font-weight:500; color: var(--black);}
table.ks_sub_table.cart tbody tr td.tit p					{font-size:14px; font-weight:300; color: var(--gray6);}
table.ks_sub_table.cart tbody tr td.qty input[type="number"]{border:1px solid #ddd; width:70px; font-size:16px; font-weight:400; text-align:center; }
table.ks_sub_table.cart tbody tr.nolist td					{padding:30px; color: var(--black); font-weight:500; text-align:center;  }
table.ks_sub_table.cart tbody tr td.sell .sale				{font-weight: 500; color: var(--black);}
table.ks_sub_table.cart tbody tr td.tal	b					{font-weight: 500; color: var(--black);}
table.ks_sub_table.cart tbody tr th.check					{vertical-align: middle;}

/*선택삭제*/
ul.del_wrap													{background-color:#f6f6f6; width: 100%; display: flex; align-items:center; gap: 20px 50px; justify-content: space-between; padding:20px 25px; border-bottom: 1px solid #ddd;}
ul.del_wrap	li.txt											{font-size:17px; color:var(--black); font-weight:400; }
ul.del_wrap	li.txt br										{display:none;}
ul.del_wrap	li.del											{display: flex; gap: 6px;}
ul.del_wrap	li.del button									{font-size:16px; font-weight:400; color:#fff; background-color: #999; padding:15px 40px; border-radius:6px; transition: background 0.5s; }
ul.del_wrap	li.del button img								{width: 16px; margin: 0 0 4px 8px;}
ul.del_wrap	li.del button:hover								{background-color: var(--black);}
ul.del_wrap	li.del a										{display: block; text-align: center; font-size:16px; font-weight:400; min-width: 163px; color:#fff; background-color: #999; padding:15px 40px; border-radius:6px; transition: background 0.5s; }
ul.del_wrap	li.del a.blue									{background: var(--blue);}
ul.del_wrap	li.del a.blue:hover								{background-color: var(--black);}
ul.del_wrap	li.del a img									{width: 16px; margin: 0 0 4px 8px;}
ul.del_wrap	li.del a:hover									{background-color: var(--black);}
#en ul.del_wrap	li.txt										{font-weight: 300;}
#en ul.del_wrap	li.total p									{font-size: 20px; font-weight: 400;}
#en ul.del_wrap	li.total b									{font-size: 22px; font-weight: 600; margin-left: 6px;}

/*결제금액*/
.total_price.cart_total										{padding:20px 15px; justify-content: space-between}
.total_price.cart_total li									{width: 21%;; padding: 0 15px;}
.total_price.cart_total.li_3 li								{width: 29%;}
.total_price.cart_total li:nth-child(3)						{padding-right:15px;}
.total_price.cart_total li:nth-child(2):after				{background: #444 url('/img/pc/cont/price_minus.png') no-repeat 50% 50% / 24px;}
.total_price.cart_total li:nth-child(3):after				{background: #444 url('/img/pc/cont/price_icon.png') no-repeat 50% 50% / 24px;}
.total_price.cart_total li:last-child						{padding-right: 0;}
.total_price.cart_total li::after							{right:-44px;}
.total_price.cart_total li p.orange span				    {display:block; font-size:15px; }

/*주의사항*/
.warning.cart .txt_bg p.txt									{font-weight:300;}
.warning.cart .txt_bg p.txt .orange							{color: var(--orange); font-weight:300; }
.warning.cart .txt_bg p.txt .orange_strong					{color: var(--orange); font-weight:500; }

/*버튼*/
.btn_wrap													{display: flex; padding:40px; gap:10px; justify-content: center;}
.btn_wrap button											{color:#fff; font-size:18px; font-weight:400; padding:15px; border-radius:5px; transition: background 0.5s; min-width:150px;}
.btn_wrap button.now										{background: var(--blue);}
.btn_wrap button.now:hover									{background: var(--black);}
.btn_wrap button.aft										{background: var(--green);}
.btn_wrap button.aft:hover									{background: var(--black);}
.btn_wrap button.prev										{background: var(--gray6);}
.btn_wrap button.prev:hover									{background: var(--black);}
.btn_wrap button.next										{background:var(--blue);}
.btn_wrap button.next:hover									{background: var(--black);}
.btn_wrap button.gray										{background: #666;}
.btn_wrap button.gray:hover									{background: var(--black);}
.btn_wrap button.Lgray										{border:1px solid #333; color:#333;}
.btn_wrap button.Lgray:hover								{background: var(--black); color:#fff;}
.btn_wrap a													{display: flex; align-items: center; justify-content: center; color:#fff; font-size:18px; box-sizing: border-box; font-weight:400; padding:15px; border-radius:5px; transition: background 0.5s; min-width:150px;}
.btn_wrap a.now												{background: var(--blue);}
.btn_wrap a.now:hover										{background: var(--black);}
.btn_wrap a.aft												{background: var(--green);}
.btn_wrap a.aft:hover										{background: var(--black);}
.btn_wrap a.prev											{background: var(--gray6);}
.btn_wrap a.prev:hover										{background: var(--black);}
.btn_wrap a.next											{background:var(--blue);}
.btn_wrap a.next:hover										{background: var(--black);}
.btn_wrap a.gray											{background: #666;}
.btn_wrap a.gray:hover										{background: var(--black);}

@media only screen and (max-width: 1120px){

	/*결제금액*/
	.total_price.cart_total										{padding: 15px 0;flex-wrap: wrap;}
	.total_price.cart_total	li									{padding: 3px 0; position: relative; gap: 10px; width: 100%;}
	.total_price.cart_total.li_3 li								{width: 100%;}
	.total_price.cart_total li:nth-child(3)						{padding-right:0;}
	.total_price.cart_total li::after							{display:none;}
	.total_price.cart_total li p.orange span					{display: inline-block; font-size:14px; }

}


@media only screen and (max-width: 1024px){

	/*장바구니*/

	/*선택삭제*/
	ul.del_wrap						{padding:15px 10px; flex-wrap:wrap; gap: 15px;}
	ul.del_wrap	li.txt				{font-size:15px; width:70%; }
	ul.del_wrap	li.del button		{font-size:15px; padding:15px 30px;  border-radius:4px; }
	ul.del_wrap	li.del button img	{width: 12px;}
	ul.del_wrap	li.del a			{font-size:15px; padding:15px 30px;  border-radius:4px; min-width: auto;}
	ul.del_wrap	li.del a img		{width: 12px;}
	#en ul.del_wrap	li.total p		{font-size: 17px;}
	#en ul.del_wrap	li.total p b	{font-size: 20px;}

	/*버튼*/
	.btn_wrap							{padding:30px;}
	.btn_wrap button					{font-size:15px; padding:15px; border-radius:4px; width: 100%;}
	.btn_wrap a					{font-size:15px; padding:15px; border-radius:4px;}

}


@media only screen and (max-width: 640px){

	/*장바구니*/

	/*테이블*/
	/* table.ks_sub_table.cart tbody tr														{padding-left:28px;}
	table.ks_sub_table.cart tbody tr td.qty input[type="number"]							{padding:0; width:50px; font-size:12px; }
	table.ks_sub_table.cart tbody tr td.tit p												{font-size:13px;}
	table.ks_sub_table.cart tbody tr td.check												{order:1; display:inline-block; top: 40%; }
	table.ks_sub_table.cart tbody tr td.tit													{order:2; width:100%; display: block; padding: 0; }
	table.ks_sub_table.cart tbody tr td.date												{order:3;}
	table.ks_sub_table.cart tbody tr td.lang												{order:4;}
	table.ks_sub_table.cart tbody tr td.for													{order:5;}
	table.ks_sub_table.cart tbody tr td.sell												{order:6}
	table.ks_sub_table.cart tbody tr td.qty													{order:7; padding:0; position:relative; }
	table.ks_sub_table.cart tbody tr td.qty::after											{margin:0 8px 0 20px;}
	table.ks_sub_table.cart tbody tr td.qty::before											{content:"권"; position:absolute; right:16px; font-size:13px; }
	table.ks_sub_table.cart tbody tr td.tal													{order:7;}
	table.ks_sub_table.cart tbody tr td.tal::after											{display:none;}
	table.ks_sub_table.cart tbody tr.nolist													{padding:20px 0;}
	table.ks_sub_table.cart tbody tr.nolist td												{width:100%; padding:0; }
	table.ks_sub_table.cart tbody tr td.check .check_v input[type="checkbox"] + label:after	{top:0;} */

	/*선택삭제*/
	ul.del_wrap																				{gap: 0;}
	ul.del_wrap	li.txt																		{font-size:14px; width:100%; /* text-align:center;*/ }
	ul.del_wrap	li.del																		{width:100%;}
	ul.del_wrap	li.txt br																	{display:block;}
	ul.del_wrap	li.del button																{padding:10px; width:100%; margin-top:10px; }
	ul.del_wrap	li.del button img															{display:none;}
	ul.del_wrap	li.del a																	{padding:10px; width:100%; margin-top:10px; }
	ul.del_wrap	li.del a img																{display:none;}
	#en ul.del_wrap	li.total		{width: 100%; margin-top: 10px;}
	#en ul.del_wrap	li.total p		{font-size: 14px; display: flex; justify-content: space-between;}
	#en ul.del_wrap	li.total p b	{font-size: 17px;}

	/*버튼*/
	.btn_wrap																				{padding:20px 0; gap:10px; flex-direction: column;}
	.btn_wrap a																				{padding:10px; text-align:center; width: 100%;}

}


/*주문결제*/
ul.pay_wrap																			  {box-shadow: var(--Shadow); flex-wrap:wrap; padding: 40px; border-radius: 10px; display: flex; gap:60px; align-items: center;}
ul.pay_wrap li input[type="radio"]													  {width: 20px; height: 20px; border:1px solid #ddd; border-radius:50%;  position: relative; top:3px; transition: border 0.3s ease-in-out; outline:none; cursor:pointer; margin-right:10px; }
ul.pay_wrap li input[type="radio"]:checked											  {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
ul.pay_wrap li input[type="radio"]:checked + label									  {color: var(--blue);}
ul.pay_wrap li label																  {color: var(--black); font-weight:400; font-size:17px;}
ul.pay_wrap li.bank_select															  {display: flex; align-items: center;}
ul.pay_wrap li.bank_select div														  {margin-left: 10px; display: block;}
ul.pay_wrap li.bank_select div select												  {width: 140px; border: 1px solid #ddd; padding: 8px 10px; border-radius: 6px; font-size: 15px; color: var(--black); font-weight: 400; background: url(/img/pc/cont/select_down.png) no-repeat center right 12px / 10px;}
ul.pay_wrap li.bank_select .radio												      {top: 0px;}
ul.pay_wrap li.bank_select input[type="radio"]:checked								  {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 51% 55% / 10px;}

.agree_wrap																			  {display:flex; align-items: center;  padding:40px; border:1px solid #ddd; border-radius:10px;  margin-top:40px; justify-content: space-between; }
.agree_wrap p.txt																	  {font-size:17px; color: var(--gray6); font-weight: 300; width:50%; }
.agree_wrap	span input[type="checkbox"]												  {width: 20px; height: 20px; border:1px solid #ddd; cursor:pointer;  position: relative; top:4px; left:-5px; }
.agree_wrap	span input[type="checkbox"]:checked										  {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
.agree_wrap	span input[type="checkbox"]:checked	+ label								  {color: var(--blue);}
.agree_wrap	span label																  {font-size:17px; color: var(--black); font-weight: 400; }



@media only screen and (max-width: 1024px){
	/*주문결제*/
	ul.pay_wrap																		   {padding: 30px; gap:40px; }
	ul.pay_wrap li input[type="radio"]												   {width: 18px; height: 18px; margin-right:10px; }
	ul.pay_wrap li label															   {font-size:15px;}
	ul.pay_wrap li input[type="radio"]:checked										   {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 9px; border: 1px solid #233d80;}
	ul.pay_wrap li.bank_select input[type="radio"]:checked							   {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 48% 54% / 9px;}

	.agree_wrap																		   {padding:30px; flex-wrap:wrap;  margin-top:30px; }
	.agree_wrap p.txt																   {font-size:15px; width:38%;}
	.agree_wrap	span input[type="checkbox"]											   {width: 18px; height: 18px; top:3px; }

}

@media only screen and (max-width: 752px){

	ul.pay_wrap	{flex-direction: column; align-items: baseline; gap: 7px;}
	ul.pay_wrap li.bank_select input[type="radio"]:checked	{background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 48% 54% / 8px;}
}

@media only screen and (max-width: 640px){
	/*주문결제*/
	ul.pay_wrap																				  {padding: 15px 20px; gap:10px; }
	ul.pay_wrap li input[type="radio"]														  {width: 16px; height: 16px; margin-right:5px; }
	ul.pay_wrap li label																	  {font-size:14px;}
	ul.pay_wrap li.bank_select div select													  {font-size: 13px; padding: 8px; border-radius: 4px; background: url(/img/pc/cont/select_down.png) no-repeat center right 8px / 8px;}
	ul.pay_wrap li input[type="radio"]:checked										   		  {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 8px; border: 1px solid #233d80;}

	.agree_wrap																				  {padding:15px 10px; margin-top:15px;  justify-content: center; border-radius:4px; }
	.agree_wrap p.txt																		  {font-size:14px; text-align:center; width:100%; margin-bottom:5px; }
	.agree_wrap	span input[type="checkbox"]													  {width: 16px; height: 16px; top:3px; left:-3px; }
	.agree_wrap	span label																	  {font-size:14px;}

}


/* 비회원 주문결제*/
.terms_use																				     {margin-top:70px;}
.terms_use span input[type="checkbox"]												         {width: 20px; height: 20px; border:1px solid #ddd; position: relative; top:5px; transition: border 0.3s ease-in-out; outline:none; cursor:pointer; margin-right:3px; }
.terms_use span input[type="checkbox"]:checked										 	     {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
.terms_use span input[type="checkbox"]:checked + label							             {color: var(--blue);}
.terms_use span label																         {color: var(--black); font-weight:400; font-size:15px;}

.terms_use .txt																			     {display:flex; align-items: center; justify-content: space-between; margin-bottom:15px;  }
.terms_use .txt .h3_tit																	     {margin:0;}

.terms_use ul.wrap															      	         {border-top:2px solid #000; }
.terms_use ul.wrap li																         {display:flex; flex-direction: column; border-bottom:1px solid #ddd; }
.terms_use ul.wrap li .agree														         {display:flex; padding:15px 40px; align-items: center; justify-content: space-between;}
.terms_use ul.wrap li .agree span label														 {font-weight:400;}
.terms_use ul.wrap li .agree button															 {display:block; font-size:15px; color: var(--blue); font-weight:400; border:1px solid var(--blue); border-radius:4px; padding: 8px 15px; transition: background 0.5s; }
.terms_use ul.wrap li .agree button:focus											         {background-color: var(--blue); color: #fff;}
.terms_use ul.wrap li .agree button:hover											         {background-color: var(--blue); color: #fff;}
.terms_use ul.wrap li:last-child > .active													 {overflow-y:auto; height:auto;}
.terms_use ul.wrap li:not(:has(.agree)) > .active								        	 {height:280px; padding:30px;}
.terms_use ul.wrap li > .active															     {padding:15px 60px 40px 60px; overflow:hidden; height:280px;  overflow-y: scroll; transform: translateZ(0); border-left:1px solid #ddd; border-right:1px solid #ddd; }
.terms_use ul.wrap li > .active p															 {font-size:16px; color: var(--gray6); font-weight:300; margin-bottom:15px; }
.terms_use ul.wrap li > .active p.tit														 {font-size:19px; color: var(--black); font-weight:500; margin-bottom:3px; margin:30px 0 8px 0; }
.terms_use ul.wrap li > .active p.tit:first-child										     {margin-top:0;}
.terms_use ul.wrap li > .active span.sub													 {font-size:16px; color: var(--gray6); font-weight:400; margin-bottom:10px; display:block; }
.terms_use ul.wrap li > .active ul															 {counter-reset: li}
.terms_use ul.wrap li > .active ul > li														 {font-size:16px; color: var(--black); font-weight:400; border-bottom:0; margin:8px 0 0 22px; position:relative;}
.terms_use ul.wrap li > .active ul > li > span.txt											 {font-size:14px; color: var(--gray6); font-weight:300; margin:3px 0 0 0; }
.terms_use ul.wrap li > .active ul > li:first-child											 {margin-top:0;}
.terms_use ul.wrap li > .active ul > li::before												 {position: absolute; left: -22px; display: inline-block; content: counter(li) ''; counter-increment: li; font-weight:300; width: 15px; height: 15px; border: 1px solid #aaa;  border-radius: 50%; text-align: center; font-size:13px; line-height: 15px; margin-top: 4px; color: var(--gra6);}

.shipping_address_txt																		 {display:flex; align-items: center;  margin:70px 0 15px 0; }
.shipping_address_txt.deliveryInfo															 {display: none;}
.shipping_address_txt .h3_tit																 {margin:0 35px 0 0; display: inline-block;}
.shipping_address_txt .h3_tit + p															 {display: inline-block;}
.shipping_address_txt p span															     {margin-right:15px;}
.shipping_address_txt p span input[type="radio"]										     {width: 20px; height: 20px; border:1px solid #ddd; border-radius:50%; position: relative; top:3px; transition: border 0.3s ease-in-out; outline:none; cursor:pointer; margin-right:5px; }
.shipping_address_txt p span input[type="radio"]:checked									 {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
.shipping_address_txt p span input[type="radio"]:checked + label							 {color: var(--blue);}
.shipping_address_txt p span label														     {color: var(--black); font-weight:400; font-size:17px;}

table.ks_sub_table03.shipping_address														 {margin-top:0;}
table.ks_sub_table03.non_order tr.phone td input											 {margin-right:10px;}

.table_wrap																					 {position: relative;}
.table_wrap table.ks_sub_table03.individual												     {position:absolute; top:0; z-index:-10;}





@media only screen and (max-width: 1024px){

	.terms_use																				    {margin-top:50px;}
	.terms_use span input[type="checkbox"]												        {width: 18px; height: 18px; top:3px; margin-right:5px; }
	.terms_use span label																        {font-size:16px;}

	.terms_use .txt																			    {margin-bottom:10px; }
	.terms_use ul.wrap li .agree														        {padding:15px 25px;}
	.terms_use ul.wrap li .agree button															{font-size:14px;  padding: 5px 10px;}

	.terms_use ul.wrap li > .active															    {padding:5px 45px 30px 45px; height:200px;  }
	.terms_use ul.wrap li > .active p															{font-size:14px; margin-bottom:10px; }

	.terms_use ul.wrap li > .active p.tit														{font-size:16px; margin:30px 0 5px 0; }
	.terms_use ul.wrap li > .active span.sub													{font-size:15px; margin-bottom:5px;}
	.terms_use ul.wrap li > .active ul > li														{font-size:15px; margin:5px 0 0 20px; }
	.terms_use ul.wrap li > .active ul > li::before												{width: 13px; height: 13px; font-size:12px; line-height: 12px; margin-top: 4px; left:-20px;}

	.shipping_address_txt																		 {margin:50px 0 10px 0; }
	.shipping_address_txt .h3_tit																 {margin:0 25px 0 0;}
	.shipping_address_txt p span input[type="radio"]										     {width: 18px; height: 18px; }
	.shipping_address_txt p span label														     {font-size:16px;}

	table.ks_sub_table03.non_order tr.phone td input											 {margin-right:5px;}

}

@media only screen and (max-width: 640px){

	.terms_use																				    {margin-top:30px;}
	.terms_use span input[type="checkbox"]												        {width: 16px; height: 16px; margin-right:3px; top:2px;  }
	.terms_use span label																        {font-size:15px;}

	.terms_use .txt																				{flex-direction: column; align-items: normal; }
	.terms_use .txt span																		{margin-top:5px;}
	.terms_use ul.wrap li .agree														        {padding:10px;}
	.terms_use ul.wrap li .agree span input														{top:3px;}
	.terms_use ul.wrap li .agree span label														{font-size:13px;}
	.terms_use ul.wrap li .agree button															{padding:4px 8px;}

	.terms_use ul.wrap li > .active															    {padding:5px 35px 20px 35px; height:150px;  }
	.terms_use ul.wrap li > .active p															{font-size:13px; margin-bottom:5px; }

	.terms_use ul.wrap li > .active p.tit														{font-size:14px; margin:30px 0 5px 0; }
	.terms_use ul.wrap li > .active span.sub													{font-size:13px; margin-bottom:5px;}
	.terms_use ul.wrap li > .active ul > li														{font-size:13px;}
	.terms_use ul.wrap li > .active ul > li::before												{font-size:11px; line-height: 14px; margin-top: 2px;}

	.shipping_address_txt																		{margin:30px 0 10px 0; justify-content: space-between;}
	.shipping_address_txt .h3_tit																{margin:0 15px 0 0;}
	.shipping_address_txt p span:first-child											        {margin-right: 5px;}
	.shipping_address_txt p span input[type="radio"]										    {width: 16px; height: 16px; margin-right:0; }
	.shipping_address_txt p span label														    {font-size:14px;}

	table.ks_sub_table03.non_order tr.phone td input											{margin-right:0;}

}



/* 회원가입--약관동의*/
ul.step_list.member							{justify-content: center; gap:8%;}
ul.step_list.member::before					{width:70%;}
ul.step_list.member li						{width:22%;}
ul.step_list.member li::after				{right:-25%;}

h3.h3_tit.member_txt						{font-weight:300; text-align:center; }
h3.h3_tit.member_txt b.blue_st				{font-weight:bold; color: var(--blue);}
.agree_wrap.member							{justify-content: center; flex-direction: column; margin-top:30px; padding:30px;  }

h3.h3_tit.agree b.orange					{font-weight:500; color: var(--orange);}

p.check_wrap								{margin-top:15px; display: flex; justify-content: flex-end; gap:20px;}
p.check_wrap span input						{top:4px}

.terms_use.member ul.wrap li > .active p	{margin-bottom:5px;}

.confsend .agree_wrap.member				{max-width: 520px; width: 100%; margin: 0 auto; padding: 30px 50px;}
.confsend .agree_wrap.member p 				{font-size: 19px; font-weight: 400; color: #333; margin-bottom: 11px; text-align: center; word-break: keep-all;}
.confsend .agree_wrap.member .btn-s			{display: inline-block; border: none; background-color: var(--orange); width: 80%; padding: 8px 4px; max-width: 280px; border-radius: 5px; margin: 0 auto; transition: background 0.5s; font-size: 15px; font-weight: 400; color: #fff;}
.confsend .agree_wrap.member ul				{margin-bottom: 17px; width: 100%; background: #f1f1f1; padding: 15px 20px; border-radius: 3px;}
.confsend .agree_wrap.member ul li			{color: #666; font-size: 16px;}
.confsend .agree_wrap.member ul li + li		{margin-top: 4px;}

.confsend .agree_wrap.agree_wrap02						{margin-top: 70px;}
.confsend .agree_wrap.agree_wrap02	h3					{margin-top: 0;}
.confsend .agree_wrap.agree_wrap02 p.brochure_txt		{margin-top: 0;}


@media only screen and (max-width: 1024px){
	/* 회원가입--약관동의*/
	ul.member_list							{gap:5%;}
	ul.step_list.member li					{width:25%;}
	ul.step_list.member li::after			{right:-18%; top:45%; }
	.agree_wrap.member						{margin-top:20px; padding:20px; }
	.agree_wrap.member p.member_txt			{font-size:20px; margin-bottom:10px;}
	p.check_wrap							{margin-top:10px; gap:15px;}

	.confsend .agree_wrap.agree_wrap02						{margin-top: 50px;}
	.confsend .agree_wrap.agree_wrap02 p.brochure_txt		{font-size: 18px;}
}

@media only screen and (max-width: 640px){
/* 회원가입--약관동의*/
ul.step_list.member										{gap:2%; flex-wrap:wrap; }
ul.step_list.member li									{width:32%; height:65px;}
.agree_wrap.member										{padding:15px 20px; margin-top:15px;}
.agree_wrap.member p.member_txt							{font-size:16px;}
.agree_wrap.member span									{text-align:center; line-height:1.2;}
.terms_use.member ul.wrap li:not(:has(.agree)) > .active{padding: 15px 10px;}
p.check_wrap											{margin-top:5px; gap:10px;}

.confsend .agree_wrap.agree_wrap02						{margin-top: 30px;}
.confsend .agree_wrap.agree_wrap02 p.brochure_txt		{font-size: 16px;}
}



/* 회원가입--회원정보입력*/
table.ks_sub_table03.member tr.id_pasword td input								{float:left;clear:both}
table.ks_sub_table03.member tr.id_pasword td p.sub_txt							{float:left;padding:12px 0 0 5px;}
table.ks_sub_table03.member tr.phone td button									{margin-left:10px;}
table.ks_sub_table03.member tr.type td input									{float:left; clear:both }
table.ks_sub_table03.member tr.type td p.sub_txt								{float:left; padding:12px 0 0 5px;}
table.ks_sub_table03.member tr.additi td > ul.sub_list > li						{font-size:16px; font-weight:300; color: var(--black); margin-top:20px;}
table.ks_sub_table03.member tr.additi td > ul.sub_list > li:first-child			{margin-top:0;}

@media only screen and (max-width: 1100px){

/* 회원가입--회원정보입력*/
table.ks_sub_table03.member tr.id_pasword td p.sub_txt							{clear:both; padding:5px 0 0 10px; }
table.ks_sub_table03.member tr.additi td > ul.sub_list > li						{font-size:15px;}

}

@media only screen and (max-width: 1024px){

/* 회원가입--회원정보입력*/
table.ks_sub_table03.member tr.phone td button									{margin-left:5px;}
table.ks_sub_table03.member tr.additi td > ul.sub_list > li						{font-size:14px; margin-top:10px;}
table.ks_sub_table03.member tr.additi td > ul.sub_list > li .check_v label		{margin-top:5px;}

}


@media only screen and (max-width: 640px){

/* 회원가입--회원정보입력*/
table.ks_sub_table03.member tr.phone td button									{margin-left:0}
table.ks_sub_table03.member tr.type td p.sub_txt								{padding:5px 0 0 5px;}
table.ks_sub_table03.member tr.additi td > ul > li > div						{display:flex; flex-direction: column;}
table.ks_sub_table03.member tr.id_pasword td p.sub_txt							{text-align: left;}
table.ks_sub_table03.member tr.id_pasword td p.sub_txt span						{font-siz:13px;}

}









/*----- MO END -----*/
/* 이용안내 메인*/
.desk_info					{border:solid 8px #f5f5f5; display: block; align-items: center; padding:45px 60px; border-radius:10px; background:url('/img/pc/cont/logo_bg.png') no-repeat left 90% bottom -5px; margin-bottom:120px;}
.desk_info .tit			{width:44%}
.desk_info .tit p		{font-size:34px; font-weight:300; letter-spacing:-1px}
.desk_info .tit p b		{color:var(--blue);}
.desk_info .tit p span{font-size:21px; font-weight:400; font-family:'Pretendard'; color:var(--blue); vertical-align:top;}

.desk_info .info_txt						{width:100%}
.desk_info .info_txt .tt					{font-size:28px; font-weight:700; font-family:'Pretendard'; color:#222; position:relative; padding-left:45px;}
.desk_info .info_txt .tt img			{position:absolute; left:0; top:10px; width:27px;}
.desk_info .info_txt .tt span			{font-size:18px; font-weight:500;}
.desk_info .info_txt ul.txt				{margin-top:25px;}
.desk_info .info_txt ul.txt	li			{font-size:18px;}
.desk_info .info_txt ul.txt	li + li		{margin-top:5px;}
.desk_info .info_txt ul.txt	li span,
.desk_info .info_txt ul.txt	li a		{color:var(--blue); font-family:'Pretendard';}
.desk_info .info_txt ul.txt	li a		{text-decoration:underline;}

ul.shadow_box.thr				{justify-content: center; gap:2%;}
ul.shadow_box.thr li			{max-width:325px; width:31%;}
ul.shadow_box li:has(a)			{padding:0; background:none; box-shadow:none;}
ul.shadow_box li a				{color:#222; display:block; height:100%; padding:65px 35px 100px; border-radius:10px; box-shadow:var(--Shadow); background:url('/img/pc/cont/desk_arr.svg') no-repeat 50% 85%/14px; transition:.2s;}
ul.shadow_box li a:hover,
ul.shadow_box li a:focus		{margin-top:-20px; color:var(--blue2);  background: url('/img/pc/cont/desk_arr_on.svg') no-repeat 50% 85%/14px/* , linear-gradient(145deg, #1758e8 0%, #0094f2 100%) */; }

ul.shadow_box.certification li {width:32%;max-width:442px;}


h3.desk_h3	{font-size:32px; font-family:'Pretendard'; color:#222; text-align:center; margin:110px 0 40px;}
h3.desk_h3 i{color:var(--blue2);}

ul.desk_faq					{}
ul.desk_faq li				{position:relative;}
ul.desk_faq li + li			{margin-top:10px;}
ul.desk_faq li a				{display:block; font-size:22px; font-weight:500; color:#222; padding:30px 100px; border-radius:10px; background:var(--blue2_bg) url('/img/pc/cont/desk_arr.svg') no-repeat 96% 50%/14px;}
ul.desk_faq li a::before	{content:'Q'; font-size:30px; font-family:'Pretendard'; font-weight:600; color:var(--blue2); position:absolute; left:50px; top:50%; transform:translateY(-50%);}
ul.desk_faq li a:hover,
ul.desk_faq li a:focus	{color:#fff; background:url('/img/pc/cont/desk_arr_w.svg') no-repeat 96% 50%/14px, linear-gradient(145deg, #1758e8 0%, #0094f2 100%);}
ul.desk_faq li a:hover::before,
ul.desk_faq li a:focus::before	{color:#fff;}

@media only screen and (max-width: 1300px){
	.desk_info		{display:block; background-position:left 90% bottom -5px;}

	.desk_info .tit					{width:100%;}
	.desk_info .tit p				{font-size:30px;}
	.desk_info .tit p span		{font-size:19px;}

	.desk_info .info_txt				{width:100%; }
	.desk_info .info_txt .tt			{display:inline-block; font-size:26px;}
	.desk_info .info_txt .tt:first-child{margin-right:30px;}
	.desk_info .info_txt ul.txt		{clear:both; margin-top:30px;}
}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.desk_info									{padding:30px 40px; margin-bottom:70px}
	.desk_info .tit p						{font-size:25px;}
	.desk_info .info_txt					{margin-top:25px;}
	.desk_info .info_txt .tt				{font-size:22px; padding-left:35px;}
	.desk_info .info_txt .tt img		{width:25px; top:5px;}
	.desk_info .info_txt .tt span		{font-size:16px;}
	.desk_info .info_txt ul.txt li		{font-size:17px;}

	h3.desk_h3								{font-size:28px; margin: 90px 0 30px;}

	ul.shadow_box.thr li:nth-child(n + 3)	{margin-top:0;}
	ul.shadow_box.thr li img						{width:45%;}
	ul.shadow_box li a								{padding:30px 20px 80px}

	ul.desk_faq li a						{font-size:20px; padding:25px 80px}
	ul.desk_faq li a::before			{font-size:28px; left:40px;}
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.desk_info								{padding:15px 20px; margin-bottom:60px}
	.desk_info .tit p					{font-size:19px;}
	.desk_info .tit p span			{font-size:15px;}
	.desk_info .info_txt				{margin-top:15px;}
	.desk_info .info_txt .tt			{font-size:17px; padding-left:27px;}
	.desk_info .info_txt .tt span	{font-size:14px;}
	.desk_info .info_txt .tt img	{width:18px; top:7px;}
	.desk_info .info_txt ul.txt		{margin-top:20px;}
	.desk_info .info_txt ul.txt li	{font-size:15px;}

	h3.desk_h3							{font-size:21px; margin: 60px 0 20px;}

	ul.shadow_box.thr li				{width:100%; max-width:revert;}
	ul.shadow_box.thr li img		{width:50px;}
	ul.shadow_box li a				{padding:20px 50px 25px 80px; background-position:center right 20px !important;}
	ul.shadow_box li a:hover,
	ul.shadow_box li a:focus		{margin-top:0; background-position:50% 85%}
	ul.desk_faq li a						{font-size:16px; padding:20px 45px; background-position:center right 20px;}
	ul.desk_faq li a:hover,
	ul.desk_faq li a:focus			{background:url('/img/pc/cont/desk_arr_w.svg') no-repeat center right 20px/14px, linear-gradient(145deg, #1758e8 0%, #0094f2 100%);}

	ul.desk_faq li a::before			{font-size:24px; left:15px;}
}





/* cont02 */

/* 서브 촤측 필터 */
	.s_cont.ks			{max-width:1560px; margin:0 auto; display:flex; align-items: flex-start;}
	.s_cont.ks .left	{width:330px; margin-right:62px;}



	.s_cont.ks .left .result							{width: 100%; display:flex; justify-content: space-around; border: 2px solid #000; margin-bottom: 15px;}

	.s_cont.ks .left .result .search					{display:inline-block; position:relative; width: calc(100% - 45px);}
	.s_cont.ks .left .result .search input[type="text"]	{height: 50px;vertical-align: middle; width: calc(100% - 35px); padding: 5px 10px;color: #737373;font-size:14px; font-weight:300;}
	.s_cont.ks .left .result .search .search_go			{width: 45px;height: 50px;background: url('/img/pc/cont/board_search.png') no-repeat 50% 50%;font-size:0;position:absolute;top:0;right:0;cursor:pointer}
	.s_cont.ks .left .result .search input				{width:270px; padding-right:50px}
	.s_cont.ks .left .result a.tit						{width:45px; padding: 15px; display: inline-block; background:#000 url('/img/pc/cont/fil_reset_w.png') no-repeat 50% 48%; font-size:0;}
 	.s_cont.ks .left .result a.tit:hover				{background:#333 url('/img/pc/cont/fil_reset_w.png') no-repeat  50% 48%;}

	.s_cont.ks .left .result p.btn							{width:50%;}
	.s_cont.ks .left .result p.btn button				{display:block; cursor:pointer;  border:none; width:100%; height:100%; text-align:center; background:#333; color:#fff;}
	.s_cont.ks .left .result p.btn button span			{position: relative; width:90px; display: inline-block;  font-size: 15px; font-weight: 500; margin-left: 10px;}
	.s_cont.ks .left .result p.btn button span:before	{position:absolute; top:1px; left:-3px; content: ''; width:15px; height:20px; background: url('/img/pc/cont/fil_search.png')no-repeat 0% 50%;}
	.s_cont.ks .left .result p.btn button:hover			{background-color:#000;}

	.s_cont.ks .left ul.accordion_menu							{border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
	.s_cont.ks .left li.accordion_list							{width: 100%; border-bottom:1px solid #eee; color:#000; font-size:16px; text-align:left; padding:10px 15px;}
	.s_cont.ks .left li.accordion_list a.accordion_head			{display: block; font-weight:500; color:#222; font-size:17px; background: url('/img/pc/cont/smn_arr01.png') no-repeat right 0px top 50%; cursor: pointer;}
	.s_cont.ks .left li.accordion_list.active a.accordion_head	{background: url('/img/pc/cont/smn_arr02.png') no-repeat right 0 top 50%;}
	.s_cont.ks .left li.accordion_list ul.accordion_body		{height: 0; overflow: hidden; background-color: #fff;}
	.s_cont.ks .left li.accordion_list.active ul.accordion_body {height: auto; margin-top: 8px;}

	.s_cont.ks .left li.accordion_list .calender					{display: flex; align-items: center; gap: 10px;}
	.s_cont.ks .left li.accordion_list .calender input[type="date"]	{width: 135px;font-size: 15px;}
	.s_cont.ks .left li.accordion_list .calender label				{font-size: 0;}

	.s_cont.ks .left .research					{display: flex; align-items: center; padding:7px 15px; position: relative; border:1px solid #ddd; border-top:0}
	.s_cont.ks .left .research p.tit			{width: 90px; font-weight: 400; color: #222; font-size: 15px;}
	.s_cont.ks .left .research input.bg			{background: #f0f0f0; padding: 12px; color:#222; width: calc(100% - 90px);}
	.s_cont.ks .left .research a.search_go		{width: 40px;height: 40px;background: url('/img/pc/cont/board_search.png') no-repeat 50% 50%;font-size:0;position:absolute;top:8px;right: 15px;cursor:pointer}


	a.filmore			{background: #e7eaf6; border-radius: 3px; padding:1px 9px 4px; font-size: 13px; color: #203a91; font-weight: 400; transition: all 0.2s; text-align: center; cursor: pointer; display: inline-block; margin-top: 7px;}
	a.filmore:hover	{background: #000; color:#fff;}

	.check_v												{position:relative; width:100%; height: 100%; display: flex; align-items: center; padding: 0 0 10px;}
	.check_v input[type="checkbox"]							{position:absolute; width:1px; height: 1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
	.check_v input[type="checkbox"] + label					{transition:.2s; display:inline-block; position:relative; cursor:pointer; font-size:15px; font-weight:400; color:#777; padding-left: 25px;}
	.check_v input[type="checkbox"] + label:after			{position:absolute; content: ' '; left:0; top:3px; border:1px solid #ddd; background: #fff; display: inline-block; width: 17px; height: 17px; line-height: 16px; text-align: center; vertical-align: middle;}
	.check_v input[type="checkbox"]:checked + label			{color:#000; font-weight:500;}
	.check_v input[type="checkbox"]:checked + label:after	{background:var(--blue) url('/img/pc/comn/check.svg')no-repeat 55% 55%/10px; border:1px solid #233d80;}
	.check_v input[type="checkbox"]:hover + label			{color:#000;}
	.check_v input[type="checkbox"]:focus + label			{color:#000;}

	.listWrap .tbl_info .check_v		{padding-bottom: 0; width: 19px; height: 19px; margin: 0 auto;}
	.listWrap .tbl_info .check_v input[type="checkbox"] + label			{position: absolute; top: 0;}
	.listWrap .tbl_info .check_v input[type="checkbox"] + label:after	{top: 0;}



/* KS표준검색_리스트형태 */
	.h_tit				{display:none; width: 100%;}

	.s_cont.ks .right	{width: calc(100% - 392px);}

	/* 제공형태 더보기 팝업 */
	div.layer					{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000;}
	div.layer .bg				{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity=30);}
	div.layer .pop-layer-type	{position:absolute; top:50%; left:50%; width:100%; max-width:420px; margin:0 !important; background:#fff; z-index: 10; transform: translate(-50%, -50%); border-radius: 5px; overflow: hidden;}


	.pop_title					{width:100%; position:relative; font-weight:500; font-size:19px;color:#fff; padding-right:40px; background: #203a91;  padding:15px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
	.pop_title a.cbtn			{position:absolute; top:17px; right:20px; display:block; font-size:0; width:22px; height:22px;  background:url('/img/pc/cont/pop_cbtn.png')no-repeat 50% 50%}
	.pop_cont					{width:100%; padding:20px 26px; max-height:700px; overflow:auto;}
	.pop_cont	 .pop_tt		{font-size:21px; font-weight:500; color:#222; margin:30px 0 20px;}
	.pop_cont	 .pop_tt.mt0	{margin-top:0;}

	#plusPop .pop_cont ul li			{font-size:14px; padding: 5px 0 5px 30px; text-indent: 0px;}
	#plusPop .pop_cont ul li p			{font-weight:500; display: inline-block;}
	.pop_cont ul li.pdf					{background:url('/img/pc/cont/icon_pdf.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.print				{background:url('/img/pc/cont/icon_print.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.book				{background:url('/img/pc/cont/icon_book.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.cd					{background:url('/img/pc/cont/icon_cd.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.db					{background:url('/img/pc/cont/icon_db.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.hardcopy			{background:url('/img/pc/cont/icon_hardcopy.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.binder				{background:url('/img/pc/cont/icon_binder.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.online				{background:url('/img/pc/cont/icon_online.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.zip					{background:url('/img/pc/cont/icon_zip.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.pdf_print			{background:url('/img/pc/cont/icon_pdf_print.png')no-repeat left 0 top 5px;}
	.pop_cont ul li.book_online			{background:url('/img/pc/cont/icon_book_online.png')no-repeat left 0 top 5px;}
	.pop_cont ul li span.txt_blue		{color:#203a91; display:block; font-weight:300;}

	#addrPop .pop_cont	{padding: 0;}

	.pop_cont h3.h3_tit	{margin: 30px 0 15px;}

	.pop_cont table.ks_sub_table thead tr th					{font-size: 15px;}
	.pop_cont table.ks_sub_table tbody tr th					{font-size: 16px;}
	.pop_cont table.ks_sub_table tbody tr td					{font-size: 15px;}
	.pop_cont table.ks_sub_table02 th							{font-size: 15px; width: 145px;}
	.pop_cont table.ks_sub_table02 td							{font-size: 15px; padding: 8px 12px;}
	.pop_cont table input[type="text"]							{border: 1px solid #ddd; padding: 9px 10px; border-radius: 6px; font-size: 16px; color: var(--black); font-weight: 400; margin: 0 10px;}
	.pop_cont table input[type="text"]:first-child				{margin: 0;}
	.pop_cont table.ks_sub_table02 td p.input_wrap      		{display: inline;}
	.pop_cont table.ks_sub_table02 tr.con td .select_wrap		{width:120px;}
	.pop_cont table.ks_sub_table02 tr.con td input				{width:120px;}
	.pop_cont table.ks_sub_table02 td span.sign					{color: var(--gray6); font-weight:300; font-size:15px; }
	.pop_cont table.ks_sub_table02 td .select_wrap						{display:inline-block; margin: 0 10px;}
	.pop_cont table.ks_sub_table02 td .select_wrap:first-child			{margin-left:0;}
	.pop_cont table.ks_sub_table02 td .select_wrap:last-child			{margin-right:0;}
	.pop_cont table.ks_sub_table02 td .select_wrap select				{width:100%; border:1px solid #ddd; padding:8px 30px 8px 10px; border-radius:6px; font-size:16px; color:var(--black); font-weight:400; background-color: #fff; background: url(/img/pc/cont/select_down.png) no-repeat center right 12px / 10px;}
	.pop_cont table.ks_sub_table02 td .select_wrap select::placeholder	{font-size:16px; color: var(--gray6); font-weight:300;}
	.pop_cont table.ks_sub_table02 td .select_wrap select:disabled 		{background-color: #f8f8f8; color:var(--black); border:1px solid #eee;  opacity:1;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul						{display: flex; flex-direction: column; gap:8px;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul li:nth-child(1) input	{width:210px;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul li:nth-child(2) input	{width:100%;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul li:nth-child(3) input	{width:100%;}
	.pop_cont table.ks_sub_table02 tr.adress button							{font-size: 14px; color: #fff; background-color: var(--blue); padding: 9px 15px; border-radius: 4px; transition: background 0.5s;}
	.pop_cont table.ks_sub_table02 tr.adress button	:hover					{background-color: var(--black);}

	.pop_cont table span input[type="checkbox"]					{width: 20px; height: 20px; border:1px solid #ddd; position: relative; top:-4px; transition: border 0.3s ease-in-out; outline:none; cursor:pointer; margin-right:3px; }
	.pop_cont table span input[type="checkbox"]:checked			{background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
	.pop_cont table span input[type="checkbox"]:checked + label	{color: var(--blue);}

	.pop_cont .noti.clearfix		{padding: 12px 0 0;}
	.pop_cont .noti.clearfix .btn-s	{color: #fff; padding: 7px 10px;}
	.pop_cont .noti.clearfix .btn-s.bg_green	{background: var(--green);}
	.pop_cont .noti.clearfix .btn-s.bg_blue		{background: var(--blue);}

/*  레드라인*/
	ul.ks_table li.redline					{background: #f2f2f2; flex-direction: column; align-items: flex-start; padding: 10px 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
	ul.ks_table li.redline p				{font-size:14px; font-weight:300; color:var(--gray6);}
	ul.ks_table li.redline p.tit			{color:var(--orange); font-weight:500;}
	ul.ks_table li.redline p.tit a			{font-size:14px; font-weight:300; color: #fff; padding:2px 10px; background-color: #999; border-radius:4px; display: inline-block;  transition: background 0.3s; margin-left: 10px;}
	ul.ks_table li.redline p.tit a:hover	{background-color: var(--orange)}


@media only screen and (max-width: 1600px){
	.s_cont.ks	{padding: 0 25px 0 60px;}
}


@media only screen and (max-width: 1200px){
	.s_cont.ks .right h2			{display:none;}
	.s_cont.ks .right .h2_txt		{display:none;}

	.h_tit							{display:block;}

	.check_v.mr										{margin-right: 15px;}
	.check_v input[type="checkbox"] + label			{padding-bottom:4px; font-size:14px;}
	.check_v input[type="checkbox"] + label:after	{top:1px;}

	.s_cont.ks													{max-width:revert !important; margin:0 auto; display:flex; align-items: flex-start; flex-direction: column;}
	.s_cont.ks .left											{width:100%; margin-right:0;}
	.s_cont.ks .left .research p.tit							{font-size:15px;}
	.s_cont.ks .left li.accordion_list a.accordion_head			{font-size:15px;}
	.s_cont.ks .left li.accordion_list.active ul.accordion_body	{margin-top:3px;}


	a.filmore	{margin-top:2px; font-size:12px;}

	.s_cont.ks .right	{width: 100%; padding-top: 40px;}

}


@media only screen and (max-width: 1024px){
	.s_cont.ks	{padding: 0 25px}

	.pop_cont table.ks_sub_table02 tr.con td .select_wrap	{width:20%; margin-right:5px;}
	.pop_cont table.ks_sub_table02 tr.con td input			{width:20%;}
}


@media only screen and (max-width: 960px){
	.s_cont.ks .left .result .search .search_go		{background: url('/img/mo/cont/board_search.png') no-repeat 50% 50% /21px;}
	.s_cont.ks .left .research a.search_go			{background: url('/img/mo/cont/board_search.png') no-repeat 50% 50% / 21px;}

	.s_cont.ks .left .result a.tit					{background:#000 url('/img/mo/cont/fil_reset_w.png') no-repeat 50% 48% / 21px;}

	.s_cont.ks .left li.accordion_list a.accordion_head			{background: url('/img/mo/cont/smn_arr01.png') no-repeat right 0px top 50% / 14px;;}
	.s_cont.ks .left li.accordion_list.active a.accordion_head	{background: url('/img/mo/cont/smn_arr02.png') no-repeat right 0 top 50% / 14px;}



}


@media only screen and (max-width: 640px){
	.s_cont.ks													{padding: 0 15px}
	.s_cont.ks .left li.accordion_list a.accordion_head			{font-size: 15px;}

	.s_cont.ks .left li.accordion_list .calender						{gap: revert;}
	.s_cont.ks .left li.accordion_list .calender input[type="date"]		{width:100%;}

	.s_cont.ks .left .result p.tit button span			{font-size: 14px;}
	.s_cont.ks .left .result p.btn button span			{font-size: 14px;}
	.s_cont.ks .left .result .search input[type="text"]	{font-size: 13px; padding: 5px 15px;}
	.s_cont.ks .left .research p.tit					{font-size: 15px;}
	.s_cont.ks .left .research a.search_go				{background: url('/img/mo/cont/board_search.png') no-repeat 50% 50% / 21px;}

	.s_cont.ks .right			{padding-top:40px;}

	div.layer .pop-layer-type	{top:0% !important; left:0% !important; max-width:100%; border-radius:0; height:100%; transform: none;}
	.pop_cont					{padding: 15px 18px;}
	.pop_title					{border-radius:0;}
	.pop_title a.cbtn			{background: url('/img/mo/cont/pop_cbtn.png') no-repeat 50% 50% / 16px;}

	.pop_cont table input[type="text"]													  {width: 100%;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul									  {gap:10px;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul li:first-child						  {display:flex; gap:2%;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul li:nth-child(1) input				  {width:calc(100% - 100px); margin:0;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul li:nth-child(2) input				  {width:100%;}
	.pop_cont table.ks_sub_table02 tr.adress td > ul li:nth-child(3) input				  {width:100%;}
	.pop_cont table.ks_sub_table02 tr.adress button										  {width:100px; margin:0;}
	.pop_cont table.ks_sub_table02 tr.con td .input_wrap .select_wrap					  {margin-right:0;}
	.pop_cont table.ks_sub_table02 tr.con td .box										  {width:calc(100% / 3); margin: 0;}
	.pop_cont table.ks_sub_table02 th                                                     {width: 105px;}
	.pop_cont table.ks_sub_table02 td p.input_wrap										  {width: 100%; display: flex; gap: 2%; align-items: center;}


	input::-webkit-input-placeholder	{ /* for chrome */     color: #999; opacity: 1 !important; font-size:14px !important;}
	input:-moz-placeholder				{ /* Firefox 18- */    color: #999; font-size:14px !important;}
	input::-moz-placeholder				{ /* Firefox 19+ */    color: #999; font-size:14px !important;}
	input:-ms-input-placeholder			{ /* Internet Explorer 10+ */   color: #999; font-size:14px !important;}

}






/* cont03 */
/* ------------------------------------------------------ 해외표준 온라인 구독 -------------------------------------------------- */

.standards h3	{font-size:25px; margin-bottom:25px; color: #000; font-weight: 600;}

ul.accordion			{display: block;}
ul.accordion > li		{cursor: pointer; transition: all ease 0.3s; padding: 0 60px; background: #f9fbff; border-radius: 10px;}
ul.accordion li + li	{margin-top: 10px;}
ul.accordion li .question	{transition: all ease 0.3s; border-radius: 10px; box-sizing: border-box; background: url('/img/pc/cont/accordion_arrow.png')no-repeat 100% 50%; font-size: 20px; color: #222; font-weight: 600; padding: 30px 0;}
#en ul.accordion li .question			{display: flex; align-items: center;}
ul.accordion li .question span.caps		{display: inline-block; margin-right: 20px; color: var(--blue2); font-family: 'Pretendard'; font-weight: 600; font-size: 34px;}

ul.accordion li .answer				{opacity:0; max-height: 0; overflow: hidden; transition:all 0.4s ease-in-out;}
ul.accordion li .answer p			{opacity: 0;}
ul.accordion li .answer p a			{color: var(--orange); font-weight: 400;}
ul.accordion li .answer p a:hover	{text-decoration: underline;}
#en ul.accordion li .answer span.caps	{display: inline-block; margin-right: 20px; color: #444; font-family: 'Pretendard'; font-weight: 600; font-size: 34px;}
ul.accordion li.active				{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08); background: #fff; border-radius: 10px;}
ul.accordion li.active .answer p	{opacity: 1;}
ul.accordion li.active .question	{background: #fff url('/img/pc/cont/accordion_arrow_active.png')no-repeat right 0 center; color: #1758e8; position: relative;}
ul.accordion li.active .answer		{padding: 30px 0; width: 100%; margin: 0 auto; max-height: none; transition-delay:0.1s; opacity:1;}
ul.accordion li.active .question::after	{content:''; width: 100%; height: 1px; background: #e5e5e5; position: absolute; bottom: 0; left: 0;}



/* 기준 테이블 02 */
table.ks_sub_table02					{margin-top: 25px; border-top: 2px solid #000; width: 100%; word-wrap: break-word; table-layout: fixed;}
table.ks_sub_table02 th					{vertical-align: middle; font-weight: 400; text-align: center; padding: 10px; font-size: 17px; color: #333; background: #f2f2f2; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
table.ks_sub_table02 th:last-child		{border-right: 0;}
table.ks_sub_table02 td					{vertical-align: middle; height: 61px; font-weight: 400; padding: 17px 20px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
table.ks_sub_table02 td:nth-child(1)	{text-align: center; align-content: center;}
table.ks_sub_table02 td:last-child		{border-right: 0;}

ul.accordion + h3	{margin-top: 65px;}

.table_ul_dots li			{position: relative; padding-left: 10px;}
.table_ul_dots li::before	{position: absolute; content:''; width: 4px; height: 4px; border-radius: 4px; background: #ddd; top: 12px; left: 0;}


@media only screen and (max-width: 1080px){
/* TA 01 */
.standards h3		{font-size: 22px; margin-bottom: 18px;}
ul.accordion > li					{padding: 0 25px;}
ul.accordion li .question			{padding: 22px 0; background: url('/img/mo/cont/accordion_arrow.png')no-repeat 100% 50%/15px; font-size: 17px;}
ul.accordion li.active .question	{padding: 22px 0; font-size: 17px; background: #fff url('/img/mo/cont/accordion_arrow_active.png')no-repeat right 0 center / 15px;}
ul.accordion li .answer				{}
ul.accordion li.active .answer		{padding: 22px 0;}
ul.accordion li.active .answer p	{font-size: 15px; opacity: 1;}
#en ul.accordion li .question span.caps	{font-size: 25px; margin-right: 13px;}

/* 기준 테이블 02 */
table.ks_sub_table02				{font-size: 15px;}
table.ks_sub_table02 th				{padding: 7px; font-size: 15px;}
table.ks_sub_table02 td				{height: 46px; padding: 12px 15px; font-size: 14px;}

.table_ul_dots li			{padding-left: 7px;}
.table_ul_dots li::before	{position: absolute; content:''; width: 3px; height: 3px; border-radius: 3px; top: 11px; left: 0;}
}


@media only screen and (max-width: 1024px){
/* TA 02 */
ul.accordion + h3	{margin-top: 50px;}
}


@media only screen and (max-width: 640px){
/* MO */
.standards h3						{font-size: 18px; margin-bottom: 12px;}
ul.accordion > li					{padding: 0 15px;}
ul.accordion li + li				{margin-top: 6px;}
ul.accordion li .question			{font-weight: 500; font-size: 15px; padding: 15px 17px 15px 0px; background: url('/img/mo/cont/accordion_arrow.png') no-repeat 100% 50% / 12px;}
ul.accordion li.active .question	{word-break: keep-all; font-size: 15px; padding: 15px 40px 15px 0; background: #fff url('/img/mo/cont/accordion_arrow_active.png') no-repeat right 0 center / 12px;}
ul.accordion li .answer				{}
ul.accordion li.active .answer		{padding: 15px 0;}
ul.accordion li.active .answer p	{font-size: 14px;}
#en ul.accordion li .question span.caps	{font-size: 21px; margin-right: 13px;}

/* 기준 테이블 02 */
table.ks_sub_table02				{font-size: 14px;}
table.ks_sub_table02 th				{padding: 7px; font-size: 14px;}
table.ks_sub_table02 td				{height: 39px; padding: 8px 10px; font-size: 13px;}

ul.accordion + h3	{margin-top: 40px;}

.table_ul_dots li::before	{top: 9px; left: 0;}
}

/* ------------------------------------------------------해외표준 온라인 구독 끝-------------------------------------------------- */










/* -------------------------------------------------- KS 분야별 검색 --------------------------------------------------*/

.cate_search				{width: 100%;margin-top:10px; }
.cate_search > li			{border-bottom: 1px solid #ddd;}
.cate_search > li + li		{margin-top: 20px;}
.cate_search .title			{font-size: 22px; font-weight: 600;}
.cate_search .title a		{color: #222; transition: all ease 0.2s;}
.cate_search .title a:hover	{color: var(--blue);}
.cate_search .divide		{display: flex; padding: 15px 20px 20px; align-items: center; justify-content: space-between;}
.cate_search .divide > p				{position: relative;}
.cate_search .divide > p::before		{content:''; position: absolute; left: -25px; width: 1px; height: 100%; background: #ddd; top: 0;}
.cate_search .divide .blue_btn			{background-color: var(--blue); color: #fff; font-size: 15px; font-weight: 400; display: block; text-align: center; margin: 0 auto; padding: 12px 18px; border-radius: 5px; transition: background 0.5s;}
.cate_search .divide .blue_btn:hover	{background-color: var(--black);}
.cate_search .dots						{width: calc(100% - 170px);}
.cate_search div.dots p					{display: inline-block; width: 300px; padding-left: 7px;}
.cate_search div.dots p:last-child			{margin-right: 0;}
.cate_search div.dots p a					{color: var(--black); font-size: 17px; font-weight: 400; position: relative;}
.cate_search div.dots p a:hover				{text-decoration: underline;}
.cate_search div.dots p a::before			{position: absolute; width: 3px; height: 3px; border-radius: 3px; background: #666; left: -7px; top: 11px;}
.cate_search div.dots p a span.cont		{color: #666;}

@media only screen and (max-width: 1080px){
/* TA 01 */
.cate_search .title			{font-size: 20px;}
.cate_search .divide		{padding: 6px 0 15px;}
.cate_search > li + li		{margin-top: 15px;}

.overseas .cate_search .dots	{gap: 20px 4% !important;}
.cate_search div.dots p			{width: 48%;}
}


@media only screen and (max-width: 1024px){
/* TA 02 */
.cate_search .title		{font-size: 18px;}
.cate_search .dots p a	{font-size: 15px; line-height: 1;}
.cate_search .divide .blue_btn	{font-size: 14px;}
}


@media only screen and (max-width: 640px){
/* MO */
.cate_search .title					{font-size: 17px;}
.cate_search .dots					{width: 100%;}
.cate_search .divide				{display: block; padding: 5px 0 10px;}
.cate_search .divide > p			{margin-top: 22px;}
.cate_search .divide > p::before	{display: none;}
.overseas .cate_search .dots		{gap: 15px 2% !important;}
.cate_search div.dots p				{width: 49%;}
.cate_search div.dots p a			{font-size: 16px;}
.cate_search .divide .blue_btn		{padding: 8px 18px;}
}

/* ------------------------------------------------------KS 분야별 검색 끝-------------------------------------------------- */











/* -------------------------------------------------- KS 분야별 검색 - 추가정보확인 --------------------------------------------------*/

.cate_search.cate_search02 .divide > p::before	{display: none;}
.cate_search ul.dots			{/* width: calc(100% - 124px); */ width: 100%; padding-right: 10px; position: relative;}
#en .cate_search ul.dots		{width: 100%; padding-right: 0;}
/* .cate_search ul.dots::after		{content:''; position: absolute; right: -18px; width: 1px; height: 100%; background: #ddd; top: 0;} */
#en .cate_search ul.dots::after	{display: none;}
.cate_search ul.dots li			{display: flex; justify-content: space-between; color: #666; font-size: 17px; font-weight: 400;}
.cate_search ul.dots li + li	{margin-top: 17px;}
.cate_search ul.dots .main_t	{padding-left: 10px; position: relative; font-weight: 500; color: #333;}
.cate_search ul.dots .main_t a	{color: #333;}
.cate_search ul.dots .main_t a:hover	{text-decoration: underline;}
.cate_search ul.dots .main_t::before	{content: ''; position: absolute; width: 3px; height: 3px; border-radius: 3px; background: #666; left: 0; top: 11px;}
.cate_search .sub_things		{width: calc(100% - 340px); display: flex; justify-content: space-between;}
.cate_search .sub_things p + p	{padding-left: 13px;}
.cate_search .sub_t				{overflow: hidden; text-overflow: ellipsis; max-width: 610px; width: 100%; white-space: nowrap;}
.cate_search .sub_things .blue	{background: none; color: var(--blue); font-weight: 500;}
.cate_search .sub_things .black	{background: none; color: #000; font-weight: 500;}
.cate_search .sub_things .red	{color: #fe4d0a; font-weight: 500;}
.cate_search .date				{min-width: 110px; padding-left: 16px; font-weight: 300; font-family: 'Pretendard';}

.cate_search .nodata	{padding: 25px 20px; text-align: center; color: #666; font-size: 17px; font-weight: 400;}


@media only screen and (max-width: 1200px){
/* TA 01 */
.cate_search .sub_things	{width: calc(100% - 300px);}
}

@media only screen and (max-width: 1080px){
/* TA 02 */
.cate_search.cate_search02 .divide	{padding: 10px 0 15px;}
.cate_search .sub_things			{width: calc(100% - 260px);}
.cate_search ul.dots li				{font-size: 16px;}
.cate_search ul.dots li + li		{margin-top: 11px;}

.cate_search .nodata		{padding: 20px 15px; font-size: 16px;}
}

@media only screen and (max-width: 1024px){
/* TA 03 */
.cate_search ul.dots				{padding-right: 0;}
.cate_search .sub_things			{width: calc(100% - 220px);}
.cate_search ul.dots li + li		{margin-top: 8px;}
.cate_search ul.dots::after			{right: -27px;}
}

@media only screen and (max-width: 800px){
/* TA 04 */
.cate_search ul.dots li			{display: block;}
.cate_search ul.dots li + li	{margin-top: 15px;}
.cate_search .sub_things		{width: 100%; padding-left: 10px;}
.cate_search .sub_things p		{font-size: 15px;}
.cate_search .date				{min-width: 100px;}
.cate_search ul.dots .main_t::before	{top: 12px;}

.cate_search .nodata			{padding: 15px; font-size: 15px;}
}

@media only screen and (max-width: 640px){
/* MO */
.cate_search ul.dots			{width: 100%;}
.cate_search ul.dots::after		{display: none;}
}

/* ------------------------------------------------------ KS 분야별 검색 - 추가정보확인 끝-------------------------------------------------- */











/* -------------------------------------------------- 인증심사기준 --------------------------------------------------*/


.cert_standards .h2_txt a			{color: var(--orange);}
.cert_standards .h2_txt a:hover		{text-decoration: underline;}
.cert_standards .search_container	{margin: 50px auto;}
.cert_standards .cate_search .dots	{width: 100%;}
.cate_search .title .count			{font-weight: 400; font-family: 'Pretendard';}
.cate_search .dots .count			{font-weight: 300; font-family: 'Pretendard';}

.cert_standards ul.symlist_list > li p.tit		{width:15%;}
.cert_standards ul.symlist_list > li p.txt		{width: calc(59% - 265px);}
.cert_standards ul.symlist_list > li p.price	{font-family: 'Pretendard'; font-size: 16px;}
.cert_standards ul.symlist_list > li p.btns		{min-width: 321px; font-size: 15px; font-weight: 400;}
.cert_standards ul.symlist_list > li p.btns a + a	{margin-left: 3px;}
.cert_standards ul.symlist_list a.blue				{background-color: var(--blue); color: #fff; padding: 7px 13px; border-radius: 4px; display: inline-block;}
.cert_standards ul.symlist_list a.blue img			{width: 11px; margin-left: 10px;}
.cert_standards ul.symlist_list a.blue:hover		{background-color: var(--black);}
.cert_standards ul.symlist_list a.line				{background-color: #fff; color: var(--blue); padding: 7px 12px; border-radius: 4px; display: inline-block; border: 1px solid var(--blue);}
.cert_standards ul.symlist_list a.line:hover		{background-color: var(--black); border: 1px solid var(--black); color: #fff;}

@media only screen and (max-width: 1024px){
/* TA 01 */
.cate_search div.dots p a	{font-size: 16px;}

.cert_standards ul.symlist_list > li p.tit			{width: 18%;}
.cert_standards ul.symlist_list > li p.txt			{width: calc(100% - 275px);}
.cert_standards ul.symlist_list > li p.btns a + a	{margin-top: 3px; margin-left: 0;}
.cert_standards ul.symlist_list a.line				{text-align: center; padding: 7px 10px;}
.cert_standards ul.symlist_list a.blue img			{width: 9px; margin-left: 6px;}
}

@media only screen and (max-width: 980px){
/* TA 02 */
.cert_standards ul.symlist_list > li		{display: flex; align-items: center; flex-wrap: wrap; gap: 0; position: relative;}
.cert_standards ul.symlist_list > li p.cate	{width: 100%; line-height: 1.2;}
.cert_standards ul.symlist_list > li p.tit	{width: 100%;}
.cert_standards ul.symlist_list > li p.txt	{width: calc(100% - 76px); font-size: 15px; line-height: 1.4; padding-right: 10px;}
.cert_standards ul.symlist_list > li p.btns			{min-width: unset; display: flex; width: 100%; margin-top: 15px;}
.cert_standards ul.symlist_list > li p.btns a		{width: 50%; text-align: center;}
.cert_standards ul.symlist_list > li p.btns a + a	{margin-left: 7px; margin-top: 0;}
}

@media only screen and (max-width: 640px){
/* MO */
.cert_standards .search_container	{margin: 20px auto 40px;}
.cate_search div.dots p a			{font-size: 14px;}

.cert_standards .symlist_list li			{padding: 15px 0 20px 0;}
.cert_standards ul.symlist_list > li p.txt	{width: 100%;}
.cert_standards ul.symlist_list > li p.btns a	{font-size: 14px;}
.cert_standards ul.symlist_list > li p.price	{font-size: 15px;}
.cert_standards ul.symlist_list a.blue			{width: 65% !important;}
.cert_standards ul.symlist_list a.line			{width: 35% !important;}
}


/* -------------------------------------------------- 인증심사기준 끝 --------------------------------------------------*/











/* -------------------------------------------------- 해외표준 --------------------------------------------------*/

.overseas .cate_search .dots	{width: 100%; display: flex; gap: 20px 25px; flex-wrap: wrap;}
.overseas .search_container		{margin: 50px auto;}
.overseas .h2_txt				{margin-bottom: 0 !important;}
.overseas .title02				{display: flex; justify-content: space-between; align-items: end;}
.overseas .title02 .txt span	{margin-top: 10px; font-size: 16px; display: block; color: var(--orange); font-weight: 500;}
.overseas .title02 .txt p		{display: inline-block;}
.overseas .title02 .blue		{margin-left: 6px; background: var(--blue); color: #fff; padding: 6px 11px; border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; vertical-align: bottom;}
.overseas .title02 .blue:hover	{background: var(--black); color: #fff;}

@media only screen and (max-width: 1024px){
/* TA */
.overseas .title02	{margin-bottom: 9px;}
.overseas .title02 .txt span	{font-size: 15px; margin-top: 8px;}
}

@media only screen and (max-width: 640px){
/* MO */

.overseas .title02			{display: block;}
.overseas .title02 .txt		{margin-bottom: 10px; display: flex; flex-wrap: wrap;}
.overseas .title02 .txt span	{font-size: 14px; margin-top: 2px;}
.overseas .title02 .blue		{width: 100%; text-align: center; display: block !important; padding:10px}
.overseas .title02 .btns		{order: 3; display: block !important; margin-top: 10px; width: 100%;}
}

/* -------------------------------------------------- 해외표준 끝 --------------------------------------------------*/

/* -------------------------------------------------- 해외표준 신규 --------------------------------------------------*/
.overseas p.title 												{font-weight:600;font-size:22px;}
.overseas div.for_cont 											{text-align:center;padding:15px 20px 20px;}
.overseas ul.brochure_ul										{width:100%; display:flex; flex-wrap: wrap;  gap: 2.2%;  margin: 0 auto; overflow: hidden; padding-bottom:20px; }
.overseas ul.brochure_ul li										{width: 18.2%; border: 1px solid #eee; border-radius:8px; display: flex; flex-direction: column; justify-content: space-between;}
.overseas ul.brochure_ul li:nth-child(n+6)						{margin-top: 2.2%;}
.overseas ul.brochure_ul li .manual_img							{width:100%; overflow: hidden; border-radius:8px 8px 0 0;}
.overseas ul.brochure_ul li .manual_img img						{max-width:100%; height:auto;}
/* .overseas ul.brochure_ul li .manual_txt							{background-color: #f9f9f9; text-align: center; border-radius: 0 0 8px 8px; } */
/* .overseas ul.brochure_ul li .manual_txt:hover 					{background-color: #203a91; text-align: center; border-radius: 0 0 8px 8px;} */
/* .overseas ul.brochure_ul li .manual_txt p.tit					{font-size:17px; line-height:1.2; font-weight:400; color: var(--black); margin:5%; } */
/* .overseas ul.brochure_ul li .manual_txt:hover p.tit				{font-size:17px; line-height:1.2; font-weight:400; color: #ffffff; margin:5%; } */
/* .overseas ul.brochure_ul li .manual_txt a span           		{position: relative; margin-right:12px;} */
/* .overseas ul.brochure_ul li .manual_txt a span::after			{content:""; position: absolute; background: url('/img/pc/cont/download.png') no-repeat 0 0 / 100%; width:12px; height:15px; top:4px; right:-20px;  } */
.overseas ul.brochure_ul li a.btn								{display: inline-block; border: none; background-color: #f9f9f9; width: 100%; padding: 8px 4px; border-radius: 5px; margin: 0 auto; transition: background 0.5s; font-size:17px; font-weight:400; color: var(--black); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.overseas ul.brochure_ul li a.btn:hover							{background-color: var(--blue); color: #ffffff; }

@media only screen and (max-width: 1024px){
	.overseas ul.brochure_ul li.brochure_txt p.tit				{font-size:16px; margin-bottom:30px; }
	.overseas ul.brochure_ul									{gap:2.5%;}
	.overseas ul.brochure_ul li									{width:31.66%;}
	.overseas ul.brochure_ul li:nth-child(n+5)					{margin-top:2.5%;}
/* 	.overseas ul.brochure_ul li .manual_txt						{} */
/* 	.overseas ul.brochure_ul li .manual_txt p.tit               {font-size:16px; margin-bottom: 10px; } */
/* 	.overseas ul.brochure_ul li .manual_txt a					{width: 80%; padding: 7px 4px; font-size:14px;} */
/* 	.overseas ul.brochure_ul li .manual_txt a span				{} */
/* 	.overseas ul.brochure_ul li .manual_txt a span::after  		{width:10px;  right:-16px; } */
.overseas ul.brochure_ul li a.btn								{font-size:16px;}
}

@media only screen and (max-width: 640px){
	.overseas ul.brochure_ul li.brochure_txt					{font-size:14px; margin-bottom:20px;}
	.overseas ul.brochure_ul									{gap: 4%;}
	.overseas ul.brochure_ul li                                 {width:48%;}
	.overseas ul.brochure_ul li:nth-child(n+4)					{margin-top:4%;}
/* 	.overseas ul.brochure_ul li .manual_txt						{} */
/* 	.overseas ul.brochure_ul li .manual_txt p.tit               {font-size:14px;} */
/* 	.overseas ul.brochure_ul li .manual_txt a					{width:100%; padding: 10px; font-size:14px;} */
/* 	.overseas ul.brochure_ul li .manual_txt a span				{margin-right:12px; } */
/* 	.overseas ul.brochure_ul li .manual_txt a span::after  		{width:9px; top:5px;  right:-14px } */
.overseas ul.brochure_ul li a.btn								{font-size:14px;}
}

/* -------------------------------------------------- 해외표준 끝 --------------------------------------------------*/






/* cont04 */
/* 로그인 */
input[type="text"] + label				{font-size:0; position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);}
input[type="password"] + label	{font-size:0; position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);}
input[type="textarea"] + label		{font-size:0; position: absolute; overflow: hidden; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}

#sub_content.login				{background: #f9fbff;}
.login_box .tab						{width: 100%; border-bottom: 3px solid var(--blue); display: flex;}
.login_box .tab li					{width: 100%;}
.login_box .tab li button		{width: 100%; height: 70px; background: #f9fbff; color: #999; font-size: 22px; font-weight: 400; transition: all .05s;}
.login_box .tab li button:hover	{color: var(--blue);}
.login_box .tab li.on button	{background: var(--blue); color: #fff;}
.login_box .tab02					{display: none;}

.login_box													{background: #fff; border-radius: 10px; max-width: 600px; margin: 50px auto 0; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08); overflow: hidden;}
.login_box .tab_box										{padding: 50px 65px;}
.login_box .input_box									{margin-bottom:8px;}
.login_box .input_box input							{border: 1px solid #ddd; padding: 0 20px; height: 55px; width: 100%; font-size:17px; font-weight: 300;}
.login .input_box input[type="text"]				{border-radius: 3px 3px 0 0;}
.login .input_box input[type="password"]	{border-radius: 0 0 3px 3px; border-top: none;}
.login_box .input_box input:placeholder		{font-size:17px;}
.login_box .s_tit											{font-size:18px; font-weight:400; letter-spacing: -1px; text-align: center; margin-bottom: 22px;}
.login_box .check_v input[type="checkbox"] + label	{color: #666;}
.login_box .input_box select							{border: 1px solid #ddd; padding: 0 36px 0 20px; height: 55px; width: 100%; font-size:17px; font-weight: 300; background: url('/img/pc/main/search_sel.svg') no-repeat right 16px top 50% / 12px;}
.login_box .input_box #idMessage,
.login_box .input_box #pwMessage				{display:flex;vertical-align:middle; height: 0; width: 0; opacity: 0;}


.login_box .phone		{display: flex; align-items: center; gap: 5px; justify-content: space-between;}
.login_box .email		{display: flex; align-items: center; gap: 5px; justify-content: space-between;}

.login_box .btn				{margin:30px 0 20px;}
.login_box .btn a			{display:block; background:var(--blue); color:#fff; font-size:18px; font-weight:400; text-align:center; border-radius:5px; padding:15px; transition:.2s;}
.login_box .btn a:hover,
.login_box .btn a:focus		{background:var(--black);}
.login_box .btn + .s_btn	{margin-top: 15px;}
.login_box .s_btn				{text-align:center;}
.login_box .s_btn a			{color:#666; position:relative; padding:0 14px; font-size:16px;}
.login_box .s_btn a:after	{content: ''; width: 1px; height: 17px; background: #ddd; display: inline-block; position: absolute; right: 0; top: 4px;}
.login_box .s_btn a:last-child:after	{display: none;}
.login_box .s_btn a.or		{color:var(--orange)}
.login_box .s_btn a:hover	{text-decoration: underline;}


/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.login_box						{margin-top:40px;}
	.login_box .tab li button	{height: 60px; font-size: 20px;}
	.login_box .s_tit				{font-size:16px;}
	.login_box .input_box select{padding: 0 32px 0 20px; background: url('/img/pc/main/search_sel.svg') no-repeat right 12px top 50% / 12px;}

}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.login_box						{margin-top:20px;}
	.login_box .tab li button	{height: 50px; font-size: 15px;}
	.login_box .tab_box			{padding:30px 20px; }
	.login_box .input_box input	{height:50px; padding:0 15px; font-size:15px;}
	.login_box .input_box select{height:50px; padding:0 25px 0 15px; font-size:15px; background: url('/img/pc/main/search_sel.svg') no-repeat right 10px top 55% / 12px;}
	.login_box .s_tit				{font-size:15px; line-height: 22px; margin-bottom: 15px;}
	.login_box .btn					{margin-top:20px;}
	.login_box .btn a				{font-size:16px;}
	.login_box .s_btn a			{padding:0 14px; font-size:14px;}
	.login_box .etc					{font-size: 15px; width: 14px;}
	.login_box .email				{flex-wrap: wrap;}
	.login_box .email input		{width: calc(50% - 12px);}

}


/* 회원가입 */
#sub_content.join				{background: var(--blue2_bg); padding: 70px 0 170px}
#sub_content.join	 .s_cont{max-width:1550px;}
ul.shadow_box					{display:flex; justify-content: space-between;}
ul.shadow_box li				{background:#fff; box-shadow:var(--Shadow); text-align:center; border-radius:10px; width:23.5%; padding:65px 35px 55px;}
ul.shadow_box li .tit			{font-size:26px; line-height:1.3; font-weight:600; margin:30px 0 15px;}
ul.shadow_box li .tit b		{font-weight:600; color:var(--blue)}
ul.shadow_box li .txt		{color:var(--gray6); font-size:18px;}
#en ul.shadow_box li .txt	{font-size:17px; text-align: left;}

.banner_zone.join									{margin-top:-150px; padding:100px 0;}
.banner_zone.join::before						{display:none;}
.banner_zone.join > div							{display:flex; align-items: center;}
.banner_zone.join .txt_box					{width:60%; max-width:380px; padding-right:40px;}
.banner_zone.join .txt_box .tit span		{color:#4cf4ff;}
.main .banner_zone.join .right .txt_box .tit{font-weight: 500;}
.banner_zone.join .txt_box .tt span			{color:#4cf4ff !important; display:block; opacity:1;}
.banner_zone.join .txt_box .tt				{font-size: 16px;}
.banner_zone.join .txt_box .st				{font-size: 15px;}
.banner_zone.join .join_btn					{position:relative; z-index:1; width:40%; max-width:230px; }
.banner_zone.join .join_btn::after			{position:absolute; z-index:0; content:'';  z-index:0; bottom:35px;}
.banner_zone.join .join_btn	a				{position:relative; z-index:1; text-align:center; display:block; background: #fff; color:#333; border-radius:10px; padding:20px; font-size:18px; font-weight:400; transition:.2s;}
.banner_zone.join .join_btn	a .arr_icon		{display: inline-block; width: 14px; height: 10px; background: url('/img/pc/cont/desk_arr_bk.png') no-repeat 50% 50% / 14px; margin-left: 8px; vertical-align: 2px;}
.banner_zone.join .join_btn	a:hover,
.banner_zone.join .join_btn	a:focus			{background:#000; color:#fff;}
.banner_zone.join .join_btn	a:hover .arr_icon,
.banner_zone.join .join_btn	a:focus .arr_icon{background: url('/img/pc/cont/desk_arr_w.svg') no-repeat 50% 50% / 14px;}


.banner_zone.join .left								{width:53%}
.banner_zone.join .left .txt_box				{position:revert;}
.banner_zone.join .left .txt_box .st.or			{position:absolute; top:calc(100% + 20px); width:60%}
.banner_zone.join .left .txt_box .st.or a		{color: var(--gray6);}
.banner_zone.join .left .txt_box .st.or a:hover	{text-decoration: underline;}
/* .banner_zone.join .left .join_btn::after		{width:175px; height:175px; background:url('/img/pc/cont/join_co.png') no-repeat 50% 0%; right:-50px;} */

.banner_zone.join .right							{width:47%;}
/* .banner_zone.join .right .join_btn::after	{width:215px; height:175px; background:url('/img/pc/cont/join_per.png') no-repeat 50% 0%; left:50%; transform:translateX(-50%);} */


@media only screen and (max-width: 1200px){
	ul.shadow_box li					{width:23.5%; padding:40px 25px;}
	ul.shadow_box li img			{width:50%; max-width:120px;}
	ul.shadow_box li .tit				{margin:20px 0 10px;}
	ul.shadow_box li .tit b			{display:block;}
	ul.shadow_box li .txt			{font-size:17px;}
	#en ul.shadow_box li .txt		{font-size:16px;}

	.banner_zone.join									{padding:50px 0 0;}
	.banner_zone.join > div							{justify-content: space-between;}
	.banner_zone.join .left,
	.banner_zone.join .right						{width:100%;}
	.banner_zone.join .left							{overflow:revert;}
	.banner_zone.join .left .txt_box .st.or			{position:revert; width:100%; margin-top:10px; color:#cff6f9; /* color:#ffc367; */ background:var(--blue);font-size: 14px;}
	.banner_zone.join .left .txt_box .st.or a		{color: #cff6f9;}

	.banner_zone.join .join_btn					{max-width:200px;}
	.banner_zone.join .join_btn	a				{padding:17px; font-size:17px; margin-top:30px; }

	.banner_zone.join .left:after					{top:0; left:-140px;}
	.banner_zone.join .left .join_btn::after	{bottom:0px; right:revert; left:55%; transform:translateX(-50%); background-size:150px}
	.banner_zone.join .join_btn	a .arr_icon		{vertical-align: 1px;}

	.banner_zone.join .right:after					{height:100%;}
	.banner_zone.join .right .join_btn::after	{bottom:0px; background-size:170px}
}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	#sub_content.join					{padding:60px 0 80px;}

	ul.shadow_box						{flex-wrap:wrap;}
	ul.shadow_box li					{width:calc(50% - 10px); padding:30px 20px 40px;}
	ul.shadow_box li:nth-child(n + 3)	{margin-top:20px;}
	ul.shadow_box li img			{width:30%;}
	ul.shadow_box li .tit				{font-size:22px; margin-top:15px;}
	ul.shadow_box li .tit b			{display:inline-block;}

	.banner_zone.join					{padding:20px 0 0 0; margin-top:-20px;}
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	#sub_content.join			{padding:25px 0 50px;}

	ul.shadow_box li			{width:100%; padding:20px 15px 25px 80px; text-align:left; position:relative;}
	ul.shadow_box li + li		{margin-top:10px !important;}
	ul.shadow_box li img		{position:absolute; width:55px; top:50%; transform:translateY(-50%); left:15px;}
	ul.shadow_box li .tit		{font-size:17px; margin:0 0 5px;}
	ul.shadow_box li .txt 		{font-size:15px;}
	#en ul.shadow_box li .txt	{font-size:15px;}

	.banner_zone.join > div						{display:block;}
	.banner_zone.join .txt_box				{width:100%; padding-right:0;}
	.banner_zone.join .txt_box p:last-child	{padding-right:120px;}
	.banner_zone.join .txt_box .tt			{font-size:15px;}
	.banner_zone.join .txt_box .txt			{font-size:15px;}
	.banner_zone.join .join_btn				{width:100%; max-width:100%;}
	.banner_zone.join .join_btn	a			{padding:12px; font-size:15px; margin-top:15px; border-radius:8px;}
	.banner_zone.join .join_btn	a .arr_icon	{background: url('/img/mo/cont/desk_arr_bk.png') no-repeat 50% 50% / 12px; margin-left: 6px; vertical-align: 1px;}
	.banner_zone.join .join_btn	a:hover .arr_icon,
	.banner_zone.join .join_btn	a:focus .arr_icon	{background: url('/img/pc/cont/desk_arr_w.svg') no-repeat 50% 50% / 12px;}

	.banner_zone.join .left .txt_box				{position:relative;}
	.banner_zone.join .left .join_btn:after		{background-size:100%; width:100px; height:130px; left:revert; right:10px; transform:revert;}
	.banner_zone.join .right .join_btn::after	{background-size:100%; width:120px; height:130px; left:revert; right:10px; transform:revert;}
	.banner_zone.join .right .txt_box p			{padding-right:120px;}
}

@media only screen and (max-width: 380px){
	.banner_zone.join .right .txt_box p.tt {padding-right:0;}
}





/* 주문내역 */
table.check_table .check_v										{display: flex !important; justify-content: center; padding: 0;}
table.check_table .check_v input[type="checkbox"] + label		{width: 19px; height: 19px; padding-left: 0;}
table.check_table .check_v input[type="checkbox"] + label:after	{top: 0;}
table.check_table thead .check_v input[type="checkbox"] + label	{font-size: 0;}

.h3_tit + table							{margin-top: 0;}
table.ks_sub_table td.check		{width:5%; margin-left: 0; margin-bottom: 4px;}
table.ks_sub_table td.check .detailBtn	{width: 19px; height: 19px; padding: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto;}

table .btns					{display: flex; font-size: 15px; font-weight: 400; gap: 6px;}
table .btns a.blue			{background: var(--blue); color: #fff; padding: 7px 12px; border-radius: 4px; display: inline-block;}
table .btns a.blue:hover	{background: var(--black);}
table .btns a.line			{color: #222; background: #fff; border: 1px solid #333; padding: 7px 12px; border-radius: 4px; display: inline-block;}
table .btns a.line:hover	{background: var(--black); color: #fff;}
table .btns.print a img		{margin-left: 6px; vertical-align: -2px;}

.total_price								{width: 100%; padding: 20px 40px; display: flex; align-items: center; justify-content: space-around; background: #fff; border-bottom: 1px solid #ddd;}
.total_price li								{display: flex; align-items: center; justify-content: space-between; width: calc(100% / 3); padding: 0 42px; position: relative;}
.total_price li:after						{content: ''; width: 24px; height: 24px; border-radius: 30px; display: inline-block; position: absolute; right: -12px;}
.total_price li:nth-child(1)			{padding-left: 0;}
.total_price li:nth-child(3)			{padding-right: 0;}
.total_price li.plus:after			{background: #444 url('/img/pc/cont/price_plus_icon.png') no-repeat 50% 50% / 24px;}
.total_price li:nth-child(1):after	{background: #444 url('/img/pc/cont/price_plus_icon.png') no-repeat 50% 50% / 24px;}
.total_price li.minus:after			{background: #444 url('/img/pc/cont/price_minus_icon.png') no-repeat 50% 50% / 24px;}
.total_price li:nth-child(2):after	{background: #444 url('/img/pc/cont/price_icon.png') no-repeat 50% 50% / 24px;;}
.total_price li:last-child:after		{display: none;}
.total_price li .tit			{font-size: 17px; color: var(--black); font-weight: 500; }
.total_price li .tit span	{font-weight: 400;}
.total_price li p			{font-size: 18px; font-weight: 500;}
.total_price li p b			{font-size: 22px; font-weight: 600; font-family:'Pretendard';}
.total_price li p.orange	{color: var(--orange);}

.pop_cont .total_price li		{flex-wrap:wrap;}
.pop_cont .total_price li .tit	{width:100%;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	table.check_table thead th .check_v		{display: flex; /* justify-content: left; */}

	table .btns a	{width: 50%; text-align: center;}

	.total_price								{padding: 20px 10px;}
	.total_price li								{padding: 0 30px; position: relative; gap: 10px;}
	.total_price li:after						{width: 20px; height: 20px; right: -10px;}
	.total_price li.plus:after					{background: #444 url('/img/mo/cont/price_plus_icon.png') no-repeat 50% 50% / 20px;}
	.total_price li:nth-child(1):after			{background: #444 url('/img/mo/cont/price_plus_icon.png') no-repeat 50% 50% / 20px;}
	.total_price li.minus:after					{background: #444 url('/img/mo/cont/price_minus_icon.png') no-repeat 50% 50% / 20px;}
	.total_price li:nth-child(2):after	{background: #444 url('/img/mo/cont/price_icon.png') no-repeat 50% 50% / 20px;}
	.total_price li:last-child:after	{display: none;}
	.total_price li .tit			{font-size: 16px;}
	.total_price li .tit span		{display: block;}
	.total_price li p				{font-size: 17px;}
	.total_price li p b				{font-size: 20px; margin-right: 1px;}

	.pop_cont .total_price li .tit	{width:revert;}
	.btn_wrap a.cart img			{display:none;}

	table.check_table.ks_sub_table	{border-top: 2px solid #000;}
	/* table.check_table.ks_sub_table tbody	{display: block;} */

}

@media only screen and (max-width: 840px){
	.total_price					{padding: 15px 0; flex-wrap: wrap;}
	.total_price li					{padding: 3px 0; position: relative; gap: 10px; width: 100%;}
	.total_price li:after			{width: 22px; height: 22px; bottom: -11px; right: calc(50% - 11px);}
	.total_price li:after			{display: none;}
	.total_price li .tit			{font-weight: 400;}
	.total_price li .tit span	{display: inline-block;}
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	table.check_table							{border-top: none;}
	table.check_table thead				{/* display: block; padding: 0; background: #fff; */}
	/* table.check_table thead tr				{display: flex; width: 100%; border-bottom: 2px solid #000;} */
	/* table.check_table thead tr th			{display: none; border-right: none; padding: 5px 0 15px 0;} */
	table.check_table thead th.check	{display: block;}
	table.check_table tbody tr				{padding-left: 28px !important;}
	table thead .check_v input[type="checkbox"] + label			{font-size: 15px; font-weight: 400; color: var(--black); padding-left: 26px;}
	table thead .check_v input[type="checkbox"] + label:after	{top: 1px;}

	table .check									{left: 0;}
	table.check_table .check_v input[type="checkbox"] + label	{top: 2px;}
	/* table.ks_sub_table td.check		{position: absolute; width: 20px;} */

	table .btns					{font-size: 13px; gap: 4px;}
	table .btns.print a			{padding: 7px 4px;}
	table .btns.print a img	{margin-left: 4px; width: 14px;}

	.total_price					{padding: 15px 0; flex-wrap: wrap;}
	.total_price li					{padding: 3px 0; position: relative; gap: 10px; width: 100%;}
	.total_price li:after			{width: 22px; height: 22px; bottom: -11px; right: calc(50% - 11px);}
	.total_price li:after			{display: none;}
	.total_price li .tit			{font-size: 14px; font-weight: 400;}
	.total_price li .tit span	{display: inline-block;}
	.total_price li p				{font-size: 14px; font-weight: 400;}
	.total_price li p b			{font-size: 17px;}
}

/* 마이페이지 */
.s_cont.mypage			{max-width:1560px; margin:0 auto; display:flex; align-items: flex-start;}
.s_cont.mypage .left		{width:330px; margin-right:62px; border: 1px solid #ddd;}
.s_cont.mypage .right	{width: calc(100% - 392px);}
.mypage .or					{color:var(--orange) !important;}
.my_info						{border: solid 8px #f5f5f5; border-radius:8px; padding:15px; display:flex; justify-content: center; align-items: center; margin-top:25px;}
.my_info .user				{font-size:17px; position:relative; padding-right:15px; margin-right:15px;}
.my_info .user::after		{position:absolute; content:''; width:1px; height:17px; background:#ddd; right:0; top:52%; transform:translateY(-50%);}
.my_info .user strong	{color:var(--blue); font-size:24px; font-weight:500;}
.my_info .setting			{font-size:18px; font-weight:400;}
.my_info .setting a		{color:#222; /* padding-right:25px; background:url('/img/pc/cont/my_setting.svg') no-repeat 100% 52% /18px; */}
.my_info .setting a:hover,
.my_info .setting a:focus	{text-decoration:underline;}

ul.order_info							{display:flex; gap:15px;}
ul.order_info	 > li					{width:100%;}
ul.order_info	 > li a				{padding:20px 15px; text-align:center; display:flex; align-items: flex-end; justify-content: space-around; color:#222; font-weight:400; background:#fff; border-radius:10px; box-shadow:var(--Shadow); transition:.2s;}
ul.order_info	 > li a:hover,
ul.order_info	 > li a:focus		{margin-top:-10px; color:var(--orange)}
ul.order_info	 > li a span		{font-size:17px; padding-top:35px; background:url('/img/mo/cont/my_order01M.png') no-repeat 50% 0%/28px;}
ul.order_info	 > li:nth-child(2) a span	{background:url('/img/mo/cont/my_order02M.png') no-repeat 50% 0%/25px;}
ul.order_info	 > li:nth-child(3) a span	{background:url('/img/mo/cont/my_order03M.png') no-repeat 50% 0%/26px;}
ul.order_info	 > li:nth-child(4) a span	{background:url('/img/mo/cont/my_order04M.png') no-repeat 50% 0%/25px;}

ul.order_info	 > li a strong		{font-weight:300; color:#999; margin-bottom:-7px;}
ul.order_info	 > li a strong b	{font-weight:600; font-size:55px; line-height:1; font-family:'Pretendard'; color:#ccc; margin-right:5px; vertical-align: sub;}

.h3_wrap				{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin:70px 0 15px;}
.h3_wrap h3			{margin:0;}
.h3_wrap .s_txt	{font-size:15px;}

.mypage .s_btn				{padding: 4px 10px 5px; min-width:80px; text-align:center; display:inline-block; border-radius: 4px; background-color: #999; color: #fff; font-size: 15px; font-weight:300; transition: background 0.3s;}
.mypage .s_btn:hover,
.mypage .s_btn:focus		{background: var(--black)}
.mypage .s_btn.b			{background:var(--blue);}
.mypage .s_btn.gr			{background:var(--green);}
.mypage .s_btn:hover,
.mypage .s_btn:focus		{background: var(--black)}


.area_mid										{display:flex; justify-content: space-between; gap:15px; margin-top:70px;}
.area_mid .card_wrap					{width:100%;}
.card_wrap .or								{font-weight:500;}
.card_wrap h3.tit							{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.card_wrap h3.tit.mt						{margin-top:20px;}
.card_wrap .mypage_card				{border:solid 1px #ddd; border-radius:10px; padding:20px 25px 25px;}
.card_wrap .mypage_card p			{font-size:16px; color:#666; letter-spacing: -0.5px;}
.card_wrap .mypage_card p + p	{margin-top:25px;}
.card_wrap .mypage_card p b		{color:#333; font-family:'Pretendard'; font-size:19px;}
.card_wrap .mypage_card .s_btn	{margin-top:10px;}

.card_wrap:first-child .mypage_card	{min-height: calc(100% - 40px);}
.card_wrap:first-child .mypage_card .s_btn	{margin-top:30px;}

@media only screen and (max-width: 1600px){
	.s_cont.mypage			{padding: 0 25px 0 60px;}
	.s_cont.mypage .left		{width:20%; margin-right:50px;}
	.s_cont.mypage .right	{width: calc(80% - 50px);}
}

@media only screen and (max-width: 1200px){
	.s_cont.mypage			{max-width:revert !important; display:block;}
	.s_cont.mypage .left		{display:none;}
	.s_cont.mypage .right	{width:100%;}
}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.s_cont.mypage				{padding: 0 25px;}
	.my_info							{margin-top:20px;}
	.my_info .user strong		{font-size:22px;}

	ul.order_info > li a					{flex-wrap:wrap; padding:15px;}
	ul.order_info	 > li a span		{order:1; font-size:15px; display:block; width:100%; background:none; padding-top:10px;}
	ul.order_info	 > li:nth-child(2) a span,
	ul.order_info	 > li:nth-child(3) a span,
	ul.order_info	 > li:nth-child(4) a span	{background: none;}
	ul.order_info	 > li a strong		{order:0; font-size:15px;}
	ul.order_info	 > li a strong b	{font-size:36px; padding-left:15px;}

	.h3_wrap		{margin-top:40px;}
	.area_mid		{margin-top:40px;}

	.mypage .s_btn						{font-size:14px;}
	.card_wrap h3.tit					{font-size: 17px; font-weight:500}
	.card_wrap:first-child .mypage_card	{min-height: calc(100% - 35px);}
	.card_wrap .mypage_card p b		{font-size:18px;}
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.s_cont.mypage				{padding: 0 15px;}
	.my_info							{margin-top:15px; padding:12px; justify-content: space-between}
	.my_info .user					{font-size:15px;}
	.my_info .user::after			{display:none;}
	.my_info .user strong		{font-size:16px;}
	.my_info .setting 				{font-size:12px;}

	ul.order_info							{gap:5px;}
	ul.order_info > li a					{padding:10px; height:100%; border-radius:8px;}
	ul.order_info > li a:hover,
	ul.order_info > li a:focus		{margin:0;}
	ul.order_info	 > li a span		{font-size:11px;}
	ul.order_info	 > li a strong		{font-size:0; text-indent:5px;}
	ul.order_info	 > li a strong b	{font-size:20px; padding-left:0;}

	.h3_wrap										{margin-top:30px;}
	.h3_wrap .s_txt							{font-size:14px;}

	table.my_order tbody tr				{padding-right:70px;}
	table.my_order  tbody tr td.tit		{order:-1;}
	table.my_order  tbody tr td:nth-child(4)::after	{display:none;}
	/* table.my_order  tbody tr td .s_btn{position:absolute; right:0; top:50%; transform:translateY(-50%);} */

	.mypage .s_btn								{font-size:12px; min-width:revert; padding:4px 7px 5px}
	.card_wrap h3.tit							{margin-top:20px;}
	.area_mid										{margin-top:30px; display:block;}
	.card_wrap .mypage_card				{padding:15px; overflow:hidden;}
	.card_wrap .mypage_card p			{font-size:15px;}
	.card_wrap .mypage_card p + p	{margin-top:15px;}
	.card_wrap .mypage_card p b		{font-size:17px;}
	.card_wrap:first-child .mypage_card .s_btn	{margin-top:-25px;}
	.card_wrap .mypage_card .s_btn	{float:right;}
}

/* 주문내역 */
.term_search							{gap:30px; padding:30px 20px; border: solid 8px #f5f5f5; border-radius:8px; display:flex; justify-content: center; align-items: center; margin-top:25px;}
.term_search span				{font-size:19px; font-weight:500;}
.calender								{display:flex; align-items: center; gap:10px;}
input[type="date"]				{background:url('/img/pc/cont/calender.svg') no-repeat 92% 50%/20px; padding:12px; border-radius:3px; width:200px; font-size:17px; font-weight:500; color:#333; font-family:'Pretendard';}
.calender input[type="date"]	{background-color:#f5f5f5;}

.calender .btn						{display:inline-block; width:45px; height:45px; border-radius:3px; background:var(--blue) url('/img/pc/main/head_search.svg') no-repeat 50% 50%/22px; font-size:0; vertical-align: top; transition:.2s;}
.calender .btn:hover,
.calender .btn:focus				{background-color:#222;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.term_search							{padding:15px;}
	.term_search span				{font-size:17px}
	input[type="date"]	{width:160px; font-size:16px;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.term_search							{flex-wrap:wrap; padding:10px; gap:15px;}
	.term_search span						{font-size:15px}
	.calender								{width: 100%; gap:revert; flex-wrap:wrap; justify-content: space-between;}
	.calender span:has(input[type="date"])	{width:calc(50% - 10px)}
	input[type="date"]						{font-size:14px; width:100%; background-size:18px; padding:10px;}
	.calender span:has(.btn)				{width:100%; margin-top:10px;}
	.calender .btn							{width:100%; font-size:15px; color:#fff; text-align:center; height:revert; padding:10px 0; background-position:center right calc(50% + 25px); background-size:15px;}
}

/* 내정보수정 */
/* 비밀번호 확인 */
h2 + h3.h3_tit			{margin-top:30px;}
.my_info02				{border: solid 8px #f5f5f5; border-radius:8px; display:block;  text-align:center; color:#666; background: url('/img/pc/cont/logo_bg.png') no-repeat right bottom -5px; padding:15px; margin-top:25px;}
.my_info02.recheckp		{font-size:24px; padding:70px 20px;}
.recheckp b				{font-weight:500;}
.recheckp	> div		{max-width:480px; margin:0 auto; }
.recheckp	input[type="password"]					{display:block; border-radius: 3px; border: 1px solid #ddd; padding: 0 20px; height: 55px; width: 100%; margin:25px 0; font-size:17px; font-weight: 300; }
.recheckp	input[type="password"]:placeholder		{font-size:17px;}

.recheckp .btn			{background:var(--blue); color:#fff; padding:15px; border-radius: 5px; font-size:18px; font-weight:400; text-align:center; width: 100%; display:block; transition: .2s;}
.recheckp .btn:hover,
.recheckp .btn:focus	{background:var(--black);}

/* 탈퇴하기 */
.my_info02.withnoti		{padding:50px;}
.my_info02.withnoti .tt	{font-size:24px; font-weight:500; margin-bottom:20px;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.my_info02				{margin-top:20px;}
	.my_info02.recheckp		{font-size:21px; padding:40px 20px;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	h2 + h3.h3_tit						{margin-top:10px;}
	.my_info02							{margin-top:15px; padding:12px; font-size:15px;}
	.my_info02.recheckp					{font-size:17px; padding:20px 15px; background-size:70%;}
	.recheckp	> div					{max-width:100%;}
	.recheckp	input[type="password"]	{height:50px; padding:0 15px; font-size:15px; margin:15px 0 20px}
	.recheckp .btn	{font-size:16px;}

	/* 탈퇴하기 */
	.my_info02.withnoti		{padding:15px;}
	.my_info02.withnoti .tt{font-size:19px;}
}

/* 개인정보수정 */
table.ks_sub_table03 td .select_wrap.four			{}
table.ks_sub_table03 td .select_wrap.two select		{width:49%}
table.ks_sub_table03 td .select_wrap.thr select		{width:32%}
table.ks_sub_table03 td .select_wrap.four select	{width: calc(25% - 5px);}

/*버튼*/
.btn_wrap.thr	{}
.btn_wrap a.g												{background-color: #666;}
.btn_wrap a.g:hover										{background-color: var(--black);}

.s_btn.del								{padding: 5px 7px; border-radius: 4px; min-width:revert; background-color: #999; color: #fff; font-size: 14px;  border: none; outline: none;  transition: background 0.3s;}
.s_btn.del:hover					{background-color: var(--black);}
.s_btn.del img						{width: 12px;  margin-left: 6px;  margin-top: 2px; vertical-align:top; }

/* 업체변경 팝업 */
div.layer .pop-layer-type.w800			{max-width:800px;}
.file_wrap								{display:flex; align-items: center; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:20px;}
.file_wrap .tt							{font-weight:400; font-size:17px; margin-right:20px;}
.filebox input[type="file"]				{position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.filebox .upload-name					{border:1px solid #ddd; padding:8px 10px; border-radius:6px; font-size:16px; color:var(--black); font-weight:400; margin:0 10px;}
.filebox label							{cursor:pointer; font-size:15px; line-height: 22px; color:#fff; background-color: var(--orange); padding:10px 30px; border-radius:4px; transition: background 0.5s;}
.filebox label:hover					{background-color: var(--black);}

.file_wrap.comp_file_wrap_pop								{display:flex; align-items: center; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:20px;}
.file_wrap.comp_file_wrap_pop .tt							{font-weight:400; font-size:17px; margin-right:20px;}
.comp_file_wrap_pop .filebox								{display: flex;}
.comp_file_wrap_pop .filebox input[type="file"]				{position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.comp_file_wrap_pop .filebox .upload-name					{border:1px solid #ddd; padding:8px 10px; border-radius:6px; font-size:16px; color:var(--black); font-weight:400; margin:0 10px;}
.comp_file_wrap_pop .filebox label							{display: flex; align-items: center; justify-content: center; cursor:pointer; font-size:15px; line-height: 22px; color:#fff; background-color: var(--orange); padding:10px 30px; border-radius:4px; transition: background 0.5s;}
.comp_file_wrap_pop .filebox label:hover					{background-color: var(--black);}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	/* 개인정보수정 */
	table.ks_sub_table03 td .select_wrap.four			{width: 100%;}
	table.ks_sub_table03 td .select_wrap.four select	{width:calc(50% - 5px); margin:2px 0;}

	/* 업체변경 팝업 */
	div.layer .pop-layer-type.w800			{max-width:calc(100dvw - 50px);}
	.file_wrap .tt										{font-size:16px;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.m100	{width:100% !important;}

	table.ks_sub_table03 td .select_wrap.two select,
	table.ks_sub_table03 td .select_wrap.thr select	,
	table.ks_sub_table03 td .select_wrap.four select	{width:100%;}
	table.ks_sub_table03 td .select_wrap select:first-child{margin-top:0}

	/*버튼*/
	.btn_wrap.two,
	.btn_wrap.thr		{flex-direction:row; gap:5px;}
	.btn_wrap.two a	{width:50% }
	.btn_wrap.thr a	{width:33% }

	.s_btn.del			{padding: 2px 10px; font-size:13px;}
	.s_btn.del img	{display:none;}

	/* 업체변경 팝업 */
	div.layer .pop-layer-type.w800			{max-width:100%;}
	.file_wrap											{display:block; padding:0 0 20px 0; border-top:0;}
	.file_wrap .tt										{font-weight:500; margin-bottom:15px;}
	.filebox												{width:100%;}
	.filebox .upload-name						{font-size:15px; margin:0; width:calc(100% - 90px);}
	.filebox label										{padding:10px 20px; display:inline-block}
}

/* KS우대할인 신청/조회 */
ul.tmn_tab				{display:flex; border-bottom:solid 2px var(--blue); margin:30px 0 50px;}
ul.tmn_tab + h3			{margin-top:0;}
ul.tmn_tab li			{width: 100%; max-width: 250px;}
ul.tmn_tab li a			{display:block; padding: 12px 15px; font-size: 18px; font-weight:400; width: 100%; color:#888; text-align:center; border-radius:10px 10px 0 0; transition:.2s;}
ul.tmn_tab li a:hover,
ul.tmn_tab li a:focus	{background:#eee}

ul.tmn_tab li.on 		{}
ul.tmn_tab li.on a		{background:var(--blue); color:#fff;}

.f17		{font-size:17px; color:#666;}

table.regksprlist td .view	{cursor:pointer; vertical-align:top; position:relative;}
table.regksprlist td .etc		{display:none;position:absolute; width:300px; text-align:left; background:#fff;border:solid 1px #ddd;border-radius:8px;padding:15px 20px;left:50%;transform:translateX(-50%);font-size:16px;color:var(--blue);bottom: calc(100% + 5px);cursor:default;}
table.regksprlist td .etc::before{position:absolute;z-index:1;content:'';width: 10px;height: 10px;background:#fff;border-top:solid 1px #ddd;border-left:solid 1px #ddd;bottom: -7px;left:50%;margin-left: -5px;transform:rotate(-135deg);}
table.regksprlist td .view:hover .etc{display:block; z-index:1;}
table.regksprlist td[class*="_date"]	{font-weight:300; font-family:'Pretendard'; color:#666;}
table.regksprlist .s_btn				{min-width:100%}

/* 신청하기 */
.warning h4	{font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.warning.mt0								{margin-top:0;}
.warning .txt_bg.mt0					{margin-top:0;}
.warning .txt_bg p.txt.no_dash::before{display:none;}

table.ks_sub_table03 td:has(textarea)	{padding:10px;}
table .calender			{gap:30px;}
table .calender span	{font-size:15px;}
textarea					{border-radius:8px; font-size:17px; min-height:150px; width:100%; vertical-align:top !important; resize:vertical;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	ul.tmn_tab		{margin:30px 0 40px;}
	.f17		{font-size:16px;}

	table.ks_sub_table thead tr th			{word-break:break-all; line-height: 1.2;}
	table.regksprlist td .etc				{font-size:15px; margin-left:-30px;}
	table.regksprlist td .etc::before		{margin-left:25px;}

	.warning h4	{font-size: 17px; font-weight: 500;}
	textarea					{font-size:16px;}

	table.ks_sub_table.en.quotation	{word-break: keep-all; line-height: unset;}
	table.ks_sub_table.en.quotation tr th.no	{display: none;}
	table.ks_sub_table.en.quotation tr td.no	{display: none;}
	table.ks_sub_table.en.quotation tr td.tit	{width: 31%;}
	table.ks_sub_table.en.quotation colgroup	{display: none;}

	table.ks_sub_table.en.record tr th.no	{display: none;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	ul.tmn_tab		{margin:20px 0 30px;}
	ul.tmn_tab li	{width:calc(50% + 1px)}
	ul.tmn_tab li a	{font-size:15px; min-width:revert; width:100%; padding:12px}

	table.ks_sub_table.en.quotation tr td.tit	{width: 20%;}

	.f17		{font-size:15px;}

	/* table.regksprlist td.num					{display:none;}
	table.regksprlist td.ap_date				{margin-top:10px;}
	table.regksprlist td.ap_date::before	{content:'신청일 : '; font-size:14px;}
	table.regksprlist td.cl_date::before	{content:'처리일 : '; font-size:14px;}
	table.regksprlist td.ex_date::before	{content:'유효기간 : '; font-size:14px;}
	table.regksprlist td:not(:nth-child(2))::after		{display:none;}
	table.regksprlist td[class*="_date"]	{width:100%; padding-left:9px; position:relative; font-size:14px;}
	table.regksprlist td[class*="_date"]::after{display:block; position:absolute; content:""; width:3px; height:3px; top:8px; left:0; background:#999; border-radius:50%; margin:0;}

	table.regksprlist tbody tr							{padding-bottom:50px;}
	table.regksprlist td:has(.view)					{position:revert;}
	table.regksprlist td .view							{position:absolute; top:10px; right:0;}
	table.regksprlist td .etc								{padding:10px 15px; left:revert; right:-1px; transform:revert; font-size:14px; width: calc(100dvw - 45px);}
	table.regksprlist td .etc::before					{right:8px; left:revert; margin-left:-5px;}
	table.regksprlist td:has(.s_btn)					{width:calc(50% - 2.5px); position:absolute; bottom:10px;}
	table.regksprlist td.m100							{width:100%;}
	table.regksprlist td:has(.s_btn):last-child	{right:0;}
	table.regksprlist .s_btn								{min-width:revert; width:100%; padding:7px;} */

	.warning h4				{font-size: 16px; margin-bottom: 0;}
	table .calender			{gap:10px;}
	table .calender span	{font-size:13px;}
	table .calender span:has(input[type="date"])	{width:100%;}
	table .calender input[type="date"]	{margin-top:5px; width:100%;}
	textarea					{font-size:15px;}
}

/* 세계의 표준화 기관도서 신청 */
table.ks_sub_table03 tr.adress td > ul li:nth-child(2) input,
table.ks_sub_table03 tr.adress td > ul li:nth-child(3) input	{max-width:100%;}
.check_v.align	{flex-wrap:wrap; display:flex;}
.check_v.align span{display:inline-block; width:14.2%;}

/* 표준관리서비스 */
ul.shadow_box.stdman li		{width:49%; padding:40px 35px; }
ul.shadow_box.stdman li .tit{margin:15px 0 10px;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.check_v.align span{width:20%;}

	/* 표준관리서비스 */
	.shadow_box.stdman li		{padding: 30px 20px;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.check_v.align span{width:50%;}

	/* 나의 관심표준 */
	.wrap_type:has(.sel_box.r) + table.check_table	{margin-top:-37px;}

	/* 표준관리서비스 */
	ul.shadow_box.stdman li		{width:100%; padding: 20px 15px 20px 80px;}
	ul.shadow_box.stdman li .tit	{margin: 0 0 5px;}
}



/*구입방법안내*/
.purchase_guide									{padding-top: 60px; width: 100%;}
.purchase_guide p.text							{display: flex; align-items:center; text-align:center; gap:10px; padding-left: 15px;}
.purchase_guide p.text .step					{font-size:18px; font-weight:500; display:inline-block; color: #fff; background-color: var(--blue); width:32px; height:32px; border-radius:20px; padding:2px 0; }
.purchase_guide p.text .title					{font-size:25px; font-weight:600; color: var(--black); }

.purchase_guide .img_wrap						{width:100%; background-color: #fff; margin-top:15px; border-radius:20px; overflow:hidden;}
.purchase_guide .img_wrap.guide					{margin-top: 30px;}
.purchase_guide .img_wrap img					{max-width:100%;}

@media only screen and (max-width: 1024px){

.purchase_guide									{padding-top:30px; width: 100%;}
.purchase_guide p.text							{gap:8px; margin-top:20px;  }
.purchase_guide p.text .step					{font-size:16px; width:26px; height:26px; padding: 0; }
.purchase_guide p.text .title					{font-size:20px;}

.purchase_guide .img_wrap						{margin-top:10px;}
.purchase_guide .img_wrap.guide					{margin-top:20px;}
}

@media only screen and (max-width: 640px){

.purchase_guide									{padding-top:15px; width: 100%;}
.purchase_guide p.text							{gap:5px;  margin-top:15px; }
.purchase_guide p.text .step					{font-size:12px; width:20px; height:20px; padding:1px;  }
.purchase_guide p.text .title					{font-size:15px;}


}

/* 영문 구입방법안내 */
#en .purchase_guide														{padding-top: 0; display: flex; flex-direction: column;	gap: 70px; margin: auto;  width: 100%;  max-width: 1280px;  position: relative;}
#en .purchase_guide::after												{content: ""; position: absolute; top: 0; width: 1px; height:100%; right: 50%; border-right: 1px dashed #bbb; z-index:-10}
#en .purchase_guide .box												{width:100%; background-color:#f8f8f8; border:1px solid #ddd; border-radius:16px; overflow:hidden; padding:0 50px; }
#en .purchase_guide .box p.text											{display: flex; align-items:center; justify-content: center; text-align:center; gap:10px; margin-top:30px; }
#en .purchase_guide .box p.text .step									{font-size:18px; font-weight:500; display:inline-block; color: #fff; background-color: var(--blue); width:32px; height:32px; border-radius:20px; padding:2px 0; }
#en .purchase_guide .box p.text .title									{font-size:25px; font-weight:600; color: var(--black); }

#en .purchase_guide .box ul.order										{display:flex; gap:30px; justify-content: center; flex-wrap: wrap; margin-top:15px; }
#en .purchase_guide .box ul.order li									{font-size:17px; font-weight:400; color: var(--gray6); position:relative; }
#en .purchase_guide .box ul.order li::after								{content:""; position: absolute; background: url('/img/pc/cont/arrow_icon.png') no-repeat 0 0 / 100%; width: 7px; height: 12px; top:7px; right:-18px; }
#en .purchase_guide .box ul.order li:last-child::after					{display:none;}
#en .purchase_guide .box ul.order li b.bold								{font-weight:500;}

#en .purchase_guide .box .img_wrap										{width:100%; max-width:990px; background-color: #fff; box-shadow: var(--Shadow); margin:auto; border-radius:20px 20px 0 0; overflow:hidden; margin-top:30px; }
#en .purchase_guide .box .img_wrap img									{max-width:100%;}


@media only screen and (max-width: 1024px){

#en .purchase_guide														{gap:50px;}
#en .purchase_guide .box												{padding: 0 30px;}
#en .purchase_guide .box p.text											{gap:8px; margin-top:20px;  }
#en .purchase_guide .box p.text .step									{font-size:16px; width:26px; height:26px; padding: 0; }
#en .purchase_guide .box p.text .title									{font-size:20px;}

#en .purchase_guide .box ul.order										{gap:20px; margin-top:10px;  }
#en .purchase_guide .box ul.order li									{font-size:15px; }
#en .purchase_guide .box ul.order li::after								{width:5px; height: 10px; right:-14px; }

#en .purchase_guide .box .img_wrap										{margin-top:20px;}
}

@media only screen and (max-width: 640px){

#en .purchase_guide														{gap:30px;}
#en .purchase_guide .box												{padding:0 15px; border-radius:10px; }
#en .purchase_guide .box p.text											{gap:5px;  margin-top:15px; }
#en .purchase_guide .box p.text .step									{font-size:12px; width:20px; height:20px; padding:1px;  }
#en .purchase_guide .box p.text .title									{font-size:15px;}

#en .purchase_guide .box ul.order										{gap:3px; margin-top:5px; }
#en .purchase_guide .box ul.order li									{font-size:14px; margin-right:12px;}
#en .purchase_guide .box ul.order li:last-child						    {margin-right:0;}
#en .purchase_guide .box ul.order li::after								{right:-10px; }

#en .purchase_guide .box .img_wrap										{margin-top:10px; border-radius:8px 8px 0 0;}

}




/* 개인정보처리방침 */
.box_terms .tit		{font-size: 23px; font-weight: 500; color: var(--black); margin: 70px 0 15px;}
.box_terms p		{font-size:17px; color: var(--gray6); font-weight:400; margin-bottom:10px; display:block;}
.box_terms .list_number						{counter-reset: li}
.box_terms .list_number li					{font-size:17px; color: var(--black); font-weight:400; border-bottom:0; margin:8px 0 0 22px; position:relative;}
.box_terms .list_number li:first-child		{margin-top:0;}
.box_terms .list_number li::before			{position: absolute; left: -22px; display: inline-block; content: counter(li) ''; counter-increment: li; font-weight:300; width: 15px; height: 15px; border: 1px solid #aaa;  border-radius: 50%; text-align: center; font-size:13px; line-height: 15px; margin-top: 4px; color: var(--gra6);}
.box_terms .list_number li .txt,
.box_terms .list_number li + p				{font-size:16px; color: var(--gray6); font-weight:300; margin:3px 0 0 0;}
.box_terms .list_number li .link			{color: var(--orange);}
.box_terms .list_number li .link:hover		{text-decoration: underline;}

.box_terms .list_terms .txt_num					{font-size: 20px;}
.box_terms .list_terms .list_number li			{color: var(--gray6); font-weight:300; margin:3px 0 0 0; margin-left: 22px;}
.box_terms .list_terms .list_number li:before	{display: none;}

.list_terms li						{margin: 5px 0;}
.list_terms li:nth-child(1) strong			{position: relative; padding-left: 14px; margin-bottom: 15px;}
.list_terms li:nth-child(1) strong:before	{position: absolute; content: ''; width: 4px; height: 1px; border-radius: 50%; left: 0; top: 13px; background: var(--orange);}
.list_terms li strong				{font-size:17px; color: var(--orange); font-weight: 400; margin-top: 0;}
.list_terms li a					{display:inline-block; border: 1px solid var(--black); display:inline-block; transition: all .3s; font-size: 15px; color: var(--black); border-radius:4px; padding:4px 10px;}
.list_terms li a:hover				{background: var(--orange); border: 1px solid var(--orange); color: #fff}


.personinfo										{padding: 10px 10px;}
.personinfo h3									{font-size:32px; font-weight:500; margin-bottom:30px; text-align:center;}
.personinfo .list_terms							{padding-left: 20px;}
.personinfo .list_terms li:nth-child(1) strong	{padding-left: 0;}
.personinfo .box_terms p						{font-size:17px; color: #666; font-weight:400; margin-bottom:10px; display:block; word-wrap: break-word;}
.personinfo .box_terms .tit						{font-size: 20px; font-weight: 500; color: var(--black); margin: 30px 0 15px;}
.personinfo .box_terms .list_number 			{padding-left: 0;}
.personinfo .box_terms .list_number li::marker	{font-size: 0;}

.personinfo table.tbl_terms						{margin-top: 25px; border-top: 2px solid #000; width: 100%; word-wrap: break-word; table-layout: fixed; border-spacing: 0; word-break: keep-all;}
.personinfo table.tbl_terms th					{vertical-align: middle; font-weight: 400; text-align: center; line-height: 22px; padding: 8px 5px; font-size: 16px; color: #333; background: #f2f2f2; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.personinfo table.tbl_terms th:last-child		{border-right: 0;}
.personinfo table.tbl_terms td					{font-size: 16px; vertical-align: middle; font-weight: 400; padding: 8px 5px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.personinfo table.tbl_terms td:nth-child(1)		{text-align: center; align-content: center;}
.personinfo table.tbl_terms td:last-child		{border-right: 0;}


@media only screen and (max-width: 1024px){
	.box_terms .tit					{font-size: 20px; margin: 40px 0 15px 0;}
	.box_terms p					{font-size:16px;}
	.box_terms .list_number li		{font-size:16px;}
	.box_terms .list_number li .txt,
	.box_terms .list_number li + p	{font-size: 16px;}
	.list_terms li strong			{font-size:16px;}

	.personinfo h3									{font-size:32px; margin-bottom:30px;}
	.personinfo .box_terms p						{font-size:16px; margin-bottom:10px;}
	.personinfo .box_terms .tit						{font-size: 20px; margin: 30px 0 15px;}

	.personinfo table.tbl_terms						{margin-top: 20px;}
	.personinfo table.tbl_terms th					{line-height: 20px; padding: 8px 5px; font-size: 15px;}
	.personinfo table.tbl_terms td					{padding: 8px 5px; font-size: 15px;}
}

@media only screen and (max-width: 640px){
	.box_terms .tit					{font-size: 18px; margin: 30px 0 10px 0;}
	.box_terms p					{font-size:14px;}
	.box_terms .list_number li		{font-size:14px;}
	.box_terms .list_number li .txt,
	.box_terms .list_number li + p	{font-size: 14px;}
	.list_terms li:nth-child(1)		{margin-bottom: 10px;}
	.list_terms li strong			{font-size:15px;}
	.list_terms li a				{font-size:13px;}

	.personinfo										{padding: 5px 5px;}
	.personinfo h3									{font-size:25px; margin-bottom:20px;}
	.personinfo .box_terms p						{font-size:14px; margin-bottom:10px;}
	.personinfo .box_terms .tit						{font-size: 18px; margin: 30px 0 15px;}
	.personinfo .list_terms li						{font-size:14px;}
	.personinfo .list_terms li strong				{font-size:14px;}

	.personinfo table.tbl_terms						{margin-top: 15px;}
	.personinfo table.tbl_terms th					{line-height: 20px; padding: 5px 4px; font-size: 13px; line-height: 18px;}
	.personinfo table.tbl_terms td					{padding: 5px 4px; font-size: 13px; line-height: 18px;}
}

/* 이용약관 */
.terms_page.terms_use ul.wrap li > .active p.tit				{font-size: 23px; font-weight: 500; color: var(--black); margin: 70px 0 15px;}
.terms_page.terms_use ul.wrap li > .active p.tit.top_tit		{margin-top: 0;}
.terms_page.terms_use ul.wrap li > .active p					{font-size:17px; color: var(--gray6); font-weight:400; margin-bottom:10px; display:block;}
.terms_page.terms_use ul.wrap li > .active ul > li				{font-size:17px; color: var(--black); font-weight:400; border-bottom:0; margin:8px 0 0 22px; position:relative;}
.terms_page.terms_use ul.wrap li > .active ul > li > span.txt	{font-size:16px; color: var(--gray6); font-weight:300; margin:6px 0 0 0;}

.terms_page.terms_use ul.wrap									{border-top: none;}
.terms_page.terms_use ul.wrap li								{border-bottom: none;}
.terms_page.terms_use ul.wrap li:not(:has(.agree)) > .active	{padding: 0; height: auto; border: none;}


@media only screen and (max-width: 1024px){
	.terms_page.terms_use ul.wrap li > .active p.tit				{font-size: 20px; margin: 40px 0 15px;}
	.terms_page.terms_use ul.wrap li > .active p					{font-size:16px; margin-bottom:10px;}
	.terms_page.terms_use ul.wrap li > .active ul > li				{font-size:16px;}
	.terms_page.terms_use ul.wrap li > .active ul > li > span.txt	{font-size:15px; margin:6px 0 0 0;}
}

@media only screen and (max-width: 640px){
	.terms_page.terms_use ul.wrap li > .active p.tit				{font-size: 18px; margin: 30px 0 10px;}
	.terms_page.terms_use ul.wrap li > .active p					{font-size:14px; margin-bottom:10px;}
	.terms_page.terms_use ul.wrap li > .active ul > li				{font-size:14px;}
	.terms_page.terms_use ul.wrap li > .active ul > li > span.txt	{font-size:13px; margin:4px 0 0 0;}
}




/* 임시비밀번호 */
.logintemp .login_div			{margin-top: 45px; padding: 0 70px;}
.logintemp .login_div .sub_txt	{margin-top: 0 !important;}
.logintemp .btn_wrap.two button	{width: 200px;}

@media only screen and (max-width: 1180px){
	.logintemp .login_div	{margin-top: 35px; padding: 0 20px;}

}

@media only screen and (max-width: 640px){
	.logintemp .login_div	{margin-top: 20px; padding: 0;}
	.logintemp .btn_wrap.two button	{max-width: 200px; width: 100%;}
}





/* cosd 추가  */
.pop_cont.cosdPop				{padding: 0;}
.pop_cont.cosdPop .mini_wrap	{padding: 20px 30px 0;}
.pop_cont.cosdPop .pop_tt.mt0	{font-family: Pretendard !important; font-weight: 600; background: var(--blue); padding: 20px; color: #fff;}
.pop_cont.cosdPop table			{font-family: "Noto Sans KR", sans-serif;}
.pop_cont.cosdPop table.ks_sub_table thead tr th 	  {font-family: "Noto Sans KR", sans-serif;}
.pop_cont.cosdPop table.ks_sub_table tbody tr td 	  {font-family: "Noto Sans KR", sans-serif;}
.pop_cont.cosdPop table.ks_sub_table tbody tr td span {font-family: "Noto Sans KR", sans-serif;}
.pop_cont.cosdPop .dot_list					     	  {font-family: "Noto Sans KR", sans-serif;}


.file_flex_box				{display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between;}
.file_flex_box .left		{width: calc(100% - 180px);}
.file_flex_box .select-btn	{margin: 0;}

@media only screen and (max-width: 640px){
	.file_flex_box .left	{width: 100%;}
}