@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap							{position:relative;width:100%;}
#main_visual						{position:relative;width:100%;} 
#main_visual li						{height:460px;} 
.main_img01							{background:url('../image/main/visual01.jpg') center top no-repeat;background-size:cover;}
.main_img02							{background:url('../image/main/visual02.jpg') center top no-repeat;background-size:cover;}
.main_img03							{background:url('../image/main/visual03.jpg') center top no-repeat;background-size:cover;}
.main_img04							{background:url('../image/main/visual04.jpg') center top no-repeat;background-size:cover;}
.main_img05							{background:url('../image/main/visual05.jpg') center top no-repeat;background-size:cover;}
.main_txt							{position:absolute;z-index:9;width:100%;top:0;text-align:center;color:#fff;letter-spacing:-2px;padding-top:140px;}
.main_txt dl span					{}
.main_txt dl dt	img					{width:650px;}
.main_txt dl dd						{letter-spacing:0;font-size:20px;text-shadow:#333 2px 2px 5px;line-height:130%;margin-top:30px;}

.title								{font-size:15px;color:#333;font-weight:bold;margin-bottom:13px;}
.title span							{padding-lefT:8px;}

.con01								{overflow:hidden;padding:40px 0;}
.main_product						{overflow:hidden;float:left;width:70%;border:1px solid #ddd;background-color:#f9f9f9;}
.pd_title							{float:left;width:23.5%;background-color:#00509f;height:220px;}
.pd_title .title					{color:#fff;padding:25px 0 0 25px;}
.pd_txt								{color:#fff;font-size:0.95em;padding-left:25px;}
.pd_control							{position:absolute;top:195px;padding-left:25px;}
.pd_control div						{float:left;width:30px;line-height:30px;border:1px solid #d7e6f8;text-align:center;}
.pd_control div:first-child			{border-right:0;}
.pd_list							{overflow:hidden;float:right;width:73%;height:220px;}
.pd_list .pd_list_wrap				{padding:25px 0 0 0;overflow:hidden;}
.pd_list .pd_list_wrap_child		{overflow:hidden;margin-right:1.3%;}
.pd_list .pd_list_wrap_child .img	{display:block; border:1px solid #ddd;height:100px;}
.pd_list .pd_list_wrap_child .img img	{width:100%; height:100%; object-fit:cover;}
.pd_list .pd_list_wrap_child dt		{color:#222;margin:10px 0 3px 0;}
.pd_list .pd_list_wrap_child dd		{color:#737373;font-size:0.9em;line-height:140%;}
.main_btn							{float:right;width:27.3%; display:grid; gap:12px;}
.main_btn li						{height:65px;}
.main_btn li a						{display:block; border:2px solid #a2c0e4; font-size:1.12em; font-weight:bold; color:#333; padding:10px 0 10px 15px; background:url('../image/main/acc_bn01.png') no-repeat center right;}
.main_btn li:nth-child(2) a			{background-image:url('../image/main/acc_bn02.png');}
.main_btn li:last-child a			{background-image:url('../image/main/acc_bn03.png');}
.main_btn li a span					{display:block; font-size:13px; color:#3781dc; font-weight:normal; margin-top:5px;}
.main_btn li a span:after			{content:''; display:inline-block; border:solid #3781dc; border-width:1px 1px 0 0; padding:2px; transform:rotate(45deg); margin:0 0 2px 3px;}
.main_btn li:hover a				{border-color:#3781dc;}

.con02								{overflow:hidden;padding:0 0 40px 0;}
.main_notice						{float:left;width:30%;margin-right:30px;}
.main_video							{height:122px;float:left;width:31%;padding:0 30px;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;}
.main_video .title					{color:#fff;padding-top:8px;}
.main_video img						{padding-top:20px;}
.video_wrap							{height:122px;background:url('../image/main/video_bg.png') no-repeat;background-size:cover;}
.main_cs							{overflow:hidden;height:122px;float:left;margin-left:30px;background:url('../image/main/bg_cs.png') no-repeat 0 70%;}
.cs_wrap							{overflow:hidden;padding:8px 0 0 90px;}
.cs_wrap .p_strong					{font-size:1.8em;color:#00509f;line-height:110%;margin-bottom:5px;font-weight:bold;}
.cs_wrap p							{font-size:0.95em;line-height:150%;}
.m_btn_nara							{display:none;}
.m_line								{overflow:hidden;}


@media screen and (max-width:1024px){
	.con01								{padding:20px 15px;}
	.main_product						{float:none;width:calc(100% - 2px);}
	.pd_title .title					{padding:25px 15px 0 20px;margin-bottom:7px;}
	.pd_txt								{padding:0 20px;}
	.main_btn							{float:none;width:100%; margin-top:20px;}
	.main_btn li a						{font-size:1.1em;}

	.con02								{padding:0 15px 20px 15px; border:0;}
	.main_video							{float:none;width:100%;margin-bottom:20px;border-left:0;padding:0;height:150px;}
	.video_wrap							{height:150px;}
	.main_video img						{padding-top:40px;}
	.main_notice						{float:none;width:100%;margin-bottom:20px;}
	.main_cs							{float:none; margin:0; background:url('../image/main/bg_cs.png') no-repeat 0 10%;height:100%;}
	.main_cs .title						{padding-left:90px;margin-bottom:10px;}
	.cs_wrap							{padding:0 0 0 90px;}
	.cs_wrap .p_strong					{font-size:1.4em;}
	.cs_wrap br							{display:none;}
}
@media screen and (max-width:768px){
	#main_visual li						{height:300px;}
	.main_txt							{padding-top:80px;}
	.main_txt dl dt	img					{width:60%;}
	.main_txt dl dd						{font-size:1.2em;margin-top:20px;padding:0 10px;font-weight:bold;}
	.main_txt dl dd br					{display:none;}

	.pd_control							{top:40px; right:25px;}
	.pd_title							{float:none;width:100%; height:70px;}
	.pd_title .title					{padding:13px 0 0 20px;margin-bottom:5px;}
	.pd_txt								{padding:0 20px;}
	.pd_txt br							{display:none;}
	.pd_list							{overflow:hidden;float:none;width:100%;padding-top:0;height:100%;}
	.pd_list .pd_list_wrap				{padding:25px 0 2% 5%;}
	.pd_list .pd_list_wrap_child dt		{text-align:center;}
	.pd_list .pd_list_wrap_child dd		{display:none;}
	.pd_list .pd_list_wrap_child dd.exp_dt		{display:block; text-align:center;}
	.pd_list .pd_list_wrap_child .img	{height:80px;}
}