/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 150%;
	font-family:'Noto Sans KR', µ¸¿ò, Dotum, AppleGothic, sans-serif;
	color:#111111;
}

form, p, blockquote, dl, dd, dt {margin:0;padding: 0;}
ul, li, ol {list-style:none;margin:0px;padding:0px;}
fieldset{margin:0; padding:0; border:0}
img, input {vertical-align:middle;}
img {vertical-align:middle; border: 0 none;}
caption{visibility:hidden;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0}

/*LINK*/
a:link, a:visited {color: #666; text-decoration: none;}
a:hover, a:active {text-decoration: none;}
a, area {outline:none; selector-dummy:expression(this.hideFocus=true);}
:focus {-moz-outline-style:none;}

#wrap{width: 100%;}
h1, h2, h3, h4{margin: 0;}
h2{font-size:25px; color:#3a3a3a; font-weight:normal;}
.oLine{width: 40px;height: 2px;background-color: #ff9900;}
.goBtn{width: 95px; height: 33px;border:1px solid #e1e1e1; background: #fff; text-align: center; }
.goBtn a{color:#626262; font-size: 16px; line-height: 33px;}
.moreBtn{width: 30px;height: 31px;}

/*Çì´õ*/
#header{
	width: 100%;
	height: 120px;
}
#header .gnv_area{
	width: 100%;
	height: 34px;
	background: url(../images/common/headertop.gif) top center;
}

#header .gnv_area .gnvWrap{width: 1060px; margin:0 auto;}
#header .gnv_area .gnvWrap .gnv{width: 150px;height: 34px; margin-right:30px;float:right;}
#header .gnv_area .gnvWrap .gnv li{ float:left; width: 75px;text-align: center;line-height: 34px; text-transform: uppercase;}
#header .gnv_area .gnvWrap .gnv li a{color:#fff; font-size:15px;}
#header .gnv_area .gnvWrap .gnv .home{color:#fff;}
#header .gnv_area .gnvWrap .gnv .english{color:#fff; text-transform: uppercase;}

#header #gnbBot{width: 100%; height: 87px;}
#header #gnbBot #gnbWrap{width: 1060px; margin:0 auto;position:relative;}

.logo{
	margin:12px 0 0 40px;
	float:left;
}

#sidemenu{float:right;width: 600px;height: 87px;}

#sidemenu .gnbMenu{float:left;
	 font-size:20px;
	 width: 110px;
	 height:87px;
	 display: block;
	 float:left;
	 margin-right: 30px;
	 background: url(../images/common/grbar.gif) no-repeat center right;}
#sidemenu #menu_03{width:130px;}
#sidemenu #menu_04{margin:0; background: none;}
#sidemenu .gnbMenu>a{font-weight:400; color:#454545;padding-top:35px; display:block;}
#sidemenu .gnbMenu .smenu {
	display:none;
	position:absolute;
	top:86px;
	left:0;
	z-index:9999;
}
#sidemenu .gnbMenu #smenu_01,
#sidemenu .gnbMenu #smenu_02,
#sidemenu .gnbMenu #smenu_04{
		border-bottom:1px solid #eeeeee;
}

#sidemenu .gnbMenu #smenu_01{
	position:absolute;
 	left:425px;
}
#sidemenu .gnbMenu #smenu_02{
	position:absolute;
 	left:560px;
}
#sidemenu .gnbMenu #smenu_04{
	position:absolute;
 	left:868px;
}


