@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
#mainImgArea { position:relative; width:100%; overflow:hidden; }
.imageSrc { width:100%; min-width:1400px; height:90px; }
.imageSrc img { width:100%; height:90px; }
.txtImg { position:absolute; left:50%; top:0; margin-left:-360px; }
.txtImg img { width:100%; height:0px; }
#lnb { position:relative; width:100%; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#f7f7f7; z-index:9; }
#pathArea { width:100%; max-width:1000px; height:46px; margin:0 auto; }
.path { float:left; width:auto; height:46px; }
.path a.homeBtn { float:left; display:block; width:66px; height:46px; text-indent:-99999px; background:url('../company/images/home_ico.png') left top no-repeat; }
.path .scate { float:left; width:196px; height:46px; line-height:46px; background:#fff url('../company/images/path_ico.png') 138px 14px no-repeat; border-right:1px solid #EBEBEB; }
.path .scate .scateMe { display:block; padding-left:28px; font-size:14px; }
.path .scate .scateMe2 { display:block; padding-left:28px; font-size:14px; }
.path .scate .scateMesub { display:block; padding-left:28px; font-size:14px; }
.path .scate .lnbMenu { margin-left:-1px; width:160px; padding:15px 8px 15px 28px; border:1px solid #EBEBEB; background:#fff; overflow:hidden; }
.path .scate .lnbMenu a.men { display:block; line-height:28px; font-size:14px; }
.path .scate .lnbMenu a.men:hover { padding-left:2px; }
.path .scate .lnbMenu a.men.on { font-weight:bold; color:#E35828; font-size:14px; }
.path .scate .lnbMenu a.cur { font-weight:bold; color:#F01C4F; font-size:14px; }
#ftSize { float:right; width:93px; }
.fsup { float:left; width:47px; height:46px; background:url('../company/images/btnPlus.png') left top no-repeat; text-indent:-99999px; }
.fsdown { float:left; width:46px; height:46px; background:url('../company/images/btnMinus.png') left top no-repeat; text-indent:-99999px; }
.fsup a { display:block; width:47px; height:46px; }
.fsdown a { display:block; width:46px; height:46px; }
#subContents { width:100%; background-color:#FFF; }
#subContInner { position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }
h3.maint { margin-top:60px; font-size:34px; font-weight:bold; color:#111; line-height:34px; }
span.st { display:block; font-size:12px; padding-top:6px; color:#888; } 
#contents { margin:50px 0; width:100%; max-width:1000px; overflow:hidden; }
.con1 { width:100%; max-width:1000px; margin-bottom:40px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); }
.con1 img { max-width:100%; height:auto; }
.con1Txt { margin:0 auto; width:100%; max-width:900px; text-align:center; font-size:23px; font-weight:bold; line-height:1.4em; }
.bar { margin:39px auto 20px; width:62px; background:url('../company/images/h_bar.gif') repeat-x; text-indent:-9999px; }
.con1_2Txt { margin:0 auto; width:80%; max-width:1000px; text-align:center; font-size:15px; line-height:1.75em; text-align:justify; }
.signArea { margin:0 auto; width:300px; }
.ceo { margin-top:59px; font-size:15px; }
.sign { margin:0 0 0 150px; }
.con2, .con3, .con4, .con5, .con6 { width:100%; max-width:1000px; }
.con2 img, .con3 img, .con4 img, .con5 img, .con6 img { max-width:100%; height:auto; }
.work { width:100%; max-width:1000px; margin:0 auto; }
.work #choice { width:100%; height:50px; }
.work #choice li {	float:left;	padding-right:25px; }
.work #choice li:first-child { padding-left:0; }
.work #choice li a { display:block; color:#7F8289; font-size:15px; padding-top:11px; }
.work #choice li a:hover { color:#111; }
.work #choice li a.selected { color:#F01C4F; font-weight:bold; background:url('../product/images/bot_arrow.png') center top no-repeat; }
.container { width:100%; max-width:1000px; }
.portfolio-thumbs { position:relative; margin:0 5px 5px 0; overflow:hidden; cursor:pointer; }
.portfolio-thumbs a + img { width:100%; }
.portfolio-thumbs .hover-wrap { 
	display:block; 
	position:absolute; 
	width:100%;
	height:100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
	-webkit-transform: rotateY(180deg) scale(1,1);
	   -moz-transform: rotateY(180deg) scale(1,1);
		-ms-transform: rotateY(180deg) scale(1,1);
		 -o-transform: rotateY(180deg) scale(1,1);
			transform: rotateY(180deg) scale(1,1);	
}
.portfolio-thumbs:hover .hover-wrap,
.portfolio-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}
.portfolio-thumbs .hover-wrap .overlay-img {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.70;
	filter:alpha(opacity=70);
}
.portfolio-thumbs .hover-wrap .overlay-img-thumb {
	position:absolute;
	top:50%;
	left:50%;
	margin:-16px 0 0 -16px;
	color:#FFF;
	font-size:32px;
	line-height:1em;
	opacity:1;
	filter:alpha(opacity=100);
}