@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
	color: #252525;
	text-decoration: none;
}
button, input[type="submit"], input[type="button"]{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	cursor: pointer;
}
img{
	vertical-align: top;
}
@font-face {
	font-family: 'noto thin';
	font-style: normal;
	font-weight: 100;
	src: url('../font/NotoSansKR-Thin.eot');
	src: url('../font/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansKR-Thin.woff') format('woff')
}
@font-face {
	font-family: 'noto light';
	font-style: normal;
	font-weight: 300;
	src: url('../font/NotoSansKR-Light.eot');
	src: url('../font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansKR-Light.woff') format('woff')
}
@font-face {
	font-family: 'noto regular';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansKR-Regular.eot');
	src: url('../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansKR-Regular.woff') format('woff')
}
@font-face {
	font-family: 'noto medium';
	font-style: normal;
	font-weight: 600;
	src: url('../font/NotoSansKR-Medium.eot');
	src: url('../font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansKR-Medium.woff') format('woff')
}
@font-face {
	font-family: 'roboto light';
	font-style: normal;
	font-weight: 400;
	src: url('../font/Roboto-Light.eot');
	src: url('../font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
	url('../font/Roboto-Light.woff') format('woff')
}
@font-face {
	font-family: 'roboto bold';
	font-style: normal;
	font-weight: 700;
	src: url('../font/Roboto-Bold.eot');
	src: url('../font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
	url('../font/Roboto-Bold.woff') format('woff')
}
@font-face {
	font-family: 'roboto regular';
	font-style: normal;
	font-weight: 700;
	src: url('../font/Roboto-Regular.eot');
	src: url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
	url('../font/Roboto-Regular.woff') format('woff')
}
html{
	font-family: 'noto regular';
	font-weight: 400;
	font-size: 16px;
	color: #252525;
	line-height: 1;
}
@media (max-width:360px){
	html, body{
		font-size: 10px;
	}
}
/* ================== 
 * 		폰트 리사이징
 * ================== */
@media (min-width:361px) and (max-width:480px){
	html, body{
		font-size: 11px;
	}
}
@media (min-width:481px) and (max-width:600px){
	html, body{
		font-size: 12px;
	}
}
@media (min-width:601px) and (max-width:768px){
	html, body{
		font-size: 13px;
	}
}
@media (min-width:769px){
	html, body{
		font-size: 16px;
	}
}
/* ================== 
 * 		공통 클래스
 * ================== */
.clearfix:after{
	content:'';
	display: block;
	clear: both;
}
.dTbl{
	display: table;
}
.dTblCell{
	display: table-cell;
	vertical-align: middle;
}
.mw100{
	max-width: 100%;
}
.container{
	max-width: 1024px;
	margin: 0 auto;
}
.hidden, .tbl_wrap table caption{
	overflow: hidden;
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}
.vaT{
	vertical-align: top !important;
}
.flL{
	float: left !important;
}

.imgs{
	max-width: 100%;
}
@media (max-width:768px){
	.imgs.col-2{
		max-width: 66%;
	}
}
/* ================== 
 * 		레이아웃
 * ================== */
#wrapper{
	min-width: 960px;
}
/* ================== 
 * 		레이아웃_헤더
 * ================== */
.top_hd{
	background: #252525;
	height: 30px;
	line-height: 30px;
}
.top_menu_list{
	font-size: 0;
	text-align: right;
}
.top_menu_list li{
	display: inline-block;
	margin-left: 24px;
	vertical-align: middle;
}
.top_menu_list li a{
	font-family: 'noto medium';
	font-size: 12px;
	color: #fffefe ;
}

.main_hd{
	background: #fff;
}
.main_hd .container{
	position: relative;
}
.sub_bg{
	overflow: hidden;
	position: absolute;
	left: 0;
	height: 0;
	z-index: 1;
	width: 100%;
	background: #fff;
	border-top: 1px solid #c8c8c8;
}
.sub_bg.on{
	height: 50px;
	border-bottom: 1px solid #005879;
}
.logo{
	float: left;
	width: 25%;
	margin: 24px 0;
}
.logo img{
	max-width: 100%;
}
.gnb{
	position: absolute;
	right: 0;
	bottom: -1px;
	z-index: 3;
}
.ct_list{
	font-size: 0;
	text-align: right;
}
.ct_list>li{
	display: inline-block;
	margin-left: 46px;
	vertical-align: bottom;
}
.ct_list>li:first-child{
	margin-left: 0;
}
.ct_list>li>a{
	display: block;
	padding: 36px 20px;
	border-bottom: 4px solid transparent;
	font-size: 17px;
	-webkit-transition: color .2s;
	transition: color .2s;
}
.ct_list>li.on>a, .ct_list>li.active>a{
	border-bottom: 4px solid #0296cd;
	color: #0296cd;
}
.ct_sub_list{
	display: none;
	position: absolute;
	left: 0;
	z-index: 2;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ct_sub_list li{
	display: inline-block;
	vertical-align: middle;
}
.ct_sub_list li a{
	height: 50px;
	padding: 0 18px;
	font-size: 15px;
	line-height: 50px;
}
.ct_list>li.on .ct_sub_list li.on a, .ct_list>li.active .ct_sub_list li.active a{
	color: #0296cd;
}
.ct_list>li.on .ct_sub_list li a{
	display: block;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.ct_list>li.on .ct_sub_list li a.on, .ct_list>li.on .ct_sub_list li a:hover,
.ct_list>li.active .ct_sub_list li a.active
{
	color: #0296cd;
}
.m_aside, .btn_menu{
	display: none;
}

/* ================== 
 * 		레이아웃_메인
 * ================== */
.contents.index{
	display: table;
	width: 100%;
	max-height: 740px;
	min-height: 540px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../img/main/main_bg.jpg) repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/main/main_bg.jpg',sizingMethod='scale');
}
.idx_cont_wrap{
	display: table-cell;
	vertical-align: middle;
}
.v_tit{
	padding-bottom: 45px;
	font-family: 'roboto light', sans-serif;
	font-size: 34px;
	font-weight: 100;
	text-align: center;
	line-height: 1;
	letter-spacing: 4px;
	white-space: nowrap;
}
.v_tit strong{
	display: block;
	margin-bottom: 10px;
	margin-bottom: .625rem;
	font-family: 'roboto bold', sans-serif;
	font-size: 70px;
	font-weight: 700;
	font-style: normal;
}
.v_quick_list{
	margin-left: -20px;
	padding: 0 26px;
}
.v_quick_list li{
	float: left;
	width: 33.333333%;
}
.v_quick_list li a{
	overflow: hidden;
	position: relative;
	display: block;
	/*
	width: 310px;
	margin: 0 auto;
	*/
	margin-left: 20px;
	color: #fffefe;
	text-align: center;
}
.v_quick_list li a:before{
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	/*
	background: url(../img/transparent.png) repeat;
	background: rgba(0,0,0,.4);
	*/
	-webkit-transition: background .4s;
	transition: background .4s;
}
.v_quick_list li a:hover:before{
	/*
	background: url(../img/transparent2.png) repeat;
	background: rgba(0,0,0,.1);
	*/
}
.v_quick_list li a img{
	max-width: 100%;
}
.v_quick_list li a img.hover_img{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}/*
.v_quick_list li a:hover img.hover_img{
	display: block;
}*/
.v_quick_list li a p{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); 
	font-size: 17px;
	line-height: 50px;
}
.v_para{
	margin-top: 15px;
	font-size: 18px;
	text-align: center;
	line-height: 1.8;
	letter-spacing: -.5px;
}
.v_btn_style{
	display: block;
	width: 200px;
	height: 46px;
	margin: 45px auto 0;
	background: rgba(63,96,110, .15);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#263f606e,endColorstr=#263f606e); 
	font-family: 'noto medium';
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	/*
	-webkit-transition: all .3s;
	transition: all .3s;
	*/
}
/*
.v_btn_style:hover{
	background: #252525;
	font-family: 'noto regular';
	color: #fff;
}
*/
/* ================== 
 * 		레이아웃_푸터
 * ================== */
footer{
	padding: 18px 0;
	background: #ebebeb;
	border-top: 1px solid #c8c8c8;
}
.ft_wrap{
	display: table;
	margin: 0 auto;	
}
.ft_logo, address{
	display: table-cell;
	vertical-align: middle;
}
.ft_logo{
	width: 165px;
}
address{
	font-size: 0;
}
address span{
	font-family: '돋움', 'Dotum', sans-serif;
	font-size: 12px;
	font-size: .75rem;
	font-style: normal;
	color: #5a5a5a;
	line-height: 1.8;
}
address span a{
	color: #5a5a5a;
}
address span.no_bar:before{
	display: none;
}
address span:before{
	content: '|';
	padding: 0 15px;
	color: #b2b2b2;
	vertical-align: middle;
}
address span.m_copy{
	display: none;
}
@media (max-width:768px){
	.ft_logo, address{
		display: block;
		text-align: center;
	}
	.ft_logo{
		margin: 0 auto;
	}
	.ft_logo img{
		width: 23.4375vw;
	}
	address{
		margin-top: 10px;
		margin-top: .625rem;
	}
	address span{
		display: block;
	}
	address span:before{
		display: none;
	}
	address span.copy{
		display: none;
	}
	address span.m_copy{
		display: block;
	}
}
/* ================== 
 * 		서브
 * ================== */
/* ================== 
 * 		서브_배너
 * ================== */
.bnr{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 18.75%;
}
.bnr img{
	display: block;
	width: 100%;
	margin-top: -18.75%;
}
.bnr .txt_box{
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bnr p{
	display: table-cell;
	vertical-align: middle;
	font-family: 'noto thin';
	font-size: 38px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}
/* ================== 
 * 		서브_LNB
 * ================== */
.ct_list2{
	border-bottom: 1px solid #c8c8c8;
}
.lnb{
	position: relative;
	top: 1px;
	margin-left: -35px;
	font-size: 0;
	text-align: center;
}
.lnb li{
	display: inline-block;
	/*width: 16.666667%;*/
	width: 130px;
	/*width: 150px;*/
	margin-left: 35px;
	vertical-align: top;
}
.lnb.electric li{
	width: 150px;
}
.lnb.industry li:first-child{
	width: auto;
}
.lnb li a{
	display: inline-block;
	height: 55px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 55px;
	letter-spacing: -.05em;
}
.lnb li.active a{
	border-bottom: 2px solid #0296cd;
	color: #0296cd;
}
/* ================== 
 * 		서브_경로
 * ================== */
.path{
	position: absolute;
	top: 15px;
	right: 0;
	font-family: 'noto light';
	font-size: 15px;
	color: #8f8f8f;
}
/* ================== 
 * 		서브_컨텐츠
 * ================== */
.view{
	position: relative;
	margin: 60px 0 70px;
}
h1.tit_dep1{
	font-size: 26px;
}
section.sec1{
	margin-top: 90px;
	margin-top: 5.625rem;
}
section.sec2{
	margin-top: 36px;
	margin-top: 2.25rem;
}
h2.tit_dep2{
	display: inline-block;
	padding: 0 4px;
	background: #0296cd;
	font-family: 'noto light';
	font-size: 18px;
	color: #fff;
	line-height: 1.5;
}
h3.tit_dep3{
	margin-bottom: 12px;
	font-family: 'noto medium';
	font-size: 17px;
	color: #000;
	letter-spacing: -1px;
}
.view .para, ul.normal_list li, ol.number_list li{
	font-family: 'noto light';
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.8;
}
.view .para strong{
	font-family: 'noto medium';
}
.view .para_v2{
	margin-top: 40px;
	margin-top: 2.5rem;
}
/* 순서 번호 리스트 */
ol.number_list li{
	padding-left: 22px;
	text-indent: -22px;
}
ol.number_list li .num{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background: #a3a3a3;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 13px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	text-indent: 0;
}
/*
ol.number_list li:before{
	content: attr(data-num);
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background: #a3a3a3;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 13px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	text-indent: 0;
}
*/
@media (max-width:768px){
	.view .para br{
		display: none;
	}
	
	ol.number_list li{
		padding-left: 1.375rem;
		text-indent: -1.375rem;
	}
	ol.number_list li .num{
		width: 1rem;
		height: 1rem;
		margin-right: .25rem;
		font-size: .8125rem;
		line-height: 1rem;
	}
	/*
	ol.number_list li:before{
		width: 1rem;
		height: 1rem;
		margin-right: .25rem;
		font-size: .8125rem;
		line-height: 1rem;
	}
	*/
}
/* ================== 
 * 		테이블 스타일
 * ================== */
.tbl_wrap2{
	margin-left: -20px;
}
.tbl_wrap2 table{
	float: left;
	margin-left: 20px;
}
table.tbl_style{
}
table.tbl_style thead{
	border-top: 2px solid #0296cd;
}
table.tbl_style thead th{
	font-family: 'noto regular';
	height: 62px;
}
table.tbl_style th.col-type, table.tbl_style th.col-shape{
	padding: 0 30px;
}
table.tbl_style th{
	padding: 0 20px;
	background: #f1f1f1;
}
table.tbl_style th[scope="row"], table.tbl_style td{
	font-family: 'noto light';
	height: 39px;
}
table.tbl_style th[scope="colgroup"]{
	text-align: center;
}
table.tbl_style th, table.tbl_style td{
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	font-size: 13px;
	line-height: 1.5;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*white-space: nowrap;*/
}
table.tbl_style tr th:first-child, table.tbl_style tr td:first-child{
	border-left: 1px solid #c8c8c8;;
}
table.tbl_style th{
	text-align: left;
}
table.tbl_style td{
	text-align: center;
}
table.tbl_style th.col-demension{
	text-align: center;
}
table.tbl_style td.td-shape, table.tbl_style td.td-shape2, table.tbl_style td.td-demension{
	background: #fef7db;
}
table.tbl_style td.td-shape_v2{
	background: #fff;
}
table.tbl_style td.td-demension{
	padding: 8px 70px;
}

/* 성분; 제목2-내용 구성(짧은 너비) */
table.tbl_style_v2{
	width: 322px;
}
table.tbl_style_v2 th{
	text-align: center;
}
table.tbl_style_v2 th, table.tbl_style_v2 td{
	width: 50%;
}

/* 외부전원법_섹션1_제품정보; 제목-내용 구성 */
table.tbl_style_v3 tbody{
	border-top: 2px solid #0296cd;
}
table.tbl_style_v3 th{
	width: 160px;
	padding: 0;
	text-align: center;
}
table.tbl_style_v3 td{
	padding: 0 25px;
}
/* 온라인 견적접수*/
.estimate_wrap{
	max-width: 660px;
}
table.estimate{
	width: 100% !important;
}
table.estimate th{
	width: 122px;
	padding: 0 15px;
	border-left: 0 !important;
	font-size: 14px;
	font-size: .875rem;
	text-align: right;
}
table.estimate td{
	padding: 10px 15px;
	border-right: 0;
	text-align: left;
}
table.estimate input{
	width: 100%;
	max-width: 258px;
	max-width: 16.125rem;
}
table.estimate input[type="checkbox"]{
	width: auto;
	max-width: none;
}
table.estimate input#wr_subject{
	width: 100%;
	max-width: none;
}
table.estimate input, table.estimate select{
	height: 28px;
	height: 1.75rem;
	padding: 0;
	vertical-align: middle;
}
table.estimate label{
	display: inline-block;
	vertical-align: middle;
}
table.estimate input, table.estimate textarea{
	border: 1px solid #d3d3d3;
}
table.estimate textarea{
	width: 100%;
	padding: 0;
}
.addr_row1{
	margin-bottom: 10px;
	margin-bottom: .625rem;
	font-size: 0;
}
.addr_row1 input{
	max-width: 86px !important;
	max-width: 5.375rem !important;
	text-align: center;
}
.addr_row1 button{
	margin-left: 10px;
	margin-left: .625rem;
}
.addr_row2{
	margin-left: -10px;
	margin-left: -.625rem;
	font-size: 0;
}
.addr_row2 input{
	max-width: 198px !important;
	margin-left: 10px;
	margin-left: .625rem;
}
/* 개인정보취급방침 */
.agree_box{
	overflow: auto;
    height: 260px;
    height: 16.25rem;
    padding: 20px;
    padding: 1.25rem;
    border: 1px solid #c7c7c7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.agree_box h2, .agree_box h3{
	font-family: 'noto medium';
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.5;
}
.agree_box p, .agree_box ul li{
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
}
.agree_txt{
    font-size: 15px;
    font-size: .9375rem;
}
table.tbl_style_v4 thead th{
	height: 30px;
}

table.tbl_style_v5 thead th[rowspan="2"], table.tbl_style_v5 thead th[scope="colgroup"]{
	width: 140px;
	text-align: center;
}
table.tbl_style_v6 th{
	text-align: center;
}
table.tbl_style_v6 tbody td{
	padding: 0 20px;
	padding: 0 1.25rem;
}
table.tbl_style_v6 th.col-ele{
	width: 160px;
}
table.tbl_style_v6 th.col-system{
	width: 318px;
}

table.tbl_style_v7{
	width: 100%;
	max-width: 768px;
}
table.tbl_style_v7 thead th{
	height: 39px;
	text-align: center;
}
.model_list{
	font-size: 0;
}
.model_list>li{
	display: inline-block;
	vertical-align: bottom;
	width: auto;
}
.model_list>li img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.model_list>li:first-child img{
	margin-bottom: 30px;
}
.model_list>li p{
	display: inline-block;
	width: 80px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #333;
	font-size: 15px;
}
.model_list>li ul li{
	font-size: 13px;
}
.added{
	margin-top: 5px;
	padding-left: 16px;
	font-family: 'noto light';
	font-size: 12px;
	line-height: 1.5;
	text-indent: -16px;
}
table.m_tbl_style tbody .cont_wrap .m_th, table.m_tbl_style tbody .cont_wrap .m_add_th, table.m_tbl_style .m_shape{
	display: none;
}
@media (max-width:768px){
	::-webkit-scrollbar {
	    -webkit-appearance: none;
	}
	::-webkit-scrollbar:vertical {
	    width: 6px;
	}
	::-webkit-scrollbar:horizontal {
	    height: 6px;
	}
	::-webkit-scrollbar-thumb {
	    background-color: rgba(0, 0, 0, .3);
	    border-radius: 10px;
	    border: 2px solid #ffffff;
	}
	::-webkit-scrollbar-track {
	    border-radius: 10px;
	    background-color: #ffffff;
	}
	/* ================== 
	 * 		테이블 스타일_반응형
	 * ================== */
	.tbl_wrap2{
		margin-left: 0;
		/*margin-top: -1rem;*/
	}
	table.m_tbl_style thead{
		display: none;
	}
	table.m_tbl_style, table.m_tbl_style tbody, table.m_tbl_style tbody tr{
		display: block !important;
	}
	table.m_tbl_style{
		border-top: 1px solid #c8c8c8;
	}
	table.m_tbl_style tbody .cont_wrap{/*th, td*/
		display: table;
		border-left: 1px solid #c8c8c8;
		width: 100%;
	}
	table.m_tbl_style tbody .td-shape{
		display: none;
	}
	table.m_tbl_style tbody .cont_wrap span{
		overflow: hidden;
		display: table-cell !important;
		width: 50%;
		text-align: center;
		vertical-align: middle;
	}
	table.m_tbl_style tbody .m_shape2 .cont_wrap .m_th{
		display: none !important;
	}
	table.m_tbl_style tbody .m_shape2 .cont_wrap .m_cont{
		padding: 1rem 0;
	}
	table.m_tbl_style tbody .cont_wrap .m_cont{
		border-left: 1px solid #c8c8c8;
	}
	table.tbl_style{
		/*
		display: inline-block;
		overflow-x: auto;
		width: 100%;
		*/
		/*
		background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
		background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
		background-size: 10px 100%, 10px 100%;
	    background-attachment: scroll, scroll;
	    background-repeat: no-repeat;
	    */
	}
	/*
	table.tbl_style td:first-child, table.tbl_style tbody tr:first-child, table.tbl_style td:last-child, table.tbl_style tbody tr:last-child{
	    background-image: -webkit-linear-gradient(right, white 50%, rgba(255, 255, 255, 0) 100%);
	    background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
	    background-repeat: no-repeat;
	    background-position: 100% 0;
	    background-size: 20px 100%;
	}
	*/
	table.tbl_style thead th{
		height: 9.5vw;
	}
	table.tbl_style th[scope="row"], table.tbl_style td{
		height: 6vw;
	}
	table.tbl_style th, table.tbl_style td{
		/*padding: 0 1rem !important;*/
		font-size: .8125rem;
	}
	/*
	table.tbl_style td.td-shape img, table.tbl_style td.td-shape2 img{
		width: 10vw;
	}
	table.tbl_style td.td-shape_v2 img{
		width: 40vw;
	}
	*/
	table.tbl_style td.td-shape, table.tbl_style td.td-shape2, table.tbl_style td.td-demension{
		padding: 8px;
	}
	table.tbl_style td.td-shape img, table.tbl_style td.td-shape2 img, table.tbl_style td.td-demension img{
		max-width: 90%;
	}
	table.tbl_style_v2, table.tbl_style_v3{
		display: table;
		width: 60% !important;
	}
	table.tbl_style_v3 th{
		width: 25%;
	}
	table.tbl_style_v4 thead th{
		height: 4.75vw;
	}
	table.tbl_style_v5 thead th[rowspan="2"], table.tbl_style_v5 thead th[scope="colgroup"]{
		width: 33.333333%;
	}
	table.tbl_style_v5{
		float: none;
		display: table;
		margin-left: 0;
		margin-top: 1rem;
	}
	/*
	th.col-type, th.col-shape{
		width: 10vw;
	}
	th.col-size{
		width: 25vw;
	}
	th.col-weight, th.col-core{
		width: 13vw;
	}
	*/
	/*
	table.tbl_style img{
		width: 10vw;
	}
	*/
	table.tbl_style_v6 th.col-system{
		width: auto;
	}
	.model_list>li img{
		width: 13vw;
		margin-bottom: .9375rem !important;
	}
	.model_list>li p{
		width: auto;
		font-size: .9375rem;
	}
	.model_list>li ul li{
		font-size: .8125rem;
	}
	table.estimate{
		width: 100% !important;
	}
	table.estimate th{
		width: 20%;
	}
	table.estimate td{
		padding: .625rem .9375rem !important;
	}
}
/* ================== 기업정보 ================== */ 
/* ================== 
 * 		01기업정보_02CTO 인사말
 * ================== */
.cto_greeting .goal{
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: -.5px;
}
.cto_greeting .goal strong, .intro strong{
	font-family: 'noto regular' !important;
	font-size: 15px;
	color: #b28200;
}
.intro span{
	font-size: 22px;
}
.cto_greeting .para, .intro .para{
	margin-top: 35px;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: -.5px;
}
.cto_greeting{
	/*background: url('../img/cto_img.jpg') no-repeat right top;*/
}
.cto_greeting .area .thumb{
	display: none;
}

/* ================== 
 * 		01기업정보_03주요연혁 
 * ================== */
.history{
	font-size: 0;
}
.history>li{
	padding: 40px 0 0 140px;
	background: url(../img/sq_dotted.png) repeat-y 133px top;
}
.history>li:first-child{
	padding-top: 0;
}
.history>li .yyyy{
	position: relative;
	left: -140px;
	width: 140px;
	margin-right: -140px;
	font-family: 'roboto regular';
	font-size: 38px;
	color: #62bcde;
	letter-spacing: -2px;
}
.history>li .yyyy:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius:50%;
	border-radius:50%;
	border: 1px solid #a4a4a4;
	background: #fff;
}
.history>li:first-child .yyyy:after, .history>li.last .yyyy:after{
	content: '';
	position: absolute;
	right: 0;
	width: 14px;
	height: 12px;
	background: #fff;
}
.history>li:first-child .yyyy:after{
	top: 0;
}
.history>li.last .yyyy:after{
	bottom: 0;
}
.history>li .mmdd{
	width: 96px;
	padding-left: 28px;
	font-size: 16px;
}
.history>li span, .history>li p{
	display: inline-block;
	vertical-align: middle;
}
@media (max-width:768px){
	.history>li{
		padding: 2.375rem 0 0 131px;
		background-position-x: 65.5px; 
	}
	.history>li .yyyy{
		left: -131px;
		width: 70.5px;
		margin-right: -131px;
		font-size: 26px;
	}
	.history>li .yyyy:before{
		width: 8px;
		height: 8px;
		margin-top: -5px;
	}
	.history>li:first-child .yyyy:after, .history li.last .yyyy:after{
		width: 10px;
		height: 8px;
	}
	.history>li .mmdd{
		width: 50.5px;
		padding-left: 10px;
		font-size: 10px;
	}
	.history>li .mmdd_v2{
		margin-left: -60.5px;
	}
	.history>li p{
		font-size: 10px !important;
	}
	.history>li p span{
		display: block;
	}
}
/* ================== 
 * 		01기업정보_04등록증 
 * ================== */
