/* DEFAULT
============================================== */

@import url("reset.css");


/* webfont */
@font-face {
  font-family: 'RobotoWeb';  font-style: normal;  font-weight: 400;
  src: url(fonts/RobotoWeb.eot);
  src: local('Roboto'), local('Roboto-Regular'), 
  	   url(fonts/RobotoWeb.eot?#iefix) format('embedded-opentype'), 
	   url(fonts/RobotoWeb.woff) format('woff');
}


@font-face {
  font-family: 'RobotoWebM';  font-style: normal;  font-weight: 500;
  src: url(fonts/RobotoWebM.eot);
  src: local('Roboto Medium'), local('Roboto-Medium'), 
  	   url(fonts/RobotoWebM.eot?#iefix) format('embedded-opentype'), 
	   url(fonts/RobotoWebM.woff) format('woff');
}


@font-face{
	font-family: 'NanumBarunGothicWeb'; font-style: normal; font-weight: 400;
	src: url(fonts/NanumBarunGothicWeb.eot);
	src: local('Nanum Barun Gothic'),
		 local('NanumBarunGothic'),
		 url(fonts/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'), 
		 url(fonts/NanumBarunGothicWeb.woff) format('woff');
}



/* COMMON
============================================== */
body, td, select, textarea, input, span, div, p, li, a, label, pre { 
	 font-family:"NanumBarunGothicWeb", "Nanum Barun Gothic", "Malgun Gothic", "Dotum", "Arial", "sans-serf";
}


body {
	font-size: 13px;
	line-height: 1.33;
	color: #505050;
	background: #f6f6f6;
	min-width: 1024px;
}

b { font-weight: bold; }
a { outline: 0; text-decoration: none; color: #0066ff; }

input[type=text] { border: solid 1px #999999; padding: 5px; } 
input[type=password] { border: solid 1px #999999; padding: 5px; } 
input[type=checkbox] { vertical-align: -0.3em;  width: 17px; height: 17px;} 
input[type=file] { height: 28px; }
textarea { border: solid 1px #999999;  resize: vertical; padding: 5px; } 
button { font-family:"NanumBarunGothicWeb"; }
select { height: 25px; }

img[usemap], map area { outline: none; }


/* UTILITIES
============================================== */

.clearfix:before,
.clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/* web font loader - html */

.wf-loading { visibility: hidden; }
.wf-inactive, 
.wf-active { visibility: visible; }


/* LAYOUT
==============================================
#nav
	.container (fixed width, center align )
		ul#nav-quick

#header
	.container
		.logo
		.nav
			ul#nav-main
	.bar

#content
	.container	
		[main content]

#footer
	.container
============================================== */

.container { margin: 0 auto; width: 1024px; text-align: left; }

/* nav
---------------------------------------------- */

#nav { 
	height: 20px; line-height: 19px; 
	border-bottom: 1px solid #cbcbcb; 
	background-color: #464646;
	position: relative; z-index: 5;
}
 
#nav .container { position: relative; }
#nav .container #nav-quick { position: absolute; right: 10px; }

#nav-quick a { 
	display: block; float: left; margin: 0 5px; 
	text-transform: uppercase;
}

#nav-quick a { color: #cfcfcf; font-size: 11px; font-family: "RobotoWeb";}
#nav-quick a:hover { color: #ff6c00; }
#nav-quick .sitemap { display: none; }

/* header
---------------------------------------------- */

#header {
	position: relative; z-index: 4; height: 76px;
	/*border-bottom: 1px solid #cbcbcb;*/
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	background-color: #ffffff; 	
	/*margin-bottom: 32px;*/
}

#header .container { 
	position: relative; top: 0; z-index: 2; 
	height: 108px; overflow: hidden; 
}

#header .bar {
	position: absolute; top: 75px; z-index: 1; width: 100%;
	box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.1);
	background-color: #ececec;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	border-bottom-width: 0; height: 0; 
	line-height: 0; font-size: 0;
	/*border-bottom-width: 1; height: 32px;*/ /* active */
}
#header .container .logo { position: absolute; left: 0; top: 0; }
#header .container .nav { position: absolute; right: 0; top: 0; }

#header #home a { display: block; height: 72px; line-height: 72px; }
#header #home a img { vertical-align: middle; } 

#header #home a img.pc { display: inline-block; }
#header #home a img.mobile { display: none; }

/*#header #home a { 
	display: block; width: 240px; height: 75px; line-height: 75px;
	background: url("layout/logo-header.png") no-repeat; text-indent: -999em;
}*/

#header .nav { background: transparent url("layout/blank.gif"); } /* for IE */

#header .nav ul { overflow: visible; }
#header .nav ul li { position: relative; height: 75px; width: 130px; }
#header .nav ul li, 
#header .nav ul li a { float: left; display: block; }
#header .nav ul li a { 
	text-align: center; white-space: nowrap;
	width: auto; padding: 0 25px; height: 75px; line-height: 75px; 
	font-size: 18px; color: #8c8c8c; 
	font-weight: bold; 
	text-transform: uppercase;
	-webkit-transition: opacity, color 150ms ease-in-out;
	   -moz-transition: opacity, color 150ms ease-in-out;
		 -o-transition: opacity, color 150ms ease-in-out;
			transition: opacity, color 150ms ease-in-out;
}

#header .nav ul li.selected a,
#header .nav ul li a:hover { color: #181818;  }

#header .nav ul li ul { 
	position: absolute; top: 75px; width: auto; height: 32px; overflow: visible; 
}

#header .nav ul li ul li { height: auto; width: auto; }
#header .nav ul li ul li.selected { background: none; height: auto; }

#header .nav ul li ul li a { 
	width: auto; padding: 0 10px; height: 32px; line-height: 37px; 
	font-size: 13px; text-transform: none; font-weight: normal;
	color: #7a7a7a !important; 
}
#header .nav ul li ul li a:hover,
#header .nav ul li ul li.selected a { 
	color: #515151 !important; 
	font-weight: bold; letter-spacing: -0.02em; 
}

#header .nav ul li ul { display: none; }
#header .nav ul li.selected { z-index: 97; height: 108px; }
#header .nav ul li.selected ul { display: block; }
#header .nav ul li.selected ul li ul { display: none; }


/* 1depth menu - apply text image */

#header .nav .gnb-d1 { 
	padding: 0; width: 130px; height: 75px; opacity: 0.5;
	text-indent: -999em; background: url("layout/menu.png") no-repeat 0 0;
}
#header .nav #gnb-d1-1 { background-position: center 0; }
#header .nav #gnb-d1-2 { background-position: center -75px; }
#header .nav #gnb-d1-3 { background-position: center -150px; }
#header .nav #gnb-d1-4 { background-position: center -225px; }
#header .nav #gnb-d1-5 { background-position: center -300px; }

/* 2023.09.11, hoon, 메뉴 추가로 이미지 참조 추가 */
#header .nav #gnb-d1-6 { background-position: center -375px; }

#header .nav li.selected .gnb-d1,
#header .nav li .gnb-d1:hover { opacity: 1; }

