@import url("rev2_slidebanner.css");
@import url("main_rev2.css");
@import url("company_rev2.css");
@import url("industry_rev2.css");
@import url("product.css");
@import url("career_rev2.css");
@import url("welding_rev2.css");
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700');
/*******************************************************************************
  html default 속성
*******************************************************************************/
html {height:100%; margin:0; padding:0;}
body {font-family: Dotum, '돋움', Verdana;font-size:9pt; height:100%; scrollbar-face-color:#e5e5e5; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #DDDDDD; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #DDDDDD; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #ffffff; margin:0; padding:0;}
img {border:0;}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0px; padding:0; vertical-align:baseline; color:#666;}
table {border-collapse:collapse;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block; margin:0; padding:0; vertical-align:baseline; font-size:12px; font-family:NanumGothic,"나눔고딕","Malgun Gothic",Apple-Gothic,Dotum,"돋움",Arial,Helvetica;}
fieldset {border:none;}
em {font-style:normal;}
noparagraph {font-weight:900;}
section, li, article {font-size:15px; font-family:NanumGothic,"나눔고딕","Malgun Gothic",Apple-Gothic,Dotum,"돋움",Arial,Helvetica;}
select {font-size:12px; color:#202020;}
textarea{width:100%; border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='image')?'':'1px solid #c2c2c2' ); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#202020; }
li{list-style:none;}
ul{list-style:none;}
a {text-decoration:none; cursor:pointer; color:#202020;}
a:hover {cursor:pointer; color:#333; text-decoration:underline;}
hr {border:0; visibility:hidden; clear:both; width:100%;}

/*******************************************************************************
  input, button 정렬
*******************************************************************************/
input{border:1px solid #b9bccf; font-family:Dotum, verdana,Gulim,AppleGothic,sans-serif; color:#202020; vertical-align:middle;}
.btn_align {width:100%;margin:10px 0 10px 0}
.btn_lt{float:left;margin:0 0 5px 0}
.btn_rt{float:right;margin:0 0 5px 0}

/*******************************************************************************
  기타 속성
*******************************************************************************/

.clearfx{zoom:1;}
.clearfx:after{content:'';display:block;font-size:0;height:0px;line-height:0;clear:both;}

/*******************************************************************************
 두께 컬러 속성
*******************************************************************************/

.highlight{font-weight:bold}
.grey33{color:#333}


/*******************************************************************************
  margin 속성
*******************************************************************************/

.mt03{margin:3px 0 0 0}
.mt10{margin:10px 0 0 0}
.mt15{margin:15px 0 0 0}
.mt20{margin:20px 0 0 0}
.mt30{margin:30px 0 0 0}
.mt40{margin:40px 0 0 0}
.mt50{margin:50px 0 0 0}
.mt60{margin:60px 0 0 0}

/*******************************************************************************
  layout
*******************************************************************************/

#container{position:relative;width:1280px;left: 50%;margin-left: -640px}
#top{width;100%;height:98px;}
/*#top{width;100%;height:98px;background:url('/images/rev2/topbg.png') 0 0 repeat;}*/
#body{width;100%;font-family: Dotum, '돋움', Verdana;font-size:9pt; scrollbar-face-color:#e5e5e5; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #DDDDDD; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #DDDDDD; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #ffffff;}
#foot{width:100%;background-color:#373e43;margin:12px 0 0 0;padding:44px 0 44px 0;clear:both;}
#bodycontents{width:1024px; text-align:left; font-family: Dotum, '돋움', Verdana;font-size:11pt;color:#666; line-height:22px ; margin:50px 0 80px 0;position:relative;width:1024px;left: 50%;margin-left: -512px;}
*html section#container {height:100%;}

/*******************************************************************************
  layout top
*******************************************************************************/
.copyright{width;100%;margin:280px 0 0 0;}
.copyright .scopy{width:100%; height:25px; color:#fff; text-align:center;}

/*top navi 제일 상단 new*/
#top_logo{position:relative;width:1280px;height:98px;left: 50%;margin-left: -640px;}
#top_logo .logo{float:left;width:50%;padding:18px 0 0 0;}

#top_logo .family{float:right;width:50%;height:90px;text-align:right}
#top_logo .family ul{list-style:none; float:left; margin:30px 0 0 0;}
#top_logo .family li{margin-left:0px; float:left;margin:0 40px 0 0}
#top_logo .family img{margin-top:0px; float:left;} 

#top_menu{position:relative;width:1280px;height:37px;left: 50%;margin-left: -640px;}

.top_link{font-face:Helvetica,Arial,"돋움";color:#333;font-size:14pt;margin:20px 0 0 0}
.top_link a{font-face:Helvetica,Arial,"돋움";color:#333;font-size:14pt;}
.top_link a:hover {font-face:Helvetica,Arial,"돋움";font-size:14pt;cursor:pointer; color:#0095da; text-decoration:none;}

.bmenu{width;100%;margin:0 0 0 150px;}
.bmenu .lt{float:left;width:50%;}
.bmenu .rt{float:right;width:50%;margin:6px 0 0 0;}
.bmenu ul{list-style:none; float:left; margin:0 70px 0 0;line-height:20px;}
.bmenu li{margin-left:0px; margin:0 0 0 0;}

.bmenu_stitle{font-face:Dotum;Helvetica,Arial;color:#fff;font-size:13pt; line-height:40px;}
.bmenu_stitle a{font-face:Dotum;Helvetica,Arial;color:#fff;font-size:13pt; line-height:40px;}
.bmenu_stitle a:hover {font-face:Dotum;Helvetica,Arial;color:#ddd;font-size:13pt; line-height:40px; text-decoration:none;}
.bmenu_link{font-face:Dotum;Helvetica,Arial;color:#a7a7a7;font-size:9pt;}
.bmenu_link a{font-face:Dotum;Helvetica,Arial;color:#a7a7a7;font-size:9pt;}
.bmenu_link a:hover {font-face:Dotum;Helvetica,Arial;font-size:9pt;cursor:pointer; color:#ccc; text-decoration:none;}
.bmenu_slink{font-face:Dotum;Helvetica,Arial;color:#666;font-size:9pt;}
.bmenu_slink a{font-face:Dotum;Helvetica,Arial;color:#666;font-size:9pt;}
.bmenu_slink a:hover {font-face:Dotum;Helvetica,Arial;font-size:9pt;cursor:pointer; color:#ccc; text-decoration:none;}

/*******************************************************************************
  layout foot
*******************************************************************************/

/*******************************************************************************
  layout smenu
*******************************************************************************/
#menubg{width;100%;height:111px;background:url('/images/rev2/menu/menuBg.png') 0 0 repeat;}

#smenu_industry{position:relative;width:1238px;left: 50%;margin-left: -619px}
#smenu_industry ul{list-style:none; margin:0 0 0 0;}
#smenu_industry li{float:left}

/*
#smenu_company{position:relative;width:734px;left: 50%;margin-left: -367px}
#smenu_company ul{list-style:none; margin:0 0 0 0;}
#smenu_company li{float:left}
*/


#smenu_company{position:relative;width:1010px;left: 50%;margin-left: -505px}
#smenu_company ul{list-style:none; margin:0 0 0 0;}
#smenu_company li{float:left}


#smenu_products{position:relative;width:1235px;left: 50%;margin-left: -617px}
#smenu_products ul{list-style:none; margin:0 0 0 0;}
#smenu_products li{float:left}


#smenu_welding{position:relative;width:698px;left: 50%;margin-left: -349px}
#smenu_welding ul{list-style:none; margin:0 0 0 0;}
#smenu_welding li{float:left}


#smenu_career{position:relative;width:544px;left: 50%;margin-left: -272px}
#smenu_career ul{list-style:none; margin:0 0 0 0;}
#smenu_career li{float:left}

#smenu_epc{position:relative;width:370px;left: 50%;margin-left: -185px}
#smenu_epc ul{list-style:none; margin:0 0 0 0;}
#smenu_epc li{float:left}


/*******************************************************************************
  layout leftmenu
*******************************************************************************/

#leftmenu{}
#leftmenu{}
#leftmenu ul{list-style:none; margin:18px 0 0 0;}
#leftmenu li{}

/*******************************************************************************
  layout sub
*******************************************************************************/

#titleimg{}

#bodyframe{width:890px;margin:0;}
#bodyframe .lt{float:left;width:190px;}
#bodyframe .rt{float:right;width:670px}

#contents{width:640px;text-align:justify;line-height:18px;margin:0;padding:0;}
#contents .text_s{margin:30px 0 0 0}

#stitle{width:100%;height:18px;margin:15px 0 0 0;}

#stitle .lt{float:left;width:300px;}
#stitle .rt{float:right;text-align:right;width:340px}
#stitle ul{float:left;display:block;margin:0 0 0 0;}
#stitle ul a {text-decoration:none; cursor:pointer; color:#777;}
#stitle ul a:hover {cursor:pointer; color:#000; text-decoration:none;}
#stitle li{float:left; display:inline; color:#777;font-family:dotum, '돋움', sans-serif; font-size:11px;  line-height:11px;background:url(/images/comm/linemap.png) right 50% no-repeat;padding:0 20px 0 4px;}
#stitle .first{float:left; display:inline; color:#777;font-family:dotum, '돋움', sans-serif; font-size:11px;  line-height:11px;background:url(/images/comm/linemap.png) right 50% no-repeat;padding:0 20px 0 0;}
#stitle .last{color:#1594d3;background:none;padding:0 0 0 4px;}
#sdash{width:100%;height:1px;background:url(/images/comm/stitle_dash.png) repeat;margin:19px 0 0 0;}

#sstitle{margin:29px 0 0 0;}
#sscopy{margin:22px 0 0 0;}
#slogan{height:15px;background:url(/images/comm/newslogan.png) right 50% no-repeat;padding:0 0 0 0;}

#sstext{font-face:돋움; font-size:11pt;}

/*******************************************************************************
  title style
*******************************************************************************/
.pagetitle{
	width:100%;
	margin:20px 0 0 0;
	text-align:center; 
	color:#666;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 26pt;
	font-style: normal;
	font-weight:400;
	}
.pagescript{
	width:100%;
	margin:15px 0 0 0;
	text-align:center; 
	line-height:1.6;
	color:#555;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight:400;
	}
.pagestitle{
	width:100%;
	margin:14px 0 0 0;
	text-align:left; 
	color:#333;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight:400;
	}
.pagehighlight{
	width:100%;
	text-align:left; 
	color:#333;
	font-family: 'Nanum Gothic', sans-serif;
	font-style: normal;
	font-weight:700;
	}



/*******************************************************************************
  text style sub
*******************************************************************************/

#text_style01{text-align:justify;font-size:9pt;line-height:1.8;margin:30px 0 30px 0;}
#text_style01 .text_lt{float:left;width:305px;}
#text_style01 .text_rt{float:right;width:305px;}

.text_style02{
	text-align:justify;line-height:1.8;margin:20px 0 50px 0;
	font-family: 'NotoSans';
	font-size: 11pt;
	font-style: normal;
	font-weight: 300;
	src: url(/images/font/notokr-light.eot);
	src: url(/images/font/notokr-light.eot?#iefix) format('embedded-opentype'),
	url(/images/font/notokr-light.woff) format('woff'),
	url(/images/font/notokr-light.ttf) format('truetype');
	}
.text_style02 .text_lt{float:left;width:500px;}
.text_style02 .text_rt{float:right;width:500px;}
.text_style02 .text_rt .scopy{font-size:15pt;font-weight:500}
.text_style02 .text_rt .sscopy{font-size:11pt;font-weight:500}

#text_style03{text-align:justify;font-size:9pt;line-height:1.8;margin:30px 0 30px 0;}
#text_style03 .text_lt{float:left;width:260px;}
#text_style03 .text_rt{float:right;width:350px;}

#text_style04{text-align:justify;font-size:9pt;line-height:1.8;margin:30px 0 30px 0;}
#text_style04 .text_lt{float:left;width:350px;}
#text_style04 .text_rt{float:right;width:260px;}

#text_style05{text-align:justify;font-size:9pt;line-height:1.8;margin:40px 0 30px 0;}
#text_style05 .text_lt{float:left;width:305px;}
#text_style05 .text_rt{float:right;width:305px;}

#text_style06{text-align:justify;font-size:9pt;line-height:1.8;margin:0 0 30px 0;}
#text_style06 .text_lt{float:left;width:305px;}
#text_style06 .text_rt{float:right;width:305px;}

#text_style07{float:left; text-align:justify;font-size:9pt;line-height:1.8;margin:0 0 0 0}
#text_style07 ul{list-style:none; float:left; margin:0;}
#text_style07 li{width:254px;margin-left:0px; float:left;margin:0 0 0 0;}
#text_style07 dt{width:margin-left:0px; margin:0 0 0 0; font-size:20pt; text-align:center;}
#text_style07 dd{width:margin-left:0px; margin:10px 0 0 0; padding:18px; font-size:13pt; text-align:center; letter-spacing:-0.05em}

#text_style08{float:left; text-align:justify;font-size:9pt;line-height:1.8; margin:0 0 0 0}
#text_style08 ul{list-style:none; float:left; margin:0;}
#text_style08 li{font-size:14pt; font-weight:500; float:left; margin:35px 0 0 35px;}
#text_style08 dt{font-size:15pt; font-weight:600; text-align:left;}
#text_style08 dd{font-size:14pt; font-weight:600;}

#text_style09{float:left; text-align:justify;font-size:9pt;line-height:1.8; margin:0 0 0 0}
#text_style09 ul{list-style:none; float:left; margin:0; text-align:left;}
#text_style09 li{font-size:13pt; font-weight:500; text-align:left;}
#text_style09 dt{font-size:15pt; font-weight:600; text-align:left;}
#text_style09 dd{font-size:14pt; font-weight:600;}

.text_style10{
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	width:970px;
	color:#666;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13pt;
	font-style: normal;
	line-height:1.6;
	font-weight:400;
  border-bottom: 1px solid #ccc
	}

.thumbnail{float:left;margin:0 15px 15px 0}
.description{float:left;margin:0 30px 30px 0}
.description2{float:right;margin:30px 0 0 30px}

.info_table2 {
	border-top:1px solid #e1e1e1;
	font-family: 'NotoSans';
	font-size: 10pt;
	font-style: normal;
	font-weight: 300;
	src: url(/images/font/notokr-light.eot);
	src: url(/images/font/notokr-light.eot?#iefix) format('embedded-opentype'),
	url(/images/font/notokr-light.woff) format('woff'),
	url(/images/font/notokr-light.ttf) format('truetype');
	}
.info_table2 tbody tr th {padding:10px; background:#f6f6f9; font-size:11pt; line-height:27px; color:#222222; border-bottom:1px solid #e1e1e1;}
.info_table2 tbody tr td {padding:10px 0 10px 30px; font-size:11pt; line-height:27px; color:#555555; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.info_table2 tbody tr td:last-child {border-right:none;}

.epc_application{
	float:left;
	width:22.7%;
	height:43px;
	border: 1px solid #ccc;
	text-align:center;
	color:#333;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height:2.6;
	font-weight:400;
	}
.epc_application a{text-decoration:none; cursor:pointer; color:#333;}
.epc_application a:hover {cursor:pointer; color:#0000ff; text-decoration:none;}


/* 레이어 팝업*/
.white_content {
	position: fixed;
	z-index:99;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	visibility: hidden;
}

.white_content:target {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.white_content > div {
	position:relative;
	z-index:99;
	top: 20%;
	margin:0 auto;
	width: 424px;
	height: 630px;
	padding: 16px;
	font-size: 18px;
	background-color: #f7f7f7;
	overflow: none;
}
.white_content .visual img {width:424px; height:600px;}
.white_content .close {text-align:right;margin-top:15px;}
.white_content a.btn_close {font-family: 'Nanum Gothic', sans-serif; color:#000; font-weight:700;}
.white_content a.btn_close:hover {color:#FF8000; text-decoration:none;}