.regi_list{
	/*width: 606px;*/
	margin: -56px 0 0 -36px;
}
.regi_list li{
	float: left;
	width: 25%;
	padding: 56px 0 0 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width: 769px) {
	.regi_list li:nth-child(4n + 1) {
		clear: left;
	}
}

.regi_list li .thumb{
	border: 6px solid #dfdfdf;
	border-width: .375rem;
}
.regi_list li .thumb img{
	display: block;
	max-width: 100%;
}
.regi_list li p{
	margin-top: 5px;
	font-family: 'noto light';
	font-size: 15px;
	letter-spacing: -.5px;
	text-align: center;
}
/* ================== 
 * 		01기업정보_05주요실적
 * ================== */
table.tbl_style2{
	width: 768px;
}
table.tbl_style2 th, table.tbl_style2 td{
	height: 40px;
	height: 2.5rem;
	font-size: 15px;
	font-size: .9375rem;
	vertical-align: middle;
	line-height: 1.5;
	text-align: center;
}
table.tbl_style2 th{
	border-bottom: 3px solid #0296cd;
	border-left: 15px solid #fff;
}
table.tbl_style2 th.th2, table.tbl_style2 th.th3{
	width: 160px;
}
table.tbl_style2 th.th_remarks{
	width: 80px;
}
table.tbl_style2 th:first-child{
	border-left: 0;
}
table.tbl_style2 td{
	border-bottom: 1px solid #e1e1e1;
	font-family: 'noto light';
}
table.tbl_style2 td.td_subject{
	text-align: left;
}
.td_term, .td_owner, .td_remarks{
	text-align: center;
}
.td_term, .td_owner{
	width: 160px;
}
.td_remarks{
	width: 80px;
}
@media (max-width:768px){
	.filter li{
		/*width: 15.625%;*/
		width: 25%;
	}
	table.tbl_style2{
		width: 100%;
	}
	table.tbl_style2 th{
		border-bottom-width: .1875rem;
		border-left-width: 1rem;
	}
	/*
	.th_remarks, .td_remarks{
		display: none;
	}
	*/
	.td_subject{
		width: 40%;
	}
	.td_term, .td_owner{
		width: 30%;
	}
}
/* ================== 
 * 		01기업정보_06오시는 길 
 * ================== */