#sidemenu .gnbMenu .smenu .somenu{
	width:140px;
	height:38px;
	font-size:16px;
	line-height: 38px;
	text-align: center;
	background: #fff;
	border:1px solid #eeeeee;
	border-bottom:0;
}
#sidemenu .gnbMenu .smenu .somenu:hover {
	background:#e2e2e2;
}
#header #gnb #gnbBot #sidemenu li.gnbMenu .smenu .somenu>a{color:#555;}
/*
#header #gnbWrap #top_Wrap{
	width: 710px;
	margin-left: 100px;
	float:left;
}
#header #top_Wrap #navi_Wrap{
	float:left;
	width: 710px;
	height: 86px;
	z-index:999;
}
#header #top_Wrap #navi_Wrap .main_menu{margin-top:45px;}
#header #top_Wrap #navi_Wrap .main_menu li {
	 font-size:20px;
	 width: 110px;
	 display: block;
	 float:left;
	 margin-right: 30px;
	 background: url(../images/common/grbar.gif) no-repeat center right;
 }
#header #top_Wrap #navi_Wrap .main_menu li.five{width:130px;}
#header #top_Wrap #navi_Wrap .main_menu li.last{margin:0; background: none;}
#header #top_Wrap #navi_Wrap .main_menu li a{font-weight:400; color:#454545;}
#header #top_Wrap #full_menu{
	position:absolute;
	top:120px;
	right:0;
	width: 100%;
	height: 160px;
	z-index: 99;
	background:rgba(255, 255, 255, 0.86);
	border-top:1px solid #eeeeee;
	display:none;
}

#header #top_Wrap #full_menu .full_menu_wrap{
	width:1100px;
	margin:0 auto;
	position:relative;
}

#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap{
position:absolute;
top:10px;
left:365px;
width: 710px;
}

#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap ul{
	float:left;
}

#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap .smenu2{
	margin-left:40px;
}
#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap .smenu3{
	margin-left:20px;
}
#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap .smenu4{
	margin-left:25px;
}
#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap .smenu5{
	margin-left:50px;
}
#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap .smenu6{
	margin-left:40px;
}

#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap ul li a{
	font-size:14px;
	display:block;
	padding:4px 3px;
	color:#555;
}
#header #top_Wrap #full_menu .full_menu_wrap .smenu_wrap ul li a:hover{
	color:#1a27a3;
}*/

