@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:319px; 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 {position:relative; float:left; margin:0 0 0 10px; height:22px;}
#header .headerTop .flag li{float:left; padding:0 0 0 5px;}
#header .headerTop .search{
	clear:both;
	width:215px;
	float:right;
}
.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:634px; top:54px;}
#navi_wrap .gnb ul li div.sub_list01 ul{ width:700px;}
#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:300px;}
#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:12px; 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;font-size:12px; font-family:'PT Serif',sans-serif; font-weight:200;}
#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:12px; font-family:'PT Serif',sans-serif; font-weight:200;}
#container_s #content_s #right .con{width:700px; margin:40px 0 80px 0; min-height:460px; padding:0 0 0 0;}
#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;}
.sign {font-family:'Rock Salt', sans-serif;font-weight:bold; color:#333; font-size:15px;}

.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; color:#666666; font-family:'Droid Sans', sans-serif; font-size:13px;}
.th_last { height:30px; background-color:#f0f0f0; color:#666666; font-family:'Droid Sans', sans-serif; font-size:13px;}

.td {border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:30px; padding:4px 12px; font-size:12px; font-family:'Droid Sans', sans-serif; line-height:13px;}
.td_last {border-bottom:1px solid #e9e9e9; padding:4px 12px; font-size:12px; font-family:'Droid Sans', sans-serif; line-height:13px;}

.td1 {border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:30px; text-align:center; font-size:12px; font-family:'Droid Sans', sans-serif; padding:2px;}
.td1_last {border-bottom:1px solid #e9e9e9; text-align:center; font-size:12px; font-family:'Droid Sans', 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:'Droid Sans', sans-serif; font-size:13px;}
.bbs_td {border-bottom:1px solid #e9e9e9; height:30px; padding:2px 4px; font-size:13px; font-family:'Droid Sans', sans-serif;}
.bbs_con {border-bottom:1px solid #e9e9e9; padding:10px; font-size:13px; font-family:'Droid Sans', sans-serif;}

/* ÅǸ޴º */
div.TabView div.Tabs{height:48px; 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:38px; 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:280px;}
#footer .ams {margin:18px; 0 0 30px; float:right;}