/* footer
----------------------------------------------
#footer
	.container
		.content
			p.address
			p.copyright
		.nav
			h3
			ul
				li
					a
---------------------------------------------- */

#footer { 
	border-top: 1px solid #e5e5e5;
	padding: 30px 0 30px;
	/*
	min-height: 150px;
	*/
	min-height: 80px;
	color: #747474;
	clear: both;
}
#footer a { color: #747474; }
#footer a:hover { color: #000000; }

#footer .container { 
	position: relative; min-height: 20px;
	background: url("layout/logo-footer.png") no-repeat 19px 0;
}
#footer .container .content { position: absolute; left: 180px; top: 0; max-width: 600px; }
#footer .container .nav { position: absolute; right: 10px; top: 0; }

#footer .content p { margin-bottom: 0.3em; color: #747474; font-size: 12px; line-height: 1.5; }


#footer .nav { width: 167px; border: 1px solid #cececf; background: #ffffff; }
#footer .nav h3,
#footer .nav a { display: block; height: 31px; line-height: 31px; padding-left: 17px; }
#footer .nav h3 { 
	text-transform: uppercase; font-weight: normal;
	background: url("layout/ic-arrow-down.gif") no-repeat 146px 13px ; 
}
#footer .nav ul { display: none; }
#footer .nav li:hover { background-color: #f6f6f6; }
#footer .nav a { border-top: solid 1px #cececf; }


/* content
---------------------------------------------- */

#content {
	min-height: 480px;
	background-color: #ffffff;
	border-top: 1px solid #cecfcf;
	margin-top: -1px;
	padding-bottom: 25px;
	position: relative;
	z-index: 0;
}



/* SUB CONTENTS
============================================== */

/* sub layout
----------------------------------------------
#content
	.container
		.top-visual
		.aside
		.article
---------------------------------------------- */

#content { }

#content .container { overflow: hidden; }
#content .container .top-visual { width: 100%; margin: 51px auto 52px; }
#content .container .top-visual img { width: 100%; }
#content .container .top-blank { height: 80px; }
#content .container .aside { width: 200px; min-height: 200px; float: left; margin-left: 10px; }
#content .container .article { width: 735px; min-height: 480px; float: left; margin-left: 60px; }



/* sub menu
----------------------------------------------
#content 
	.aside
		.section (.category (.selected))
			.header
				h2
			.menu
				ul
					li (.selected)
						ul
							li (.selected)
								a
---------------------------------------------- */

#content .aside { }

#content .aside .section { }
#content .aside .category { display: none; }
#content .aside .category.selected { display: block; }

#content .aside .header { margin-bottom: 32px; }
#content .aside .header h2 { font-size:28px; color: #3f3f3f; font-weight: bold; text-transform: uppercase; }

#content .aside .menu {}

#content .aside .menu ul { border-bottom: 1px solid #dddddd; }
#content .aside .menu li ul { border-bottom: none; margin: 10px 10px; display: none; }
#content .aside .menu li.selected ul { display: block; }

#content .aside .menu li { border-top: 1px solid #dddddd; }
#content .aside .menu li li { border-top: none; }

#content .aside .menu li a { 
	font-size: 14px; line-height: 20px; padding: 7px 10px; 
	display: block; color: #7d7d7d; background: #ffffff;
	-webkit-transition: color 150ms linear;
	   -moz-transition: color 150ms linear;
		 -o-transition: color 150ms linear;
			transition: color 150ms linear;	
}

#content .aside .menu li a:hover { color: #181818; }
#content .aside .menu li.selected a { 
	color: #ffffff; background: #333333; 
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.34);
}

#content .aside .menu li li a,
#content .aside .menu li.selected li a { 
	font-size: 13px; line-height: 16px; padding: 5px 5px;	
	color: #696969; background: #ffffff;
	box-shadow: none;
}
#content .aside .menu li li.selected a,
#content .aside .menu li li a:hover,
#content .aside .menu li.selected li a:hover { color: #f36f21; }


/* sub article
----------------------------------------------
#content
	.article
		.header
			h2
			.nav
				a
				span
		.section
			h3, h4
			ul
				li
---------------------------------------------- */

#content .article { margin-bottom: 3em;  }

#content .article hr { border: 0; height: 1px; background: #e1e1e1; margin-bottom: 3em; clear: both; }

/*
#content .article .header { margin-bottom: 1.5em; position: relative; }
*/
#content .article .header { margin-bottom: 1.5em; position: relative; }
#content .article .header h2 { 
	color: #3f3f3f; font-size: 28px; letter-spacing: -1px;
	line-height: 1.07; font-weight: bold;
}
#content .article .header .nav { position: absolute; right: 0; top: 5px; }
#content .article .header .nav a,
#content .article .header .nav span { display: block; float: left; color: #6c6c6c; font-size: 11px; }
#content .article .header .nav a { 
	padding-right: 16px; margin-right: 6px; 
	background: url("sub/nav-splitter.gif") right center no-repeat; 
}
#content .article .header .nav a:hover { color: #181818; }

#content .article .section { margin-bottom: 3em; clear: both; position: relative;  }
#content .article .section h3 { 
	font-size: 18px; color: #4e4e4e; font-weight: bold;
	letter-spacing: 0.02em;  margin: 1em 0em 0.5em 0em;
}
#content .article .section h4 { 
	font-size: 13px; font-weight: bold; color: #606060; background-color: #f6f6f6; border: solid 1px #bbbbbb; 
	display: inline-block; padding: 0.4em 1.2em 0.3em 1.2em; border-radius: 1.1em; letter-spacing: 0.03em;
	margin-left: -0.3em; margin-bottom: 0.7em; margin-top: 0.5em;
}

#content .article .section .item h4 { 
	font-size: 16px; font-weight: bold; color: #606060; background: none; border: 0; padding: 0; margin: 0; margin-bottom: 10px;
}

#content .article .section p { margin-bottom: 1em; line-height: 1.5em; letter-spacing: 0.02em; }
#content .article .section strong { color: #5d5d5d; font-weight: bold; }
#content .article .section sup { vertical-align: 0em; font-size: smaller; }
#content .article .section sub { vertical-align: sub; font-size: smaller; }

#content .article .section ul { margin-bottom: 1.5em; }
#content .article .section ul li { padding: 0.3em 0 0.3em 10px; background: url("sub/dot.gif") no-repeat 3px 0.95em; line-height: 20px; }

#content .article .section .overlay-info { position: relative; z-index: 1; }
#content .article .section .diagram { margin-bottom: 1.5em; text-align: center; }

#content .article .section .item { width: 100%; overflow: hidden; clear: both; margin-bottom: 2.5em; }
#content .article .section .item .thumbnail { float: left; margin-right: 25px; }
#content .article .section .item .info { float: left; width: 340px; }

/*내비, 블랙박스, 골프 쪽 제품 */
#content .article .section .item .thumbnail-2 { float: left; margin-right: 0px; }
#content .article .section .item .info-2 { float: left; width: 370px; }
#content .article .section .item .info-2 li { 
	font-size: 13px; padding: 0.1em 0 0.1em 10px; 
	letter-spacing: 0.01em; background-position:  3px 0.8em; 
}