/*main*/
#maincon{width: 100%; height: 638px; margin:0 auto;background:url(../images/main/mainbg.jpg) no-repeat top center; padding-top:220px;}
.mainWrap{width: 1060px; margin:0 auto;}
.maintit{width: 654px; height: 141px; display: block; margin:0 auto;}
.mainbox{margin:130px auto 0; width: 877px;height: 237px;}
.wtbox{width: 269px; height: 202px; padding-top:25px; float:left;margin-right:35px; background: rgba(255, 255, 255, 0.81);}
#wtbox_last{margin-right:0;}
.wtbox_con{width: 190px; margin:0 auto 15px;}
.goBtn{width: 117px; height: 30px; display:block; text-align: center; color:#4c4c4c; font-size:16px; line-height: 30px;margin:0 auto; }
.mainh2{color:#282828; font-size:25px; margin-bottom:15px;font-weight:bold;text-align: center;}
.mainp{color:#303030; font-size:17px;font-weight:lighter;text-align: center;}
.mainicon{display:block; margin:0 auto 15px;}
.notice{width: 219px; height: 194px; margin: 10px auto 0;}
.plusbtn{width: 28px; height: 28px; float:right;}
#h2notice{text-align: left;width: 100px; float:left;}
/*subtitleimg*/
.subtitle{
	width:100%;
	height:250px;
	clear:both;
	overflow:hidden;
	background: url(../images/sub/subtitle.png) no-repeat top center;
}
.subtitle>h2,.subtitle>div, .subtitle>p{margin:0 auto; color:#fff;}
.subtitle .tith2{text-shadow: 2px 2px 8px #000; margin-top:85px;font-weight: bold;font-size:40px;text-align: center;display:block;margin-bottom:35px;}
.linewhite{width: 40px; height: 2px; background: #fff;}
.subtitle>.titeng{text-align: center;font-size:18px;margin-top:20px;text-shadow: 2px 2px 8px #000;}
/*submenu*/
.submenu{width:100%; height: 63px;border-bottom:1px solid #d7d7d7;}
.submWrap{width:1060px; margin:0 auto;}
.submWrap ul.subul{
	overflow: hidden;
	display:table;
	margin: 0 auto;
}
.submWrap ul.subul li{width:115px; text-align: center;float:left;font-size:18px;
line-height: 63px;}
.submWrap ul.subul li#long,.submWrap ul.subul li#long3,.submWrap ul.subul li#long2{width: 160px;}
.submWrap ul.subul li a{background:#fff;
	width:115px;
	height:63px;
	line-height:63px;
	font-size:18px;
	display:block;}
.submWrap ul.subul li a.on{background:url(../images/sub/noticebar-short.gif) no-repeat bottom center;
		width:115px;
		height:63px;
		line-height:63px;
		font-size:18px;
		display:block;}

.submWrap ul.subul li#long a,.submWrap ul.subul li#long2 a,.submWrap ul.subul li#long3 a{background:#fff;
	width:160px;
	height:63px;
	line-height:63px;
	font-size:18px;
	display:block;}
.submWrap ul.subul li#long a.on,
.submWrap ul.subul li#long2 a.on,
.submWrap ul.subul li#long3 a.on{background:url(../images/sub/noticebar-short.gif) no-repeat bottom center;
		width:160px;
		height:63px;
		line-height:63px;
		font-size:18px;
		display:block;}


.submWrap ul#subul4 li{width:265px;}
.submWrap ul#subul4 li a{background:#fff;
	width:265px;
	height:63px;
	line-height:63px;
	font-size:18px;
	display:block;}
.submWrap ul#subul4 li a.on{
	background:url(../images/sub/noticebar.gif) no-repeat bottom center;
		width:265px;
		height:63px;
		line-height:63px;
		font-size:18px;
		display:block;
}


.submWrap ul#subul3 li{width:353px;}
.submWrap ul#subul3 li a{	background:#fff;
	width:353px;
	height:63px;
	line-height:63px;
	font-size:18px;
	display:block;
}
.submWrap ul#subul3 li a.on{background:url(../images/sub/noticebar.gif) no-repeat bottom center;
	width:353px;
	height:63px;
	line-height:63px;
	font-size:18px;
	display:block;
}
/*
.submenu .submWrap ul li a{
	background:#fff;
	width:160px;
	height:49px;
	padding-left:29px;
	font-weight:bold;
	line-height:49px;
	display:block;
	border-bottom:1px solid #cccccc;
}
.submenu .submWrap ul li a.on{
	background:url(../images/sub/noticebar.gif) no-repeat bottom center;
	color:#ffffff;
	width:171px;
	padding-left:29px;
	height:49px;
	display:block;
	border:0;

}*/
/*company-ceo*/
.ceotalk{width: 727px; height: 122px; display: block; margin:0 auto 60px;}
.linegr{width: 40px; height: 1px; background: #c8c8c8;margin:0 auto;margin-bottom:71px;}
.wrap1020{width: 1020px;margin:0 auto;}
.ceobox01{width: 100%;height: 380px; margin-bottom:93px; background: url(../images/sub/ceo01.png) no-repeat top left;}
.ceobox02{width: 100%;height:500px; margin-bottom:85px; background: url(../images/sub/ceo02.png) no-repeat top right;}
.cb_left{float:right;padding-top:60px;}
.bigp{font-size:30px;color:#454545;line-height: 41px;margin-bottom:35px; font-weight: 600;}
.colorg{color:#f36f21;}
.txt{font-size:18px; line-height: 27px; color:#575757;margin-top:30px;}
.cb_right{float:left;padding-top:60px;}
.txt20{font-size:20px; color:#202020; line-height: 32px; font-weight: 700;}
.lightgr{color:#454545;}
.ceobox03{width: 100%; height: 429px; padding-top: 86px; background: url(../images/sub/ceobg.png) top center;}
.bigp2{color:#454545;font-size:28px; line-height: 38px;}
.txt22{font-size:22px; font-weight: bold;color:#454545;margin-top: 22px;;}

/*certi*/
#cs_cer{width: 200px;}
.certit{margin: 50px 0 15px 0; clear:both; width: 150px;height: 35px; line-height: 35px; font-size: 16px; font-weight: 400; text-align: center; color:#fff; background: #304C91; border-radius:2px; }
.certit2{margin: 30px 0 15px 0; clear:both; width: 150px;height: 35px; line-height: 35px; font-size: 16px; font-weight: 400; text-align: center; color:#fff; background: #44A73A; border-radius:2px; }

.c_box1{width: 100%; height: 480px;}
.c_box1 .c_box1_s{float:left; margin-right:40px;width: 310px;}
.c_box1 .c_box1_s .cer_01{width: 310px; height: 456px;}
.c_box1 .c_box1_s>p{text-align: center; margin-top:5px; font-size:16px;}


/*result*/
.year{font-size:17px; margin:40px 0 15px 0;}
/*location*/
.locbox{margin-top: 20px;width: 100%; height: 450px;}
.locp{font-size:17px;margin-top:15px;text-align: center;}

/*container*/
.container{width:1060px; margin:50px auto 80px;}
.protitle>.subh3,.protitle>.titeng{text-align: center;}
.protitle>.subh3{font-size:40px; color:#323232;}
.protitle>.titeng{font-size:20px; color:#5f5f5f;margin-top:15px; font-weight: lighter;}
.protitle>.lineorg{width: 40px; height: 2px; background: #f36f21;margin:30px auto 45px;}


/*product*/
.grstipe{width:100%; height:11px; background: url(../images/sub/grstripe.gif) no-repeat top left;}
.productBox{width:100%; padding:30px;height: auto; overflow: hidden;}
.proBbox{width: 230px; height: 407px; margin:0 30px 40px 0;float:left;}
.proimg{width:207px; height:300px; margin: 10px; border:1px solid #eeeeee;}
.proP{text-align: center;font-size:21px; font-weight: bold; margin-top:15px;}
.grbtn{width:115px; height:35px; background: #909090;margin:15px auto;text-align: center; }
.grbtn>a{color:#fff;font-size:18px; line-height: 35px;font-weight: lighter;}
.paging{overflow:hidden;width:60px; margin:20px auto 0;font-size:17px;}
.paging>span{display:block;padding:5px;}

/*product_view*/
.viewbox{width: 100%; height: 789px;position:relative;}
.proBimg{width:549px; height:778px;overflow:hidden; float:left; margin-right:100px;border:1px solid #eeeeee;}
.proBimg>img{width:549px; height:778px;}
.proText{float:left;width:400px; margin-top:210px;}
.proText .proTtit{font-size:50px; line-height: 55px;font-weight: bold; color:#434343;clear:both;text-align: center;margin-bottom: 50px;}
.proText .gyu{overflow:hidden; margin-top:15px;}
.gyutit{width:100px; height:37px; background:#004b9c; float:left;text-align: center;line-height:37px;color:#fff; border-radius: 5px; font-size:20px;}
.gyup{margin-left:20px; height:37px; line-height:37px; float:left;text-align: center; font-size:19px;}
.viewbox>a{color:#fff;}
.listBtn{position:absolute; bottom:30px; right:20px;float:left;width: 119px; height: 32px; line-height: 32px;	background:#767676;text-align: center;border-radius: 5px; display: block; color:#fff; font-size:18px;}
.nopro{font-size:18px; text-align:center; margin:100px 0;}
/*cs*/
.cstit{border-left:5px solid #f36f21;font-size:30px; font-weight: bold; padding-left:15px; width:150px; height:40px; line-height:40px;}

/*footer*/
footer{width:100%; height:103px;border-top:1px solid #e1e1e1;padding-top:30px;}
.footerWrap{width: 1060px; margin:0 auto;}
.footerWrap .address,.footerWrap .copyright{text-align: center; font-size:16px; font-weight:300; color:#393939;}
.footerWrap .copyright{margin-top:10px; font-size:14px;color:#bebebe;}

.root_daum_roughmap {border-bottom: 1px solid #ddd;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.root_daum_roughmap .cont {display: none !important;}