@charset "euc-kr";
/* CSS Document */

body{background-color:#f0f0f0;overflow-x:hidden;}


#wrap{width:100%; min-width:980px; margin:0 auto;}


/* Æ˾÷ ·¹À̾î S */
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000000; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}
.popupLayer .back {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:1000001;}

.popup_box {position:absolute; left:50%; top:60px; z-index:1000002;}
.popup_box .popup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000002;}

.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
/* Æ˾÷ ·¹À̾î E */


/*================================
	°øÅë : header
================================*/

#header{position:relative; width:100%; *z-index:999; background-color:#ffffff;}
#header .top{position:relative; height:150px;}
#header .headerTop{position:relative; width:980px; height:70px; margin:0 auto;}
#header .headerTop h1{position:absolute; left:0px; top:22px;  width:170px; height:43px; z-index:9999;}
#header .headerTop .util{float:right; position:relative; width:430px; top:10px; z-index:9999;}
#header .headerTop .topmenu {position:relative; float:left; margin:4px 0 0 0;}
#header .headerTop .topmenu li{float:left; padding:0 0 0 15px;}
#header .headerTop .flag {height:22px;float:right; margin-right:120px;}
#header .headerTop .flag li{float:left; padding:0 0 0 5px;}
#header .headerTop .search{float:right; margin-right:120px;}
#header .headerTop .ebook {position:absolute; float:right; top:0; right:0px;}
.input_s {height:20px; width:175px; border:3px solid #ff0000;}

/*gnb*/
#navi_wrap{position:relative; top:0px; right:0px; width:100%; height:80px; z-index:999; background:url(../images/top_bg.gif) repeat-x center top;}
#navi_wrap .gnb{position:relative; width:980px; left:50% margin-left:490px; height:80px; margin:0 auto;}
#navi_wrap .gnb ul{float:left; display:inline;}
#navi_wrap .gnb ul li{float:left; display:inline;}
#navi_wrap .gnb ul li div.sub_list01{position:absolute; left:24px; top:54px;}
#navi_wrap .gnb ul li div.sub_list02{position:absolute; left:0px; top:54px;}
#navi_wrap .gnb ul li div.sub_list03{position:absolute; left:424px; top:54px;}
#navi_wrap .gnb ul li div.sub_list04{position:absolute; left:603px; top:54px;}
#navi_wrap .gnb ul li div.sub_list05{position:absolute; left:688px; top:54px;}
#navi_wrap .gnb ul li div.sub_list01 ul{ width:600px;}
#navi_wrap .gnb ul li div.sub_list01 ul li{margin-right:20px;}
#navi_wrap .gnb ul li div.sub_list02 ul{ width:1000px;}
#navi_wrap .gnb ul li div.sub_list02 ul li{margin-right:14px;}
#navi_wrap .gnb ul li div.sub_list03 ul{ width:201px;}
#navi_wrap .gnb ul li div.sub_list03 ul li{margin-right:20px;}
#navi_wrap .gnb wlrkrul li div.sub_list04 ul{ width:336px;}
#navi_wrap .gnb ul li div.sub_list04 ul li{margin-right:20px;}
#navi_wrap .gnb ul li div.sub_list05 ul{ width:436px;}
#navi_wrap .gnb ul li div.sub_list05 ul li{margin-right:20px;}


/*================================
	main
================================*/

/*ºñÁÖ¾ó*/

#visual {position:relative; width:100%; height:400px; background:url(../images/visual_bg.jpg) no-repeat center top; margin-bottom:42px;}
#visual .clsBannerButton {position:absolute; top:280px; width:460px; left:50%; margin-left:-486px; cursor:pointer;z-index:2;}
#visual .clsBannerButton li {width:60px;float:left;}
#visual .clsBannerScreen {overflow: hidden;position: relative;height:400px;width:980px; cursor:pointer; margin:0 auto;}
#visual .clsBannerScreen .images {position:absolute; display:none; z-index:1;}


#visual_new {position:relative; width:100%; height:400px; background:url(../images/visual_bg.gif) no-repeat center top; margin-bottom:42px;}
#mindscape {width: 1180px;height: 400px;margin:0 auto;overflow: hidden;}

/*ÄÁÅÙÃ÷*/

#container {position:relative; width:100%; height:400px;}
#content1  {position:relative; width:980px; margin:0 auto;}

#content1 .conLeft {float:left; position:relative; width:486px; height:200px; background-color:#ffffff; margin:0;}
#content1 .conLeft p{float:left; margin:24px 0 20px 24px;;}
#content1 .conLeft span{float:right; margin:24px 24px 0 0;}
#content1 .conLeft ul{overflow:hidden; width:430px; margin:0 0 0 24px;}
#content1 .conLeft ul li{float:left; margin:3px 0; padding:0; width:486px; color:#898989; font-size:11px; font-family:tahoma;}
#content1 .conMid {float:left; position:relative; width:240px;  height:200px; margin:0 0 0 7px;}
#content1 .conRight {float:right; position:relative; width:240px; height:200px; margin:0 0 0 7px;}

#content2  {position:relative; width:980px; margin:0 auto; padding:0;}
#content2 .conMovie {float:left; position:relative; width:235px; height:160px; margin-top:7px;}
#content2 .conBanner {position:relative; float:right; margin-top:7px;}
#content2 .conBanner ul li{float:left; margin:0 0 0 7px;}


/*================================
	sub
================================*/

/*ºñÁÖ¾ó*/

#visual_s {position:relative; width:100%; height:148px; background-color:#bbd6f8;}
#visual_s .inner{position:relative; width:1280px; height:148px; margin:0 auto;overflow:hidden;}


/*ÄÁÅÙÃ÷*/

#container_s{position:relative; width:100%; background-color:#ffffff;}
#container_s #content_s{position:relative; width:980px; margin:0 auto; padding:0 0 54px 0; overflow:hidden;}
#left{float:left; position:relative; width:280px; top:50px;}
#left ul {padding:0; margin:20px 0 30px 0;}
#left ul li{}

#container_s #content_s #right {float:right; position:relative; width:700px; margin-top:50px; padding:0;}
#container_s #content_s #right .location{overflow:hidden; height:35px; border-bottom:1px solid #d8d8d8;}
#container_s #content_s #right .location p{float:left;}
#container_s #content_s #right .location .local{float:right; padding:10px 0 0 0;}
#container_s #content_s #right .location .local img{vertical-align:middle; margin:-3px 5px 0 0;}
#container_s #content_s #right .location .local span{margin:0 4px 0 4px; padding:0 0 0 0px; font-size:11px;}
#container_s #content_s #right .con{width:700px; margin:40px 0 80px 0; min-height:460px; padding:0 0 0 0px;}
#container_s #content_s #right .con p {margin:10px 0;}

.left {float:left; margin:0 20px 0 0;}
.right{float:right; margin:0 0 0 20px;}

.year {font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold; padding:0 0 0 50px;background:url(../images/about3_bar.gif) no-repeat left top;}
.year0 {background:url(/images/about3_bar0.gif) no-repeat left top; height:40px;}


.product {width:690px; margin:0 auto;}
.product ul li{float:left; margin:0; padding:0;}

.about5 li {list-style:none; float:left; margin:0 0 25px 0;}
.popup-div { opacity: 0; display: none; position: relative; width: auto; } 
.popup-style { border: 6px solid #666666; padding: 0px; background-color: #fff; } 
.b-close { position: absolute; right: 36px; top: 15px; padding: 0px; display: inline-block; cursor: pointer; } 

.tr {border-bottom:1px solid #aeaeae;}
.tr_t {border-bottom:1px solid #aeaeae;text-align:center;}

.th {border-right:1px solid #aeaeae; height:30px; background-color:#f0f0f0; font-weight:bold; color:#333333; font-family:'Nanum Gothic', sans-serif; font-size:11px;}
.th_last { height:30px; background-color:#f0f0f0; font-weight:bold; color:#333333; font-family:'Nanum Gothic', sans-serif; font-size:11px;}

.td {border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:30px; padding:0 0 0 20px; font-size:11px; font-family:'Nanum Gothic', sans-serif;}
.td_last {border-bottom:1px solid #e9e9e9; padding:0 0 0 20px; font-size:11px; font-family:'Nanum Gothic', sans-serif;}

.td1 {border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:30px; text-align:center; font-size:11px; font-family:'Nanum Gothic', sans-serif; padding:2px;}
.td1_last {border-bottom:1px solid #e9e9e9; text-align:center; font-size:11px; font-family:'Nanum Gothic', sans-serif; padding:2px;}

.factory {font-size:13px; font-weight:bold; color:#333333;}

/* °Ô½ÃÆÇ */
.bbs_tr {border-bottom:1px solid #aeaeae; text-align:center;}
.bbs_th {height:30px; background-color:#f0f0f0; font-weight:bold; color:#333333; font-family:'Nanum Gothic', sans-serif; font-size:12px;}
.bbs_td {border-bottom:1px solid #e9e9e9; height:30px; padding:2px 4px; font-size:12px; font-family:'Nanum Gothic', sans-serif;}
.bbs_con {border-bottom:1px solid #e9e9e9; padding:10px; font-size:12px; font-family:'Nanum Gothic', sans-serif;}

/* ÅǸ޴º */
div.TabView div.Tabs{height:34px; margin:0 0 30px 0;border-bottom:1px solid #dddddd; width:700px;}
div.TabView div.Tabs a {float:left; font-weight:bold; display:block; width:175px; text-align:center;text-decoration:none; height:26px; padding:8px 0 0 0; border:0px solid #eaeaea; margin:0 auto; font-size:13px;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{border-bottom:4px solid #666666; color:#333333; background-color:#eaeaea; border-top:1px solid #dddddd;}
div.TabView div.Pages{width:700px; height:100% border:0px solid #404040; overflow:hidden;}


/*================================================================*/



/*================================
	°øÅë : footer
================================*/
#footer {clear:both; position:relative; width:100%; height:100px; background-color:#e1e1e1;}
#footer .bottom{width:980px; margin:0 auto; padding-top:30px;}
#footer p {float:left; width:240px;}
#footer .ams {margin:18px; 0 0 30px; float:right;}





.box0{
	border: 2pt solid white;
	border-image: none;
	height: 40px;
	color:#fff;
	background: url("../images/pattern_bg.gif") repeat left top;	
	text-align:center;
}
.box1{
	border: 2pt solid white;
	border-image: none;
	height: 16.5pt;
	color:#fff;
	background: url("../images/pattern_bg.gif") repeat left top;
	text-align:center;
}
.box2{
	border: 2pt solid white;
	background: #EAEAEA;
	padding:5px 0 5px 15px;
}


.map_box{position: absolute;}
.map_box01{
	top: 22%;
	left: 125px;
}
.map_box02{
	top: 13%;
	left: 152px;
}
.map_box03{
	top: 20%;
	left: 166px;
}
.map_box04{
	top: 17%;
	left: 276px;
}
.map_box05 {
    top: 450px;
    left: 350px;
}
.map_box06 {
    top: 313px;
    left: 590px;
}
.map_box07 {
    top: 490px;
    left: 600px;
}

.title2 {
	font-size: 14px;
	border-left: 2px solid #e70000;
    color: #e70000;
    padding-left: 10px;
    margin-bottom: 5px;
}
.border-bottom {
    border-bottom: 1px solid #dfdfdf;
}
.t_center {
    text-align: center;
}
.end {
    height: 35px;
}