/* ##### ***** ***** ***** ***** ***** ##### [ 주식회사 필택 Style ] ##### ***** ***** ***** ***** ***** ##### 코딩 : 김초경 (Kim Cho Kyung) 작업완료일 : 2013.06 프로그램 설명 : 주식회사 필택 Style 기타 주의사항 : ##### ***** ***** ***** ***** ***** ##### */ button.rank1 { border:1px solid #6a6a6a; background-color:#e67c35; color:#FFF; } button.rank2 { border:1px solid #6a6a6a; background-color:#358ae6; color:#FFF; } button.rank3 { border:1px solid #6a6a6a; background-color:#5d60bd; color:#FFF; } button.rank4 { border:1px solid #6a6a6a; background-color:#455e7d; color:#FFF; } button.rank5 { border:1px solid #6a6a6a; background-color:#456b7d; color:#FFF; } button.rank6 { border:1px solid #6a6a6a; background-color:#616161; color:#FFF; } button.rank7 { border:1px solid #6a6a6a; background-color:#888888; color:#FFF; } /* 상단 선택 탭 */ #container div.content div div.tabs { height:29px; margin-top:23px; border-bottom:1px solid #8774e9; } #container div.content div div.tabs ul { } #container div.content div div.tabs ul li { float:left; } #container div.content div div.tabs ul li a { display:block; width:128px; height:13px; padding:8px 0; font-family:"NanumGothicBold"; font-size:12px; text-align:center; background:#e3dffa; color:#6b5ac3; } #container div.content div div.tabs ul li.on a { background:#8774e9; color:#fff; } #container div.content div div.tabs ul li:hover a { background:#8774e9; color:#fff; } /* 찾아오시는 길 */ #container div.content div.map { margin-bottom:30px; } #container div.content div.map div.roughMap { position:relative; margin-top:13px; } #container div.content div.map div.roughMap img { border:1px solid #e0e0e0; } #container div.content div.map div.roughMap button { position:absolute; bottom:20px; right:17px; height:25px; padding:0px 19px; color:#fff; background:#3a5ac8; border:1px solid #6a6a6a; } #container div.content div.map div.daumMap { margin-top:15px; } #container div.content div.map div.addr div.title { height:15px; margin-top:22px; padding-left:20px; background:url('/images/common/titleSmallBullet.png') no-repeat; font-family:"NanumGothicBold"; font-size:14px; color:#6a5abd; } #container div.content div.map div.addr table { border-bottom:1px solid #ddd; margin-top:8px; } #container div.content div.map div.addr table tr td { padding:13px 0 11px 10px; border-top:1px solid #ddd; } #container div.content div.map div.addr table tr td.grey { padding-left:0px; padding-right:7px; background:#878787; text-align:right; color:#fff; } #container div.content div.map div.addr table tr td.blue { padding-left:0px; background:#749ee9; text-align:center; color:#fff; border-right:1px solid #ddd; } #container div.content div.map div.addr table tr td.move { line-height:200%; } /* 기술 연구소 */ #container div.content div.lab { margin-top:23px; } #container div.content div.lab div { margin-top:33px; } #container div.content div.lab div.policy { margin-top:0px; } #container div.content div.lab div div.title { width:235px; height:18px; padding:3px 0 0 15px; font-size:14px; font-family:"NanumGothicBold"; color:#fff; background:url('/images/common/titleRectangleBullet.png') no-repeat 6px center #8775e9; } #container div.content div.lab div div.article { margin-top:14px; padding:12px 18px 0 18px; line-height:160%; background:#ececec; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; } #container div.content div.lab div.policy div.article { float:left; width:591px; height:140px; } #container div.content div.lab div.group div.article { float:left; width:550px; height:94px; } #container div.content div.lab div.project div.article { width:744px; height:140px; } #container div.content div.lab div img { border:1px solid #d8d8d8; float:left; margin:14px 0 0 13px; } /* 인사말 */ #container div.content div.greeting { margin-top:15px; } #container div.content div.greeting div { font-family:"NanumGothic"; line-height:180%; } #container div.content div.greeting div span { font-family:"NanumGothic"; color:#8774e9; line-height:180%; font-size:13px; } #container div.content div.greeting div.top { line-height:180%; font-size:13px; } #container div.content div.greeting div.top span.bold { font-family:"NanumGothic"; font-size:17px; color:#554b9f; } #container div.content div.greeting div.bottom { margin-top:34px; font-size:13px; } #container div.content div.greeting div.bottom div.title { width:109px; height:19px; margin-bottom:24px; padding:4px 0 5px 50px; line-height:100%; color:#fff; font-family:"NanumGothicBold"; font-size:18px; background:#74a5e9; } #container div.content div.greeting div.ceo { margin-top:75px; font-size:18px; font-family:"NanumGothicBold"; text-align:right; line-height:100%; } #container div.content div.greeting div.ceo img { margin-left:21px; vertical-align:middle; margin-bottom:10px; } /* 연혁 */ #container div.content div.history { margin-top:13px; } #container div.content div.history > ul > li { margin-bottom:10px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; } #container div.content div.history > ul > li > span { display:block; float:left; width:126px; height:27px; padding-top:6px; text-align:center; color:#fff; font-family:"NanumGothicBold"; font-size:18px; background:#8774e9; } #container div.content div.history ul li.even > span { background:#749fe9; } #container div.content div.history ul li ul { float:left; width:654px; } #container div.content div.history ul li ul li { float:right; padding:6px 0 3px 0px; border-left:1px solid #d8d8d8; } #container div.content div.history ul li.even ul li { background:#ececec; } #container div.content div.history ul li ul li span { display:block; width:597px; float:right; line-height:200%; } #container div.content div.history ul li ul li span.date { display:block; float:left; width:40px; padding:0 7px 0 9px; color:#8774e9; font-weight:bold; } #container div.content div.history ul li ul li.date { width:42px; padding:11px 0 7px 9px; color:#8774e9; font-weight:bold; border-left:1px solid #d8d8d8; } #container div.content div.history ul li div.clear { } /* 수상 및 인증내역 */ #container div.content div.award div.list { margin-top:15px; padding-bottom:16px; border-bottom:1px solid #e0e0e0; } #container div.content div.award div.list ul li { float:left; margin-left:10px; margin-top:34px; } #container div.content div.award div.list ul li.first { margin-left:0px; } #container div.content div.award div.list ul li.top { margin-top:0px; } #container div.content div.award div.list ul li table tbody tr td { width:187px; height:273px; background:#e4e1fa; font-size:0px; line-height:0px; text-align:center; vertical-align:middle; } #container div.content div.award div.list ul li table tbody tr td img { max-width:181px; max-height:267px; } #container div.content div.award div.list ul li span { display:block; width:187px; margin-top:4px; padding:12px 0 10px 0; background:#495393; font-weight:bold; color:#fff; text-align:center; } /* 게시판 공통 */ #container div.content div div.boardTop { text-align:right; } #container div.content div div.boardTop span { font-weight:bold; } /* 게시판 인풋 사이즈 */ input { border:1px solid #abacb1; outline:none; margin:0px; vertical-align:middle; } input.min { width:181px; } input.mid { width:261px; } input.max { width:621px; } input.phone { width:37px; } input.number { width:71px; } /* 게시판 버튼 */ div.btns button { /*padding:0 19px;*/ width:74px; height:27px; .margin-left:4px; border:1px solid #6a6a6a; color:#fff; vertical-align:middle; } div.btns button.write { background:#3a5ac8; } div.btns button.prev { background:#4e9db3; } div.btns button.next { background:#818181; } div.btns button.list { background:#42bf73; } div.btns button.cancel { background:#818181; } div.btns button.del { background:#456b7d; } div.btns button.modify { background:#616161; } div.btns button.reply { background:#888888; } /* 페이징 */ div.pager { text-align:center; } div.pager table { margin:0 auto; width:auto; table-layout:auto; } div.pager table td, div.pager table th { padding:0 2px; } div.pager table td a { display:block; color:#4e4887; background-color:#dedaec; padding:10px 8px 8px; font-size:11px; } div.pager table td a.on { background-color:#7669a3; font-weight:bold; color:#FFF; } div.pager table th a { display:block; padding:8px 0 9px 0; width:20px; overflow:hidden; text-indent:-1000em; } div.pager table th a.first { background:url("/images/common/pageFirst.png") no-repeat center #b7b1d4 ; } div.pager table th a.prev { background:url("/images/common/pagePrev.png") no-repeat center #b7b1d4; } div.pager table th a.next { background:url("/images/common/pageNext.png") no-repeat center #b7b1d4; } div.pager table th a.last { background:url("/images/common/pageLast.png") no-repeat center #b7b1d4; } /* 제품소개 페이징 */ #container div.content div div.prodFooter { margin-bottom:40px; } #container div.content div div.prodFooter div.pager table td a { color:#656d70; background-color:#e4eaec; } #container div.content div div.prodFooter div.pager table td a.on { background-color:#74afb5; font-weight:bold; color:#FFF; } #container div.content div div.prodFooter div.pager table th a.first { background:url("/images/prod/prodPageFirst.png") no-repeat center #b7b1d4 ; } #container div.content div div.prodFooter div.pager table th a.prev { background:url("/images/prod/prodPagePrev.png") no-repeat center #b7b1d4; } #container div.content div div.prodFooter div.pager table th a.next { background:url("/images/prod/prodPageNext.png") no-repeat center #b7b1d4; } #container div.content div div.prodFooter div.pager table th a.last { background:url("/images/prod/prodPageLast.png") no-repeat center #b7b1d4; } /* 견적의뢰 */ #container div.content div.inquiry { margin-top:12px; margin-bottom:30px; } #container div.content div.inquiry div.agreement div.article { border:3px solid #ccc; height:194px; padding:10px 7px 5px 7px; background:#f6f6f6; overflow-y:scroll;} #container div.content div.inquiry div.agreement div.article span { display:block; background:#fff; margin-bottom:5px; } #container div.content div.inquiry div.agreement div.chk { height:21px; padding:8px 10px 0 0; background:#666; text-align:right; } #container div.content div.inquiry div.agreement div.chk label { color:#fff; } #container div.content div.inquiry div.agreement div.chk input { width:12px; height:12px; padding:0px; vertical-align:top; border:none; } #container div.content div.inquiry table { width:100%; margin-top:23px; } #container div.content div.inquiry table thead tr td { height:27px; padding:2px 0 0 32px; color:#fff; background:url('/images/board/inquiryHeadBullet.png') 18px 10px no-repeat #8774e9; } #container div.content div.inquiry table tbody tr th { height:34px; border-top:1px solid #e0e0e0; background:#f2f2f2; } #container div.content div.inquiry table tbody tr td { padding:6px 6px; border-top:1px solid #e0e0e0; } #container div.content div.inquiry table tbody tr td.left { text-align:center; padding:0px; border-right:1px solid #e0e0e0; background:#f2f2f2; } #container div.content div.inquiry table tbody tr td.required { background:url('/images/board/inquiryBullet.png') 9px 12px no-repeat #f2f2f2; } #container div.content div.inquiry table tbody tr.last td { border-bottom:1px solid #e0e0e0; } #container div.content div.inquiry table tbody tr td.etc { background-position:9px center; } #container div.content div.inquiry table tbody tr td textarea { width:607px; height:200px; padding:10px; border:1px solid #abacb1; } #container div.content div.inquiry table tbody tr td span.desc { color:#7e7e7e; margin-left:10px; } #container div.content div.inquiry table tbody tr td span.spam { color:red; } #container div.content div.inquiry div.btns { margin-top:21px; text-align:center; } #container div.content div.inquiry div.btns button { height:29px; color:#fff; font-weight:bold; border:none; } #container div.content div.inquiry div.btns button.cancel { width:87px; background:url('/images/common/btnCancel.png') no-repeat; } #container div.content div.inquiry div.btns button.write { .margin-left:4px; width:88px; background:url('/images/common/btnWrite.png') no-repeat; } /* 게시판 리스트 */ #container div.content div.list { margin-top:15px; } #container div.content div.list > table { width:100%; margin-top:9px; border-bottom:1px solid #d8d8d8; } #container div.content div.list > table thead tr th { padding:10px 0 9px 0; color:#fff; background:#8774e9; border:1px solid #d8d8d8; border-left:none; border-bottom:none; } #container div.content div.list > table thead tr th.last { border-right:none; } #container div.content div.list > table tbody tr td { text-align:center; padding:11px 0 8px 0; border:1px solid #d8d8d8; border-left:none; border-bottom:none; } #container div.content div.list > table tbody tr td.last { border-right:none; } #container div.content div.list > table tbody tr td nobr { text-align:left; padding-left:14px; } #container div.content div.list div.footer { margin-top:17px; } #container div.content div.list div.footer div.btns { float:right; } #container div.content div.list div.footer div.search { text-align:center; margin-top:28px; } #container div.content div.list div.footer div.search select { width:83px; height:18px; } #container div.content div.list div.footer div.search input { width:140px; height:16px; padding:0px 3px; } #container div.content div.list div.footer div.search button.search { height:18px; .margin:-3px 0 0 4px; padding:0 6px; color:#fff; border:1px solid #6a6a6a; background:#e67c35; } /* 게시판 리스트 상단 다운로드 버튼들 */ #container div.content div.downBtns div { clear:both; margin-top:25px; } #container div.content div.downBtns div span.title { display:block; float:left; width:164px; height:23px; padding:7px 0 0 0; text-align:center; font-family:"NanumGothic"; font-weight:bold; color:#fff; font-size:16px; background:#8774e9; } #container div.content div.downBtns div.even span.title { background:#003aab; } #container div.content div.downBtns div ul { border:1px solid #8774e9; height:22px; padding:3px 0; } #container div.content div.downBtns div ul li { float:left; margin-left:7px; } #container div.content div.downBtns div ul li a { display:block; width:193px; height:17px; padding-top:4px; border:1px solid #6a6a6a; color:#fff; text-align:center; } #container div.content div.downBtns div ul li a.catalog { background:#6c457d; } #container div.content div.downBtns div ul li a.manual { background:#455b7d; } #container div.content div.downBtns div ul li a.floorPlan { background:#606060; } #container div.content div.downBtns div ul li a.specifications { background:#635b67; } /* 게시판 상세보기 페이지 */ #container div.content div.detail { margin-top:17px; margin-bottom:30px; position:relative; } #container div.content div.detail table { margin-top:9px; width:100%; border-bottom:1px solid #e1e1e1; } #container div.content div.detail table thead tr th { padding:10px 0 9px 13px; background:#8776e9; color:#fff; text-align:left; border-top:1px solid #e1e1e1; } #container div.content div.detail table tbody tr th { padding:10px 0 9px 13px; background:#9496ee; color:#fff; text-align:left; border-top:1px solid #e1e1e1; } #container div.content div.detail table tbody tr th.file { text-align:right; padding:9px 20px 8px 13px; } #container div.content div.detail table tbody tr th a { color:#fff; font-weight:bold; } #container div.content div.detail table tbody tr th img { max-width:16px; max-height:16px; font-size:0px; line-height:0px; vertical-align:middle; } #container div.content div.detail div.article { min-height:350px; margin-top:7px; padding:14px 12px 37px; border:1px solid #e1e1e1; } #container div.content div.detail div.article img { max-width:754px; } #container div.content div.detail div.btns { margin-top:7px; } #container div.content div.detail div.btns div.left { float:left; } #container div.content div.detail div.btns div.right { float:right; } /* 코멘트 */ #container div.content div.detail div.comments div.cmtWrite { margin-top:20px; } #container div.content div.detail div.comments div.cmtWrite ul { padding:7px 0; margin:7px 0; border:1px solid #ddd; background:#f0f0f0; } #container div.content div.detail div.comments div.cmtWrite ul li label { margin-left:15px; } #container div.content div.detail div.comments div.cmtWrite div.cmtContent { float:left; width:695px; } #container div.content div.detail div.comments div.cmtWrite div.cmtContent textarea { width:685px; height:67px; } #container div.content div.detail div.comments div.cmtWrite div.control { float:right; } #container div.content div.detail div.comments div.cmtWrite div.control button { width:75px; height:75px; background:#616161; border:1px solid #6a6a6a; color:#fff; } #container div.content div.detail div.comments div.cmtList > ul > li { clear:both; margin-top:15px; background:#dedede; border:1px solid #ddd; } #container div.content div.detail div.comments div.cmtList ul li ul { } #container div.content div.detail div.comments div.cmtList ul li ul li.name { float:left; padding:10px 10px 5px 20px; } #container div.content div.detail div.comments div.cmtList ul li ul li.name span { font-weight:bold; } #container div.content div.detail div.comments div.cmtList ul li ul li.date { float:left; padding:10px 10px 5px 0px; } #container div.content div.detail div.comments div.cmtList ul li ul li.control { float:right; padding:10px 20px 5px 0; } #container div.content div.detail div.comments div.cmtList ul li ul li.control a { display:block; float:left; font-weight:bold; } #container div.content div.detail div.comments div.cmtList ul li ul li.control a.cmtModify { color:#8776e9; padding-right:10px; } #container div.content div.detail div.comments div.cmtList ul li ul li.control a.cmtDelete { padding-left:10px; border-left:1px solid #fff; } #container div.content div.detail div.comments div.cmtList ul li ul li.content { clear:both; padding:20px 20px 10px 20px; background:#f0f0f0; } /* 삭제 레이어 */ #container div.content div.detail div.layerPop { border:5px solid #bbb; position:fixed; top:40%; left:50%; z-index:999; margin-left:-130px; } #container div.content div.detail div.layerPop div.delLayer { width:260px; padding:15px; background:#9496ee; } #container div.content div.detail div.layerPop div.delLayer h4 { font-size:15px; color:#fff; } #container div.content div.detail div.layerPop div.delLayer ul li { margin-top:10px; } #container div.content div.detail div.layerPop div.delLayer ul li label { font-weight:bold; color:#fff; } #container div.content div.detail div.layerPop div.delLayer div.control { text-align:center; } #container div.content div.detail div.layerPop div.delLayer div.control button { margin-top:10px; padding:5px 20px; color:#fff; } /* 수정 레이어 */ #container div.content div.detail div.cmtModify { margin-left:-265px; } #container div.content div.detail div.cmtModify div.delLayer { margin:0px; width:500px; } #container div.content div.detail div.cmtModify div.delLayer ul { background:none; } #container div.content div.detail div.cmtModify div.delLayer ul li input#cmtName { margin-right:10px; } #container div.content div.detail div.cmtModify div.delLayer div.cmtContent { width:500px; margin-top:7px; } #container div.content div.detail div.cmtModify div.delLayer div.cmtContent textarea { width:492px; } /* 게시판 쓰기 페이지 */ #container div.content div.write { margin-top:17px; } #container div.content div.write table { margin-top:9px; border-bottom:1px solid #d8d8d8; } #container div.content div.write table thead tr th { padding:10px 0 9px 13px; color:#fff; background:#8774e9; border-top:1px solid #d8d8d8; text-align:left; } #container div.content div.write table tbody tr td { padding:7px 9px; border-top:1px solid #d8d8d8; } #container div.content div.write table tbody tr td.left { border-right:1px solid #d8d8d8; text-align:center; background:#f2f2f2; } #container div.content div.write table tbody tr td.spamValue img { vertical-align:middle; } #container div.content div.write table tbody tr td input { vertical-align:middle; } #container div.content div.write table tbody tr td span { color:#a0a0a0; } #container div.content div.write table tbody tr td span.red { color:red; } #container div.content div.write table tbody tr td span.file { display:block; margin-top:8px; color:#333; } #container div.content div.write table tbody tr td span.fileName { font-weight:bold; color:#333; } #container div.content div.write div.article { margin:14px 0 0 4px; padding-bottom:5px; } #container div.content div.write div.article textarea { width:760px; height:300px; } #container div.content div.write div.btns { text-align:center; margin-top:19px } #container div.content div.write div.btns button.write { .margin-left:4px; } /* 제품소개 */ /* 상세페이지들 오른쪽 단축메뉴 */ div.rnb { float:right; height:342px; margin-top:35px; padding-left:2px; background:url('/images/prod/rnbBg.png') left top no-repeat; } div.rnb ul { margin-top:37px; } div.rnb ul li a { display:block; width:47px; height:84px; margin-top:1px; text-indent:-1000px; overflow:hidden; } div.rnb ul li.feature a { background:url('/images/prod/feature.png') no-repeat; } div.rnb ul li.floorPlan a { background:url('/images/prod/floorPlan.png') no-repeat; } div.rnb ul li.catalog a { background:url('/images/prod/catalog.png') no-repeat; } /* 적용사례 */ #container div.content div.example div.examArticle { width:723px; margin:0px auto; margin-bottom:34px; padding-bottom:20px; border-bottom:1px solid #e0e0e0; } #container div.content div.example div.examArticle div.list { width:723px; margin-top:15px; float:left; } #container div.content div.example div.examArticle div.list ul li { float:left; margin:20px 0 0 22px; } #container div.content div.example div.examArticle div.list ul li.first { margin-left:0px; } #container div.content div.example div.examArticle div.list ul li.top { margin-top:0px; } #container div.content div.example div.examArticle div.list ul li.noExam { width:723px; text-align:center; font-size:14px; } #container div.content div.example div.examArticle div.list ul li table { width:223px; height:184px; background:#e3dffa; } #container div.content div.example div.examArticle div.list ul li table tbody tr td { position:relative; font-size:0px; line-height:0px; text-align:center; vertical-align:middle; } #container div.content div.example div.examArticle div.list ul li table tbody tr td a { font-size:0px; line-height:0px; } #container div.content div.example div.examArticle div.list ul li table tbody tr td img { max-width:213px; max-height:175px; } #container div.content div.example div.examArticle div.list ul li table tbody tr td span.playBtn { display:block; width:223px; height:184px; position:absolute; top:0px; background:url('/images/common/playBtn.png') no-repeat center; overflow:hidden; text-indent:-1000px; cursor:pointer; } #container div.content div.example div.examArticle div.list ul li a { } #container div.content div.example div.examArticle div.list ul li a nobr { text-align:center; margin-top:12px; width:223px; } /* 적용사례 레이어 팝업 */ #container div.content div.example div.layerPop { position:fixed; left:0px; top:0px; z-index:100; width:100%; height:100%; } #container div.content div.example div.layerPop div.background { position:fixed; z-index:200; width:100%; height:100%; top:0px; left:0px; background:#000; filter:alpha(opacity=30); opacity:0.6; } #container div.content div.example div.layerPop div.wrap { position:relative; z-index:300; margin:0px auto; width:743px; height:875px; } #container div.content div.example div.layerPop div.wrap div.close { text-align:right; z-index:400; } #container div.content div.example div.layerPop div.wrap div.close a { display:block; float:right; width:92px; height:22px; padding-top:8px; font-size:14px; font-weight:bold; text-align:center; color:#fff; background:#a39fbb; } #container div.content div.example div.layerPop div.wrap div.article { width:723px; padding:10px; background:#e3dffa; } #container div.content div.example div.layerPop div.wrap div.article div.innerWrap { position:fixed; width:713px; padding:10px 5px; background:#fff; overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling:touch; } body div.prodFrame div.img { width:100%; height:428px; padding-bottom:7px; border-bottom:1px solid #e0e0e0; text-align:center; } body div.prodFrame div.img table { width:100%; height:100%; } body div.prodFrame div.img table tbody tr td { vertical-align:middle; font-size:0px; line-height:0px; } body div.prodFrame div.img table tbody tr td img { max-width:682px; max-height:426px; border:1px solid #e0dbf4; } body div.prodFrame div.prod { height:244px; padding:7px 4px; border-bottom:1px solid #e0e0e0; } body div.prodFrame div.prod div.prodImg { float:left; width:305px; height:245px; text-align:center; } body div.prodFrame div.prod div.prodImg table { width:100%; height:100%; } body div.prodFrame div.prod div.prodImg table tbody tr td { vertical-align:middle; line-height:0px; font-size:0px; } body div.prodFrame div.prod div.prodImg table tbody tr td img { max-width:305px; max-height:245px; } body div.prodFrame div.prod div.prodTitle { float:left; margin:18px 0 0 19px; padding:4px 30px 6px 9px; background:#8774e9; color:#fff; font-size:18px; font-family:"NanumGothicBold"; } body div.prodFrame div.prod div.prodArticle { float:left; width:360px; height:173px; margin:15px 0 0 15px; overflow-y:scroll; line-height:140%; color:#1a1a1a; } body div.prodFrame div.list { margin-top:15px; } body div.prodFrame div.list ul li { float:left; margin-left:5px; padding:1px; width:131px; height:82px; background:#e0dbf6; text-align:center; } body div.prodFrame div.list ul li table { width:100%; height:100%; } body div.prodFrame div.list ul li table tbody tr td { vertical-align:middle; font-size:0px; line-height:0px; } body div.prodFrame div.list ul li table tbody tr td a { text-align:center; } body div.prodFrame div.list ul li table tbody tr td a img { max-width:131px; max-height:82px; } /* 특징 구조 타이틀 h1, h2 */ span.prodH1 { display:block; color:#6a5abd; font-size:18px; height:22px; margin-bottom:11px; padding:1px 0 0 29px; font-family:"NanumGothicBold"; background:url('/images/prod/h1Bullet.png') left top no-repeat; } span.prodH2 { display:block; width:282px; height:19px; padding:2px 0 0 6px; font-size:14px; line-height:120%; font-family:"NanumGothicBold"; color:#fff; font-weight:bold; background:#8775e9; } span.h2Bullet { width:273px; padding:2px 0 0 15px; background:url('/images/prod/h2Bullet.png') 6px center no-repeat #8775e9; } #container div.content div.feature div.downBtn { text-align:center; padding:30px; } #container div.content div.feature div.downBtn button { padding:10px 30px; } #container div.content div.feature div.downBtn a { display:block; margin:0px auto; width:80px; background:#5d60bd; color:#fff; padding:10px 30px; border:1px solid #6a6a6a; } /* 특징 */ /* 특징 테이블 */ #container div.content div.feature div div.featureArticle div table { border-bottom:1px solid #dbdcdd; } #container div.content div.feature div div.featureArticle div table thead tr th { font-size:14px; font-family:"NanumGothicBold"; color:#fff; background:#749ee9; padding:9px 0 10px 0; border-top:1px solid #dbdcdd; border-left:1px solid #dbdcdd; } #container div.content div.feature div div.featureArticle div table thead tr th.left { border-left:none; } #container div.content div.feature div div.featureArticle div table tbody tr th { border-top:1px solid #dbdcdd; border-left:1px solid #dbdcdd; } #container div.content div.feature div div.featureArticle div table tbody tr th.left { border-left:none; } #container div.content div.feature div div.featureArticle div table tbody tr td { padding:9px 0 9px 12px; border-top:1px solid #dbdcdd; border-left:1px solid #dbdcdd; } #container div.content div.feature div div.featureArticle div table tbody tr td.left { border-left:none; padding-left:0px; background:#ececec; text-align:center; } #container div.content div.feature div div.featureArticle div table tbody tr td.border { border-left:1px solid #dbdcdd; } /*쌍원통 펌프 */ #container div.content div.feature div div.featureArticle { /*float:left;*/ width:721px; margin:0px auto; } #container div.content div.feature div div.twinFeature { padding-bottom:45px; background:url('/images/prod/twinFeatureBg.png') right bottom no-repeat; } #container div.content div.feature div div.featureArticle div.explanation { margin:14px 0 29px 0; } #container div.content div.feature div div.featureArticle div.explanation div.featureImg img { border:4px solid #d7dada; border-left:6px solid #d7dada; border-right:6px solid #d7dada; } #container div.content div.feature div div.featureArticle div.explanation div.explanationArticle { margin-top:11px; line-height:150%; } #container div.content div.feature div div.featureArticle div.explanation div.explanationArticle span.red { color:red; } #container div.content div.feature div div.featureArticle div.featureList dl dt h2 { width:282px; padding-left:6px; background:#8775e9; } #container div.content div.feature div div.featureArticle div.featureList dl dd { padding:10px 0 0 10px; margin-bottom:20px; line-height:150%; } /* 무맥동 정량 펌프 */ #container div.content div.feature div div.meteringFeature { padding-bottom:10px; background:url('/images/prod/meteringBg.png') right bottom no-repeat; } /* 셀프레벨링 스키머 */ #container div.content div.feature div div.selfLevelFeature span.prodH1 { margin-top:15px; } #container div.content div.feature div div.selfLevelFeature span.prodH2 { font-size:18px; width:209px; height:26px; padding:4px 0 0 9px; background:#8775e9; } #container div.content div.feature div div.featureArticle div.summary { margin-top:37px; } #container div.content div.feature div div.featureArticle div.summary ul.img li { float:left; } #container div.content div.feature div div.featureArticle div.summary ul.img li span { display:block; margin-top:21px; text-align:center; font-size:18px; color:#6a5abd; font-family:"NanumGothicBold"; } #container div.content div.feature div div.featureArticle div.summary ul.img li.left { margin-left:9px; } #container div.content div.feature div div.featureArticle div.summary ul.img li.center { margin-left:24px; margin-top:15px; } #container div.content div.feature div div.featureArticle div.summary ul.img li.right { margin-left:12px; margin-top:15px; } #container div.content div.feature div div.featureArticle div.summary div.summaryArticle { margin-top:34px; } #container div.content div.feature div div.featureArticle div.summary div.summaryArticle span.text { display:block; margin-top:13px; color:#1a1a1a; line-height:150%; } #container div.content div.feature div div.featureArticle div.perfor { margin-top:29px; } #container div.content div.feature div div.featureArticle div.perfor ul.perforList > li { margin-top:14px; } #container div.content div.feature div div.featureArticle div.perfor ul.perforList > li > img { display:block; margin-right:13px; float:left; border:1px solid #e0e0e0; } #container div.content div.feature div div.featureArticle div.perfor ul.perforList li span.title { display:block; width:267px; height:21px; padding:0px 0 0 11px; float:left; background:#74bae9; color:#fff; font-family:"NanumGothic"; } #container div.content div.feature div div.featureArticle div.perfor ul.perforList li ul { float:left; margin-top:15px; padding:0px; } #container div.content div.feature div div.featureArticle div.perfor ul.perforList li ul li { line-height:150%; } #container div.content div.feature div div.featureArticle div.perfor ul.perforList li.last ul li { margin-top:23px; } #container div.content div.feature div div.featureArticle div.perfor ul.perforList li.last ul li.first { margin-top:0px; } #container div.content div.feature div div.featureArticle div.selfFeature { margin-top:25px; margin-bottom:37px; } #container div.content div.feature div div.featureArticle div.selfFeature ul { margin-top:13px; } #container div.content div.feature div div.featureArticle div.selfFeature ul li { line-height:140%; } /* 유수분리기 */ #container div.content div.feature div div.separator { width:100%; } #container div.content div.feature div div.separator span.prodH2 { width:172px; } #container div.content div.feature div div.separator > div { margin-top:26px; float:left; } #container div.content div.feature div div.featureArticle div.separatorImg { float:right; } #container div.content div.feature div div.featureArticle div.separatorPrin { margin-top:16px; } #container div.content div.feature div div.featureArticle div.separatorPrin span.text { display:block; padding:8px 0 0 10px; line-height:150%; } #container div.content div.feature div div.separator div ul { padding:8px 0 0 10px; } #container div.content div.feature div div.featureArticle div ul li { line-height:150%; } #container div.content div.feature div div.featureArticle div.separatorSpec ul li { margin-top:34px; margin-bottom:47px; } #container div.content div.feature div div.featureArticle div.separatorSpec ul li.first { margin-top:15px; } #container div.content div.feature div div.featureArticle div.separatorSpec ul li table { width:315px;} #container div.content div.feature div div.featureArticle div.separatorImg { margin-top:0px; } #container div.content div.feature div div.featureArticle div.separatorImg ul { padding:0px; } #container div.content div.feature div div.featureArticle div.separatorImg ul li.center { margin-top:85px; } #container div.content div.feature div div.featureArticle div.separatorImg ul li.last { margin-top:120px; } /* 구조 */ /* 쌍원통 펌프 */ #container div.content div.structure div div.twinStructure { margin-top:13px; } #container div.content div.structure div div.structureArticle { width:721px; /*float:left;*/ margin:13px auto 0px; padding-bottom:50px; } #container div.content div.structure div div.structureArticle div.structureImg img { border:1px solid #dddede; } #container div.content div.structure div div.structureArticle div.structureList dl { margin-top:18px; } #container div.content div.structure div div.structureArticle div.structureList dl dd { padding:10px 0 0 10px; margin-bottom:23px; line-height:150%; } #container div.content div.structure div div.structureArticle div.structureList dl dd div { float:left; } #container div.content div.structure div div.structureArticle div.structureList dl dd img { float:right; margin-top:-20px; } /* 무맥동 정량 펌프 */ #container div.content div.structure div div.meteringStructure div.structureList dl dd strong { color:#f00; display:block; font-size:14px; font-family:"NanumGothicBold"; } /* 셀프 레벨링 스키머 */ #container div.content div.structure div div.structureArticle div.selfLevel { margin-top:16px; } #container div.content div.structure div div.structureArticle div.selfLevel div.top { margin-top:25px; } #container div.content div.structure div div.structureArticle div.selfLevel div.bottom { margin:30px 0 70px 0; } #container div.content div.structure div div.structureArticle div.selfLevel div.top > img { display:block; float:left; } #container div.content div.structure div div.structureArticle div.selfLevel div.bottom > img { display:block; float:left; } #container div.content div.structure div div.structureArticle div.selfLevel div table { float:right; width:415px; } #container div.content div.structure div div.structureArticle div.selfLevel div.top table { margin-left:16px; } #container div.content div.structure div div.structureArticle div.selfLevel div.bottom table { margin-left:13px; } #container div.content div.structure div div.structureArticle div.selfLevel div table thead tr th { font-size:14px; font-family:"NanumGothicBold"; color:#fff; background:#749ee9; padding:10px 0 8px 0; border-top:1px solid #dbdcdd; border-left:1px solid #dbdcdd; } #container div.content div.structure div div.structureArticle div.selfLevel div table thead tr th.left { border-left:none; } #container div.content div.structure div div.structureArticle div.selfLevel div table tbody tr th { border-top:1px solid #dbdcdd; border-left:1px solid #dbdcdd; } #container div.content div.structure div div.structureArticle div.selfLevel div table tbody tr th.left { border-left:none; } #container div.content div.structure div div.structureArticle div.selfLevel div table tbody tr td { border-top:1px solid #dbdcdd; border-left:1px solid #dbdcdd; } #container div.content div.structure div div.structureArticle div.selfLevel div table tbody tr td.left { border-left:none; } #container div.content div.structure div div.structureArticle div.selfLevel div table tbody tr.even td { background:#ececec; } #container div.content div.structure div div.structureArticle div.selfLevel div.top table tbody tr td { padding:9px 0 7px 4px; } #container div.content div.structure div div.structureArticle div.selfLevel div.top > img { margin-top:54px; } #container div.content div.structure div div.structureArticle div.selfLevel div.bottom img { margin-top:35px; } #container div.content div.structure div div.structureArticle div.selfLevel div.bottom table tbody tr td { padding:9px 0 7px 4px; text-align:center; } #container div.content div.structure div div.structureArticle div.selfLevel div.bottom table tbody tr th { font-family:"NanumGothicBold"; font-size:14px; background:#749ee9; color:#fff; } #container div.content div.structure div div.structureArticle div.diagram ul { float:left; margin-top:18px; } #container div.content div.structure div div.structureArticle div.diagram ul li { margin-bottom:25px; line-height:145%; } #container div.content div.structure div div.structureArticle div.diagram img { float:right; margin-right:3px; } /* 모델별 사양 (용적식 쌍원통 펌프) */ /* 공통 */ span.noSpec { font-size:14px; display:block; text-align:center; margin:30px 0; } /** 사양 테이블 공통 **/ #container div.content div.model table { border-bottom:1px solid #ddd; } #container div.content div.model table thead tr th { font-size:14px; font-family:"NanumGothicBold"; color:#fff; background:#749ee9; border-top:1px solid #ddd; border-left:1px solid #ddd; } #container div.content div.model table thead tr th.first { border-left:none; } #container div.content div.model table tbody tr td { border-top:1px solid #ddd; border-left:1px solid #ddd; text-align:center; } #container div.content div.model table tbody tr td.first { border-left:none; } /*****************************************************/ /** 쌍원통 펌프 상단 **/ #container div.content div.model { width:721px; margin:13px auto 62px; } #container div.content div.model div.modelCommon div.selectionModel { margin-bottom:15px; } #container div.content div.model div.modelCommon div.selectionModel span { display:block; } #container div.content div.model div.modelCommon div.selectionModel span.title { padding-left:18px; margin:11px 0; color:#6a5abd; font-size:16px; font-family:"NanumGothicBold"; background:url("/images/common/selectionModelArrow.png") no-repeat left center; } #container div.content div.model div.modelCommon div.selectionModel span.desc { font-size:14px; display:block; } #container div.content div.model div.modelCommon div.selectionModel table { width:356px; table-layout:fixed; float:left; margin-left:8px; margin-top:22px; margin-bottom:10px; } #container div.content div.model div.modelCommon div.selectionModel table.left { margin-left:0px; } #container div.content div.model div.modelCommon div.selectionModel table thead tr th { height:35px; font-size:12px; font-family:"Dotum"; font-weight:normal; } #container div.content div.model div.modelCommon div.selectionModel table tbody tr td { height:27px; line-height:140%; } #container div.content div.model div.modelCommon div.selectionModel table tbody tr td.align { text-align:left; padding:0 6px; } #container div.content div.model div.modelCommon div.selectionModel table.left tbody tr td { height:27px; } /** 무맥동 정량 펌프 상단 **/ #container div.content div.model div.metering div.selectionModel span.prodH1 { margin-top:30px; } #container div.content div.model div.metering div.selectionModel span.desc { color:#666; } #container div.content div.model div.metering div.selectionModel table { float:none; table-layout:fixed; width:100%; margin:0px; } #container div.content div.model div.metering div.selectionModel table.section thead tr th { height:65px; } #container div.content div.model div.metering div.selectionModel table.meteringSpec tbody tr th { font-weight:normal; background:#f0f0f0; border-top:1px solid #d9d9d9; } #container div.content div.model div.metering div.selectionModel div.perfomanceCurve { margin-top:29px; } #container div.content div.model div.metering div.selectionModel div.perfomanceCurve div.curve { float:left; } #container div.content div.model div.metering div.selectionModel div.perfomanceCurve div.curve span.prodH2 { width:335px; margin:14px 0 18px 0; } #container div.content div.model div.metering div.selectionModel div.perfomanceCurve div.curve table.curveTable { width:457px; } #container div.content div.model div.metering div.selectionModel div.perfomanceCurve div.curve table.curveTable thead tr td { height:35px; text-align:center; background:#ccc; border-left:1px solid #dedede; } #container div.content div.model div.metering div.selectionModel div.perfomanceCurve div.curveImg { float:right; } /** 모델 탭 공통 **/ #container div.content div div div.modelTab { background:url("/images/common/modelTabBg.png") repeat; .background-position:0px 1px; padding-bottom:2px; } #container div.content div div div.bgPosition { .background-position:0px 0px; } #container div.content div div div.modelTab ul { } #container div.content div div div.modelTab ul li { float:left; padding-top:6px; margin-left:2px; margin-bottom:0px; } #container div.content div div div.modelTab ul li.first { margin-left:0px; } #container div.content div div div.modelTab ul li.line { margin-top:1px; } #container div.content div div div.modelTab ul li a { display:block; width:140px; height:34px; line-height:34px; border:1px solid #cecece; border-bottom:none; font-size:14px; font-family:"NanumGothicBold"; text-align:center; } #container div.content div div div.modelTab ul li.on a { background:#8774e9; color:#fff; border:1px solid #3a5ac8; border-bottom:none; } /*****************************************************/ #container div.content div.model div.specSection div.detailSpec div { } #container div.content div.model div.specSection div.detailSpec div.prodImg { width:360px; height:292px; float:left; margin-top:27px; border-right:1px dotted #909090; } #container div.content div.model div.specSection div.detailSpec div.curve { height:292px; float:left; width:360px; margin-top:27px; } #container div.content div.model div.specSection div.detailSpec div img { max-width:350px; max-height:255px; display:block; margin:10px auto 0px; } #container div.content div.model div.specSection div.detailSpec div span.prodH2 { width:235px; margin:0px auto; margin-top:3px; } #container div.content div.model div.specSection div.detailSpec div.specTable { margin-top:55px; } #container div.content div.model div.specSection div.detailSpec div.specTable span.desc { display:block; text-align:right; color:#666; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable { width:720px; margin-top:3px; border-bottom:none; table-layout:fixed; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable thead tr th { height:36px; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable thead tr td { height:30px; text-align:center; border-left:1px solid #ddd; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable tbody tr td { height:30px; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable thead tr td.bold { font-weight:bold; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable tbody tr td.bold { font-weight:bold; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable tbody tr.empty td { border-left:none; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable tbody tr.empty td.bold { border:1px solid #ddd; border-right:none; } #container div.content div.model div.specSection div.detailSpec div.specTable table.specTable tbody tr.empty td.last { border-left:1px solid #ddd; } #container div.content div.model div.specSection div.detailSpec div.specTable table.standard { width:720px; margin-top:20px; border-bottom:none; table-layout:fixed; } #container div.content div.model div.specSection div.detailSpec div.specTable table.standard thead tr th { height:36px; } #container div.content div.model div.specSection div.detailSpec div.specTable table.standard thead tr th.first { border-left:none; } #container div.content div.model div.specSection div.detailSpec div.specTable table.standard thead tr td { padding:8px 0px; text-align:center; font-weight:bold; } #container div.content div.model div.specSection div.detailSpec div.specTable table.standard thead tr td.last { border-left:1px solid #ddd; } #container div.content div.model div.specSection div.detailSpec div.specTable table.standard tbody tr td { padding:8px 0px; border-bottom:1px solid #ddd; } #container div.content div.model div.specSection div.detailSpec div.specTable table.standard tbody tr td.first { border-left:none; } #container div.content div.model div.specSection div.detailSpec div.modelDownBtn { text-align:center; } #container div.content div.model div.specSection div.detailSpec div.modelDownBtn button { padding:10px 30px; } #container div.content div.model div.specSection div.detailSpec div.modelDownBtn a { display:block; margin:0px auto; width:80px; background:#5d60bd; color:#fff; padding:10px 30px; border:1px solid #6a6a6a; } /** 셀프레벨링 스키머 모델별 사양 **/ #container div.content div.model div.specSection div.skimmer { } #container div.content div.model div.specSection div.skimmer div img.imgBorder { border:1px solid #dedede; } #container div.content div.model div.specSection div.skimmer div.prodImg { width:392px; height:auto; border-right:none; margin-bottom:20px; } #container div.content div.model div.specSection div.skimmer div.prodImg span.prodH2 { margin:0px; } #container div.content div.model div.specSection div.skimmer div.prodImg img { margin:10px 0 0 0; max-width:370px; max-height:280px; /*max-width:290px;*/ } #container div.content div.model div.specSection div.skimmer div.curve img { max-width:310px; } #container div.content div.model div.specSection div.skimmer div.baseImg { margin-top:25px; padding-left:30px; } #container div.content div.model div.specSection div.skimmer div.baseImg span.prodH2 { margin:0px; } #container div.content div.model div.specSection div.skimmer div.baseImg img { max-width:659px; max-height:700px; margin:10px 0 0 0; } #container div.content div.model div.specSection div.skimmer div.specTable { margin-top:0px; padding-left:0px; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable { table-layout:fixed; float:left; width:281px; border-bottom:1px solid #ddd; margin-top:57px; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr th { background:#749ee9; color:#fff; border-top:1px solid #ddd; font-size:14px; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr td { } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr.print td { padding:3px 0; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr td button { width:135px; height:21px; color:#fff; border:1px solid #6a6a6a; margin:3px 0; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr td button.outside { background:#6c457d; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr td button.foundation { background:#455d7d; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr td button.floorPlan { background:#616161; } #container div.content div.model div.specSection div.skimmer div.specTable table.skimmerTable tbody tr td a.planDown { display:block; width:133px; height:15px; padding-top:3px; background:#616161; border:1px solid #6a6a6a; margin:3px 0 3px 12px; .margin-left:4px; color:#fff;}