/* CSS Document */ @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); html{width:100%;height:100%;overflow-y:scroll;} body,div,img,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,select,textarea,button{margin:0;padding:0;} body{height:100%;font-size:12px;color:#020202;line-height:1.5em;font-family:'Nanum Gothic', '³ª´®°íµñ', 'Malgun Gothic', Dotum,Verdana,Tahoma,AppleGothic,sans-serif;/* background-image:url(../images/renew_2012/sub_bg.gif); */background-repeat:repeat-x;background-position:left 120px;} a{text-decoration:none;color:#020202;} img,fieldset{border:none;} li{list-style:none;} .blind{visibility:hidden;position:absolute;width:0;height:0;line-height:0;overflow:hidden;} .cloaking{display:none;} .center{margin:0 auto;} .clearfix{top:20px;overflow:hidden;position:relative;} .clearfix:after{content:"";display:block;clear:both;} #wrap{position:relative;width:100%;} /* #header{position:relative;z-index:100;height:120px;margin:0 auto;background:white;} #header h1{position:absolute;top:0px;left:50%;margin:0 0 0 -500px;} #header dl{position:absolute;top:10px;right:50%;margin:0 -490px 0 0;} #header dl dd{float:left;padding:0 6px;border-left:1px solid #c1c1c1;} #header dl dd a{float:left;} #header dl .first{border:none;} #header dl .last{padding:0 0 0 4px;border:none;} #header .gnb{position:absolute;top:52px;right:50%;margin:0 -500px 0 0;} */ #contents{position:relative;min-width:1000px;padding:170px 0 50px;} #contents .visual{position:absolute;top:0;right:50%;margin:0 -500px 0 0;} #contents .center{width:1000px;margin:0 auto;} #left{display:inline;float:left;width:200px;margin:-2px 0px 0px -5px;} #left h3{width:200px;height:88px;padding:16px 0 0;} #left ul{width:151px;margin:-25px 0 0;padding:0 21px 135px 28px;} #left ul:after{content:"";display:block;clear:both;} #left ul li{float:left;width:151px;border-bottom:1px solid #e8e8e8;} #left ul li a{float:left;height:26px;overflow:hidden;} #left ul li a:hover{border:0;} #left ul li a:hover img{margin-top:-26px;} .aboutLeft{background:url(../images/comm/left_bg1.gif) 0 0 repeat-y;} #left.aboutLeft h3{background:url(../images/comm/left_title_bg1.gif) 0 0 no-repeat;} #left.aboutLeft ul{background:url(../images/comm/left_list_bg1.gif) 0 bottom no-repeat;} .businessLeft{background:url(../images/business/left_bg.gif) 0 0 repeat-y;} #left.businessLeft h3{background:url(../images/business/left_title_bg.gif) 0 0 no-repeat;} #left.businessLeft ul{background:url(../images/business/left_list_bg.gif) 0 bottom no-repeat;} .haewoojaeLeft{background:url(../images/haewoojae/left_bg.gif) 0 0 repeat-y;} #left.haewoojaeLeft h3{background:url(../images/haewoojae/left_title_bg.gif) 0 0 no-repeat;} #left.haewoojaeLeft ul{background:url(../images/haewoojae/left_list_bg.gif) 0 bottom no-repeat;} .communityLeft{background:url(../images/community/left_bg.gif) 0 0 repeat-y;} #left.communityLeft h3{background:url(../images/community/left_title_bg.gif) 0 0 no-repeat;} #left.communityLeft ul{background:url(../images/community/left_list_bg.gif) 0 bottom no-repeat;} .angelLeft{background:url(../images/angel/left_bg.gif) 0 0 repeat-y;} #left.angelLeft h3{background:url(../images/angel/left_title_bg.gif) 0 0 no-repeat;} #left.angelLeft ul{background:url(../images/angel/left_list_bg.gif) 0 bottom no-repeat;} .sitemapLeft{background:url(../images/comm/left_bg1.gif) 0 0 repeat-y;} #left.sitemapLeft h3{background:url(../images/comm/left_title_bg1.gif) 0 0 no-repeat;} #left.sitemapLeft ul{background:url(../images/comm/left_list_bg1.gif) 0 bottom no-repeat;} .memberLeft{background:url(../images/comm/left_bg1.gif) 0 0 repeat-y;} #left.memberLeft h3{background:url(../images/comm/left_title_bg1.gif) 0 0 no-repeat;} #left.memberLeft ul{background:url(../images/comm/left_list_bg1.gif) 0 bottom no-repeat;} #dataContents{display:inline;position:relative;float:right;width:753px;margin:0 10px 0 0;} #dataContents h4{height:35px;margin:0 0 39px;border-bottom:1px solid #e5e5e5;} #dataContents .location{position:absolute;top:9px;right:0;font-size:11px;color:#999;} #dataContents .location img{vertical-align:-1px;margin:0 6px 0 0;} #dataContents .data{position:relative;width:745px;margin:0 0 0 8px;padding:0 0 40px;} #dataContents .data:after{content:"";display:block;clear:both;} /* #footer{width:980px;margin:0 auto;padding:18px 0;} #footer address{margin:0 0 7px;} */ #dataContents .data .photoHistoryList{width:745px;height:643px;padding:152px 0 0;background:url(../images/about/photo_history_bg.jpg) 0 0 no-repeat;} #dataContents .data .photoHistoryList .list{width:660px;height:430px;margin:0 auto;overflow:hidden;} #dataContents .data .photoHistoryList .list:after{content:"";display:block;clear:both;} #dataContents .data .photoHistoryList .list li{display:inline;float:left;width:188px;height:177px;margin:0 16px;padding:38px 0 0;text-align:center;background:url(../images/about/list_bg.png) 0 0 no-repeat;} #dataContents .data .photoHistoryList .list li a{float:left;width:100%;} #dataContents .data .photoHistoryList .list li a img{display:block;width:160px;height:120px;margin:0 auto 8px;} #dataContents .data .photoHistoryList .list li a strong{display:block;width:100%;text-align:center;color:#444;} #dataContents .data .photoHistoryList .writeButton{display:inline;float:right;margin:0 59px 0 0;} #dataContents .data .photoHistoryList .paging{padding:10px 0;text-align:center;} #dataContents .data .photoHistoryList .paging li{display:inline;margin:0 9px;} #dataContents .data .photoHistoryList .paging li a{color:#291600;} #dataContents .data .photoHistoryList .paging li img{vertical-align:-2px;} #dataContents .data .photoHistoryList .paging .prev{margin:0 9px 0 3px;} #dataContents .data .photoHistoryList .paging .next{margin:0 3px 0 9px;} #dataContents .data .photoHistoryList .paging .prev2, #dataContents .data .photoHistoryList .paging .next2{margin:0;} #dataContents .data .photoHistoryView{background:url(../images/about/history_view_bg.jpg) 0 0 repeat-y;} #dataContents .data .photoHistoryView table{width:650px;margin:0 0 15px 40px;color:#444;border-top:1px solid #ae977f;} #dataContents .data .photoHistoryView table th{width:111px;padding:8px 0 8px 19px;text-align:left;border-bottom:1px solid #ae977f;border-right:1px solid #ae977f;background:url(../images/about/view_th_bg.png) 0 0 repeat;} #dataContents .data .photoHistoryView table td{width:221px;padding:8px 0 8px 19px;border-bottom:1px solid #ae977f;border-right:1px solid #ae977f;} #dataContents .data .photoHistoryView table .photo{width:650px;padding:26px 0 32px;text-align:center;} #dataContents .data .photoHistoryView table .last{border-right:none;} #dataContents .data .photoHistoryView .writeButton{display:inline;float:right;margin:0 59px 0 0;} #dataContents .data .photoHistoryView p{clear:both;} #dataContents .data .about1{background:url(../images/about/about1_visual.jpg) right 92px no-repeat;} #dataContents .data .about1 .subTab{position:relative;min-height:404px;height:auto !important;height:404px;padding:85px 0 0;background:url(../images/about/about1_bg.jpg) 0 0 no-repeat;} #dataContents .data .about1 .subTab li{display:inline;} #dataContents .data .about1 .subTab li .tab{position:absolute;top:0;height:43px;overflow:hidden;} #dataContents .data .about1 .subTab li .tab .on{position:relative;z-index:100;margin-top:-43px;} #dataContents .data .about1 .subTab li div{padding:0 45px 0 41px;} #dataContents .data .about1 .subTab li div h6{height:50px;} #dataContents .data .about2{background:url(../images/about/trace_center_bg.gif) 0 0 repeat-y;} #dataContents .data .aboutTrace{background:url(../images/about/trace_center_bg2.gif) 0 0 repeat-y;} #dataContents .data .about2 h5, #dataContents .data .about2 p{background:white;} #dataContents .data .about2 .subTab{position:relative;padding:73px 0 0;background:url(../images/about/trace_top_bg.gif) 0 0 no-repeat;} #dataContents .data .about2 .subTab li{display:inline;} #dataContents .data .about2 .subTab li .tab, #dataContents .data .about2 .subTab li .tabTrace{position:absolute;top:0;height:45px;overflow:hidden;} #dataContents .data .about2 .subTab li .tab .on, #dataContents .data .about2 .subTab li .tabTrace .on{margin-top:-45px;} #dataContents .data .about2 .subTab li div{position:relative;min-height:731px;height:auto !important;height:731px;padding:4px 0 0;background:url(../images/about/trace_bottom_bg.gif) 0 bottom no-repeat;} #dataContents .data .about2 .subTab li div.blind{position:absolute;top:-9999px;} #dataContents .data .about2 .subTab .tab1 div, #dataContents .data .about2 .subTab .tab2 div{width:600px;padding:4px 0 0 145px;} #dataContents .data .about2 .subTab .tab1 div h6, #dataContents .data .about2 .subTab .tab2 div h6{position:absolute;top:-18px;left:27px;} #dataContents .data .about2 .subTab .tab1 div p, #dataContents .data .about2 .subTab .tab2 div p{position:relative;background:none;} #dataContents .data .about2 .subTab .tab1 div .decoration, #dataContents .data .about2 .subTab .tab2 div .decoration{position:absolute;bottom:-68px;right:0;} #dataContents .data .aboutTrace{background:url(../images/about/trace_center_bg2.gif) 0 0 repeat-y;} #dataContents .data .aboutTrace .subTab{background:url(../images/about/trace_top_bg2.gif) 0 0 no-repeat;} #dataContents .data .about2 .subTab .tab3 div{min-height:625px;height:auto !important;height:625px;padding:37px 50px 73px 53px;background:url(../images/about/trace_bottom_bg2.gif) 0 bottom no-repeat;} #dataContents .data .about2 .subTab .tab3 div:after{content:"";display:block;clear:both;} #dataContents .data .about2 .subTab .tab3 div h6{position:absolute;top:-16px;right:42px;} #dataContents .data .about2 .subTab .tab3 div .traceList{position:relative;width:100%;color:#333;font-weight:bold;} #dataContents .data .about2 .subTab .tab3 div .traceList:after{content:"";display:block;clear:both;} #dataContents .data .about2 .subTab .tab3 div .traceList li{float:left;width:100%;border-bottom:1px solid #dad2cd;} #dataContents .data .about2 .subTab .tab3 div .traceList .type2{background:#f7f6f4;} #dataContents .data .about2 .subTab .tab3 div .traceList li a{float:left;padding:8px 0 8px 15px;color:#333;font-weight:bold;} #dataContents .data .about2 .subTab .tab3 div .traceView{position:relative;width:100%;margin:0 0 10px;color:#333;font-weight:bold;} #dataContents .data .about2 .subTab .tab3 div .traceView:after{content:"";display:block;clear:both;} #dataContents .data .about2 .subTab .tab3 div .traceView dt{float:left;width:627px;padding:8px 0 8px 15px;border-bottom:1px solid #dad2cd;} #dataContents .data .about2 .subTab .tab3 div .traceView dd{float:left;width:100%;padding:16px 0;text-align:center;border-bottom:1px solid #dad2cd;background:none;} #dataContents .data .about2 .subTab .tab3 div .traceView dd p{background:none;} #dataContents .data .about2 .subTab .tab3 div .button{float:right;} #dataContents .data .about3{padding:289px 0 0;background:url(../images/about/about3_visual.jpg) 0 0 no-repeat;} #dataContents .data .about3 h5{height:33px;} #dataContents .data .business1 .subTab{position:relative;width:100%;padding:91px 0 0;background:url(../images/business/business1_bg.gif) 0 0 no-repeat;} #dataContents .data .business1 .subTab li{display:inline;} #dataContents .data .business1 .subTab li .tab{position:absolute;top:0;height:43px;overflow:hidden;} #dataContents .data .business1 .subTab li .tab .on{margin-top:-43px;} #dataContents .data .business1 .subTab .tab1 div{background:url(../images/business/business1_bg.jpg) right 0 no-repeat;} #dataContents .data .business1 .subTab .tab2 div{width:100%;} #dataContents .data .business1 .subTab .tab2 div:after{content:"";display:block;clear:both;} #dataContents .data .business1 .subTab .tab2 div div h6{height:25px;} #dataContents .data .business1 .subTab .tab2 div .profile{height:181px;margin:0 0 50px;padding:0 0 0 35px;background:url(../images/business/business1_bg2.jpg) 0 0 no-repeat;} #dataContents .data .business1 .subTab .tab2 div .profile img{display:inline;float:left;margin:84px 0 0 26px;} #dataContents .data .business1 .subTab .tab2 div .profile img.face{margin:0;} #dataContents .data .business1 .subTab .tab2 div .level{float:left;clear:both;width:362px;height:192px;background:url(../images/business/business1_2_text2.gif) 0 25px no-repeat;} #dataContents .data .business1 .subTab .tab2 div .award{float:left;clear:both;width:362px;height:192px;background:url(../images/business/business1_2_text3.gif) 0 25px no-repeat;} #dataContents .data .business1 .subTab .tab2 div .career{float:right;width:362px;height:373px;margin:-192px 0 0;background:url(../images/business/business1_2_text4.gif) 0 25px no-repeat;} #dataContents .data .business3 h5{} #dataContents .data .business3 h6{padding:20px 21px 8px;font-size:12px;color:#444;} #dataContents .data .business3 p{padding:0 21px 8px;color:#444;} #dataContents .data .business4{background:url(../images/business/business4_bg.jpg) 0 30px no-repeat;} #dataContents .data .business4 .subTab{position:relative;min-height:384px;height:auto !important;height:384px;padding:116px 0 0 309px;background:url(../images/business/business4_tab_bg.jpg) 0 0 no-repeat;} #dataContents .data .business4 .subTab li{display:inline;} #dataContents .data .business4 .subTab li .tab{position:absolute;top:0;height:43px;overflow:hidden;} #dataContents .data .business4 .subTab li .tab .on{margin-top:-43px;} #dataContents .data .business5 h5{height:30px;} #dataContents .data .business5 p{height:170px;} #dataContents .data .business5 .logos{height:290px;padding:28px 0 0 123px;background:url(../images/business/business5_logo_bg.gif) 0 0 no-repeat;} #dataContents .data .business5 .logos li{float:left;width:500px;margin:0 0 0 0;} #dataContents .data .business5 .logos li.logo_btn{ text-align:center; margin-top:20px;} #dataContents .data .business5 .logos li.logo_btn a{ margin:0 20px;} /*#dataContents .data .business5 .logos{height:275px;padding:28px 0 0 143px;background:url(../images/business/business5_logo_bg.gif) 0 0 no-repeat;} #dataContents .data .business5 .logos li{float:left;width:158px;margin:0 97px 0 0;} #dataContents .data .business5 .logos li a{display:inline;float:left;margin:20px 0 0 5px;}*/ /*20160105 ¼öÁ¤*/ #dataContents .data .business5 .colors{width:724px;padding:7px 0 0 21px;} #dataContents .data .business5 .colors:after{content:"";display:block;clear:both;} #dataContents .data .business5 .colors li{float:left;width:135px;height:80px;} #dataContents .data .business7{width:706px;margin:0 0 0 24px;} #dataContents .data .business7 h5{height:43px;} #dataContents .data .business7 .list1{width:685px;margin:0 0 15px 21px;} #dataContents .data .business7 .list1:after{content:"";display:block;clear:both;} #dataContents .data .business7 .list1 li{float:left;width:100%;padding:0 0 19px;} #dataContents .data .business7 .list2 li{padding:0 0 15px;} #dataContents .data .family{} #dataContents .data .family h5{position:relative;} #dataContents .data .family .list{width:691px;margin:-14px 0 0 12px;padding:0 15px 3px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f9f9f9 url(../images/about/family_list_bg.gif) 0 bottom repeat-x;} #dataContents .data .family .list li{float:left;width:100%;padding:14px 0;border-bottom:1px solid #e8e8e8;} #dataContents .data .family .list li .img{float:left;margin:0 17px 0 0;} #dataContents .data .family .list li div{float:right;width:542px;} #dataContents .data .family .list li div strong{float:left;width:100%;height:29px;padding:4px 0 0;} #dataContents .data .family .list li div p{float:left;width:100%;height:37px;} #dataContents .data .family .list li div a{float:left;} #dataContents .data .sitemap{width:100%;} #dataContents .data .sitemap:after{content:"";display:block;clear:both;} #dataContents .data .sitemap dl{float:left;width:169px;height:255px;} #dataContents .data .sitemap dl img, #dataContents .data .sitemap dl a, #dataContents .data .sitemap dl dt, #dataContents .data .sitemap dl dd{float:left;width:100%;} #dataContents .data .sitemap dl dt{height:41px;} .fadeImageGra { width:1000px; background-image:url(../images/renew_2012/gra.png); background-repeat:repeat-x; /* position:absolute; width: 1000px;*/ height:18px; z-index:1000; } .submenu_left_top { background-image:url(../images/renew_2012/left_top.png); background-repeat:no-repeat; width:200px; height:60px; position:absolute; top:173px; z-index:100; left:0px; }