.directions{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-left: -40px;
}
.directions li{
	width: 50%;
	padding-left: 40px;
}
.directions li h2{
	width: 116px;
	height: 28px;
	border: 2px solid #0296cd;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: 17px;
	color: #0296cd;
	line-height: 26px;
	text-align: center;
}
.directions li>div{
	margin-top: 20px;
	margin-top: 1.25rem;
}
.directions li>div#map{
	height: 100%;
}
.directions li>div.img_map img{
	width: 100%;
}
.directions li>div.img_map .map_iframe_wrap {
	position: relative;
	padding-top: 100%;
}
.directions li>div.img_map .map_iframe_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ================== 사업분야 ================== */
/* ================== 
 * 		02사업분야_01설계 용역 및 현장조사
 * ================== */
.design h3{
	margin-bottom: 12px;
	font-family: 'noto medium';
	font-size: 17px;
	color: #000;
	letter-spacing: -1px;
}
.proc_list, .proc_img_list{
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.proc_list{
	width: 53.22265625%;
}
.proc_list>li{
	display: table;
	width: 100%;
	margin-top: 50px;
}
.proc_list>li:first-child{
	margin-top: 0;
}
.proc_list>li.idx0, .proc_list>li.idx1{
	height: 131px;
}
.proc_list>li.idx2, .proc_list>li.idx3, .proc_list>li.idx4{
	height: 70px;
}
.proc_list>li .step, .proc_list>li .txt_box{
	display: table-cell;
	vertical-align: middle;
}
.proc_list>li .step{
	position: relative;
	width: 37%;
	background: #f1f1f1;
	font-family: 'noto medium';
	font-size: 14px;
	color: #0296cd;
	line-height: 1.5;
	text-align: center;
}
.proc_list>li .step:after{
	content: '';
	position: absolute;
	width: 100%;
	left: 50%;
	bottom: -30.5px;
	margin-left: -11px;
	display: block;
 	width: 0; 
	height: 0; 
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 11px solid #cfcfcf;
}
.proc_list>li.last .step:after{
	display: none;
}
.proc_list>li .txt_box{
	width: 63%;
	background: #f1f1f1;
	border-left: 10px solid #fff;
	border-left-width: .625rem;
}
.proc_list>li .txt_box p{
	padding: 0 16px;
	padding: 0 1rem;
	font-family: 'noto light';
	font-size: 13px;
	font-size: .8125rem;
	line-height: 1.5;
}
.proc_img_list{
	width: 46.77734375%;
	padding-left: 20px;
	padding-left: 1.25rem;
}
.proc_img_list>li{
	margin-top: 50px;
	padding: 16px 20.5px;
	background: #f1f1f1;
	text-align: center;
}
.proc_img_list>li:first-child{
	margin-top: 0;
	padding: 17px 20.5px;
}
.proc_img_list>li h3{
	display: block;
	font-family: 'noto medium';
	font-size: 14px;
	color: #747474;
	text-align: center;
}
.proc_img_list>li img{
	max-width: 100%;
}
@media (max-width:768px){
	/* ================== 
	 * 		사업분야_설계 용역 및 현장조사
	 * ================== */
	.design h3{
		margin-bottom: .75rem;
		font-size: 1.0625rem;
	}
	.proc_list, .proc_img_list{
		float: none;
		width: 100%;
	}
	.proc_img_list{
		padding-left: 0;
	}
	.proc_list>li{
		height: auto !important;
		margin-top: 3.75rem;
	}
	.proc_list>li .step, .proc_list>li .txt_box{
		padding: 2.5rem 0;
	}
	.proc_list>li .step{
		width: 30%;
		font-size: 1rem;
	}
	.proc_list>li .step:after{
		content: '';
		bottom: -2.275rem;
		margin-left: -.8rem; 
		border-width: .8rem;
	}
	.proc_list>li .txt_box{
		width: 70%;
		border-left-width: 1rem;
	}
	.proc_list>li .txt_box br{
		display: none;
	}
	.proc_img_list{
		width: 85%;
		margin: 4.375rem auto 0;
	}
	.proc_img_list>li{
		padding: 1rem 1.25rem !important;	
	}
	.proc_img_list>li h3{
		font-size: 1rem;
	}
}
/* ================== 
 * 		02사업분야_02전기방식 공사 
 * ================== */
/*
.elec_list{
	margin: -40px 0 0 -10px;
}
.elec_list li{
	float: left;
	width: 25%;
	padding: 40px 0 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.elec_list li img{
	width: 100%;
}
.elec_list li p{
	height: 50.4px;
    margin-top: 5px;
    font-family: 'noto light';
    font-size: 14px;
    letter-spacing: -.5px;
    line-height: 1.2;
    text-align: center;
}
*/
/* ================== 
 * 		02사업분야_02전기방 대상물 
 * ================== */
.ep_box ul{
	margin: -20px 0 0 -20px;
	display: flex;
	flex-wrap: wrap;
}
.ep_box ul li{
	float: left;
	width: 33.333333%;
	padding: 20px 0 0 20px;
	display: table;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ep_box ul li>div{
	background: #f1f1f1;
	padding: 8px 24px;
	padding: .5rem 1.5rem;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.ep_box ul li .thumb, .ep_box ul li p{
	display: table-cell;
	vertical-align: middle;
}
.ep_box ul li p strong{
	display: block;
	font-family: 'noto medium';
	font-size: 15px;
	font-size: .9375rem;
} 
.ep_box ul li p{
	padding-left: 16px;
	padding-left: 1rem;
	font-family: 'noto light';
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.4;
}
/* ================== 
 * 		02사업분야_03전기방식 자재 
 * ================== */
@media (max-width:768px){
	.ep_box ul{
		margin: -.625rem 0 0 -.625rem;
	}
	.ep_box ul li{
		padding: .625rem 0 0 .625rem;
		width: 50%;
	}
	.ep_box ul li>div{
		overflow: hidden;
		display: table-row;
		/*padding: .5rem;*/
	}
	.ep_box ul li .thumb, .ep_box ul li p{
		-webkit-border-radius: 1.25rem;
		border-radius: 1.25rem;
	}
	.ep_box ul li .thumb{
		padding: .5rem;
		padding-right: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.ep_box ul li p{
		padding: .5rem;
		padding-left: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.ep_box ul li .thumb{
		width: 30%;
	}
	.ep_box ul li .thumb img{
		width: 100%;
	}
	.ep_box ul li p{
		padding-left: .625rem;
	}
	.ep_box ul li p br{
		display: none;
	}
	/*
	.ep_box ul li .thumb img{
		width: 14vw;
	}
	*/
}
/* ================== 제품소개 ================== */
.sorting_tab{
	margin-top: 36px;
	margin-top: 2.25rem;
}
.sorting_tab.m_ver{
	display: none;
}
.sorting_tab>li{
	float: left;
	display: table;
	border: 1px solid #bfc3c5;
	border-left: 0;
	border-bottom: 0;
	height: 46px;
	height: 2.875rem;
	font-family: 'noto medium';
	text-align: center;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sorting_tab>li.idx0, .sorting_tab>li.idx3, .sorting_tab>li.idx6{
	border-left: 0;
}
.sorting_tab>li.idx2, .sorting_tab>li.idx5, .sorting_tab>li.idx8, .sorting_tab>li.idx11{
	border-right: 0;
}
.sorting_tab>li.idx0, .sorting_tab>li.idx1, .sorting_tab>li.idx2{
	border-top: 0;
}
.sorting_tab>li:first-child{
}
.sorting_tab>li.active{
}
.sorting_tab.col-3>li{
	width: 33.333333%;
}
.sorting_tab_v2>li{
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.2;
}
.sorting_tab>li>a{
	display: table-cell;
	background: #e2e7e9;
	vertical-align: middle;
}
.sorting_tab>li>a.active{
	background: #868d90;
	color: #fff;
}
.sorting_tab_v2>li span{
	display: block;
	font-size: 13px;
	font-size: .8125rem;
}
.sorting_box>section, .sorting_tab>.item{
	display: none;
}
/*
.sorting_box>section:first-child, .sorting_box>.item:first-child{
	display: block;
}
*/
@media (max-width:768px){
	.sorting_tab.pc_ver{
		display: none;
	}
	.sorting_tab.m_ver{
		display: block;
		margin: -3.75rem -1.5rem 3.75rem;
	}
}
/* ================== 
 * 		03_제품소개_01희생양극법 
 * ================== */
/* ================== 
 * 		03_제품소개_02외부전원법 
 * ================== */
.prd_list{
	width: 564px;
	margin: -36px 0 0 -20px;
}
.prd_list li{
	float: left;
	/*width: 262px;*/
	width: 50%;
	padding: 50px 0 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prd_list li img{
	width: 100%;
}
.prd_list li p{
	margin-top: 5px;
	font-family: 'noto light';
	font-size: 13px;
	font-size: .8125rem;
	text-align: center;
}
.prd_list_v2{
	width: 684px;
}
.prd_list_v2 li{
	/*width: 322px;*/
}
.prd_list_v2 li .num{
	width: 84px;
	font-family: 'noto medium';
	font-size: 46px;
	background: #f1f1f1;
	text-align: center;
	letter-spacing: -2px;
}
.prd_list_v2 li p{
	padding-left: 84px;
}
.prd_list_v2 li .thumb{
	border: 1px solid #c8c8c8;
}
.prd_list_v3{
	width: 804px;
}
.prd_list_v3 li, .prd_list_v4 li{
	/*width: 382px;*/
}
.prd_list_v4{
	width: 784px;
	margin: -10px 0 0 -10px;
}
.prd_list_v4 li{
	padding: 10px 0 0 10px;
}
.prd_list_v5{
	width: 516px;
	margin: -10px 0 0 -10px
}
.prd_list_v5 li{
	padding: 10px 0 0 10px;
}
div.hsci_img{
	width: 806px;
	margin: 40px 0 ;
}
div.hsci_img img{
	max-width: 650px;
}

/* ================== 4. 전기방식소개 ================== */
/* ================== 
 * 		01_부식 및 전기방식 
 * ================== */
table .dot_list{
	padding: 15px 0;
	padding: .9375rem 0;
}
.dot_list li{
	font-family: 'noto light';
	font-size: 13px;
	font-size: .8125rem;
	text-align: left;
	line-height: 1.8;
}
.dot_list li:before{
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 4px;
	background: #c8c8c8;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
}
.graphic_ex{
	margin-top: 36px;
	margin-top: 2.25rem;
}
.graphic_ex.corr1 .desc_box{
	max-width: 768px;
	margin-top: 10px;
	margin-top: .625rem;
}
.graphic_ex.corr1 .desc_box p{
	float: right;
	width: 38.28125%;
	/*
	padding: 20px 40px 0;
	padding: 1.25rem 2.5rem 0;
	*/
	padding: 16px 0;
	padding: 1rem 0;
	border: 1px solid #d9d9d9;
	font-family: 'noto light';
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.4;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.graphic_ex.corr1 .desc_box p:first-child{
	float: left;
}
.graphic_ex.corr1 .desc_box p span{
	display: block;
	margin-top: 5px;
	margin-top: .3125rem;
}
.graphic_ex.corr2 table{
	width: 100%;
	max-width: 768px;
}
.graphic_ex.corr2 table th, .graphic_ex.corr2 table td{
	font-family: 'noto light';
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.5;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.graphic_ex.corr2 table thead th{
	padding-bottom: 16px;
	padding-bottom: 1rem;
	color: #297fd5;
}
.graphic_ex.corr2 table thead th.col-no1, .graphic_ex.corr2 table thead th.col-no3{
	width: 178px;
}
.graphic_ex.corr2 table tbody th, .graphic_ex.corr2 table tbody td{
	padding-top: 40px;
	padding-top: 2.5rem;
}
.graphic_ex.corr2 table tbody tr:first-child th, .graphic_ex.corr2 table tbody tr:first-child td{
	padding-top: 0;
}
.graphic_ex.corr2 table tbody th.colour1{
	color: #ff5757;
}
.graphic_ex.corr2 table tbody th.colour2{
	color: #49982d;
}
.graphic_ex.corr2 table tbody th.colour3{
	color: #297fd5;
}
.graphic_ex.corr2 table tbody th p{
	padding: 18px 0;
	padding: 1.125rem 0;
	border: 3px solid #ddd;
}
.graphic_ex.corr2 table tbody .td-no2 p{
	position: relative;
	margin-right: 80px;
	height: 42px;
	background: #fff;
	border-top: 3px solid #ddd;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #ddd;
	line-height: 42px;
	text-align: center;
	white-space: nowrap;
}
.graphic_ex.corr2 table tbody .td-no2 p:before{
	content: '';
	position: absolute;
	right: -80px;
	top: 50%;
	z-index: -1;
	display: block;
	width: 0; 
	height: 0;
	margin-top: -46px; 
	border-top: 46px solid transparent;
	border-bottom: 46px solid transparent;
	border-left: 80px solid #ddd;
}
.graphic_ex.corr2 table tbody .td-no2 p:after{
	content: '';
	position: absolute;
	right: -73px;
	top: 50%;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	margin-top: -40px; 
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 70px solid #fff;
}
.graphic_ex.corr2 table tbody .td-no3{
	text-align: center;
}
.graphic_ex.corr2 table tbody .td-no3 img{
	max-width: 100%;
}
.graphic_ex.corr3{
	max-width: 694px;
}
.graphic_ex.corr3 ul{
	position: relative;
	height: 228px;
	background-image: url(../img/ep/graphic_arrow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.graphic_ex.corr3 ul li{
	position: absolute;
	width: 178px;
	padding: 22px 0;
	background: #ddd;
	font-size: 14px;
	font-size: .875rem;
	text-align: center;
	line-height: 1.5;
}
.graphic_ex.corr3 ul li.ex_no1{
	left: 0;
	top: 84px;
}
.graphic_ex.corr3 ul li.ex_no2{
	left: 256px;
	top: 0;
}
.graphic_ex.corr3 ul li.ex_no3{
	right: 0;
	top: 84px;
}
.graphic_ex.corr3 div{
	position: relative;
	left: -76px;
	margin-left: 50%;
	width: 152px;
	height: 152px;
	border: 6px solid #ddd;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 17px;
	font-size: 1.0625rem;
	color: #0296cd;
	line-height: 140px;
	text-align: center;
	white-space: nowrap;
}
@media (max-width:768px){
	.graphic_ex.corr1 .thumb{
		margin: 0 -2.5rem;
	}
	.graphic_ex.corr1 .desc_box p{
		padding: 1.25rem;
	}
	
	.graphic_ex.corr2 table thead th.col-no1{
		width: 26%;
	}
	.graphic_ex.corr2 table thead th.col-no3{
		width: 18%;
	}
	.graphic_ex.corr2 table tbody th p, .graphic_ex.corr2 table tbody .td-no2 p{
		/*border-width: .392vw;*/
		border-width: 1.5px;
	}
	.graphic_ex.corr2 table tbody .td-no2 p{
		height: 28px;
		margin-right: 38px;
		line-height: 28px;
	}
	.graphic_ex.corr2 table tbody .td-no2 p:before{ 
		right: -38px;
		margin-top: -21px;
		border-top-width: 21px;
		border-bottom-width: 21px;
		border-left-width: 38px;
	}
	.graphic_ex.corr2 table tbody .td-no2 p:after{
		right: -35.5px;
		margin-top: -19.5px; 
		border-top-width: 19.5px;
		border-bottom-width: 19.5px;
		border-left-width: 34px;
	}
	.graphic_ex.corr3 ul{
		height: 40vw;
		background-image: url(../img/ep/graphic_arrow2.png);
		-webkit-background-size: auto 20vw;
		background-size: auto 20vw;
	}
	.graphic_ex.corr3 ul li{
		width: 26%;
		padding: 1.25rem 0;
	}
	.graphic_ex.corr3 ul li.ex_no1, .graphic_ex.corr3 ul li.ex_no3{
		top: 28%;
	}
	.graphic_ex.corr3 ul li.ex_no2{
		width: 30%;
		left: 50%;
		margin-left: -15%;
	}
	.graphic_ex.corr3 div{
		left: -13vw;
		width: 26vw;
		height: 26vw;
		margin-top: -5%;
		border-width: .8vw;
		line-height: 24.4vw;
	}
}
/* ================== 
 * 		02_희생양극법 소개 
 * ================== */
.graphic_ex.anode1 img{
	display: block;
	max-width: 418px;
}
.graphic_ex.anode2 ul li{
	float: left;
	width: 178px;
}
.graphic_ex.anode2 ul li:first-child{
	padding-right: 130px;
	background-image: url(../img/ep/graphic_arrow3.png);
	background-repeat: no-repeat;
	background-position: right 40px center;
}
.graphic_ex.anode2 ul li p{
	padding: 18px 0;
	padding: 1.125rem 0;
	border: 3px solid #9c9c9c;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}
@media (max-width:768px){
	.graphic_ex.anode1 img{
		max-width: 80%;
	}
	.graphic_ex.anode2 ul li{
		width: 30%;
	}
	.graphic_ex.anode2 ul li:first-child{
		padding-right: 22%;
		-webkit-background-size: 16% auto;
		background-size: 16% auto;
		background-position: right 16% center;
	}
	.graphic_ex.anode2 ul li p{
		padding: 2rem 0;
		border-width: 1.5px;
	}
}
/* ================== 
 * 		03_외부전원법 소개 
 * ================== */
.graphic_ex.icm{
	margin-top: 0;
}
.graphic_ex.icm img{
	display: none;
}
ul.w_proc_list{
	min-height: 486px;
	background-image: url(../img/ep/graphic_ex_icm.jpg);
	background-repeat: no-repeat;
}
ul.w_proc_list li strong{
	display: inline-block;
	width: 148px;
	height: 46px;
	font-size: 14px;
	font-size: .875rem;
	color: #fff;
	line-height: 46px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
} 
ul.w_sub_proc_list li{
	display: table;
	float: left;
	width: 86px;
	height: 56px;
	padding: 0 22px;
	margin-left: -10px;
}
ul.w_sub_proc_list li:first-child{
	margin-left: 0;
}
ul.w_sub_proc_list li p{
	display: table-cell;
	font-size: 14px;
	font-size: .875rem;
	letter-spacing: -.5px;
	letter-spacing: -.03125rem;
	line-height: 1.4;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
ul.w_sub_proc_list li p.point{
	font-family: 'noto medium';
	color: #0296cd;
}

ul.w_proc_list li strong.flL{
	margin-top: 43px;
}
ul.w_sub_proc_list_v2{
	float: left;
}
ul.w_sub_proc_list_v2 li{
	float: none;
	width: 190px;
	margin-top: 20px;
	margin-left: 0;
	padding: 0 20px;
}
ul.w_sub_proc_list_v2 li:first-child{
	margin-top: 0;
}

ul.w_proc_list_v2{
	min-height: 56px;
	background-image: url(../img/ep/graphic_ex_icm2.jpg);
	background-repeat: no-repeat;
}

.graphic_ex.icm3{
	margin-top: 20px;
	margin-top: 1.25rem;
}
.graphic_ex.icm3>p{
	float: left;
	margin-right: 10px;
	padding: 13px 0;
	padding: .8125rem 0;
	font-size: 14px;
	font-size: .875rem;
}
.graphic_ex.icm3 ul{
	float: left;
}
.graphic_ex.icm3 ul li{
	float: left;
	width: 148px;
	padding-left: 55px;
	background-image: url(../img/ep/arrow.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.graphic_ex.icm3 ul li:first-child{
	padding-left: 0;
	background: none;
}
.graphic_ex.icm3 ul li p{
	padding: 13px 0;
	padding: .8125rem 0;
	border: 3px solid #9c9c9c;
	font-size: 14px;
	font-size: .875rem;
	text-align: center;
	white-space: nowrap;
}
@media (max-width:768px){
	.graphic_ex.icm img{
		display: block;
	}
	.graphic_ex.icm ul{
		display: none;
	}
	/*
	ul.w_proc_list{
		min-height: auto;
		height: 58.671vw;
		-webkit-background-size: contain;
		background-size: contain;
	}
	ul.w_proc_list li strong{
		width: 17.862vw;
		height: 5.476vw;
		line-height: 5.476vw;
	}
	
	ul.w_sub_proc_list li{
		width: 10.692vw;
		height: 6.65vw;
		margin-left: -1.304vw;
		padding: 0 2.478vw;
	}
	ul.w_sub_proc_list.mt20{
		margin-top: 2.347vw !important;
	}
	ul.w_proc_list_v2{
		min-height: 7vw;
	}
	*/
	.graphic_ex.icm3>p{
		width: 14%;
		margin-right: 0;
	}
	.graphic_ex.icm3 ul{
		width: 86%;
	}
	.graphic_ex.icm3 ul li{
		width: 26%;
		padding-left: 4%;
		background-position: 4% center;
		-webkit-background-size: 15% auto;
		background-size: 10% auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.graphic_ex.icm3 ul li:first-child{
		width: 22%;
	}
	.graphic_ex.icm3 ul li p{
		border-width: 1.5px;
	}
	.graphic_ex.icm3 img{
		display: block;
		width: 72%;
		margin: 0 auto;
	}
}
/* ================== 
 * 		05_전기방식 관련규격 
 * ================== */
.standards_box ul li{
}
.standards_box ul li strong{
	display: block;
	margin-top: 36px;
	margin-top: 2.25rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
.standards_box ul li:first-child strong{
	margin-top: 0;
}
.standards_box ul li p{
	padding-left: 8px;
	text-indent: -8px;
	margin-top: 5px;
	margin-top: .3125rem;
	font-family: 'noto light';
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5;
	letter-spacing: -.5px;
	letter-spacing: -.03125rem;
}
.standards_box ul li p:before{
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 4px;
	background: #252525;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
}
/*
ul.w_proc_list li strong{
	display: inline-block;
	width: 148px;
	padding: 13px 0;
	padding: .8125rem 0;
	border: 3px solid #0296cd;
	font-size: 14px;
	font-size: .875rem;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
} 
ul.w_sub_proc_list li{
	position: relative;
	display: table;
	float: left;
	width: 130px;
	height: 56px;
	padding: 0 22px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.w_sub_proc_list li:before, ul.w_sub_proc_list li:after{
	content: '';
	position: absolute;
	top: 0;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
}
ul.w_sub_proc_list li:before{
	left: 0;
	border-top: 28px solid #9c9c9c;
	border-bottom: 28px solid #9c9c9c;
	border-left: 22px solid transparent;
}
ul.w_sub_proc_list li:after{
	right: 0;
	border-top: 28px solid transparent;
	border-bottom: 28px solid transparent;
	border-left: 22px solid #9c9c9c;
}
ul.w_sub_proc_list li p{
	position: relative;
	display: table-cell;
	border: 3px solid #9c9c9c;
	font-size: 14px;
	font-size: .875rem;
	letter-spacing: -.5px;
	letter-spacing: -.03125rem;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
ul.w_sub_proc_list li p.point{
	font-family: 'noto medium';
	color: #0296cd;
}
ul.w_sub_proc_list li p:before, ul.w_sub_proc_list li p:after{
	content: '';
	position: absolute;
	z-index: 2;
	display: block;
	width: 0;
	height: 0;
}
ul.w_sub_proc_list li p:before{
	left: -19px;
	top: 0;
	border-top: 25px solid #fff;
	border-bottom: 25px solid #fff;
	border-left: 20px solid transparent;
}
ul.w_sub_proc_list li p:after{
	right: -21px;
	top: -1px;
	border-top: 26px solid transparent;
	border-bottom: 26px solid transparent;
	border-left: 21px solid #fff;
}
ul.w_sub_proc_list li[data-idx="1"]{
	left: -11px;
}
ul.w_sub_proc_list li[data-idx="2"]{
	left: -22px;
}
ul.w_sub_proc_list li[data-idx="3"]{
	left: -33px;
}
ul.w_sub_proc_list li[data-idx="4"]{
	left: -44px;
}
ul.w_sub_proc_list li[data-idx="5"]{
	left: -55px;
}
ul.w_sub_proc_list_v2 li:before, ul.w_sub_proc_list_v2 li p:before{
	display: none;
}
*/



@media (min-width:769px){
	.gnb_wrap{
		padding-top: 0 !important;
	}
}
@media(max-width:768px){
	#wrapper{
		position: relative;
		min-width: 320px;
		height: 100%;
	}
	.cover{
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5000;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
	}
	.cover.on{
		display: block;
	}
	.top_hd{
		display: none;
	}
	.main_hd{
		border-bottom: 0;
	}
	.main_hd .container{
		position: static;
	}
	.logo{
		position: relative;
		z-index: 8000;
		width: 60%;
		padding: 1.5rem 0;
		margin: 0;
		background: #fff;
	}
	.logo.on{
		border-bottom: 1px solid #b9b9b9;
	}
	.logo a{
		display: block;
		margin-left: 1.5rem;
	}
	.logo img{
		height: 3rem;
	}
	.gnb_wrap{
		overflow: auto;
		position: absolute;
		left: -60%;
		top: 0;
		z-index: 7999;
		width: 60%;
		height: 100%;
		padding-top: 6rem;
		background: #fff;
		-webkit-transition: left .3s;
		transition: left .3s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.gnb_wrap.on{
		left: 0 !important;
	}
	.gnb{
		position: static;
	}
	.ct_list{
		text-align: left;
	}
	.ct_list>li{
		display: block;
		margin: 0 3.90625vw !important;
		border-bottom: 1px solid #b9b9b9;
	}
	.ct_list>li>a{
		position: relative;
		padding: 1.25rem 0;
		border-bottom: 0 !important;
		font-size: 1.3rem;
		color: #000;  
	}
	.ct_list>li>a:after{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		width: 3.125vw;
		height: 3.125vw;
		margin-top: -1.5625vw;
		background: url(../img/ico_arrow.png) no-repeat right center;
		-webkit-background-size: contain;
		background-size: contain;
		-webkit-transition: transform .3s;
		transition: transform .3s;
	}
	.ct_list>li.active>a:after{
		-webkit-transform:rotate(45deg);
		transform:rotate(90deg);
	}
	.ct_sub_list{
		display: none;
		position: static;
		height: auto;
		line-height: 1;
		text-align: left !important;
		padding-left: 0 !important;
	}
	.ct_sub_list li{
		display: block;
	}
	.ct_sub_list li a{
		display: block;
		padding: 1rem;
		font-size: 1.1rem;
		height: auto;
		line-height: 1;
	}
	.sub_bg{
		display: none;
	}
	.btn_menu{
		display: block;
		height: 1.875rem;
		position: absolute;
		top: 2.0625rem;
		right: 1.5rem;
		z-index: 9999;
		cursor: pointer;
	}
	.btn_menu img{
		max-height: 100%; 
	}
	.m_aside{
		display: block;
		margin: 0 3.90625vw !important;
		padding-bottom: 1.25rem;
	}
	.side_menu_list{
		margin-top: 1.5rem;
		font-size: 0;
		text-align: center;
	}
	.side_menu_list li{
		display: inline-block;
		vertical-align: middle;
	}
	.side_menu_list li:before{
		content: '|';
		font-size: 1.2rem;
		color: #c8c8c8;
	}
	.side_menu_list li:first-child:before{
		display: none;
	}
	.side_menu_list li a{
		padding: 0 1.25rem;
		font-family: 'noto medium';
		font-size: 1.1rem;
		letter-spacing: -.1rem;
	}
	.addr_list{
		margin-top: 3.75rem;
	}
	.addr_list li{
		padding-left: 3.8rem;
		text-indent: -3.8rem;
		font-size: 1rem;
		letter-spacing: -.1rem;
		line-height: 1.5;
	}
	.addr_list li:nth-child(3){
		margin-top: 1.5rem;
	}
	.addr_list li strong{
		font-family: 'noto medium';
	}
	.contents.index{
		height: auto !important;
		padding-bottom: 2rem;
	}
	.v_tit{
		padding: 2.25rem 0;
		font-size: 1.625rem;
		letter-spacing:; 
	}
	.v_tit strong{
		font-size: 3rem;
	}
	.v_quick_list li{
		float: none;
		width: 100%;
		width: 74.21875vw;
		margin: 1.953125vw auto 0;
	}
	.v_quick_list li:first-child{
		margin-top: 0;
	}
	.v_quick_list li a{
		overflow: hidden;
		width: 100%;
		height: 0;
		padding-top: 29.6875vw;
	}
	.v_quick_list li a img{
		position: absolute;
		left: 0;
		top: -8.333333333vw;
	}
	.v_quick_list li a p{
		height: auto;
		padding: .875rem 0;
		font-size: 1.0625rem;
		line-height: 1;
	}
	.v_para{
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 1.4;
	}
	.v_para span{
		display: block;
	}
	.v_btn_style{
		width: 38vw;
		height: auto;
		margin-top: 1.5rem;
		padding: .8rem 0;
		font-size: 1.125rem;
		line-height: 1;
		border-width: .125rem;
	}
	.ct_list2{
		border: 0;
	}
	.view{
		margin: 3.75rem 1.5rem;
	}
	h1.tit_dep1{
		font-size: 1.625rem;
	}
	h2.tit_dep2{
		font-size: 1.25rem;
	}
	h3.tit_dep3{
		font-size: 1.125rem;
	}
	.view .para, ul.normal_list li, ol.number_list li{
		font-size: 1rem;
	}
	
	.lnb{
		position: static;
		margin-left: 0;
	}
	.lnb:after{
		content: '';
		display: block;
		clear: both;
	}
	.lnb li:first-child a{
		border-left: 0;
	}
	.lnb.col-1 li{
		width: 100%;
	}
	.lnb.col-2 li{
		width: 50%;
	}
	.lnb.col-3 li{
		float: left;
		width: 33.333333% !important;
	}
	.lnb.col-3 li:nth-child(4) a{
		border-left: 0;
	}
	.lnb.electric{
		border-bottom: 1px solid #c8c8c8;
	}
	.lnb.electric li:nth-child(4) a, .lnb.electric li:nth-child(5) a{
		border-bottom: 0;
	}
	.lnb.electric li:nth-child(5){
		border-right: 1px solid #c8c8c8;
	}
	.lnb li{
		margin-left: 0;
	}
	.lnb li a{
		display: block;
		height: 3.125rem;
		padding: 0;
		border-left: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
		font-size: 1rem;
		line-height: 3.12rem;
		vertical-align: top;
	}
	.lnb li.active a{
		background: #0296cd;
		border-bottom: 1px solid #0296cd;
		color: #fff;
	}
	.bnr{
		padding-top: 39.0625%;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.bnr img{
		display: none;
	}
	.bnr p{
		font-size: 5.2vw;
	}
	.bnr.company{
		background-image: url(../img/banner/bnr_company.jpg);
	}
	.bnr.industry{
		background-image: url(../img/banner/bnr_industry.jpg);
	}
	.bnr.product{
		background-image: url(../img/banner/bnr_product.jpg);
	}
	.bnr.electric{
		background-image: url(../img/banner/bnr_electric.jpg);
	}
	.bnr.online{
		background-image: url(../img/banner/bnr_online.jpg);
	}
	.path{
		display: none;
	}
	.added{
		padding-left: 1.2rem;
		font-size: .75rem;
		text-indent: -1.2rem;
	}
	.intro span{
		font-size: 1.25rem;
	}
	.cto_greeting{
		background: none;
	}
	.cto_greeting .goal{
		font-size: 1.25rem;
	}
	.cto_greeting .goal strong, .intro strong{
		font-size: 1rem;
	}
	.cto_greeting .para, .intro .para{
		margin-top: 2rem;
	}
	.cto_greeting .para br, .intro .para br{
		display: none;
	}
	.cto_greeting .area .para_box{
		/*float: left;*/
		/*width: 58%;*/
	}
	.cto_greeting .area .thumb{
		display: block;
		width: 38%;
		float: right;
		margin-top: 2rem;
	}
	.cto_greeting .area .thumb img{
		width: 100%;
	}
	.cto_greeting .thumb_bg .para:nth-child(1), .cto_greeting .thumb_bg .para:nth-child(2){
		width: 50%;
	}
	.prd_list{
		width: 100%;
		margin: -2rem 0 0 -1rem;
	}
	 .prd_list li{
	 	width: 50%;
	 	padding: 2rem 0 0 1rem;
	 	-webkit-box-sizing: border-box;
	 	box-sizing: border-box;
	 }
	 .prd_list_v2{
	 	margin-left: 0;
	 }
	 .prd_list_v2 li{
	 	float: none;
	 	width: 70%;
	 	padding-left: 0;
	 }
	 .prd_list_v2 li .num{
	 	width: 30%;
	 	font-size: 3rem;
	 }
	 .prd_list_v2 li p{
	 	padding-left: 30%;
	 }
	 .prd_list_v4{
	 	margin: -.5rem 0 0 -.5rem;
	 }
	 .prd_list_v4 li{
	 	padding: .5rem 0 0 .5rem;
	 }
	 div.hsci_img{
	 	width: auto;
	 	margin: 2rem 0;
	 }
	 div.hsci_img img{
	 	max-width: 100%;
	 }
	/* ================== 
	 * 		등록증 
	 * ================== */
	.regi_list{
		width: 100%;
		margin: -2.1875rem 0 0 -.625rem;
	}
	.regi_list li{
		width: 33.333333%;
		padding: 2.1875rem 0 0 .625rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.regi_list li:nth-child(3n + 1) {
		clear: left;
	}

	.regi_list li img{
		width: 100%;
		border-width: .375rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.regi_list li p{
		font-size: 1rem;
	}
	/* ================== 
	 * 		오시는 길 
	 * ================== */
	.directions {
		display: block;
		margin-left: 0;
	}
	.directions li{
		width: 100%;
		padding-left: 0;
		margin-top: 4rem;
	}
	.directions li:first-child{
		position: static;
		margin-top: 0;
	} 
	.directions li>div#map{
		height: 90vw;
	}
	.directions li h2{
		width: 18%;
		min-width: 80px;
		height: 24px;
		border-width: .125rem;
		font-size: 1.0625rem;
		line-height: 24px;
	}
	/* ================== 
	 * 		사업분야_전기방식 공사 
	 * ================== */
	.elec_list{
		margin: -2.1875rem 0 0 -.625rem;
	}
	.elec_list li{
		float: left;
		width: 50%;
		padding: 2.1875rem 0 0 .625rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.elec_list li p{
		font-size: 1rem;
		height: 3.6rem;
	}
	footer{
		/*padding: 1.125rem 0;*/
		padding: 1.953125vw;
	}
	footer address .info{
		display: none;
	}
	footer address .copy{
		font-size: .833333rem;
	}
}