@charset "utf-8";

.about0 #wrapbg{background:url('../images/sub/visual_about.jpg') 50% 0 no-repeat;}
.facility0 #wrapbg{background:url('../images/sub/visual_facility.jpg') 50% 0 no-repeat;}
.technology0 #wrapbg{background:url('../images/sub/visual_technology.jpg') 50% 0 no-repeat;}
.quality0 #wrapbg{background:url('../images/sub/visual_quality.jpg') 50% 0 no-repeat;}
.rnd0 #wrapbg{background:url('../images/sub/visual_rnd.jpg') 50% 0 no-repeat;}
.customer0 #wrapbg{background:url('../images/sub/visual_customer.jpg') 50% 0 no-repeat;}

#wrap_container{margin-top:180px;}
#container{width:1128px;margin:0 auto;background:url('../images/sub/bg_container.png') 0 0 no-repeat;padding:40px 35px 60px 35px;}
#sidemenu{float:left;width:235px;}
#content{float:right;width:870px;position:relative;margin-top:40px;}
.clear{clear:both;}

#sidemenu li a, .title_side, h2{background:url('../images/common/sp_ui.png')  0 0 no-repeat;}
#sidemenu li a{display:block;text-indent:-9999px;font-size:0;width:227px;height:49px;border-bottom:1px solid #fff;}
#sidemenu li a{vertical-align:top;}

