@charset "UTF-8";

/* INDEX------------------------------------------------------------------------ */
/* LAYOUT */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* LAYOUT */
/* ----------------------------------------------------------------------------- */
	.main_wrap																			{ display:block; overflow:hidden; }
	.main_cont_wrap																		{ display:block; overflow:hidden; }


/* ----------------------------------------------------------------------------- */
/* ¸ÞÀκñÁê¾ó */
/* ----------------------------------------------------------------------------- */
	.main_vis_wrap																		{ display:block; overflow:hidden; }
		.main_slide_wrap																{ display:block; overflow:hidden; position:relative; }	
			.main_slide																	{ display:block; overflow:hidden; position:relative; }	
				.main_slide li															{ display:block; overflow:hidden; height:950px; }
				.main_slide1															{ background:url('../images/main/main_slide_bg1.jpg') no-repeat center center; background-size:cover; }
				.main_slide2															{ background:url('../images/main/main_slide_bg2.jpg') no-repeat center center; background-size:cover; }
				.main_slide3															{ background:url('../images/main/main_slide_bg3.jpg') no-repeat center center; background-size:cover; }
					.main_slide_inner													{ display:block; overflow:hidden; width:1400px; margin:0 auto; }
						.main_slide_view												{ display:block; overflow:hidden; }
						.main_slide_view									{ margin:300px 0 0 0; }
							.main_slide_text_wrap										{ display:block; overflow:hidden; color:#fff; }
								.main_slide_stext										{ display:block; overflow:hidden; font-size:36px; line-height:150%; }
								.main_slide_line										{ display:block; overflow:hidden; height:1px; width:100px; background:#fff; margin:40px 0 30px 0;}
								.main_slide_ttext										{ display:block; overflow:hidden; font-size:65px; line-height:150%; font-weight:800; letter-spacing:0; margin:0 0 20px 0; }
								.main_slide_ctext										{ display:block; overflow:hidden; font-size:20px; line-height:150%; font-weight:100; }
								.main_slide_ctext span									{ display:block; overflow:hidden; margin: 0 0 5px 0; }
							.main_slide_btn												{ display:block; overflow:hidden; margin:110px 0 0 0; background:#000; color:#fff; text-align:center; width:170px; padding:15px 0; font-size:13px; font-weight:500; letter-spacing:2px; transition-duration:.5s; }
							.main_slide_btn:hover										{ background:#4faee3; }

					.main_slide_etc														{ display:block; position:absolute; bottom:40px; width:100%; text-align:center; }
					.main_slide_pager													{ display:inline-block; overflow:hidden; vertical-align:middle;  }
					.main_slide_pager a													{ display:inline-block; overflow:hidden; width:10px; height:10px; border-radius:999px; background:#c1bebb; margin:0 2px; vertical-align:middle;  }
					.main_slide_pager a.active											{ background:#fff; }
					.pro_btn															{ display:inline-block; overflow:hidden; vertical-align:middle; }	
					.prostart															{ display:none; }

				.main_slide_wrap .bx-wrapper .bx-controls-direction a				{ width:31px; height:59px; border:0; }
				.main_slide_wrap .bx-wrapper .bx-prev								{ left:50%; margin:0 0 0 -850px; background:url('../../images/main/main_slide_prev.gif') center center no-repeat; }
				.main_slide_wrap .bx-wrapper .bx-next								{ right:50%; margin:0 -850px 0 0; background:url('../../images/main/main_slide_next.gif') center center no-repeat; }

					/* .main_slide_wrap .bx-wrapper .bx-pager, 
					.main_slide_wrap .bx-wrapper .bx-controls-auto						{ width:100%; top:auto; left:0; bottom:40px; }
					
					
					.main_slide_wrap .bx-wrapper .bx-pager.bx-default-pager a				{ background:#c1bebb; }
					.main_slide_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, 
					.main_slide_wrap .bx-wrapper .bx-pager.bx-default-pager a.active		{ background:#fff; } */

/* ----------------------------------------------------------------------------- */
/* Our Business */
/* ----------------------------------------------------------------------------- */
	.main_cont_lv1_wrap																	{ display:block; overflow:hidden; }
		.main_cont_lv1_core																{ display:block; overflow:hidden; width:1400px; margin:100px auto; position:relative; }
			.m_biss_wrap																{ display:block; overflow:hidden; }
				.biss_tit_wrap															{ display:block; overflow:hidden; width:50%; position:absolute; top:50px; left:0; }
				.biss_tit_wrap h2														{ display:block; overflow:hidden; font-size:50px; font-weight:800; line-height:120%; background:url('../../images/common/tit_bullet_220727.png') left 30px no-repeat; padding:0 0 0 70px; }
				.biss_tit_wrap div														{ display:block; overflow:hidden; font-size:18px; font-weight:300; line-height:150%; padding:0 0 0 70px;  margin:20px 0 0 0; }

				.biss_view_wrap															{ display:block; overflow:hidden; }
					.biss_list_wrap														{ display:block; overflow:hidden; position:relative; }
						.biss_list_inner												{ display:block; overflow:hidden; width:670px; }
						.biss_list1														{ float:right; }
						.biss_list2 													{ float:left; margin:340px 0 0 0; }
						.biss_list3														{ float:right; margin:120px 0 0 0; }
							.biss_list_view												{ display:block; overflow:hidden; margin:0; position:relative; }
								.biss_img												{ display:block; overflow:hidden; width:100%; }		
								.biss_list_view:hover .biss_img							{  -webkit-transform:scale(1.1); /*  Å©·Ò */
																				            -moz-transform:scale(1.1); /* FireFox */
																				            -o-transform:scale(1.1); /* Opera */
																				            transform:scale(1.1);
																				            transition: transform .5s;
																				            -o-transition: transform .5s;
																				            -moz-transition: transform .5s;
																				            -webkit-transition: transform .5s;
																						}
								.biss_text												{ display:block; overflow:hidden; position:absolute; bottom:0; left:0; background:#fff; letter-spacing:-1px; font-size:27px; font-weight:700; padding:30px 0; width:500px; }		

/* ----------------------------------------------------------------------------- */
/* Main Product */
/* ----------------------------------------------------------------------------- */
	.main_cont_lv2_wrap																	{ display:block; overflow:hidden; }
		.product_top_wrap																{ display:block; overflow:hidden; width:1400px; margin:0 auto;  }	
		.product_top_wrap img															{ display:block; overflow:hidden; width:auto; margin:0; }	

		.main_cont_lv2_view																{ display:block; overflow:hidden; background:url('../images/main/product_bg.gif') center top no-repeat; margin:-4px 0 0 0; }
			.main_cont_lv2_core															{ display:block; overflow:hidden; width:1400px; margin:0 auto 0 auto; min-height:220px; position:relative;}
				.product_tit_wrap														{ display:block; overflow:hidden; width:50%; position:absolute; top:50px; left:0; }
				.product_tit_wrap h2													{ display:block; overflow:hidden; font-size:50px; font-weight:800; line-height:120%; background:url('../../images/common/tit_bullet_220727.png') left 30px no-repeat; padding:0 0 0 70px; }
				.product_tit_wrap div													{ display:block; overflow:hidden; font-size:17px; font-weight:300; line-height:150%; padding:0 0 0 70px;  margin:10px 0 0 0; }

				.product_slide_wrap														{ display:block; /* overflow:hidden; */ /* margin:0 0 0 auto; */ float:right; margin:60px 0 110px 0; }
				.product_list_wrap														{ display:block; overflow:hidden;  }
					.product_item_wrap													{ display:block; overflow:hidden; margin:0; }
						.product_item_btn												{ display:block; overflow:hidden; margin:0 0 0 30px; }
							.product_item_img											{ display:block; overflow:hidden; border:1px solid #eaeaea; box-sizing:border-box; }
							.product_item_img img										{ display:block; overflow:hidden; width:100%; }
						.product_item_btn:hover .product_item_img img						{  -webkit-transform:scale(1.1); /*  Å©·Ò */
																				            -moz-transform:scale(1.1); /* FireFox */
																				            -o-transform:scale(1.1); /* Opera */
																				            transform:scale(1.1);
																				            transition: transform .5s;
																				            -o-transition: transform .5s;
																				            -moz-transition: transform .5s;
																				            -webkit-transition: transform .5s;
																						} 
							.product_item_text											{ display:block; overflow:hidden; letter-spacing:-1px; }
								.product_item_ttext										{ display:block; overflow:hidden; font-size:14px; margin:17px 0 17px 0;}
								.product_item_stext										{ display:block; overflow:hidden; font-size:20px; font-weight:800; white-space:nowrap; text-overflow:ellipsis; }

				.product_slide_wrap .bx-wrapper .bx-controls-direction a				{ width:50px; height:50px; top:200px; border:1px solid #cacaca; }
				.product_slide_wrap .bx-wrapper .bx-prev								{ left:-340px; background:url('../../images/main/prod_prev.gif') center center no-repeat; }
				.product_slide_wrap .bx-wrapper .bx-next								{ left:-291px; right:auto; background:url('../../images/main/prod_next.gif') center center no-repeat; }

/* ----------------------------------------------------------------------------- */
/* NOTICE */
/* ----------------------------------------------------------------------------- */
	.main_cont_lv3_wrap																	{ display:block; overflow:hidden; background:url('../../images/main/noti_bg.gif') center center no-repeat; height:600px; }
		.main_cont_lv3_core																{ display:block; overflow:hidden; width:1400px; margin:0 auto; }
		
		.notice_wrap																	{ display:block; overflow:hidden; width:820px; height:600px; float:left; }
			.notice_core																{ display:block; overflow:hidden; position:relative; margin:0 40px 0 0;  }
				.notice_tit																{ display:block; overflow:hidden; color:#444648; font-size:30px; line-height:150%; margin:0 0 30px 0;  }
				.notice_list_wrap														{ display:block; overflow:hidden; }
					.notice_list														{ display:block; overflow:hidden; background:#fff; width:250px; margin:0 10px 0 0; float:left; position:relative; }
						.notice_btn														{ display:block; overflow:hidden; margin:35px;}
							.notice_ttext												{ display:block; overflow:hidden; font-size:21px; color:#2d2d2d; word-break:keep-all; line-height:120%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:57px;  transition-duration:.5s; word-wrap: break-word; line-height:150%; }
						.notice_btn:hover .notice_ttext									{ text-decoration:underline; }
							.notice_stext												{ display:block; overflow:hidden; color:#000; opacity:.65; font-size:15px; margin:30px 0 0 0; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; word-break:keep-all; line-height:150%; word-wrap: break-word;  }
							.notice_date												{ display:block; overflow:hidden; color:#000; opacity:.35; font-size:15px; margin:50px 0 0 0; }
							.notice_more												{ display:block; overflow:hidden; position:absolute; bottom:0; right:0; width:50px; height:50px; background:#000000 url('../../images/main/noti_more.gif') center center no-repeat; }

		.m_banner_wrap																	{ display:block; overflow:hidden; width:580px; float:right; }
			.m_banner_core																{ display:block; overflow:hidden; width:100%; height:300px; }
				.m_banner_view															{ display:block; overflow:hidden; position:relative; margin:0 0 0 40px; }
				.m_banner_view1															{ background:url('../../images/main/m_banner_icon1.png') center right no-repeat; }
				.m_banner_view2															{ background:url('../../images/main/m_banner_icon2.png') center right no-repeat; }
					.m_banner_text														{ display:block; overflow:hidden; color:#fff; }
						.m_banner_ttext													{ display:block; overflow:hidden; font-size:30px; line-height:150%; transition-duration:.5s; }
						.m_banner_stext													{ display:block; overflow:hidden; font-size:16px; line-height:150%; opacity:.75; }	
						.m_banner_line													{ display:block; overflow:hidden;  background:#4faee3; width:30px; height:1px; margin:20px 0; }
			.m_banner_core:hover .m_banner_ttext										{ color:#46c3ff;  }

/* ----------------------------------------------------------------------------- */
/* About serim */
/* ----------------------------------------------------------------------------- */
	.main_cont_lv4_wrap																	{ display:block; overflow:hidden; background:url('../images/main/main_about_bg.jpg')center center no-repeat; background-size:cover; }
		.main_cont_lv4_core																{ display:block; overflow:hidden; width:1400px; margin:145px auto; }
			.m_about_tit_wrap															{ display:block; overflow:hidden; float:left; margin:20px 0 0 0;}		
				.m_about_tit_ttext														{ display:block; overflow:hidden; color:#fff; font-size:50px; line-height:120%; font-weight:200;}
				.m_about_tit_ttext strong												{ font-weight:800;}
				.m_about_tit_stext														{ display:block; overflow:hidden; color:#fff; line-height:180%; font-size:17px; margin:25px 0 0 0; font-weight:200; }
			.m_about_list_wrap															{ display:block; overflow:hidden; float:right; }
				.m_about_list_li														{ display:block; overflow:hidden; position:relative; width:220px; height:220px; margin:0 30px 0 0; float:left; }
				.m_about_list1															{ background:rgba(0,0,0,.75); }
				.m_about_list2															{ background:rgba(62,62,62,.75); }
				.m_about_list3 															{ background:rgba(17,19,31,.75); }
				.m_about_list4															{ background:rgba(78,174,227,.75); margin:0; }
					.m_about_list_btn													{ display:block; overflow:hidden; position:relative; width:96%; margin:0 2%; }
					.m_about_list_btn img												{ display:block; overflow:hidden; margin:0 auto; }
						.m_about_list_text												{ display:block; overflow:hidden; margin:0 auto; text-align:center; }		
							.m_about_list_ttext											{ display:block; overflow:hidden; color:#fff; font-size:21px; opacity:.6; margin:20px 0 9px 0; transition-duration:.5s;  }
							.m_about_list_stext											{ display:block; overflow:hidden; color:#fff; font-size:18px; font-weight:100;}

					.m_about_list_btn:hover .m_about_list_ttext							{ opacity:1; }