/* 공통적용 */ * { margin: 0; padding: 0; } html, body { height: 100%; /* Required */ background-color:#fff; background:url(/img/bg/subBG.gif) repeat-x 0 0; } body,table, tr, td,input,select,form,textarea { color: #444444; font-family:arial,verdana; font-size: 12px; line-height:16px; clear:both; letter-spacing:0; scrollbar-face-color: #ffffff; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #d2d2d5; scrollbar-darkshadow-color: #d2d2d5; scrollbar-track-color: #f5f5f5; scrollbar-arrow-color: #d2d2d5; scrollbar-base-color: #cccccc; } a:link {font-family:arial; font-size: 12px; color:#444444; text-decoration: none; } a:visited {font-family:arial; font-size: 12px; color:#444444; text-decoration: none; } a:hover, a:active {font-family:arial; font-size: 12px; color:#fe8e16; text-decoration: none; text-decoration:underline; } ul, li {list-style: none;} img { border:0px; } clear { padding:0; margin:0; } /* layout */ #mainLayout { width:100%; height:635px; background:url(/img/bg/mainBG.gif) repeat-x 0 0; } #mainBanner { padding:13px 0 0 56px; width:917px; } #mainBanner ul.mainBanner li { float:left; padding-left:27px; } #subLayout { width:835px; padding-top:77px; } #footer { background:url(/img/bg/footerBG.gif) repeat-x 0 0; width:100%; height:50px; padding:15px 0 0 0; } #quickMenu { position:absolute; z-index:10; left:861px; top:250px; width:66px; } .quickMenu { /*position:absolute;*/ } div.subFlashMenu { z-index:1; position:absolute; left:0; top:0; } /* decoration */ /* gate */ body#gate { background:url(/img/gate/bg.gif) repeat-x 0 0 #eaf0f2; } div.mainNotice { background:url(/img/main/mainBanner04.gif) no-repeat 0 0; width:228px; height:30px; padding-top:45px; color:#2c2c2c; font-size:11px; } div.mainNotice ul li { padding:0; margin:0; line-height:14px; width:153px; overflow:hidden; } #subContents { padding-top:28px; width:835px; } #leftMenu { float:left; width:165px; padding:0 15px 20px 15px; } #subDetail { float:left; width:635px; } div.lineMap { text-align:right; color:#a0a0a0; font-size:11px; padding-bottom:10px; } div.lineMap a, div.lineMap a:link, div.lineMap a:visited { text-align:right; color:#a0a0a0; font-size:11px; text-decoration:none } div.lineMap a:hover, div.lineMap a:active { text-align:right; color:#fe8e16; font-size:11px; text-decoration:underline; } #dir { width:635px; background:url(/img/share/dot_01.gif) repeat-x 0 bottom; } div.Tit { float:left; font-family:Arial; color:#003c82; font-size:18px; border-bottom:1px solid #ff6b01; padding:3px 10px 7px 10px; font-weight:normal; } div.subject { padding:15px 8px; color:#818181; font-size:11px; } div.titBul { background:url(/img/share/bul_01.gif) no-repeat 0 2px; padding-left:15px; } div.DetailCon { padding:0 0 30px 15px; width:600px; font-weight:normal; } table.productDetailSize { border-top:1px solid #e1e1e1; } table.productDetailSize th { border-bottom:1px solid #e1e1e1; color:#666666; font-size:11px; background-color:#f7f7f7; font-weight:normal; padding:7px 0; } table.productDetailSize td { border-bottom:1px solid #e1e1e1; color:#818181; font-size:11px; text-align:left; padding-left:20px; } div.LCDPanel { float:left; padding:0 10px 0 30px; } div.SetTopBox { float:left; } table.customerCase_list { width:615px; border-top:2px solid #65a1d7; border-bottom:1px solid #65a1d7; } table.customerCase_list th { background-color:#eef7ff; border-top:1px solid #c9def1; padding:6px; } div.thumbIMG { border:2px solid #5cabc7; background:url(/img/02_Solutions/customerCase_noIMG.gif) no-repeat 0 0; width:180px; height:55px; } table.customerCase_list td { border-top:1px solid #c9def1; padding:6px 0 0 10px; } div.thumbTit { color:#1c4f96; font-size:13px; font-weight:bold; padding-bottom:5px; } div.thumbTit a, div.thumbTit a:link, div.thumbTit a:visited { color:#1c4f96; font-size:13px; font-weight:bold; padding-bottom:5px; } div.thumbTit a:hover, div.thumbTit a:active { color:#1c4f96; font-size:13px; font-weight:bold; padding-bottom:5px; text-decoration:underline; } div.thumbCon { color:#818181; font-size:11px; font-weight:normal; line-height:14px; } table.tbView { width:100%; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; } table.tbView th { color:#787878; font-size:12px; font-weight:normal; text-align:left; padding-left:10px; border-bottom:1px solid #dddddd; } table.tbView th.thCell01 { background:url(/img/txt/thCell01.gif) no-repeat 0 0; width:98px; height:25px; border-bottom:none; } table.tbView th.subj { color:#787878; font-size:12px; font-weight:normal; text-align:left; padding-left:10px; border-bottom:1px solid #dddddd; } table.tbView td { padding:15px 10px; color:#333333; font-size:12px; } table.tbList { width:615px; } table.tbList td { color:#9e9e9c; font-size:12px; text-align:center; border-bottom:1px solid #dddddd; padding:6px 0 5px 0; } table.tbList td a, table.tbList td a:link, table.tbList td a:visited { color:#787878; font-size:12px; } table.tbList td a:hover, table.tbList td a:active { color:#e84b00; font-size:12px; text-decoration:underline; } table.tbWrite { width:100%; border-top:2px solid #65a1d7; border-bottom:1px solid #65a1d7; } table.tbWrite th { border-bottom:1px solid #c9def1; background-color:#eef7ff; } table.tbWrite td { border-bottom:1px solid #c9def1; color:#787878; font-size:12px; padding:3px 0 3px 5px; } table.prevNext th { background-color:#f7f7f7; border-bottom:1px solid #dddddd; padding:5px 0; } table.prevNext td { border-bottom:1px solid #dddddd; padding:5px 0 5px 10px; color:#9e9e9c; font-size:12px; } table.prevNext td a, table.prevNext td a:link, table.prevNext td a:visited { color:#9e9e9c; font-size:12px; text-decoration:none; } table.prevNext td a:hover, table.prevNext td a:active { color:#e84b00; font-size:12px; text-decoration:underline; } table.historyTB { border-top:2px solid #65a1d7; border-bottom:1px solid #65a1d7; } table.historyTB th { background-color:#eef7ff; border-bottom:1px solid #c9def1; font-size:12px; color:#1c4f96; padding:9px 0 8px 0; } table.historyTB td { color:#787878; border-bottom:1px solid #c9def1; font-size:12px; padding-left:10px; text-align:left; } div.loginBG { background:url(/img/00_member/loginBG.gif) no-repeat 73px 15px; height:215px; } div.idDel_loginBG { background:url(/img/00_member/idDel_loginBG.gif) no-repeat 73px 40px; height:215px; } div.idDelBG { background:url(/img/00_member/idDelBG.gif) no-repeat 73px 40px; height:215px; } table.joinTB { border-top:2px solid #65a1d7; border-bottom:1px solid #65a1d7; } table.joinTB th { vertical-align:top; padding:7px 0 8px 20px; background-color:#eef7ff; border-bottom:1px solid #c9def1; text-align:left; } table.joinTB th.essentiality { vertical-align:top; background:url(/img/share/bul_03.gif) no-repeat 10px 9px; padding:7px 0 8px 20px; background-color:#eef7ff; border-bottom:1px solid #c9def1; text-align:left; } table.joinTB td { padding:0 0 0 10px; border-bottom:1px solid #c9def1; text-align:left; color:#787878; } div.serviceBox { border-top:2px solid #65a1d7; border-bottom:1px solid #65a1d7; background-color:#eef7ff; padding:15px; } div.join_completeBG { background:url(/img/00_member/join_completeBG.gif) no-repeat 0 0; width:476px; height:175px; } table.idpwTBWrap td.rptBG { border-left:2px solid #e8e8e8; border-right:2px solid #e8e8e8; padding:20px; } table.idpwTB { border-top:2px solid #65a1d7; border-bottom:1px solid #65a1d7; } table.idpwTB th { padding:7px 0 8px 0; background-color:#eef7ff; border-bottom:1px solid #c9def1; text-align:center; } table.idpwTB td { padding:0 0 0 10px; border-bottom:1px solid #c9def1; text-align:left; color:#787878; } /* 사이트맵 */ div.sitemapCol { width:145px; padding-right:10px; float:left; } div.sitemapCol dt { height:30px; } dd.menu2depth { border-bottom:1px solid #f0f0f0; color:#418bae; font-size:11px; font-weight:bold; line-height:11px; padding:8px 0 8px 3px; word-spacing:-2px; } dd.menu2depth a, dd.menu2depth a:link, dd.menu2depth a:visited { color:#418bae; font-size:11px; font-weight:bold; line-height:11px; word-spacing:-2px; } dd.menu2depth a:hover, dd.menu2depth a:active { color:#418bae; font-size:11px; font-weight:bold; line-height:11px; word-spacing:-2px; text-decoration:underline; } dd.menu3depth li { background:url(/img/sitemap/sm_3depthBul.gif) no-repeat 5px 10px; border-bottom:1px solid #f0f0f0; color:#666666; font-size:11px; font-weight:normal; padding:5px 0 4px 15px; } dd.menu3depth li a, dd.menu3depth lia:link, dd.menu3depth li a:visited { color:#666666; font-size:11px; font-weight:normal; line-height:11px; } dd.menu3depth li a:hover, dd.menu3depth li a:active { color:#fe8e16; font-size:11px; font-weight:normal; line-height:11px; text-decoration:underline; } dd.menu4depth { border-bottom:1px solid #f0f0f0; } dd.menu4depth li { background:url(/img/sitemap/sm_4depthBul.gif) no-repeat 13px 8px; color:#818181; font-size:11px; font-weight:normal; padding:4px 0 2px 23px; line-height:11px; } dd.menu4depth li a, dd.menu4depth lia:link, dd.menu4depth li a:visited { color:#818181; font-size:11px; font-weight:normal; line-height:11px; } dd.menu4depth li a:hover, dd.menu4depth li a:active { color:#fe8e16; font-size:11px; font-weight:normal; line-height:11px; text-decoration:underline; } div.paging { text-align:center; margin:10px 0 20px 0; } div.paging span { padding:0 5px; color:#9e9e9c; } div.paging span a, div.paging span a:link, div.paging span a:visited { color:#9e9e9c; } div.paging span a:hover, div.paging span a:active { color:#e84b00; font-weight:bold; } div.search { text-align:center; } input { border:1px solid #e3e3e3; padding:1px 0 0 3px; color:#787878; height:17px; } textarea { border:1px solid #e3e3e3; padding:1px 0 0 3px; color:#787878; } /* 레프트 메뉴 */ div.lmMenuList { background:url(/img/leftMenu/lm_bg_rpt.gif) repeat-y 0 0; width:151px; padding:10px 0 0 14px; } div.lmMenuList ul li { width:137px; } div.menu3Depth { border:1px solid #cdcdcd; border-top:none; padding:10px 0; } div.menu3Depth ul li { background:url(/img/share/bul_02.gif) no-repeat 20px 4px; padding:0 0 0 28px; width:105px; } div.menu3Depth ul li a, div.menu3Depth ul li a:link, div.menu3Depth ul li a:visited { color:#8b8b8b; font-size:11px; font-weight:normal; } div.menu3Depth ul li a:hover, div.menu3Depth ul li a:active { color:#fe8e16; font-size:11px; font-weight:bold; text-decoration:none; } div.menu4Depth { color:#8b8b8b; } div.menu4Depth ul li { } div.menu4Depth ul li a, div.menu4Depth ul li a:link, div.menu4Depth ul li a:visited { color:#8b8b8b; font-size:11px; font-weight:normal; } div.menu4Depth ul li a:hover, div.menu4Depth ul li a:active { color:#8b8b8b; font-size:11px; font-weight:bold; text-decoration:none; } /* 팝업 */ #pop400x500 { width:400px; height:500px; } div.pop400x500BG { background:url(/img/popup/pop400x500BG.gif) no-repeat 0 0; padding:0 24px; color:#000000; font-size:12px; width:352px; height:212px; } div.pop400x500Btm { background:url(/img/popup/pop400x500Btm.gif) repeat-y 0 0; width:400px; height:53px; } #pop400x600 { width:400px; height:600px; } div.pop400x600BG { background:url(/img/popup/pop400x600BG.gif) no-repeat 0 0; padding:0 24px; color:#000000; font-size:12px; width:352px; height:288px; } div.pop400x600Btm { background:url(/img/popup/pop400x600Btm.gif) repeat-y 0 0; width:400px; height:53px; } #pop350x350 { width:305px; height:350px; } div.pop350x350BG { background:url(/img/popup/pop350x350BG.gif) no-repeat 0 0; padding:0 24px; color:#000000; font-size:12px; width:302px; height:100px; } div.pop350x350Btm { background:url(/img/popup/pop350x350Btm.gif) repeat-y 0 0; width:350px; height:53px; } #pop_zipcode { width:350px; height:330px; } div.pop_zipcodeBG { background:url(/img/popup/pop_zipcodeBG.gif) no-repeat 0 0; width:311px; height:261px; padding:0 19px 0 20px; } div.roundBox { background:url(/img/popup/popRoundBox.gif) no-repeat 0 0; width:291px; height:29px; padding:8px 0 0 20px; } div.zipcodeResult { border:1px solid #cccccc; width:301px; height:73px; padding:5px; overflow:auto; } ul.zipcodeResult { line-height:16px; } #pop_fileUpload { width:350px; height:200px; } div.pop_fileUploadBG { background:url(/img/popup/pop_fileUploadBG.gif) no-repeat 0 0; width:311px; height:121px; padding:10px 19px 0 20px; } /* 폰트 스타일 */ .fontStyle01 { color:#6b6b6b; font-size:11px; } /* inputText */ /* 라인스타일 */ /* textarea */