#content .article .section .item h3 { margin-bottom: 0.35em; font-size: 16px; line-height: 22px; }

#content .article .section a.more_go { 
	padding: 0.6em 1.5em; border-radius: 0.45em; 
	background-color: #f87e08; 
	background-image: -webkit-linear-gradient(top, #ff970f, #f87e08); 
	background-image: -ms-linear-gradient(top, #ff970f, #f87e08); 
	background-image: -moz-linear-gradient(top, #ff970f, #f87e08); 
	background-image: linear-gradient(top, #ff970f, #f87e08); 
	color: #ffffff; font-size: 13px;  box-shadow: 0.05em 0.05em 0.05em #d4d4d4;
}

#content .article .section p.mail { font-size: 12px; }
#content .article .section p.mail a { color: #727272; font-size: 12px; }
#content .article .section p.mail a:hover { color: #0a0a0a; text-decoration: underline;}


#content .article .section .more { position: relative; height: 35px; clear: both;  }
#content .article .section .more p.go { position: absolute; left: 350px;  }
#content .article .section .more p.mail { position: absolute; right: 10px; top:2px;}

#content .article .section .pdf-down { position: absolute; top:-7px; right: 0px; }
#content .article .section .pdf-down a { 
	background-color: #ffffff; 
	background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: linear-gradient(top, #ffffff, #f6f6f6); 
	border: solid 1px #c1c1c1; color: #747474;  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	display: block;  font-size: 14px; font-weight: bold;
	padding: 0.5em 1.5em 0.5em 1.5em; border-radius: 0.5em; 
}
#content .article .section .pdf-down a b { color: #f27200; }







/* sub common data table
---------------------------------------------- */

table.data { border-collapse: collapse; }
table.data th,
table.data td { 
	border: solid 1px #d5dce0; 
	padding: 0.87em 1.2em 0.87em; 
	vertical-align: middle; 
}
table.data th { background-color: #e9f1f4; text-align: center; }
table.data td { text-align: center; }
table.data td.left { text-align: left; }
table.data td.center { text-align: center; }
table.data td.right { text-align: right; }
table.data img.icon { vertical-align: middle; }
table.data td ul { margin-bottom: 0 !important; }
/*table.data tbody td:first-child { text-align: center; }*/


/* sub common tab
---------------------------------------------- */

.tab {}

.tab .tab-menu {}

.tab .tab-menu:before,
.tab .tab-menu:after { display: table; content: ""; }
.tab .tab-menu:after { clear: both; }
.tab .tab-menu a { 
	display: block; float: left; margin-left: 3px;
	font-size: 14px; color: #fff; background-color: #c2c7cf;
	height: 36px; line-height: 38px; 
	white-space: nowrap; text-align: center;
}
.tab .tab-menu a:first-child { margin-left: 0; }
.tab .tab-menu a.selected { background-color: #8092ae; }

.tab .tab-content { display: none; }
.tab .tab-content:before,
.tab .tab-content:after { display: table; content: ""; }
.tab .tab-content:after { clear: both; }

.tab .tab-content.selected { display: block; }


/* company / 회사소개
---------------------------------------------- */

.company {}

.company-history #content .container .top-visual,
.company-contact #content .container .top-visual{ margin: 0;  height: 80px;}
.company-history #content .container .top-visual img,
.company-contact #content .container .top-visual img { display: none; }


/* company intro / 회사소개 > 소개 */

.company-intro {}
.company-intro .article .section { text-align: center; }
.company-intro .slogan { background: url("sub/company-about-3.jpg") no-repeat center center; width:100%; height: 122px; text-indent: -999em; }



/* company contact / 회사소개 > 찾아오시는 길 */

.company-contact { }

.contact-info { position: relative; margin-top: 60px; height: 500px;}
.contact-info .adr { position: absolute; top:0; left: 0; z-index: 2; width: 350px;  }
.contact-info .adr b { margin-bottom: 3px; display: inline-block; }
.contact-info .map { position: absolute; top:0; right: 0; z-index: 1;  }
.contact-info em { color: #ff7200; font-weight: bold; }
.contact-info a.go-google {
	padding: 0.6em 1.5em; border-radius: 0.45em; border: solid 1px #a7a7a7;
	background-color: #ffffff; 
	background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); 
	background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1); 
	background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1); 
	background-image: linear-gradient(top, #ffffff, #f1f1f1); 
	color: #232323; font-size: 14px;  box-shadow: 0.05em 0.05em 0.05em #bcbcbc;
}


/* company history / 회사소개 > 연혁 */

.company-history { }

#content .article .history { margin-bottom: 3em; clear: both; }

.history .tab .tab-menu a { width: 24.3%; }

.history .tab-content { margin-top: 72px; padding-left: 315px; min-height: 480px; background: no-repeat; }
.history #tab-content-1 { background-image: url("sub/company-history-1.png?edit=20241025"); }
.history #tab-content-2 { background-image: url("sub/company-history-2.png?edit=20241025"); }
.history #tab-content-3 { background-image: url("sub/company-history-3.png?edit=20241025"); }
.history #tab-content-4 { background-image: url("sub/company-history-4.png?edit=20241025"); }

.history .tab-content dl { padding: 1em 0 0.5em; border-top: solid 1px #e5e7ea; position: relative; }
.history .tab-content dl:first-child { border-top: none; }
.history .tab-content dl dt { position: absolute; left: 1em; top: 1em; width: 50px; }
.history .tab-content dl dd { margin: 0 12px 0 72px;  padding-bottom: 0.5em; }
.history .tab-content dl dd:before,
.history .tab-content dl dd:after { display: table; content: ""; }
.history .tab-content dl dd:after { clear: both; }
.history .tab-content dl dd b { display: block; float: left; width: 10%; }
.history .tab-content dl dd p { display: block; float: left; width: 90%; }


/* business / 사업영역
---------------------------------------------- */

.business {}


/* business system / 사업영역 > 시스템 */

.business-system {}


	/* ---- business system system-intro / 사업영역 > 시스템 > 시스템 사업 */

	.business-system-intro {}


	/* ---- business system system-1 / 사업영역 > 시스템 > 소형 스펙트럼 분석기 */

	.business-system-1 {}
	.business-system-1 .diagram-3 { margin-top: -150px; }
	.business-system-1 .diagram-4 { margin-top: -150px; }


	/* ---- business system system-2 / 사업영역 > 시스템 > 불요파 검출 및 방향탐지 솔루션 */

	.business-system-2 {}


	/* ---- business system system-3 / 사업영역 > 시스템 > RF 감시장치 솔루션 */

	.business-system-3 {}
	.business-system-3 .diagram-1 { margin-top: -205px; }
	.business-system-3 .diagram-2 { margin-top: -10px; }	


	/* ---- business system system-4 / 사업영역 > 시스템 > 전파 차단 솔루션 */

	.business-system-4 {}


	/* ---- business system system-5 / 사업영역 > 시스템 > 중계기 */

	.business-system-5 {}


	/* ---- business system system-6 / 사업영역 > 시스템 > 원격 감시 제어 솔루션 */

	.business-system-6 {}


/* business navigation / 사업영역 > 내비게이션 */

.business-navigation {}


/* business blackbox / 사업영역 > 블랙박스 */

.business-blackbox {}


/* business golf / 사업영역 > 골프거리측정기 */

.business-golf {}




/* recruit / 채용정보
---------------------------------------------- */

/* recruit intro / 채용정보 > 인재상 */

.recruit-intro { }

.recruit-intro .diagram-1 { }
.recruit-intro #content .article .section .diagram-1 { margin-bottom: -250px; }

#content .article .section .recruit-talent { z-index: 1; display: inline-block; }
#content .article .section .recruit-talent li { 
	float: left; margin-right: 75px; margin-top: 40px;  width: 320px; background: none;
}
#content .article .section .recruit-talent li:nth-child(2n) { margin-right: 0; }
#content .article .section .recruit-talent li img { float: left; width: 115px; }
#content .article .section .recruit-talent li h3 { 
	margin-top: 20px; font-size: 21px; line-height: 25px; font-weight: normal;
} 
#content .article .section .recruit-talent li p { 
	clear: both; padding-top: 10px; 
} 


/* recruit personnel / 채용정보 > 인사제도 */

.reruit-personnel {}


/* recruit welfare / 채용정보 > 복리후생 */

#content .article .section .welfare { border: solid 1px #dedede; padding: 20px; }
#content .article .section .welfare li { 
	background: none; margin-top: 15px; clear: both; 
	display: inline-block; font-size: 12px; line-height: 18px; 
	position: relative; min-height: 36px;
}
#content .article .section .welfare li:first-child { margin-top: 0; } 
#content .article .section .welfare li .ico { position: absolute; left: 0; top: 0;  }
#content .article .section .welfare li .con { margin-left: 40px; } 
#content .article .section .welfare h4 { 
	font-size:14px; padding: 0; margin: 0; background: none; border: 0; display:block;  
}


