/*
 *
 */

@charset "utf-8";
@import "reset.css?v=006";
@import "common.css?v=006";
@import "layout.css?v=006";

body{background:#fff}

	/* visual */
	.clr_point{color:#eb2227}
	.clr_point02{color:#eb2227}
	.clr_point03{color:#299dda}


	/* header */
	#header				{position:fixed;top:0;width:100%;left:0;z-index:101;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
	
	#header.floating 				{box-shadow:2px 2px 5px rgba(0,0,0,0.15)}
	#header.floating .header_bar	{background:rgba(0,0,0,0.7)}
	#header.floating .top_bar		{height:0;border-bottom:0}

	.header_bar			{background:rgba(255,255,255,0.05);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
	
	/* logo */
	.logo				{width:200px;vertical-align:middle;padding:0}
	.logo > a			{display:inline-block}
	.logo > a > img		{display:block;width:100%;max-width:180px}
	
	
	/* navigation */
	.main_navigation									{vertical-align:middle}
	
	.main_navigation .main_nav							{width: 100%; float:right}
	.main_navigation .main_nav > li						{float:left;position:relative;text-align:center}
	.main_navigation .main_nav > li > a					{display:block;height:100px;font-size:16px;color:#fff;font-weight:500;line-height:100px;letter-spacing:-0.5px;position:relative;padding:0 22px}
	.main_navigation .main_nav > li > a:after			{content:'';width:100%;height:3px;background:#eb2227;bottom:0;left:0;position:absolute;transform:scaleX(0);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0}
	.main_navigation .main_nav > li > a:hover:after, 
	.main_navigation .main_nav > li.act > a:after		{transform:scaleX(1);opacity:1}
	.main_navigation .main_nav > li > ul				{position:absolute;display:block;top:70px;left:-30px;right:-30px;background:#ccc;z-index:50;display:none}
	.main_navigation .main_nav > li > ul > li > a		{display:block;border-bottom:1px solid #eee;font-size:14px;color:#fff;padding:10px 15px}
	

	/* quick popup */
	.quick_pop			{position:fixed;top:0px;right:70px;z-index:105;width:190px;height:180px;background:#eb2227;box-shadow:0px 3px 7px rgba(0,0,0,0.3);padding:25px 0 0 20px}
	.quick_pop h2		{line-height:1;font-size:18px;font-weight:bold;color:#fff;padding-bottom:10px}
	.quick_pop ul li a				{font-size:14px;color:#fff;line-height:26px}
	.quick_pop ul li a:hover		{text-decoration:underline}
	.quick_pop ul li:last-child a	{font-size:12px;letter-spacing:0}
	.quick_pop ul li:nth-child(1) a:before	{content:'';width:16px;height:16px;background:url("/assets/img/icons/main_ic.png") no-repeat;background-position:0 -14px;display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:10px}
	.quick_pop ul li:nth-child(2) a:before	{content:'';width:16px;height:13px;background:url("/assets/img/icons/main_ic.png") no-repeat;background-position:0 -33px;display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:10px}
	.quick_pop ul li:nth-child(3) a:before	{content:'';width:16px;height:16px;background:url("/assets/img/icons/main_ic.png") no-repeat;background-position:0 -49px;display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:10px}
	.quick_pop ul li:nth-child(4) a:before	{content:'';width:16px;height:12px;background:url("/assets/img/icons/main_ic.png") no-repeat;background-position:0 -68px;display:inline-block;vertical-align:middle;margin-top:-1px;margin-right:10px}
	
	.quick_pop.close	{display:none}
	.quick_pop 
	.qui_pop_close		{position:absolute;top:20px;right:20px;display:block;width:11px;height:12px;text-indent:-9999px;font-size:0;background:url("/assets/img/icons/main_ic.png") no-repeat;background-position:0 -84px;cursor:pointer}



@media (max-width:1630px){
		/* quick popup */
		.quick_pop		{display:none}
}
@media (max-width:970px){
		/* header */
		.logo			{padding:25px 0}
		.logo  a img	{max-width:180px}
}
@media (max-width:480px){
		/* header */
		.logo			{padding:20px 0}
		.logo a img		{max-width:95px}
}

	/* m menu */
	#mMask{position:fixed;top:0;width:100%;height:100%;min-height:840px;background:rgba(0,0,0,0.7);z-index:101;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;display:none}
	#mMask.show{display:block}
	
	.mMenu{position:fixed;display:block;width:280px;height:100%;top:0;right:-280px;background:#fff;overflow-x:hidden;overflow-y:auto;z-index:103;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
	.close{width:22px;height:22px;text-indent:-9999px;display:inline-block;position:absolute;top:13px;right:10px}
	.close:before{content:"";position:absolute;display:inline-block;left:0;top:10px;width:18px;height:2px;background-color:#fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	.close:after{content:"";position:absolute;display:inline-block;left:0;top:10px;width:18px;height:2px;background-color:#fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	.mMenu.open{right:0}

	/* mobile quick */
	.mHeader					{height:50px;background:#eb2227;box-sizing:border-box;padding:0 20px;position:relative}
	.mHeader ul li				{float:left;padding:0 10px; }
	.mHeader ul li:first-child	{padding-left:0}
	.mHeader ul li a			{font-size:14px;letter-spacing:-0.5px;color:#fff;line-height:50px}
	.mHeader ul li a:before		{content:'';background:url("/assets/img/icons/main_ic.png") no-repeat;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:10px}
	.mHeader ul li a:hover		{text-decoration:underline}
	.mHeader ul li:first-child a:before	{width:14px;height:16px;background-position:0 -100px}
	.mHeader ul li:last-child a:before	{width:16px;height:13px;background-position:0 -33px}


	/* mobile menu */
	.m_menu 						{vertical-align:middle;text-align:right}
	.m_menu > a						{width:30px;float:right;display:none}
	.m_menu > a > .lines			{position:relative;display:inline-block;width:28px;height:3px;background-color:#fff;margin:0;-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-o-transition:all 0.45s ease;transition:all 0.45s ease;vertical-align:middle; margin: 10px 0;}
	.m_menu > a > .lines:before		{content:"";position:absolute;display:inline-block;left:0;top:8px;width:28px;height:3px;background-color:#fff;-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-o-transition:all 0.45s ease;transition:all 0.45s ease}
	.m_menu > a > .lines:after		{content:"";position:absolute;display:inline-block;left:0;top:-8px;width:28px;height:3px;background-color:#fff;-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-o-transition:all 0.45s ease;transition:all 0.45s ease}
	
	
	.m_nav_list 						{}
	.m_nav_list > ul > li				{border-bottom:1px solid #ccc}
	.m_nav_list > ul > li > a			{display:block;position:relative;color:#000;font-size:16px;padding:0 20px;height:50px;line-height:50px;font-weight:500;letter-spacing:-0.5px}
	.m_nav_list > ul > li > a:hover,
	.m_nav_list > ul > li.act > a		{text-decoration:underline}
	.m_nav_list > ul > li > ul			{background-color:#f5f5f5;border-top:1px solid #ccc;padding:6px 0;display:none}
	.m_nav_list > ul > li > ul > li	{}
	.m_nav_list > ul > li > ul > li > a	{display:block;padding:6px 20px;color:#666;font-size:16px;letter-spacing:-0.5px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
	.m_nav_list > ul > li > ul > li > a:hover,
	.m_nav_list > ul > li > ul > li.act > a	{color:#fff;background:#eb2227}
	.m_nav_list > ul > li > a.open:after		{top:22px;-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)}

	.m_footer					{padding:30px 20px 30px}
	.m_footer .contact			{padding-bottom:20px}
	.m_footer .contact li		{margin-bottom:8px}
	.m_footer .contact li a		{font-size:16px;color:#000;font-weight:500;letter-spacing:-0.5px}
	.m_footer .contact li a:before					{content:'';background:url("/assets/img/icons/main_ic.png") no-repeat;display:inline-block;vertical-align:middle;margin-top:-2px;width:30px;height:30px;margin-right:7px}
	.m_footer .contact li:first-child a:before		{background-position:0 -119px}
	.m_footer .contact li:last-child a:before		{background-position:0 -152px}

	.m_footer .info				{padding-top:30px;border-top:1px solid #ccc}
	.m_footer .info li			{font-size:14px;color:#000;line-height:23px;letter-spacing:-0.5px;font-weight:500}
	.m_footer .info li:before	{content:'';background:url("/assets/img/icons/nav_ic.png") no-repeat;display:inline-block;vertical-align:middle;margin-top:-2px}
	.m_footer .info li:nth-child(1):before	{width:13px;height:16px;background-position:0 0;margin-right:8px}
	.m_footer .info li:nth-child(2):before	{width:12px;height:12px;background-position:0 -17px;margin-right:7px}
	.m_footer .info li:nth-child(3):before	{width:11px;height:12px;background-position:0 -32px;margin-right:8px}


	/* 제품상담 / GS인증 문의 */
	.quick_menu			{width:250px;vertical-align:middle;text-align:right}
	.quick_menu .inner	{width:200px;float:right;height:100px;padding-top:33px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
	.quick_menu a		{display:inline-block;font-size:14px;color:#fff;width:200px;height:36px;line-height:36px;text-align:center;background:#eb2227;border-radius:20px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
	.quick_menu a:hover	{color:#fff;background:#f05a3f}



@media (max-width:1110px){
		/* navigation */
		.main_navigation .main_nav > li > a{padding:0 12px}
	
	.nav_sub .nav_list ul li{padding:0 15px}
}
@media (max-width:970px){
		/* navigation */
		.main_navigation{display:none}
	
	.top_bar{display:none}
	
		/* quick menu */
		.quick_menu{display:none}
	
		/* mobile navigation */
		.m_menu .m_nav	{display:block}
}
/* main_slider */
.vis_bg01{height:635px;background:#121730 url("/assets/img/main/main_vis01_bg.png?v=20250515") center no-repeat;background-size:cover;padding-top:260px}
.vis_bg01 .inner{position:relative;height:100%}
.vis_bg01 .vis_img{position:absolute;bottom:0;right:-210px}
.vis_bg01 .vis_img img{vertical-align:middle}
.vis_bg01 dt{font-size:40px;line-height:1;font-weight:700;text-shadow:2px 2px 2px rgba(0,0,0,0.2);padding-bottom:8px;position:relative;z-index:1; text-shadow: 1px 1px 1px #000;}
.vis_bg01 dd{font-size:30px;font-weight:500;text-shadow:2px 2px 2px rgba(0,0,0,0.2);letter-spacing:-3px;line-height:48px;padding-bottom:20px;position:relative;z-index:1; text-shadow: 1px 1px 1px #000;}
/* .vis_bg01 dd:before{content:'';display:inline-block;width:33px;height:36px;background-size:33px;background:url("/assets/img/main/vis_ic01.png");vertical-align:middle;margin-top:-7px;margin-right:8px} */
.vis_bg01 p{font-size:18px;letter-spacing:-1px;line-height:26px;padding-bottom:25px;text-shadow:2px 2px 2px rgba(0,0,0,0.2);position:relative;z-index:1; text-shadow: 1px 1px 1px #000;}
.vis_bg01 p.vis_awd_desc{position:absolute;right:20px;bottom:25px;font-size:11px;text-shadow:2px 2px 2px rgba(0,0,0,0.2);font-weight:500;letter-spacing:-0.5px;line-height:19px;padding-bottom:0}
.vis_bg01 p.vis_awd_desc span{color:#f6eb14}
.vis_bg01 p span.awd_list{font-size:15px}

.vis_bg02{height:635px;background:#111634 url("/assets/img/main/main_vis02.png?v=20250515") right 0 bottom 0 no-repeat;background-size:cover;padding-top:260px}
.vis_bg02 dt{color:#eb2227;font-size:60px;font-weight:700;line-height:1;text-shadow:2px 2px 2px rgba(0,0,0,0.2);padding-bottom:8px; text-shadow: 1px 1px 1px #000;}
.vis_bg02 dd{font-size:40px;line-height:48px;text-shadow:2px 2px 2px rgba(0,0,0,0.2);font-weight:500;letter-spacing:-1px;padding-bottom:20px; text-shadow: 1px 1px 1px #000;}
.vis_bg02 p{font-size:18px;line-height:26px;text-shadow:2px 2px 2px rgba(0,0,0,0.2);padding-bottom:50px; text-shadow: 1px 1px 1px #000;}

.vis_bg03{height:635px;background:#131731 url("/assets/img/main/main_vis03.png?v=20250515") right 0 bottom 0 no-repeat;background-size:cover;padding-top:260px}
.vis_bg03 dt{color:#eb2227;font-size:60px;font-weight:700;line-height:1;text-shadow:2px 2px 2px rgba(0,0,0,0.2);padding-bottom:8px; text-shadow: 1px 1px 1px #000;}
.vis_bg03 dd{font-size:40px;line-height:48px;text-shadow:2px 2px 2px rgba(0,0,0,0.2);font-weight:500;letter-spacing:-1px;padding-bottom:20px; text-shadow: 1px 1px 1px #000;}
.vis_bg03 p{font-size:18px;line-height:26px;text-shadow:2px 2px 2px rgba(0,0,0,0.2);padding-bottom:50px; text-shadow: 1px 1px 1px #000;}

.vis_btn{display:inline-block;width:100px;height:36px;line-height:36px;border-radius:20px;box-shadow:1px 3px 8px rgba(0,0,0,0.3);text-align:center;font-size:12px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.vis_btn01{color:#121730;background:#fff;position:relative;z-index:1}
.vis_btn02{color:#333;background:#fff}
.vis_btn03{color:#333;background:#fff}
.vis_btn01:hover{background:#eb2227;color:#fff}
.vis_btn02:hover{color:#fff;background:#eb2227}
.vis_btn03:hover{color:#fff;background:#eb2227}

	/* main visual */
	.main_visual .bx-wrapper					{margin-bottom:0;background:none}
	.main_visual .bx-wrapper .bx-pager.bx-default-pager a			{width:12px;height:12px;background:none;border:1px solid #d8d8d8;border-radius:50%}
	.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active	{background:#ccc}
	.main_visual .bx-wrapper .bx-pager, 
	.main_visual .bx-wrapper .bx-controls-auto	{bottom:30px;z-index:10}
	.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover		{background:#ccc}

	.bx-wrapper .bx-pager.bx-default-pager a:hover, 
	.bx-wrapper .bx-pager.bx-default-pager a.active, 
	.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#ccc !important}

@media(max-width:1600px){
	.vis_bg01 .vis_img{right:-70px}
	.vis_bg01 .vis_img img{max-width:720px}
	.vis_bg02{background-size:1000px 533px}
	.vis_bg03{background-size:1000px}
}
@media(max-width:1200px){
	.vis_bg01 p.vis_awd_desc{bottom:10px}
	.vis_bg01 .vis_img{right:0}
	.vis_bg01 .vis_img img{max-width:600px}
	.vis_bg02{background-size:1000px 533px}
	.vis_bg03{background-size:1000px}
}
@media(max-width:970px){
	.vis_bg01{height:570px;padding-top:140px}
	.vis_bg01 dt{font-size:34px;padding-bottom:7px}
	.vis_bg01 dd{font-size:30px;line-height:38px}
	.vis_bg01 p{font-size:17px;line-height:25px}
	.vis_bg01 .vis_img img{max-width:500px}
	.vis_bg01 p span.awd_list{font-size:14px}
	.vis_bg02{height:570px;padding-top:140px;background-size:1038px}
	.vis_bg02 dt{font-size:48px;padding-bottom:7px}
	.vis_bg02 dd{font-size:30px;line-height:38px;padding-bottom:15px}
	.vis_bg02 p{font-size:17px;line-height:25px;padding-bottom:40px}
	.vis_bg03{height:570px;padding-top:140px;background-size:1038px}
	.vis_bg03 dt{font-size:48px;padding-bottom:7px}
	.vis_bg03 dd{font-size:30px;line-height:38px;padding-bottom:15px}
	.vis_bg03 p{font-size:17px;line-height:25px;padding-bottom:40px}
}
@media(max-width:640px){
	.vis_bg01{height:570px;padding-top:140px}
	.vis_bg01 .vis_img{bottom:10px}
	.vis_bg01 dt{font-size:32px;padding-bottom:7px}
	.vis_bg01 dd{font-size:26px;line-height:34px}
	.vis_bg01 p{font-size:16px;line-height:24px}
	.vis_bg01 .vis_img img{max-width:400px}
	.vis_bg02{height:570px;padding-top:140px;background-size:1039px;background-position:bottom;}
	.vis_bg02 dt{font-size:38px;padding-bottom:7px}
	.vis_bg02 dd{font-size:26px;line-height:34px}
	.vis_bg02 p{font-size:16px;line-height:24px}
	.vis_bg03{height:570px;padding-top:140px;background-size:850px;background-position:bottom}
	.vis_bg03 dt{font-size:38px;padding-bottom:7px}
	.vis_bg03 dd{font-size:26px;line-height:34px}
	.vis_bg03 p{font-size:16px;line-height:24px}
}
@media(max-width:480px){
	.vis_bg01{height:500px;padding-top:120px;background-position:-60px 0}
	.vis_bg01 .vis_img{bottom:15px}
	.vis_bg01 dt{font-size:30px;padding-bottom:10px}
	.vis_bg01 dd{font-size:22px;line-height:26px;letter-spacing:-1px;padding-bottom:10px}
	.vis_bg01 dd:before{width:22px;height:23px;background-size:22px;margin-right:6px}
	.vis_bg01 p{font-size:15px;line-height:23px}
	.vis_bg01 .vis_img img{max-width:290px}
	.vis_bg01 p span.awd_list{font-size:12px;line-height:18px}
	.vis_bg02{height:500px;padding-top:120px;background-size:825px}
	.vis_bg02 dt{font-size:30px;padding-bottom:7px}
	.vis_bg02 dd{font-size:22px;line-height:26px;padding-bottom:10px}
	.vis_bg02 p{font-size:15px;line-height:23px}
	.vis_bg03{height:500px;padding-top:120px;background-size:825px}
	.vis_bg03 dt{font-size:30px;padding-bottom:7px}
	.vis_bg03 dd{font-size:22px;line-height:26px;padding-bottom:10px}
	.vis_bg03 p{font-size:15px;line-height:23px}
}
@media(max-width:400px){
	.vis_bg01 dt{font-size:24px;padding-bottom:10px}
	.vis_bg01 dd{font-size:18px;line-height:22px}
}
/* main */
.main_sec01{background:#f6f6f6}
.sec01_tt h3{letter-spacing:5px}
.sec01_tt p{letter-spacing:-0.5px}
.sec01_wrap{margin:-15px}
.sec01_wrap > li{float:left;width:33.33%;padding:15px;box-sizing:border-box}
.sec01_wrap > li:nth-child(2){width:66.66%}
.sec01_list{height:340px;box-sizing:border-box;padding:38px 28px;position:relative}
.sec01_list dt{letter-spacing:-1px}
.sec01_list dd{opacity:0.5;font-weight:500;letter-spacing:-0.5px}
.sec01_list p{letter-spacing:-0.7px}
.sec01_list ul li{opacity:0.85;font-size:13px;line-height:21px;letter-spacing:-0.5px}
.sec01_wrap > li:nth-child(2) .sec01_list{background:#2f3146 url("/assets/img/main/ser01.png?v=20250515") no-repeat;background-position:right 40px bottom 40px;background-size:auto; border-radius: 5px;}
.sec01_wrap > li:nth-child(1) .sec01_list{background:#fff url("/assets/img/main/ser02.png?v=20250515") no-repeat;background-position:right 30px bottom 30px;background-size:auto;box-sizing:border-box;border:1px solid #e1e1e1; border-radius: 5px;}
.sec01_wrap > li:nth-child(3) .sec01_list{background:#fff url("/assets/img/main/ser03.png?v=20250515") no-repeat;background-position:right 30px bottom 30px;background-size:auto;box-sizing:border-box;border:1px solid #e1e1e1; border-radius: 5px;}
.sec01_wrap > li:nth-child(4) .sec01_list{background:#fff url("/assets/img/main/ser04.png?v=20250515") no-repeat;background-position:right 30px bottom 30px;background-size:auto;box-sizing:border-box;border:1px solid #e1e1e1; border-radius: 5px;}
.sec01_wrap > li:nth-child(5) .sec01_list{background:#fff url("/assets/img/main/ser05.png?v=20250515") no-repeat;background-position:right 30px bottom 30px;background-size:auto;box-sizing:border-box;border:1px solid #e1e1e1; border-radius: 5px;}
.sec01_list span{position:absolute;bottom:38px;left:30px}
.sec01_btn{font-size:12px;width:80px;height:26px;line-height:26px;text-align:center;display:inline-block;border-radius:20px;letter-spacing:-0.5px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.sec01_btn01{color:#fff;border:1px solid #fff}
.sec01_btn02{color:#888;border:1px solid #ccc}
.sec01_btn03{color:#888;border:1px solid #ccc}
.sec01_btn01:hover{color:#333;border:1px solid #fff;background:#fff}
.sec01_btn02:hover{color:#fff;border:1px solid #eb2227;background:#eb2227}
.sec01_btn03:hover{color:#fff;border:1px solid #eb2227;background:#eb2227}

.main_sec02{background:#fff}
.sec02_tt h3{letter-spacing:5px}
.sec02_tt p{letter-spacing:-0.5px}
.sec02_more{display:inline-block;width:180px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#333;box-sizing:border-box;border:1px solid #ccc;border-radius:20px;letter-spacing:-0.5px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.sec02_more:hover{color:#fff;background:#eb2227}
.pf_wrap > li{width:25%;float:left}
.pf_wrap > li a{position:relative;display:block}
.pf_wrap > li a img{max-width:480px;width:100%;display:block}
.pf_desc{position:absolute;top:0;left:0;bottom:0;right:0;display:block;background:rgba(235, 34, 39, 0.95);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0;visibility:hidden}
.pf_desc .nx-table{height:100%}
.pf_desc .nx-td{vertical-align:middle;text-align:center}
.pf_desc dt{letter-spacing:4px}
.pf_desc p{opacity:0.7;letter-spacing:-0.5px}
.pf_wrap > li:hover .pf_desc{opacity:1;visibility:visible}
.pf_more{display:block;height:60px;line-height:60px;color:#aaa;background:url("../img/main/pf_more_bg.png?v=20250515") 0 0 repeat-x}
.main_sec03{background:#e6e6e6}
.main_sec03 h3{letter-spacing:5px}
.sec03_slider li.slick-slide{outline:none;padding:0 6px}
.sec03_slider li img{width:100%;max-width:170px}
.main_sec04{}
.sec04_list{height:700px;position:relative}
.sec04_list01{background:url("/assets/img/main/t_viss01.png?v=20250515") center no-repeat;background-size:cover}
.sec04_list02{background:url("/assets/img/main/t_viss02.png?v=20250515") center no-repeat;background-size:cover}
.sec04_list03{background:url("/assets/img/main/t_viss03.png?v=20250515") center no-repeat;background-size:cover}
.sec04_list04{background:url("/assets/img/main/t_viss04.png?v=20250515") center no-repeat;background-size:cover}
.sec04_list05{background:url("/assets/img/main/t_viss05.png?v=20250515") center no-repeat;background-size:cover}
.sec04_list06{background:url("/assets/img/main/t_viss06.png?v=20250515") center no-repeat;background-size:cover}
.sec04_bg{position:absolute;top:0;bottom:0;left:0;right:0;width:45.3%;height:100%;background:rgba(235, 34, 39, 0.9)}
.sec04_list .inner{position:relative;height:100%}
.sec04_desc{display:table;width:100%;height:100%}
.sec04_left{display:table-cell;width:50%;vertical-align:top}
.sec04_left ul li{border-bottom:1px solid #e07461;width:410px;position:relative}
.sec04_left ul li:after{content:'';width:24px;height:24px;background:url("/assets/img/main/vis02_ic.png?v=20250515") no-repeat;background-position:0 0;position:absolute;right:0;top:0;bottom:0;margin:auto 0}
.sec04_left ul li:last-child{border-bottom:0}
.sec04_left ul li.act:after{background-position:0 -26px}
.sec04_left ul li a{display:block;padding:22px 20px;font-size:18px;color:#fff;font-weight:300;line-height:26px;position:relative;outline:none}
.sec04_left ul li.act a{font-weight:700}
.sec04_left ul li a:hover{font-weight:500}
.sec04_left p{letter-spacing:-0.5px}
.sec04_right{display:table-cell;width:50%;vertical-align:middle}
.sec04_right h4{letter-spacing:-1px;line-height:72px; text-shadow: 1px 1px 1px #000;}
.sec04_right p{letter-spacing:-1px; text-shadow: 1px 1px 1px #000;}
.sec04_slider{position:relative}
.sec04_slider .sec04-arrow{width:80px;height:80px;position:absolute;top:0;bottom:0;margin:auto 0;z-index:90;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0.7}
.sec04_slider .sec04-arrow:hover{opacity:1}
.sec04_slider .sec04-prev{left:0;background:url("/assets/img/main/main_prev.png?v=20250515") no-repeat;background-size:80px}
.sec04_slider .sec04-next{right:0;background:url("/assets/img/main/main_next.png?v=20250515") no-repeat;background-size:80px}
.sec04_slider .slick-dots{bottom:30px;z-index:90}
.sec04_slider .slick-dots li.slick-active button:before{background-color:#fff}
.sec04_slider .slick-dots li button:before{background-color:transparent;border:1px solid #fff}
.sec04_slider.slick-dotted.slick-slider{margin-bottom:0}
.sec04_tt{display:none}
@media (max-width:1280px){
	.sec01_wrap{margin:-5px}
	.sec01_wrap > li{padding:5px}
}
@media (max-width:970px){
	.sec01_wrap > li:nth-child(1) {width:100%}
	.sec01_wrap > li:nth-child(2),
	.sec01_wrap > li:nth-child(3),
	.sec01_wrap > li:nth-child(4),
	.sec01_wrap > li:nth-child(5) {width:100%}
	.sec01_list{height:300px;padding:25px 20px;background-position:right 20px bottom 20px !important}
	.sec01_list span{left:20px;bottom:25px}
	.sec01_wrap > li:nth-child(1) .sec01_list{background-size:100px}
	.sec01_wrap > li:nth-child(2) .sec01_list{background-size:275px}
	.sec01_wrap > li:nth-child(3) .sec01_list{background-size:100px}
	.sec01_wrap > li:nth-child(4) .sec01_list{background-size:100px}
	.sec01_wrap > li:nth-child(5) .sec01_list{background-size:100px}
	.pf_wrap > li{width:50%}
	.sec03_slider li img{max-width:160px}
	
	.sec04_bg{display:none}
	.sec04_left{display:none}
	.sec04_list{height:580px}
	.sec04_right{width:100%}
	.sec04_right h4{line-height:62px}
	.sec04_tt{display:block;padding-left:20px;padding-right:20px}
}
@media (max-width:640px){
	.sec01_wrap > li:nth-child(1),
	.sec01_wrap > li:nth-child(3),
	.sec01_wrap > li:nth-child(4),
	.sec01_wrap > li:nth-child(5) {width:100%}
	.sec01_wrap > li:nth-child(2) .sec01_list{background-size:200px}
}
@media (max-width:480px){
	.sec01_tt h3{letter-spacing:3px}
	.sec01_wrap > li:nth-child(1) .sec01_list{background-size:80px}
	.sec01_wrap > li:nth-child(2) .sec01_list{background-size:140px}
	.sec01_wrap > li:nth-child(3) .sec01_list{background-size:80px}
	.sec01_wrap > li:nth-child(4) .sec01_list{background-size:80px}
	.sec01_wrap > li:nth-child(5) .sec01_list{background-size:80px}
	.sec01_list{height:280px}
	.sec01_list ul li{font-size:12px;line-height:19px}
	.pf_wrap > li{width:100%}
	.main_sec03 h3{letter-spacing:3px}
	.sec03_slider li img{max-width:150px}
	.sec04_list{height:330px}
	.sec04_right{text-align:center}
	.sec04_right h4{line-height:36px;font-size:26px !important;padding-bottom:10px !important}
	.sec04_right p{font-size:15px !important;line-height:24px !important}
}




	/* twinris : sub */
	.sub_visual				{height:435px;text-align:center;padding-top:210px}
	.sub_visual.cpy_visual  {background:url("/assets/img/company/cpy_visual.png?v=20250515") center 0 no-repeat fixed}
	.sub_visual.prd_visual	{background:url("/assets/img/product/prd_visual.png?v=20250515") center 0 no-repeat fixed}
	.sub_visual.gs_visual	{background:url("/assets/img/gs/gs_visual.png?v=20250515") center 0 no-repeat fixed}
	.sub_visual.cus_visual	{background:url("/assets/img/contact/cus_visual.png?v=20250515") center 0 no-repeat fixed}

	.sub_visual h2			{text-shadow:2px 2px 4px rgba(0,0,0,0.1)}
	.sub_visual ul			{font-size:0}
	.sub_visual ul li		{display:inline-block;font-size:14px;color:#fff;vertical-align:middle}
	.sub_visual ul li:after	{content:'';width:4px;height:4px;display:inline-block;margin:0 14px;border:1px solid #fff;border-bottom-color:transparent;border-left-color:transparent;-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform: rotate(45deg);transform:rotate(45deg);vertical-align:middle;margin-top:-2px}
	.sub_visual ul li:last-child:after{display:none}
	.sub_visual ul li a		{color:#fff;font-size:14px}


	/* twinris : sub menu */
	.sub_menu						{text-align:center;background:#fff;position:relative}
	.sub_menu p						{letter-spacing:-0.5px}
	.sub_menu h3					{letter-spacing:-0.5px}
	.sub_menu h3 span				{color:#eb2227}
	
	.sub_menu .smlist				{width:1300px;margin:0 auto;text-align:center;position:absolute;top:-90px;z-index:100;background:#fff;left:0;right:0;max-width:100%}
	.sub_menu .smlist ul			{font-size:0}
	.sub_menu .smlist ul li			{display:inline-block;position:relative;height:90px;padding:50px 40px 0;position:relative;vertical-align:middle}
	.sub_menu .smlist ul li:after	{content:'';width:1px;height:15px;background:#ccc;position:absolute;left:0;top:51px}
	.sub_menu .smlist ul li:first-child:after{display:none}
	.sub_menu .smlist ul li a		{font-size:18px;color:#000;display:inline-block;position:relative;line-height:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
	.sub_menu .smlist ul li a:after	{content:'';position:absolute;bottom:-9px;left:0;right:0;width:100%;height:3px;background:#eb2227;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}
	.sub_menu .smlist ul li a:hover, 
	.sub_menu .smlist ul li.act a	{font-weight:bold}
	.sub_menu .smlist ul li a:hover:after, 
	.sub_menu .smlist ul li.act a:after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
	

@media (max-width:970px){
		.sub_visual{height:220px;padding-top:110px}
		
		.sub_menu .smlist				{position:static}
		.sub_menu .smlist ul			{margin:-5px;padding:20px 20px 0}
		.sub_menu .smlist ul:after		{content:'';clear:both;display:block}
		.sub_menu .smlist ul li			{display:block;float:left;width:50%;padding:5px;height:auto}
		.sub_menu .smlist ul li:after	{display:none}
		.sub_menu .smlist ul li a		{display:block;font-size:17px;line-height:50px;border-radius:25px;text-align:center;box-sizing:border-box;background:#f6f6f6;border:1px solid #ccc;color:#333}
		.sub_menu .smlist ul li a:after	{display:none}
		.sub_menu .smlist ul li a:not(.act):hover, 
		.sub_menu .smlist ul li.act a	{font-weight:normal;background:#eb2227;border:1px solid #eb2227;color:#fff}
		.sub_menu .smlist ul li a.act	{font-weight:normal;background:#eb2227;border:1px solid #eb2227;color:#fff}
}
@media (max-width:640px){

}
@media (max-width:480px){
		.sub_visual					{height:190px;padding-top:100px}
		
		.sub_visual h2{font-size:30px !important}
		
		.sub_menu .smlist ul li		{width:100%}
		.sub_menu .smlist ul li a	{font-size:16px;line-height:40px}
}
	
	/* twinris : sub title */
	.sub_tit			{text-align:center}
	.sub_tit h3			{letter-spacing:0px}
	/*
	.sub_tit h3:before	{content:'';width:6px;height:8px;transform:skew(-30deg);-webkit-transform:skew(-30deg);-ms-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);background:#eb2227;display:block;margin:0 auto 10px}
	*/
	.sub_tit p			{letter-spacing:0px}
	
	
	/* gs : why */
	.gs_why							{background:#f5f5f5}
	.gs_why_list li					{float:left;width:33.33%;height:300px;border-bottom:1px solid #ccc;background:#fff;border-right:1px solid #ccc}
	.gs_why_list li:nth-child(1),
	.gs_why_list li:nth-child(2),
	.gs_why_list li:nth-child(3)	{border-top:1px solid #ccc}
	.gs_why_list li:nth-child(1),
	.gs_why_list li:nth-child(4)	{border-left:1px solid #ccc}
	.gs_why_list li .nx-table		{height:100%}
	.gs_why_list li .nx-td			{vertical-align:middle;text-align:center}
	
	/* quality : 특징 및 장점 */
	.qa_info			{background:#f5f5f5}
	
	.ft_list li			{float:left;width:25%;height:325px;box-sizing:border-box;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#fff}
	.ft_list li:nth-child(1){border-left:1px solid #ccc}
	
	.ft_list .nx-table	{height:100%}
	.ft_list .nx-td{	vertical-align:middle;text-align:center}


	/* quality : 작용분야 */
	.ft_part_list li	{float:left;width:25%;box-sizing:border-box;padding:6px; }
	.ft_part_list .desc	{height:80px;box-sizing:border-box;text-align:center;padding-top:22px;background:url("/assets/img/product/hp_ser_bg.png?v=20250515") 0 0 repeat;border:1px solid #ccc;border-radius:10px}

	/* quality : 서비스 내용 */
	.ft_svc_list li		{float:left;width:33.33%;padding:0 10px;box-sizing:border-box;text-align:center}
	.ft_svc_list dt img	{width:100%;} /* max-width:255px */
	
	.btn{display:inline-block;width:300px;height:60px;line-height:60px;text-align:center;background:#eb2227;border-radius:30px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
	.btn:hover{background:#f05a3f}

@media (max-width:1200px){
		/* gs : why */
		.gs_why_list li					{width:33.333%}
		.gs_why_list li:nth-child(1), 
		.gs_why_list li:nth-child(4), 
		.gs_why_list li:nth-child(7)	{border-left:1px solid #ccc}
		.gs_why_list li:nth-child(4)	{border-top:0}
		.gs_why_list li:nth-child(5)	{border-left:0}
}

@media (max-width:970px){
		/* gs : why */
		.gs_why_list li					{width:50%;height:270px}
		.gs_why_list li:nth-child(1), 
		.gs_why_list li:nth-child(4), 
		.gs_why_list li:nth-child(7)	{border-left:0}
		.gs_why_list li:nth-child(3)	{border-top:0}
		.gs_why_list li:nth-child(2n-1)	{border-left:1px solid #ccc}
	
		/* quality : 특징 및 장점 */
		.ft_list li				{width:50%;height:270px}
		.ft_list li:nth-child(3), .hp_sys_list li:nth-child(4){border-top:0}
		.ft_list li:nth-child(3){border-left:1px solid #ccc}
	
		/* quality : 작용분야 */
		.ft_part_list li	{width:25%}
		
		/* quality : 서비스 내용 */
		.ft_svc_list		{margin:0 auto;max-width:550px}
		.ft_svc_list li		{width:50%;padding:10px}
		
}
@media (max-width:900px){
}
@media (max-width:850px){
}
@media (max-width:768px){
}
@media (max-width:730px){
}
@media (max-width:640px){
		/* quality : 작용분야 */
		.ft_part_list li	{width:33.333%}
}
@media (max-width:600px){
		/* gs : why */
		.gs_why_list li					{width:100%;border-left:1px solid #ccc !important}
		.gs_why_list li:nth-child(2)	{border-top:0}
	
		/* quality : 특징 및 장점 */
		.ft_list li		{width:100%;border-left:1px solid #ccc !important}
		.ft_list li:nth-child(2){border-top:0}
}
@media (max-width:480px){
		/* gs : why */
		.gs_why_list li		{height:250px}
		.gs_why_list li img	{width:70px}
		
		.hp_sys_list li{height:250px}
		.hp_sys_list li img{width:70px}
	
		/* quality : 서비스 내용 */
		.ft_svc_list li	{width:100%}
}
@media (max-width:400px){
		/* quality : 작용분야 */
		.ft_part_list li	{width:50%}
}

	/* contact us */
	.cus_form h4			{font-size:18px;font-weight:700;line-height:24px;color:#000;letter-spacing:-1px;margin-bottom:5px}
	.cus_form h4 span		{font-size:16px;line-height:22px;color:#666;font-weight:400}
	.cus_form h4 span span 	{color:#f00;}
	
	
select::-ms-expand{display:none}
textarea::placeholder{color:#9d9d9d;font-size:16px;line-height:24px;letter-spacing:-1px}
textarea:-ms-input-placeholder{color:#9d9d9d;font-size:16px;line-height:24px;letter-spacing:-1px}
textarea::-webkit-input-placeholder{color:#9d9d9d;font-size:16px;line-height:24px;letter-spacing:-1px}


	/* contact us : 입력항목 */
	.cus_input{margin:-4px;padding-bottom:10px}
	.cus_input > li{float:left;width:50%;padding:4px;display:table;border-spacing:0;height:58px}
	.cus_input > li > .label-area{display:table-cell;vertical-align:middle;width:138px;background-color:#f6f6f6;border-radius:4px 0 0 4px;padding-left:20px;border:1px solid #ccc;border-right:0}
	.cus_input > li.address_area > .label-area{width:160px}
	.cus_input > li > .label-area > label{display:inline-block;width:100%;font-size:16px;color:#000;letter-spacing:-1px}
	.cus_input > li > .label-area > label > span{color:#ff0000}
	.cus_input > li > .label-area > label > span.sub_label{color:#666;font-size:14px}
	.cus_input > li > .input-area{display:table-cell;vertical-align:middle;border-radius:0 4px 4px 0;border:1px solid #ccc;border-left:0}
	.cus_input input{width:100%;height:48px;border:0;outline:none;border-radius:4px;padding:0 8px;color:#666;font-size:16px} /* background-color:#f6f6f6; */
	.cus_input select{width:100%;height:48px;border:1px solid transparent;outline:none;padding-right:60px;padding-left:8px;color:#666;font-size:16px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("/assets/img/icons/select_ic.png") right 20px center no-repeat;} /* background-color:#f6f6f6; */

	.cus_input > li > .label-area.code_area{width:190px}

	.cus_input.cus_basic{padding-bottom:0}
	.cus_input.cus_basic > li > .label-area{background:#fff}
	.cus_input.cus_basic > li > .input-area{background:#fff}
	.cus_input.cus_basic input{background-color:#fff}

	.cus_input > li.act .hoverInput{border:1px solid #eb2227}
	
	.cus_input > li.add_wrap > .btn-area{display:table-cell;vertical-align:middle;border-left:8px solid #fff;width:105px}
	.cus_input > li.add_wrap > .btn-area a{display:block;height:50px;background:#eb2227;text-align:center;line-height:50px;border-radius:4px;font-size:14px;color:#fff}
	.cus_input > li.date_wrap > .input-area{position:relative}
	.cus_input > li.date_wrap > .input-area img{position:absolute;top:14px;right:20px}
	
	.realperson {display: flex !important;flex-direction: row-reverse !important;}
	.realperson > .realperson-challenge { margin: 5px;padding: 5px;width: 155px;border: 1px dashed #cbc9c9; }
	
	
	/* contact us : 상담내용 */
	.cus_cont > li{display:table;position:relative;width:100%;padding:10px 0;border-spacing:0;height:70px}
	.cus_cont > li:first-child{padding:0 0 10px 0}
	.cus_cont > li > .input-area{display:table-cell;vertical-align:middle;background-color:#f6f6f6;border-radius:0 4px 4px 0;border:1px solid #ccc;border-left:0}
	.cus_cont > li > .label-area{display:table-cell;vertical-align:middle;border-radius:4px 0 0 4px;padding:0 20px;width:138px;border:1px solid #ccc;border-right:0;padding-left:20px}
	.cus_cont > li > .label-area > label{display:inline-block;width:100%;font-size:14px}
	.cus_cont input{width:100%;height:48px;background-color:#f6f6f6;border:0;outline:none;border-radius:4px;padding:0 8px;color:#666;font-size:16px}
	.cus_cont .msg_wrap{border-radius:4px !important;border-left:1px solid #ccc !important}
	.cus_cont textarea{display:block;width:100%;height:230px;color:#666;border:0;padding:20px;outline:0;border-radius:4px;resize:none;overflow-y:auto;font-size:15px; line-height: 23px;} /*background:#f6f6f6; */
	.cus_cont > li.file_wrap > .input-area{border-radius:4px;border-left:1px solid #ccc}
	.cus_cont input[type=text]{width:100%;height:48px;background-color:#f6f6f6;border:0;outline:none;border-radius:4px;padding:0 20px;color:#666;font-size:15px}
	.cus_cont input::placeholder{font-size:16px;color:#000}
	.cus_cont input:-ms-input-placeholder{font-size:16px;color:#000}
	.cus_cont input::-webkit-input-placeholder{font-size:16px;color:#000}
	.cus_cont > li.file_wrap > .label-area{border:0;border-left:8px solid #fff;padding:0;background:transparent}
	.cus_cont .btn_file{display:block;width:100%;height:50px;line-height:50px;background-color:#eb2227;color:#fff !important;border-radius:4px;vertical-align:top;border:0;font-size:14px;letter-spacing:-1px;outline:none}
	.cus_cont .file{display:none}
	
	.cus_cont .file_wrap input[type=text]{padding:0}
	.cus_cont .file_wrap input[type=text]::-webkit-input-placeholder{font-size:14px;color:#666;letter-spacing:-1px}
	.cus_cont .file_wrap input[type=text]:-ms-input-placeholder{font-size:14px;color:#666;letter-spacing:-1px}
	.cus_cont .file_wrap input[type=text]::placeholder{font-size:14px;color:#666;letter-spacing:-1px}
	.cus_cont .file_wrap label{font-size:16px;color:#000;letter-spacing:-1px}
	
	.cus_cont.cus_basic > li{padding:4px 0;height:58px}
	.cus_cont.cus_basic > li > .label-area{background:#fff}
	.cus_cont.cus_basic > li > .input-area{background:#fff}
	.cus_cont.cus_basic > li > .label-area > label{font-size:16px;color:#000}
	.cus_cont.cus_basic input{background-color:#fff}
	
	.cus_cont > li.act .hoverInput{border:1px solid #eb2227}
	
	
	/* contact us : 개인정보 */
	.pvy_box{height:100px;background:#f6f6f6;border:1px solid #ccc;padding:20px;overflow-y:auto;color:#000;font-size:14px;line-height:22px;margin-top:10px;border-radius:4px}

	.pvy_agree{position:relative;margin-top:12px}
	.pvy_agree input[type="checkbox"]{position:absolute;left:0;top:0;width:14px;height:14px;margin:0;opacity:0}
	.pvy_agree > label{font-size:16px;color:#000;line-height:24px;letter-spacing:-1px}
	.pvy_agree > label > span{display:inline-block;width:14px;height:14px;background:url("/assets/img/icons/check_ic.png") no-repeat;background-position:0 0;vertical-align:middle;margin-top:-3px;margin-right:7px}
	.pvy_agree input[type="checkbox"]:checked + label > span{background-position:0 -14px}

	.btn_submit{font-size:18px;color:#fff;font-weight:600;border:0;outline:none}


	
@media (max-width:970px){
	
		/* contact us */
		.cus_form h4		{font-size:17px;margin-bottom:20px}
		.cus_form h4 span	{font-size:15px}
		
		.cus_input > li > .label-area{width:120px}
		.cus_input > li > .label-area > label{font-size:15px}
		.cus_input input{font-size:15px}
		.cus_input select{font-size:15px}
		
		/* contact us : 상담내용 */
		.cus_cont textarea{font-size:14px}
		.cus_cont .file_wrap label{font-size:15px}
		.cus_cont.cus_basic > li > .label-area > label{font-size:15px}
		
		/* contact us : 개인정보 */
		.pvy_box{height:170px;font-size:13.5px}
		.pvy_agree > label{font-size:15px}
		
		.btn_submit{font-size:17px}
		
		
	textarea::placeholder{font-size:15px}
	textarea:-ms-input-placeholder{font-size:15px}
	textarea::-webkit-input-placeholder{font-size:15px}
}
@media (max-width:768px){
		/* contact us : 입력항목 */
		.cus_input > li{width:100%}
}
@media (max-width:640px){
		/* contact us : 상담내용 */
		.cus_cont .file_wrap input[type=text]::-webkit-input-placeholder{font-size:0}
		.cus_cont .file_wrap input[type=text]:-ms-input-placeholder{font-size:0}
		.cus_cont .file_wrap input[type=text]::placeholder{font-size:0}
}
@media (max-width:480px){
	
		/* contact us */
		.cus_form h4		{font-size:16px;margin-bottom:15px}
		.cus_form h4 span	{font-size:14px}
		
		/* contact us : 입력항목 */
		.cus_input > li > .label-area > label{font-size:14px}
		.cus_input > li > .label-area{width:109px}
		.cus_input input{font-size:14px}
		.cus_input select{font-size:14px;padding-right:38px}
	
		.cus_input > li > .label-area.code_area{width:145px}

		/* contact us : 상담내용 */
		.cus_cont > li > .label-area{width:118px}
		.cus_cont .file_wrap input[type=text]::-webkit-input-placeholder{display:none}
		.cus_cont .file_wrap input[type=text]:-ms-input-placeholder{display:none}
		.cus_cont .file_wrap input[type=text]::placeholder{display:none}
		.cus_cont .file_wrap label{font-size:14px}
		.cus_cont.cus_basic > li > .label-area > label{font-size:14px}
		
		/* contact us : 개인정보 */
		.pvy_box{height:130px;font-size:13px}
		.pvy_agree > label{font-size:14px}

		.btn_submit{font-size:15px}
		
	textarea::placeholder{font-size:14px}
	textarea:-ms-input-placeholder{font-size:14px}
	textarea::-webkit-input-placeholder{font-size:14px}
}

@media(max-width:970px){

}
@media(max-width:768px){

}
@media(max-width:640px){

}
@media(max-width:600px){

}


	/* twinris : 제품군 - twinris-on */
	.ton_tbl_list				{border:1px solid #000;background:url("/assets/img/icons/bg_pat01.png?v=20250515") 0 0 repeat}
	.ton_tbl_list li			{border-bottom:1px solid #ccc;padding:30px 0}
	.ton_tbl_list li:last-child	{border-bottom:0}
	.ton_tbl_list .tbl_img		{vertical-align:middle;display:table-cell;padding:0 12px;width:13.7%;text-align:right}
	.ton_tbl_list .tbl_img img	{max-width:100px;width:100%}
	.ton_tbl_list .tbl_desc		{vertical-align:middle;display:table-cell;padding:0 12px}
	

@media (max-width:970px){
		/* twinris : 제품군 - twinris-on */
		.ton_tbl_list li		{padding:30px 0}
		.ton_tbl_list .tbl_img	{width:130px}
		.ton_tbl_list .tbl_img img	{max-width:90px}
}
@media (max-width:640px){

}
@media (max-width:480px){
		/* twinris : 제품군 - twinris-on */
		.ton_tbl_list li			{padding:20px 0}
		.ton_tbl_list .tbl_img img	{max-width:80px}
		.ton_tbl_list .tbl_img		{display:block;text-align:center;width:100%;padding-bottom:10px}
		.ton_tbl_list .tbl_desc		{display:block}
		.ton_tbl_list .tbl_desc h4	{text-align:center}
}



	/* company : bi */
	.cpy_logo		{border:1px solid #ccc;background:url("/assets/img/company/logo_bg.png?v=20250515") 0 0 repeat;text-align:center;padding:50px 20px 50px}
	.cpy_logo dt img{width:100%;max-width:360px}

	.cpy_client 	{background:#f5f5f5}
	.cpy_location	{background:#ffffff}

	/* gs : bi */
	.gs_logo		{border:1px solid #ccc;background:url("/assets/img/company/logo_bg.png?v=20250515") 0 0 repeat;text-align:center;padding:50px 20px 50px}
	.gs_logo dt img	{width:200px ;max-width:360px}

	/* partner */
	.partner_list		{border:1px solid #000}
	.partner_list li	{float:left;width:33.33%;min-height:320px;text-align:center;background:#fff;border-right:1px solid #ccc;border-bottom: 1px solid #ccc;padding:20px 20px 20px}
	.partner_list li:last-child{border-right:0}
	.partner_list img	{width:100%;max-width:204px}
	.partner_list dl dt, 
	.partner_list dl dd	{letter-spacing:-1px}

@media (max-width:970px){
		/* partner */
		.partner_list li	{min-height:250px;padding:45px 10px 10px}
		.partner_list img	{max-width:180px}
}
@media (max-width:768px){
		/* partner */
		.partner_list li	{width:100%;border-bottom:1px solid #ccc;border-right:0; padding:24px;}
		.partner_list li:last-child	{border-bottom:0}
}
@media (max-width:640px){

}
@media (max-width:480px){
		/* partner */
		.partner_list li	{height:260px;padding:35px 10px 10px}
		.partner_list img	{max-width:170px}
}

	/* footer */
	.footer							{border-top:1px solid #e1e1e1; background:#333}
	
	/* footer : address */
	.footer .address > ul						{max-width:540px}
	.footer .address > ul li					{float:left;padding-bottom:10px}
	.footer .address > ul li:nth-child(2n-1)	{width:240px}
	.footer .address > ul li:last-child		{width:100%}
	.footer .address > ul li dl				{position:relative;padding-left:56px}
	.footer .address > ul li:nth-child(2n) dl	{padding-left:117px}
	.footer .address > ul li dl dt				{position:absolute;top:0;left:0;letter-spacing:-1px;color:#bbb}
	.footer .address > ul li dl dd				{letter-spacing:-0.5px;color:#888}
	.footer .address > ul li dl dd a			{color:#888}

	/* footer quick / copyright */
	.foot_link			{width:40%}
	.foot_link > p		{color:#888}
	
	.foot_link .link_area								{margin:-5px;padding-bottom:47px; display: flex;justify-content: center;}
	.foot_link .link_area li							{float:left;box-sizing:border-box;padding:5px;width:50%}
	.foot_link .link_area li:nth-child(1), 
	.foot_link .link_area li:nth-child(2)				{display:block}
	.foot_link .link_area li > a						{display:block;width:100%;height:40px;line-height:40px;border-radius:20px;text-align:center;color:#fff;background:#424242;box-sizing:border-box;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
	.foot_link .link_area li >  a:hover                 {color:#f05a3f;background:#fff !important} 


@media (max-width:1280px){
}
@media (max-width:970px){
		/* footer */
		.footer				{border-top:0}
		
		.footer .address	{float:none;text-align:center;padding-bottom:20px}
		
		.footer .address > ul						{max-width:560px;margin:0 auto;text-align:left}
		.footer .address > ul li:nth-child(2n-1)	{width:280px}
		.footer .address > ul li dl					{padding-left:50px}
		.footer .address > ul li:nth-child(2n) dl	{padding-left:97px}
		.footer .address > ul li:last-child			{width:100%}
		
		/* footer quick / copyright */
		.foot_link						{float:none;margin:0 auto;text-align:center; width:50%; max-width:100%}
		
		.foot_link .link_area			{padding-bottom:37px}
		.foot_link .link_area li		{display:block}
}
@media (max-width:640px){
		/* footer : address */
		.footer .address > ul						{width:100%;margin:0 auto;text-align:left}
		.footer .address > ul li:nth-child(2n-1)	{width:50%}
		.footer .address > ul li dl					{padding-left:50px}
		.footer .address > ul li:nth-child(2n) dl	{padding-left:97px}
		.footer .address > ul li:last-child			{width:100%}
		
		/* footer quick & copyright */
		.foot_link						{ width:70%; }
	
}
@media (max-width:480px){

}


/* ic */
.ic{position:relative;top:-1px;display:inline-block;cursor:pointer;vertical-align:middle}
.ic_down{width:16px;height:14px;background:url('../img/ic/ic_down.png') no-repeat;background-size:16px}
.ic_down_02{width:42px;height:42px;background:url('../img/ic/ic_down_02_42x42.png') no-repeat;background-size:42px;overflow:hidden}
.ic_down_gray{width:16px;height:14px;background:url('../img/ic/ic_down_gray.png') no-repeat;background-size:16px}
.ic_down2{width:22px;height:21px;background:url('../img/ic/ic_down2.png') no-repeat;background-size:22px}
.ic_mail{width:22px;height:16px;background:url('../img/ic/ic_mail.png') no-repeat;background-size:22px}
.ic_arrow{width:16px;height:14px;background:url('../img/ic/ic_arrow.png') no-repeat;background-size:16px}
.ic_link{width:16px;height:16px;background:url('../img/ic/ic_link.png') no-repeat;background-size:16px}
.ic_test{width:14px;height:16px;background:url('../img/ic/ic_test.png') no-repeat;background-size:14px}
.ic_mouse_down{width:34px;height:65px;background:url('../img/ic/ic_mouse_down.png') no-repeat;background-size:34px}
.ic_list{width:24px;height:24px;background:url('../img/ic/ic_list.png') no-repeat;background-size:24px}
.ic_blank{width:8px;height:8px;background:url('../img/main/new_window.png') no-repeat;background-size:8px;margin-right:3px}
.dot:before{content:"";display:block;width:10px;height:8px;background:url('/assets/img/main/t_dot_2.png') no-repeat;background-size:10px;margin:0 auto 16px}
.dot.dot_left:before{margin:0 0 16px}



	/* compay : location */
	#map			{position:relative;background:#ccc;border:1px solid #000}
	.map_info		{position:relative}
	.map_info .address				{position:absolute;bottom:0;left:0;right:0;padding:30px 0 25px;background:rgba(0,0,0,0.7);z-index:30}
	.map_info .address .info1		{display:table-cell;vertical-align:top;width:50%;padding:0 60px}
	.map_info .address .info2		{display:table-cell;vertical-align:top;width:50%;padding:0 50px}
	
	.map_info .address dl			{position:relative}
	.map_info .address dl dt		{position:absolute;top:0;left:0}
	.map_info .address .info1 dl dd	{padding-left:65px}
	.map_info .address .info2 dl dd	{padding-left:85px}
	.map_info .address .info2 dl	{padding-bottom:10px}

	@media (max-width:970px){
		#map							{height:440px !important}
		.map_info .address .info1		{padding:0 30px;width:60%}
		.map_info .address .info1 dl dd	{padding-left:55px}
		.map_info .address .info2 dl dd	{padding-left:75px}
		.map_info .address .info2		{padding:0 30px;width:40%}
	}
	
	@media (max-width:768px){
		#map							{height:300px !important}
	}
	
	@media (max-width:640px){
		.map_info .address .info1		{width:100%;display:block}
		.map_info .address .info1 dl dd	{padding-left:70px;padding-bottom:10px}
		.map_info .address .info2 dl dd	{padding-left:70px}
		.map_info .address .info2		{width:100%;display:block}
	
}