.sub31 h1		{text-align:center; margin-top:120px; font-size:40px; color:#121212; font-weight:700;}
.sub31 h3		{text-align:center; font-size:32px; color:#111;  font-weight:700; margin-bottom:30px;  }

.sub31_00		{text-align:center;}

.sub31_01 h3			{text-align:left; width:25%; margin-right:5%; margin-bottom:30px; position:relative; padding-left:20px;}
.sub31_01 h3:before		{
content:""; position:absolute; top:50%; margin-top:-2.5px; left:0; width:5px; height:5px; border-radius:50%; background:#ea5414;
}
.sub31 .flex > div		{width:70%; padding:0 1%;}
.sub31 img		{ }

.sub31_01	{padding:80px 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}

.sub31_01 .txtbox			{width:100%;}
.sub31_01 .imgbox			{width:49%;}
.sub31_01 h1		{font-size:40px; color:#121212; margin-bottom:40px;}
.sub31_01 .txtbox p		{display:inline-block;  width:49%; margin-bottom:10px; position:relative; padding-left:15px; }
.sub31_01 .txtbox p:nth-child(2n-1)		{margin-right:1%; }
.sub31_01 .txtbox p:after		{position:absolute; top:12px; left:0; content:""; width:6px; height:1px; background:#7f7f7f; }

.onon_show		{position:fixed; border-bottom:1px solid #ddd;}


@media(max-width:1259px){
.sub31_01		{padding:80px 3%;}

}

@media(max-width:899px){
.sub31_01		{padding:40px 3% 80px 3%;}
.sub31_01 .flex		{flex-wrap:wrap;}
.sub31_01 .txtbox			{width:100%; flex-wrap:wrap;}
.sub31 h3		{width:100%;} 
.sub31 .flex > div	{width:100%;} 

}

@media(max-width:519px){
.sub31_01 .txtbox p		{display:block; width:100%;}
}


.sub31_02			{ padding:5% 0; text-align:center; background-size:cover;}
.sub31_02 .sub_inner		{padding:0;}
.sub31_02 ul.flex		{align-items:flex-start;}
.sub31_02 ul li		{width:16%; }
.sub31_02 p		{color:#fff; margin-top:20px;}

@media(max-width:1259px){
.sub31_02		{padding:5% 3%;}
.sub31_02 ul			{flex-wrap:wrap;}
.sub31_02 ul li		{width:32%; margin-bottom:30px;}

}
@media(max-width:768px){
.sub31_02				{padding:10% 3%;}
.sub31_02 ul			{flex-wrap:wrap;}
.sub31_02 ul li		{width:48%; }

}


.sub31_03			{ height:950px; padding-top:100px; text-align:center; }
.sub31_03 h4		{color:#fff; font-size:65px; margin:0 auto; font-weight:700;}

@media(max-width:1259px){
.sub31_03				{height:80vh; padding-top:60px;}
.sub31_03 h4		{font-size:48px;} 

}
@media(max-width:768px){
.sub31_03				{height:70vh; }
.sub31_03 h4		{font-size:32px;} 

}

.sub31_04_wrap		{background:#fff; padding:0px 3%; }
/*.sub31_04:first-child			{padding-top:100px;}*/
.sub31_04 .sub_inner		{padding:50px 0;}
.sub31_04 .txtbox			{width:48%;}
.sub31_04 .imgbox			{width:48%;}
.sub31_04 h4		{color:#111; font-size:48px; margin-bottom:15px; font-weight:700;}

@media(max-width:1259px){
.sub31_04		{padding:0 3%;} 

}
@media(max-width:768px){
.sub31 h1			{margin-top:80px; font-size:32px;}
.sub31 h3			{font-size:28px; margin-bottom:20px;}

.sub31_04 .flex				{flex-wrap:wrap;}
.sub31_04 .txtbox			{width:100%; order:2;}
.sub31_04 .imgbox			{width:100%; order:1;}
.sub31_04 h4			{font-size:32px;}
}

.sub31_05			{padding:1% 0 100px 0;}
.sub31_05 .flex		{ flex-wrap:wrap;  justify-content:initial; padding-left:0;}
.sub31_05 .flex li		{width:24.2%; margin-right:1%; margin-bottom:1%;} 
.sub31_05 .flex li:nth-child(4n)			{margin-right:0;}

@media(max-width:1259px){ 
.sub31_05		{padding:80px 3%;}
.sub31_05 .flex li			{width:32%; margin-right:0; margin-bottom:0}
.sub31_05 .flex li:nth-child(3n-1)			{margin:2% 2%;}

}
@media(max-width:768px){
.sub31_05 .flex li			{width:49%; margin:0 !important; margin-bottom:2% !important;}
.sub31_05 .flex li:nth-child(2n-1)			{margin-right:2% !important;  }

}


.sub31_06			{ text-align:center; }
.sub31_06 .sub_inner		{position:relative; min-height:800px; }
.sub31_06 h4		{color:#111; font-size:65px; margin:0 auto; margin-bottom:20px; font-weight:700;}
.sub31_06 div		{padding-left:5%;}

@media(max-width:1259px){
.sub31_06 .sub_inner		{padding:80px 3%;}
.sub31_06 h4		{font-size:48px;} 

}
 
@media(max-width:768px){
.sub31_06			{height:70vh;}
.sub31_06 .sub_inner		{padding:30px 3%; min-height:auto;}
.sub31_06 h4		{font-size:36px;} 

} 


.sub31_07			{background:#fff; text-align:center; }
.sub31_07 .sub_inner		{padding:100px 3%;}
.sub31_07 h4		{color:#333333; font-size:24px; margin:0 auto; margin-bottom:30px; font-weight:700;}
.sub31_07 p		{color:#4f4f4f; font-size:20px; }
.sub31_07 a.inq_btn		{border:2px solid #e75525; color:#fff; font-size:18px; width:210px; height:60px; line-height:60px; display:block; margin:30px auto 0 auto; 
                       background:#e75525; border-radius:40px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.sub31_07 a.inq_btn:hover	{background:#fff; color:#e75525;}

@media(max-width:768px){
.sub31_07 .sub_inner			{padding:60px 3%;}
.sub31_07 h4			{font-size:20px;}
.sub31_07 p				{font-size:16px;}
.sub31_07 a.inq_btn			{width:180px; height:50px; line-height:50px; font-size:14px;}

}



/*탭메뉴*/
.mo_select		{display:none;}
@media(max-width:768px){
.mo_select		{ }
}
.m_sub_menu					{width:50%;  cursor:pointer; display:block;  height:46px; line-height:46px; padding:0 10px;  position:relative;                                                       background:#ea5414;-webkit-appearance:none}
.select_sub1, .select_sub2	 {border:none; width:100%; line-height:46px; height:46px; position:relative; color:#fff; font-size:1rem; font-weight:400; padding-left:10px;}
.select_sub1 span, .select_sub2 span				{display:inline-block; position:absolute; right:16px; bottom:0px;}

.op_sub1, .op_sub2						{border:1px solid #ddd;border-bottom:none; width:100%; position:absolute; top:46px; left:0; z-index:9999; background:#fff;display:none;}
.op_sub1 li, .op_sub2 li				{line-height:40px; height:40px; font-size:0.9rem; font-weight:400; border-bottom:1px solid #ddd; padding-left:10px;}
.op_sub1 li a, .op_sub2 li a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px; font-size:14px; color:#7f7f7f}
 
.a_focus							{background:#8e8e8e; color:#fff !important;}
.downSpan		{font-size:0.8rem;}
.disP {display:block;}



/*제품소개3 레이아웃 추가 스타일*/

/*중간 왼쪽*/
.tleft			{width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.tleft h4		{text-align:left;}
.tleft div		{padding:0; font-size:20px; text-align:left;}

/*중간 오른쪽*/
.tright				{width:100%; position:absolute; top:50%; right:0; transform:translateY(-50%)}
.tright h4		{text-align:right;}
.tright div		{ font-size:20px; text-align:right;}

/*위 중간*/
.ttop				{width:100%; position:absolute; top:5%; left:50%; transform:translateX(-50%)}
.ttop h4		{padding:0;}
.ttop div		{padding:0;}

/*중간 중간*/
.tcenter		{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.tcenter h4		  {text-align:center;}
.tcenter div		{padding:0; font-size:20px; text-align:center;}

/*아래 중간*/
.tbottom			{width:100%; position:absolute; bottom:10vh; left:50%; transform:translateX(-50%)}
.tbottom h4		{padding:0;}
.tbottom div		{padding:0;}


/*위 왼쪽*/
.ttopleft				{width:100%; position:absolute; top:5%; left:0; transform:translateX(-50%)}
.ttopleft h4		{padding:0;text-align:left;}
.ttopleft div		{padding:0;text-align:left;}

/*중간 왼쪽*/
.tcenterleft				{width:100%; position:absolute; top:50%; left:0; transform:translateX(-50%, -50%)}
.tcenterleft h4		{padding:0;text-align:left;}
.tcenterleft div		{padding:0;text-align:left;}

/*아래 왼쪽*/
.tbottomleft				{width:100%; position:absolute; bottom:10vh; left:0; transform:translateX(-50%)}
.tbottomleft h4		{padding:0;text-align:left;}
.tbottomleft div		{padding:0;text-align:left;}


/*위 오른쪽*/
.ttopright				{width:100%; position:absolute; top:5%; right:0; transform:translateX(-50%)}
.ttopright h4		{padding:0;text-align:right;}
.ttopright div		{padding:0;text-align:right;}

/*중간 오른쪽*/
.tcenterright				{width:100%; position:absolute; top:50%; right:0; transform:translateX(-50%, -50%)}
.tcenterright h4		{padding:0;text-align:right;}
.tcenterright div		{padding:0;text-align:right;}

/*아래 오른쪽*/
.tbottomright				{width:100%; position:absolute; bottom:10vh; right:0; transform:translateX(-50%)}
.tbottomright h4		{padding:0;text-align:right;}
.tbottomright div		{padding:0;text-align:right;}




.tblack h4		{color:#111 !important;}
.twhite h4		{color:#fff !important;}
.torange h4		{color:#ea5414 !important;}
.tgray h4		{color:#44403f !important;}
 
.tblack div		{font-size:20px; color:#111 !important;}
.twhite div		{font-size:20px; color:#fff !important;}
.tgray div	{font-size:20px; color:#44403f !important;}

@media (max-width:1259px){
	.tleft		{left:0%; } 
	.tright		{right:0%; padding-right:5%;}

	.ttopleft		{left:3%; } 
	.tcenterleft	{left:3%; } 
	.tbottomleft	{left:3%; } 

	.ttopright		{right:3%; } 
	.tcenterright	{right:3%; } 
	.tbottomright	{right:3%; } 
}

@media (max-width:768px){
	.tleft			{top:35vh;}
	.tright		 {top:35vh; }
	.tcenter		{top:35vh}
	.tbottom		{bottom:35vh;}

	.ttopleft		{top:35vh;} 
	.tbottomleft	{bottom:35vh;} 

	.ttopright		{top:35vh; padding-right:5%;} 
	.tbottomright	{bottom:35vh; padding-right:5%;} 
}

.video {
  width: 100%;
  max-width: 1200px;
  margin:0px auto;
  border-radius: 30px;
  padding:120px 40px;
  box-sizing: border-box;
}
 
.video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}
 
iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

@media (max-width:768px){
	.video {padding:40px 3%;}
}

/* 스크롤 숨김처리 */
body.useIframe::-webkit-scrollbar {
    display: none;			/* 크롬, 사파리, 오페라, 엣지 */
}
body.useIframe {
    -ms-overflow-style: none;	/* 인터넷 익스플로러 */
    scrollbar-width: none;	/* 파이어폭스 */
}