/* recruit notice / 채용정보 > 채용공고 */

.reruit-notice {}


/* recruit apply / 채용정보 > 입사지원 */

.reruit-apply {}



/* invest / 투자정보
---------------------------------------------- */

.invest {}


/* invest intro / 투자정보 > 재무정보 */
.invest-intro {}


/* invest info / 투자정보 > 공시정보 */
.invest-info {}


/* invest stock / 투자정보 > 주식정보 */
.invest-stock {}


/* invest notice / 투자정보 > 전자공고 */
.invest-notice {}



/* ESG 
---------------------------------------------- */

.esg {}

/* esg intro / ESG > Environment */
.esg-intro {}


/* esg info / ESG > Environment */
.esg-environment {}


/* esg esg / ESG > Social */
.esg-social {}


/* esg social / ESG > Social */

#content .article .section .social { border: solid 1px #dedede; padding: 20px; }
#content .article .section .social ol {
    list-style-type: decimal;
    display: block;
    margin-top: 1em; margin-bottom: 1em;
    margin-left: 0; margin-right: 0;
    padding-left: 10px;
}
#content .article .section .social li { 
	background: none; margin-top: 15px; clear: both; 
	/*display: inline-block;*/ font-size: 14px; line-height: 18px; 
	position: relative; min-height: 36px;
	font-weight: bold;
}
#content .article .section .social li:first-child { margin-top: 0; }
/* 
#content .article .section .social li .ico { position: absolute; left: 0; top: 0;  }
*/
#content .article .section .social li .con { margin-left: 5px; font-weight: normal; } 
#content .article .section .social h4 { 
	font-size:14px; padding: 0; margin: 0; background: none; border: 0; display:block;  
}


/* esg governance / ESG > Governance */
.esg-governance {}





/* BOARD / 게시판
============================================== */

.board { }


