/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01				{font-size:1.9em;color:#444; letter-spacing:-0.05em; line-height:130%; text-align:center;}
.sub_title_txt02				{font-size:19px;color:#23b400; letter-spacing:-0.05em;line-height:120%;} 
.sub_title_txt03				{font-size:17px;color:#e85814;padding:0 0 8px 0;font-weight:bold;  letter-spacing:-1px; } 
.sub_title_txt04				{font-size:16px;color:#3386f5;padding:0 0 8px 0;font-weight:bold;  letter-spacing:-1px;}  
.sub_title_txt05				{font-size:14px;color:#555;letter-spacing:-1px; }
.sub_title_hilight				{color:#36b3d1;}



 /* 회사소개  ===================================================================================== */ 
.int_txt					{padding:20px 0 150px 375px;background:url('../image/sub/01_01.png') no-repeat 0 5px;}
.int_txt .sub_title_txt01	{text-align:left;}

.work_wrap .work_img		{border:1px solid #eaeaea;float:left;width:40%;}
.work_wrap .work_img img	{height:210px;width:100%;}
.work_wrap .sub_cont01		{float:right;width:55%;}

.over_wrap, .work_wrap					{overflow:hidden;}
.yeay_img					{overflow:hidden;float:left;width:35%;}
.year_img_list li			{margin-top:30px;border:1px solid #eaeaea;}
.year_img_list li img		{width:100%;}
.year_wrap					{overflow:hidden;float:right;width:58%;padding-top:30px;}
.year span					{font-size:12px;color:#888;margin-left:5px;}
.year_list					{float:left;background:url('../image/sub/dot01.jpg') repeat-y 3px 0;padding:0;}
.year_list li				{padding:0 0 10px 25px;background:url('../image/sub/dot02.jpg') no-repeat 0 5px;color:#888;}
.year_list li:last-child	{padding:0 0 0 25px;}
.year_list li .day			{color:#003674;margin-right:20px;font-weight:bold;font-size:1.1em;}



 /* 제품소개  ===================================================================================== */ 
.p_img							{border:1px solid #ddd;padding:30px 10px;text-align:center;}
.pd_table .form_table tbody td	{padding:0;}
.pd_table .form_table tbody		{font-size:0.9em;}	

.p_ligth						{background:url("../image/common/icon02.gif") no-repeat 0 43%;padding:0 0 7px 10px;color:#36b3d1;font-weight:bold;}
.imgList						{display:flex; justify-content:space-between; gap:2%; align-items:center;}
.imgList li						{border:1px solid #ddd;}

 /* 시공순서  ===================================================================================== */ 

.sub_process_arrow01			{float:left;width:3.5%;min-height:162px;background:url(../image/sub/sub_arrow01.png) no-repeat center 50%;}

.sub_process_group01								{overflow:hidden;} 
.sub_process_group01 .sub_process_li02				{float:left;width:calc(22.3% - 2px);border:1px solid #36b3d1;}
.sub_process_group01 .sub_process_li02 dl			{background:#e8f0f6;}
.sub_process_group01 .sub_process_li02 dl dt		{padding:7px;background:#36b3d1;color:#fff; text-align:center;}
.sub_process_group01 .sub_process_li02 dl dd img	{width:100%;}

.sub_process_group02								{overflow:hidden;} 
.sub_process_group02 .sub_process_li02				{float:left;width:calc(17% - 2px);border:1px solid #36b3d1;}
.sub_process_group02 .sub_process_li02 dl			{background:#e8f0f6;}
.sub_process_group02 .sub_process_li02 dl dt		{padding:7px;background:#36b3d1;color:#fff; text-align:center;height:40px;}
.sub_process_group02 .sub_process_li02 dl dd img	{width:100%;}

.sub_process_group03								{overflow:hidden;} 
.sub_process_group03 .sub_process_li02				{float:left;width:calc(22.3% - 2px);border:1px solid #36b3d1;}
.sub_process_group03 .sub_process_li02 dl			{background:#e8f0f6;}
.sub_process_group03 .sub_process_li02 dl dt		{padding:7px;background:#36b3d1;color:#fff; text-align:center;}
.sub_process_group03 .sub_process_li02 dl dd img	{width:100%;}

.sub_process_group03_1								{overflow:hidden;margin-top:20px;} 
.sub_process_group03_1 .sub_process_li02				{float:left;width:calc(22.3% - 2px);border:1px solid #36b3d1;}
.sub_process_group03_1 .sub_process_li02 dl			{background:#e8f0f6;}
.sub_process_group03_1 .sub_process_li02 dl dt		{padding:7px;background:#36b3d1;color:#fff; text-align:center;}
.sub_process_group03_1 .sub_process_li02 dl dd img	{width:100%;}


 /* 제품규격 여러개  */ 
.sub_group						{overflow:hidden;} 
.sub_group div:last-child		{margin-right:0;}
.sub_group .group3				{float:left;width:32%;margin-right:2%;}
.sub_group .group3 dl dt		{padding:7px 7px 0 7px;}
.sub_group .group3 dl dd		{padding:7px;text-align:center;border:1px solid #ddd;}
.sub_group .group3 dl dd img	{width:220px;height:180px;}

.sub_group div:last-child		{margin-right:0;}
.sub_group .group2				{float:left;width:49%;margin-right:2%;}
.sub_group .group2 dl dt		{padding:7px 7px 0 7px;}
.sub_group .group2 dl dd		{padding:20px 10px;text-align:center;border:1px solid #ddd;}
.sub_group .group2 dl dd img	{width:215px;height:180px;}

 /* 제품규격 여러개  */



/* 940 */
@media screen and (max-width:940px){

.sub_process_arrow01			{min-height:155px;}

}


/* 910 */
@media screen and (max-width:910px){

.sub_process_arrow01			{min-height:130px;}

}


/* 830 */
@media screen and (max-width:830px){

.int_txt						{padding:410px 0px 0 0;background:url('../image/sub/01_01.png') no-repeat 50% 0;}

}

/* 768 */
@media screen and (max-width:768px){

.int_txt .h20p				{height:10px;}
.int_txt .sub_title_txt01 br	{display:none;}
.sub_title_txt01			{font-size:1.6em;}

.work_wrap .work_img		{float:none;width:100%;}
.work_wrap .work_img img	{height:100%;}
.work_wrap .sub_cont01		{float:none;width:100%;margin-top:20px;}

.yeay_img					{overflow:hidden;float:none;width:100%;padding-top:15px;}
.year_img_list li			{margin:0 2% 2% 0;float:left;width:48%;}
.year_img_list li:nth-child(2)	{margin-right:0;}
.year_img_list li:last-child	{margin-right:0;}
.year_wrap					{overflow:hidden;float:none;width:100%;padding:15px 0 0 0;}

.sub_group .group3				{float:none;width:calc(100% - 2px);margin-bottom:2%}
.sub_group .group3 dl dd img	{height:100%;width:200px;}
.sub_group .group2				{float:none;width:calc(100% - 2px);margin-bottom:2%}
.sub_group .group2 dl dd img	{height:100%;width:200px;}

.sub_process_group02 .sub_process_arrow01			{float:none;width:100%;min-height:30px;background:url('../image/sub/sub_arrow02.png') no-repeat center 50%;}
.sub_process_group02 .sub_process_li02				{float:none;width:calc(100% - 2px);}
.sub_process_group02 .sub_process_li02 dl dt		{height:100%;}
.sub_process_group02 .sub_process_li02 dl dt br		{display:none;}
.sub_process_group02 .sub_process_li02 dl dd img	{height:215px;}


}



/* 480 */
@media screen and (max-width:480px){


.sub_process_arrow01								{float:none;width:100%;min-height:30px;background:url('../image/sub/sub_arrow02.png') no-repeat center 50%;}


.sub_process_group01 .sub_process_li02				{float:none;width:calc(100% - 2px);min-height:40px;}
.sub_process_group03 .sub_process_li02				{float:none;width:calc(100% - 2px);min-height:40px;}
.sub_process_group03_1 .sub_process_li02			{float:none;width:calc(100% - 2px);min-height:40px;}
.sub_process_group03_1								{margin-top:0;} 
.sub_process_li02 dl dd img							{height:170px;}
}


/* 소개 - 구글지도 ============= */ 
.int_map_box					{border:0 solid #ddd; height:325px;}

.int_map_add					{overflow:hidden;border-top:1px solid #193d94;margin:0 0 20px 0;}
.int_map_add dl					{overflow:hidden;border-bottom:1px solid #ddd; }
.int_map_add dl:last-child		{border-bottom:1px solid #193d94;}
.int_map_add dl	dt				{float:left;width:18%;padding:10px 0;text-align:center;background:#f8fafc;color:#00438c; font-size:1.1em;}
.int_map_add dl dd				{float:left;width:82%;padding:10px 0;text-indent:10px;}

.int_map_btn_wrap				{text-align:right;padding:10px 0;}
.int_map_btn					{display:inline-block;background:#2db400;padding:0 15px;color:#fff;line-height:34px;border-radius:3px;}

/* 소개 - 구글지도 ============= */ 


.int01_01_wrap					{overflow:hidden;padding:15px 0 0 0;background:url('../image/sub/a01_03.png') no-repeat right 40px;}
.int01_01_txt_group				{display:none;}
.int01_01_img					{padding:0 0 10px 0;}
.int01_01						{padding:0 0 0 0;display: ;}
 
.int01_name_wrap				{font-size:1.1em;font-weight:bold;padding:40px 0 0 0;}
.int01_name						{padding:10px 0 0 0;}
.int01_name div					{float:left;}

.int02_01						{border:1px solid #d5d5d5;padding:25px 20px;margin:0 0 30px 0;background:#fafafa;}
.int02_01 div					{font-size:1.3em;font-weight:bold;color:#156bda;padding:0 0 10px 0;}

.int02_02						{overflow:hidden;}
.int02_02 li					{float:left;width:33.3333%;padding:0 0 10px 0;}
.int02_02_box					{display:inline-block;border:1px solid #67a4ca;width:97%;background:#e7f2f9;overflow:hidden;border-radius:6px;}
.int02_02_box_icon				{float:left;width:30px;height:30px;line-height:30px;margin:12px ;border-radius:100px;background:#0074bd;font-weight:bold;color:#fff;text-align:center;}
.int02_02_box_txt				{float:left;width:70%; word-break:break-all;text-align:left;padding:18px 0 0 0;}

.sub_biz01						{border:1px solid #d5d5d5;padding:25px 20px;margin:0 0 30px 0;background:#fafafa;}
.sub_biz01_txt					{font-size:1.3em;font-weight:bold;color:#156bda;padding:0 0 10px 0;}