@charset "utf-8";

@import url('//fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('//cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Noto+Sans');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

@font-face {
	font-family: 'Noto Sans';
	src: url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-regular.woff2) format('woff2'),
	url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-regular.woff) format('woff');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Noto Sans';
	src: url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-demilight.woff2) format('woff2'),
	url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-demilight.woff) format('woff');
	font-style: normal;
	font-weight: 100;
}
@font-face {
	font-family: 'Noto Sans';
	src: url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-bold.woff2) format('woff2'),
	url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-bold.woff) format('woff');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: 'OneLatin';
	font-style: normal;
	font-weight: normal;
	src: url(https://image.samsungsds.com/global/common/css_ko/fonts/SamsungOneLatinWeb-400.eot?queryString=20180405063419);
	src: local('※'), url(https://image.samsungsds.com/global/common/css_ko/fonts/SamsungOneLatinWeb-400.eot?queryString=20180405063419?#iefix) format('embedded-opentype'),
	url(https://image.samsungsds.com/global/common/css_ko/fonts/SamsungOneLatinWeb-400.woff?queryString=20180405063419) format('woff');
}

@font-face {
	font-family: 'OneLatin';
	font-style: normal;
	font-weight: bold;
	src: url(https://image.samsungsds.com/global/common/css_ko/fonts/SamsungOneLatinWeb-700.eot?queryString=20180405063419);
	src: local('※'), url(https://image.samsungsds.com/global/common/css_ko/fonts/SamsungOneLatinWeb-700.eot?queryString=20180405063419?#iefix) format('embedded-opentype'),
	url(https://image.samsungsds.com/global/common/css_ko/fonts/SamsungOneLatinWeb-700.woff?queryString=20180405063419) format('woff');
}

#site-desc{display:none;}
#eondToilon{overflow:hidden;}
.fl{float:left}
.fr{float:right}
.backslash {
	background: url('../img/bg-backslash.png');
	background-size: 100% 100%;
	text-align: left;
}



.header-wrap{
	background:#df0023;padding:6px 0;

}
.header-wrap .logo-box{
	/*text-align:center;*/
	width:124px;
	margin:0 auto;
}
.header-wrap .logo-box .logo{display:inline-block;padding:9px;}
.header-wrap .btn-menu{background:url('../img/ico-menu.png') no-repeat;width:30px;height:20px;float:right;
	z-index:999;
	position:absolute;
	top:25px;
	right:25px;
}
/*gnb*/
.header-wrap .navi-box{margin-left:-30px;}
.header-wrap .navi-box .gnb1_wrap{display:table;width:70%;margin:0 auto;padding:0;}
.header-wrap .navi-box .gnb1_wrap > li{list-style:none;display:table-cell;text-align:center;height:40px;line-height:40px;font-size:15px;font-weight:600;}
.header-wrap .navi-box .gnb1_wrap > li:first-child{display:none;}
.header-wrap .navi-box .gnb1_wrap li a{color:#fff;text-decoration:none;display:block;padding:0 30px;white-space:nowrap;
	position: relative;
	z-index: 110;}
.header-wrap .navi-box .gnb2_wrap{
	height:0;
	position: absolute;
	z-index: 99;
	background:#fff;
	border-bottom:0px solid #eee;
	width:100%;
	top: 109px;
	overflow: hidden;
	left: 0;
	/*border: 1px solid red;*/
	/*overflow: hidden;*/
	/*height: 40px;*/
	/*display: block;*/
	/*margin:0;*/
	/*padding:0;*/
	transition:0.3s all;
}
.header-wrap .navi-box .gnb2_wrap.selected{height:40px;background-color:rgba(255,255,255,0.8);border-bottom:1px solid #eee;}
.header-wrap .navi-box .gnb2_wrap.on{height:40px;z-index:100;border-bottom:1px solid #eee;}
.header-wrap .navi-box .gnb2_wrap ul{margin:0;padding:0;text-align:left;width:90%}
/*.header-wrap .navi-box .gnb1_wrap li:nth-child(3) .gnb2_wrap ul{text-align:center;}*/
.header-wrap .navi-box .gnb1_wrap li:nth-child(4) .gnb2_wrap ul{text-align:center;}
.header-wrap .navi-box .gnb1_wrap li:nth-child(5) .gnb2_wrap ul{text-align:right;margin-left:-20%;}
.header-wrap .navi-box .gnb1_wrap li:last-child .gnb2_wrap ul{text-align:right;}
.header-wrap .navi-box .gnb2_wrap li{
	list-style:none;
	display:inline-block;
	padding:0;
	margin:0;
}

.header-wrap .navi-box .gnb2_wrap li a{
	color: #444;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: 500;
}
.header-wrap .navi-box .gnb2_wrap li.on a,
.header-wrap .navi-box .gnb2_wrap li:hover a{color:#de0124;}
/*visual*/
.visual-box{
	position:relative;
	background:url('../img/bg-visual.png') no-repeat;
	min-height:calc(100vh - 109px);background-size: cover;background-position: 0px 10px;
	/*overflow:hidden;*/
}
.visual-box .edgeLT{
	z-index:100;
	background: #fff;
	width: 200px;
	height: 200px;
	transform: rotate(-45deg);
	top: -90px;
	left: -100px;
	position: absolute;
	/* width: 0; */
	/* height: 0; */
	/* border-left: 100px solid transparent; */
	/* border-right: 100px solid transparent; */
	/* border-bottom: 100px solid #fff; */
}
.visual-box .edgeLT:before{
	content: "";
	background: #df0023;
	width: 210px;
	height: 200px;
	top: -10px;
	left: 0;
	position: absolute;
}
.visual-box .edgeRT{
	z-index:100;
	background: #fff;
	width: 200px;
	height: 200px;
	transform: rotate(-45deg);
	top: -90px;
	right: -100px;
	position: absolute;
}
.visual-box .edgeRT:before{
	content: "";
	background: #df0023;
	width: 210px;
	height: 200px;
	top: -10px;
	right: -20px;
	position: absolute;
}
.visual-box .edgeLB{
	background: #fff;
	width: 200px;
	height: 200px;
	transform: rotate(-45deg);
	bottom: -100px;
	left: -100px;
	position: absolute;
}
.visual-box .edgeLB:before{
	content: "";
	background: #df0023;
	width: 210px;
	height: 200px;
	bottom: 0px;
	left: -20px;
	position: absolute;
}
.visual-box .edgeRB{
	background: #fff;
	width: 200px;
	height: 200px;
	transform: rotate(-45deg);
	bottom: -100px;
	right: -100px;
	position: absolute;
}
.visual-box .edgeRB:before{
	content: "";
	background: #df0023;
	width: 210px;
	height: 200px;
	bottom: -10px;
	right: -20px;
	position: absolute;
}
.visual-box .copyright-box{position:absolute;top:30%;color:#fff;
	/*font-family: 'Nanum Barun Gothic', sans-serif;*/
}
.visual-box .copyright-box .copyright-title  {
	font-size: 50px;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.1em;
}
.visual-box .copyright-box .copyright-content{
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
	letter-spacing: -1px;
	line-height: 1.5em;
	/*transform:skew(-0.001deg);*/
}
/*subTopVisual*/
.bg-sub{
	height:320px;
	top: 0px;
	background-repeat:no-repeat;width:1000px;margin:0 auto;
	position: relative;
	background-position: 0 -20px;
	/*background-image:url('../img/bg-sub.jpg');*/
}

.bg-sub-toilon_product1,
.bg-sub-toilon_product2,
.bg-sub-toilon_product3,
.bg-sub-toilon_product4,
.bg-sub-toilon_product5,
.bg-sub-toilon_product6 {background-image:url('../img/bg-sub-product.png');}
.bg-sub-toilon_company,
.bg-sub-toilon_history,
.bg-sub-toilon_map {background-image:url('../img/bg-sub-company.png');}
.bg-sub-toilon_rnd,
.bg-sub-toilon_ce2,
.bg-sub-toilon_certification {background-image:url('../img/bg-sub-rnd.png');}
.bg-sub-toilon_estimate {background-image:url('../img/bg-sub-es.png');}
.bg-sub-toilon_notice,
.bg-sub-toilon_cs {background-image:url('../img/bg-sub-customer.png');}

/*
.bg-sub-toilon_company,
.bg-sub-toilon_history,
.bg-sub-toilon_map 			{background-position:0 -20px;}
.bg-sub-toilon_product1,
.bg-sub-toilon_product2,
.bg-sub-toilon_product3,
.bg-sub-toilon_product4,
.bg-sub-toilon_product5,
.bg-sub-toilon_product6 	{background-position:0 -360px;}

.bg-sub-toilon_rnd,
.bg-sub-toilon_ce2,
.bg-sub-toilon_certification{background-position:0 -700px;}
.bg-sub-toilon_estimate 	{background-position:0 -1040px;}
.bg-sub-toilon_notice,
.bg-sub-toilon_cs 			{background-position:0 -1380px;}
*/

.product-box{
	position: absolute;
	left: 55%;
	top: 38%;
}
.visualProductBox{position:absolute;top:40px;left:0;color:#fff;text-align: center;}
.more:before{
	content: "";
	border-bottom: 2px solid #fff;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	bottom: -70px;
	left: 40px;
}
.more:after{
	content: "";
	/*border-left: 2px solid #fff;*/
	width: 25px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: -70px;
	left: 40px;
	background:#fff;
	transition:0.5s all;
}
.customerbox.on .more:after,
.customerbox:hover .more:after,
.product-v1.on .more:after,
.product-v1:hover .more:after,
.hexagon-gray.on .more:after,
.hexagon-gray:hover .more:after,
.hexagon.on .more:after,
.hexagon:hover .more:after{
	/*content: "";*/
	/*border-left: 2px solid #fff;*/
	/*width: 25px;*/
	/*height: 25px;*/
	/*display: block;*/
	/*position: absolute;*/
	/*bottom: -81px;*/
	/*left: 51px;*/
	transform: rotate(-90deg);
}

.visualProductTitle{
	display: block;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: -1px;
	text-align: center;
	width: 110px;
}
.visualProductDesc{
	display: block;
	font-size:12px;
	margin-top:10px;
	position: absolute;
	width: 140px;
	z-index: 10;
	letter-spacing: -0.5px;
	left: -15px;
	font-weight: 100;
	color: #ddd;
}
.hexagon{
	width:110px;
	height:190px;
	background:rgba(0,0,0,0.9);
	position:relative;
	left:50px;
	margin-bottom:8px;
	transition:0.2s all;

}
.hexagon:before{
	content: "";
	width: 0px;
	height: 0;
	border-top: 95px solid transparent;
	border-bottom: 95px solid transparent;

	border-right: 55px solid rgba(0,0,0,0.9);
	left: -55px;
	top: 0px;
	position: relative;
	display: inline-block;
	transition:0.2s all;
}

.hexagon:after{
	transition:0.2s all;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 95px solid transparent;
	border-bottom: 95px solid transparent;
	border-left: 55px solid rgba(0,0,0,0.9);
	right: -55px;
	top: 0;
	position: absolute;
	display: inline-block;
}

.hexagon.on,
.hexagon:hover{background:#df0023;}
.hexagon.on::before,
.hexagon:hover::before{border-right-color:#df0023;}
.hexagon.on::after,
.hexagon:hover::after{border-left-color:#df0023;}
.hex1{position:relative;top: -296px;left: -120px;}
.hex2{position: relative;top: -694px;left: 220px;}

.s-company-box{position:relative;padding:100px 80px 150px;height:450px;
	/*background:#fff;*/
}
.s-product-box{position:relative;padding:100px 80px;height:790px;background:url('../img/bg-product.png') no-repeat;background-size:cover;}
.s-product-box .s-title		{color:#fff;}
.s-product-box .s-titledesc	{color:#fff;}
.s-title{color:#df0023;font-size:60px;font-weight:800;margin-left: 10%;}
.s-titledesc{color:#666;font-size:18px;font-weight:500;
	letter-spacing: -1px;}
.company-hexagon-box{position: absolute;
	left: 50%;
	top: 250px;}
.hexagon-gray{
	width:120px;
	height:210px;
	background:#b2b2b2;
	position:relative;
	left:50px;
	margin-bottom:8px;
	transition:0.2s all;

}
.hexagon-gray:before{
	content: "";
	width: 0px;
	height: 0;
	border-top: 105px solid transparent;
	border-bottom: 105px solid transparent;
	border-right: 60px solid #b2b2b2;
	left: -60px;
	top: 0px;
	position: relative;
	display: inline-block;
	transition:0.2s all;
}

.hexagon-gray:after{
	transition:0.2s all;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 105px solid transparent;
	border-bottom: 105px solid transparent;
	border-left: 60px solid #b2b2b2;
	right: -60px;
	top: 0;
	position: absolute;
	display: inline-block;
}

.hexagon-gray.on,
.hexagon-gray:hover{background:#df0023;}
.hexagon-gray.on::before,
.hexagon-gray:hover::before{border-right-color:#df0023;}
.hexagon-gray.on::after,
.hexagon-gray:hover::after{border-left-color:#df0023;}
.hex-gray-1{}
.hex-gray-2{
	left: -136px;
	top: -107px;
}
.hex-gray-3{
	left: -322px;
	top: -435px;
}
.hex-gray-4{
	left: 235px;
	top: -765px;
}
.hex-gray-5{
	left: 235px;
	top: -762px;
}

.hexagon-gray .visualProductTitle{font-size: 20px;width: 110px;}
.hexagon-gray .visualProductDesc{
	font-size: 13px;
	width: 160px;
	color: #eee;
	font-weight: 500;
	letter-spacing: -1px;
}
.hexagon-gray .more:before{
	content: "";
	border-bottom: 2px solid #fff;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	bottom: -100px;
	left: 45px;
}
.hexagon-gray .more:after{
	content: "";
	width: 25px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: -100px;
	left: 45px;
	background:#fff;
	transition:0.5s all;
}

.product-vertical-wrap {padding: 40px 0;}
.product-v1{
	background: #fff;
	display: block;
	height: 200px;
	position:relative;
	left:10%;
	transition: 0.2s all;
	width:590px;
	margin-top:10px;
	clear:both;
}
.product-vertical-wrap a{color:#000;}
.product-v2{width:780px;}
.product-v1 .title{
	float:left;
	text-align: center;
	font-size: 30px;
	line-height:1.2em;
	font-weight: 500;
	 width: 200px;
	padding: 20px 0;
	margin-top:10px;
	letter-spacing: -2px;
}
.product-v1:before{
	float:left;
	content: "";
	width: 0px;
	height: 0;
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-right: 60px solid #fff;
	left: -60px;
	top: 0px;
	position: absolute;
	display: inline-block;
	transition: 0.2s all;
}
.product-v1:after{
	float:right;
	content: "";
	width: 0px;
	height: 0;
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 60px solid #fff;
	right: -60px;
	top: 0px;
	position: absolute;
	display: inline-block;
	transition: 0.2s all;
}
.product-v1 .more:before{
	content: "";
	border-bottom: 2px solid #000;
	width: 25px;
	height: 25px;
	display: block;
	position: relative;
	top: 2px;
	margin: 0 auto;
	left: 0;
}
.product-v1 .more:after{
	content: "";
	/* border-left: 2px solid #fff; */
	width: 25px;
	height: 2px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background: #000;
	transition: 0.5s all;
	margin: 0 auto;
}
.s-customer-box .customerbox.on,
.s-customer-box .customerbox:hover,
.product-v1.on,
.product-v1:hover{background:#df0023;color:#fff;}
.s-customer-box .customerbox.on:before,
.s-customer-box .customerbox:hover:before,
.product-v1.on:before,
.product-v1:hover:before{border-right-color:#df0023}
.s-customer-box .customerbox.on:after,
.s-customer-box .customerbox:hover:after,
.product-v1.on:after,
.product-v1:hover:after{border-left-color:#df0023}
.s-customer-box .customerbox.on .more:before,
.s-customer-box .customerbox:hover .more:before,
.product-v1.on .more:before,
.product-v1:hover .more:before{border-bottom-color:#fff;}
.s-customer-box .customerbox.on .more:after,
.s-customer-box .customerbox:hover .more:after,
.product-v1.on .more:after,
.product-v1:hover .more:after{background:#fff;}

.product-b1{position:absolute;z-index:2;right:-50px;padding:10px 3px;}
.hexagon-product-right {
	float:right;
	position: relative;
	margin: 10px auto;
	width: 200px;
	height: 180px;
	background: #000;
}
.hexagon-product-right:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ccc url(http://webneel.com/daily/sites/default/files/images/daily/09-2014/6-nature-photography-pedraterrinha.jpg) no-repeat center center;
	background-size: cover;
}
.hexagon-product-right,
.hexagon-product-right:before{
	-webkit-clip-path: polygon(72% 0, 100% 50%, 72% 100%, 0% 100%, 0 50%, 0% 0);
	clip-path: polygon(72% 0, 100% 50%, 72% 100%, 0% 100%, 0 50%, 0% 0);
	-webkit-transition: .3s;
	transition: .3s;
}

.productBox1ProductLeft {
	float:left;
	position: relative;
	margin: 10px auto;
	width: 200px;
	height: 180px;
	background: #000;
	margin-right:10px;
}
.productBox1ProductLeft:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ccc url(http://webneel.com/daily/sites/default/files/images/daily/09-2014/6-nature-photography-pedraterrinha.jpg) no-repeat center center;
	background-size: cover;
}
.productBox1ProductLeft,
.productBox1ProductLeft:before{
	-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 28% 100%, 0 50%, 28% 0);
	clip-path: polygon(100% 0, 100% 50%, 100% 100%, 28% 100%, 0% 50%, 28% 0);
	-webkit-transition: .3s;
	transition: .3s;
}

/*productBox2Center*/
.productBox2Center {
	float:left;
	position: relative;
	margin: 10px auto;
	width: 180px;
	height: 180px;
	background: #000;
	margin-right:10px;
}
.productBox2Center:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ccc url(http://webneel.com/daily/sites/default/files/images/daily/09-2014/6-nature-photography-pedraterrinha.jpg) no-repeat center center;
	background-size: cover;
}

/* Customer */
.s-customer-box{padding:80px 0 50px;}
.s-customer-box .customerbox2{left: 35% !important;}
.s-customer-box .customerbox{
	background: #b2b2b2;
	display: block;
	height: 180px;
	position:relative;
	left:10%;
	transition: 0.2s all;
	width:590px;
	margin-top:10px;
	clear:both;
}
.s-customer-box .customerbox .title{
	float:left;
	text-align: center;
	font-size: 30px;
	line-height:1.2em;
	font-weight: 500;
	width: 150px;
	padding: 20px 0;
	margin-top:10px;
	margin-right:30px;
	color:#fff;
}
.s-customer-box .customerbox:before{
	float:left;
	content: "";
	width: 0px;
	height: 0;
	border-top: 90px solid transparent;
	border-bottom: 90px solid transparent;
	border-right: 50px solid #b2b2b2;
	left: -50px;
	top: 0px;
	position: absolute;
	display: inline-block;
	transition: 0.2s all;
}
.s-customer-box .customerbox:after{
	float:right;
	content: "";
	width: 0px;
	height: 0;
	border-top: 90px solid transparent;
	border-bottom: 90px solid transparent;
	border-left: 50px solid #b2b2b2;
	right: -50px;
	top: 0px;
	position: absolute;
	display: inline-block;
	transition: 0.2s all;
}

.customerbox .more:before{
	content: "";
	border-bottom: 2px solid #fff;
	width: 25px;
	height: 25px;
	display: block;
	position: relative;
	top: 2px;
	margin: 0 auto;
	left: 0;
}
.customerbox .more:after{
	content: "";
	/* border-left: 2px solid #fff; */
	width: 25px;
	height: 2px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background: #fff;
	transition: 0.5s all;
	margin: 0 auto;
}
/*article*/
.customerbox-wrap{margin-top:40px;}
.customerbox .article-box {padding:30px;}
.customerbox .article-box *{font-size:12px;}
.customerbox .article-box a{color:#fff;}
.customerbox .article-box li{clear:both;line-height:30px;height:30px;border-top:1px solid rgba(255,255,255,0.3);padding:0 15px;}
.customerbox .article-box li:first-child{border-top:0;}
.customerbox .article-box .title{
	font-size: 13px;
	font-weight:400;
	line-height:30px;
	padding: 0;
	width: inherit;
	margin-top:inherit;
}
.customerbox .article-box .date{float:right;color:#fff;}
.customerbox .article-box .hour{display:none}
/* Footer */
.footer{background:#333333;color:#eee;clear:both;}
.fnb{height:40px;line-height:40px;padding:0 30px;}
.fnb ul{margin:0;padding:0;}
.fnb li{margin:0;padding:0;list-style:none;display:inline-block;}
.fnb li:first-child{display:none;}
.fnb li a{color:#fff;text-decoration:none;display:block;padding:0 20px;}
.address{border-top: 1px solid #5c5c5c;padding:0 50px;}
.address dl{overflow:hidden;font-style:normal;}
.address dt{float:left;display:inline-block;width:80px;}
.address dd{float:left;display:inline-block;}
.address dd:last-child{float:right;}
.copyright{
	padding: 0px 50px;
	width: 100%;
	border-top: 1px solid #5c5c5c;
	display: block;
	box-sizing: border-box;
	line-height:56px;
	height:56px;

}
/*subContents*/
.subContents{
	position:relative;
	/*background:url('../img/bg-visual.png') no-repeat;*/
	padding:0px 0 50px;
	min-height:700px;
	/*background-size: cover;*/
	/*background-position: 0px 10px;*/
	/*overflow:hidden;*/
}
.subContents .edgeLT{
	z-index:100;
	/*background: #fff;*/
	width: 200px;
	height: 200px;
	transform: rotate(-45deg);
	top: -100px;
	left: -100px;
	position: absolute;
	/* width: 0; */
	/* height: 0; */
	/* border-left: 100px solid transparent; */
	/* border-right: 100px solid transparent; */
	/* border-bottom: 100px solid #fff; */
}
.subContents .edgeLT:before{
	content: "";
	background: #df0023;
	width: 220px;
	height: 200px;
	top: -3px;
	left: -20px;
	position: absolute;
}
.subContents .edgeRT{
	z-index:100;
	/*background: #fff;*/
	width: 200px;
	height: 200px;
	transform: rotate(-45deg);
	top: -90px;
	right: -100px;
	position: absolute;
}
.subContents .edgeRT:before{
	content: "";
	background: #df0023;
	width: 210px;
	height: 200px;
	top: -10px;
	right: -20px;
	position: absolute;
}

.vm{vertical-align:middle;}
.vt{vertical-align:top;}
ul.ul_num {
	margin: 10px 0 40px 0px;
	border-top: 1px solid #888;
	border-bottom: 2px solid #333;
	padding: 10px 0;
}
ul.ul_num li {
	list-style: decimal;
	font-size: 15px;
	line-height: 18px;
	padding: 10px 10px;
	color: #666;
	margin-left: 40px;
}
.p_wrap {font-size:15px;
	/*color:#666;*/
}
.p_wrap table{font-size:15px;}
.p_wrap td img{width:100%;}
.p_wrap .p_info{background:#e8e8e8;padding:10px;border-spacing:10px;border-collapse: inherit;border:0;margin:20px auto;}
.p_wrap .p_info th{width:10%;}
.p_wrap .p_info td{background:#fff;text-align:left;border:0;}
.p_wrap .img_box {width:100%;padding:0;margin:20px auto 50px;}
.p_wrap .img_box:after{content:"";display:table;width:100%;}
.p_wrap .img_box li{list-style:none;}
/*.p_wrap .img_box li{float:left;width:18%;list-style:none;margin-left:10px;box-sizing:border-box}*/
/*.p_wrap .img_box li:first-child{margin-left:0px;}*/
.p_wrap .img_box li img{max-width:100%;margin:20px auto}
.p_wrap .p_desc{
	font-size: 20px;
	letter-spacing: -1.5px;
	color: #4fa42b;
	line-height:160%;
}
.p_wrap .c1{color:#c9962a}
.p_wrap h2{
	/*font-size:26px;*/
	font-size: 22px;
	background: #e00024;
	color: #fff;
	display: inline-block;
	padding: 0px 10px;
	line-height: 34px;
	height:34px;
	min-width:125px;
	position:relative;
	font-weight:500;
	margin-top:50px;
}
.p_wrap h2:before{
	content: "";
	width: 0px;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-right: 12px solid #e00024;
	left: -12px;
	top: 0px;
	position: absolute;
	display: inline-block;
}
.p_wrap h2:after{

	content: "";
	width: 0px;
	height: 0px;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 12px solid #e00024;
	right: -12px;
	top: 0;
	position: absolute;
	display: inline-block;
}
.p_wrap h4{
	margin: 15px 0;
	padding: 0;
	letter-spacing: -0.01em;
	white-space:nowrap;
}
.p_wrap h4:before{
	content: "";
	background-color: #e00024;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 1px;
}
.p_wrap h5{
	margin: 15px 0 -15px;
	padding: 0;
	letter-spacing: -0.01em;
	white-space:nowrap;
}
.p_wrap h5:before{
	content: "";
	background-color: #e00024;
	width: 5px;
	height: 5px;
	display: inline-block;
	margin-right: 4px;
	margin-bottom:2px;
}
.p_wrap table.tg,
.p_wrap table{
	/*border-top: 1px solid #333333;*/
	border-bottom: 2px solid #333333;
	width: 100%;
	table-layout: fixed;
	margin: 10px auto 10px;
	border-collapse: collapse;
	border-spacing: 0;
}
.p_wrap table th,
.p_wrap table td{border-bottom:1px solid #cecece;border-right:1px solid #cecece;
	color:#666;
	line-height:18px;
	font-size:15px;
	padding:12px 10px 13px;
	text-align:center;
}
.p_wrap table th{
	/*color:#333;*/
	color: #fff;
	background-color: #888;
}
.p_wrap table th:last-child,
.p_wrap table td:last-child{border-right:0;}
.p_wrap table ul{
	margin: 0 0;
	padding: 0 0 0 20px;
}
.p_wrap table ul li{text-align:left;}

/*.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;margin:0px auto;}*/
.tg td{padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg th{padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg .tg-dc35{background-color:#f9f9f9;}
.tg .tg-dc37{background-color:#717171;}
.tg .tg-db{background-color:#bbb;}
.tg .tg-dc38{background-color:#fdecd1;}
.tg .tg-l711{}
.tg .tg-us36{white-space: nowrap}
.tg .tg-hd{background:#f39800;color:#fff;}
.tg .tg-hg{background:#4fa42b;color:#fff;}
.tg .tg-dg{background-color:#d0e3be;}
@media screen and (max-width: 767px) {
	.tg col {width: auto !important;}
	.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}
	.m-address{float:left !important;margin-left:10em;margin-top:.5em;}
}


/*sub*/
.subtitle{color:#e00024;font-size: 44px;letter-spacing: -2px;padding:0 30px;margin:40px 0;text-align:center;}
/*subgnb*/
.subgnb_wrap{position:relative;
	/*top:-63px;*/
	border-bottom:1px solid #e00024;overflow: hidden;
	margin:-41px 0 30px;
}
.subgnb_wrap ul{display:none;margin:0;padding:0;height:40px;}
.subgnb_wrap li{
	position:relative;
	bottom:-1px;
	margin:0;padding:0;list-style:none;display:inline-block;border:1px solid #999999;height:40px;line-height:40px;min-width:150px;text-align:center;margin-left:10px;transition:all 0.2s;
}
.subgnb_wrap li a{
	background:#fff;
	transition:all 0.2s;
	height:40px;
	line-height:40px;
	display:block;
	text-decoration:none;color:#666666;
	padding:0px 20px;
	font-size:15px;
	letter-spacing: -2px;
	font-weight: 500;
}
.subgnb_wrap li.on,
.subgnb_wrap li:hover {border-color:#e00024}
.subgnb_wrap li.on a,
.subgnb_wrap li:hover a{background:#e00024;color:#fff;}
/*history*/
.cwrap{padding:10px 0 10px;}
.dl_hist {
	overflow: hidden;
	/*max-width: 1140px;*/
	/*margin: 0 auto;*/
}
.dl_hist ul,
.dl_hist dd,
.dl_hist dl,
.dl_hist dt,
.dl_hist li{margin:0;padding:0;}
.dl_hist>dt {
	float: left;
	padding-top: 23px;
	width: 20%;
	border-top: 4px solid #888;
	font-size: 2.0rem;
	line-height: 36px;
	font-weight: 600;
	color: #444;
	font-family: 'OneLatin','Noto Sans KR', 'nanumsquare', "Apple SD Gothic Neo", sans-serif, Arial;
}
.dl_hist>dd {
	float: right;
	width: 75%;
	/*padding-left: 44px;*/
	text-align: left;
}

.dl_hist dd ul li:first-child {
	border-top: 1px solid #888;
}
.dl_hist dd ul li {
	border-bottom: 1px solid #888;
	overflow: hidden;
	padding: 11px 0;
}
.dl_hist dd ul li strong.date {
	width: 10%;
	float: left;
	font-size: 1.2rem;
	line-height: 32px;
	font-weight: bold;
	color: #444;
	padding: 0 15px;
	box-sizing: border-box;
}
.dl_hist dd ul li p.txt {
	width: 90%;
	text-align: left;
	float: right;
	font-size: 1.2rem;
	line-height: 32px;
	color: #444;
	margin:0;
}
.dl_hist+.dl_hist {
	margin-top: 100px;
}
/*board*/
#eondToilon .board .btn_insert,
#eondToilon .board .btn:active, .board .btn:hover, .board .btn[disabled],
#eondToilon .fafaz .list-pagination .fafazBtn.line, .u-backgroundColor--themeColor{    background-color: #e00024 !important;}
#eondToilon .fafaz .fafazBtn.line, .modal-overlay .fafazBtn.line{border:0;}
.exForm .address, .exForm .date, .exForm .email_address, .exForm .homepage, .exForm .tel, .exForm .text{border:1px solid #dbdbdb;height:20px;line-height:20px;}

/*sitemap_wrap*/
.sitemap_wrap{
	display:none;
	background: #fff;
	padding: 20px 10px;
	position: fixed;
	min-height: 400px;
	/* left: 50%; */
	margin: 0 auto;
	z-index: 999;
	margin-left: -15px;
	margin-right: -15px;
	/*box-sizing: border-box;*/
	/*top: 15px;*/
	/*width: 1020px;*/
	width: 100%;
	top: 0px;
	box-sizing: content-box;
	left: 0;
	transition:all 0.3s;
}
.sitemap_wrap .logo{width:100%;text-align:center;}
.thanks{text-align:center;font-size:15px;margin:10px auto;}
.sitemap_wrap .sitemap{clear:both;}
/*.header-wrap .navi-box .gnb1_wrap > li:first-child*/
.sitemap_wrap .sitemap_box{border-top:2px solid #ddd;padding:0 10px;}
.sitemap_wrap .sitemap{overflow:hidden;line-height:20px;height:20px;border-bottom:1px solid #e5e5e5;padding:10px 0 20px}
.sitemap_wrap .sitemap:last-child{border-bottom:0;}
.sitemap_wrap .sitemap:nth-of-type(1){overflow:hidden;display:none;}
.sitemap_wrap .sitemap dt{width:150px;float:left;text-align:center;font-size:20px;font-weight:600;border-right:2px solid #b2b2b2;}
.sitemap_wrap .sitemap dd{float:left;font-size:15px;margin:0 0 0 30px;}
.sitemap_wrap .sitemap a{color:#000;text-decoration:none;}
.sitemap_bg{
	display:none;
	background: rgba(0,0,0,0.1);
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}
.btn-sitemapClose{
	cursor:pointer;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 32px;
	height: 32px;
	transition: transform .25s ease-in-out;
}
.btn-sitemapClose:before {
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	height: 0;
	border-top: 1px solid rgba(0,0,0,0.5);
	transform: rotate(45deg);
	transform-origin: center;
}
.btn-sitemapClose:after {
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	height: 0;
	border-top: 1px solid rgba(0,0,0,0.5);
	transform: rotate(-45deg);
	transform-origin: center;
}
@media all and (max-width:1200px) {
	.container{width:100%;padding-left: 15px;padding-right: 15px;box-sizing:border-box;}
	.company-hexagon-box {
		position: absolute;
		left: 50%;
		top: 150px;
		transform: scale(0.75, 0.75);
	}
	.product-box {
		top: 40%;
		transform: scale(0.8, 0.8);
	}
	.customerbox-wrap,
	.product-vertical-wrap{
		transform: scale(0.75, 0.75);
		left: -20%;
		position: relative;
	}
	.s-customer-box .customerbox{left:30% !important;}
	.subContents .edgeLT,
	.subContents .edgeRT{display:none}
	.bg-sub{background-size: contain;width: 100% !important;height:260px;}
	.gs{width: 100% !important;padding: 0 15px;box-sizing: border-box;}
	.subgnb_wrap li{min-width:inherit;}
	.sitemap_wrap{width:100%;}
	.col-xs-12{width:100%;}
	.col-xs-6{width:50%;}
	.col-xs-6{float:left;}
	.col-md-offset-1{margin-left:inherit;}
	.subgnb_wrap li{margin-left:-1px;}
	.subgnb_wrap li a{padding:0 10px;}
	.dl_hist>dt{width:100%;}
	.dl_hist>dd{width:100%;margin-top:1rem;}
	.sitemap_wrap .sitemap dt{height:40px;}
	.sitemap_wrap .sitemap dd{height:30px;}
	.sitemap_wrap .sitemap{height:inherit;}
}