.board .search { height: 40px; float: right; }
.board .search select,
.board .search input[type=text],
.board .search button { 
	vertical-align: top; padding: 0; margin-left: 2px;
	line-height: 27px; height: 27px; font-size: 13px; 
}
.board .search select { padding-left: 0.17em; }
.board .search input[type=text] { line-height: 25px; height: 25px; width: 16em; padding-left: 0.33em; }
.board .search button { background-color: #656565; border: 0; width: 100px; cursor: pointer; color: #ffffff; }
.board .search button::-moz-focus-inner { border: 0; padding: 0; }

.board a { color: #6c6c6c; }
.board a:hover { color: #e75e13; text-decoration: underline; }

.board table { width: 100%; border-top:solid 2px #787878;  border-bottom:solid 1px #787878; clear: both; }
.board th {
	font-weight:bold; padding: 10px 0px; line-height: 20px; height: 20px; 
	background-color: #f3f3f3; border-bottom:solid 1px #787878; text-align: center;
} 
.board td { text-align: center; padding: 1em 0.1em 1em 0.1em; line-height: 20px;  }
.board tbody tr { border-bottom:solid 1px #cecece; }
.board tbody tr:last-child { border-bottom:solid 0px #cecece; }
.board td.tit { text-align: left; padding: 1em; }

.board .view tr { border-bottom:solid 0px #cecece; }
.board .view th { text-align: left; padding: 20px 20px; border-bottom:solid 0px #787878; } 
.board .view th .tit { display: block; font-size: 15px; width: 520px; float: left; }
.board .view th .date {  font-weight: normal; margin-left: 30px; font-size: 11px; }
.board .view th .count { font-weight: normal; margin-left: 10px; font-size: 11px; }
.board .view td { text-align: left; padding: 40px 20px; line-height: 22px; }

.board .write tr { border-bottom:solid 1px #cecece; }
.board .write th { vertical-align: middle; letter-spacing: 0.05em; text-align: left; padding: 1em 0 1em 1em; border-bottom:solid 0px #787878; background: none; }
.board .write td { text-align: left; padding: 1em 0 1em 0; line-height: 22px; }
.board .write td .popup-write dl { display: inline-block; }
.board .write td .popup-write dt { float: left; width: 97px; padding-left: 1em; font-weight: bold; }
.board .write td .popup-write dd { height: 35px; width: 600px; } 

.board .view-pre-next-box  {   }
.board .view-pre-next-box table { width: 100%; border-top:solid 0px #787878; }
.board .view-pre-next-box tr { border-bottom:solid 1px #cecece; }
.board .view-pre-next-box tr:last-child { border-bottom:solid 0px #cecece; }
.board .view-pre-next-box th { border-bottom:solid 0px #cecece; }
.board .view-pre-next-box td { text-align: left; padding-left: 20px; border-bottom:solid 0px #cecece; } 

.board .paging { clear:both; padding:30px 0; text-align:center; }
.board .paging  a { 
	display:inline-block; overflow:hidden; text-decoration: none;
	width:28px; height:25px; line-height:28px; color:#999999; 
	font-size:11px; font-weight:bold; text-align:center; border:1px solid #d8d8d8; 
}
.board .paging  a:hover { border:1px solid #adadad;  } 
.board .paging  a.current { color:#ffffff; font-weight:bold; border:1px solid #6b6b6b; background:#6b6b6b; }
.board .paging  span.num-box { margin:0 10px;}
.board .paging  a.first, 
.board .paging  a.prev, 
.board .paging  a.next, 
.board .paging  a.last { 
	font-family: 'Tahoma'; font-size:8px; color: #808080; width:28px; height:25px; line-height:23px; 
	border:1px solid #e7e7e7; background:#e7e7e7;
}
.board .paging  a.first:hover, 
.board .paging  a.prev:hover, 
.board .paging  a.next:hover, 
.board .paging  a.last:hover {  border:1px solid #adadad;  }

.board .btn_area { margin-top: 20px; text-align: right; position: relative; }
.board .btn_area button { 
	background-color: #656565;
	background-image: -webkit-linear-gradient(top, #8b8b8b, #656565); 
	background-image: -ms-linear-gradient(top, #8b8b8b, #656565); 
	background-image: -moz-linear-gradient(top, #8b8b8b, #656565); 
	background-image: linear-gradient(top, #8b8b8b, #656565); 
	border: 0; width: 100px; height: 35px; line-height: 33px; font-size: 14px;
	border: solid 1px #656565;
	cursor:pointer; color: #ffffff; vertical-align: 0.01em; 
} 
.board .btn_area button.cancle { 
	background-color: #e5e5e5; 
	background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5); 
	background-image: -ms-linear-gradient(top, #ffffff, #e5e5e5); 
	background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5); 
	background-image: linear-gradient(top, #ffffff, #e5e5e5); 
	border: solid 1px #b7b7b7; color: #555555; 
} 
.board .btn_area button.modi { 
	background-color: #e5e5e5; 
	background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5); 
	background-image: -ms-linear-gradient(top, #ffffff, #e5e5e5); 
	background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5); 
	background-image: linear-gradient(top, #ffffff, #e5e5e5); 
	border: solid 1px #b7b7b7; color: #f14a00; 
} 

.board td .employ table { border: 0; margin-top: 10px; }
.board td .employ th { text-align: center; font-size: 12px; color: #30445d; padding: 3px 0 3px 0; background-color:#e6f3fa; border:solid 1px #b4c1c7;  } 
.board td .employ td { margin: 0; height: 20px; padding: 10px; border:solid 1px #b4c1c7; }
.board td .employ td.thin { padding: 3px 0 3px 10px; }  


.employ-ing, .employ-per, .employ-end {
	font-size: 11px; color: #ffffff; display: block; width: 55px; text-align: center;
	padding: 0.05em 0em 0.03em 0em; border-radius: 1em; letter-spacing: -0.02em; margin: 0 auto;
}
.employ-ing { background-color: #ff8000; }
.employ-per { background-color: #585858; }
.employ-end { background-color: #ababab; }


.employ { position: relative; margin-bottom: 20px; width: 100%; }
.employ select { height: 25px; }
.employ dl { display: inline-block; /*margin-bottom: 40px;*/ } 
.employ dt { float: left; width: 85px; font-weight: bold; height: 30px; line-height: 30px; padding-left: 8px; background: url("sub/dot.gif") no-repeat left 13px; }
.employ dd { float: left; width: 600px; height: 35px; line-height: 30px; color: #313131; }

.employ dt.dt-large { width: 150px; }
.employ dd.dt-large { width: 500px; }


.employ .detail { margin-top: 12px; }
.employ .detail dl, .employ .detail dd { width: 195px; display: inline-block; } 
.employ .detail dl { float: left; margin-right: 11px ; margin-bottom: 10px;  }
.employ .detail dl:last-child { margin-right: 0px; }
.employ .detail dt { width: 199px; background:none; background-color: #727272; height: 27px; text-align: center; color: #ffffff; font-weight: bold; }
.employ .detail dd { float: left; height: auto; }


.employ .btn_apply {  position: absolute; top:10px; right: 20px; }
.employ .btn_apply a { 
	font-size: 20px;  color: #ffffff; background-color: #ff8000; display: inline-block;  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	padding: 0.8em 1.5em 0.7em 1.5em; border-radius: 0.5em; letter-spacing: -0.02em; margin-top: 30px; text-decoration: none;
}

.employ .btn_apply_small {  }
.employ .btn_apply_small a { 
	font-size: 13px;  color: #ffffff; background-color: #ff8000; display: inline-block;  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	padding: 0.05em 0.5em 0.05em 0.5em; border-radius: 0.3em; letter-spacing: -0.02em; margin-left: 30px; text-decoration: none;
}

.employ .ex { font-size: 12px; color: #b97539; } 
.employ .ex-g { font-size: 12px; color: #707070; } 


.employ .btn-download-form { height: 80px; margin-top: 0px; } 
.employ a.download-form, .employ a.download-form-dev { 
	background-color: #ffffff; 
	background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: linear-gradient(top, #ffffff, #f6f6f6); 
	border: solid 1px #adadad; color: #313131;  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	float: left; width: 280px; display: block;  
	font-size: 14px; font-weight: bold; text-align: center; 
	padding: 1.2em 0em 1em 0em; border-radius: 0.5em; letter-spacing: -0.02em; margin: 0 auto;
}
.employ a.download-form b, .employ a.download-form-dev b { color: #ff6000; }
.employ a.download-form-dev { margin-left: 10px; }


.employ .upload dl { display:block; } 
.employ .upload dt { float: left; width: 120px;  }
.employ .upload dd { float: left; height: 90px;  }

#content .article .section .employ h3 { font-size: 13px; font-weight: bold; }
#content .article .section .employ hr { border: 0; height: 2px; background: #787878; margin: 3em 0 3em 0; clear: both;}
#content .article .section .board .employ hr {  border: 0; height: 1px; background: #e1e1e1; margin: 2.5em 0 2.5em 0; clear: both; }


a.apply-send { 
	font-size: 20px;  color: #ffffff; background-color: #ff8000; display: inline-block;  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	padding: 0.8em 1.5em 0.7em 1.5em; border-radius: 0.5em; letter-spacing: -0.02em; margin-top: 30px; text-decoration: none;
}

.agree-rules { 
	overflow-y: scroll; height: 150px; font-size: 12px;  background-color: #f7f7f7; border: solid 1px #f0f0f0;
	scrollbar-face-color:#d9d9d9;
	scrollbar-track-color:#f7f7f7;
	scrollbar-3dlight-color:#e2e2e2;
	scrollbar-arrow-color:#8c8c8c;
	scrollbar-shadow-color:#d9d9d9;
	scrollbar-highlight-color:#d9d9d9;
	scrollbar-darkshadow-color:#e2e2e2;
}
.agree-rules div { padding: 20px; }




/* ADMIN / 관리
============================================== */

.admin #content .container .top-visual{ margin: 0;  height: 80px;}
.admin #content .container .top-visual img { display: none; }


.admin .job-group-reg { background-color: #777777; display: block; margin-bottom: 30px; }
.admin .job-group-reg div { padding: 13px 25px 10px 25px; display: inline-block; }
.admin .job-group-reg dl { float: left;  }
.admin .job-group-reg dt { margin-right: 10px;  font-weight:bold; color: #ffffff; }
.admin .job-group-reg dt,
.admin .job-group-reg dd  { float: left; height: 30px; line-height: 30px; } 
.admin .job-group-reg dd  { margin-right: 30px; }
.admin .job-group-reg button { 
	float: left;  border:solid 1px #000000; color: #f15500; padding: 0.4em 5.5em 0.4em 5.5em; border-radius: 0.3em; 
	font-weight: bold; cursor:pointer;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #efefef); 
	background-image: -ms-linear-gradient(top, #ffffff, #efefef); 
	background-image: -moz-linear-gradient(top, #ffffff, #efefef); 
	background-image: linear-gradient(top, #ffffff, #efefef); 
}

.admin .board tr:hover { background-color: #f3fafb;  }
.admin .board td button { 
	border:solid 1px #b0b0b0; font-size: 12px; padding: 0 0.5em 0 0.5em; 
	line-height: 20px; cursor:pointer; color: #333333; border-radius: 0.3em; 
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #efefef); 
	background-image: -ms-linear-gradient(top, #ffffff, #efefef); 
	background-image: -moz-linear-gradient(top, #ffffff, #efefef); 
	background-image: linear-gradient(top, #ffffff, #efefef); 
}
.admin .board td button:hover {color: #f15500; } 
.admin .board td button.ok { padding: 0 2.1em 0 2.1em; }

.admin .admin-login { 
	width: auto; margin: 0 auto; margin-top: 100px; border-top:solid 5px #ff8000; 
	border-radius: 1em; border: solid 1px #d1d1d1; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	display: inline-block;
}
.admin .admin-login div { padding: 40px 80px 45px 80px; display: inline-block;} 
.admin .admin-login dl { float: left; width: 250px;  }
.admin .admin-login dt { float: left; width: 70px;  height: 32px; font-size: 13px; line-height: 28px; color: #727272; }
.admin .admin-login dd { float: left; width: 150px; height: 32px; margin-right: 10px;  } 
.admin .admin-login input { width: 150px; }
.admin .admin-login button { float: left;
	border:0; background-color: #ff8000; color: #ffffff; font-size: 14px; font-weight: bold; 
	padding: 1.5em 1.5em 1.5em 1.5em; border-radius: 0.3em;  cursor:pointer;
}
.admin #content .article .section .admin-login h3 { font-size: 21px; text-align: center; color: #727272; margin-bottom: 30px; letter-spacing: -1px; }


/* popup용 */
.popup body { background-color: #464646; min-width: 400px; width: 400px;  margin: 0; height: 0; }
.popup #wrap { border-top:solid 5px #ff8000; background: url("sub/c-logo.png") no-repeat 30px 30px; }
.popup #wrap .con {  padding: 80px 30px 30px 30px; }
.popup #wrap .con h3 { font-size: 31px; letter-spacing: -0.05em;  color: #ffffff; } 
.popup #wrap .con hr { border: 0; height: 1px; background: #696969; margin: 2.5em 0 2.5em 0; clear: both; }
/* .popup #wrap .con p { color: #dedede; font-size: 15px; line-height: 22px;} */
.popup #wrap .con p { color: #dedede; font-size: 15px; line-height: 22px; height: 105px } /* 고정 높이 필요 LSJ*/
.popup #wrap .con .go_btn { text-align: center; }
.popup #wrap .con .go_btn a {
    font-size: 17px;  color: #ffffff; background-color: #ff8000; display: inline-block; 
    padding: 0.8em 2em 0.7em 2em; border-radius: 2em; letter-spacing: 0.03em; margin-top: 30px;
}
.popup #wrap .close { 
    background-color: #7d7d7d; height: 28px; line-height: 28px; font-size: 12px; color: #ffffff; 
    text-align: right; padding-right: 10px;  
}
.popup #wrap .close input[type=checkbox] { vertical-align: -0.43em; } 



/*error*/
.error body { background-color: #ffffff; min-width: 600px; width: 100%;  margin: 0; height: 0; }
.error #wrap { 
    border-top:solid 5px #ff8000; width: 500px; margin: 0 auto; margin-top: 100px; 
    border-radius: 1em; border: solid 1px #d1d1d1; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    background: url("sub/caution.png") no-repeat 40px 27px; padding-left: 90px; 
}
.error #wrap .con { padding: 40px; }
.error #wrap .con h3 { font-size: 30px; letter-spacing: -0.05em;  color: #313131; }
.error #wrap .con p { padding-bottom: 40px; font-size: 15px; line-height: 22px; margin: 15px 0 0 1px; background: url("sub/c-logo.png") no-repeat left bottom; }





/* ENGLISH / 영어 버전
============================================== */

.en body, .en td, .en select, .en textarea, .en input, .en span, .en div, .en p, .en li, .en a, .en label, .en pre {
	font-family: "RobotoWeb", "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serf";
	font-size: 14px;
}

.en #header .nav ul li a { font-size: 19px; }
.en #header .nav ul li ul li a { 
	width: auto; padding: 0 10px; height: 32px; line-height: 36px; 
	font-size: 14px; text-transform: none; font-weight: normal;
	color: #898989 !important; letter-spacing: 0em; 
}
.en #header .nav ul li ul li a:hover,
.en #header .nav ul li ul li.selected a { 
	color: #000000 !important; 
	letter-spacing: 0em; 
}


.en #content .aside .header h2 { font-size: 27px; }
.en #content .aside .menu li a { font-size: 15px; }


.en #content .article .header { margin-bottom: 3em; }
.en #content .article .header .nav { top: 38px; right: auto; left: 2px; }
.en #content .article .header .nav a { background-position: right 5px; }

.en #content .article .header h2 { font-size: 27px; letter-spacing: -0.01em; }
.en #content .article .section h3 { font-size: 19px; color: #2c2c2c; font-weight: normal; font-family: "RobotoWebM", "Roboto", "Helvetica"; letter-spacing: -0.01em; }
.en #content .article .section h4 { font-size: 14px; font-weight: normal; font-family: "RobotoWebM", "Roboto", "Helvetica";   color: #505050; letter-spacing: 0em; padding: 0.2em 1.2em 0.3em 1.2em; }
.en #content .article .section .item h4 { font-size: 17px; font-weight: bold; font-weight: normal; color: #2c2c2c; background: none; border: 0; padding: 0; margin: 0; margin-bottom: 5px; }
.en #content .container .aside { width: 200px; }
.en #content .container .article { margin-left: 60px; }

.en #footer .content { font-size: 0.916em; }

.en #content .article .section .slogan { background: url("../en/i/sub/company-about-3.jpg") no-repeat center center; width:100%; height: 122px; text-indent: -999em; }






/* MOBILE / 모바일
============================================== */  

@media screen and (max-width: 800px) {

/*@media screen and (max-device-width : 800px) {*/

	body { 
		min-width: 320px; 
		-webkit-text-size-adjust: 100%;
		font-size: 15px;
	}

	.container { width: auto; margin: 0 auto; }


	/* nav
	---------------------------------------------- */

	#nav { height: 0; }
	#nav .container #nav-quick { top: 16px; right: 5px; }

	#nav-quick a { 
		color: #b5b5b5; font-size: 13px; padding: 0.3em 1.2em 0.3em 1.2em;
		border: solid 1px #b5b5b5; border-radius: 2em; 
		transition: all 200ms linear;
	}
	#nav-quick a:hover { color: #ff6c00; border-color: #ff6c00; }

	#nav-quick .sitemap { display: block; }
	#nav-quick .contact { display: none; }

	/* sitemap button */

	#nav-quick .sitemap { 
		display: block;
		position: relative;
		width: 24px;
		padding-top: 12px;
		margin-left: -5px;
		height: 20px;
		line-height: 20px;
		border: none;
	}

	#nav-quick .sitemap span, 
	#nav-quick .sitemap span:before, 
	#nav-quick .sitemap span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 3px;
		width: 20px;
		background: white;
		position: absolute;
		display: block;
		content: '';
		background-color: #d4d4d4;
		-webkit-transition: all 200ms ease-in-out;
				transition: all 200ms ease-in-out;
	}

	#nav-quick .sitemap span:before { top: -7px; }
	#nav-quick .sitemap span:after { bottom: -7px; }

	#nav-quick .sitemap:hover span, 
	#nav-quick .sitemap:hover span:before, 
	#nav-quick .sitemap:hover span:after { background-color: #ff6c00; }

	#nav-quick .sitemap.active span { background-color: transparent; }
	#nav-quick .sitemap.active span:before {
		top: 0;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg); 
	}
	#nav-quick .sitemap.active span:after { 
		bottom: 0;
		-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}


	/* header
	---------------------------------------------- */

	#header { height: 120px; }
	#header .bar { display: none; }

	#header .container { overflow: visible; height: 100px; }
	#header .container .logo { position: absolute; width: 50%; }
	#header .container .nav { position: absolute; right: auto; left: 0; top: 70px; width: 100%; }

	#header #home a img { max-width: 222px; height: auto; }
	#header #home a img.pc { display: none; }
	#header #home a img.mobile { display: inline-block; }

	#header .container .nav,
	#header .nav ul { }
	
	/*
	2023.09.06, hoon, esg 메뉴 추가로 width 변경, 인사총무팀 임종원 차장
	#header .nav ul li { width: 25%; height: auto; }
	*/ 
	#header .nav ul li { width: 20%; height: auto; }
	#header .nav ul li ul { width: auto; margin: 0;  }
	#header .nav ul li ul li { width: auto; }

	#header .nav ul li a, #header .nav .gnb-d1 {
		font-size: 20px;
		color: #585858 !important; 
		border-bottom: solid 1px #bfbfbf; 
		width: 100%; padding: 0; letter-spacing: 0;
		height: 50px; line-height: 40px;
		text-indent: 0; background: none; opacity: 1;
	}

	#header .nav ul li ul li,
	#header .nav ul li ul li a { width: auto; float: none; }
	#header .nav ul li ul li a { 
		text-align: left; color: #fff !important;
		font-size: 20px; padding: 0.3em 1.5em 0.25em 1.5em ; 
		margin: 7px 20px 0 20px;
		border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 0.3em;
		background-color: rgba(255, 255, 255, 0.2);
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); 
	    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); 
	    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255,0)); 
	    background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); 
	    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	}
	#header .nav ul li ul li:first-child { margin-top: 20px; }

	#header .nav ul li.selected { position: static; }
	#header .nav ul li.selected a {
		color: #f36f21 !important; 
		height: 47px;
		border-bottom: solid 3px #f36f21;
	}
	#header .nav ul li.selected ul { 
		position: absolute; left: 0; top: 50px; display: none;
		width: 100%; height: auto; background-color: #366cab;
	}	

	#header .nav ul li.selected ul li a { 
		color: #fff !important; 
		font-weight: normal; letter-spacing: 0; 
		border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
		height: 55px; line-height: 55px; 
	}


	#header .nav ul li.selected ul li a:hover {
		background-color: rgba(255, 255, 255, 0);
	}

	#header .nav ul li.selected ul li ul { 
		display: block; position: static; background-color: transparent; 
	}


	#header .nav ul li.selected ul li ul li { 
		margin: 0;	
	}

	#header .nav ul li.selected ul li ul li a:before {
    content: "-"; font-size: 9px;
    color: #ffffff;
    margin-right: 0.5em;
	}

	#header .nav ul li.selected ul li ul li a { 
		border-bottom: none;
		padding: 0.2em 1.5em 0.15em 3em ; font-size: 17px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15); 
		background-color: rgba(255, 255, 255, 0.1);

	}

	#header .nav > ul > li > ul {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	

	#header .nav > ul > li:nth-child(1) > ul { background-image: url("layout/menu-bg-1.jpg"); }
	#header .nav > ul > li:nth-child(2) > ul { background-image: url("layout/menu-bg-2.jpg"); }
	#header .nav > ul > li:nth-child(3) > ul { background-image: url("layout/menu-bg-3.jpg"); }
	#header .nav > ul > li:nth-child(4) > ul { background-image: url("layout/menu-bg-4.jpg"); }
	
	/* 2023.09.11, hoon, 메뉴 추가로 이미지 참조 추가 */
	#header .nav > ul > li:nth-child(5) > ul { background-image: url("layout/menu-bg-1.jpg"); }

	/* 2023.09.11, hoon, 메뉴 추가로 이미지 참조 변경 
	#header .nav #gnb-d1-5 { display: none; }
	*/
	#header .nav #gnb-d1-6 { display: none; }

	/* content
	---------------------------------------------- */

	#content { 	padding-bottom: 0; }

	#content .container { width: 94%; margin: 0 auto; }
	#content .container .top-visual { display: none; }
	#content .container .aside { display: none; }

	.en #content .container .article, 
		#content .container .article { 
		width: 100%; margin-top: 25px; margin-left: 0; margin-right: 0; 
	}

	#content .article hr { margin-bottom: 1.5em; }

	#content .article .header { margin-top: 1em; }
	#content .article .header .nav { display: none; }
	#content .article .header h2 { font-size: 38px; line-height: 35px; font-weight: normal;  margin-bottom: 1em; }
	
	#content .article .section { margin-bottom: 2em; }
	#content .article .section h3 { font-size: 25px; }

	#content .article .section > img,
	#content .article .diagram > img { max-width: 100%; height: auto; }

	#content .article .section .item { margin-bottom: 1.5em; }
	#content .article .section .item .thumbnail, 
	#content .article .section .item .thumbnail-2 { float: left; margin-right: 0; width: 37%; margin-right: 3%; }
	#content .article .section .item .thumbnail img,
	#content .article .section .item .thumbnail-2 img { max-width: 100%; }
	#content .article .section .item .info,
	#content .article .section .item .info-2 { width: 60%; }
	#content .article .section .item .info-2 img { max-width: 100%; }

	#content .article .section h4 { margin-left: 0; }
	#content .article .section a.more_go { font-size: 0.93em; padding: 0.42em 1em 0.33em; }
	#content .article .section .more p.mail { font-size: 0.93em; }	



	/* company history */
	
	.history .tab-content { margin-top: 15px; padding-left: 0; min-height: 0; }
	.history #tab-content-1,
	.history #tab-content-2,
	.history #tab-content-3 { background-image: none; }


	/* company intro */
	.company-intro .slogan { font-size: 16px; font-weight: bold; color: #6d6d6d; background: none; text-indent: 0; width: auto; height: auto; }


	/* company contact */

	.contact-info { position: static; height: 480px; margin-top: 0; }
	.contact-info .adr { width: 37%;  }
	.contact-info .map { width: 60%;  }
	.contact-info .map img { max-width: 100%; }


	/* business system */

	.business-system-1 .diagram-3 { margin-top: -50px; }
	.business-system-1 .diagram-4 { margin-top: -50px; }
	.business-system-3 .diagram-1 { margin-top: -30px; }
	.business-system-3 .diagram-2 { margin-top: 0; }		


	/* recruit intro */

	.recruit-intro .diagram-1 { display: none; }
	#content .article .section .recruit-talent { margin: 0; }
	#content .article .section .recruit-talent li { margin: 0 0 15px; padding: 0; width: 100%; }




	/* footer
	---------------------------------------------- */

	#footer { min-height: 80px; }
	#footer .nav { display: none; }
	#footer .container .content { position: static; padding-top: 25px; margin: 0 20px; }
	#footer .content p { font-size: .93em; }



	/* English version
	---------------------------------------------- */

	.en body, .en td, .en select, .en textarea, .en input, .en span, .en div, .en p, .en li, .en a, .en label, .en pre {
	font-size: 16px;
	}

	.en #header .nav ul li { width: 50%; }
	.en #header .nav ul li.selected ul li a { color: #fff !important; }
	.en #header .nav ul li a { font-size: 20px; }
	.en #header .nav ul li ul li { width: auto; }
	.en #header .nav ul li ul li a {  font-size: 18px; height: 60px; line-height: 60px; }

	.en #content .article .header { margin-bottom: 1.5em; }	
	.en #content .article .section .slogan {  font-size: 17px; font-weight: bold; color: #6d6d6d; background: none; text-indent: 0; width: auto; height: auto;  }


	/* board
	---------------------------------------------- */

	.board .search { }
	.board .search button { width: 60px; }
	.board .search input[type="text"] { width: 120px; }

	.board .view th .tit { width: auto; float: none; }	
	.board .view th .date { display: inline; float: none; margin-left: 0; }
	.board .view th .count { display: inline; float: none; }
	.board .view td { padding: 15px 10px; }

	#content .article .section .employ hr { margin: 1.5em 0; }

	.employ .btn_apply { position: static; top: auto; right: auto; }
	.employ .btn_apply a { margin-top: 0; }

	.employ dl { width: 100%; overflow: hidden; margin-bottom: 20px; }
	.employ dt { clear: left; width: 27%; background-position: left 0.67em; }
	.employ dd { float: left; width: 70%; }
	.employ dt,
	.employ dd { margin-bottom: .5em; line-height: 1.33; height: auto; min-height: 1.67em; }

	.recruit-apply .employ dt { width: 22%; line-height: 30px; background-position: left 13px;  }
	.recruit-apply .employ dd { width: 75%; }

	.employ .ex { display: block; margin-top: 0.5em; }

	.employ .btn-download-form { height: auto; margin-top: 0; margin-bottom: 20px; }
	.employ a.download-form,
	.employ a.download-form-dev { display: block; margin-left: 0; margin-bottom: 0.5em; float: none; }


}


/* Mobile minimum size
---------------------------------------------- */ 

@media screen and (max-width: 500px) {

/*@media screen and (max-device-width : 500px) {*/

	body { font-size: 13px;}

	#nav-quick a { padding: 0.2em 1em 0.3em 1em; }

	#header { height: 100px; }
	#header .container .nav { top: 50px;}
	#header .container .logo { width: 50%; }

	#header #home a { height: 50px; line-height: 50px; }
	#header #home a img { width: 100%; height: auto; }

	#header .nav ul li a, #header .nav .gnb-d1 { font-size: 16px; line-height: 50px; }
	#header .nav ul li ul li a { font-size: 14px;  margin: 5px 15px 0 15px; padding: 0.2em 1.5em 0em 1.5em ;  }
	#header .nav ul li ul li:first-child { margin-top: 15px; }

	#header .nav ul li.selected ul li a { height: 40px; line-height: 40px; }
	#header .nav ul li.selected ul li ul li a { height: 32px; line-height: 32px; font-size: 13px; margin-top: 3px; padding: 0.2em 1.5em 0em 2.8em ; }
	#header .nav ul li.selected ul li ul { margin-top: 5px; }

	#content .article .header { margin-top: 0.3em; }
	#content .article .header h2 { font-size: 27px; }
	#content .article .section h3 { font-size: 17px; }

	#content .article .section .item { }
	#content .article .section .item .thumbnail,
	#content .article .section .item .thumbnail-2,
	#content .article .section .item .info,
	#content .article .section .item .info-2 { float: none; width: 100%; margin: 0; padding: 0; }	

	#content .article .section .item .info,
	#content .article .section .item .info-2 { padding-top: 10px; }	
	#content .article .section .item .info-2 img { max-width: 100%; }
	
	#content .article .section .item .thumbnail img,
	#content .article .section .item .thumbnail-2 img { width: 100%; }

	#content .article .section .pdf-down { position: relative; display: inline-block; margin-bottom: 10px;  }


	/* company contact */	
	.contact-info { height: auto; }
	.contact-info .adr { position: static; width: 100%; }
	.contact-info .map { position: static; margin-top: 2.5em;  width: 100%;  }


	/* ENGLISH */	
	.en body, .en td, .en select, .en textarea, .en input, .en span, .en div, .en p, .en li, .en a, .en label, .en pre {
	font-size: 14px;
	}
	.en #header .nav ul li a { font-size: 16px; }
	.en #header .nav ul li ul li a { font-size: 14px; padding: 0.2em 1.5em 0.05em 1em; }
	.en #header .nav ul li.selected ul li ul li a { padding: 0.1em 1.5em 0.05em 2em ; }


}


/* 2023.05.12, hoon, Add Utiltity Style. 
---------------------------------------------- */ 

.title-dot { float: left; height: 30px; line-height: 30px; padding-left: 8px; background: url("sub/dot.gif") no-repeat left 13px; }

/* color */
.orange { color: #ff6000 !important; }
.green { color: #45C4A0 !important; }

/* text */
.text-center { text-align: center !important; }

.font-weight-bold { font-weight: bold !important; }


/* Vertical alignment */
.align-top { vertical-align: top!important; }
.align-middle { vertical-align: middle!important; }

/* margin, padding */
.mb-0 { margin-bottom: 0 !important; }

.ml-50 { margin-left: 50px !important; }


/* display */
.d-none { display: none!important; }
.d-block { display: block!important; }
.d-inline { display: inline!important; }
.d-inline-block { display: inline-block!important; }