/*------------------------------------------------------- Layout Style Sheet (for 2009 topquardrant Korea renual) version: 1.1 author:jey email:jey@topquardrant.co.kr --------------------------------------------------------*/ @charset "utf-8"; body { width: 900px; margin: 0 auto 0 auto; padding: 0px ; background-color: #FFFFFF; color: #222222; font-family: 돋움, 굴림, 맑은 고딕; text-align:center; font-size: 12px; line-height:150%;} table,td,th { padding:4px 5px 3px 5px; border-collapse:collapse; vertical-align: top; } ul { margin:0; padding:0; list-style-type:none;} a img { border:none; vertical-align:middle;} h1 { padding:55px 0px 0px 0px; overflow:hidden; height: 0px !important;/* 대부분의 웹 브라우저를 위한 명령 */ line-height:normal;} h1.cp01 { background: url(../images/company/tit_overview.gif) no-repeat;} h1.cp02 { background: url(../images/company/tit_ceo.gif) no-repeat;} h1.cp03 { background: url(../images/company/tit_organ.gif) no-repeat;} h1.cp04 { background: url(../images/company/tit_costomer.gif) no-repeat;} h1.cp05 { background: url(../images/company/tit_partner.gif) no-repeat;} h1.cp06 { background: url(../images/company/tit_map.gif) no-repeat;} h1.sl01 { background: url(../images/solution/tit_dynamicInteg.gif) no-repeat;} h1.sl02 { background: url(../images/solution/tit_enterArch.gif) no-repeat;} h1.sl03 { background: url(../images/solution/tit_infoManage.gif) no-repeat;} h1.sl04 { background: url(../images/solution/tit_policyManage.gif) no-repeat;} h1.sl05 { background: url(../images/solution/tit_searchNavi.gif) no-repeat;} h1.sv01 { background: url(../images/service/tit_soluEnvision.gif) no-repeat;} h1.sv02 { background: url(../images/service/tit_soluImplementation.gif) no-repeat;} h1.sv03 { background: url(../images/service/tit_ontoDevelop.gif) no-repeat;} h1.sv04 { background: url(../images/service/tit_topsailMethod.gif) no-repeat;} h1.sv05 { background: url(../images/service/tit_training.gif) no-repeat;} h1.rc01 { background: url(../images/recruit/tit_talent.gif) no-repeat;} h1.rc02 { background: url(../images/recruit/tit_personel.gif) no-repeat;} h1.rc03 { background: url(../images/recruit/tit_welfare.gif) no-repeat;} h1.rc04 { background: url(../images/recruit/tit_recruit.gif) no-repeat;} h1.pd01 { background: url(../images/product/tit_topBraidSuite.gif) no-repeat;} h1.pd02 { background: url(../images/product/tit_ontoSuite.gif) no-repeat;} h1.pd03 { background: url(../images/product/tit_ugenie.gif) no-repeat;} h1.pd04 { background: url(../images/product/tit_linkedData.gif) no-repeat;} h1.bd01 { background: url(../images/support/tit_news.gif) no-repeat;} h1.bd02 { background: url(../images/support/tit_notice.gif) no-repeat;} h1.sp01 { background: url(../images/support/tit_faq.gif) no-repeat;} h1.sp02 { background: url(../images/support/tit_qna.gif) no-repeat;} h1.sp03 { background: url(../images/support/tit_source.gif) no-repeat;} h1.st { background: url(../images/tit_sitemap.gif) no-repeat;} h1 span { font-size:12px; color: #f15922;} h2 { margin:0px 0px 5px 0px; padding:4px 10px 1px 5px; font-size:12px; color:#FFFFFF; background-color:#a2b1cb;} h2.dwld {background-color:#ccb99a;} h2.stTit01, h2.stTit02, h2.stTit03, h2.stTit04, h2.stTit05, h2.stTit06 { padding:25px 0px 0px 0px; overflow:hidden; width:200px; height: 0px !important;/* 대부분의 웹 브라우저를 위한 명령 */ height/**/:25px; /* 윈도우용 IE5를 위한 명령 */ line-height:normal;} h2.stTit01 {background:url(../images/sitemapTit_company.gif) no-repeat;} h2.stTit02 {background:url(../images/sitemapTit_solution.gif) no-repeat;} h2.stTit03 {background:url(../images/sitemapTit_product.gif) no-repeat;} h2.stTit04 {background:url(../images/sitemapTit_service.gif) no-repeat;} h2.stTit05 {background:url(../images/sitemapTit_support.gif) no-repeat;} h2.stTit06 {background:url(../images/sitemapTit_recruit.gif) no-repeat;} h3 { margin:20px 0px 10px 0px; padding:5px 5px 3px 10px; font-size:12px; font-weight:bold; background-color:#f9f7f4;} h4 { margin:0px 0px 10px 0px; padding: 0px 10px 0px 5px; border-bottom: 1px solid #fafafa; color:#698bc7; font-size:12px;} p {margin:10px 10px 20px 10px;} input { height:14px; border:1px solid #bbbbbb;} input.radio { border:none; height:auto; vertical-align:middle; margin-bottom:4px;} textarea { width: 98%; height:150px; padding:5px; border:1px solid #bbbbbb; font-size:12px; overflow:auto;} /*layout---------------------------*/ #top { padding-bottom:10px; /*text-align:left;*/} #top #logo { float:left; margin:0; padding:0; background:none;} #topMenu { clear:both; background-color: #f9f7f4; background-image:url(../images/logo_top.gif); background-repeat:no-repeat; background-position:left; height: 40px; width: 900px;} #topMenu li { float:right; margin: 0px 5px 0px 5px; padding: 10px 5px 0px 12px; background: url(../images/topmenu_bul.gif) no-repeat 0px 2px; font-size:11px; font-family:"Tahoma";} #topMenu span { display:block; float:left; padding-left:10px; padding-top:7px; background-color:#f9f7f4; font-family:"Tahoma"; font-size:10px; text-align:left; line-height:120%;} #topMovie { height: 90px; background-image:url(../images/logo_center.gif); background-repeat:no-repeat; background-position:center;} #mainTop{} /*Navigation---------------------------*/ #mainMenu { text-align:center;} #mainMenu ul{ float:left; width:900px; height:40px; background: url(../images/menu_bg.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding-left:25px; padding-bottom:15px;} #mainMenu li { float:left; padding-left:25px;} #mainMenu a { display:block; padding: 10px 10px 10px 10px; margin:0 30px;} #leftMenu { float:left; width:215px; /*background:url(../images/leftmenu_bg.gif) repeat-y;*/} #leftMenu .leftImg {height:110px; background: url(../images/leftmenu_topbg.gif) no-repeat;} #mn_primary { /*float:left; width:92px;*/ padding:8px 40px 5px 0px; text-align:right; font-weight:bold; line-height:200%;} #mn_secondary { float:none; padding-left:122px; font-size : 11px; text-align:left;} #mn_secondary li, #mn_primary li { border-bottom:1px solid #eeeeee;} /*content---------------------------*/ #mainLeft li, #mainRight li, #content li { padding-left:12px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px;} #content ul { margin: 0px 5px 20px 5px;} #content ul ul { margin: 2px 15px 5px 5px;} #content li { margin:0px 0px 0px 4px; line-height:145%;} #content table li, #content table ul { margin:0;} #content li li { padding-left:12px; background-image: url(../images/bullet-.gif);} /*tab style start---------------------------*/ #content ul.tabNavi {margin-top:20px; height:45px; overflow:hidden; margin-bottom:0px;} #tab01 {background: url(../images/product/tab_bg_tobBraidSuite.gif) no-repeat;} #tab02 {background: url(../images/product/tab_bg_ontoSuite.gif) no-repeat;} #tab01 ul, #tab02 ul, #tab01 li, #tab02 li { margin: 0; padding: 0; display:inline;} .tabNavi a { float: left; padding: 45px 0 0 0; margin-left: 2px; width: 142px; overflow: hidden; height: 0px !important; height/**/:45px; /* 윈도우용 IE5를 위한 명령 */ background: url(../images/product/tab_composero.gif) no-repeat; background-position: 0px -45px;} /*topBraidSuite Tab---------------------------*/ #tab01 #composer a.selected, #tab01 #composer a:hover, #tab01 #composer a:active { background: url(../images/product/tab_composero.gif) no-repeat;} #tab01 #live a.selected, #tab01 #live a:hover, #tab01 #live a:active { background: url(../images/product/tab_liveo.gif) no-repeat;} #tab01 #ensemble a.selected, #tab01 #ensemble a:hover, #tab01 #ensemble a:active { background: url(../images/product/tab_ensembleo.gif) no-repeat;} /*#composer a:link, #live a:link, #ensemble a:link { width:142px; background-position: 0px -45px;}*/ /*ontoSuite Tab---------------------------*/ #ontoBase a.selected, #tab02 #ontoBase a:hover, #tab02 #ontoBase a:active { background: url(../images/product/tab_ontoBaseo.gif) no-repeat; }#ontoTrans a.selected, #tab02 #ontoTrans a:hover, #tab02 #ontoTrans a:active { background: url(../images/product/tab_ontoTranso.gif) no-repeat;} /*#ontoBase a:link, #ontoTrans a:link { width:142px; background-position: 0px -45px;}*/ #tabBody {margin:0;} /*tab style end---------------------------*/ #mainBody ul {text-align:left;} #mainLeft {float:left; text-align:left;} #mainRight {float:right; padding-bottom:40px;} #notice { width:430px; margin-bottom:30px; font-size:11px;} #notice div, #news div { width:430px; height:30px; text-align:right; background:url(../images/content_tit01.gif) no-repeat;} #news div {background:url(../images/content_tit02.gif) no-repeat;} #notice div a, #news div a { margin-right:15px; padding-top:15px; font-family:Tahoma; font-size:10px; font-weight:normal;} #news { clear:both; width:430px; margin: 30px 0px 30px 20px; font-size:11px;} #news ul, #notice ul {padding-left:10px;} #quickMenu {text-align:center;} #banner img { margin: 0px 0px 0px 10px;} #quickMenu {} #content { float: right; width:645px; text-align:left; padding-bottom:40px;} #pageState { clear:both; height:20px; padding-right:5px; font-size:11px; text-align:right;} .content01, .content04 {margin: 20px 5px 30px 5px;} .content05 img { margin: 25px 28px 25px 28px;} .content02 img { margin: 25px 18px 25px 18px;} .content03 img { margin: 25px 24px 25px 23px;} .logoimg { margin: 0px 10px 0px 0px;} /*board table---------------------------*/ .table_line { margin-top:30px; padding : 10px 10px 10px 10px; background-color:#FFFFFF; border: 5px solid #f9f7f4;} .paging{ padding: 15px 10px 20px 0px; text-align:right;} .numbox { margin: 0 15px;} .numbox a { padding: 0px 5px 0px 5px;} .pageSearch { padding-top:10px; border-top:1px dotted #eeeeee; text-align:center;} .pageBt { padding: 10px; text-align:right;} .pageTit { padding: 10px 5px 15px 5px; font-size:14px; font-weight:bold;} input.searchInput { width: 100px; margin-left: 10px; /*border:none; border-bottom:3px solid #c8b699;*/} input.writeInput { width: 100%;} img.fileIcon { margin: 0px 5px 1px 5px;} /*input file start-------------------------------*/ div.fileInputs {position: relative; width:500px;} div.fakeFile { position: absolute; top:0px;left:0px; width:500px; z-index: 1;} input.inputFile {position: relative; width:89%; height:20px; text-align:right; filter:alpha(opacity:0); opacity:0; z-index:2; selector-dummy: expression(this.hideFocus=true);} input.qnaInput {width:75%;} img.searchBt, img.fileSearchBt { vertical-align:middle; margin-bottom:4px;} /*input file end-------------------------------*/ table#comInfo_table{ width:100%; border-top:2px solid #f9f7f4; border-bottom:2px solid #f9f7f4; border-left:20px solid #f9f7f4; border-right:20px solid #f9f7f4;} #comInfo_table td { background-color: #FFFFFF; padding-left: 20px; border-bottom: 1px solid #eeeeee; } #comInfo_table th { width: 100px; padding: 4px 30px 4px 0px; background-color: #f9f7f4; border-bottom:1px solid #eeeeee;} table#service_table, table#product_table { width: 603px; border: 2px solid #dfe4ec;} #service_table th, #product_table th { white-space: nowrap; vertical-align: middle; text-align: center; border-bottom: 1px solid #dfe4ec; background-color: #f9f7f4;} #product_table th {width:50%;} #service_table .list_tit{width:20%; padding:10px;} #product_table .list_tit{border-right: 1px solid #dfe4ec;} #service_table .ln_right{border-right: 1px solid #dfe4ec;} #service_table td { background-color: #FFFFFF; padding: 10px 20px; border-bottom: 1px solid #eeeeee;} #product_table td, #product_table1 td { background-color: #fefefe; padding: 5px 20px 4px 20px; border-bottom: 1px solid #eeeeee;} table#notice_table, table#qna_table { width:100%; border-top: 3px solid #f9f7f4; border-bottom: 3px solid #f9f7f4;} #product_table1 {width:100%; border:1px solid #D0D7BB; margin-top:10px;} #product_table1 th {background-color:#D0D7BB; border-bottom:1px solid #B1B57D;} #notice_table td { background-color:#FFFFFF; border-bottom:1px solid #eeeeee;} #product_table1 th, #notice_table th, #qna_table th { padding:5px 15px 5px 15px; text-align:center; white-space: nowrap;} #product_table1 tr, #notice_table tr { text-align:center;} #notice_table .list_nb{width: 10%; border-bottom:3px solid #c8b699;} #notice_table .list_tit{border-bottom:3px solid #acbbd6;} #notice_table .list_user{width: 10%; border-bottom:3px solid #b2c7b2;} #notice_table .list_date{width: 14%; border-bottom:3px solid #bbbbbb;} #notice_table .list_hit{width: 10%; border-bottom:3px solid #dbbebe;} #notice_table .tit_align{text-align:left; padding-left:10px;} #notice_table .view_tit{ padding:7px 10px; border-bottom:3px solid #acbbd6; font-weight: bold; text-align:left;} #notice_table .view_align{ text-align:right; font-size: 11px; color: #bbbbbb;} #notice_table .view_align span {margin:0px 2px 0px 13px; color:#686b72;} #notice_table .view_cont { padding:15px 10px 25px 10px; text-align:left; border-bottom: 3px solid #f9f7f4;} #qna_table td { padding:5px 10px 5px 10px; background-color:#fbfbfb; border-bottom:1px solid #eeeeee;} #qna_table th { width:15%; border-bottom:1px solid #eeeeee;} #qna_table .qna_input01 { width:20%;} #qna_table .qna_input02 { width:50%;} .faqBorder { border-bottom:3px solid #f9f7f4;} #faq_table { width:100%; border-top:2px solid #eeeeee;} #faq_table th { padding:5px 10px 5px 10px; text-align:left; vertical-align:middle;} #faq_table td { width: 40px;} .answer { display:none; padding:5px 10px 15px 10px; border-top:1px solid #eeeeee;} /*content sub list style---------------------------*/ .rightList { display:inline; float:right; padding-left:15px; border-left: 1px solid #eeeeee;} .rightList table { width: 180px;} .rightList th { height:25px;} .rightList td { height: 20px; border-bottom: 1px solid #eeeeee;} .rightList .subListTit01 { background: url(../images/company/ceo_historytit.gif) no-repeat #f9f7f4;} .rightList .subListTit02 { background: url(../images/company/ceo_awardtit.gif) no-repeat #f9f7f4;} /*footer---------------------------*/ #footer { clear:both;} #footer ul{ width:900px; height:70px; background: url(../images/footer_bg.gif) repeat-x;} #footer li {float:left;height:70px;} #footer #ft_right { width:26px; background: url(../images/footer_right.gif) no-repeat;} #footer #ft_address { width:450px; background: url(../images/footer_address.gif) no-repeat;} #footer #partners { width:424px; background: url(../images/footer_partners.gif) no-repeat;} #footer #partners img {margin:28px 14px 0px 0px;} #footer #partners div {padding-left:5px;} /*border----------------------------------------------------*/ .border5 { border: 5px solid #f9f7f4;} .border1 { border: 1px solid #eeeeee;} /*padding/margin----------------------------------------------------*/ .pd1515 { padding: 5px 15px 5px 15px;} .pdbt30 {padding-bottom:30px;} .marginTop30 {margin-top:30px;} .marginBt20 {margin-bottom:20px;} /* link style */ /*menu--------------------------------------------------------*/ /*basic-------------------------------------------------------*/ a:link { color: #686b72; text-decoration:none;} a:visited { color: #717682; text-decoration:none;} a:hover { color: #f15922; text-decoration:none; /*border-bottom:1px dotted #DDDDDD;*/} a:active { color: #686b72; text-decoration:none;} /*mainMenu----------------------------------------------------*/ #mainMenu a:link { color: #000000; text-decoration:none;} #mainMenu a:visited { color: #000000; text-decoration:none;} #mainMenu a:hover { color: #f15922; text-decoration:none; border:none;} #mainMenu a:active { color: #000000; text-decoration:none;} /*contentLink----------------------------------------------------*/ .content04 a:link, .content01 a:link { color: #698bc7; text-decoration:none; font-weight:bold; letter-spacing:-1px;} .content04 a:visited, .content01 a:visited { color: #496ab2; text-decoration:none;font-weight:bold;} .content04 a:hover, .content01 a:hover { color: #f15922; text-decoration:none; border:none;font-weight:bold;} .content04 a:active, .content01 a:active { color: #686b72; text-decoration:none;font-weight:bold;}