/* 공통요소 */ .red{ color:#e80000; font-weight:600; } .blue{ color:#1c6bac; font-weight:600; } .green{ color:#538a15; font-weight:600; } .orange{ color:#ff7400; font-weight:600; } .black{ color:#231f20; font-weight:600; } /* -------------------- 헤더 영역 ---------------------- */ .header{ position:relative; height:126px; }/*height:127px;*/ .header h1{ position:absolute; left:0; top:60px; } .header .rankContainer{ position:absolute; right:150px; top:78px; } .header .telephone{ position:absolute; right:0; top:67px; } .header .headerSite{ position:absolute; left:0; top:0; } .header .gnb{ position:absolute; right:0; top:0; } .header h1 a.logo{ display:block; width:210px; height:46px; overflow:hidden; }/*width:120px; height:28px;*/ .header .rankContainer{ display:block; width:195px; height:16px; overflow:hidden; } .header .rankContainer h3{ float:left; width:80px; line-height:16px; font-size:12px; font-weight:600; } .ranking { float:left; width:115px; height:16px; } .ranking a { display:block;width:115px;height:16px;color:#d98e4a;font-size:15px;font-weight:600;letter-spacing:-1px;} .ranking .active{ z-index:1; } .header .headerSite li{ padding:0 15px;height:45px;line-height:45px; font-size:14px; border-right:1px solid #e7e7e7; } .header .headerSite li.home{ width:25px; border-left:1px solid #e7e7e7; } .header .headerSite li.mall{ font-weight:600; } .header .gnb li{ width:60px; height:45px; text-align:center; line-height:45px; font-size:12px; font-weight:600; } .header .gnb li.mypage{ width:80px; } .header .gnb li.favorite{ width:75px; text-align:right; } .allCategory{ float:left; width:110px; height:42px; padding-left:35px; text-align:center; line-height:42px; font-size:16px; font-weight:600; background:url('../images/common/header_all.gif') no-repeat 10px 15px; } .allCategory a{ color:#fff; } /* Main : 콘텐츠 */ .mainBestSW{ margin-top:50px; } .mainIndustry, .mainBestHW, .mainCscenter{ margin-top:30px; } .mainTitle{ height:32px; line-height:26px; font-size:24px; } .serif{ font-family:Serif; } /* 베스트솔루션*/ .mainBestSW .productBorder{ height:342px; border:1px solid #e7e7e7; } .mainBestSW .productBorder li.one{ width:298px; height:340px; } .mainBestSW .productBorder li.common{ width:345px; height:170px; } .mainBestSW .productBorder li.second, .mainBestSW .productBorder li.third{ border-bottom:1px solid #e7e7e7; } .productBorder li.one{ background:url('../images/intro/mainbest_num1.png') no-repeat 20px 0; } .productBorder li.second{ background:url('../images/intro/mainbest_num2.png') no-repeat 20px 15px; } .productBorder li.third{ background:url('../images/intro/mainbest_num3.png') no-repeat 20px 15px; } .productBorder li.forth{ background:url('../images/intro/mainbest_num4.png') no-repeat 20px 15px; } .productBorder li.fifth{ background:url('../images/intro/mainbest_num5.png') no-repeat 20px 15px; } .productBorder li a p{ padding-left:20px; } .productBorder li a .textS{ padding-top:70px; color:#727272; font-size:11px; line-height:14px; } .productBorder li a .textB{ height:30px; font-size:18px; line-height:30px; font-weight:600; } .productBorder li a .textC{ color:#ff7400; font-size:17px; line-height:18px; font-weight:600; } .productBorder li.one{ position:relative; } .productBorder li.one a .Images{ position:absolute; bottom:10px; right:20px; } .productBorder li.common{ position:relative; } .productBorder li.common a .Images{ position:absolute; bottom:10px; right:40px; } /* 업종별 솔루션 */ .mainIndustry{ height:305px; } .mainIndustry li{ width:176px; height:270px; margin-right:92px; border:1px solid #e7e7e7; } .mainIndustry li.last{ margin-right:0; } .mainIndustry li a{ display:block; width:176px; height:270px; overflow:hidden; } .mainIndustry li a > img.Images{ padding:22px 23px; } .mainIndustry li a > div{ height:100px; border-top:1px solid #e7e7e7; background:#f1f1f1; } .mainIndustry li a div p{ text-align:center; font-weight:600; } .mainIndustry li a .textG{ padding-top:20px; color:#777; font-size:14px; line-height:16px; } .mainIndustry li a .textS{ height:25px; color:#ad8439; font-size:12px; line-height:25px; } .mainIndustry li a .textB{ color:#231f20; font-size:16px; line-height:18px; } /* 연동하드웨어 */ .midBG{ margin-top:50px; height:365px; background:url('../images/intro/midbanner_bg.png') no-repeat center center; } .mainHw{ margin-top:30px; height:365px; } .mainHw .hwImages{ float:left; width:420px; height:265px; } .mainHw .hwImages li{ width:128px; height:123px; margin-right:15px; border:1px solid #e7e7e7; background:#f8f8f8; } .mainHw .hwImages li p{ font-size:14px; line-height:25px; text-align:center; font-weight:600; } .mainHw .hwImages li.last{ margin-right:0; } .mainHw .hwImages li.twoRows{ margin-top:15px; } .mainHw .hwTitle{ float:left; width:510px; height:225px; margin:40px 0 0 50px; } .mainHw .hwTitle p{ font-weight:600; } .mainHw .hwTitle .textG{ color:#231f20; font-size:18px; line-height:20px; } .mainHw .hwTitle .textB{ height:55px; color:#ad8439; font-size:35px; line-height:55px; } .mainHw .hwTitle .textS{ height:35px; color:#777; font-size:14px; line-height:16px; } .mainHw .hwTitle .detailView{ margin-top:40px; height:75px; } .mainHw .hwTitle .detailView a{ display:block; width:130px; height:30px; overflow:hidden; } .mainHw a.hwBanner{ display:block; float:right; width:210px; height:265px; overflow:hidden; } /* 베스트하드웨어 */ .mainBestHW{ height:305px; } .mainBestHW li{ width:176px; height:270px; margin-right:25px; border:1px solid #e7e7e7; } .mainBestHW li.last{ margin-right:0; } .mainBestHW li a{ display:block; width:176px; height:270px; overflow:hidden; } .mainBestHW li a > img.Images{ padding:12px 15px; } .mainBestHW li a > div{ height:100px; border-top:1px solid #e7e7e7; background:#f8f8f8; } .mainBestHW li a div p{ text-align:center; font-weight:600; } .mainBestHW li a .textG{ padding-top:20px; color:#231f20; font-size:16px; line-height:18px; } .mainBestHW li a .textS{ height:25px; color:#727272; font-size:12px; line-height:25px; } .mainBestHW li a .textB{ color:#ff7400; font-size:14px; line-height:16px; } /* 메인고객센터 */ .mainCscenter{ height:150px; } .mainCscenter > div{ display:block; overflow:hidden; } .mainCscenter .notice, .mainCscenter .cscenter{ float:left; width:305px; height:150px; } .mainCscenter .quickService{ float:left; width:293px; height:150px; margin:0 43px; } .mainCscenter li a:hover{ color:#ad8439; } .mainCscenter .notice h3{ position:relative; width:295px; } .mainCscenter .notice h3 a.more{ position:absolute; right:0; top:0; width:29px; height:26px; } .mainCscenter .notice .noticeList{ margin-top:10px; } .mainCscenter .notice li{ width:295px; height:22px; font-size:13px; line-height:22px; } .mainCscenter .notice li a{ padding-left:15px; background:url('../images/intro/cscenter_bullet.png') no-repeat top left; } .mainCscenter .notice li a .title{ display:inline-block; width:200px; padding-right:10px; } .mainCscenter .notice li a .date{ width:100px; } .mainCscenter .quickService li.first{ margin-top:15px; } .mainCscenter .quickService li{ float:left; width:141px; height:27px; margin-right:7px; border:1px solid #e7e7e7; } .mainCscenter .quickService li a{ display:block; padding-left:11px; width:130px; height:27px; font-size:13px; line-height:27px; background:url('../images/intro/cscenter_bullet.png') no-repeat top right; overflow:hidden; } .mainCscenter .quickService li.last{ margin-right:0; } .mainCscenter .quickService li.twoRows{ margin-top:7px; } /* -------------------- 푸터영역 -------------------- */ .footer .fnb{ height:41px; font-size:13px; line-height:41px; } .footer .fnb li{ padding:0 10px; } .footer .fnb li a{ display:block; height:41px; overflow:hidden; } .footer .fnb li.first{ padding-left:0; } .footer .businessInfo{ position:relative; height:160px; } .footer .businessInfo h3{ position:absolute; left:0; top:20px; } .footer .businessInfo .infoText{ position:absolute; left:0; top:55px; } .footer .businessInfo p{ color:#ababab; font-size:12px; line-height:16px; } .footer .businessInfo .authentication{ position:absolute; right:0; top:30px; width:242px; height:78px; background:url('../images/common/footer_authentication.png') no-repeat; } .footer .businessInfo .authentication .link{ display:block; margin-left:65px; width:105px; height:90px; text-indent:-9999px; overflow:hidden; } .footer .copyright{ height:60px; color:#f1f1f1; font-size:12px; line-height:40px; font-weight:600; } .footer{ position:relative; } .familysite {position:absolute;right:20px;top:7px;width:150px;height:26px;line-height:26px;font-size:14px;font-weight:600;border:1px solid #dbdbdb;background:#FFF;z-index:20} .familysite dt {text-align:center;cursor:pointer;} .familysite dd {display:none;height:220px;font-size:13px;border:1px solid #dbdbdb;background:#f4f5f5;} .familysite dd p a {display:block;overflow:hidden;height:20px;line-height:20px;text-indent:10px;} .familysite dd p a:hover {width:150px;height:20px;color:#FFF;line-height:20px;background:#84a9e3;} .familysite dd p.dashLine {margin:5px 10px;border-top:1px dashed #999;border-bottom:1px dashed #999;} /* -------------------- Sub : 소프트웨어목록 -------------------- */ .location{ height:35px; line-height:35px; background:#f8f8f8; overflow:hidden; } .location a.home{ display:block; float:left; width:35px; height:35px; background:url('../images/common/home.png') no-repeat 10px 9px; overflow:hidden; } .location span{ color:#777; font-size:14px; padding:0 10px; } .slider{ margin-top:40px; } .bestProduct{ height:205px; background:url('../images/software/sw_list_best_bg.gif') no-repeat; } .bestProduct dl{ float:left; display:inline; width:288px; margin:0 11px 0 29px; } .bestProduct .subject, .bestProduct .brief{ display:inline; float:left; width:116px; } .bestProduct .subject{ padding:25px 0 15px; font-size:16px; line-height:16px; font-weight:600; } .bestProduct .best_seller .subject{ color:#d6863d; } .bestProduct .new_arrival .subject{ color:#789f26; } .bestProduct .best_hits .subject{ color:#8060d5; } .bestProduct .images{ float:right; padding-top:28px; } .bestProduct .brief{ padding-top:20px; width:136px; font-weight:600; word-wrap:break-word; word-break:break-all; } .bestProduct .brief .goods_medel{ height:19px; color:#777; font-size:11px; line-height:13px; } .bestProduct .brief .goods_title{ height:35px; } .bestProduct .brief .goods_title a{ width:130px; font-size:20px; line-height:23px; overflow:hidden; } .bestProduct .brief .goods_cost{ color:#ff7400; font-size:17px; line-height:19px; } .bestProduct .brief .goods_cost .small{ font-size:11px; line-height:13px; } .category{ margin:40px 0; padding:15px; border:1px solid #bbb; border-top:2px solid #555; } .category h2{ padding:0 0 10px 15px; font-size:19px; line-height:21px; border-bottom:1px solid #d4d4d4; } .category .categoryView{ margin:15px 27px 0; } .category .categoryView ul{ width:100%; overflow:hidden; } .category .categoryView li{ float:left; width:165px; height:25px; font-size:13px; line-height:20px; padding-left:15px; background:url('../images/software/category_dot.gif') no-repeat; } .category .categoryView li a{ display:block; width:165px; height:25px; overflow:hidden; } /* 소프트웨어구매 */ .solution li{ position:relative; float:left; display:inline; width:196px; height:290px; margin-bottom:30px; /*padding:30px 0 0;*/ border:1px solid #e7e7e7; border-left:none; } .solution li.first{ /*padding-top:30px;*/border-left:1px solid #e7e7e7; } .solution li.last{ /*padding-top:30px;*/ } .solution li .webVersion{ position:absolute; right:10px; top:0; width:40px; height:47px; text-indent:-9999px; background:url('../images/software/icon_web.png') no-repeat; } .solution li .pcVersion{ position:absolute; right:10px; top:0; width:40px; height:47px; text-indent:-9999px; background:url('../images/software/icon_pc.png') no-repeat; } .solution li .goods{ width:196px; text-align:center; } .solution li .goods .goods_img a{ display:block; width:196px; height:180px; line-height:180px; overflow:hidden; } .solution li .goods .goods_cont{ position:relative; height:110px; background:#f8f8f8; } .solution li .goods .goods_cont span{ display:block; overflow:hidden; } .solution li .goods .goods_cont .goods_icon{ height:22px; margin-top:20px; } .solution li .goods .goods_cont .goods_model a{ display:block; padding-top:15px; width:196px; height:24px; color:#333; font-size:16px; line-height:24px; font-weight:600; overflow:hidden; } .solution li .goods .goods_cont .goods_text{ margin-top:7px; height:20px; color:#656565; font-size:12px; line-height:130%; letter-spacing:-0.5px; } .solution li .goods .goods_cont .goods_cost a{ position:absolute; bottom:15px; left:0; width:196px; height:16px; color:#ff7400; font-size:14px; line-height:16px; font-weight:600; } .solution li .goods .goods_cont .goods_cost a .vat{ display:inline; font-size:11px; letter-spacing:-0.5px; } .solution li .goods .goods_cont .goods_cost a:hover{ color:#231f20; } .solution li .goods .goods_cont .goods_cost a:visited{ color:#ff7400; } /* 하드웨어구매 */ .hardware h2{ color:#231f20; font-size:16px; line-height:110%; font-weight:600; padding-bottom:7px; } .hardware h2 .gray{ color:#999; font-size:13px; } .hardware li{ position:relative; float:left; display:inline; width:196px; height:290px; margin-bottom:30px; border:1px solid #e7e7e7; border-left:none; } .hardware li.first{ border-left:1px solid #e7e7e7; } .hardware li .Free{ position:absolute; right:10px; top:0; width:40px; height:47px; text-indent:-9999px; background:url('../images/paper/icon_free.png') no-repeat; } .hardware li .goods{ width:196px; text-align:center; } .hardware li .goods .goods_img a{ display:block; width:196px; height:180px; line-height:180px; overflow:hidden; } .hardware li .goods .goods_cont{ position:relative; height:110px; background:#f8f8f8; } .hardware li .goods .goods_cont span{ display:block; overflow:hidden; } .hardware li .goods .goods_cont .goods_icon{ height:22px; margin-top:20px; } .hardware li .goods .goods_cont .goods_model a{ display:block; padding-top:15px; width:196px; height:24px; color:#333; font-size:16px; line-height:24px; font-weight:600; overflow:hidden; } .hardware li .goods .goods_cont .goods_text{ margin-top:7px; height:20px; color:#656565; font-size:12px; line-height:130%; letter-spacing:-0.5px; } .hardware li .goods .goods_cont .goods_cost{ position:absolute; bottom:15px; left:0; width:196px; height:16px; color:#ff7400; font-size:14px; line-height:16px; font-weight:600; } .hardware .PDA li{ width:493px; height:240px; } .hardware .PDA li.first{ border-left:1px solid #e7e7e7; } .hardware .PDA li .goods{ width:493px; } .hardware .PDA li .goods p{ float:left; } .hardware .PDA li .goods .goods_img a{ position:relative; width:250px; height:240px; line-height:100%; } .hardware .PDA li .goods .goods_img a span{ display:block; overflow:hidden; } .hardware .PDA li .goods .goods_img a span.small{ margin-top:15px; } .hardware .PDA li .goods .goods_img a span.small img{ margin-right:10px; border:1px solid #e7e7e7; } .hardware .PDA li .goods .goods_img a span.small img.last{ margin-right:0; } .hardware .PDA li .goods .goods_cont{ width:203px; height:240px; text-align:left; padding:0 20px; } .hardware .PDA li .goods .goods_cont .goods_model a{ width:243px; } .hardware .PDA li .goods .goods_cont .goods_text{ height:35px; } .hardware .PDA li .goods .goods_cont .goods_text2{ margin-top:7px; height:40px; font-size:13px; line-height:20px; font-weight:600; letter-spacing:-0.5px; } .hardware .PDA li .goods .goods_cont .goods_cost{ bottom:20px; left:15px; } /* -------------------- Sub : 소프트웨어구매 -------------------- */ /* 상단제품정보 */ .goodsDetail{ /*position:relative; height:450px;*/display:block; width:100%; margin-top:40px; overflow:hidden; } .goodsDetail div{ display:block; overflow:hidden; } .goodsDetail_view{ /*position:absolute; top:0; left:0; height:388px;*/float:left; width:430px; } .goodsDetail_view .goodsImages{ height:332px; line-height:330px; text-align:center; border:1px solid #ddd; } .goodsDetail_view .goodsHw{ margin-top:10px; height:50px; } .goodsDetail_view .goodsHw h5{ float:left; width:90px; font-size:14px; line-height:48px; font-weight:600; text-align:center; } .goodsDetail_view .goodsHw li{ width:58px; height:48px; margin-right:7px; border:1px solid #f1f1f1; } .goodsDetail_view .goodsHw li.plus{ width:15px; line-height:48px; text-align:center; font-weight:bold; border:0; } .goodsDetail_view .goodsHw li.last{ margin-right:0; } .goodsDetail_btn{ /*position:absolute; bottom:0; left:0; */margin-top:10px; width:430px; height:50px; } .goodsDetail_btn a{ float:left; } .goodsDetail_btn a:hover{ color:#231f20; border:1px solid #231f20; } .goodsDetail_btn a{ display:block; width:208px; height:48px; font-size:14px; line-height:50px; font-weight:600; text-align:center; border:1px solid #ddd; overflow:hidden; } .goodsDetail_btn a.right{ margin-left:10px; } .goodsDetail_about{ position:relative; float:right; margin-left:50px; width:510px; } .goodView_cont{ padding-bottom:8px; border-bottom:1px solid #f1f1f1; } .goodView_cont h4{ width:510px; height:59px; color:#231f20; font-size:27px; line-height:130%; border-bottom:1px solid #ddd; } .goodView_cont h4 p{ color:#777; font-size:13px; line-height:130%; } .goodView_cont h4 span{ padding-left:10px; color:#d6863d; font-size:13px; font-weight:600; } .goodView_cont table{ width:100%; } .goodView_cont table th{ height:35px; font-size:14px; line-height:35px; font-weight:600; } .goodView_cont table td{ height:35px; font-size:14px; line-height:35px; } .goodView_cont table td .retailPrice{ color:#999; text-decoration:line-through; font-size:17px; } .goodView_cont table td .sellPrice{ color:#ff7400; text-decoration:underline; font-size:17px; font-weight:600; } .goodView_cont table td .priceArrow{ padding:0 5px; font-size:17px; font-weight:600; } .goodView_cont table td .etcPrice{ color:#999; font-weight:600; } .goodView_cont table td .Related_link a{ display:block; float:left; margin-right:5px; width:100px; height:26px; font-size:14px; line-height:26px; text-align:center; border:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #a6a6a6; } .goodView_cont table td.gray_line{ width:100%; height:5px; border-top:1px dashed #ddd; } .goodView_cont table td.tel{ color:#ff7400; font-weight:600; } .goodsDetail_about .goodBuy_btn{ margin-top:15px; width:510px; height:50px; } .goodsDetail_about .goodBuy_btn li{ float:left; margin-right:14px; } .goodsDetail_about .goodBuy_btn li.last{ margin-right:0; } .goodsDetail_about .goodBuy_btn li a{ display:block; width:160px; height:48px; color:#fff; font-size:14px; font-weight:600; line-height:48px; text-align:center; } .goodsDetail_about .goodBuy_btn li a.download{ background:#ff8400; } .goodsDetail_about .goodBuy_btn li a.manual{ background:#012d6a; } .goodsDetail_about .goodBuy_btn li a.manual2{ float:left; margin-right:10px; width:76px; background:#012d6a; } .goodsDetail_about .goodBuy_btn li a.last{ margin-right:0; } .goodsDetail_about .goodBuy_btn li a.buy{ background:#9dcc34; } .goodsDetail_view .goodsImages_none{ display:block; width:428px; height:388px; text-align:center; border:1px solid #ddd; overflow:hidden; } .goodsDetail_view .goodsImages_none img{ margin-top:28px; } /* 3종비교 */ .compareContents{ width:900px; margin:0 auto; } .compareContents h4{ width:898px; height:50px; margin-top:10px; border:1px solid #d9d9d9; background:url('../images/software/compare_title.png') no-repeat; } .compareContents h4 span{ padding-left:125px; font-size:19px; line-height:50px; } .compareContents h4 a{ display:block; float:right; width:50px; height:50px; } .compareContents div{ margin:10px 0; text-align:center; } /* 관련상품 */ .relatedGoods{ margin-top:40px; height:198px; border:1px solid #ddd; } .relatedGoods h3{ float:left; width:165px; height:168px; padding:30px 0 0 23px; font-size:18px; background:#f1f1f1; } .relatedGoods li{ float:left; width:200px; height:198px; } .relatedGoods li a{ display:block; width:200px; height:198px; text-align:center; } .relatedGoods li a p{ width:200px;} .relatedGoods li a span{ display:block; width:200px; height:20px; line-height:20px; } .relatedGoods li a span.s_text{ color:#777; font-size:11px; } .relatedGoods li a span.title_text{ color:#231f20; font-size:14px; font-weight:600; } /* 숫자로 보는 */ .numberView{ margin-top:30px; height:248px; border:1px solid #ddd; background:#f4f9e9; } .numberView h3{ padding-left:40px; height:40px; line-height:40px; font-size:18px; border-bottom:1px solid #bcd770; background:#cce190; } .numberView li{ float:left; width:190px; height:198px; line-height:208px; text-align:center; } .numberView li.first{ margin-left:20px; } /* 업무흐름도 */ .goodsFlow{ margin-top:30px; } .goodsFlow{ display:block; width:988px; text-align:center; border:1px solid #ddd; background:#f9f9f9; overflow:hidden; } .goodsFlow div{ float:left; } .goodsFlow .flowImages{ width:682px; } .goodsFlow .flowCaption{ width:243px; margin:20px 15px; } .goodsFlow .mt170{ margin-top:170px; } .goodsFlow .flowCaption dl{ text-align:left; margin-bottom:10px; border:1px solid #ddd; } .goodsFlow .flowCaption dl.last{ margin-bottom:0; } .goodsFlow .flowCaption dt{ float:left; width:90px; padding-left:10px; font-size:15px; font-weight:600; border-right:1px solid #ddd; background:#fff; } .goodsFlow .flowCaption dd{ float:right; width:130px; padding-left:10px; height:20px; line-height:20px; font-size:13px; } .goodsFlow .flowCaption dl.line3{ height:70px; } .goodsFlow .flowCaption .line3 dt{ height:70px; line-height:70px; } .goodsFlow .flowCaption dl.line4{ height:90px; } .goodsFlow .flowCaption .line4 dt{ height:90px; line-height:90px; } .goodsFlow .flowCaption dl.line5{ height:110px; } .goodsFlow .flowCaption .line5 dt{ height:110px; line-height:110px; } .goodsFlow .flowCaption dt .orange{ color:#fd8816; } .goodsFlow .flowCaption dd.first{ margin-top:5px; } .goodsFlow .flowCaption dd.last{ margin-bottom:5px; } .goodsFlow .flowPDA{ width:273px; padding-left:15px; margin-top:100px; } .goodsFlow .flowPDA dl{ border:1px solid #cecece; } .goodsFlow .flowPDA dt{ height:35px; color:#538a15; font-size:15px; line-height:35px; font-weight:600; border-bottom:1px solid #cecece; background:#fff; } .goodsFlow .flowPDA dd a{ display:block; width:171px; height:40px; padding-left:100px; line-height:40px; text-align:left; font-size:14px; border-bottom:1px solid #ddd; background:url('../images/software/case_tab.png') no-repeat; } .goodsFlow .flowPDA dd.first a{ background-position:10px top; } .goodsFlow .flowPDA dd.second a{ background-position:10px -40px; } .goodsFlow .flowPDA dd.third a{ background-position:10px -80px; } .goodsFlow .flowPDA dd.last a{ background-position:10px -120px; border-bottom:none; } .goodsFlow .flowSmart{ width:273px; padding-left:15px; margin-top:210px; } .goodsFlow .flowSmart dl{ border:1px solid #cecece; } .goodsFlow .flowSmart dt{ height:35px; color:#538a15; font-size:15px; line-height:35px; font-weight:600; border-bottom:1px solid #cecece; background:#fff; } .goodsFlow .flowSmart dd a{ display:block; width:271px; height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #ddd; } .goodsFlow .flowSmart dd.last a{ border-bottom:none; } /* 관련하드웨어 */ .hardwareLink{ margin-top:30px; height:112px; padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; } .hardwareLink h4{ float:left; width:135px; height:50px; font-size:19px; line-height:24px; font-weight:600; } .hardwareLink li a{ display:block; float:left; margin-right:13px; padding-top:10px; width:103px; height:100px; text-align:center; border:1px solid #ddd; background:#fff; } .hardwareLink li a:hover{ border:1px solid #231f20; } .hardwareLink li a.last{ margin-right:0; } .hardwareLink li a span{ font-size:13px; line-height:110%; } .pdaLink{ margin-top:30px; height:262px; padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; } .pdaLink h4{ float:left; width:205px; height:50px; font-size:19px; line-height:24px; font-weight:600; } .pdaLink li a{ display:block; float:left; margin-right:50px; padding-top:10px; width:320px; height:250px; text-align:center; border:1px solid #ddd; background:#fff; } .pdaLink li a:hover{ border:1px solid #231f20; } .pdaLink li a.last{ margin-right:0; } /* 탭메뉴 */ .tabMenu{ margin-top:50px; height:40px; background:url('../images/software/tabmenu_bg.png') repeat-x bottom; } .tabMenu li{ width:190px; height:40px; margin-right:10px; } .tabMenu li.last{ margin-right:0; } .tabContainer{ margin-top:30px; } .tabContainer h3{ padding-left:100px; margin-bottom:20px; height:40px; font-size:19px; line-height:21px; border-bottom:1px solid #555; background:url('../images/software/tabmenu_title.png') no-repeat; } #premier1 h3{ background-position:0 0; } .viewSlider { position:relative; } .viewSlider img { position:absolute; top:0px; left:0px; } .viewSlider a.view-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0; margin:0; border:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .view-slice { display:block; position:absolute; z-index:5; height:100%; } .view-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .view-caption { position:absolute; left:0px; bottom:0px; width:100%; background:url('../images/software/captionBg.png') repeat-y; color:#fff; font-size:16px; line-height:110%; font-weight:600; z-index:8; } .view-caption { position:absolute; left:0px; bottom:0px; width:100%; background:url('../images/software/captionBg.png') repeat-y; color:#fff; font-size:16px; line-height:110%; font-weight:600; z-index:8; } .view-caption p { padding:20px 30px; margin:0; } .view-caption a { display:inline !important; } .view-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .view-directionNav a { position:absolute; z-index:9; cursor:pointer; } .view-prevNav { left:0px; } .view-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .view-controlNav a { position:relative; z-index:9; cursor:pointer; } .view-controlNav a.active { color:#fff; font-weight:bold; } /* Wrap */ .futurico-theme { position:relative; margin:0 auto; width:650px; height:570px; } .futurico-theme .viewSlider { position:relative; width:650px; height:485px; } .futurico-theme .viewSlider img { position: absolute; top:0; left:0; width:290px; height:170px; display: none; } /*연두버튼*/ .futurico-theme .view-controlNav { position:absolute; top:500px; } .futurico-theme .view-controlNav a { display:block; float:left; width:26px; height:26px; margin:3px 3px; font-size:14px; text-align:center; line-height:26px; background:#ddd; border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; } .futurico-theme .view-controlNav a.active, .futurico-theme .view-caption span { background: #a5cd4e; background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); } /*좌우버튼*/ .futurico-theme .view-directionNav a { display:block; top:230px; width:50px; height:52px; color: #231f20; font-size:40px; line-height:110%; text-align:center; } .futurico-theme a.view-prevNav { left:-50px; } .futurico-theme a.view-nextNav { right:-50px; } .futurico-theme .view-caption em { color:#fff; font-size:16px; line-height:110%; font-weight:600; } #premier2 h3{ background-position:0 -40px; } .functionTable{ width:990px; } .functionTable caption{ height:21px; font-size:14px; line-height:110%; text-align:right; font-weight:600; } .functionTable th{ height:35px; color:#fff; font-size:15px; text-align:center; line-height:110%; font-weight:600; background:url('../images/software/function_th.png') repeat-x; } .functionTable td{ height:30px; padding:3px 0; font-size:14px; text-align:center; line-height:16px; border-bottom:1px solid #ddd; } .functionTable td.line2{ line-height:17px; padding:5px 0; } .functionTable td.comment{ text-align:left; padding-left:20px; } .functionTable td.boldLine{ border-bottom:1px solid #aaa; } .functionTable td.title{ background:#f8f8f8; } .functionTable td.functionO{ height:35px; background:url('../images/software/functionTable_ox.png') no-repeat top; } .functionTable td.functionX{ height:35px; background:url('../images/software/functionTable_ox.png') no-repeat bottom; } .whyQnA th{ width:200px; padding-top:10px; font-size:19px; line-height:110%; vertical-align:top; font-weight:600; } .whyQnA th span{ color:#888; font-size:16px; } .whyQnA td.whyContents{ width:790px; font-weight:600; } .whyQnA dl{ padding:10px 0; } .whyQnA dt{ padding-left:22px; font-size:16px; line-height:170%; background:url('../images/software/whyQnA.png') no-repeat top left; } .whyQnA dt span.green{ color:#769c2f; } .whyQnA dd{ padding-left:40px; color:#769c2f; font-size:15px; line-height:130%; background:url('../images/software/whyQnA.png') no-repeat 11px -43px; } .whyQnA td.dashedLine{ height:6px; padding:7px 0 5px; background:url('../images/software/dashed_line.jpg') repeat-x 0 7px; } .functionFaq{ margin-top:30px; } .functionFaq ul#toggle{ width:710px; } .functionFaq ul#toggle{ list-style:none; margin:0px; padding:0px; } .functionFaq ul#toggle li.last{ border-bottom:1px solid #ddd; } .functionFaq h2.title{ width:990px; height:38px; color:#777; font-size:19px; line-height:38px; font-weight:600; border-top:1px solid #cecece; cursor:pointer; } .functionFaq h2.odd{ background:#f8f8f8; }/*even*/ .functionFaq h2.title span{ display:inline-block; float:left;} .functionFaq h2.title .num{ margin-left:30px; padding:0 0 0 20px; width:50px; color:#769c2f; letter-spacing:-1px; background:url('../images/software/function_faq.png') no-repeat 0 6px; } .functionFaq h2.title .text{ width:740px; } .functionFaq h2.title .btn{ width:150px; font-size:14px; line-height:38px; background:url('../images/software/function_faq.png') no-repeat 90px -28px; } .functionFaq li div.sub{ padding:10px 0; border-top:1px solid #ddd; cursor:pointer; } .compare_m{ height:2760px; } .compare_j{ height:2930px; } .matchingTable{ width:900px; margin:0 auto; background:#fff; } .matchingTable th{ height:30px; color:#fff; font-size:15px; text-align:center; line-height:16px; font-weight:600; border-bottom:1px solid #888; border-left:1px solid #888; background:url('../images/software/function_th.png') repeat-x; } .matchingTable th.last{ border-right:1px solid #888; } .matchingTable td{ height:25px; font-size:14px; text-align:center; line-height:25px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .matchingTable td.line2{ height:40px; line-height:17px; } .matchingTable td.title{ line-height:130%; border-left:1px solid #aaa; background:#f8f8f8; } .matchingTable td.last{ border-right:1px solid #aaa; } .matchingTable td.text{ text-align:left; padding-left:10px; } .matchingTable td.boldLine{ border-bottom:1px solid #aaa; } .matchingTable td.functionO{ height:20px; background:url('../images/software/functionTable_ox.png') no-repeat center -5px; } .matchingTable td.functionO2{ height:20px; background:url('../images/software/functionTable_ox.png') no-repeat center 5px; } .matchingTable td.functionO3{ height:20px; background:url('../images/software/functionTable_ox.png') no-repeat center top; } .matchingTable td.functionX{ height:20px; background:url('../images/software/functionTable_ox.png') no-repeat center -42px; } .matchingTable td.functionT{ height:20px; background:url('../images/software/functionTable_ox.png') no-repeat center -79px; } .matchingTable td.title p{ padding-left:20px; font-size:15px; line-height:27px; text-align:left; font-weight:600; } .matchingTable td.title p.first{ padding-top:10px; } .matchingTable td.title p.last{ padding-bottom:10px; } .matchingTable td.title p .orange{ font-size:16px; } #premier3 h3{ background-position:0 -80px; } .businessType{ margin-top:20px; padding:40px 0 30px; background:url('../images/software/millennium/business_type_bg.png') repeat-y; } .businessType h4{ margin-bottom:20px; line-height:25px; color:#FFF; font-size:23px; text-align:center; } #premier4 h3{ background-position:0 -120px; } #premier5 h3{ background-position:0 -160px; } .vodFaq{ margin-top:30px;} .vodFaq h4{ float:left; width:174px; height:242px; font-size:19px; line-height:110%; font-weight:600; } .vodFaq h4 span{ color:#888; font-size:16px; } .vodDownload th{ height:35px; color:#fff; font-size:15px; text-align:center; line-height:35px; font-weight:600; background:url('../images/software/function_th.png') repeat-x; } .vodDownload td{ height:32px; padding:3px 0; font-size:14px; text-align:center; line-height:16px; font-weight:600; border-bottom:1px solid #ddd; } .vodDownload td.categorize{ background:#f8f8f8; } .vodDownload td.title{ text-align:left; padding-left:15px; } .vodDownload td.title span{ color:#aaa; padding-right:10px; } .vodDownload td a{ display:block; width:80px; height:32px; } /* ------------------- subContents : 서브페이지 -------------------*/ /* 서비스안내1 */ .taxSection1{ display:block; width:740px; height:370px; overflow:hidden; } .taxSection1 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .taxSection1 .contents{ width:738px; height:205px; border:1px solid #d9d9d9; border-top:none; } .taxSection1 .contents h3{ height:15px; margin:15px 30px; } .taxSection1 .contents .step li{ float:left; width:140px; height:145px; background:url('../images/service/tax_step_contents.gif') no-repeat; } .taxSection1 .contents .step li p{ width:100%; height:32px; line-height:16px; margin-top:85px; color:#555; text-align:center; font-size:12px; } .taxSection1 .contents .step li a{ display:block; width:64px; height:20px; line-height:20px; text-align:center; color:#777; font-size:11px; font-weight:bold; background:url('../images/service/tax_step_btn.gif') no-repeat; overflow:hidden; } .taxSection1 .contents .step li.step1{ position:relative; background-position:35px top; margin-left:30px; } .taxSection1 .contents .step li.step1 a{ position:absolute; left:38px; top:125px; } .taxSection1 .contents .step li.step2{ position:relative; background-position:-142px top; } .taxSection1 .contents .step li.step2 span{ position:absolute; left:0; top:125px; width:100%; height:20px; line-height:20px; color:#ff833d; font-size:13px; font-weight:bold; } .taxSection1 .contents .step li.step3{ position:relative; background-position:-318px top; } .taxSection1 .contents .step li.step3 a{ position:absolute; left:38px; top:125px; } .taxSection1 .contents .step li.step4{ position:relative; background-position:-492px top; } .taxSection1 .contents .step li.step4 a{ position:absolute; left:38px; top:125px; } .taxSection1 .contents .step li.arrow{ width:35px; text-indent:-9999px; background-position:-112px top; } .taxSection1 .definition{ width:740px; height:150px; margin-top:30px; padding-left:150px; background:url('../images/service/tax_step_mark.gif') no-repeat 15px 5px; } .taxSection1 .definition h3{ height:18px; line-height:16px; font-size:16px; font-weight:600; } .taxSection1 .definition p{ width:590px; font-size:13px; line-height:16px; text-align:justify; margin:10px 0; } .taxSection2{ display:block; margin-top:50px; width:740px; height:465px; background:url('../images/common/dotline_top.gif') repeat-x; overflow:hidden; } .taxSection2 h2{ display:block; margin-top:40px; width:660px; padding-left:80px; height:95px; background:url('../images/common/tax_attention_title.gif') no-repeat; overflow:hidden; } .taxSection2 h2 .title{ height:18px; line-height:18px; margin-bottom:10px; font-size:16px; font-weight:600; } .taxSection2 h2 p{ line-height:16px; font-size:13px; text-align:justify; } .taxSection2 .contents{ margin-top:20px; padding-bottom:24px; background:url('../images/common/dotline_bottom.gif') repeat-x bottom; } .taxSection2 .contents img{ float:left; } .taxSection2 .contents .right{ float:right; } .taxSection3{ display:block; margin-top:50px; width:740px; height:445px; overflow:hidden; } .taxSection3 h2{ padding-left:30px; height:20px; line-height:17px; font-size:17px; font-weight:600; background:url('../images/common/tax_add_title.gif') no-repeat left top; } .taxSection3 .contents{ width:738px; height:370px; text-align:center; padding:20px 0; border:1px solid #d9d9d9; border-top:none; } /* 서비스안내2 */ .docSection1{ display:block; width:740px; height:370px; overflow:hidden; } .docSection1 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .docSection1 .contents{ width:738px; height:205px; border:1px solid #d9d9d9; border-top:none; } .docSection1 .contents h3{ height:15px; margin:15px 30px; } .docSection1 .contents .step li{ float:left; width:140px; height:145px; background:url('../images/service/document_step_contents.gif') no-repeat; } .docSection1 .contents .step li p{ width:100%; height:32px; line-height:16px; margin-top:85px; color:#555; text-align:center; font-size:12px; } .docSection1 .contents .step li a{ display:block; width:64px; height:20px; line-height:20px; text-align:center; color:#777; font-size:11px; font-weight:bold; background:url('../images/service/tax_step_btn.gif') no-repeat; overflow:hidden; } .docSection1 .contents .step li.step1{ position:relative; background-position:35px top; margin-left:30px; } .docSection1 .contents .step li.step1 a{ position:absolute; left:38px; top:125px; } .docSection1 .contents .step li.step2{ position:relative; background-position:-210px top; } .docSection1 .contents .step li.step2 a{ position:absolute; left:38px; top:125px; } .docSection1 .contents .step li.step3{ position:relative; background-position:-455px top; } .docSection1 .contents .step li.step3 a{ position:absolute; left:38px; top:125px; } .docSection1 .contents .step li.arrow{ width:125px; text-indent:-9999px; background-position:-100px top; } .docSection1 .definition{ width:740px; height:135px; margin-top:30px; padding-left:150px; background:url('../images/service/document_step_mark.gif') no-repeat 15px top; } .docSection1 .definition h3{ margin-top:15px; height:18px; line-height:16px; font-size:16px; font-weight:600; } .docSection1 .definition p{ width:590px; font-size:13px; line-height:16px; text-align:justify; margin:10px 0; } .docSection2{ display:block; margin-top:50px; width:740px; height:465px; background:url('../images/common/dotline_top.gif') repeat-x; overflow:hidden; } .docSection2 h2{ display:block; margin-top:40px; width:660px; padding-left:80px; height:75px; background:url('../images/common/tax_attention_title.gif') no-repeat; overflow:hidden; } .docSection2 h2 .title{ height:18px; line-height:18px; margin-bottom:10px; font-size:16px; font-weight:600; } .docSection2 h2 p{ line-height:16px; font-size:13px; text-align:justify; } .docSection2 .contents{ margin-top:20px; padding-bottom:24px; background:url('../images/common/dotline_bottom.gif') repeat-x bottom; } .docSection2 .contents img{ float:left; } .docSection2 .contents .right{ float:right; } .docSection3{ display:block; margin-top:50px; width:740px; height:445px; overflow:hidden; } .docSection3 h2{ padding-left:30px; height:20px; line-height:17px; font-size:17px; font-weight:600; background:url('../images/common/tax_add_title.gif') no-repeat left top; } .docSection3 .contents{ width:738px; height:340px; text-align:center; padding:20px 0; border:1px solid #d9d9d9; border-top:none; } /* 서비스안내3 */ .awardSection1{ display:block; width:740px; height:340px; overflow:hidden; } .awardSection1 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .awardSection1 .contents{ width:738px; height:165px; border:1px solid #d9d9d9; border-top:none; } .awardSection1 .contents h3{ height:15px; margin:15px 30px; } .awardSection1 .contents .text{ float:left; margin-left:30px; width:508px; height:32px; line-height:16px; font-size:13px; } .awardSection1 .contents .text span{ display:block; margin-top:30px; width:508px; height:18px; } .awardSection1 .contents .text span font{ font-size:18px; line-height:18px; } .awardSection1 .contents .btn a{ display:block; float:right; margin-right:30px; width:128px; height:48px;overflow:hidden; } .awardSection1 .contents .btn .btn2{ margin-top:5px; } .awardSection1 .definition{ width:740px; height:140px; margin-top:30px; padding-left:150px; background:url('../images/service/award_text_mark.gif') no-repeat 15px top; } .awardSection1 .definition h3{ margin-top:15px; height:18px; line-height:16px; font-size:16px; font-weight:600; } .awardSection1 .definition p{ width:590px; font-size:13px; line-height:16px; text-align:justify; margin:10px 0; } .awardSection2{ display:block; margin-top:50px; width:740px; height:295px; background:url('../images/common/dotline_top.gif') repeat-x; overflow:hidden; } .awardSection2 h2{ display:block; margin-top:40px; width:660px; padding-left:80px; height:95px; background:url('../images/common/tax_attention_title.gif') no-repeat; overflow:hidden; } .awardSection2 h2 .title{ height:18px; line-height:16px; margin-bottom:10px; font-size:16px; font-weight:600; } .awardSection2 h2 p{ line-height:16px; font-size:13px; text-align:justify; } .awardSection2 .contents{ margin-top:20px; padding-top:20px; background:url('../images/common/dotline_bottom.gif') repeat-x top; } .awardSection2 .contents h3{ padding-left:80px; height:20px; line-height:20px; font-size:16px; font-weight:600; background:url('../images/common/tax_add_title.gif') no-repeat 40px top; } .awardSection2 .contents .list{ padding:10px 0 0 80px; } .awardSection2 .contents p{ margin:10px 0 0 80px; width:660px; font-size:14px; line-height:16px; } .awardSection2 .contents ul{ display:block; float:left; width:150px; } .awardSection2 .contents ul li{ height:16px; font-size:13px; line-height:16px; } .awardSection3{ display:block; width:740px; height:606px; margin-top:20px; overflow:hidden; } .awardSection3 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .awardSection3 .contents{ width:738px; height:600px; border:1px solid #d9d9d9; border-top:none; } .awardSection3 .contents h3{ margin:15px 30px; height:42px; line-height:16px; font-size:16px; font-weight:600; } .awardSection3 .contents h3 span{ display:block; margin-top:10px; width:100%; height:16px; line-height:16px; font-size:13px; font-weight:normal; } .awardSection3 .bank{ display:block; width:678px; margin:0 auto; font-size:13px; line-height:16px; border-left:1px solid #d9d9d9; border-top:2px solid #ff833d; } .awardSection3 .bank th{ height:35px; font-weight:bold; background:#f8f8f8; text-align:center; border:1px solid #d9d9d9; border-top:none; border-left:none; } .awardSection3 .bank td{ height:21px; text-align:center; border:1px solid #d9d9d9; border-top:none; border-left:none; } .awardSection3 .bank td a{ display:block; font-weight:600; } /* 소프트웨어1 */ .solutionSectionTop{ display:block; width:100%; overflow:hidden; } .solutionSectionTop ul li{ display:block; float:left; width:230px; height:240px; margin-right:25px; background:url('../images/software/solution_product.png') no-repeat; overflow:hidden; } .solutionSectionTop ul li.first{ background-position:left top; } .solutionSectionTop ul li.middle{ background-position:center top; } .solutionSectionTop ul li.last{ margin-right:0; background-position:right top; } .solutionSectionTop ul li div.productTop{ position:relative; width:230px; height:240px; } .solutionSectionTop ul li div.productTop h3{ height:35px; text-indent:-9999px; } .solutionSectionTop ul li div.productTop a{ display:block; overflow:hidden; } .solutionSectionTop ul li div.productTop .left{ position:absolute; left:0; top:36; width:115px; height:130px; text-indent:-9999px; } .solutionSectionTop ul li div.productTop .right{ position:absolute; right:0; top:36; width:112px; height:130px; } .productTop .right .comment{ display:block; margin-top:15px; width:112px; height:50px; line-height:17px; color:#888; text-align:center; font-size:13px; font-weight:600; } .productTop .right a{ display:block; width:78px; height:24px; margin:0 0 3px 17px; text-indent:-9999px; background:url('../images/software/solution_product_btn.gif') no-repeat; } .productTop .right a.download{ background-position:3px 0; } .productTop .right a.view{ background-position:3px -25px; } .solutionSection2{ display:block; width:740px; margin-top:30px; overflow:hidden; } .solutionSection2 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .solutionSection2 .contents{ width:738px; height:430px; border:1px solid #d9d9d9; border-top:none; } .solutionSection2 .contents h3{ height:45px; margin:15px 30px 20px; } .solutionSection2 .contents p{ width:100%; margin-bottom:20px; text-align:center; } .vs{ display:block; width:690px; margin:0 auto; border-left:1px solid #d9d9d9; border-top:3px solid #ff823f; overflow:hidden; } .vs th{ height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; border:1px solid #d9d9d9; border-top:none; border-left:none; background:#fffbf2; } .vs td{ height:27px; line-height:18px; padding:10px 0; text-align:center; font-size:13px; font-weight:600; border:1px solid #d9d9d9; border-top:none; border-left:none; } .underline{ display:inline; height:16px; line-height:16px; border-bottom:1px solid #555; padding-bottom:0; } .solutionSection3{ display:block; margin-top:40px; height:440px; background:url('../images/common/dotline_top.gif') repeat-x; overflow:hidden; } .solutionSection3 h2{ display:block; margin-top:40px; padding-left:80px; width:660px; height:25px; line-height:18px; font-size:18px; letter-spacing:-0.5px; font-weight:600; background:url('../images/common/tax_attention_title.gif') no-repeat; overflow:hidden; } .solutionSection3 .contents{ width:740px; margin-top:20px; padding-bottom:25px; background:url('../images/common/dotline_bottom.gif') repeat-x bottom; } .solutionSection3 .contents p{ float:left; margin:0 20px; } .solutionSection3 .contents p.right{ float:right; } .solutionSection4{ display:block; margin-top:30px; width:740px; overflow:hidden; } .solutionSection4 h2{ padding-left:30px; height:20px; line-height:17px; font-size:17px; letter-spacing:-0.5px; font-weight:600; background:url('../images/common/tax_add_title.gif') no-repeat left top; } .solutionSection4 .contents{ width:740px; height:461px; } .solutionInfo{ display:block; width:100%; margin:0 auto; border-left:1px solid #d9d9d9; border-top:none; } .solutionInfo th{ height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; border:1px solid #d9d9d9; border-top:none; border-left:none; background:#f8f8f8; } .solutionInfo td{ height:27px; line-height:16px; text-align:center; font-size:13px; border:1px solid #d9d9d9; border-top:none; border-left:none; } .solutionInfo td a{ display:block; font-weight:600; } .solutionInfo td.title{ padding:0 11px 0 10px; overflow:hidden; } .solutionInfo td.comment{ text-align:left; padding-left:7px; } .solutionInfo td.burgundy{ color:#e66d59; font-weight:600; } .solutionInfo td span{ display:block; width:65px; height:27px; text-indent:-9999px; background:url('../images/software/table_ox.gif') no-repeat; overflow:hidden; } .solutionInfo td span.yes{ background-position:28px 8px; } .solutionInfo td span.no{ background-position:28px -18px; } /* 소프트웨어2 */ .borderBtn{ display:block; width:65px; height:37px; padding-left:45px; overflow:hidden; line-height:37px; font-size:13px; font-weight:600; border-radius: 3px; border:1px solid #414a51; box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.1); -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.1); -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.1); } .swSection1{ position:relative; } .swSection1 li{ float:left; } .swSection1 li.left{ width:230px; height:290px; } .swSection1 li.left div.product{ position:relative; width:230px; height:245px; } .swSection1 li.left div.cs{ width:230px; height:245px; background:url('../images/software/cs_left_bg.png') no-repeat; } .swSection1 li.left div.ii{ width:230px; height:245px; background:url('../images/software/ii_left_bg.png') no-repeat; } .swSection1 li.left div.lite{ width:230px; height:245px; background:url('../images/software/lite_left_bg.png') no-repeat; } .swSection1 li.left div.product p{ position:absolute; top:175px; width:230px; height:70px; padding-left:50px; background:url('../images/software/cs_left_hw.png') no-repeat; } .swSection1 li.left div.product p a{ display:block; float:left; width:50px; height:50px; margin-right:4px; text-indent:-9999px; } .swSection1 li.left div.productLite p{ position:absolute; top:175px; width:230px; height:70px; padding-left:50px; background:url('../images/software/lite_left_hw.gif') no-repeat; } .swSection1 li.left div.productLite p a{ display:block; float:left; width:50px; height:50px; margin-right:4px; text-indent:-9999px; } .swSection1 li.left div.btn{ position:relative; width:230px; height:45px; } .swSection1 li.left div.btn a{ background:url('../images/software/btn_icon.gif') no-repeat; } .swSection1 li.left div.btn a.btn1{ position:absolute; left:0; background-position:left -2px; } .swSection1 li.left div.btn a.btn2{ position:absolute; right:0; background-position:left -50px; } .swSection1 li.right{ position:relative; float:right; margin-left:45px; width:465px; } .swSection1 li.right .title{ height:21px; padding-bottom:7px; margin-bottom:13px; border-bottom:1px solid #b2b2b2; font-weight:600; } .swSection1 li.right .title .name{ float:left; line-height:21px; font-size:21px; } .swSection1 li.right .title .name span{ margin-left:5px; color:#ff8933; font-size:13px; } .swSection1 li.right .title .tel{ float:right; margin-top:6px; height:15px; line-height:15px; font-size:13px; } .swSection1 li.right div.rightBtn{ position:absolute; top:145px; right:0; width:115px; height:90px; z-index:2; } .swSection1 li.right div.rightBtn a{ display:block; height:45px; background:url('../images/software/btn_icon.gif') no-repeat; overflow:hidden; } .swSection1 li.right div.rightBtn a.btn1{ background-position:left -98px; margin-bottom:2px; } .swSection1 li.right div.rightBtn a.btn2{ background-position:left -147px; } .productInfo{ position:absolute; right:0; width:465px; } .productInfo th{ height:32px; text-indent:-9999px; background:url('../images/software/top_info.gif') no-repeat; } .productInfo th.info1{ background-position:left 10px; } .productInfo th.info2{ background-position:left -24px; } .productInfo th.info3{ background-position:left -58px; } .productInfo th.info4{ background-position:left -90px; } .productInfo th.info5{ background-position:left -126px; } .productInfo th.info6{ background-position:left -160px; } .productInfo th.info7{ background-position:right 10px; } .productInfo th.info8{ background-position:right -24px; } .productInfo td{ line-height:32px; font-size:13px; } .swSection1 li.right div.btn{ position:absolute; top:245px; left:90px; width:465px; height:45px; } .swSection1 li.right div.btn a{ display:block; float:left; margin-right:10px; width:118px; height:45px; text-indent:-9999px; background:url('../images/software/top_btn.gif') no-repeat; } .swSection1 li.right div.btn a.btn1{ background-position:left top; } .swSection1 li.right div.btn a.btn2{ background-position:-129px top; } .swSection1 li.right div.btn a.btn3{ margin-right:0; background-position:right top; } .swSection2{ display:block; width:740px; margin-top:30px; overflow:hidden; } .swSection2 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .swSection2 .contents{ position:relative; width:738px; height:500px; border:1px solid #d9d9d9; border-top:none; } .swSection2 div.lite{ height:430px; } .swSection2 .contents h3{ height:80px; margin:15px 30px 0; } .swSection2 .contents div{ position:absolute; top:15px; right:30px; width:230px; height:36px; padding-top:7px; font-size:12px; font-weight:600; line-height:14px; text-align:center; border:1px solid #dbc6ac; } .swSection2 .contents div.lite{ line-height:29px; } .swSection2 .contents p{ width:100%; text-align:center; } .swSection3{ display:block; width:740px; margin-top:30px; overflow:hidden; } .function{ display:block; margin-top:15px; } .function th{ padding-left:10px; color:#555; font-size:16px; line-height:16px; font-weight:600; text-align:left; } .function th font{ color:#777; font-size:13px; line-height:16px; } .function td{ height:50px; font-weight:600; } .function td p.question{ height:35px; line-height:38px; padding-left:45px; font-size:16px; background:url('../images/software/bullet_part2_q.gif') no-repeat; } .function td p.answer{ height:25px; line-height:25px; padding-left:45px; color:#777; font-size:14px; background:url('../images/software/bullet_part2_q.gif') no-repeat 13px 4px; } .function td p.q1{ background-position:left -42px; } .function td p.q2{ background-position:left -92px; } .function td p.q3{ background-position:left -145px; } .function td p.q4{ background-position:left -195px; } .function td p.q5{ background-position:left -248px; } .function td p.q6{ background-position:left -300px; } .function td p.q7{ background-position:left -352px; } .function td p.q8{ background-position:left -404px; } .function td p.q9{ background-position:left -456px; } .function td p.q10{ background-position:left -508px; } .function td p.q11{ background-position:left -560px; } .function td p.q12{ background-position:left -612px; } .function td.line{ height:15px; background:url('../images/common/dotline_bottom.gif') repeat-x center; } .client{ display:block; margin-top:15px; } .client td{ height:70px; line-height:70px; text-align:center; } /* 용지 */ .paperSection1{ display:block; width:740px; height:55px; overflow:hidden; } .paperSection1 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .paperSection1 .contents{ width:738px; height:50px; border:1px solid #d9d9d9; border-top:none; } .paperSection1 .contents h3{ float:left; height:15px; margin:15px 30px; } .paperSection1 .contents .step li{ float:left; } .paperSection1 .contents .step li a{ display:block; width:100px; line-height:50px; text-align:center; color:#777; font-size:14px; font-weight:600; overflow:hidden; } .paperSection1 .contents .step li a:hover{ color:#ff833d; } .paperSection2{ width:740px; margin-top:30px; } .paperSection2 h2{ height:35px; margin-bottom:10px; line-height:26px; padding-left:30px; font-size:16px; font-weight:600; border-bottom:1px solid #d9d9d9; background:url('../images/common/tax_add_title.gif') no-repeat left 5px; } .paperSection2 .contents{ margin-bottom:20px; } .paperSection2 .contents > ul > li{ float:left; margin-right:25px; } .paperSection2 .contents > ul > li.last{ margin-right:0; } .paperSection2 .contents > ul > li .info{ position:relative; width:228px; height:150px; border:1px solid #dcdcdc; background:#f8f8f8; } .paperSection2 .contents > ul > li .info a{ cursor:pointer; } .paperSection2 .contents > ul > li .info a img.paperImg{ display:block; float:left; } .paperSection2 .contents > ul > li .info img.circle{ position:absolute; top:20px; right:25px; width:65px; height:49px; } .paperSection2 .contents > ul > li .info a{ display:block; width:76px; height:25px; text-indent:-9999px; background:url('../images/paper/paper_btn.gif') no-repeat; } .paperSection2 .contents > ul > li .info a.download{ position:absolute; top:77px; right:20px; background-position:left top; } .paperSection2 .contents > ul > li .info a.view{ position:absolute; top:105px; right:20px; background-position:left bottom; } .paperSection2 .contents > ul > li .infoText{ width:230px; height:55px; margin-top:10px; text-align:center; } .paperSection2 .contents > ul > li .infoText .title{ line-height:20px; font-size:16px; font-weight:600; } .paperSection2 .contents > ul > li .infoText .comment{ line-height:16px; font-size:13px; } .paperSection2 .contents > ul > li .infoText .price{ line-height:18px; color:#ff833d; font-size:14px; font-weight:600; } /*게시판*/ .csboard{ display:block; width:100%; margin:0 auto; } .csboard caption{ height:4px; text-indent:-9999px; line-height:0; font-size:0; background:url('../images/common/subContents_top.gif') no-repeat; } .csboard th{ height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; border-bottom:1px solid #d9d9d9; background:#f8f8f8; } .csboard td{ height:30px; line-height:30px; text-align:center; font-size:13px; border-bottom:1px solid #d9d9d9; } .csboard td a{ display:block; width:100%; text-align:left; overflow:hidden; } .csboardBtn{ width:100%; margin:10px 0 50px; text-align:center; } .csboardBtn a{ display:block; width:114px; height:43px; } .csboardView{ display:block; width:740px; margin:0 auto; } .csboardView caption{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .csboardView th{ height:35px; line-height:35px; padding:0 26px; font-size:14px; font-weight:bold; border-bottom:1px solid #d9d9d9; border-left:none; background:#f8f8f8; } .csboardView th.first{ text-align:center; } .csboardView td{ line-height:21px; padding:15px; font-size:14px; border-bottom:1px solid #d9d9d9; } /*페이징*/ .pageWarp{ width:740px; font-size:13px; line-height:13px; text-align:center; } .pageWarp table{ height:35px; margin:0 auto; border:1px solid #d9d9d9; border-right:none; border-bottom:none; } .pageWarp table td{ width:35px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center; } .pageWarp table td.pagebtn{ width:50px; background:#f8f8f8; } .pageWarp table td.pagebtn10{ width:80px; background:#f8f8f8; } .number{ display:block; width:35px; height:35px; line-height:35px; overflow:hidden; } .pageWarp table td.on{ color:#fff; font-weight:600; text-align:center; background:#f6822f; } /*faq 검색*/ .secrchSection{ display:block; margin-top:50px; width:100%; height:35px; overflow:hidden; } .upgradeSection{ margin-top:0; } .search{ float:right; width:393px; height:35px; } .search dd{ height:22px; } .search dd label, .search dd select, .search dd input{ float:left; margin-right:10px; } .search dd label{ line-height:22px; font-size:13px; font-weight:bold; } .search dd select{ width:100px; } .search dd #keyword{ height:22px; line-height:22px; padding:0 5px; border:1px solid #d9d9d9; } /*faq*/ .faqNotice{ display:block; width:638px; height:98px; padding:15px 0 0 100px; overflow:hidden; border:1px solid #d9d9d9; border-top:none; background:url('../images/common/tax_attention_title.gif') no-repeat 20px 15px; } .faqNotice p{ line-height:20px; font-size:13px; } .updateMethod{ background:#fffbf2; } .attach_file{ display:block; width:100%; /*height:52px;*/ padding-left:25px; background:url('../images/cscenter/icon_disk.gif') no-repeat left 2px; overflow:hidden; } /*견적요청*/ .priceSection1{ width:740px; background:url('../images/common/subContents_top.gif') no-repeat; } .priceSection1 .priceNotice{ height:115px; } .priceSection2{ width:740px; height:250px; margin-top:30px; } .priceSection2 h2{ padding-left:30px; height:25px; line-height:16px; font-size:16px; font-weight:600; background:url('../images/common/tax_add_title.gif') no-repeat left top; } .privacy{ width:740px; } .privacy textarea{ width:718px; height:165px; padding:10px; border:1px solid #d9d9d9; } .privacy p.input{ width:180px; margin:0 auto; } .privacy p.input input{ width:16px; height:16px; line-height:40px; margin:0 7px 0 15px; cursor:pointer; } .privacy p.input label{ height:40px; line-height:40px; font-size:14px; font-weight:600; cursor:pointer; } .priceSection3{ width:740px; margin-top:30px; } .priceSection3 h2{ padding-left:30px; height:25px; line-height:16px; font-size:16px; font-weight:600; background:url('../images/common/tax_add_title.gif') no-repeat left top; } .estimateboard{ width:740px; } .estimateboard caption{ height:4px; text-indent:-9999px; line-height:0; font-size:0; background:url('../images/common/subContents_top.gif') no-repeat; } .estimateboard th{ height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; border-bottom:1px solid #d9d9d9; background:#f8f8f8; } .estimateboard td{ line-height:30px; padding-left:15px; font-size:13px; border-bottom:1px solid #d9d9d9; } .estimateboard td input{ height:22px; line-height:22px; padding:0 5px; border:1px solid #d9d9d9; } .estimateboard td a{ display:block; width:100%; text-align:left; overflow:hidden; } .estimateboard td .detail{ margin-top:10px; padding:10px; border:1px solid #d9d9d9; } .estimateboard td .click{ cursor:pointer; } .estimateboard td span{ color:#777; line-height:13px; font-size:13px; } .writeboardBtn{ width:100%; margin:10px; text-align:center; } .writeboardBtn a{ display:block; width:114px; height:43px; margin:0 auto; overflow:hidden; } /* 포인트충전 */ .pointSection1{ width:738px; height:128px; border:1px solid #d9d9d9; border-top:none; } .pointSection1 h2{ height:15px; padding:15px 30px; } .pointSection1 .contents{ width:678px; margin:0 auto; } .pointSection1 .contents p{ width:678px; font-size:13px; font-weight:600; line-height:23px; } .pointSection2{ width:740px; margin-top:50px; } .pointSection2 h2{ height:35px; padding-left:30px; font-size:16px; line-height:26px; font-weight:600; border-bottom:2px solid #ff833d; background:url('../images/common/tax_add_title.gif') no-repeat left 5px; } .pointSection2 .pointFee{ width:740px; border-left:1px solid #d9d9d9; } .pointSection2 .pointFee th{ height:35px; text-align:center; font-size:14px; line-height:35px; font-weight:600; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fffbf2; } .pointSection2 .pointFee th.left{ background:#f8f8f8; } .pointSection2 .pointFee th.dark{ background:#fff0cd; } .pointSection2 .pointFee td{ text-align:center; font-size:14px; line-height:35px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .pointSection2 > p.first{ margin-top:10px; } .pointSection2 > p{ height:20px; font-size:13px; line-height:20px; } .pointBtn{ width:100%; margin-top:50px; } .pointBtn a{ display:block; margin:0 auto; width:118px; height:43px; text-align:center; overflow:hidden; } /* 계산서조회 */ .sendSection1{ width:738px; height:83px; border:1px solid #d9d9d9; border-top:none; } .sendSection1 h2{ height:15px; padding:15px 30px; } .sendSection1 .contents{ width:678px; margin:0 auto; } .sendSection1 .contents p{ width:678px; font-size:14px; font-weight:600; line-height:23px; } .sendSection2{ margin-top:30px; } .sendSection2 h2 a{ display:block; height:25px; padding-left:30px; font-size:16px; line-height:16px; font-weight:600; background:url('../images/common/tax_add_title.gif') no-repeat left top; overflow:hidden; } .sendSection2 .contents{ width:738px; height:210px; padding-top:20px; text-align:center; border:1px solid #d9d9d9; } .sendSection2 .contents .send{ display:block; width:688px; margin:0 auto; font-size:13px; line-height:16px; border-left:1px solid #d9d9d9; border-top:2px solid #999; } .sendSection2 .contents .send th{ width:180px; height:35px; font-weight:bold; background:#f8f8f8; text-align:center; border:1px solid #d9d9d9; border-top:none; border-left:none; } .sendSection2 .contents .send td{ width:508px; text-align:center; border:1px solid #d9d9d9; border-top:none; border-left:none; } .sendSection2 .contents .send td input[type=text]{ width:200px; height:22px; line-height:22px; padding:0 5px; border:1px solid #d9d9d9; } .sendSection2 .contents .send td input[type=radio]{ width:13px; height:13px; margin-right:7px; cursor:pointer; } .sendSection2 .contents .send td label{ height:35px; line-height:35px; font-size:14px; font-weight:600; cursor:pointer; } .sendBtn{ width:100%; text-align:center; margin-top:10px; } .sendBtn img{ margin:0 auto; } /* 회사소개 */ .infoSection1{ width:780px; height:180px; background:url('../images/company/number1.png') no-repeat right 10px; } .infoSection1 h2{ height:80px; line-height:30px; font-size:24px; } .infoSection1 .contents{ margin-top:40px; } .infoSection1 .contents p{ height:30px; line-height:30px; color:#bc622e; font-size:22px; font-weight:600; } .infoSection1 .contents span{ height:20px; line-height:20px; color:#ff833d; font-size:17px; font-weight:600; } .infoSection2{ margin-top:30px; } .infoSection2 li{ float:left; width:230px; margin-right:25px; font-size:14px; line-height:23px; text-align:justify; letter-spacing:-1px; } .infoSection2 li.last{ margin-right:0; } .infoSection2 li.img{ width:485px; height:150px; margin-right:25px; background:url('../images/company/info.gif') no-repeat; } /*주요고객사*/ /* 오시는길 */ .mapSection1{ width:738px; height:83px; border:1px solid #d9d9d9; border-top:none; } .mapSection1 h2{ height:15px; line-height:15px; font-size:14px; font-weight:600; padding:15px 30px; } .mapSection1 .contents{ width:678px; margin:0 auto; font-size:13px; font-weight:600; line-height:23px; } .mapSection2{ width:740px; } .mapSection2 h2{ height:35px; margin-bottom:15px; text-align:left; line-height:26px; padding-left:30px; font-size:16px; font-weight:600; border-bottom:1px solid #d9d9d9; background:url('../images/common/tax_add_title.gif') no-repeat left 5px; } .mapSection2 div{ margin-top:20px; text-align:center; } /*사이트맵*/ .sitemapContents{ margin-top:40px; display:block; color:#231f20; overflow:hidden; } .sitemapContents h2{ height:60px; font-size:40px; line-height:130%; text-align:center; font-weight:bold; } .sitemapContents .mapBox{ margin:40px 30px 0 0; float:left; width:225px; } .sitemapContents .last{ margin-right:0; } .sitemapContents .mapBox h3{ padding-left:30px; height:50px; font-size:14px; line-height:50px; font-weight:600; border:1px solid #e7e7e7; border-bottom:2px solid #231f20; background:#f8f8f8; } .sitemapContents .mapSection{ display:block; padding:30px; height:102px; border:1px solid #e7e7e7; overflow:hidden; } .sitemapContents .mapSection ul{ float:left; } .sitemapContents .mapSection ul li{ display:block; width:165px; height:25px; font-size:14px; line-height:110%; overflow:hidden; } .sitemapContents .mapSection ul li a:hover{ padding-bottom:1px; border-bottom:1px solid #555; } .sitemapContents .mapSection ul li.last{ height:17px; } .shopContainer{ margin-top:30px; } .shopContainer .mapBox{ margin-right:30px; float:left; width:310px; } .shopContainer .last{ margin-right:0; } .shopContainer .mapBox h3{ padding-left:30px; height:50px; font-size:14px; line-height:50px; font-weight:600; border:1px solid #e7e7e7; border-bottom:2px solid #231f20; background:#f8f8f8; } .shopContainer .mapSection{ display:block; padding:30px; height:177px; border:1px solid #e7e7e7; overflow:hidden; } .shopContainer .mapSection ul{ float:left; } .shopContainer .mapSection ul li{ display:block; width:165px; height:25px; font-size:14px; line-height:110%; overflow:hidden; } .shopContainer .mapSection ul li a:hover{ padding-bottom:1px; border-bottom:1px solid #555; } .shopContainer .mapSection ul li.last{ height:17px; } /*개인정보보호정책*/ .privacySection1{ width:740px; height:510px; } .privacySection1 h2{ height:4px; text-indent:-9999px; background:url('../images/common/subContents_top.gif') no-repeat; } .privacySection1 .contents{ width:738px; height:504px; border:1px solid #d9d9d9; border-top:none; } .privacySection1 .contents h3{ height:15px; line-height:15px; font-size:16px; font-weight:600; padding:15px 30px; } .privacySection1 .contents p{ padding:0 30px; } .privacySection2{ margin-top:30px; } .privacySection2 .contents h3 a{ display:block; width:100%; height:30px; padding-left:10px; line-height:30px; font-size:14px; font-weight:600; border-top:2px solid #ff833d; border-bottom:1px solid #d9d9d9; overflow:hidden; } .privacySection2 .contents p{ margin:10px 10px 30px; font-size:13px; line-height:17px; } .privacyTitle1{ color: #8b8b8b; font-size:14px; line-height:19px; text-align:justify; } .privacyTitle2 a{ color: #e35606; font-size:14px; font-weight:600; line-height:170%; } /* 로그인 logingo.php 20141201 */ .loginContents{ margin-top:50px; } .loginContents h2{ color:#231f20; font-size:42px; line-height:110%; text-align:center; } .loginContents h2 span{ display:block; padding:10px 0 20px; width:100%; color:#666; font-size:13px; line-height:110%; overflow:hidden; } .loginSection{ width:780px; margin:0 auto; border-top:2px solid #231f20; border-bottom:1px solid #231f20; } .loginSection .basic{ position:relative; margin:0 auto; width:380px; padding:40px 0; } .loginSection .basic p #id{ margin-bottom:7px; } .loginSection .basic p label{ display:block; float:left; width:60px; height:32px; color:#231f20; line-height:32px; font-size:13px; font-weight:600; } .loginSection .basic p input{ width:193px; height:24px; padding:3px; font-size:14px; border:1px solid #d3d0cf; } .loginSection .basic a.loginBtn{ position:absolute; top:40px; right:0; width:100px; height:71px; color:#fff; font-size:16px; text-align:center; line-height:71px; font-weight:600; background: #231f20; } .loginSection .additional{ height:70px; padding:30px 0; border-top:1px solid #d3d0cf; } .loginSection .additional div{ float:left; width:389px; height:70px; } .loginSection .additional div label{ display:block; height:23px; margin-bottom:12px; color:#777; line-height:23px; font-size:13px; font-weight:600; text-align:center; letter-spacing:-0.5px; } .loginSection .additional div a{ display:block; margin:0 auto; width:190px; height:35px;overflow:hidden; color:#fff; font-size:14px; text-align:center; line-height:35px; font-weight:600; background: #231f20; } .loginSection .additional .findIdpw{ border-right:1px solid #d3d0cf; } .loginSection .additional .unityMembership a{ background:#ff8400; } .expirySection{ margin:50px 0; padding:55px 30px; background:#f3f3f3; } .expirySection h3{ margin-bottom:30px; height:18px; font-size:15px; line-height:110%; text-align:center; font-weight:600; } .expiryBtn{ width:270px; height:40px; margin:0 auto; } .expiryBtn a{ display:block; float:left; width:130px; height:40px; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:40px; overflow:hidden; } .expiryBtn a.nowBtn{ margin-right:10px; background:#231f20; } .expiryBtn a.afterBtn{ background:#ff7400; } /* 로그인 out_login.php 20141202 */ .outloginContents{ width:428px; height:324px; border:5px solid #777; background:url('../images/member/login_popup.png') no-repeat; } .outloginContents h2{ padding-top:20px; color:#231f20; font-size:35px; line-height:110%; text-align:center; } .outloginContents h2 span{ display:block; padding:5px 0 10px; width:100%; color:#666; font-size:13px; line-height:110%; overflow:hidden; } .outloginSection{ width:400px; margin:0 14px; border-top:2px solid #231f20; } .outloginSection .basic{ position:relative; margin:0 auto; width:380px; padding:25px 0; } .outloginSection .basic p{ float:left; } .outloginSection .basic p #id{ margin-bottom:7px; } .outloginSection .basic p label{ display:block; float:left; width:70px; height:32px; color:#231f20; line-height:24px; font-size:13px; font-weight:600; } .outloginSection .basic p input{ width:193px; height:24px; padding:3px; font-size:14px; border:1px solid #d3d0cf; } .outloginSection .basic .loginBtn{ position:absolute; top:25px; right:0; width:101px; height:57px; } .outloginSection .additional{ height:60px; padding:20px 0; border-top:1px solid #d3d0cf; } .outloginSection .additional div{ float:left; width:198px; height:60px; } .outloginSection .additional div p{ height:23px; margin-bottom:12px; color:#777; line-height:23px; font-size:13px; font-weight:600; text-align:center; letter-spacing:-0.5px; } .outloginSection .additional div a{ display:block; margin:0 14px; width:170px; height:25px;overflow:hidden; color:#fff; font-size:13px; text-align:center; line-height:25px; font-weight:600; background: #231f20; } .outloginSection .additional .findIdpw{ border-right:1px solid #d3d0cf; } .outloginSection .additional .unityMembership a{ background:#ff8400; } /* 회원가입 */ .joinSection{ margin-top:50px; } .joinTable{ width:100%; border-top:2px solid #231f20; } .joinTable caption{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .joinTable th{ height:24px; background:#f3f3f3; border-bottom:1px solid #d3d0cf; padding-left:15px; color:#231f20; font-size:14px; line-height:110%; font-weight:600; } .joinTable td{ height:34px; border-bottom:1px solid #d3d0cf; padding:10px 0 10px 15px; line-height:34px; font-size:13px; } .joinTable td div{ display:block; float:left; margin-right:5px; height:34px; font-size:13px; line-height:34px; vertical-align:middle; } .joinTable td input[type=text]{ width:274px; height:30px; padding:0 5px; line-height:30px; border:1px solid #ccc; color:#555; } .joinTable td input[type=password]{ width:274px; height:30px; padding:0 5px; line-height:30px; border:1px solid #ccc; color:#555; } .joinTable td select{ width:140px; height:32px; line-height:32px; border:1px solid #ccc; color:#555; } .joinTable td .duplication{ display:inline-block; width:120px; height:32px; font-size:13px; text-align:center; line-height:32px; background:#777; color:#f3f3f3; } .joinTable td .name, .joinTable td .telNum{ background:#f4f4f4; } .joinTable td .id{ width:150px; } .joinTable td input.telNum, .joinTable td input.postNum{ width:130px; } .joinTable td .securityCode{ padding-right:10px; font-size:19px; line-height:34px; font-weight:bold; } .agreeSection{ margin-top:50px; } .term{ margin-bottom:20px; } .term h2{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .term .term_box, .term textarea{ width:978px; height:110px; padding:5px; border:1px solid #d3d0cf; overflow-y:scroll; } .term .privacy_link {margin:10px 10px 10px 0;} .term .privacy_link a {padding:5px 15px;color:#FFF;background:#777} .agreeBtn{ width:100%; text-align:center; margin-bottom:20px; } .agreeBtn span, .agreeBtn input, .agreeBtn label{ font-size:13px; line-height:110%; } .agreeBtn input[type=radio]{ margin:0 7px 0 15px; } .joinBtn{ margin:0 auto; width:150px; height:40px; background:#231f20; } .joinBtn a{ display:inline-block; width:150px; height:40px; color:#f3f3f3; font-size:14px; text-align:center; line-height:40px; font-weight:600; } /* 회원정보수정 */ .myMenuSection{ width:990px; height:120px; margin-top:50px; } .myMenuSection h2{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .myMenuSection li{ width:329px; height:90px; border-top:1px solid #dcdcdc; border-bottom:3px solid #dcdcdc; } .myMenuSection li.first{ border-left:1px solid #dcdcdc; } .myMenuSection li.last{ width:330px; border-right:1px solid #dcdcdc; } .myMenuSection li dt{ float:left; width:100px; height:90px; color:#231f20; font-size:13px; text-align:center; line-height:90px; font-weight:600; background:#f7f7f7; } .myMenuSection li dd{ float:right; width:210px; font-size:13px; line-height:110%; } .myMenuSection li dd.top{ margin-top:12px; } .myMenuSection li dd a{ display:block; width:210px; height:30px; padding-left:12px; font-size:13px; line-height:30px; background:url('../images/common/dot_3x3.png') no-repeat center left; } .mypageSection{ display:block; margin-top:50px; } .myInfoTable{ width:100%; margin-bottom:20px; border-top:2px solid #231f20; } .myInfoTable caption{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .myInfoTable th{ height:24px; background:#f3f3f3; border-bottom:1px solid #d3d0cf; padding-left:15px; color:#231f20; font-size:14px; line-height:110%; font-weight:600; } .myInfoTable td{ height:34px; border-bottom:1px solid #d3d0cf; padding:10px 0 10px 15px; line-height:34px; font-size:13px; } .myInfoTable td div{ display:block; float:left; margin-right:5px; height:34px; font-size:13px; line-height:34px; vertical-align:middle; overflow:hidden; } .myInfoTable td input[type=text]{ width:274px; height:30px; padding:0 5px; line-height:30px; border:1px solid #ccc; color:#555; } .myInfoTable td input[type=password]{ width:274px; height:30px; padding:0 5px; line-height:30px; border:1px solid #ccc; color:#555; } .myInfoTable td select{ width:140px; height:32px; line-height:32px; border:1px solid #ccc; color:#555; } .myInfoTable td .duplication{ display:inline-block; width:120px; height:32px; font-size:13px; text-align:center; line-height:32px; background:#777; color:#f3f3f3; } .myInfoTable td .name, .joinTable td .telNum{ background:#f4f4f4; } .myInfoTable td input.businessNum{ width:130px; } .myInfoTable td input.addrDetail{ width:380px; } .myInfoTable td input.telNum, .myInfoTable td input.postNum{ width:100px; } .myInfoTable td .securityCode{ padding-right:10px; font-size:19px; line-height:34px; font-weight:bold; } .myInfoTable td textarea{ width:760px; height:200px; padding:7px; font-size:14px; line-height:145%; border:1px solid #d3d0cf; }/*Q&A글쓰기*/ /* 게시판 페이징 */ .paging{ text-align:center; margin:20px 0 0; } .paging > a{ display:inline-block; margin:0 1px; width:35px; height:35px; line-height:35px; vertical-align:top; font-size:13px; overflow:hidden; } .paging > a.on{ color:#f3f3f3; background:#231f20; } .paging > a.page span{ display:block; width:33px; height:33px; line-height:33px; text-indent:-9999px; border:1px solid #ccc; background:url('../images/cscenter/page_arrow.png') no-repeat; } .paging > a.page:hover{ background:#f3f3f3; } .paging > a.page .next{ background-position:center -23px; } .paging > a.page .next10{ background-position:center 8px; } .paging > a.page .pro10{ background-position:center -83px; } .paging > a.page .pro{ background-position:center -53px; } /* 배송조회 */ .deliverySearch{ margin-top:50px; height:64px; } .SearchSection{ float:right; height:34px; } .SearchSection dl, .SearchSection dt, .SearchSection p{ float:left; } .SearchSection dt{ display:inline-block; float:left; margin:0 10px; padding-left:10px; font-size:13px; line-height:32px; font-weight:600; background:url('../images/common/dot_3x3.png') no-repeat center left; } .SearchSection dd{ display:block; height:32px; overflow:hidden; } .SearchSection dd select, .SearchSection dd input[type=text]{ margin-right:20px; width:140px; height:29px; line-height:29px; border:1px solid #ccc; color:#555; } .searchBtn{ width:120px; height:32px; } .searchBtn a{ display:inline-block; width:120px; height:32px; color:#f3f3f3; font-size:14px; text-align:center; line-height:32px; background:#777; } .deliverySearch .comment{ display:block; float:right; padding-top:5px; width:100%; height:20px; font-size:14px; line-height:20px; text-align:right; overflow:hidden; } .deliverySection{ } .deliveryTable{ width:100%; margin-bottom:20px; border-top:2px solid #231f20; } .deliveryTable caption{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .deliveryTable th{ height:34px; background:#f3f3f3; border-bottom:1px solid #d3d0cf; color:#231f20; font-size:14px; text-align:center; line-height:34px; font-weight:600; } .deliveryTable td{ height:34px; border-bottom:1px solid #d3d0cf; padding:5px 0; line-height:110%; font-size:13px; text-align:center; } .deliveryTable td.alignL{ text-align:left; padding-left:10px; } .detailBtn{ display:inline-block; width:100px; height:32px; color:#f3f3f3; font-size:13px; text-align:center; line-height:32px; background:#231f20; } .deliveryTable td.alignL span{ line-height:140%; font-weight:600; margin-right:5px; } .deliveryTable td .title1{ padding-left:20px; color:#777; } .deliveryTable td .title2{ letter-spacing:-0.1px; } .deliveryTable td .title3{ letter-spacing:-0.2px; } .deliveryTable td a.deliveryBtn{ color:#ff3333; } .deliveryTable td.noneData{ padding:50px 0; color:#777; } /* 정품번호 조회 */ .refinedSection{ margin-bottom:150px; } .refinedTable{ width:100%; margin-top:30px; border-top:2px solid #231f20; } .refinedTable caption{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .refinedTable th{ height:34px; background:#f3f3f3; border-bottom:1px solid #d3d0cf; color:#231f20; font-size:14px; text-align:center; line-height:34px; font-weight:600; } .refinedTable td{ height:34px; border-bottom:1px solid #d3d0cf; padding:5px 0; line-height:110%; font-size:13px; text-align:center; } /* 1:1문의(Q&A) */ .reqnaSection{ margin-top:30px; } .qnaSection{ margin-bottom:30px; } .qnaTable{ width:100%; margin-top:30px; border-top:2px solid #231f20; } .qnaTable caption{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .qnaTable th{ height:34px; background:#f3f3f3; border-bottom:1px solid #d3d0cf; color:#231f20; font-size:14px; text-align:center; line-height:34px; font-weight:600; } .qnaTable td{ height:34px; border-bottom:1px solid #d3d0cf; padding:5px 0; line-height:110%; font-size:13px; text-align:center; } .qnaTable td.alignL{ text-align:left; } .qnaTable td span.replyIcon{ display:block; float:left; margin-left:15px; width:20px; height:14px; background:url('../images/common/reply_icon.png') no-repeat left 3px; } .qnaBtn{ width:310px; margin:0 auto; } .qnaBtn p{ float:left; } .qnaBtn p.first{ margin-right:10px; } .qnaBtn p a{ display:inline-block; width:150px; height:40px; color:#f3f3f3; font-size:14px; text-align:center; line-height:40px; font-weight:600; background:#231f20; } /* 1:1문의 답글보기 */ .reviewSection{ margin-top:50px; } .reviewTable{ width:100%; border-top:2px solid #231f20; } .reviewTable caption{ color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; } .reviewTable th{ height:24px; color:#231f20; font-size:14px; line-height:110%; text-align:center; font-weight:600; border-bottom:1px solid #d3d0cf; background:#f3f3f3; } .reviewTable td{ height:24px; border-bottom:1px solid #d3d0cf; padding:10px 0 10px 15px; line-height:24px; font-size:13px; } .reviewTable td.notice{ color:#d6863d; line-height:140%; font-weight:600; background:#fbfbfb; } .reviewTable td.alignL{ text-align:left; } .reviewTable td textarea{ width:760px; height:200px; padding:7px; font-size:14px; line-height:145%; border:1px solid #d3d0cf; } .reviewTable td span.replyIcon{ display:block; float:left; margin-left:15px; width:20px; height:14px; background:url('../images/common/reply_icon.png') no-repeat left 3px; } .reviewTable th.notice{ background:#f9f2ec; } .reviewTable td.notice{ color:#d6863d; line-height:130%; } .qnaBtn1{ width:150px; margin:0 auto; } .qnaBtn1 a{ display:inline-block; margin:20px 0 30px; width:150px; height:40px; color:#f3f3f3; font-size:14px; text-align:center; line-height:40px; font-weight:600; background:#231f20; } /* 포인트조회 */ .chargeSection{ margin-top:50px; } .chargeSection h3{ margin-bottom:7px; color:#231f20; font-size:15px; line-height:15px; font-weight:600; padding-bottom:10px; border-bottom:2px solid #231f20; } .chargeSection .pointSearch{ height:40px; border-bottom:1px solid #d3d0cf; } .pointSearch dl, .pointSearch dt, .pointSearch p{ float:left; } .pointSearch dl{ display:block; margin-right:10px; } .pointSearch dl.charge1{ width:156px; } .pointSearch dl.charge2{ width:658px; } .pointSearch dt{ margin:0 10px; padding-left:10px; font-size:13px; line-height:32px; font-weight:600; background:url('../images/common/dot_3x3.png') no-repeat center left; } .pointSearch dd select, .chargeSection dd input[type=text]{ width:100px; height:30px; line-height:32px; border:1px solid #ccc; color:#555; } .pointSearch dd div{ float:left; } .pointSearch dd .period{ margin-right:10px; width:285px; height:32px; } .pointSearch dd .period a{ display:block; float:left; width:70px; height:30px; font-size:13px; line-height:30px; text-align:center; border-top:1px solid #ddd; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; } .pointSearch dd .period a.first{ border-left:1px solid #ddd; } .pointSearch dd .period a.last{ border-right:1px solid #bbb; } .pointSearch .searchBtn{ display:inline-block; width:120px; height:13px; color:#f3f3f3; text-align:center; line-height:32px; background:#777; } .myPoint{ height:55px; padding:20px 0; background:#f3f3f3; } .myPoint li{ float:left; width:260px; margin-left:20px; border-right:1px solid #ddd; background:url('../images/mypage/point_icon.png') no-repeat; } .myPoint li.first{ width:390px; } .myPoint li.second{ background-position:left center; } .myPoint li.last{ border-right:0; background-position:left bottom; } .myPoint li p{ padding-left:60px; font-weight:600; line-height:110%; } .myPoint li p.title{ font-size:14px; } .myPoint li p.point{ margin:5px 10px 0 0; font-family:tahoma; font-size:27px; } .myPoint li p.point span{ font-size:14px; } .myPoint li.first p.point{ color:#ff7400; } /* 포인트사용내역 */ .pointSection{ margin-top:50px; } .deliveryTable td.carryForward{ color:#d6863d; font-size:14px; font-weight:600; } /* 고객센터 */ .csMenuSection{ margin-top:50px; height:38px; border-bottom:1px solid #231f20; } .csMenuSection li a{ display:block; float:left; width:330px; height:35px; font-size:15px; text-align:center; line-height:35px; font-weight:600; } .csMenuSection li a:hover{ border-bottom:3px solid #231f20;} .cscenterSection{ margin-top:50px; } .cscenterSection .telArticle{ height:80px; border:1px solid #dcdcdc; } .telArticle div{ float:left; padding:15px 0; width:493px; height:50px; line-height:110%; text-align:center; } .telArticle .left{ color:#231f20; font-size:27px; font-weight:600; border-right:1px solid #dcdcdc; } .telArticle .left p{ float:left; } .telArticle .left p.first{ margin-left:91px; } .telArticle .left p.last{ margin-left:15px; } .telArticle .left .title{ display:block; color:#777; font-size:13px; text-align:left; line-height:20px; } .telArticle .left .small{ font-size:17px; } .telArticle .right{ margin-top:7px; height:43px; font-size:13px; line-height:140%; } .cscenterSection{ height:500px; } .cscenterSection .boardArticle{ float:left; margin-top:50px; width:470px; } .cscenterSection .last{ margin-left:50px; } .boardArticle h3{ color:#231f20; font-size:15px; line-height:26px; font-weight:600; padding-bottom:5px; border-bottom:1px solid #231f20; } .boardArticle h3 a{ display:block; float:right; width:29px; } .boardArticle li a{ display:block; width:470px; height:35px; font-size:13px; line-height:35px; border-bottom:1px solid #d3d0cf; } .boardArticle li a .title{ padding-left:15px; font-weight:600; } .boardArticle li a .date{ float:right; padding-right:15px; } .boardArticle li a .part{ padding-left:15px; width:100px; color:#d6863d; font-weight:600; } .boardArticle li a .question{ padding-left:15px; } .boardSection{ margin-top:50px; } /* 이지텍스 이용안내 팝업*/ #popOperationGuide{ position:absolute; top:410px; left:30%; z-index:3; width:520px; background:#fff; border:1px solid #012d6a; box-shadow: 1px 1px 5px rgba(2, 2, 2, 0.25); -webkit-box-shadow: 1px 2px 5px rgba(2, 2, 2, 0.25); -o-box-shadow: 1px 1px 5px rgba(2, 2, 2, 0.25); -moz-box-shadow: 1px 1px 5px rgba(2, 2, 2, 0.25); -ms-box-shadow: 1px 1px 5px rgba(2, 2, 2, 0.25); } #popOperationGuide a.close{ position:absolute; top:10px; right:10px; display:block; width:70px; height:50px; } #popOperationGuide dl{ width:500px; padding:10px; } #popOperationGuide dl.cs{ height:390px; } #popOperationGuide dl.ii{ height:370px; } #popOperationGuide dl.lite{ height:295px; } #popOperationGuide dt{ display:block; margin-bottom:10px; width:400px; height:50px; line-height:50px; padding-left:100px; text-align:left; font-size:16px; font-weight:600; border:1px solid #d9d9d9; background:url('../images/software/tax_use_title.png') no-repeat; cursor: move; } #popOperationGuide dd{ background:#fff; } #popOperationGuide dd .title{ padding:15px 10px; color:#333; font-size:16px; line-height:21px; font-weight:600; background:#f3f3f3; } #popOperationGuide dd p.first{ margin-top:20px; } #popOperationGuide dd p{ padding-left:20px; font-size:15px; line-height:24px; font-weight:600px; } #popOperationGuide dd .tel{ width:490px; height:47px; margin-top:20px; padding-right:10px; text-align:right; font-size:13px; line-height:47px; font-weight:600; border-top:1px solid #d9d9d9; } #popOperationGuide dd .tel font{ font-size:21px; } /* 하드웨어정보 팝업 */ .HWpopupWrap{ position:relative; width:502px; height:100%; padding:10px; } .HWpopupWrap .close{ position:absolute; right:10px; width:50px; height:50px; z-index:3; } .HWpopupWrap dt{ display:block; margin-bottom:10px; width:500px; height:50px; border:1px solid #d9d9d9; background:url('../images/hardware/hardware_title.png') no-repeat; overflow:hidden; } .HWpopupWrap dt span{ padding-left:140px; line-height:50px; font-size:16px; font-weight:600; } .HWpopupWrap dd{ display:block; width:500px; } .HWpopupWrap .hwInfo{ display:block; width:500px; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; overflow:hidden; } .HWpopupWrap .popupInfo th{ line-height:35px; text-align:center; font-size:14px; font-weight:600; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f8f8f8; } .HWpopupWrap .popupInfo td{ padding:7px 10px; line-height:120%; font-size:14px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .HWpopupWrap .hwView{ display:block; width:500px; margin-top:10px; } .HWpopupWrap .hwView li{ float:left; margin:0 10px 10px 0; width:243px; height:280px; text-align:center; border:1px solid #d9d9d9; } .HWpopupWrap .hwView li.last{ float:right; margin-right:0; } .HWpopupWrap .hwView li.once{ width:498px; } .HWpopupWrap .paperView{ width:499px; margin:10px 0; text-align:center; border:1px solid #d9d9d9; } .HWpopupWrap .accountbookView{ display:block; width:500px; margin-top:10px; } .HWpopupWrap .accountbookView p{ color:#ff7400; line-height:110%; font-size:14px; font-weight:600; } .HWpopupWrap .accountbookView li{ margin-top:10px; padding-bottom:10px; width:500px; text-align:center; border:1px solid #d9d9d9; } .HWpopupWrap .accountbookView li h3{ padding:10px 0 10px 10px; height:20px; color:#789f26; line-height:110%; text-align:left; font-size:16px; font-weight:600; } .paperBtn{ width:152px; margin:0 auto; } .paperBtn a{ display:inline-block; margin:20px 0 30px; width:150px; height:40px; font-size:14px; text-align:center; line-height:40px; font-weight:600; border:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #a6a6a6; background:#f8f8f8; } /* PDA 다운로드 팝업*/ #pdaDownload a.close{ position:absolute; top:10px; right:10px; display:block; width:70px; height:50px; } #pdaDownload dl{ padding:10px; width:705px; height:390px; } #pdaDownload dt{ display:block; margin-bottom:10px; width:563px; height:50px; line-height:50px; padding-left:140px; text-align:left; font-size:16px; font-weight:600; border:1px solid #d9d9d9; background:url('../images/software/pda_download_title.png') no-repeat; } #pdaDownload dd.downloadTable{ margin:20px 0 15px; } #pdaDownload dd table{ border-top:1px solid #d3d0cf; border-left:1px solid #d3d0cf; } #pdaDownload dd table th, #pdaDownload dd table td{ height:34px; text-align:center; font-weight:600; border-bottom:1px solid #d3d0cf; border-right:1px solid #d3d0cf; } #pdaDownload dd table thead th, #pdaDownload dd table tbody th{ font-size:14px; background:#eaeaea; } #pdaDownload dd table thead th{ color:#231f20; line-height:34px; } #pdaDownload dd table tbody th{ color:#231f20; line-height:40px; } #pdaDownload dd table tbody td{ padding:5px 0; font-size:13px; line-height:130%; } #pdaDownload dd table tbody td.gray{ background:#f8f8f8; } #pdaDownload dd table tbody th span{ display:inline-block; width:45px; height:45px; text-indent:-9999px; background:url('../../images/software/pda_download_num.png') no-repeat; } #pdaDownload dd table tbody th .num1{ background-position:0 0; } #pdaDownload dd table tbody th .num2{ background-position:0 -80px; } #pdaDownload dd table tbody th .num3{ background-position:0 -160px; } #pdaDownload dd table tbody th .num4{ background-position:0 -240px; } .pdaPopContents{ display:block; margin-top:20px; overflow:hidden; } .pdaPopContents h4{ display:block; float:left; width:100px; color:#999; font-size:14px; line-height:130%; font-weight:600; overflow:hidden; } .pdaPopContents h4 span{ color:#231f20; font-size:16px; } .pdaPopContents p.image{ height:120px; } .pdaPopContents > p{ float:right; width:605px; height:24px; line-height:24px; } .pdaPopContents p.title{ font-size:15px; font-weight:600; } .pdaPopContents p.text{ font-size:14px; } .pdaPopContents p.text .step{ font-size:21px; font-weight:600; } .pdaPopContents p span{ font-size:15px; } .pdaPopContents p span.blank{ padding-left:17px; } /* 주문하기 */ .orderTopNotice{ position:relative; margin:40px 0; padding:20px; border:1px solid #bbb; border-top:2px solid #555; } .orderTopNotice p{ color:#888; font-size:16px; line-height:170%; font-weight:600; } .orderTopNotice p.tel{ position:absolute; right:20px; bottom:20px; } .orderTopNotice .text1{ color:#555; font-size:21px; font-weight:normal; } .orderTopNotice .text2{ color:#231f20; font-size:24px; font-weight:normal; } .orderTopNotice .text3{ color:#ff7400; } .orderTopNotice .text4{ color:#231f20; } .orderTopNotice .text5{ color:#ff7400; font-size:24px; } .orderTopNotice dl{ margin:20px 0 0 20px; } .orderTopNotice dl dt{ display:block; padding-bottom:2px; margin-bottom:5px; overflow:hidden; } .orderTopNotice dl dt span{ display:inline-block; font-size:15px; line-height:21px; font-weight:600; border-bottom:1px solid #555; } .orderTopNotice dl dd{ padding-left:7px; width:100%; font-size:14px; line-height:21px; } .orderTopNotice dl dd .bullet{ float:left; width:20px; height:21px; background:url('../images/intro/cscenter_bullet.png') no-repeat left 2px; } .orderContainer > div h2{ color:#231f20; font-size:15px; line-height:110%; font-weight:600; padding-bottom:10px; } .orderContainer > div .buyNoticeBox{ padding:15px 20px; background:#f8f8f8; } .orderContainer div .buyNoticeBox p{ height:24px; font-size:14px; line-height:24px; } .orderMidNotice{ padding:20px 15px 0; line-height:130%; background:#f8f8f8; } .orderMidNotice h3{ width:100%; padding-bottom:15px; font-size:16px; font-weight:600; border-bottom:1px solid #bbb; } .orderMidNotice p{ padding:20px 0 20px 15px; font-size:16px; font-weight:600;} .orderMidNotice p.attention{ padding-left:18px; color:#e80000; } .orderMidNotice dl{ padding:0 0 7px 20px; } .orderMidNotice dl.last{ padding-bottom:0; } .orderMidNotice dl dt{ float:left; padding-left:15px; width:85px; font-size:14px; line-height:21px; text-align:justify; font-weight:600; background:url('../images/intro/cscenter_bullet.png') no-repeat left 2px; } .orderMidNotice dl dd{ width:100%; font-size:14px; line-height:21px; } .orderMidNotice dl dd.blank{ padding-left:107px; } .buySection{ margin:20px 0 30px; } .buyTable{ width:100%; border-top:2px solid #231f20; } .buyTable th{ height:24px; color:#231f20; font-size:14px; line-height:24px; text-align:center; font-weight:600; border-bottom:1px solid #d3d0cf; background:#f3f3f3; } .buyTable td{ height:24px; border-bottom:1px solid #d3d0cf; padding:10px 0 10px 15px; line-height:24px; font-size:13px; } .buyTable td div{ display:block; float:left; margin-right:5px; height:34px; font-size:13px; line-height:34px; vertical-align:middle; overflow:hidden; } .buyTable td input[type=text]{ width:268px; height:30px; padding:0 5px; color:#555; border:1px solid #ccc; } .buyTable td .duplication{ display:block; width:120px; height:32px; color:#f3f3f3; font-size:13px; text-align:center; line-height:32px; background:#777; } .buyTable td input.postNum{ width:100px; } .buyTable td input.cost1{ margin-right:10px; width:150px; font-size:17px; text-align:center; background:url('../images/buy/line_through.png') no-repeat; /*text-decoration:line-through;*/ } .buyTable td input.cost2{ width:150px; color:#e80000; font-size:17px; line-height:110%; text-align:center; font-weight:bold; } .buyTable td input.addrDetail{ width:395px; } .buyTable td .bank{ width:200px; } .buyTable td p.first{ margin-top:10px; } .buyTable td p{ height:30px; line-height:30px; } .buyTable td .blue, .buyTable td .red{ font-size:14px; } .buyTable td .black{ font-size:14px; } .buyTable td p .bullet{ display:block; float:left; width:25px; height:24px; background:url('../images/intro/cscenter_bullet.png') no-repeat 5px 5px; } .buyTable td p .grayBtn{ display:inline-block; margin:3px; width:100px; height:24px; color:#f3f3f3; font-size:13px; text-align:center; line-height:24px; background:#777; } .buyTable td.total{ border-left:1px solid #d3d0cf; background:#d3d3d3; } .buyTable td div.totalPrice{ width:960px; color:#231f20; font-size:18px; text-align:right; font-weight:600; } .buyTable .pointSearch{ display:block; float:left; width:150px; height:26px; color:#f3f3f3; font-size:13px; text-align:center; line-height:26px; background:#777; } .buyTable .balance{ padding:0 30px 0 10px; color:#ff0000; font-size:21px; line-height:26px; font-weight:bold; background:url('../images/buy/point_coin.png') no-repeat top right; } .buyTable .amount{ margin-left:10px; } .buySection .resultText{ float:left; width:100%; font-size:14px; line-height:24px; font-weight:600; } .buySection .resultText .red{ font-size:16px; } .buySection .resultText .bullet{ display:block; float:left; width:25px; height:24px; background:url('../images/intro/cscenter_bullet.png') no-repeat 5px 5px; } .buySection .text_box{ width:775px; height:150px; padding:5px; border:1px solid #d3d0cf; overflow-y:scroll; } .buyBtn{ width:630px; height:40px; margin:0 auto; } .buyBtn a{ display:block; float:left; margin-right:10px; width:150px; height:40px; color:#f3f3f3; font-size:14px; line-height:40px; text-align:center; font-weight:600; } .buyBtn a.last{ margin-right:0; } .buyBtn a.btn1{ background:#231f20; } .buyBtn a.btn2{ background:#777; } .buyBtn a.btn3{ width:140px; height:30px; color:#333; font-size:14px; line-height:30px; border:5px solid #333; } /*추가옵션*/ .optionTable{ width:100%; } .optionTable th{ height:32px; color:#f3f3f3; line-height:32px; text-align:center; font-weight:600; background:#777; } .optionTable td{ padding:4px 0 4px 15px; } .optionTable td.choice{ height:24px; padding:6px 0 6px 15px; background:#d3d0cf; } .optionTable td.choice input, .optionTable td input.longText{ padding:0 5px; width:80px; height:30px; line-height:30px; border:1px solid #ccc; color:#555; } .optionTable td select{ width:170px; height:30px; color:#555; line-height:30px; border:1px solid #ccc; } .optionTable td input[type=text]{ padding:0 5px; width:80px; height:30px; line-height:30px; border:1px solid #ccc; color:#555; } .optionTable td input[type=checkbox]{ height:33px; line-height:33px; } .optionTable td input.longText{ width:350px; } .optionTable td input.product{ width:130px; } .optionTable .textR{ width:80px; text-align:right; font-weight:bold; } .productLink{ margin-top:70px; } .productLink h4, .productLink li{ display:block; float:left; height:210px; padding:15px; height:182px; border-top:2px solid #231f20; border-bottom:1px solid #d3d0cf; overflow:hidden; } .productLink h4{ width:120px; color:#231f20; font-size:15px; line-height:110%; font-weight:600; background:#f8f8f8; } .productLink ul li{ width:180px; text-align:center; } .productLink ul li p{ height:48px; font-size:13px; } .productLink ul li p.text1{ line-height:48px; } .productLink ul li p.text2{ height:40px; line-height:16px; padding-top:8px; } .productLink ul li p.text3{ line-height:16px; } .productLink ul li p.title{ margin-top:5px; height:24px; font-size:16px; line-height:24px; font-weight:600; } /* 용지주문 */ .paperTable{ width:100%; border-top:2px solid #231f20; } .paperTable th{ height:35px; color:#231f20; font-size:14px; line-height:35px; text-align:center; font-weight:600; border-bottom:1px solid #d3d0cf; background:#f3f3f3; } .paperTable td{ height:24px; padding:10px 0 10px 15px; font-size:13px; line-height:24px; border-bottom:1px solid #d3d0cf; } .paperTable td.total{ border-left:1px solid #d3d0cf; background:#d3d3d3; } .paperTable td select{ height:30px; color:#555; line-height:30px; border:1px solid #ccc; } .paperTable td select.product{ width:170px; } .paperTable td select.amount{ width:98px; } .paperTable td div{ display:block; float:left; margin-right:5px; height:34px; font-size:13px; text-align:center; vertical-align:middle; line-height:30px; overflow:hidden; } .paperTable td div.preview{ width:98px; color:#f3f3f3; background:#777; cursor:pointer; } .paperTable td div.price{ width:98px; text-align:right; } .paperTable td div.price2{ width:138px; text-align:right; } .paperTable td div.totalPrice{ width:970px; color:#231f20; font-size:18px; text-align:right; font-weight:600; } .paperTable td div.checkbox{ padding:0 3px; line-height:34px; } .paperTable td label.checktext{ display:block; float:left; margin-right:25px; height:34px; font-size:13px; line-height:30px; overflow:hidden; cursor:pointer; } .paperTable td input[type=text]{ width:268px; height:32px; padding:0 5px; color:#555; border:1px solid #ccc; } .paperTable td .duplication{ display:block; width:120px; height:32px; color:#f3f3f3; font-size:13px; text-align:center; line-height:32px; background:#777; } .paperTable td input.postNum{ width:100px; } .paperTable td input.addrDetail{ width:395px; } .paperTable td input.email{ width:353px; } /* 포인트충전 */ .pointNotice{ padding:20px 15px; line-height:130%; background:#f8f8f8; } .pointNotice h3{ width:100%; padding-bottom:15px; font-size:16px; font-weight:600; border-bottom:1px solid #bbb; } .pointNotice dl{ height:121px; } .pointNotice dl dt{ padding:20px 0 20px 15px; font-size:16px; font-weight:600; } .pointNotice dl dd{ float:left; padding-left:15px; width:960px; height:21px; font-size:14px; line-height:21px; font-weight:600; } .pointNotice dl dd .bullet{ display:block; float:left; width:21px; height:21px; overflow:hidden; background:url('../images/intro/cscenter_bullet.png') no-repeat left 2px; } .chargeArticle h2, .feeArticle h2, .backupArticle h2, .shareArticle h2{ position:relative; margin-top:30px; color:#231f20; font-size:15px; line-height:17px; font-weight:600; padding-bottom:10px; } .chargeArticle h2 span, .feeArticle h2 span, .backupArticle h2 span, .shareArticle h2 span{ position:absolute; top:3px; right:0; color:#777; font-size:13px; font-weight:normal; } .chargeTable{ width:100%; border-top:2px solid #231f20; } .chargeTable th{ height:35px; color:#231f20; font-size:14px; line-height:35px; text-align:center; font-weight:600; border:1px solid #d3d0cf; border-top:none; background:#f3f3f3; } .chargeTable td{ padding-right:15px; height:24px; font-size:13px; line-height:24px; text-align:right; border-right:1px solid #d3d0cf; border-bottom:1px solid #d3d0cf; } .chargeTable .charge{ padding:0 5px; height:35px; color:#231f20; font-size:14px; line-height:35px; text-align:center; font-weight:600; border:1px solid #d3d0cf; border-top:none; background:#e3e3e3; } .chargeTable .alignC{ padding:0 5px; text-align:center; } .feeArticle .first, .shareArticle .first{ margin-top:10px; } .feeArticle .pointComment, .shareArticle .pointComment{ font-size:13px; line-height:19px; } .pointBtn{ width:470px; height:40px; margin:0 auto; } .pointBtn a{ display:block; float:left; margin-right:10px; width:150px; height:40px; color:#f3f3f3; font-size:14px; line-height:40px; text-align:center; font-weight:600; } .pointBtn a.last{ margin-right:0; } .pointBtn a.btn1{ background:#231f20; } .pointBtn a.btn2{ background:#777; } .pointBtn a.btn3{ width:140px; height:30px; color:#333; font-size:14px; line-height:30px; border:5px solid #333; } /* 데모버전 */ .demoSection{ margin-top:50px; } .demoTable{ width:100%; border-top:2px solid #231f20; } .demoTable th{ color:#231f20; font-size:14px; line-height:110%; text-align:center; font-weight:600; border-bottom:1px solid #d3d0cf; } .demoTable thead th{ height:38px; background:#f3f3f3; } .demoTable td{ height:38px; line-height:34px; font-size:14px; text-align:center; border-bottom:1px solid #d3d0cf; } .demoTable td.title{ font-weight:600; } .demoTable td .Btn{ display:block; margin:0 auto; width:130px; height:26px; font-size:13px; line-height:26px; border:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #a6a6a6; background:#fff; } .demoTable td a.Btn:hover{ color:#f3f3f3; background:#777; } /* 하단 약관 */ .personalContainer{ margin-top:40px; display:block; color:#231f20; overflow:hidden; } .personalContainer h2{ height:60px; font-size:40px; line-height:130%; text-align:center; font-weight:bold; } .personalContainer .titleText{ font-size:14px; line-height:130%; text-align:center; } .personalContainer .listBox{ margin-top:40px; } .personalContainer .listBox h3{ padding-left:30px; height:50px; font-size:14px; line-height:50px; font-weight:600; border:1px solid #e7e7e7; border-bottom:2px solid #231f20; background:#f8f8f8; } .personalContainer .listSection{ display:block; padding:30px; border:1px solid #e7e7e7; overflow:hidden; } .listSection ul{ float:left; width:450px; } .listSection ul li{ display:block; width:450px; height:25px; font-size:14px; line-height:110%; overflow:hidden; } .listSection ul li a:hover{ padding-bottom:1px; border-bottom:1px solid #555; } .listSection ul li.last{ height:17px; } .personalContainer .personalSection h3{ margin-top:50px; height:50px; font-size:21px; line-height:130%; font-weight:600; } .personalContainer .personalSection h3 span{ display:block; margin-left:32px; font-size:14px; line-height:130%; font-weight:normal; } .personalSection p{ width:990px;padding:5px 0;font-size:13px; line-height:1.35em; text-align:justify; } .personalSection .title{ padding:10px 0; width:970px; font-weight:600; } .personalSection .pl10{ padding:5px 10px; } .personalSection .pl20{ padding:5px 0 5px 20px; width:970px; font-weight:600; } .personalSection .pl35{ padding-left:35px; width:955px; } .personalSection .pl50{ padding:5px 0 5px 50px; width:940px; font-weight:600; } /*이용약관*/ .personalSection .pm0{ padding-bottom:0; } /*필수항목*/ table caption {margin:0 0 5px;} table caption > span {float:right;font-size:14px;} table th .red {margin-right:5px;} .btnGreen { display:block;width:130px;height:38px;line-height:38px; color:#fff !important;font-size:16px;font-weight:600;text-align:center;text-decoration:none; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9cc720), color-stop(1, #7da117)); background:-moz-linear-gradient(top, #9cc720 5%, #7da117 100%); background:-webkit-linear-gradient(top, #9cc720 5%, #7da117 100%); background:-o-linear-gradient(top, #9cc720 5%, #7da117 100%); background:-ms-linear-gradient(top, #9cc720 5%, #7da117 100%); background:linear-gradient(to bottom, #9cc720 5%, #7da117 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cc720', endColorstr='#7da117',GradientType=0); background-color:#9cc720; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; } .btnGreen:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7da117), color-stop(1, #9cc720)); background:-moz-linear-gradient(top, #7da117 5%, #9cc720 100%); background:-webkit-linear-gradient(top, #7da117 5%, #9cc720 100%); background:-o-linear-gradient(top, #7da117 5%, #9cc720 100%); background:-ms-linear-gradient(top, #7da117 5%, #9cc720 100%); background:linear-gradient(to bottom, #7da117 5%, #9cc720 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7da117', endColorstr='#9cc720',GradientType=0); background-color:#7da117; } /*24.05.08 추가, 남상복수정 */ /* .clientList_wrap::after, .clientList_wrap ul::after{content: '';display: block;clear: both;} */ .clientList_wrap ul{display: flex;justify-content: space-between;margin-bottom: 10px;} .clientList_wrap ul li{width: calc((100% - 50px)/6);} .clientList_wrap ul li img{width: 100%;}