.title_side{width:227px;height:89px;border-bottom:1px solid #fff;}
.about0 .title_side{background-position:0 -52px;}
.facility0 .title_side{background-position:-227px -52px;}
.technology0 .title_side{background-position:-454px -52px;}
.quality0 .title_side{background-position:0 -141px;}
.rnd0 .title_side{background-position:-227px -141px;}
.customer0 .title_side{background-position:-454px -141px;}

.about0 #sidemenu li.sub01 a{background-position:0 -230px;}
.about0 #sidemenu li.sub02 a{background-position:0 -279px;}
.about0 #sidemenu li.sub03 a{background-position:-454px -867px;}
.about0 #sidemenu li.sub04 a{background-position:0 -328px;}
.facility0 #sidemenu li.sub01 a{background-position:0 -377px;}
.facility0 #sidemenu li.sub02 a{background-position:0 -426px;}
.technology0 #sidemenu li.sub01 a{background-position:0 -475px;}
.technology0 #sidemenu li.sub02 a{background-position:0 -524px;}
.technology0 #sidemenu li.sub03 a{background-position:0 -573px;}
.technology0 #sidemenu li.sub04 a{background-position:0 -622px;}
.technology0 #sidemenu li.sub05 a{background-position:0 -671px;}
.technology0 #sidemenu li.sub06 a{background-position:0 -720px;}
.quality0 #sidemenu li.sub01 a{background-position:0 -769px;}
.rnd0 #sidemenu li.sub02 a{background-position:0 -818px;}
.customer0 #sidemenu li.sub01 a{background-position:0 -867px;}
.customer0 #sidemenu li.sub02 a{background-position:0 -916px;}

.about0 #sidemenu li.sub01 a:hover, .about0 #sidemenu li.sub01.on a{background-position:-227px -230px;}
.about0 #sidemenu li.sub02 a:hover, .about0 #sidemenu li.sub02.on a{background-position:-227px -279px;}
.about0 #sidemenu li.sub03 a:hover, .about0 #sidemenu li.sub03.on a{background-position:-454px -916px;}
.about0 #sidemenu li.sub04 a:hover, .about0 #sidemenu li.sub04.on a{background-position:-227px -328px;}
.facility0 #sidemenu li.sub01 a:hover, .facility0 #sidemenu li.sub01.on a{background-position:-227px -377px;}
.facility0 #sidemenu li.sub02 a:hover, .facility0 #sidemenu li.sub02.on a{background-position:-227px -426px;}
.technology0 #sidemenu li.sub01 a:hover, .technology0 #sidemenu li.sub01.on a{background-position:-227px -475px;}
.technology0 #sidemenu li.sub02 a:hover, .technology0 #sidemenu li.sub02.on a{background-position:-227px -524px;}
.technology0 #sidemenu li.sub03 a:hover, .technology0 #sidemenu li.sub03.on a{background-position:-227px -573px;}
.technology0 #sidemenu li.sub04 a:hover, .technology0 #sidemenu li.sub04.on a{background-position:-227px -622px;}
.technology0 #sidemenu li.sub05 a:hover, .technology0 #sidemenu li.sub05.on a{background-position:-227px -671px;}
.technology0 #sidemenu li.sub06 a:hover, .technology0 #sidemenu li.sub06.on a{background-position:-227px -720px;}
.quality0 #sidemenu li.sub01 a:hover, .quality0 #sidemenu li.sub01.on a{background-position:-227px -769px;}
.rnd0 #sidemenu li.sub01 a:hover, .rnd0 #sidemenu li.sub01.on a{background-position:-227px -818px;}
.customer0 #sidemenu li.sub01 a:hover, .customer0 #sidemenu li.sub01.on a{background-position:-227px -867px;}
.customer0 #sidemenu li.sub02 a:hover, .customer0 #sidemenu li.sub02.on a{background-position:-227px -916px;}

h2{height:27px;}
.about01 h2{width:138px;background-position:-454px -230px;}
.about02 h2{width:155px;background-position:-454px -257px;}
.about03 h2{width:174px;background-position:-454px -635px;}
.about04 h2{width:174px;background-position:-454px -284px;}
.facility01 h2{width:174px;background-position:-454px -311px;}
.facility02 h2{width:174px;background-position:-454px -338px;}
.technology01 h2{width:402px;background-position:-454px -365px;}
.technology02 h2{width:205px;background-position:-454px -392px;}
.technology03 h2{width:160px;background-position:-454px -419px;}
.technology04 h2{width:411px;background-position:-454px -446px;}
.technology05 h2{width:411px;background-position:-454px -473px;}
.technology06 h2{width:411px;background-position:-454px -500px;}
.quality01 h2{width:184px;background-position:-454px -527px;}
.rnd01 h2{width:184px;background-position:-454px -554px;}
.customer01 h2{width:182px;background-position:-454px -581px;}
.customer02 h2{width:182px;background-position:-454px -608px;}

.navi{position:absolute;top:-35px;right:5px;}
.navi li{float:left;padding-left:5px;color:#999;}
.navi span{color:#333;}

#desc{margin-top:60px;}
.customer01 #desc{margin-bottom:150px;}
.quality01 #desc p{padding-left:110px;}

.mt40{margin-top:40px;}

#workarea { width:820px; margin-top:50px;}

#workarea .smImg {display:block; float:left; cursor:pointer; margin-right:10px; margin-bottom:15px; }
#workarea .smImg img { width:260px; height:210px; border:1px solid #000;}

#workarea .uplayer { position:absolute; z-index:999; }
#workarea div.uplayer td {background:url(/images/UP.png) no-repeat; width:262px; height:212px; padding:20px; font-size:16px; font-family:NanumGothic; color:#d1d1d1; line-height:160%;}

#workarea .uplayer { display:none; }
#workarea div.smImg.on .uplayer { display:block; }

#catalogDiv { width: 600px; margin:5px auto 0 auto; text-align:center; }
#catalogDiv img { border:1px solid #000; }

#main_img_pager_cyber { position:relative; z-index:8; width:100%; text-align:center; margin:30px 0; }
#main_img_pager_cyber a { margin:5px; background:url('/images/icon/off.png'); text-indent:-9999px; width:12px; height:12px; display:inline-block;
*display:inline; zoom:1; *text-indent:0; font-size:0; }
#main_img_pager_cyber a.activeSlide { margin:5px; background:url('/images/icon/on.png'); text-indent:-9999px; width:12px; height:12px; display:inline-block;
*display:inline; zoom:1; *text-indent:0; font-size:0; }