@charset "utf-8"; /* ---------- css ---------- */ .subContent864 {position:relative; width:864px; margin:0 auto; text-align:left;} .subContent1070 {position:relative; width:1070px; margin:0 auto; text-align:left;} .subCate {font-size:18px; font-weight:400; color:#333; padding-bottom:15px; text-align:left;} .imgCenter {text-align:center;} .subContBanner {width:864px; margin:10px auto 25px; overflow:hidden; border:;} .subContBanner li {width:33.15%; height:47px; line-height:47px; float:left; border-top:3px solid #ddd; font-size:14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:600; margin-right:-1px;} .subContBanner li:first-child { border-left:1px solid #ddd; } .subContBanner a:hover li {border-top:3px solid #00b7f3; color:#00b7f3;} .sub-title-explanation {font-size:14px; line-height:20px; width:864px; margin:0 auto; text-align:left; text-align:center;} .sub-title-explanation b {color:#000000;} .sub-title-explanation2 {font-size:14px; line-height:20px; width:864px; margin:0 auto; text-align:left; text-align:left;} .sub-title-explanation2 span {background:#00b7f3; color:#fff; padding:2px 3px; margin-right:5px; font-size:12px;} .center-tab.subContBanner{text-align:center} .center-tab.subContBanner li{float:none; display:inline-block; margin:0 -2px} .copyrightIntro { width:1260px; margin:150px auto 0; padding-bottom:90px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; overflow:hidden; text-align:center;} .copyrightIntro .icon {margin-top:70px;} .copyrightIntro h2 {font-size:22px; font-weight:400; color:#5f5f5f; line-height:32px; margin-top:50px; letter-spacing:-0.5px;} .copyrightIntro h3 {font-size:18px; font-weight:400; color:#00b7f3; margin-top:50px;} .copyrightIntro dl {display:inline-block; margin:0 auto 80px; overflow:hidden;padding-top:80px; } .copyrightIntro dl dt {float:left; font-size:18px; color:#9d9d9d; padding-left:12px; position:relative; /*top:-285px; opacity:0;filter:Alpha(opacity=0);*/} .copyrightIntro dl dt:first-child {padding-left:0;} .copyrightIntro dl dt p {font-size:18px; color:#4e4e4e; text-align:left; padding:25px 0; } .copyrightIntro dl dt div {font-size:13px; color:#9d9d9d; line-height:20px; text-align:left;} .copyrightIntroTit {width:1200px; margin:0 auto; position:relative; display:block; overflow:hidden;} .serviceKinds{width:1260px; margin:200px auto 0; overflow:hidden; } .serviceKinds > p.explanation {font-size:14px; line-height:24px; color:#7b7b7b;} .serviceKinds-tit{position:relative; display:inline-block; margin:0px auto; font-size:30px; font-weight:600; color:#000; padding:15px 0 35px 0; position:relative;} .serviceKinds-tit > span.bar{position:absolute; top:0px; left:0px; display:inline-block; width:17px; height:3px; background-color:#00b7f3;} .serviceKinds-tit > span.subheading { position:absolute; top:0; right:0px; display:inline-block; font-size:14px; font-weight:600; color:#dddddd;} .serviceKinds-cont {width:850px; margin:100px auto 0; overflow:hidden;} .serviceKinds-cont li {width:50%; float:left; text-align:left;} .serviceKinds-cont li img {width:370px; height:215px; background:#ddd; margin-left:25px;} .serviceKinds-cont li h4 {font-size:16px; color:#454545; font-weight:500; margin-top:25px; margin-left:25px;} .serviceKinds-cont li p {font-size:13px; line-height:22px; margin-top:10px; margin-left:25px; letter-spacing:-0.3px;} .serviceKinds-cont li span {background:#737373; padding:3px 5px; color:#fff; margin-top:20px; display:inline-block; margin-left:25px;} .serviceKinds-cont em {width:80px; display:inline-block;} .telephone-consultation { position:relative; width:864px; height:98px; margin:30px auto 0; background:#eaeaea;; } .telephone-consultation img {position:absolute; top:28px; left:190px; float:left; } .telephone-consultation p {position:absolute; top:38px; left:250px; } .serviceKindsThree { width:1260px; margin:0px auto; overflow:hidden; margin-top:150px; } /* 게시판-뷰페이지 */ .post-view {width:100%; border-top:1px solid #333;} .post-view dl {padding:25px 30px; overflow:hidden; background:#f6f6f6; border-bottom:1px solid #ddd;} .post-view dl dt {float:left; font-size:18px; font-weight:600;} .post-view dl dt.explanation {float:right; font-size:13px; font-weight:400;} .post-view dl dt.explanation span{display:inline-block; color:#868686; letter-spacing:-0.3px;} .post-view dl dt.explanation span:before{display:inline-block; content:"|"; padding:0 10px; color:#d0d0d0;} .post-view dl dt.explanation span:first-child:before{content:""; padding:0;} .post-view .cont {padding:25px 30px; border-bottom:1px solid #ddd; line-height:1.5em; font-size:16px;} .list-btn {background:#808080; font-size:16px; font-weight:600; text-align:center; width:120px;padding:15px 0; color:#fff; display:inline-block; margin:10px 3px; float:right; border-radius:3px;} .b-blue { background:#1d2088; } .b-gray { background:#373737; } .post-view .file { padding:10px 30px; border-bottom:1px solid #ddd; overflow:hidden;} .post-view .file span {float:left; margin-right:20px;} .answer { width:100%; border:1px solid #ddd; margin-top:50px; } .answer h3 { font-size:16px; font-weight:400; padding:20px 30px; } .answer h3 em { font-weight:600; } .answer p {background:#f8f8f8; padding:20px 30px; line-height:22px; } /* 게시판-패스워드 */ .pw-box {width:200px; height:30px; border:1px solid #ddd;} .button-large-black {width:130px; height:40px; line-height:40px; background:#333; color:#ffffff; font-size:16px; font-weight:600; text-align:center; display:inline-block;border-radius:2px;} /* 회사소개 */ .companyLogo-tit {font-size:14px; color:#7b7b7b; margin-top:45px;} .companyLogo-txt {color:#0497c9; padding-top:15px;} .companyVision {width:672px; padding-top:100px; margin:0 auto;} .companyVision p {text-align:right; font-size:14px; line-height:32px; color:#767676; margin-top:15px;} .history {margin-top:230px;} .history h2 {font-size:26px; color:#00b7f3; font-weight:500; text-align:center;} .history h4 {font-size:14px; color:#7b7b7b; font-weight:500; padding-top:10px; text-align:center;} .history .cont {width:100%; overflow:hidden;} .history .cont li {width:33.33%; float:left;} .history .cont li h3 {color:#353535; font-size:18px; font-weight:500; padding:10px 0;} .history .cont li p {font-size:13px; line-height:22px; color:#7b7b7b;} .line-blue {width:68px; height:2px; background:#09c8ff; display:block; margin:30px auto;} .partners { width:100%; margin-top:230px; text-align:center; overflow:hidden;} .partners h1 {font-size:32px; font-weight:500; padding-bottom:60px; } .partners h1 em {color:#09c8ff;} .partners h4 {font-size:16px; font-weight:600; text-align:left; padding-bottom:10px;} .partners ul {border-left:1px solid #ddd;} .partners ul li {border:1px solid #ddd; margin-left:-1px; margin-top:-1px; width:19.7%; text-align:center; height:90px; line-height:90px; float:left;} .company-hygiene {position:relative; width:548px; height:773px; margin:0 auto; background:#12b4ff; margin-top:200px; margin-bottom:200px;} .company-hygiene h2 { font-size:24px; font-weight:bold; color:#ffffff; padding-top:50px; letter-spacing:-0.3px; text-align:left; padding-left:40px; } .company-hygiene h1 { font-size:40px; font-weight:bold; color:#ffffff; padding-top:10px; letter-spacing:-0.3px; text-align:left; padding-left:40px; } .company-hygiene span {position:absolute; top:50px; right:40px;} .company-hygiene .img {text-align:left; padding-left:40px; padding-top:220px;} .company-hygiene p {color:#ffffff; text-align:left; padding-left:40px; font-size:14px; font-weight:bold; line-height:20px; padding-top:20px;} /* 공지사항 */ #noticeCon{padding:30px 0 300px;} #cagoListCon{padding:80px 0 300px;} #intCon{padding:30px 0 50px;} #pCon{padding:30px 0 50px;} .notice-tit{color:#333; text-align:center; font-size:52px; font-weight:600;} .notice-tit:before{content:""; display:block; width:16px; height:3px; margin:0px auto 20px; background-color:#69c8c7} #bbsSearchBox{padding:40px 0; text-align:center; } .select-search{display:inline-block; width:120px; height:38px; border:1px solid #ddd; border-bottom:1px solid #bebebe; vertical-align:top; background:#fff url(/images/icon/bbs_search_select.jpg) no-repeat 100% 0%} .select-search select{ padding: 8px; /* line-height:38px; */ line-height:22px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .bbs-search-input{width:215px; height:35px; border:1px solid #ddd; border-bottom:1px solid #bebebe; text-indent:14px; background-color:#fff;} .bbs-search-btn{width:37px; height:39px; margin-left:-4px; font-size:0; border:0; border:1px solid #ddd; border-bottom:1px solid #bebebe; border-left:0; background:#f7f7f7 url(/img/bbs_search_btn.jpg) no-repeat 50% 50%} #noticeListCon{border-top:1px solid #686868; padding-bottom:50px; }/* margin-top:70px; */ #noticeListCon dl{display:none; border-bottom:1px solid #ddd;} #noticeListCon dl dt{position:relative;height:49px; padding:25px 34px; background-color:#fff;} #noticeListCon dl dt .notice-title{display:inline-block; vertical-align:middle; padding-left:30px;} #priceCon{padding-bottom:50px; margin-top:70px; }/* margin-top:70px; */ #priceCon dl{ line-height:1.5em; font-size:17px; text-align:center; } #priceCon dl dt{position:relative;height:300px; padding:25px 34px; background-color:#fff;} #introduceCon{padding-bottom:50px; margin-top:70px; }/* margin-top:70px; */ #introduceCon dl{ line-height:1.5em; font-size:17px; text-align:center; } #introduceCon dl dt{padding:25px 34px; background-color:#fff; } #cagoCon{padding-bottom:50px; margin-top:20px; }/* margin-top:70px; */ #cagoCon dl{ line-height:1.5em; font-size:17px; text-align:center; } #cagoCon dl dt{padding:25px 34px; background-color:#fff; } .notice-subject{color:#454545; font-size:18px; font-weight:600; padding-bottom:15px;} .notice-subject img{vertical-align:middle; margin-right:5px;} .notice-write-info span{display:inline-block; color:#868686; font-size:14px; letter-spacing:-0.3px;} .notice-write-info span:before{display:inline-block; content:"|"; padding:0 10px; color:#d0d0d0;} .notice-write-info span:first-child:before{content:""; padding:0;} .intro-write-info span{display:inline-block; color:#868686; font-size:14px; letter-spacing:-0.3px;} .intro-write-info span:before{display:inline-block; content:"|"; padding:0 10px; color:#d0d0d0;} .intro-write-info span:first-child:before{content:""; padding:0;} .arrow-icon{position:absolute; top:50%; right:20px; width:32px; height:32px; margin-top:-16px; } .arrow-icon img{-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms;transition:all 200ms} .open .arrow-icon img{transform:rotate(90deg);} #noticeListCon dl dd{display:none; padding:34px; background-color:#f6f6f6; border-top:1px solid #ddd;} #noticeListCon dl dd .editor img{max-width:100%;} #noticeCon .want-more-btn{position:static;} .want-more-btn{ display:none; position:relative; top:-30px; text-align:center; } .want-more-btn a{ display:inline-block; width:300px; margin:0px auto; height:60px; background-color:#e5e5e5; line-height:60px; text-align:center; color:#878787; font-weight:600; font-size:16px; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; } .mainImg {width:864px;position:relative; overflow:hidden; margin:30px auto 0; height:420px;} .mainImg span {position:absolute; display:block; top:320px; left:40px; color:#fff; text-align:left; } .mainImg span h2 {font-size:20px;} .mainImg span p {line-height:22px; margin-top:15px;} /* ---------- 전문청소 ---------- */ .clean_01_subIng { width:864px; margin:20px auto 0; overflow:hidden; } .clean_01_subIng dt { float:left;} .clean_01_subIng dt.ri { float:right; } .clean_01_subIng dt p {text-align:left; padding:8px 0; color:#949494;} .clean_01_subIng dt p em {font-size:16px; font-weight:600; margin-right:10px;} .cleaningWhy {width:1200px; margin:180px auto 0; position:relative; display:block; border-top:1px solid #ececec; overflow:hidden;} .cleaningBg {position:relative; width:100%; height:330px; margin:50px auto 0; background:url(/kr/images/content/clean_01_img04.jpg) no-repeat center center;} .cleaningBg-area {position:relative; width:1260px; margin:0 auto; height:330px; overflow:hidden;} .cleaningBg dl {position:absolute; width:580px; left:670px;} .cleaningBg dl dt {font-size:18px; font-weight:600; color:#555555; text-align:left; padding-bottom:20px; margin-top:30px;} .cleaningBg dl dd { font-size:14px; color:#7b7b7b; background:url(/kr/images/content/check_icon01.png) no-repeat top left; padding-left:25px; text-align:left; padding-bottom:10px; line-height:22px; position:relative; /*opacity:0;filter:Alpha(opacity=0); top:-20px;*/} .clean-01-title{display:inline-block; margin:160px auto 0; font-size:30px; font-weight:400; color:#555555; padding:12px 0 35px 0; position:relative; letter-spacing:-0.3px;} .clean-01-title em {color:#00b7f3;} .clean-01-title > span.bar{position:absolute; top:0px; left:0px; display:inline-block; width:17px; height:3px; background-color:#00b7f3;} .cleaningPointcon {width:1200px; margin:80px auto 0; overflow:hidden; padding-bottom:100px;} .cleaningPointcon ul { width:100%; } .cleaningPointcon ul li {float:left; width:25%; } .cleaningPointcon ul li h3 {font-size:18px; font-weight:600; padding-top:25px;} .cleaningPointcon ul li p { font-size:14px; line-height:22px; color:#7b7b7b; padding-top:25px; } .cleaningPointcon ul li p em {font-size:12px; color:#abaaaa; line-height:18px;} .cleaningPointconTit {width:1200px; margin:100px auto 0; position:relative; display:block; overflow:hidden; } /* 170201 MJ 추가 ------------------------------------------------------ */ .clean-point-info{width:100%; overflow:hidden; margin-bottom:100px;} .clean-point-info dl{float:right; display:inline-block; overflow:hidden; width:555px; position:relative; /*opacity:0;filter:Alpha(opacity=0);*/} .clean-point-info dl:first-child{float:left;} .clean-point-info dl dt, .clean-point-info dl dd{float:left; text-align:left; color:#363636;} .clean-point-info dl dt{margin-right:16px; line-height:43px;} .clean-point-info dl dd{font-size:14px; line-height:24px; display:inline-block; letter-spacing:-0.5px;} .cleaningPointcon ul.clean-point-list{width:100%; overflow:hidden;} .cleaningPointcon ul.clean-point-list li{float:left; width:300px; text-align:center; position:relative; /*opacity:0;filter:Alpha(opacity=0); top:-333px;*/} .cleaningPointcon ul.clean-point-list li > h2{width:100%; text-align:center; position:absolute; top:73px; left:0;} .cleaningPointcon ul.clean-point-list li > h3{font-size:24px; line-height:24px; font-weight:600; color:#121212; padding-top:40px; position:relative;} .cleaningPointcon ul.clean-point-list li > p{font-size:14px; line-height:24px; color:#545454; position:relative;} /* ---------- 서브컨텐츠 ---------- */ #subCon{width:100%; text-align:center; min-height:500px;} .title{width:1260px; margin:0px auto; overflow:hidden; margin-bottom:144px;} .sub-title{position:relative; display:inline-block; margin:0px auto; font-size:30px; font-weight:600; color:#000; padding:15px 0 35px 0; position:relative;} .sub-title > span.bar{position:absolute; top:0px; left:0px; display:inline-block; width:17px; height:3px; background-color:#00b7f3;} .sub-title > span.subheading { position:absolute; top:0; right:0px; display:inline-block; font-size:14px; font-weight:600; color:#dddddd;} .title > p{font-size:14px; line-height:24px; color:#7b7b7b;} .title > div{width:643px; margin:0px auto;} .title > div > img{margin:138px 0 20px 0;} .title > div > dl{float:left; overflow:hidden; width:50%; height:110px;} .title > div > dl > dt, .title dl > dd{float:left;} .title > div > dl > dt{width:82px;} .title > div > dl > dd{display:inline-block; height:110px; letter-spacing:-1px; text-align:left; padding-left:9px;} .title > div > dl > dd > p{font-size:14px; line-height:24px; font-weight:600; color:#454545; padding-top:5px;} .title > div > dl > dd > span{display:inline-block; font-size:12px; line-height:21px; color:#a0a0a0;} /* why */ .why{width:100%; height:334px; background:url(../images/content/sub_service_why_bg.jpg) no-repeat center center; text-align:center;} .why > h2{font-size:32px; font-weight:normal; color:#555; padding:80px 0 50px 0;} .why > h2 > span{color:#00b7f3;} .why > p{font-size:14px; line-height:24px; color:#000;} /* -------- process -------- */ .process{/*width:864px;*/width:1044px; margin:0px auto; padding:190px 0 0 0; overflow:hidden; text-align:left;} .process .proc01{display:inline-block; margin-bottom:150px;} .proc01 > dl{float:left; width:428px; margin-left:8px;} .proc01 > dl:first-child{margin-left:0px;} .proc01 > dl > p{font-size:18px; line-height:24px; color:#454545; font-weight:600; margin-bottom:10px;} .proc01 > dl dt{width:380px; height:187px; padding:25px 0 0 48px; background-color:#dcdcdc; overflow:hidden;} .proc01 > dl:first-child dt{width:348px; padding-left:80px;} .proc01 > dl dd{width:100%; height:60px; background:#00b7f3 url(../images/content/process_img03.png) no-repeat 40px center;} .proc01 > dl dt > img{float:left; margin-right:15px;} .proc01 > dl dt > p{float:left; font-size:12px; line-height:24px; color:#fff;} .proc01 > dl dd > p{display:inline-block; padding-left:95px; font-size:12px; line-height:60px; color:#fff;} .proc01 > p{float:right; font-size:12px; color:#878787; margin-top:8px;} .process .proc03{display:inline-block; width:100%;} /* proc02 */ .process .proc02{display:inline-block; width:856px; height:551px; background:#ececec; padding:0 99px 0 89px;} .proc02 > p, .proc03 > p{font-size:18px; line-height:24px; color:#454545; margin-bottom:8px;} .proc02 > p{padding-top:70px;} .proc02 > div.proc-view{position:relative; /*width:734px;*/width:100%; height:415px; /*padding:50px 65px;*/ padding-bottom:0px; background-color:#ececec; overflow:hidden; top:-10px;} .proc-view > p{text-align:right; margin-bottom:5px;} .proc-view > .total{/*width:358px; height:302px;*/ width:422px; height:353px; float:left; /*margin-right:29px;*/margin-right:12px;} .proc-view > .total img{width:422px; height:353px;} .proc-view > .img-list{/*width:346px; height:302px;*/ width:422px; height:353px; float:left;} .proc-view > .img-list ul{width:100%; height:100%; overflow:hidden;} .proc-view > .img-list ul li{float:left; /*width:114px; height:100px;*/ width:140px; height:117px; margin-left:1px; margin-bottom:1px; background-color:#333;} .proc-view > .img-list ul li a{display:inline-block; width:100%; height:100%;} .proc-view > .img-list ul li img{width:140px; height:117px;} .proc-view > .img-list ul li.on a img{opacity:1;filter:Alpha(opacity=100);} .proc-view > .img-list ul li a img{opacity:0.4;filter:Alpha(opacity=40);} .proc-view > .img-list ul li.maln{margin:0px;} .proc02-comment { /*position:absolute; bottom:70px;*/ display:block; font-size:13px; line-height:22px; color:#7b7b7b;} /* counsel */ .counsel{width:100%; padding-top:180px;} .counsel-box{width:100%; height:197px; padding:40px 0; background-color:#00b7f3; text-align:center;} .counsel-box > h2{font-size:32px; color:#fff; font-weight:normal; position:relative; /*opacity:0;filter:Alpha(opacity=0);*/} .counsel-box > p{font-size:15px; color:#fff; margin:26px 0 58px 0; /*opacity:0;filter:Alpha(opacity=0);*/} .counsel-box > .counsel-btn{width:443px; margin:0px auto; overflow:hidden;} .counsel-btn > p{display:inline-block; float:left; margin-left:28px; overflow:hidden;} .counsel-btn > p:first-child{margin-left:0px;} .counsel-btn > p > a{display:inline-block; float:left; margin-left:1px;} .counsel-btn > p > img{margin-left:1px;} .counsel-btn > p > img:first-child, .counsel-btn > p > a:first-child{margin-left:0px;} .choice{width:1260px; margin:0px auto; padding:146px 0; /*height:577px;*/height:auto; /*background:url(../images/content/choice_bg.jpg) no-repeat center center;*/ text-align:center;} .choice > h2{font-size:32px; line-height:46px; color:#555; text-align:center; font-weight:normal; margin-bottom:45px;} .choice > h2 > span{color:#00b7f3;} /* package */ .package{width:100%; height:592px; background:url(../images/content/package_bg.jpg) no-repeat center center;} .package > h2{font-size:32px; line-height:46px; font-weight:normal; color:#fff; padding:110px 0 59px 0;} .package > a.package-btn{display:block; width:234px; height:51px; border:1px solid #04afe7; margin:0px auto; font-size:18px; line-height:51px; font-weight:600; color:#fff; letter-spacing:-0.5px; margin-bottom:118px;} /* 그래프 ------------------------------------------------------ */ #choiceGraph{width:100%; height:449px; background:url(/images/common/choice_graph.jpg) no-repeat center top;} #choiceGraph .graph-list{width:100%; height:100%; overflow:hidden; position:relative;} #choiceGraph .graph-list li{float:left; position:absolute; bottom:35px; width:104px; height:280px; overflow:hidden;} #choiceGraph .graph-list li.g-list01{left:141px;} #choiceGraph .graph-list li.g-list02{left:442px;} #choiceGraph .graph-list li.g-list03{left:50%; margin-left:134px;} #choiceGraph .graph-list li.g-list04{left:50%; margin-left:431px;} #choiceGraph .graph-list li > p{position:absolute; bottom:0;/*bottom:-280px; opacity:0;filter:Alpha(opacity=0);*/ width:22px; margin-left:19px;} #choiceGraph .graph-list li > p.point{background-color:#00b7f3; margin-left:0; left:0;} #choiceGraph .graph-list li > p.ver1{background-color:#9e9e9e; left:19px;} #choiceGraph .graph-list li > p.ver2{background:url(/images/common/graph_bg.jpg) repeat; right:0;} /* -------- li.g-list01 -------- */ #choiceGraph .graph-list li.g-list01 > p.point{height:200px;} #choiceGraph .graph-list li.g-list01 > p.ver1{height:240px;} #choiceGraph .graph-list li.g-list01 > p.ver2{height:154px;} /* -------- li.g-list02 -------- */ #choiceGraph .graph-list li.g-list02 > p.point{height:100%;} #choiceGraph .graph-list li.g-list02 > p.ver1{height:240px;} #choiceGraph .graph-list li.g-list02 > p.ver2{height:143px;} /* -------- li.g-list03 -------- */ #choiceGraph .graph-list li.g-list03 > p.point{height:100%;} #choiceGraph .graph-list li.g-list03 > p.ver1{height:199px;} #choiceGraph .graph-list li.g-list03 > p.ver2{height:184px;} /* -------- li.g-list04 -------- */ #choiceGraph .graph-list li.g-list04 > p.point{height:260px;} #choiceGraph .graph-list li.g-list04 > p.ver1{height:225px;} #choiceGraph .graph-list li.g-list04 > p.ver2{height:184px;} .relatedLaws{ width:100%; background:#f8f8f8; } .relatedLaws .bg { width:1000px; height:440px; margin:0 auto; background:url(/kr/images/content/removal_img02.jpg) no-repeat center left; text-align:left; } .relatedLaws .cont {padding-left:600px;} .relatedLaws .cont h4 {font-size:14px; font-weight:500; color:#000000; padding-bottom:10px; padding-top:50px;} .relatedLaws .cont p {color:#a9a9a9; line-height:20px; font-size:12px; } .relatedLaws .cont p em {padding-right:20px;} .relatedLaws .cont a span {background:url(/kr/images/content/icon_glass.gif) no-repeat center left; height:25px; line-height:25px; display:inline-block; margin-top:20px; color:#000; padding-left:30px; font-size:14px; font-weight:600; } .relatedLaws-disinfection { width:100%; background:#f8f8f8; } .relatedLaws-disinfection .bg { width:1000px; height:440px; margin:0 auto; background:url(/kr/images/content/disinfection_img02.jpg) no-repeat center left; text-align:left; } .relatedLaws-disinfection .cont h4 {font-size:14px; font-weight:500; color:#000000; padding-bottom:10px; padding-top:150px; line-height:22px;} .relatedLaws-disinfection .cont {padding-left:500px; margin-top:100px;} .relatedLaws-disinfection .cont p {color:#a9a9a9; line-height:20px; font-size:12px; } .relatedLaws-disinfection .cont a span {background:url(/kr/images/content/icon_glass.gif) no-repeat center left; height:25px; line-height:25px; display:inline-block; margin-top:20px; color:#000; padding-left:30px; font-size:14px; font-weight:600; } /* ---------- 실내공기정화 ---------- */ /* 해충방역 소독 */ .purification {width:100%; height:375px; background:url(../images/content/disinfection_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .purification > h2{font-size:32px; font-weight:normal; color:#555; padding:50px 0 20px 0;} .purification > h2 > span{color:#00b7f3;} .purification > p{font-size:14px; line-height:24px; color:#7b7b7b; } .purification > p em {color:#00b7f3;} .interception {width:100%; height:375px; background:url(../images/content/disinfection_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .interception > h2{font-size:32px; font-weight:normal; color:#555; padding:90px 0 60px 0;} .interception > h2 > span{color:#00b7f3;} .interception > p{font-size:14px; line-height:24px; color:#7b7b7b; } .interception > p em {color:#00b7f3;} /* ---------- 가전제품 ---------- */ .largeAppliances{width:100%;} .largeAppliances > ul.sub-tab{overflow:hidden; width:100%; height:44px;} .largeAppliances > ul.sub-tab li{float:left; width:215px; height:44px;background:#a6a6a6; margin-right:1px; text-align:center;} .largeAppliances > ul.sub-tab li:last-child{margin-right:0px;} .largeAppliances > ul.sub-tab li.select{background:none; background-color:#00b7f3;} .largeAppliances > ul.sub-tab li > a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;} .largeAppliances > .subContent{width:861px; border:1px solid #ddd; border-top:0px;} .largeAppliances > .subContent > article{display:none; width:100%; height:100%; text-align:center; padding:20px 0;} .largeAppliances > .subContent > article:first-child{display:block;} .largeAppliances-2{width:100%;} .largeAppliances-2 > ul.sub-tab2{overflow:hidden; width:100%; height:44px;} .largeAppliances-2 > ul.sub-tab2 li{float:left; width:431px; height:44px;background:#a6a6a6; margin-right:1px; text-align:center;} .largeAppliances-2 > ul.sub-tab2 li:last-child{margin-right:0px;} .largeAppliances-2 > ul.sub-tab2 li.select{background:none; background-color:#00b7f3;} .largeAppliances-2 > ul.sub-tab2 li > a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;} .largeAppliances-2 > .subContent{width:861px; border:1px solid #ddd; border-top:0px;} .largeAppliances-2 > .subContent > article{display:none; width:100%; height:100%; text-align:center; padding:20px 0;} .largeAppliances-2 > .subContent > article:first-child{display:block;} .largeAppliances-3{width:100%;} .largeAppliances-3 > ul.sub-tab3 {overflow:hidden; width:100%; height:44px;} .largeAppliances-3 > ul.sub-tab3 li{float:left; width:287px; height:44px;background:#a6a6a6; margin-right:1px; text-align:center;} .largeAppliances-3 > ul.sub-tab3 li:last-child{margin-right:0px;} .largeAppliances-3 > ul.sub-tab3 li.select{background:none; background-color:#00b7f3;} .largeAppliances-3 > ul.sub-tab3 li > a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;} .largeAppliances-3 > .subContent{width:861px; border:1px solid #ddd; border-top:0px; background:#f8f8f8;} .largeAppliances-3 > .subContent > article{display:none; width:100%; height:100%; text-align:center; padding:20px 0;} .largeAppliances-3 > .subContent > article:first-child{display:block;} .largeAppliances-3copy{width:100%;} .largeAppliances-3copy > ul.sub-tab3copy {overflow:hidden; width:100%; height:44px;} .largeAppliances-3copy > ul.sub-tab3copy li{float:left; width:287px; height:44px;background:#a6a6a6; margin-right:1px; text-align:center;} .largeAppliances-3copy > ul.sub-tab3copy li:last-child{margin-right:0px;} .largeAppliances-3copy > ul.sub-tab3copy li.select{background:none; background-color:#00b7f3;} .largeAppliances-3copy > ul.sub-tab3copy li > a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;} .largeAppliances-3copy > .subContent{width:861px; border:1px solid #ddd; border-top:0px; background:#fff;} .largeAppliances-3copy > .subContent > article{display:none; width:100%; height:100%; text-align:center; padding:20px 0;} .largeAppliances-3copy > .subContent > article:first-child{display:block;} .largeAppliances-5{width:100%;} .largeAppliances-5 > ul.sub-tab5{overflow:hidden; width:100%; height:44px;} .largeAppliances-5 > ul.sub-tab5 li{float:left; width:172px; height:44px;background:#a6a6a6; margin-right:1px; text-align:center;} .largeAppliances-5 > ul.sub-tab5 li:last-child{margin-right:0px;} .largeAppliances-5 > ul.sub-tab5 li.select{background:none; background-color:#00b7f3;} .largeAppliances-5 > ul.sub-tab5 li > a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;} .largeAppliances-5 > .subContent{width:862px; border:1px solid #ddd; border-top:0px;} .largeAppliances-5 > .subContent > article{display:none; width:100%; height:100%; text-align:center; padding:20px 0;} .largeAppliances-5 > .subContent > article:first-child{display:block;} .largeAppliances-6{width:100%;} .largeAppliances-6 > ul.sub-tab6{overflow:hidden; width:100%; height:44px;} .largeAppliances-6 > ul.sub-tab6 li{float:left; width:143px; height:44px;background:#a6a6a6; margin-right:1px; text-align:center;} .largeAppliances-6 > ul.sub-tab6 li:last-child{margin-right:0px;} .largeAppliances-6 > ul.sub-tab6 li.select{background:none; background-color:#00b7f3;} .largeAppliances-6 > ul.sub-tab6 li > a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;} .largeAppliances-6 > .subContent{width:862px; border:1px solid #ddd; border-top:0px; background:#f8f8f8;} .largeAppliances-6 > .subContent > article{display:none; width:100%; height:100%; text-align:center; padding:20px 0;} .largeAppliances-6 > .subContent > article:first-child{display:block;} #tapInheritance {position:relative;margin:10px 0;} #tapInheritance .icon01 { margin:20px 0; } #tapInheritance .explanation {overflow:hidden; width:250px; margin:0 auto; display:inline-block; color:#7b7b7b; line-height:22px;} #tapInheritance .explanation .explanationCenter {margin:0 auto; overflow:hidden; display:inline-block;} #tapInheritance .explanation span { float:left; text-align:left; margin:0 auto;} #tapInheritance .explanation span:first-child {padding-right:20px; font-weight:600; text-align:right;} .tabTable {width:800px; margin:20px; margin:20px auto 0; border-top:2px solid #333;} .tabTable th { border-bottom:1px solid #333; padding:15px 0; color:#7b7b7b; } .tabTable td { border-bottom:1px solid #333; padding:15px 0; line-height:22px; color:#7b7b7b;} .tabTable .bg {background:#f5f5f5;} .tabComment {padding-top:5px; color:#7b7b7b; text-align:left;} #tapInheritance .explanationMany {overflow:hidden; display:inline-block;} #tapInheritance .explanationMany li {float:left; margin-left:20px;} #tapInheritance .explanationMany li:first-child {margin:0;} #tapInheritance .explanationMany .fixing {position:relative; height:140px;} #tapInheritance .explanationMany .titAbo {position:absolute; font-weight:400;} #tapInheritance .explanationMany .icon {position:absolute; height:98px;top:30px;} .appliances{width:100%; height:630px; background:url(../images/content/sub_household_appliances_bg.gif) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .appliances > h2{font-size:32px; font-weight:normal; color:#555; padding:80px 0 40px 0;} .appliances > h2 > em{color:#00b7f3;} .appliances > p{font-size:14px; line-height:24px; color:#000;} .appliances > p > em {color:#225e72;} .appliances .appliances-icon {color:#7b7b7b; line-height:24px; overflow:hidden; margin:0 auto; display:inline-block;} .appliances .appliances-icon li {width:270px;float:left; padding-left:20px; margin-top:100px;} .appliances .appliances-icon li:first-child {padding-left:0;} .differentiator {width:100%; overflow:hidden;} .differentiator span {float:left; padding-right:30px;} .differentiator .txtPart { text-align:left; font-size:13px; color:#7b7b7b; line-height:30px; float:left; overflow:hidden; display:block;} .differentiator .txtPart > h3 { overflow:hidden; font-weight:400; color:#454545; font-size:16px; } .differentiator .txtPart .txtSmall {font-size:12px; color:#949494;display:inline-block;} .differentiator .txtPart .servicePrices { line-height:20px; } .differentiator .txtPart .servicePrices tr th { text-align:left; width:70px; font-weight:400; } .differentiator .txtPart .servicePrices tr td em {color:#00b6f2; padding-right:10px;} .differentiator .chemicalsCont { text-align:left; font-size:13px; color:#7b7b7b; line-height:20px; letter-spacing:-0.6px;} .differentiator .chemicalsCont > em { color:#00b6f2; } .differentiator .chemicalsCont h3 {font-weight:500; font-size:16px; padding-bottom:10px; color:#333;} .removal-btn { width:341px; height:60px; background:url(../images/content/removal_btn_off.gif) no-repeat center; margin:20px auto 0; } .removal-btn:hover { width:341px; height:60px; background:url(../images/content/removal_btn_on.gif) no-repeat center; } /* ---------- 부가서비스 ---------- */ /* 줄눈시공 */ .joint{width:100%; height:415px; background:url(../images/content/joint_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .joint > h2{font-size:32px; font-weight:normal; color:#555; padding:110px 0 60px 0;} .joint > h2 > span{color:#00b7f3;} .joint > p{font-size:14px; line-height:24px; color:#000;} .joint > p em {color:#00b7f3;} /* 곰팡이 방제 */ .prevention{width:100%; height:439px; background:url(../images/content/prevention_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3; } .prevention > h2{font-size:32px; font-weight:normal; color:#555; padding:80px 0 50px 0;} .prevention > h2 > span{color:#00b7f3;} .prevention > p{font-size:14px; line-height:24px; color:#000;} .prevention > p em {color:#00b7f3;} .holdPatent { width:864px; margin:0 auto; overflow:hidden; text-align:left; } .holdPatent h3.topTit { font-size:18px; font-weight:600; margin-top:150px; color:#414141;} .holdPatent h4 { font-size:13px; color:#7b7b7b; font-weight:500; padding-top:10px;} .joint-product { width:100%; overflow:hidden; margin-top:60px; } .joint-product li {position:relative; float:left; width:50%; text-align:left; } .joint-product li:first-child { } .joint-product li .image {display:inline-block; float:left; margin-right:15px; } .joint-product li .cont {position:absolute; left:165px; line-height:18px;} .joint-product li .cont h3.tit { width:180px; font-size:16px; line-height:40px; height:32px; font-weight:500; color:#7b7b7b; color:#555555; padding-bottom:10px; border:3px solid #555555; border-radius:30px; text-align:center; margin-top:10px;} .joint-product li .cont p {font-size:12px; color:#7b7b7b; line-height:22px; letter-spacing:-0.6px; margin-top:15px;} .jointKinds {width:100%; margin-top:100px; overflow:hidden;} .jointKinds dt {float:left; width:50%;} .jointKinds dt:first-child {} .jointKinds dt p {font-weight:600; font-size:18px; margin-bottom:10px;} .jointKinds-txt {text-align:right; padding-top:10px; font-size:11px; color:#878787; line-height:20px; letter-spacing:-0.3px; } .oechang{width:100%; height:426px; background:url(../images/content/oechang_bg.jpg) no-repeat center center; text-align:center;} .oechang > h2{font-size:32px; font-weight:normal; color:#555; padding:110px 0 50px 0;} .oechang > h2 > span{color:#00b7f3;} .oechang > p{font-size:14px; line-height:24px; color:#000;} .oechang > p em {color:#00b7f3;} .oechang-btn { width:341px; height:60px; background:url(../images/content/oechang_btn_off.gif) no-repeat center; margin:70px auto 0;} .oechang-btn:hover { width:341px; height:60px; background:url(../images/content/oechang_btn_on.gif) no-repeat center; } .introExplanation {width:646px; margin:0 auto;} .introExplanation li{float:left; text-align:left; padding-right:10px;} .introExplanation li p{font-size:14px; color:#454545; font-weight:600; padding-top:10px;} .introExplanation li span{font-size:12px; color:#a0a0a0; line-height:21px; padding-top:8px; display:block;} .type-service {text-align:left; margin-top:40px;} .type-service li {width:33.33%; margin-left:-1px; float:left;} .type-service li .img {padding-bottom:20px; display:block;} .type-service li h3 {font-size:16px; font-weight:500;} .type-service li p {line-height:22px; padding-top:20px;} .type-service li div {padding-top:20px; font-size:12px;} .type-service li div .btn {background:#737373; color:#fff; height:20px; padding:0 3px; line-height:20px; display:inline-block; margin-right:5px;} /* 바이오세라믹 코트 */ .elastic {width:100%; height:391px; background:url(../images/content/elastic_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .elastic > h2{font-size:32px; font-weight:normal; color:#555; padding:100px 0 50px 0;} .elastic > h2 > span{color:#00b7f3;} .elastic > p{font-size:14px; line-height:24px; color:#000;} .elastic > p em {color:#00b7f3;} /* 조류퇴치 */ .birds {width:100%; height:391px; background:url(../images/content/birds_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .birds > h2{font-size:32px; font-weight:normal; color:#555; padding:100px 0 50px 0;} .birds > h2 > span{color:#00b7f3;} .birds > p{font-size:14px; line-height:24px; color:#000;} .birds > p em {color:#00b7f3;} /* 나노글라세 */ .glaset{width:100%; height:347px; background:url(../images/content/glaset_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .glaset > h2{font-size:32px; font-weight:normal; color:#555; padding:50px 0 60px 0;} .glaset > h2 > span{color:#00b7f3;} .glaset > p{font-size:14px; line-height:24px; color:#000;} .glaset > p em {color:#00b7f3;} /* ---------- 실내공기정화 ---------- */ /* 새집증후군 제거 */ .removal {width:100%; height:420px; background:url(../images/content/removal_bg.jpg) no-repeat center center; text-align:center; border-top:3px solid #00b7f3;} .removal > h2{font-size:32px; font-weight:normal; color:#555; padding:80px 0 20px 0;} .removal > h2 > span{color:#00b7f3;} .removal > p{font-size:14px; line-height:24px; color:#7b7b7b; } .removal > p em {color:#00b7f3;} /* 미세먼지제거 */ .dust {width:100%; height:400px; background:url(../images/content/dust_bg.jpg) no-repeat bottom center; text-align:center; border-top:3px solid #00b7f3;} .dust > h2{font-size:32px; font-weight:normal; color:#555; padding:120px 0 20px 0;} .dust > h2 > span{color:#00b7f3;} .dust > p{font-size:14px; line-height:24px; color:#7b7b7b; } .dust > p em {color:#00b7f3;} /* ---------- 인테리어 ---------- */ .repairs-precautions {width:860px; background:#eaeaea; margin-top:10px; overflow:hidden;padding:15px 0; } .repairs-precautions dl { width:340px; margin:0 auto; } .repairs-precautions dl dt { float:left; margin-right:20px; } .repairs-precautions dl dd {line-height:22px;} /* 싱크대상판 연마 */ .sink {width:100%; height:373px; background:url(../images/content/sink_bg.jpg) no-repeat bottom center; text-align:center; border-top:3px solid #00b7f3;} .sink > h2{font-size:32px; font-weight:normal; color:#555; padding:100px 0 20px 0;} .sink > h2 > span{color:#00b7f3;} .sink > p{font-size:14px; line-height:24px; color:#7b7b7b; } .sink > p em {color:#00b7f3;} /* 대리석 연마 */ .marble {width:100%; height:463px; background:url(../images/content/marble_bg.jpg) no-repeat bottom center; text-align:center; border-top:3px solid #00b7f3;} .marble > h2{font-size:32px; font-weight:normal; color:#555; padding:120px 0 20px 0;} .marble > h2 > span{color:#00b7f3;} .marble > p{font-size:14px; line-height:24px; color:#7b7b7b; } .marble > p em {color:#00b7f3;} .marble-box {display:inline-block; background:#e0e0e0; width:790px; height:200px; line-height:200px; font-size:14px;} /* ---------- 가격안내 ---------- */ .price-area{width:742px; margin:0px auto;} .price-title{font-size:36px; color:#454545; font-weight:600; text-align:center; margin-bottom:69px;} #priceStep{width:100%; height:171px; background:url(../images/content/price_step_bg.jpg) repeat-x left center; margin-bottom:89px;} #priceStep .step-box{height:100%; overflow:hidden;} #priceStep .step-box li{width:171px; height:171px; margin:0 38px; float:left; background:url(../images/content/price_step_off_bg.png) no-repeat center center; text-align:center;} #priceStep .step-box li.on{background:url(../images/content/price_step_on_bg.png) no-repeat center center;} #priceStep .step-box li > strong, #priceStep .step-box li > span{color:#848484;} #priceStep .step-box li > strong{display:inline-block; font-size:18px; font-weight:600; padding-bottom:5px; border-bottom:1px solid #848484; margin:57px 0 18px 0;} #priceStep .step-box li > span{display:block; font-size:16px;} #priceStep .step-box li.on > strong, #priceStep .step-box li.on > span{color:#fff;} /* -------- step1 -------- */ #priceCon{overflow:hidden;} #priceCon > p{font-size:12px; color:#424242; text-align:left; margin:10px 0 22px 0;} #priceCon > a.next-step{width:100%; height:55px; display:block; text-align:center; background-color:#00b7f3; font-size:18px; line-height:55px; color:#fff;} /* input 달력 */ #priceCon input.datepicker{width:634px; height:42px; border:1px solid #ddd; border-right:0px; background-color:#f7f7f7; color:#848484; font-size:14px; line-height:42px; padding:5px 25px;} #priceCon input.datepicker2{width:634px; height:42px; border:1px solid #ddd; border-right:0px; background-color:#f7f7f7; color:#848484; font-size:14px; line-height:42px; padding:5px 25px;} #priceCon input#datepicker2{border-top:1px solid #f7f7f7;} #ui-datepicker-div{/* left:50% !important; margin-left:314px; */}/* 달력 아이콘 대체 */ /* select 박스 화살표 대체 */ #priceCon select.arrow{-webkit-appearance:none; -moz-appearance:none; appearance:none;/* 네이티브 외형 감추기 */ background:url(../images/content/btn_arrow.jpg) no-repeat right 50%; /* 화살표 모양의 이미지 */ height:51px; padding-left:25px; border:1px solid #ddd; border-right:0px; background-color:#f7f7f7; color:#848484; font-size:14px; line-height:51px; color:#848484;} #priceCon select.arrow::-ms-expand { display: none;} #priceCon select.time-select{ width:741px; margin-bottom:38px;} #priceCon select.time-select.mabn{margin-bottom:0px;} /* -------- step3 -------- */ table.step3-tbl{width:100%; margin-bottom:39px;position:relative;} table.step3-tbl tr{height:53px; border-bottom:1px solid #dedede;} table.step3-tbl tr:first-child{border-top:1px solid #dedede;} table.step3-tbl th{background-color:#4b4b4b; color:#fff; font-size:18px; font-weight:normal;} table.step3-tbl td{height:51px; border-right:1px solid #dedede; background-color:#f7f7f7; text-align:left;} table.step3-tbl td > input{border:0px; background:none; width:559px; height:100%; padding-left:25px;} table.step3-tbl td.post > input{width:452px;} table.step3-tbl td.post > a.post-search{display:inline-block; width:93px; height:28px; background-color:#a3a3a3; font-size:12px; line-height:28px; color:#fff; text-align:center;} table.step3-tbl td.tel {text-align:center;} table.step3-tbl td.tel > input{width:175px; height:30px; padding-left:0px; text-align:center;} table.step3-tbl td.tel > select{width:175px; height:32px; border:0px; background:none; padding-left:10px;} .tel-bar-box{position:relative; left:0; top:-76px; width:100%;} .tel-bar-box .tel-bar{position:absolute; top:0px; left:50%;} .tel-bar-box .tel-bar.first{margin-left:-29px;} .tel-bar-box .tel-bar.second{margin-left:166px;} .add-request{width:690px; height:153px; border:1px solid #ddd; background-color:#f7f7f7; padding:20px 25px; font-size:14px; line-height:18px; color:#848484; margin-bottom:33px;} /* -------- step2 -------- */ #priceCon .house-info{width:100%; margin-bottom:38px;} #priceCon .house-info > select, #priceCon .house-info > p{display:inline-block; vertical-align:top;} #priceCon .house-info > p{width:93px; height:49px; border:1px solid #dfdfdf; background-color:#f7f7f7; padding:0 10px; font-size:18px; line-height:53px; font-weight:600; color:#4b4b4b; margin-left:17px;} #priceCon .house-info > p > input{width:60px; outline:none; background-color:#f7f7f7; border:0px; display:inline-block; font-size:18px; color:#848484; } #priceCon .clean-select{width:463px; } #priceCon .clean-case{width:100%;} #priceCon .clean-case .pyung-size{width:100%; height:55px; background-color:#e1f4fa; line-height:55px; font-size:18px; color:#4b4b4b; margin-bottom:25px;} #priceCon .clean-case .pyung-size > strong{color:#000; font-weight:600;} #serviceSelect{background:url(../images/content/btn_arrow.jpg) no-repeat right 50%; /* 화살표 모양의 이미지 */ height:51px; border:1px solid #ddd; border-right:0px; background-color:#f7f7f7; color:#848484; font-size:14px; line-height:51px; color:#848484; position:relative;} #serviceSelect.clean-select{float:left;} #serviceSelect.clean-select ul{width:463px;} #serviceSelect.clean-select a.service-open-btn{width:438px;} #serviceSelect a.service-open-btn{display:block; padding-left:25px; width:716px; height:100%; line-height:51px; text-align:left; color:#848484; font-size:14px;} #serviceSelect ul{display:none; position:absolute; top:51px; left:-1px; width:740px; border:1px solid #ddd; background-color:#f7f7f7; z-index:99; text-align:left;} #serviceSelect ul li{line-height:14px;} #serviceSelect ul li a{font-size:13px; padding:7px 0; padding-left:25px; display:block; color:#848484;} #serviceSelect ul li:hover > a{background-color:#3399ff; color:#fff;} #priceCon #serviceSelect2{background:url(../images/content/btn_arrow.jpg) no-repeat right 50%; /* 화살표 모양의 이미지 */ height:51px; border:1px solid #ddd; border-right:0px; background-color:#f7f7f7; color:#848484; font-size:14px; line-height:51px; color:#848484; position:relative;} #serviceSelect2.clean-select{float:left;} #serviceSelect2.clean-select ul{width:463px;} #serviceSelect2.clean-select a.service-open-btn{width:438px;} #serviceSelect2 a.service-open-btn2{display:block; padding-left:25px; width:446px; height:100%; line-height:51px; text-align:left; color:#848484; font-size:14px;} #serviceSelect2 ul{display:none; position:absolute; top:51px; left:-1px; width:440px; border:1px solid #ddd; background-color:#f7f7f7; z-index:99; text-align:left;} #serviceSelect2 ul li{line-height:14px;} #serviceSelect2 ul li a{font-size:13px; padding:7px 0; padding-left:25px; display:block; color:#848484;} #serviceSelect2 ul li:hover > a{background-color:#3399ff; color:#fff;} #priceCon .clean-case .clean-notice{/*width:652px;*/width:665px; padding:14px 44px; padding-left:31px; border:1px solid #e6e6e6; /*background:#fff url(../images/content/icon_coment.jpg) no-repeat 22px 22px;*/ font-size:13px; line-height:22px; color:#737373; text-align:left; /*margin-bottom:9px; margin-top:8px;*/ border-top:0;} #priceCon .clean-case .clean-notice.first{border-top:1px solid #e6e6e6; margin-top:8px;} #priceCon .clean-case .clean-notice.select{border:1px solid #18b3ef;} #priceCon .clean-case .plus-coment{/*width:719px;*/width:642px; height:40px; background-color:#a1a1a1; font-size:14px; line-height:40px; color:#fff; text-align:left; padding-left:23px; margin-bottom:10px;} #priceCon .clean-case .etc-check{width:100%; overflow:hidden; padding-bottom:47px; border-bottom:1px solid #ddd;} #priceCon .clean-case .etc-check > dl{/*width:367px;*/width:330px; float:left;} #priceCon .clean-case .etc-check > dl:first-child{/*margin-right:8px;*/margin-right:4px;} #priceCon .clean-case .etc-check > dl dt{width:100%; height:197px;} #priceCon .clean-case .etc-check > dl dt > img{width:100%;} #priceCon .clean-case .etc-check > dl dd{width:100%; text-align:left; padding-top:5px; overflow:hidden;} #priceCon .clean-case .etc-check > dl dd > input{float:left; margin-top:5px; margin-right:5px;} #priceCon .clean-case .etc-check > dl dd > span{float:left; display:inline-block; /*width:349px;*/width:auto; font-size:13px; line-height:20px; color:#737373;} #priceCon .clean-case .total-price{text-align:right; font-size:30px; font-weight:600; color:#393f48; margin:25px 0;} #priceCon .clean-case .total-price > span{color:#00b7f3;} /* 170310 MJ 추가 ------------------------------------------------------ */ #priceCon .clean-case .clean-notice{border-top:1px solid #e6e6e6; margin-bottom:4px; position:relative;} #priceCon .clean-case .clean-etc-box{margin-top:10px;} #priceCon .clean-case .clean-etc-box > .clean-notice{margin-bottom:0;} #priceCon .clean-case .pyung-size{margin-bottom:79px;} #priceCon .clean-case > p{font-size:14px; line-height:24px; color:#878787;} .point.ver1{margin-bottom:40px;} .point{margin-top:60px;} .point p:before{display:block; content:""; width:11px; height:2px; background-color:#04afff; margin-bottom:5px;} .input-chk label{font-size:15px; color:#4c4c4c;} .input-chk label span{font-size:11px;} .clean-notice-txt{padding:20px 0 0 40px; font-size:12px; line-height:24px; color:#878787; letter-spacing:-0.5px;} .clean-notice h4{text-align:right; font-size:30px; color:#000; font-weight:600; padding:10px 0;} .clean-select-box{width:245px; position:absolute; top:14px; right:37px;} #priceCon .clean-case .clean-select-box select.buga1-select{width:243px; height:41px; border:1px solid #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#f7f7f7 url(/kr/images/content/buga1_select_btn.jpg) no-repeat right center;} #priceCon .clean-case .clean-select-box select.buga1-select::-ms-expand { display: none; } /* -------------------------- Modal ---------------------------- */ #modal,#modalBg{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99998;} #modalBg{background-color:#000; opacity:0.7; filter:Alpha(opacity=70); cursor:pointer;} .modal-con{display:none; background-color:#fff; position:fixed; top:50%; left:50%; z-index:99999; width:585px; height:277px; margin-left:-292.5px; margin-top:-138.5px;} .modal-txt{width:100%; height:217px; text-align:center;} .modal-txt > h2{font-size:24px; line-height:32px; font-weight:normal; color:#414141; padding-top:40px; margin-bottom:8px;} .modal-txt > p{font-size:16px; line-height:32px; color:#414141;} a.check{width:100%; height:60px; display:block; text-align:center; background-color:#00b7f3; font-size:18px; line-height:60px; color:#fff;} .modal-inner{height:277px;} .modal-tit{font-size:20px; font-weight:600; color:#000; margin-bottom:15px;} .modal-close{position:absolute; top:-42px; right:0px; z-index:99999} #compnay-bottom {width:100%; height:942px; padding:94px 0; background-color:#f0f0f0; display:inline-block;} #compnay-bottom ul {width:1200px; margin:0 auto;} #compnay-bottom ul li {float:left;} #compnay-bottom .compnayIntro01 {position:relative; width:50%; height:297px; background:url(../images/content/bottom_common_img01.jpg) no-repeat center left; margin-bottom:10px;} #compnay-bottom .compnayIntro02 {position:relative; width:50%; height:297px; background:url(../images/content/bottom_common_img02.jpg) no-repeat center right; margin-bottom:10px;} #compnay-bottom .compnayIntro03 {position:relative; width:50%; height:297px; background:url(../images/content/bottom_common_img03.jpg) no-repeat center left; margin-bottom:10px;} #compnay-bottom .compnayIntro04 {position:relative; width:50%; height:297px; background:url(../images/content/bottom_common_img04.jpg) no-repeat center right; margin-bottom:10px;} #compnay-bottom .compnayIntro05 {position:relative; width:50%; height:297px; background:url(../images/content/bottom_common_img05.jpg) no-repeat center left; margin-bottom:10px;} #compnay-bottom .compnayIntro06 {position:relative; width:50%; height:297px; background:url(../images/content/bottom_common_img06.jpg) no-repeat center right; margin-bottom:10px;} #compnay-bottom ul li .location { position:absolute; top:0; left:320px; text-align:left; color:#fff; } #compnay-bottom ul li .location h2 {font-size:20px; padding-bottom:15px; padding-top:60px;} #compnay-bottom ul li .location h2.variable { padding-top:48px; } #compnay-bottom ul li .location h4 {font-size:13px; color:#d4d4d4; padding-bottom:15px;} #compnay-bottom ul li .location p { font-size:12px; line-height:18px; } #compnay-bottom ul li .location p.awards { line-height:26px; } .partner-bottom-title {width:800px; margin:0px auto; background:url(/images/common/check_icon.png) no-repeat left center; font-size:32px; color:#444; letter-spacing:-1.5px; font-weight:normal; line-height:38px; padding-left:52px; margin-bottom:70px;} .partner-bottom-title strong{font-size:40px; color:#00b7f3; font-weight:normal; letter-spacing:-1.5px;} .partner-bottom{width:1045px; height:484px; margin:0 auto 100px;} .partner-bottom p {font-size:16px; font-weight:600; text-align:left; padding-bottom:20px;} .partner-bottom-list { overflow:hidden; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; text-align:center;} .partner-bottom-list li {width:20%; height:88px; line-height:88px; float:left; margin-left:-1px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;} /* ---------- 고객센터 ---------- */ .servicecenter-shortcuts {width:100%;} .servicecenter-shortcuts li { width:24.9%;background:#f5f5f5; float:left; border-right:1px solid #ddd; height:280px; margin-left:-1px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; } .servicecenter-shortcuts li:first-child { border-left:1px solid #ddd; } .servicecenter-shortcuts li:hover {background:#ffffff;} .servicecenter-shortcuts .img-location {width:115px; height:95px; margin:30px auto 0; line-height:95px;} .servicecenter-shortcuts h3 {font-size:22px; font-weight:400; color:#727272; margin-bottom:15px; margin-top:10px;} .servicecenter-shortcuts p {font-size:14px; color:#999999; line-height:20px; margin-top:15px;} .blue-bar1px {width:20px; height:1px; background:#00b7f3;display:block; margin:0 auto;} .servicecenter-shortcuts-bottom {width:100%; overflow:hidden; border-left:1px solid #ddd; margin-bottom:100px;} .servicecenter-shortcuts-bottom dt {position:relative; width:628px; float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .servicecenter-shortcuts-bottom .quotation { height:210px; z-index:1; overflow:hidden; } .servicecenter-shortcuts-bottom .quotation img {-webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; -o-transition:all 0.25s linear; transition:all 0.25s linear;} .servicecenter-shortcuts-bottom a:hover .quotation img {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; -o-transition:all 0.25s linear; transition:all 0.25s linear;} .quotation-box {position:absolute; top:60px; width:250px; height:95px; background:url(/kr/images/content/servicecenter-bg.png) repeat-x left top; display:block; z-index:2;} .quotation-box2 {position:absolute; top:60px; width:350px; height:95px; background:url(/kr/images/content/servicecenter-bg.png) repeat-x left top; display:block; z-index:2;} .quotation-txt {position:absolute; overflow:hidden;display:inline-block; z-index:9999; text-align:left; top:80px; left:30px;} .quotation-txt h3 {font-size:22px; color:#727272; font-weight:400;letter-spacing:-0.3px;} .quotation-txt p {color:#727272; font-size:13px; margin-top:15px;letter-spacing:-0.4px; } /* 견적신청 */ #contact-quotation { width:100%; border-top:1px solid #333; } #contact-quotation th { height:50px; border-bottom:1px solid #333; color:#333; } #contact-quotation td { height:50px; text-align:center;border-bottom:1px solid #e9e9e9; } .new-receipt {background:#575757; color:#ffffff; padding:5px;} .complete-receipt {background:#00b7f3; color:#ffffff; padding:5px;} #quotationTbl{width:743px; margin:0px auto;} #quotationTbl > ul.choice-list{width:100%; *zoom:1; margin-bottom:23px;} #quotationTbl > ul.choice-list:after{clear:both; content:""; display:block;} #quotationTbl > ul.choice-list > li{float:left; margin-left:10px; display:block;} #quotationTbl > ul.choice-list > li:first-child{margin-left:0;} #quotationTbl > ul.choice-list > li #serviceSelect.ver2{height:55px;} #quotationTbl > ul.choice-list > li #serviceSelect.ver2 > a.service-open-btn.ver2{width:340px;} #quotationTbl > ul.choice-list > li #serviceSelect.ver2 > ul{width:364px; top:55px;} #quotationTbl > ul.choice-list > li .house-size{width:363px; height:53px; overflow:hidden; border:1px solid #ddd; background-color:#f7f7f7;} #quotationTbl > ul.choice-list > li .house-size input, #quotationTbl > ul li .house-size span, #quotationTbl > ul li .house-size strong{display:inline-block; vertical-align:middle; height:100%;} #quotationTbl > ul.choice-list > li .house-size input{width:67px; height:53px; border:0px; background:none; padding-left:33px;} #quotationTbl > ul.choice-list > li .house-size span{font-size:18px; font-weight:600; color:#4b4b4b;} #quotationTbl > ul.choice-list > li .house-size strong{padding-left:30px;} #quotationTbl > ul.choice-list > li .house-size strong > img{margin-top:20px;} #quotationTbl > ul.choice-list > li > p{font-size:12px; color:#424242; padding-top:11px;} /* input 달력 */ #quotationTbl > p.day-choice{margin-bottom:25px;} #quotationTbl > p.day-choice input.datepicker{width:636px; height:43px; border:1px solid #ddd; border-right:0px; background-color:#f7f7f7; color:#848484; font-size:14px; line-height:43px; padding:5px 25px;} #quotationTbl > p.day-choice > span{display:block; font-size:12px; color:#424242; padding-top:9px;} #quotationTbl input.name-txt{width:710px; height:53px; background-color:#f7f7f7; border:1px solid #ddd; padding-left:30px; margin-bottom:20px;} #quotationTbl input.name-txt.ver2{border-top:0; margin-bottom:0;} #quotationTbl input.name-txt.ver3{margin-bottom:0;} #quotationTbl textarea.name-txt{width:730px; height:200px; background-color:#f7f7f7; border:1px solid #ddd; padding:5px; margin-bottom:20px;} #quotationTbl table.step3-tbl{margin-bottom:0;} #quotationTbl table.step3-tbl td{height:54px;} #quotationTbl table.step3-tbl td.tel.select > select{background:url(/images/common/house_tel_select.jpg) no-repeat right center; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;} #quotationTbl table.step3-tbl td.tel.select > select::-ms-expand { display: none; } #quotationTbl .tel-bar-box{top:-57px;} #quotationTbl .tel-bar-box .tel-bar.first{margin-left:-134px; top:18px;} #quotationTbl .tel-bar-box .tel-bar.second{margin-left:114px; top:18px;} #quotationTbl a.quotation-apply-btn{display:block; width:100%; height:55px; text-align:center; line-height:55px; background-color:#00b7f3; font-size:18px; color:#fff;} .cleaningBg dl dd{opacity:0;filter:Alpha(opacity=0); top:-20px;} .clean-point-info dl{opacity:0;filter:Alpha(opacity=0);} .cleaningPointcon ul.clean-point-list li > h2{opacity:0;filter:Alpha(opacity=0);} .cleaningPointcon ul.clean-point-list li > h2 > img{height:60px; width:auto;} .cleaningPointcon ul.clean-point-list li > h3, .cleaningPointcon ul.clean-point-list li > p{top:-25px; opacity:0;filter:Alpha(opacity=00);} .copyrightIntro dl dt{opacity:0;filter:Alpha(opacity=0); top:-285px;} .counsel-box > h2, .counsel-box > p{opacity:0;filter:Alpha(opacity=0);} #choiceGraph .graph-list li > p{bottom:-280px; opacity:0;filter:Alpha(opacity=0);} /* 170209 MJ ------------------------------------------------------ */ /* -------- 가격안내페이지 -------- */ #priceGuideCon{width:743px; margin:0px auto; /*padding-bottom:130px;*/} #priceGuideCon > h3{font-size:36px; font-weight:600; color:#454545; margin-bottom:75px} #priceGuideCon h4.subject{font-size:18px; font-weight:normal; color:#4b4b4b; text-align:left; margin-bottom:12px;} #priceGuideCon a.price-guide-btn{display:block; width:100%; height:55px; line-height:55px; font-size:18px; color:#fff; background-color:#00b7f3;} #priceGuideCon .service-coment{width:711px; padding:10px 15px; border:1px dashed #ddd; text-align:left; margin-bottom:100px;} #priceGuideCon .service-coment > p{background:url(../images/content/icon_coment.jpg) no-repeat left 6px; padding-left:24px; font-size:12px; line-height:22px; color:#737373; letter-spacing:-0.25px; margin-top:25px;} #priceGuideCon .service-coment > p strong{display:block; font-weight:600;} #priceGuideCon .service-coment > p span{color:#00b7f3; font-weight:600;} #priceGuideCon .service-coment > p:first-child{margin-top:0;} #quotationTbl > ul.choice-list > li #serviceSelect.ver3:first-child{margin-right:10px} #quotationTbl > ul.choice-list > li #serviceSelect.ver3 > a.service-open-btn.ver3{width:153px;} #quotationTbl > ul.choice-list > li #serviceSelect.ver3 > ul{width:177px; z-index:999;} /* 170210 MJ ------------------------------------------------------ */ /* -------- 온라인 예약하기 -------- */ input[type="checkbox"], label {vertical-align:middle;line-height:1em;} input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;} /* checkbox */ .input-chk{display:block;height:24px;position:relative;top:3px;} .input-chk.inline {display:inline-block; min-width:100px;} .input-chk input{position:absolute;top:0;left:0px;width:24px;height:24px;} .input-chk label{display:inline-block;position:absolute;top:0px;left:0;width:100%;height:24px; line-height:24px; padding-left:34px;background:url(/images/common/check_box_img.jpg) 0 -24px no-repeat;color:#555;cursor:pointer; width:auto;font-size:14px; color:#848484;} .input-chk input + label.on {background-position:0 0px; color:#18b3ef;} #priceCon .clean-case .point{font-size:18px; color:#333; line-height:24px;} #priceCon .clean-case .point > span{display:inline-block; width:35px; height:19px; text-align:center; margin-right:9px; font-size:12px; font-weight:600; color:#fff; background-color:#18b3ef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; line-height:19px;} #priceCon .clean-case .clean-etc-box{width:740px; *zoom:1; margin:10px auto 74px auto; border:1px solid #ddd; border-bottom:0;} #priceCon .clean-case .clean-etc-box.ver2{border-right:0;} #priceCon .clean-case .clean-etc-box:after{clear:both; content:""; display:block;} #priceCon .clean-case .clean-etc-box > .clean-notice{width:206px; height:24px; float:left; padding:15px 40px; padding-right:0; border:0px; border-bottom:1px solid #ddd; background-color:#f6f6f6; font-size:14px; color:#848484;} #priceCon .clean-case .clean-etc-box > .clean-notice.border{border-left:1px solid #ddd; border-right:1px solid #ddd;} #priceCon .clean-case .clean-etc-box > .clean-notice.border2{width:205px; border-right:1px solid #ddd;} #priceCon .clean-case .coment{font-size:13px; line-height:18px; text-align:center; color:#848484; margin:15px 0;} #priceCon .clean-case select.buga1-select{/*width:353px;*/width:330px; background:url(/images/common/house_tel_select.jpg) no-repeat right center; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; border:1px solid #ddd; margin-bottom:12px; padding:5px;} #priceCon .clean-case select.buga1-select > select::-ms-expand { display: none; } /* -------- 가격안내 :: 170309 추가 및 수정 -------- */ #priceList input, #priceList select{width:283px; height:41px; border:1px solid #e2e2e2; background-color:#f7f7f7;margin-bottom:10px;} #priceList select{background:#f7f7f7 url(/images/common/house_tel_select.jpg) no-repeat 96% center; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;} #priceList select::-ms-expand { display: none; } #priceGuideCon .price-txt{font-size:13px; line-height:24px; color:#676767; letter-spacing:-0.5px; margin-bottom:140px;} #priceListContainer{width:1074px; margin:0px auto; margin-bottom:110px;} #priceList{width:100%; margin-bottom:35px; *zoom:1; min-height:1266px; position:relative;} #priceList:after{display:block; content:""; clear:both;} #priceList li{float:left; width:329px; /*height:811px;*/ margin-left:42px; border-top:3px solid #31a9f0;} #priceList li:first-child{margin-left:0;} .price-img-thum{width:100%; padding-top:215px; position:relative;} .price-img-thum span{position:absolute; top:0; left:0; bottom:0; right:0;} .price-img-thum img{width:100%;} .price-img-cover{width:100%; height:100%; background-color:rgba(0,0,0,0.52); text-align:center; position:absolute; top:0; left:0; display:none;} .price-img-cover p{font-size:24px; font-weight:600; color:#fff; line-height:215px;} #priceList li:hover .price-img-cover, #priceList li:focus .price-img-cover{display:block;} .price-info-thum{width:327px; height:600px; border:1px solid #ddd; border-top:0;} .price-info-thum > p{width:100%; text-align:center; height:150px; line-height:150px;} .price-info-thum > p span{font-size:12px; line-height:20px; color:#676767; letter-spacing:-0.5px; display:inline-block; vertical-align:middle;} .choice-box{width:100%; height:199px;} .choice-box.case2{height:60px;} .price-house-size{width:283px; height:41px; border:1px solid #e2e2e2; background-color:#f7f7f7; margin:0px auto; overflow:hidden;} #priceList .price-house-size input{width:233px; height:41px; border:0; background:none; float:left; margin-left:5px;} .price-house-size span{float:right; display:inline-block; line-height:41px; margin-right:7px;} .price-tag{display:inline-block; width:147px; height:26px; text-align:center; color:#fff; line-height:26px; background-color:#31a9f0; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; font-size:12px; margin-bottom:80px;} .price-tag.ver2{width:auto; height:auto; background:none; font-size:14px; color:#676767;} .total-price-info{width:283px; height:41px; overflow:hidden; margin:0px auto;} #priceList .total-price-info input{width:233px; height:41px; border:0px; background:none; float:left; margin:0 5px; font-size:36px; color:#170e0e; font-weight:600; text-align:right;} .total-price-info span{font-size:36px; line-height:41px; color:#170e0e; float:left;} .price-list-notice{position:absolute; top:844px; left:0; width:988px; border:1px solid #ccc; padding:34px 42px; display:none; text-align:left;} /*#priceList li:hover .price-list-notice{display:block;}*/ .price-list-notice h5{font-size:20px; line-height:24px; color:#454545; font-weight:600; margin-bottom:15px;} .price-list-notice h5 span{color:#00c6ff;} .price-list-notice p{font-size:12px; line-height:24px; color:#838383; letter-spacing:-0.5px;} /* -------- 인테리어 사업부 -------- */ #priceInteriorContainer{width:1074px; margin:0px auto; text-align:center;} #priceInteriorContainer > h3{font-size:24px;; font-weight:600; color:#454545; letter-spacing:-0.5px; margin-bottom:35px;} #priceInteriorContainer > p{font-size:13px; line-height:24px; color:#676767; letter-spacing:-0.5px; margin-bottom:125px;} .price-interior-list{width:100%; overflow:hidden; margin-bottom:145px;} .price-interior-list li{float:left; width:329px; height:219px; margin-left:42px; position:relative;} .price-interior-list li:first-child{margin-left:0;} .price-interior-list li .interior-cover{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.37); text-align:center; line-height:219px;} .price-interior-list li .interior-cover p{font-size:24px; color:#fff; letter-spacing:-0.5px;} /* -------- 인테리어 사업부 :: 상담 -------- */ .price-consulting-box{width:1072px; height:599px; border:1px solid #d2d2d2; background-color:#fafafa; text-align:center; margin-bottom:200px; padding-top:70px;} .price-consulting-box h4{font-size:24px; color:#454545; letter-spacing:-0.5px; font-weight:normal; margin:50px 0 70px;} .price-consulting-box h4 p{font-size:18px; line-height:24px; color:#afafaf; letter-spacing:-0.5px; padding-top:15px;} .price-consulting-box strong, .price-consulting-box span{display:block;} .price-consulting-box strong{font-size:60px; font-weight:normal; color:#454545; letter-spacing:-0.5px;} .price-consulting-box span{font-size:14px; line-height:24px; color:#b5b5b5; margin:10px 0 45px;} .price-consulting-box a{display:inline-block; width:486px; height:100px; line-height:100px; text-align:center; color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#00b7f3; font-size:29px;} .price-consulting-box-night{width:1072px; height:480px; border:1px solid #d2d2d2; background:url(/images/common/price-consulting-box-night.jpg) no-repeat bottom center; text-align:center; margin-bottom:200px; padding-top:70px;} .price-consulting-box-night h4{font-size:24px; line-height:36px; color:#606060; letter-spacing:-0.5px; font-weight:normal; margin:50px 0 70px; font-weight:600;} .price-consulting-box-night strong, .price-consulting-box-night span{display:block;} .price-consulting-box-night strong{font-size:60px; font-weight:normal; color:#454545; letter-spacing:-0.5px;} .price-consulting-box-night span{font-size:14px; line-height:24px; color:#b5b5b5; margin:10px 0 45px;} .price-consulting-box-night .estimate a{display:inline-block; width:256px; height:66px; line-height:66px; text-align:center; color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#00b7f3; font-size:18px;} .price-consulting-box-night .estimate a:hover {width:256px; height:60px; border:3px solid #fff; line-height:60px;} .price-consulting-box-night .online a{display:inline-block; width:256px; height:66px; margin-top:10px; line-height:66px; text-align:center; color:#00b7f3; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#ffffff; font-size:18px;} .price-consulting-box-night .online a:hover {width:256px; height:60px; border:3px solid #00b7f3; line-height:60px;} /* -------- 170517 :: 가전제품 리뉴얼 :: MJ -------- */ .appliance-apply-box{width:100%; height:613px; background:url(../images/content/appliance_tit_bg.jpg) no-repeat center top; text-align:center;} .appliance-apply-box > h1{font-size:24.67px; line-height:48px; font-weight:600; color:#6f6f6f; letter-spacing:-0.25px; text-shadow:3px 3px 5px rgba(4, 0, 0, 0.36); padding-top:73px; margin-bottom:33px;} /*.appliance-apply-box > h1:hover, .appliance-apply-box > h1:focus{color:#006395}*/ .appliance-apply-box > a{display:inline-block; width:253px; height:64px; border:1px solid #00b7f3; font-size:18px; line-height:64px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; color:#00b7f3;} .appliance-apply-box > a:hover, .appliance-apply-box > a:focus{color:#006395; border:1px solid #006395;} .appliance-choice-box{width:100%; padding:78px 0 54px 0;} .appliance-choice-box > h2{font-size:32px; font-weight:400; color:#414141; letter-spacing:-0.25px; text-align:center; margin-bottom:80px;} .appliance-choice-box > h2 p{font-size:14.67px; line-height:24px; color:#9d9d9d; padding-top:17px;} .appliance-choice-box .choice-list{width:1000px; margin:0px auto; text-align:center; overflow:hidden; padding-left:10%;} .appliance-choice-box .choice-list dl{display:table; width:30%; float:left; padding-left:10%; margin-bottom:34px;} .appliance-choice-box .choice-list dl dt, .appliance-choice-box .choice-list dl dd{display:table-cell; vertical-align:middle;} .appliance-choice-box .choice-list dl dt{width:15%;} .appliance-choice-box .choice-list dl dd{padding-left:19px; text-align:left;} .appliance-choice-box .choice-list dl dd > b{display:block; font-size:18.67px; line-height:24px; color:#454545; font-weight:400; letter-spacing:-0.25px; margin-bottom:5px;} .appliance-choice-box .choice-list dl dd > p{font-size:12px; line-height:21px; color:#a0a0a0;} .appliances.ver2{/* height:525px; */ background:url(../images/content/appliance_con_bg.jpg) no-repeat center top;} .appliances.ver2 > h2{padding:80px 0 40px 0; padding-bottom:0; margin-bottom:162px;} .appliances.ver2 > p{font-size:16px; line-height:40px; color:#4a4a4a;} .appliances.ver2 > p > em{color:#00a4dc; font-weight:500;} #applianceContent{margin:0px auto; margin-bottom:180px;} #applianceContent .subCate{text-align:center; padding-bottom:70px; padding-top:151px;} #applianceContent .subCate > p{font-size:14.67px; line-height:24px; color:#7b7b7b; padding-top:30px;} .appliance-prd-box{padding:40px 80px;} .appliance-prd-box > dl{width:100; display:table;} .appliance-prd-box > dl dt, .appliance-prd-box > dl dd{display:table-cell; vertical-align:middle;} .appliance-prd-box > dl dt{text-align:center; width:285px;} .appliance-prd-box > dl dd{text-align:left; width:405px;} .appliance-prd-box.ver2 > dl dt{text-align:left; width:330px;} .appliance-prd-box.ver2 > dl dd{text-align:left; width:360px;} .appliance-prd-box > dl dd h3{font-size:17.33px; color:#383838; padding-bottom:15px; border-bottom:1px solid #444; max-width:330px; font-weight:600;} .appliance-prd-box > dl dd p{font-size:12px; line-height:24px; color:#828282; /* padding:17px 0 48px 0; */} .appliance-prd-box > dl dd a{display:inline-block; font-size:17.33px; line-height:18.67px; color:#383838; font-weight:600; margin-top:16px; outline:none;} .appliance-prd-box > dl dd a > img{display:inline-block; vertical-align:top; padding-left:5px;} .appliance-prd-box.ver2 > dl dd p{letter-spacing:-0.5px;} .appliance-prd-box > dl dd .price{display:block; font-size:17.33px; line-height:18.67px; color:#383838;} .appliance-prd-box > dl dd .price strong, .appliance-prd-box > dl dd .price em, .appliance-prd-box > dl dd .price span{display:inline-block; vertical-align:top;} .appliance-prd-box > dl dd .price strong{font-size:18.67px; font-weight:bold; color:#00b7f3; padding-right:25px;} .appliance-prd-box > dl dd .price strong b{display:block; max-width:51px; font-size:12px; line-height:13px; background-color:#aeaeae; text-align:center; color:#fff; margin-top:5px;} .appliance-prd-box > dl dd .price em{font-size:17.33px; line-height:18.67px; color:#383838; text-decoration:line-through;} .appliance-prd-box > dl dd .price span{font-size:17.33px; line-height:18.67px; color:#00b7f3;} .appliance-prd-box > dl dd .price p{font-size:12px; line-height:24px; color:#bbb;} .appliance-video-box{width:100%; height:238px; background:url(../images/content/appliance_video_bg.jpg) no-repeat center top;} .appliance-video-box dl{text-align:center; width:690px; display:table; padding-top:53px; margin:0px auto;} .appliance-video-box dl dt, .appliance-video-box dl dd{display:table-cell; vertical-align:middle;} .appliance-video-box dl dt{width:454px; text-align:center;} .appliance-video-box dl dt > p{font-size:17.33px; color:#636363; font-weight:600;} .appliance-video-box dl dd{width:236px;} #applianceService{width:100%; height:636px; background:url(../images/content/appliance_service_bg.jpg) no-repeat center top;} #applianceService .app-service-box{width:864px; margin:0px auto;} .app-service-box > h3{font-size:40px; line-height:53.33px; color:#dbdbdb; letter-spacing:-0.25px; font-weight:400; text-align:left; padding-top:79px;} .app-service-box > h3:before{content:""; display:block; width:33px; height:5px; background-color:#fff; margin-bottom:10px;} .app-service-box > h3 p{font-size:18.67px; line-height:64px; color:#b8b8b8;} .app-service-box > .app-service-list{width:100%; text-align:center; padding-top:70px;} .app-service-box > .app-service-list li{display:inline-block; vertical-align:top; text-align:center; margin-left:110px;} .app-service-box > .app-service-list li:first-child{margin-left:0;} .app-service-box > .app-service-list li a{outline:none;} .app-service-box > .app-service-list li a p{font-size:24px; line-height:64px; color:#dbdbdb;} #applianceCare{width:100%; height:608px; background:#e8edf3; text-align:center;} #applianceCare > h3{font-size:29.33px; color:#414141; font-weight:400; padding-top:90px; margin-bottom:110px;} #applianceCare > h3 p{font-size:14.67px; line-height:24px; color:#9d9d9d; padding-top:20px;} #applianceCare .app-care-list{width:1000px; margin:0px auto; overflow:hidden; text-align:center;} #applianceCare .app-care-list li{display:inline-block; width:24%;} #applianceCare .app-care-list li .care-img-thum{width:100%; position:relative; padding-top:104px;} #applianceCare .app-care-list li .care-img-thum span{position:absolute; top:0; left:0; bottom:0; right:0;} #applianceCare .app-care-list li .care-txt-thum{width:100%;} #applianceCare .app-care-list li .care-txt-thum p{font-size:14.67px; line-height:24px; color:#9d9d9d; letter-spacing:-0.25px;} #applianceCare .app-care-list li .care-txt-thum p b{display:block; font-size:18.67px; color:#747474; margin-bottom:35px; font-weight:400;} /* -------- 170517 :: 가전제품 예약하기 :: MJ -------- */ #priceCon p.inline, #priceCon ul.inline{display:inline-block; margin:0px; margin-bottom:22px;} #priceCon ul.inline{overflow:hidden;} #priceCon ul.inline li{float:left; width:92px; height:52px; background-color:#f7f7f7; text-align:center; border:1px solid #ddd; border-left:0;} #priceCon ul.inline li:first-child{border-left:1px solid #ddd;} #priceCon ul.inline li span{font-size:14px; line-height:52px; color:#848484;} #priceCon > p.appliance-comment{margin:0px; display:block; font-size:16px; margin-bottom:20px; color:#00b7f3; text-align:center;} .appliance-kind, .appliance-kind ul{width:100%;} .appliance-kind{display:none;} .appliance-kind.select{display:block;} .appliance-kind ul li{padding:9px 20px; border-bottom:1px solid #ddd; overflow:hidden;} .appliance-kind ul li > p{display:inline-block; float:left; line-height:30px;} .appliance-kind ul li > p label{margin-right:70px;} .appliance-kind ul li > p select{display:none; vertical-align:middle; width:163px; height:27px; border:1px solid #ddd;} .appliance-kind ul li > p select.on{display:inline-block;} .appliance-kind ul li > p span{display:inline-block; vertical-align:middle; padding-left:9px; font-size:14px; color:#848484;} .appliance-kind ul li > b{display:inline-block; float:right; font-size:14px; line-height:27px; font-weight:600; color:#000;} #priceCon.appliance .clean-case .clean-notice{margin-bottom:0; border-top:0;} #priceCon.appliance .clean-case .clean-notice.first{border-top:1px solid #e6e6e6;} #priceCon.appliance .clean-case .clean-notice.select{border-top:1px solid #18b3ef;} #priceCon.appliance .clean-case .total-price{padding-top:22px; border-top:1px solid #ddd; margin-top:44px;} #priceCon.appliance .clean-case .total-price > p.sale-price-txt{font-size:15px; padding-top:15px; color:#18b3ef;} /* 가전제품 팝업 */ #homesServiePriceForm{position:relative; /*max-width:595px;*/max-width:614px; max-height:570px; margin:0px auto; top:50px;} .homes-servie-price-inner{height:auto; background-color:#fff; border:1px solid #0072ab;} .homes-servie-price-inner > h3{width:100%; height:71px; background-color:#0072ab; font-size:18px; color:#fff; font-weight:400; overflow:hidden; position:relative;} .homes-servie-price-inner > h3 > p{float:left; display:inline-block; padding-left:50px; line-height:71px;} .homes-servie-price-inner > .homes-servie-price-tbl{/*padding:44px 42px;*/ height:497px; overflow-y:auto;} .homes-servie-price-inner > .homes-servie-price-tbl.service{height:auto; padding:23px;} /*.homes-servie-price-inner > .homes-servie-price-tbl img{width:100%;}*/ .homes-price-tbl{width:100%;} .homes-price-tbl th{height:39px; border-top:1px solid #ddd; border-bottom:1px solid #0072ab; background-color:#f5f5f5; border-left:1px solid #ddd; text-align:center; font-size:13px; font-weight:600; color:#0072ab;} .homes-price-tbl tr th:first-child{border-left:0;} .homes-price-tbl td{height:39px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:13px; color:#0072ab;} .homes-price-tbl tr td:first-child{border-left:0;} .app-service-tbl{width:100%; margin-bottom:18px;} .app-service-tbl th{height:44px; background-color:#498ed3; text-align:center; font-size:14px; color:#fff; font-weight:500;} .app-service-tbl td{height:43px; border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; text-align:center; color:#bebebe;} .app-service-tbl tr td:first-child{border-left:0;} .app-service-tbl td.tit{font-size:14px; color:#000;} .app-service-price{display:block; overflow:hidden;} .app-service-price > span{font-size:14.58px; color:#000; display:inline-block;} .app-service-price > span.important{color:#498ed3; font-weight:600; padding-right:10px;} .app-service-price > b{float:right; font-size:29px; color:#000; font-weight:600;} .modal-close-btn{position:absolute; top:25px; right:39px;} /* 가전제품 동영상 팝업 */ #movieContent{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999;} #movieConInner{position:absolute; top:50%; left:50%; margin:-169px 0 0 -300px; width:600px; height:338px; background:#fff;} #movieConInner .close-btn{position:absolute; right:-50px; top:0px; display:inline-block; width:50px; height:50px; background-color:#0072ab; line-height:50px; text-align:center;} /* ****************** 180718 추가 ********************** */ /* ****************** 아카데미 ********************** */ .academy-top-container{width:100%; height:664px; background:url(../images/content/academy_top_bg.jpg) no-repeat center top; text-align:center;} .academy-top-container > h3{padding-top:196px; margin-bottom:7px;} .academy-top-container > p{margin-bottom:32px;} .academy-top-container > button, .academy-top-container > a{display:inline-block; line-height:66px; width:255px; height:66px; background-color:#00b7f3; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; font-size:18px; color:#fff; border:0; padding:0;} /* 아카데미 :: 소개 */ .academy-information-container{padding:90px 0 134px 0; text-align:center; background:url(../images/content/academy_info_bg.jpg) no-repeat center top;} .academy-info-icon{margin-bottom:37px;} .academy-information-container h3{font-size:40px; color:#fff; letter-spacing:-0.65px; font-weight:400; margin-bottom:70px;} .academy-information-container h3 b{font-weight:600;} .academy-info-list{width:100%;} .academy-info-list > li{float:left; margin-left:49px; width:387px;} .academy-info-list.menu4 > li{width:298px; margin-left:22px;} .academy-info-list > li:first-child{margin-left:0;} .academy-info-img-thum{position:relative; width:100%; padding-top:245px;} .academy-info-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;} .academy-info-img-thum > span img{width:100%; height:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .academy-txt-thum{background-color:#fff; padding:21px 0;} .academy-txt-thum > p{font-size:16px; line-height:24px; color:#000; letter-spacing:-0.5px;} .academy-txt-thum > p:before{display:block; content:""; width:33px; height:6px; background-color:#33425a; margin:0px auto; margin-bottom:20px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px;} .academy-txt-thum.type2 > p:before{background-color:#eb9f47;} .academy-info-list > li:hover .academy-info-img-thum > span img{-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);} /* 아카데미 :: 교육과정 및 내용 */ .academy-curriculum-container{padding:78px 0 72px; background-color:#f7f7f7; text-align:center;} .academy-curriculum-tit{display:inline-block; font-size:30px; color:#555; font-weight:400; letter-spacing:-0.25px; margin-bottom:22px;} .academy-curriculum-tit.type2{font-size:48px; font-weight:600; color:#eb9f47;} .academy-curriculum-tit:before{display:block; content:""; width:20px; height:3px; background-color:#00b7f3; margin-bottom:13px;} .academy-curriculum-txt{font-size:14px; line-height:24px; color:#7b7b7b; letter-spacing:-0.25px; margin-bottom:74px;} .academy-curriculum-list{margin-bottom:50px; text-align:center;} .academy-curriculum-list > li{position:relative; display:inline-block; vertical-align:top; width:349px; height:132px;} .academy-curriculum-list > li:before{position:absolute; top:0; left:0; display:inline-block; content:""; width:1px; height:100%; background-color:#d0d0d0;} .academy-curriculum-list > li:first-child:before{display:none;} .academy-curriculum-list > li img{margin-bottom:24px;} .academy-curriculum-list > li p{font-size:18px; line-height:24px; color:#363636; letter-spacing:-0.25px; margin-bottom:6px;} .academy-curriculum-list > li span{display:block; font-size:14px; line-height:24px; color:#363636; letter-spacing:-0.25px;} .academy-curriculum-coment{font-size:14px; line-height:24px; color:#7b7b7b; letter-spacing:-0.25px; margin-bottom:15px;} .academy-curriculum-tel-box{width:424px; height:54px; margin:0px auto; background-color:#fff; border-radius:54px; -moz-border-radius:54px; -webkit-border-radius:54px; -o-border-radius:54px; box-shadow:3px 3px 18px rgba(0, 0, 0, 0.07);} .academy-curriculum-tel-box p{font-size:16px; line-height:54px; color:#7b7b7b; letter-spacing:-0.25px;} .academy-curriculum-tel-box p span{color:#376092;} /* 아카데미 :: 작업안내 */ .academy-work-container{} .academy-work-container .area{padding-top:89px; padding-bottom:84px; border-bottom:1px solid #d2d2d2;} .academy-work-list{text-align:center; padding-top:64px;} .academy-work-list li{display:inline-block; vertical-align:top; padding:0 50px;} .academy-work-list li h3{font-size:24px; color:#121212; letter-spacing:-0.65px; font-weight:600; padding:39px 0 34px;} .academy-work-list li p{font-size:14px; line-height:24px; color:#7b7b7b; letter-spacing:-0.25px;} /* 아카데미 :: 찾아오시는길 */ .academy-location-container{padding:91px 0 58px; margin-bottom:200px;} .academy-map-box{position:relative; width:100%; padding-top:483px;} .academy-map-box .map-con{position:absolute; top:0; left:0; bottom:0; right:0;} .academy-map-box .map-con .root_daum_roughmap_landing, .academy-map-box .map-con .root_daum_roughmap .wrap_map{width:100% !important; height:100% !important;} .academy-map-address{height:70px; background-color:#376092; text-align:center; color:#fff;} .academy-map-address.type2{background-color:#eb9f47;} .academy-map-address p{display:inline-block; font-size:14px; color:#fff; line-height:70px; margin-left:120px;} .academy-map-address p:first-child{margin-left:0;} .academy-map-address p span{margin-right:39px;} .academy-map-address p em{background:#bc7f39;} /* 아카데미 :: Contact */ .academy-contact-container{width:100%; height:562px; background:url(../images/content/acdemy_contact_bg.jpg) no-repeat center top;} .academy-contact-container.type2{background:url(../images/content/acdemy_contact_bg_2.jpg) no-repeat center top;} .academy-contact-inner{float:right; width:50%; height:100%;} .academy-contact-con{margin-left:133px; text-align:left; padding-top:175px;} .academy-contact-con h3{font-size:60px; color:#fff; font-weight:bold; text-shadow:7px 7px 18px rgba(144,144,144, 0.75); margin-bottom:15px;} .academy-contact-con h3.type2{color:#eb9f48;} .academy-contact-con p{font-size:20px; line-height:30px; color:#fff; margin-bottom:45px; } .academy-contact-con strong{display:block; font-size:36px; line-height:41px; color:#fff; font-weight:500; text-shadow:7px 7px 18px rgba(144,144,144, 0.75); padding-left:65px; background:url(../images/content/academy_tel_icon.png) no-repeat 11px center;} /* 아카데미 :: 다양한 정보 교류 */ .academy-exchange-container{background-color:#f7f7f7; padding:78px 0 118px;} .academy-exchange-container .academy-curriculum-tit{font-weight:600;} .academy-exchange-container .academy-curriculum-tit:before{display:none;} .academy-exchange-list{padding-top:53px;} .academy-exchange-list > li{float:left; width:396px; margin-left:36px;} .academy-exchange-list > li:first-child{margin-left:0;} .academy-exchange-img-thum{position:relative; width:100%; padding-top:255px; overflow:hidden;} .academy-exchange-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0;} .academy-exchange-img-thum > span img{position:relative; width:100%; height:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .academy-exchange-txt-thum{background-color:#fff; text-align:center; padding:40px 0;} .academy-exchange-txt-thum > strong{display:block; font-size:24px; color:#434343; font-weight:600; letter-spacing:-0.65px; margin-bottom:14px;} .academy-exchange-txt-thum > span{display:block; font-size:14px; color:#bebebe; letter-spacing:5px; margin-bottom:12px;} .academy-exchange-txt-thum > p{font-size:15px; line-height:28px; color:#797979; letter-spacing:-0.65px;} .academy-exchange-list > li:hover .academy-exchange-img-thum > span img{-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);} /* ****************** 자재매장 ********************** */ .material-store-top-container{width:100%; height:550px; background:url(../images/content/material_store_top_bg.jpg) no-repeat center top; text-align:left;} .material-store-top-container div.clearfix{display:inline-block; width:703px; text-align:center; padding-top:100px;} .material-store-top-container div.clearfix p{font-size:15px; line-height:28px; color:#534e4e; letter-spacing:-0.65px; margin:45px 0 34px;} .material-store-top-container div.clearfix button, .material-store-top-container div.clearfix a{display:inline-block; width:255px; height:66px; line-height:66px; background-color:#eb9f47; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; font-size:18px; color:#fff; border:0; padding:0;} /* 자재매장 :: 상품소개 */ .material-store-prd-info-container{padding:100px 0 158px;} .material-store-prd-info-txt{font-size:15px; line-height:28px; color:#534e4e; letter-spacing:-0.65px; margin-bottom:47px;} .material-store-prd-info-txt.type2{color:#fff;} .material-store-prd-info-box{padding:0 52px; height:552px; background:url(../images/content/material_store_prd_info_bg.jpg) no-repeat center top;} .material-store-prd-info-left-box, .material-store-prd-info-right-box{float:left; width:538px; padding-left:40px; padding-top:80px;} .material-store-prd-info-con{width:100%; margin-bottom:37px;} .material-store-prd-info-con dt, .material-store-prd-info-con dd{float:left; } .material-store-prd-info-con dd{padding-left:25px; text-align:left;} .material-store-prd-info-con dd strong{display:block; font-size:15px; line-height:28px; color:#eb9f47; font-weight:600; letter-spacing:-0.65px;} .material-store-prd-info-con dd p{font-size:15px; line-height:26px; color:#fff; opacity:0.7;filter:Alpha(opacity=70); letter-spacing:-0.65px;} /* 자재매장 :: OUR SERVICE */ .material-store-service-container{background:url(../images/content/material_store_service_bg.jpg) no-repeat center top; padding:160px 0 180px;} /* 자재매장 :: 한스클린 스토어 */ .material-store-info-container{width:100%; height:536px; background:url(../images/content/material_store_info_bg.jpg) no-repeat center top;} .material-store-info-inner{width:50%; float:right;} .material-store-info-con{margin-left:45px; padding-top:150px; /* padding-top:197px; */ text-align:left;} .material-store-info-con h3{font-size:30px; color:#fff; font-weight:600; letter-spacing:-0.65px; padding-bottom:30px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:42px;} .material-store-info-con h3 span{display:block; font-size:15px; color:#fff; margin-bottom:40px;} .material-store-info-con strong{display:block; font-size:18px; line-height:26px; color:#fff; font-weight:400; letter-spacing:-0.65px; margin-bottom:16px;} .material-store-info-con p{font-size:15px; line-height:30px; color:#fff; letter-spacing:-0.65px;} .matarial-inquiry-btn{display:inline-block; width:255px; height:66px; line-height:66px; background-color:#eb9f47; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; font-size:18px; color:#fff; border:0; padding:0; text-align:center;} .academy-inquiry-btn{display:inline-block; width:255px; height:66px; line-height:66px; background-color:#00b7f3; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; font-size:18px; color:#fff; border:0; padding:0; text-align:center;} .academy-map-box .root_daum_roughmap{padding:0 !important; border:0 !important; border-radius:0 !important;} /* 191016 카카오맵 css 업뎃으로인해 생긴부분 초기화 */ .academy-map-box .root_daum_roughmap .map_border{display:none !important;} .academy-map-box .wrap_controllers{display:none !important;} /* ****************** 181025 컨텐츠 페이지 작업 ********************** */ /* -------- 탄성코트 -------- */ .area-elastic{max-width:1230px; margin:0px auto;} .elastic-top-container{position:relative; width:100%; height:797px; background:url(../images/content/elastic_top_bg.jpg) no-repeat center top;} .elastic-top-txt-con{max-width:1600px; margin:0px auto; text-align:left;} .elastic-top-txt-con h3{font-size:54px; line-height:74px; color:#fff; font-weight:600; text-shadow:7px 7px 7px rgba(0, 0, 0, 0.38); padding-top:220px; margin-bottom:60px; position:relative; opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 1.0s, opacity 1.0s; -moz-transition:all 1.0s, opacity 1.0s; -o-transition:all 1.0s, opacity 1.0s; -ms-transition:all 1.0s, opacity 1.0s; transition:all 1.0s, opacity 1.0s; } .elastic-top-txt-con .elastic-top-btn-group{} .elastic-top-txt-con .elastic-top-btn-group > a{display:inline-block; vertical-align:middle; width:192px; height:58px; text-align:center; font-size:18px; line-height:58px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -o-border-radius:12px; margin-right:29px;} .elastic-top-txt-con .elastic-top-btn-group > a.type1{background-color:#fff; color:#646464;} .elastic-top-txt-con .elastic-top-btn-group > a.type2{background-color:#20c3ee; color:#fff;} .elastic-comm-tit{text-align:center;} .elastic-comm-tit strong{display:inline-block; font-size:32px; line-height:59px; color:#636363; font-weight:400; letter-spacing:-0.75px;} .elastic-comm-tit strong:before{display:block; content:""; width:17px; height:3px; background-color:#00b5f3; margin-left:-13px;} .elastic-comm-txt{font-size:14px; line-height:20px; color:#737373; letter-spacing:-0.5px; text-align:center;} .elastic-comm-txt.marb35{margin-bottom:35px;} .elastic-why-con{padding-top:158px; padding-bottom:190px;} .elastic-why-inner{text-align:left; padding-top:50px;} .elastic-why-inner dt{float:left; padding-left:41px;} .elastic-why-inner dt span{display:block; font-size:16px; color:#7e7e7e; margin-bottom:15px;} .elastic-why-inner dt img{box-shadow:-17px 17px 24px rgba(0, 0, 0, 0.24);} .elastic-why-inner dt img.none-shadow{box-shadow:none;} .elastic-why-inner dd{float:right; width:755px; margin-left:155px;} .elastic-why-inner dd > ul li{position:relative; float:left; width:50%; margin-bottom:40px;} .elastic-why-inner dd > ul li:before{display:inline-block; content:""; width:2px; height:78px; background-color:#fff; position:absolute; top:50%; left:0; margin-top:-39px; box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.35);} .elastic-why-inner dd > ul li h3{font-size:24px; line-height:48px; color:#000; font-weight:500; letter-spacing:-0.5px; position:relative; padding-left:30px;} .elastic-why-inner dd > ul li p{font-size:16px; line-height:25px; color:#6b6b6b; letter-spacing:-0.5px; padding-left:30px;} .elastic-info-con{width:100%; height:736px; } .elastic-info-con > div{float:left; width:50%; height:100%;} .elastic-info-img-con{background:url(../images/content/elastic_info_bg.jpg) repeat-y right top;} .elastic-info-img-con > div{height:100%; margin-right:64px; background:url(../images/content/elastic_info_img.png) no-repeat right bottom; position:relative; opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 1.0s, opacity 1.0s; -moz-transition:all 1.0s, opacity 1.0s; -o-transition:all 1.0s, opacity 1.0s; -ms-transition:all 1.0s, opacity 1.0s; transition:all 1.0s, opacity 1.0s; } .elastic-info-txt-con{text-align:left;} .elastic-info-txt-con > div{padding-left:37px; padding-top:89px;} .elastic-info-txt-con > div h3{font-size:33px; line-height:53px; color:#000; font-weight:500; letter-spacing:-0.5px; margin-bottom:55px;} .elastic-info-txt-con > div h3 span{color:#00cdff;} .elastic-info-txt-con > div strong{display:block; font-size:19px; line-height:33px; color:#494949; font-weight:600;} .elastic-info-txt-con > div p{font-size:19px; line-height:33px; color:#bfbfbf; letter-spacing:-0.5px; margin-bottom:36px;} .elastic-point-prd-con{padding:67px 0; background-color:#f1f1f1;} .elastic-point-prd-con > img{display:block; margin:0px auto; max-width:100%;} .elastic-scope-area-con{padding:160px 0;} .elastic-scope-area-list{padding-top:100px;} .elastic-scope-area-list > li{margin-bottom:150px;} .elastic-scope-area-list > li:last-child{margin-bottom:0;} .elastic-scope-area-inner{width:100%;} .elastic-scope-area-inner dt.cm-fl{padding-left:68px;} .elastic-scope-area-inner dd.cm-fl{padding-left:206px; position:relative; text-align:left;} .elastic-scope-area-inner dd.cm-fl:before{position:absolute; top:19px; left:-14px; display:inline-block; content:""; width:230px; height:1px; background-color:#d9d9d9;} .elastic-scope-area-inner dt.cm-fr{padding-right:111px;} .elastic-scope-area-inner dd.cm-fr{padding-right:208px; position:relative; text-align:right;} .elastic-scope-area-inner dd.cm-fr:before{position:absolute; top:19px; right:-14px; display:inline-block; content:""; width:230px; height:1px; background-color:#d9d9d9;} .elastic-scope-area-inner dd h3{font-size:22px; line-height:51px; color:#000; font-weight:500; letter-spacing:-0.75px; margin-bottom:10px;} .elastic-scope-area-inner dd h3 strong{display:inline-block; width:51px; height:51px; margin-right:14px; background-color:#000; font-size:18px; color:#d9d9d9; font-weight:400; text-align:center;} .elastic-scope-area-inner dd.cm-fr h3 strong{margin-right:0; margin-left:14px;} .elastic-scope-area-inner dd p{font-size:14px; line-height:24px; color:#686868; letter-spacing:-0.75px;} .elastic-color-list-wrap{padding-top:63px; margin-bottom:225px; max-height:276px;} .elastic-color-list-container{padding:0 25px;} .elastic-color-list-container .slick-prev, .elastic-color-list-container .slick-next{border:0; background:none; position:absolute; top:50%; margin-top:-35px; z-index:3} .elastic-color-list-container .slick-prev{left:-55px;} .elastic-color-list-container .slick-next{right:-50px;} .elastic-color-list-container li img{display:block; margin:0px auto; max-width:100%;} .elastic-price-con{width:100%; height:824px;} .elastic-price-con > div{float:left; width:50%; height:100%;} .elastic-price-img-con{background:url(../images/content/elastic_price_bg.jpg) repeat-y right top;} .elastic-price-img-con > div{height:100%; margin-right:200px; background:url(../images/content/elastic_price_img.png) no-repeat right bottom; position:relative; opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 1.0s, opacity 1.0s; -moz-transition:all 1.0s, opacity 1.0s; -o-transition:all 1.0s, opacity 1.0s; -ms-transition:all 1.0s, opacity 1.0s; transition:all 1.0s, opacity 1.0s; } .elastic-price-txt-con > div{padding-left:50px; text-align:left; padding-top:194px;} .elastic-price-txt-con h3{font-size:32px; line-height:44px; color:#000; font-weight:600; margin-bottom:62px;} .elastic-price-txt-con h3 span{color:#00cdff;} .elastic-price-txt-con p{font-size:18px; line-height:32px; color:#9a9a9a; letter-spacing:-0.5px;} .elastic-price-txt-con p b{font-weight:600;} .elastic-review-con{display:table; width:100%; height:484px; background:url(../images/content/elastic_review_bg.jpg) no-repeat center top;} .elastic-review-con > div{display:table-cell; width:100%; vertical-align:middle; text-align:center;} .elastic-review-con img{display:block; max-width:100%; margin:0px auto;} .elastic-review-con p{font-size:15px; line-height:25px; color:#fff; letter-spacing:-0.25px; padding:40px 0;} .elastic-review-con strong{display:block; font-size:20px; color:#ffd300;} /* -------- Active -------- */ .elastic-top-txt-con h3.active, .elastic-info-con.animated .elastic-info-img-con > div, .elastic-price-con.animated .elastic-price-img-con > div{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;} /* -------- 탄성코트 :: 한스클린의 서비스 종류 -------- */ .serviceKinds.type2{width:100%; margin:0px auto; background-color:#fafafa; padding-top:90px; padding-bottom:160px;} .serviceKinds-cont.type2{width:auto; margin:55px auto 0;} .serviceKinds-cont.type2 li{width:370px; margin-left:60px;} .serviceKinds-cont.type2 li:first-child{margin-left:0;} .serviceKinds-cont.type2 li img, .serviceKinds-cont.type2 li h4, .serviceKinds-cont.type2 li p{margin-left:0;} .serviceKinds-cont.type2 li p{margin-bottom:50px;} .serviceKinds-cont.type2 li em{display:inline-block; font-size:13px; line-height:24px; color:#fff; background-color:#737373; text-align:center; width:60px;} .serviceKinds-cont.type2 li span.comment{display:block; font-size:13px; line-height:24px; color:#7f7f7f; padding:0; margin:0; background:none;} .serviceKinds-cont.type2 li span strong{font-weight:400; text-decoration:line-through;} .serviceKinds-cont.type2 li span b{font-weight:400; color:#e50000;} /* ****************** 181029 ~ 181030 컨텐츠 페이지 작업 ********************** */ .serviceKinds-cont-price-img{display:block; margin:0px auto; max-width:100%;} /* -------- 줄눈시공 -------- */ .area-construction{max-width:1290px; margin:0px auto;} .elastic-why-inner.type2{} .elastic-why-inner.type2 dt{padding-left:0; padding-top:60px;} .elastic-why-inner.type2 dt img{box-shadow:none;} .elastic-why-inner.type2 dd{margin-left:0;} .construction-point-img{box-shadow:-5px 5px 11px rgba(0, 0, 0, 0.08);} /* -------- 타일유리막코팅 -------- */ .elastic-why-inner.type3{} .elastic-why-inner.type3 dt{padding-left:130px; padding-top:20px;} .elastic-why-inner.type3 dd{width:740px; margin-left:110px;} /* -------- 나노글라세 -------- */ /* -------- 싱크대 상판 코팅 -------- */ .serviceKinds-cont.repairs > li{float:none; display:inline-block; width:auto; margin-left:0; text-align:center;} .serviceKinds-cont.repairs > li img{display:block; width:auto; height:auto;} .serviceKinds-cont.repairs li h4{margin-bottom:20px;} .serviceKinds-cont.repairs li h4 > b{font-size:13px; font-weight:inherit;} .serviceKinds-cont.repairs li em{margin-bottom:10px;} .serviceKinds-cont-inner{display:inline-block; text-align:left;} .repairs-service-effect-con{padding-top:150px; padding-bottom:70px;} .repairs-service-effect-list{max-width:940px; margin:0px auto; padding-top:125px;} .repairs-service-effect-list > li{margin-bottom:150px;} .repairs-before-after-box{} .repairs-before-after-box > div{position:relative; width:423px;} .repairs-before-after-box > div img{max-width:100%;} .repairs-before-after-box > div span{position:absolute; top:0; left:0; display:inline-block; width:79px; height:40px; text-align:center; background-color:rgba(255,255,255,0.8); font-size:15px; color:#000; line-height:40px; font-weight:600;} .repairs-before-con{float:left;} .repairs-after-con{float:right;} /* ****************** 190104 홈케어서비스 :: EB ********************** */ /* ****** 메인 비주얼 ****** */ .appliance-apply-box-test{width:100%; height:720px; background: none; position: relative;} .appliance-apply-box-test-img{width: 100%; height: 100%;} .appliance-apply-box-test-txt{position: absolute; text-align:center; top: 50%; left: 50%; margin-top: -189px; margin-left: -506px;} .appliance-apply-box-test-txt h1{font-size:48px; line-height:48px; font-weight:400; color:#fff; letter-spacing:-0.6px; text-shadow:3px 3px 5px rgba(4, 0, 0, 0.36); margin-bottom:155px; line-height: 68px;} .appliance-apply-box-test-txt h1 span{font-weight: 900;} .appliance-apply-box-test-txt a{display:inline-block; width:327px; height:80px; border:3px solid #00b7f3; font-size:24px; line-height:80px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; color:#00b7f3; letter-spacing: -0.6px; font-weight: 400;} .appliance-apply-box-test-txt a .appliances-icon-img{display: inline-block; width: 31px; height: 13px; margin-left: 13px; margin-bottom: 4px; background: url("../images/content/btn_arrow_r_b.png") no-repeat 0 0;} .appliance-apply-box-test-txt a:hover{background-color: #02baff; color: #fff;} .appliance-apply-box-test-txt a:hover .appliances-icon-img{background: url("../images/content/btn_arrow_r_wh.png") no-repeat 0 0;} /* ****** 가전제품 케어, 왜 한스클린 일까요? ****** */ .appliance-choice-box-test{} .appliance-choice-box-test .appliance-choice-box-tit{font-size: 46px; line-height: 68px; letter-spacing: -0.6px; color: #000; font-weight: 400;} .appliance-choice-box-test .appliance-choice-box-tit span{font-weight: 900;} .appliance-choice-box-inner{width: 1280px; margin: 115px auto 215px;} .appliance-choice-box-test .wards-con{float: left; width: 730px; height: 448px; background-color: #fdfbf5; padding: 55px 0;} .appliance-choice-box-test .wards-con .img{} .appliance-choice-box-test .wards-con .img img{} .appliance-choice-box-test .wards-con .txt{margin-top: 36px;} .appliance-choice-box-test .wards-con .txt h5{font-size: 28px; line-height: 54px; letter-spacing: -0.6px; color: #c37607; font-weight: 900;} .appliance-choice-box-test .wards-con .txt p{font-size: 20px; line-height: 36px; letter-spacing: -0.6px; color: #4d4d4d; font-weight: 400;} .appliance-choice-box-test .choice-list{float: right; width:450px; text-align:center; overflow:hidden; padding: 0 24px;} .appliance-choice-box-test .choice-list ul{} .appliance-choice-box-test .choice-list li{width:197px; float:left; margin-left: 56px;} .appliance-choice-box-test .choice-list li:first-child{margin-left: 0;} .appliance-choice-box-test .choice-list li .img{width: 197px; height: 142px;} .appliance-choice-box-test .choice-list li .img img{width: 100%; height: 100%;} .appliance-choice-box-test .choice-list li .txt{height: 137px;} .appliance-choice-box-test .choice-list li .txt b{font-size: 25px; font-weight: 400; line-height: 68px; letter-spacing: -0.7px; color: #000;} .appliance-choice-box-test .choice-list li .txt p{font-size: 15px; font-weight: 400; line-height: 21px; letter-spacing: -0.6px; color: #5c5c5c; -ms-word-break: keep-all; word-break: keep-all;} /* ****** 가전제품 청소를 왜 해야 할까요? ****** */ .appliances-test{width: 100%; height: 650px; position: relative; border-top: none;} .appliances-test img{width: 100%; height: 100%;} .appliances-test .appliances-test-txt{width: 922px; height: 344px; position: absolute; top: 50%; left: 50%; margin-top: -205px; margin-left: -461px; background-color: rgba(255,255,255,0.75); border: 3px solid #fff;} .appliances-test .appliances-test-txt .tit{padding-top: 35px; font-size: 46px; line-height: 68px; letter-spacing: -0.6px; font-weight: 400; color: #000;} .appliances-test .appliances-test-txt .tit span{font-weight: 900;} .appliances-test .appliances-test-txt .txt{padding-top: 35px; font-size: 19px; line-height: 34px; letter-spacing: -0.3px; font-weight: 400; color: #000;} .appliances-test .scroll-cir{width: 154px; height: 154px; background-color: #fff; -webkit-border-radius: 77px; -moz-border-radius: 77px; border-radius: 77px; position: absolute; bottom: -77px; left: 50%; margin-left: -77px;} .appliances-test .scroll-cir span.txt{display: block; color: #02baff;font-size: 20px; font-weight: 400; letter-spacing: -0.6px; padding-top: 60px;} .appliances-test .scroll-cir img{width: 31px; height: 15px; padding-top: 35px;} /* ****** 세탁기 :: 에어컨 :: 매트리스 :: 소형가전 공통 ****** */ .largeAppliances.appliances-tab-con > .subContent.appliances-con > article {height: 382px;} .appliances-service-con{width: 1025px; margin: 0 auto; padding-top: 377px;} .appliances-tit-bg{width: 1025px; height: 325px; position: relative; padding-top: 300px;} .appliances-tit-bg:first-child{padding-top: 0;} .appliances-tit-bg img{width: 100%; height: 100%;} .service-tit-box{width: 500px; text-align: center; position: absolute; top: 360px; margin: auto; right: 0;left: 0;} .appliances-tit-bg:first-child .service-tit-box{top: 60px;} .service-tit-box .service-num{font-size: 14px; font-weight: 400; letter-spacing: -0.6px; color: #fff;} .service-tit-box .service-tit{font-size: 44px; line-height: 68px; font-weight: 400; letter-spacing: -0.6px; color: #fff;} .service-tit-box .txt-middle-line{width: 1px;height: 24px;background-color: #fff; margin: 30px auto 0;} .service-tit-box .service-tit-under{padding-top: 30px; font-size: 20px; letter-spacing: -0.6px; color: #fff; font-weight: 400; line-height: 60px;} .appliances-tab-con{position: relative;} .appliances-tab-con ul.appliances-tab{width: 833px; position: absolute; top: -82px; margin: auto; right: 0;left: 0; text-align:center} .appliances-tab-con ul.appliances-tab li{/*float: left; margin-left: 10px;*/ float:none; display:inline-block; margin-left:6px; width: 196px; height: 36px; border: 2px solid #02baff; background: transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .appliances-tab-con ul.appliances-tab li:first-child{margin-left: 0;} .appliances-tab-con ul.appliances-tab li a{display: block; font-size: 18px; line-height: 36px; letter-spacing: -0.6px; color: #02baff; font-weight: 400;} .appliances-tab-con ul.appliances-tab li a:hover,.appliances-tab-con ul.appliances-tab li.select a{background-color: #02baff; color: #fff;} .appliances-tab-con .appliances-con{width: 1023px; border: 1px solid #bfbfbf;} .appliances-con .appliance-prd-box-test dl dd {text-align: left;width: 590px;} .appliances-con .appliance-prd-box-test dl dd h3 {font-size: 28px;color: #000;padding-bottom: 15px;border-bottom: 1px solid #000;max-width: 590px;font-weight: 600;} .appliance-prd-box-test > dl dt {text-align: left;width: 265px; padding-left: 20px;} .appliance-prd-box-test > dl dd .tit-txt {font-size: 15px;line-height: 26px;color: #828282; letter-spacing: -0.2px; padding: 34px 0 55px 0;} .appliance-prd-box-test > dl dd .price-bg{width: 590px; height: 150px; background-color: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .appliance-prd-box-test > dl dd .price-bg-inner{padding: 26px 75px;} .appliance-prd-box-test > dl dd .price {display: block; width: 73px; float: left;} .appliance-prd-box-test > dl dd .price strong {width: 73px;height: 73px;background-color: #00b7f3;text-align: center; padding-right: 0;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;} .appliance-prd-box-test > dl dd .price strong span.price {padding-top: 15px; font-size: 15px;font-weight: 400;line-height: 18.67px;color: #fff;} .appliance-prd-box-test > dl dd .price strong span.num {font-size: 25px; line-height: 30px; font-weight: 900;color: #fff;} .appliance-prd-box-test > dl dd .price-txt{width: 323px; float: right; padding-left: 30px; padding: 6.5px 0;} .appliance-prd-box-test > dl dd .price-txt .price-txt-p {font-size: 14px; line-height: 30px; padding: 0; font-weight: 400; color: #000;} .appliance-prd-box-test > dl dd .price-txt .price-txt-p span {display:inline-block; width:70px;} .appliance-prd-box-test > dl dd .price-txt .price-txt-p em {display:inline-block; width:92px; padding-left: 24px; font-weight: 400; font-size: 16px;color: #383838;text-decoration: line-through;} .appliance-prd-box-test > dl dd .price-txt .price-txt-p b {width:110px; font-size: 17px;color: #00b7f3;font-weight: 900;} /* 190516 센터 정렬 */ .price-bg .price-bg-inner-air {position:relative;} .price-bg .price-txt-air {position:absolute; padding:0; left: 50%; margin-left:-100px; top:11px;} .price-bg .price-bg-inner .price-txt-padding {padding: 21.5px 0;} .price-bg .price-bg-inner .price-txt-padding .price-txt-p em {padding-left: 0;} /* 세탁기 청소 과정 */ .appliance-step-box{margin: 30px 0;} .middle-line{width: 2px;height: 27px;background-color: #222; margin: 0 auto;} .appliance-step-tit{margin-top: 15px; font-size: 28px; font-weight: 400; line-height: 48px; letter-spacing: -0.6px; color: #000; text-align: center;} .appliance-step-wrapper{width: 822px; height: 203px; margin-top: 35px; border: 1px solid #d2d2d2; padding: 40px 105px 71px 96px;} ul.appliance-step-group{position: relative;} .appliance-step-group-inner{float: left;} .appliance-step-group-inner .img{width: 390px; height: 204px; float: left; margin-left: 35px;} .appliance-step-group-inner .img img{width: 100%; height: 100%;} .appliance-step-group-inner .txt-group{width: 365px; float: right;} .appliance-step-group-inner .txt-group .step-num{font-size: 24px; line-height: 48px; letter-spacing: -0.6px; font-weight: 400; color: #02baff;} .appliance-step-group-inner .txt-group .step-txt-sec{height: 157px; display: table; overflow:hidden;} .appliance-step-group-inner .txt-group .step-txt{font-size: 15px; line-height: 20px; letter-spacing: -0.6px; font-weight: 400; color: #000; display: table-cell; vertical-align: middle; padding-bottom: 20px;} /* 슬라이드 부분 */ .appliance-step-box .slick-arrow{font-size: 0; border: 0;width: 12px;height: 32px; position: absolute; top: 50%; margin-top: -18px;} .appliance-step-box .slick-prev{background: url("../images/content/btn_arrow_lt_b.png") no-repeat 0 0; left: -42px;} .appliance-step-box .slick-next{background: url("../images/content/btn_arrow_rt_b.png") no-repeat 0 0; right: -42px;} .appliance-step-box.washer-step-con ul.slick-dots{overflow:hidden; position: relative; bottom: -40px; left: 50%; margin-left: -51.5px;display: inline-block;} .appliance-step-box.air-step-con ul.slick-dots{overflow:hidden; position: relative; bottom: -40px; left: 50%; margin-left: -62px;display: inline-block;} .appliance-step-box .slick-dots li{margin-left: 7px; float: left;} .appliance-step-box .slick-dots li:first-child{margin-left: 0;} .appliance-step-box .slick-dots li button{font-size: 0; border: 0; width: 14px; height: 6px; background-color: #d2d2d2;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .appliance-step-box .slick-dots li.slick-active button{width: 40px; background-color: #02baff;} /* 에어컨 추가부분 */ #Con05 dt, #Con06 dt, #Con07 dt, #Con08 dt{padding-left: 0;} #Con06 dt{padding-left: 70px;} #Con08 .appliance-prd-box-test {height: 310px;display: table;} #Con08 .appliance-prd-box-test > dl {display: table-cell;vertical-align: middle;} /* 매트리스 추가부분 */ #Con12 dt, #Con13 dt, #Con14 dt, #Con15 dt{padding-left: 0; padding-right: 20px;} /* 소형가전 추가부분 */ .appliances-small-con{border: 1px solid #d2d2d2; padding: 40px 70px;} .appliances-small-con .appliances-small-inner{width: 33.33%; float: left;} .appliances-small-con .appliances-small-inner .img{width: 100%; height: 200px; display: table;} .appliances-small-con .appliances-small-inner .img .img-inner{display: table-cell; vertical-align: middle; text-align: center;} .appliances-small-con .appliances-small-inner .img .img-inner img{display: inline-block;} .appliances-small-con .appliances-small-inner .small-con-tit{padding-top: 20px; font-size: 15px; letter-spacing: -0.6px; font-weight: 400px; color: #000; text-align: center;} .appliances-small-con .slick-arrow{font-size: 0; border: none; width: 12px; height: 32px; position: absolute; top: 50%; margin-top: -18px;} .appliances-small-con .slick-next{background: url("../images/content/btn_arrow_l_gr.jpg") no-repeat 0 0; left: -20px;} .appliances-small-con .slick-prev{background: url("../images/content/btn_arrow_r_gr.jpg") no-repeat 0 0; right: -20px;} /* ****** 가전제품 청소 전문가가 직접 시공하므로 믿고 맡길 수 있습니다. ****** */ #applianceServiceUp{width: 100%; height: 655px; position: relative;} #applianceServiceUp img{width: 100%; height: 100%;} #applianceServiceUp p{width: 585px; font-size: 36px; line-height: 60px; letter-spacing: -0.6px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.7); position: absolute; top: 285px; left: 50%; margin-left: 50px; text-align: left;} #applianceServiceUp .scroll-cir{width: 154px; height: 154px; background-color: #fff; -webkit-border-radius: 77px; -moz-border-radius: 77px; border-radius: 77px; position: absolute; top: -77px; left: 50%; margin-left: -77px;} #applianceServiceUp .scroll-cir span.txt{display: block; color: #02baff;font-size: 20px; font-weight: 400; letter-spacing: -0.6px; padding-top: 60px;} #applianceServiceUp .scroll-cir img{width: 31px; height: 15px; padding-top: 35px;} /* ******가전제품 케어 예약 안내 ****** */ #applianceService{width: 100%; height: 700px; position: relative;} #applianceService img{width: 100%; height: 100%;} .app-service-box-test .tit-box{width: 500px; text-align: center; position: absolute; top: 100px; left: 50%; margin-left: -250px;} .app-service-box-test .tit{font-size: 50px; line-height: 58px; font-weight: 600; letter-spacing: -0.6px; color: #fff; text-align: center;} .app-service-box-test .txt{font-size: 20px; line-height: 58px; letter-spacing: -0.6px; color: #fff; text-align: center;} span.middle-line{display: block; width: 2px; height: 19px; background-color: #fff; position: absolute; top: 233px; left: 50%; margin-left: -1px;} .app-service-box-test .app-service-list{width: 896px; position: absolute; margin: auto; right: 0; left: 0; top: 320px; padding-top: 0;} .app-service-box-test .app-service-list li{width: 224px; float: left; margin-left: 0;} .app-service-box-test .app-service-list li .img{width: 224px; height: 126px;} .app-service-box-test .app-service-list li .img img{width: 100%; height: 100%;} .app-service-box-test .app-service-list li .txt-group{} .app-service-box-test .app-service-list li .txt-group .tit{font-size: 22px; font-weight: 600; letter-spacing: -0.6px; color: #fff; line-height: 58px;} .app-service-box-test .app-service-list li .txt-group span{display: block; width: 13px; height: 2px; background-color: rgba(255,255,255,0.7); margin: 10px auto;} .app-service-box-test .app-service-list li .txt-group .txt{padding-top: 18px;font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: -0.6px; color: #fff;} /* 공동구매안내 20190228 */ .refine2019 .appliance-apply-box-test-txt {position: absolute; top: 140px; left: 0; right: 0; margin: 0 auto; width: 637px;} .refine2019 .appliance-apply-box-test-txt h1 {text-shadow: none; font-weight: 400; font-size: 52px; line-height: 68px; letter-spacing: -0.45px; margin-bottom: 26px;} .refine2019 .appliance-apply-box-test-txt .khan,.refine2019 .appliance-apply-box-test-txt h1 {float: left;} .refine2019 .appliance-apply-box-test-txt .khan { width: 15px; height: 105px; border:4px solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 12px;} .refine2019 .appliance-apply-box-test-txt .khan.left {border-right: 0; margin-right: 33px;} .refine2019 .appliance-apply-box-test-txt .khan.right {border-left: 0; margin-left: 33px;} .refine2019 .icon-img-wrap {height: 58px; text-align: center;} .refine2019 .icon-img-wrap img {width: 58px; height: 100%;} .refine2019 .group-buying-premium-list { width: 1000px; margin: -289px auto 0; position: relative;} .refine2019 .group-buying-premium-list ul {width: 101%; margin-left: -1%;} .refine2019 .group-buying-premium-list li {text-align: left; float: left; margin-left: 1%; width: 32.3%; height: 370px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 9px 19px; border: 1px solid #dcdcdc; background-color: #f7f7f7; margin-top: 10px;} .refine2019 .group-buying-premium-list .premium-tit {font-size: 18px; font-weight: 600; letter-spacing: -0.5px; line-height: 24px; color: #3d3d3d; -ms-word-break: keep-all; word-break: keep-all; border-bottom: 1px solid #ebebeb; padding-bottom: 20px;} .refine2019 .group-buying-premium-list .premium-tit > span {display: inline-block; font-size: 32px; line-height: 52px; color: #00b8f4; font-weight: 600;} .refine2019 .group-buying-premium-list .premium-tit > span:after {content: ''; display: inline-block; margin-left: 5px; width: 17px; height: 2px; background-color: #00b8f4;} .refine2019 .group-buying-premium-list .premium-para {padding-top: 17px; font-weight: 400; font-size: 14px; line-height: 23px; letter-spacing: -0.5px; color: #6f6f6f;} /* 공동구매 고객들은 이런서비스를 신청하고 있습니다. */ .refine2019 .group-chart-wrap {width: 1000px; margin: 0 auto;} .refine2019 .group-chart-wrap img {width: 100%;} .refine2019 .group-buying-slogan {position: relative;background-color: #00b8f4;height: 105px; margin: 68px 0;} .refine2019 .group-buying-slogan:after {content: '';display: block; position: absolute; bottom: -27px; left: 0; right: 0; margin: 0 auto; width: 93px; height: 27px; background: url("../images/content/ic_rec.png") no-repeat;} .slogan-paragraph {font-weight: 400; font-size: 28px; letter-spacing: -0.5px; line-height: 105px; color: #fff;} .slogan-paragraph > span {font-weight: 600; font-size: 32px;} .slogan-paragraph:before {content: ''; display: inline-block; margin-right: 15px; width: 33px; height: 33px; vertical-align: middle;background: url("../images/content/ic_group_check.png") no-repeat;} /* 공동구매 고객들은 이런서비스를 신청하고 있습니다. 시공순위*/ .refine2019 .group-sigong-rank {width: 1000px; margin: 0 auto;} .refine2019 .sigong-list {padding: 80px 0; position: relative;} .refine2019 .sigong-img-wrap {width: 29%; float: left;} .refine2019 .sigong-txt-wrap {float: left; margin-left: 4%; width: 67%; text-align: left;} .refine2019 .sigong-img-wrap img {max-width: 100%;} .refine2019 .rank-tit {font-weight: 600; font-size: 32px; color: #3d3d3d; line-height: 46px;} .refine2019 .rank {display: inline-block; margin-right: 10px; width: 46px; height: 46px; line-height: 46px; font-size: 22px; color: #fff; background-color: #595959; border-radius:100%;text-align: center;} .refine2019 .rank em {font-size: 14px;} .refine2019 .rank.num01 {background-color: #00b8f4;} .refine2019 .sigong-para-wrap {} .refine2019 .sigong-para {font-weight: 400; font-size: 14px; letter-spacing: -0.5px; line-height: 1.6; margin-top: 20px; width: 59%; -ms-word-break: keep-all; word-break: keep-all;} .refine2019 .sigong-para:first-child {width: 100%;} .sigong-sub-img-wrap {position: absolute; right: 0; bottom: 80px;} /* 시공실적 및 공동구매 이력 */ .refine2019 .group-buying-resume-wrap {background-color: #f4f4f4; padding: 85px 0;} .refine2019 .group-buyin-resume-area {width: 1000px; margin: 0 auto;} .refine2019 .buying-resume-tit {font-weight: 600; font-size: 32px; letter-spacing: -0.50px; margin-bottom: 30px; color: #3d3d3d;} .refine2019 .resume-img-wrap {width: 1000px;} .refine2019 .resume-img-wrap img {max-width: 100%;} .refine2019 .buying-resume-list-wrap {margin-top: 45px;} .refine2019 .buying-resume-list-sec {text-align: left; margin-left: 5%; width: 30%; float: left;} .refine2019 .buying-resume-list-sec:first-child {margin-left: 0;} .refine2019 .year-list {font-weight: 600; font-size: 26px; letter-spacing: -0.75px; color: #00b8f4; line-height: 46px; border-bottom: 1px solid #cfcfcf;} .refine2019 .year-list > span {border-bottom: 4px solid #00b8f4;padding-bottom: 6px;} .refine2019 .buying-resume-list {font-weight: 400; font-size: 14px; letter-spacing: -0.5px; line-height: 2; color: #6f6f6f;} .refine2019 .buying-resume-btn {background-color: #fff; border:1px solid #cfcfcf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .refine2019 .buying-resume-btn a {display: block; line-height: 54px; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: -0.5px; color: #6f6f6f;} .refine2019 .buying-resume-list-sec ul { padding: 20px 0;} .refine2019 .buying-resume-list.slide {display: none;} /* --- 190430 하자체크 추가 NH--- */ /* --- 공통클래스--- */ .defect-con-tit {font-size: 32px; line-height:59.31px; letter-spacing:-0.5px; color: #333;} .defect-con-tit strong {display:inline-block; font-weight: 500;} .defect-con-tit strong:before { display: block; content: ""; width: 17px; height: 3px; background-color: #00b5f3; margin: 0 0 -9px 2px} /* --- visual 부분--- */ .defect-top-txt {text-align:center;} /* --- why --- */ .defect-why-container {padding: 81px 0 93px; background-color:#f6f6f6;} .defect-why-con {width:1051px; margin: 0 auto; } .defect-why-txt span {display:block; font-size:18px; line-height:30px; letter-spacing:-0.75px; font-weight: 500; color:#292929; margin: 20px 0; } .defect-why-txt p {font-size:15px; line-height:30px; letter-spacing:-0.25px; color:#6b6b6b; } .defect-why-cir {padding: 0 150px; margin-top:30px;} .defect-why-cir dl {float:left; margin-left: 74px;} .defect-why-cir dl dd {margin-top:16px;} .defect-why-cir dl dd p {font-size:18px; line-height:26px; letter-spacing:-0.25px; font-weight: 500;} .defect-why-cir dl dd span {display: block; font-size: 14px; line-height:26px; letter-spacing:-0.25px; font-weight: normal; color: #6b6b6b;} .defect-why-cir dl:first-child { margin-left: 0px; } .defect-why-cir dl:first-child dd p {color:#5d9ace; } .defect-why-cir dl:nth-child(2) dd p {color:#47a58b;} .defect-why-cir dl:nth-child(3) dd p {color:#6e83b1;} /* --- service --- */ .defect-service-container {padding: 74px 0 72px; } .defect-service-tit span {font-size: 15px; line-height:30px; letter-spacing:-0.75px; color:#636363;} .defect-service-img {margin:18px 0 32px;} .defect-servicekind-tit h4 {font-size: 24px; line-height: 26px; letter-spacing: -0.25px; font-weight: 400;color:#333; margin-bottom:16px;} .defect-servicekind-tit p {font-size:15px; line-height:28px; letter-spacing:-0.75px; color:#636363; } .defect-servicekind-con {width: 1051px; margin: 22px auto 0; text-align:center; } .defect-servicekind-con-purchase {padding:0 223px; margin-bottom: 37px;} .defect-servicekind-con-purchase dl {float: left; width:260px;} .defect-servicekind-con-purchase dl:first-child {margin-right: 85px;} .defect-servicekind-con-purchase dd { margin-top:20px;} .defect-servicekind-con-purchase dd p { color: #282828; font-weight:500; font-size:15px; letter-spacing:-0.75px; line-height: 30px; } .defect-servicekind-con-purchase dd p > span {display:block; font-size:13px; color: #636363; font-weight: 400;} .defect-servicekind-con-purchase dd > span {display: block; width:260px; margin:0 auto;font-size: 24px; line-height: 30px; letter-spacing: -0.75px; color: #636363; background-color: #f6f6f6; border-radius: 20px; padding:5px 0; margin-top:10px;} .defect-servicekind-con-notice {position:relative; height: 90px;background-color: #eff6fa; } .defect-servicekind-con-notice p {font-size: 15px; line-height: 28px; letter-spacing: -0.75px; color:#636363; } .defect-servicekind-con-notice-tit {position:absolute; top:0; left:38px; margin-top: 31px; } .defect-servicekind-con-notice-tit p {padding-left: 29px; font-weight:500; } .defect-servicekind-con-notice-tit p:before {display:inline-block; position:absolute; content:""; left:0; width: 23px; height:23px; top: 2px; background-image:url("../images/content/defect_ico03.png");} .defect-servicekind-con-notice-con {position:absolute; top:0; left:25%; margin-top:17px; text-align:left; } /* --- plus --- */ .defect-plus-container {padding-bottom: 125px; } .defect-plus-tit {padding-bottom: 46px;} .defect-plus-tit p {display:inline-block; width: 64px; height:64px; color: #fff; font-size:40px; line-height:64px; font-weight:bold; background-color: #00b5e1; border-radius: 100%; } .defect-plus-tit h3 {font-size:24px; line-height: 21.47px; letter-spacing:-0.3px; color:#333; margin: 33px 0 18px;} .defect-plus-tit span {font-size: 15px; line-height: 21.47px; color: #888;} .defect-plus-imgbox {width: 1051px; margin: 0 auto;} .defect-plus-img dl {width: 144px; height: 150px; float:left; margin-left:24px; border:1px solid #dcdcdc; } .defect-plus-img dl:first-child {margin-left:33px;} .defect-plus-img dd {position:relative; font-size:16px; line-height: 46px; letter-spacing:-0.3px; color:#282828; font-weight: 500;} .defect-plus-img dd:before {position:absolute; content:""; width:35px; height: 3px; display: block; margin-top: -2px; margin-left: -1px;background-color:#00b5e1;} .defect-plus-txt {margin-top:53px; } /* .defect-plus-txt h3 { font-size: 20px; line-height:22px; font-weight: 500; color: #00b5e1; margin-bottom:23px; } .defect-plus-txt h3 > span {background-color: #fff9b9} .defect-plus-txt p { font-size: 14px; line-height:22px; color: #7d7c7c;} */ /* --- order --- */ .defect-order-container {padding: 65px 0 82px; background-color:#f6f6f6; } .defect-order-con {width: 1051px; margin: 0 auto;} .defect-order-img {margin-top: 30px;} .defect-order-img ul li {position:relative; float:left; width: 25%; } .defect-order-img ul li p { font-size: 22px; line-height:30px; letter-spacing:-0.75px; color: #636363;} .defect-order-img ul li u {display:block; font-size: 15px; line-height:30px; letter-spacing:-0.75px; font-weight: 500;color: #00b5e1; } .defect-order-img ul li:before { position:absolute; display: block; width: 20px; height: 35px; content:""; background:url("../images/content/defect_ico04.png"); top:42%; left:0; margin-left: -8px} .defect-order-img ul li:first-child:before {background:none; } .defect-order-img dl dt {margin: 17px 0 30px;} .defect-order-img dl dd {font-size: 15px; line-height:24px; letter-spacing:-0.75px; color:#282828;} /* --- info --- */ .defect-info-tit h3 {font-size: 22.66px; line-height: 46.66px; letter-spacing: -0.75px; color:#000; font-weight: 400;} .defect-info-tit span { display: block; font-size: 24px; color:#b2b2b2; font-weight: 800 } .defect-info-tit p {font-size: 15px; line-height: 26px; letter-spacing: -0.75px; color: #636363 } .defect-info-container {padding:90px 0 115px; } .defect-info-visually {margin: 35px 0 100px; } .defect-info-visually-img {width: 1051px; margin:15px auto 0;} .defect-info-visually-img ul li {float:left; margin-right: 12px;} .defect-info-visually-img ul li:last-child dt {width:189px; height:152px; margin-right: 0; border: 3px solid #d2d2d2; padding: 40px 0; font-size: 15px; line-height:24px; letter-spacing:-0.75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .defect-info-visually-img ul li dt span {color: #636363; font-size: 15px; line-height:24px; letter-spacing:-0.75px;} .defect-info-visually-img ul li dd {margin-top: 20px; font-size: 18px; letter-spacing:-0.75px; font-weight: 500;} .defect-info-equipment-conbox {width: 1051px; margin:28px auto 0; text-align:left; } .defect-info-equipment-img {float:left} .defect-info-equipment-txt {float:left; width: 568px; height:500px; background-color: #f0f0f0; } .defect-info-equipment-txt p {height:66px; font-size: 24px; line-height: 66px; letter-spacing:-0.75px; background-color: #414141; color: #fff; padding-left: 44px;} .defect-info-equipment-txt > ul { padding: 29px 0 0 44px;} .defect-info-equipment-txt > ul li {position:relative; padding-left: 8px; font-size: 15px; line-height: 30px; letter-spacing: -0.75px; color:#636363; } .defect-info-equipment-txt > ul li:before {position:absolute; display:block; content: ""; width:3px; height:3px; top: 13px; left:0; background-color: #404040; border-radius: 100%; } .defect-info-equipment-item { margin-top:20px;} .defect-info-equipment-item ul {padding-left: 44px;} .defect-info-equipment-item ul li {width: 118px; float:left; } .defect-info-equipment-item ul li:first-child {margin-left:0;} /* --- scale--- */ .defect-scale-container { padding-top: 69px;} .defect-scale-wrap {width: 1051px; margin: 15px auto 0;} .defect-scale-left {width: 49%; float:left; margin-right: 21px;} .defect-scale-right {width: 49%; float:left;} .defect-scale-comm {position:relative; border: 1px solid #d2d2d2; box-shadow: 0px 3px 0px 0px #e8e8e8; text-align:left; padding: 30px 0 34px 40px; margin-bottom: 21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .defect-scale-comm:before {display:block; position:absolute; left:-1px;top:-2px;width: 95px; height:3px; content:""; background-color: #00b4e3; } .defect-scale-comm p {font-size: 18px; letter-spacing: -0.75px; color: #00b5e1; font-weight: 500; margin-bottom: 10px; } .defect-scale-comm p:before {display:inline-block; width:14px; height:14px; background-color: #00b5e1; content:""; border-radius: 100%; margin-right: 6px;} .defect-scale-comm li {position:relative; left:0; font-size: 15px; line-height: 28px; letter-spacing: -0.75px; color:#636363;} .defect-scale-comm li:before {position:absolute; content: "-"; left:-7px } /* --- report--- */ .defect-report-con {height: 617px; } .defect-report-img { width:50%; height: 100%; float:left; background: url("../images/content/defect_img13.jpg") no-repeat; background-size:cover;} .defect-report-txt {width:50%; height:100%; float:left; padding: 62px 0 0 65px; background-color: #f6f6f6; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .defect-report-list {border-top: 1px solid #d7d7d7; margin-top: 5px; padding-top: 25px;} .defect-report-list li {font-size:22px; line-height: 30px; font-weight:500; color: #636363; margin-bottom: 26px;} .defect-report-list li span { font-size: 24px; font-weight: 800; color: #acacac; margin-right: 18px;} .defect-report-list li p { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 400; padding-left: 48px; margin-top: 7px} /* 190513 하자체크 추가사항 */ .defect-servicekind-con-purchase {padding:0 100px; margin-bottom: 37px;} .defect-servicekind-con-purchase dl {float: left; width:45%; } .defect-servicekind-con-purchase dl:first-child {margin-right:0;} .defect-servicekind-con-purchase dl:last-child {float:right; } .defect-servicekind-con-purchase dd table {width:382px;margin:22px auto 0; } .defect-servicekind-con-purchase dd table tr:first-child {font-size:14px; line-height:44px; } .defect-servicekind-con-purchase dd table tr:first-child td { color: #fff; background-color: #696969; font-weight: 600;} .defect-servicekind-con-purchase dd table tr:last-child td { height: 88px; font-size:14px; line-height:23px; font-weight: 300; color:#636363;} .defect-servicekind-con-purchase dd table tr td { background-color:#f6f6f6; border-right: 1px solid #fff;} .defect-servicekind-con-purchase dd table tr td:first-child {width:95px;} .defect-servicekind-con-purchase dd table tr td:nth-child(2) {width:90px;} .defect-plus-con { width:1051px; margin:0 auto;} .defect-plus-txt {margin-top:77px; text-align:center} .defect-plus-txt h3 {font-size:20px; color: #333; font-weight:600;} .defect-plus-txt h3 span {color: #00b5e1;} .defect-plus-txt h3 > p {font-size: 38px; line-height: 68px;color: #333;} .defect-plus-txt-box {padding: 0 31px; margin-top:31px;} .defect-plus-txt-con {float:left; width:460px;background-color:#f6f6f6; border-radius:75px; padding: 19px 0} .defect-plus-txt-con p { font-size:15px; line-height:24px; color: #636363; font-weight:600;} .defect-plus-txt-con p span {color:#00b5e1} .defect-plus-txt-con:last-child {float:right; } .defect-plus-notice {position:relative; height: 128px;background-color: #eff6fa; margin-top:54px; } .defect-plus-notice-tit {position:absolute; width: 250xp; top:0; left:38px; margin-top: 53px; } .defect-plus-notice-tit p {font-size: 15px; line-height: 28px; letter-spacing: -0.75px; color:#636363; padding-left: 29px; font-weight:500; } .defect-plus-notice-tit p:before {display:inline-block; position:absolute; content:""; left:0; width: 23px; height:23px; top: 2px; background-image:url("../images/content/defect_ico03.png");} .defect-plus-notice-con {position:absolute; top:0; left:25%; margin-top:25px; text-align:left; } .defect-plus-notice-con p { font-size:15px; line-height:26px; color: #636363;} .defect-plus-notice-con p span {font-size:12px; } /* ******* 190531 LED페이지 추가NH ******** */ #middleArea { margin-top:-4px;} .led-product-box {width:1048px; margin: 0 auto;} .led-wrap .led-con-tit h3 {position:relative; display:inline-block;font-size:38px; letter-spacing:-0.3px; line-height: 90px; color:#2e2e2e; font-weight: 400;} .led-wrap .led-con-tit h3::before {position:absolute; top:0; left:0; margin-left: -16px;content:""; display:block; width: 25px; height: 4px; background-color: #01c5f7;} .led-wrap .led-con-tit p {font-size: 18px; letter-spacing: -0.3px; color:#7b7b7b;} .led-wrap .elastic-why-inner {padding-top: 100px;} .led-wrap .elastic-why-inner dt ul {text-align:center; width:380px;} .led-wrap .elastic-why-inner dt ul li {display:inline-block; margin:0 23px 17px 0; box-shadow:4px 4px 6px rgba(0, 0, 0, .3);} .led-wrap .elastic-why-inner dt {padding-top: 0;} .led-wrap .elastic-why-inner dd {width:900px; padding-top: 40px;} .led-wrap .elastic-why-inner dd > ul li {margin-bottom:100px;} .led-wrap .elastic-why-inner dd > ul li:before {top:0; margin-top:12px; box-shadow:none; height:100px; background-color: #bfbfbf;} .led-wrap .elastic-why-inner dd > ul li h3 {font-size:26px;} /* 제품 종류 및 사이즈 */ .led-wrap .led-product-con {background-color: #f0f0f0; padding: 104px 0 200px;} .led-wrap .led-product-con .led-product-kind-img {margin-top: 30px;} .led-wrap .led-product-con .led-product-kind-txt {text-align:right; margin-top:20px;} .led-wrap .led-product-con .led-product-kind-txt p { font-size: 14px; line-height:25px; letter-spacing:-0.75px; color: #7e7e7e;} .led-wrap .led-product-price { margin-top:111px;} .led-wrap .led-product-price-tbl {float:left; margin-top: 22px;} .led-wrap .led-product-price-tbl table {width: 690px;} .led-wrap .led-product-price-tbl thead tr th {height: 65px; color: #fff; font-size: 20px; letter-spacing:-0.75px; font-weight: 200; background-color: #01c5f7;} .led-wrap .led-product-price-tbl thead tr th.thead_line {border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .led-wrap .led-product-price-tbl tbody {height: 59px; background-color:#fff; border:1px solid #e5e5e5; } .led-wrap .led-product-price-tbl tbody th {height: 59px; font-size: 18px; letter-spacing:-0.3px; color:#2e2e2e; border-bottom:1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .led-wrap .led-product-price-tbl tbody td { font-size: 18px; letter-spacing:-0.3px; color:#2e2e2e; border-bottom:1px solid #e5e5e5; font-weight:600;} .led-wrap .led-product-price-tbl tbody td.line {text-decoration: line-through; border-right: 1px solid #e5e5e5; } .led-wrap .led-product-price-tbl tbody td.bluetxt {color: #01c5f7; font-weight: 600; } .led-wrap .led-product-price-txt {float:right;width: 348px; background-color:#fff; height: 365px; margin-top:22px;} .led-wrap .led-product-price-txt span {font-size: 20px; letter-spacing:-0.3px; display:block; border-bottom:1px solid #e5e5e5; line-height:65px; height:65px; font-weight:600;} .led-wrap .led-product-price-txt p {display:table; width:100%; height:300px; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .led-wrap .led-product-price-txt p em {display:table-cell; vertical-align:middle;} .led-wrap .led-ponit {margin: 90px auto 0; width: 1048px;} .led-wrap .led-point-tbl-box {margin-top: 64px;} .led-wrap .led-point-tbl-tit {font-size: 20px; letter-spacing:-0.75px; color: #959595; margin-bottom: 30px;} .led-wrap .led-point-tbl p {text-align:left; margin-top: 20px; font-size:18px; letter-spacing:-0.75px; color: #959595; } .led-wrap .led-box-img { margin-top: 185px;} .led-wrap .led-box-img ul {text-align:center;} .led-wrap .led-box-img ul li {display:inline-block; width: 32.97%; } .led-wrap .led-box-img ul li:nth-child(2) {margin:0 0.25%;} .led-wrap .led-box-img ul li img {width: 100%;} .led-wrap .led-process-box {width: 1200px; margin:0px auto; background-color: #f0f0f0; margin-top: 168px; padding: 59px 0 67px;} .led-wrap .led-process-con {margin-top: 50px;} .led-wrap .led-process-con ul {text-align:center;} .led-wrap .led-process-con ul li {display:inline-block; vertical-align:top; margin: 0 28px; } .led-wrap .led-process-con ul li dl dd {margin-top: 25px;} .led-wrap .led-process-con ul li dl dd b{font-size: 20px; letter-spacing:-0.3px; color: #7b7b7b;} .led-wrap .led-process-con ul li dl dd p {font-size:15px; letter-spacing:-0.3px; line-height:24px;color: #7b7b7b; margin-top: 15px;} /* ******* 191001 벽걸이TV 페이지 추가NH ******** */ /* 타이틀 통일 */ .sub-top-txt {text-align:center; } .sub-top-txt h3{font-weight: 400;} .sub-con-tit {font-size: 32px; letter-spacing:-0.5px; color: #333; display:inline-block; position:relative; font-weight: 600;} .sub-con-tit:before {content:""; width: 17px; height:3px; background-color:#00b7f3; position:absolute; top:-10px;left:0;} .sub-con-txt {font-size:15px; line-height: 30px; letter-spacing:-0.25px; color: #6b6b6b; margin-top:40px;} /* 타이틀 통일 */ /* 영역통일 */ .area-w1050 {max-width: 1050px; margin:0px auto;} .area-w1224 {max-width: 1224px; margin:0px auto; } /* 영역통일 */ .wall-con {padding: 90px 0;} .wall-con-img {margin-top:40px;} .wall-con02 {background-color: #f6f6f6;} .wall-service {margin: 0 -0.93%; margin-top: 46px;} .wall-service li {float:left;width: 48.13%; margin:0 0.93% 25px;} .wall-service img {width:100%;} .wall-service .txt {font-size: 18px; line-height:26px; letter-spacing:-0.25px; color: #6b6b6b; padding: 15px 0; } .wall-service .txt span {color: #a1a1a1;} .wall-con03 {padding-bottom:0;} .wall-con03 > .inner {margin-top:40px; border:1px solid #cfcfcf; padding: 60px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wall-con03 .tit {text-align:left; font-size: 28px; letter-spacing:-0.5px; color: #131313; position:relative; padding-bottom: 22px;} .wall-con03 .tit:before {content:""; display:block; width:100%; height:1px; background-color: #333; bottom:0; left:0; position:absolute; } .wall-con03 .wall-con-box {margin-top: 30px;} .wall-con03 .wall-con-box .con-tit {font-size: 18px; letter-spacing:-0.25px; color: #343434; text-align:left; margin-bottom:18px; font-weight:800;} .wall-con03 .wall-con-box .img {float:left; width:38.24%; } .wall-con03 .wall-con-box .price {float:left; width:57.14%; margin-left: 38px;} .wall-con03 .wall-con-box .price li {float:left; width:50%;} .wall-con03 .wall-con-box .price li.first,.wall-con03 .wall-con-box .price li.second {border-bottom: 1px solid #e8e8e8; padding-top:5px; padding-bottom:20px } .wall-con03 .wall-con-box .price li.third,.wall-con03 .wall-con-box .price li.fourth {padding-top:20px } .wall-con03 .wall-con-box .price dl {display:table; width:100%; height: 65px; text-align:left;} .wall-con03 .wall-con-box .price dl dt {display:table-cell; vertical-align:middle; width: 65px;} .wall-con03 .wall-con-box .price dl dd {display:table-cell; vertical-align:middle; padding-left:30px;} .wall-con03 .wall-con-box .price dl dd span {font-size:16px; letter-spacing:-0.25px; color: #6b6b6b;} .wall-con03 .wall-con-box .price dl dd p {font-size:22px; letter-spacing:-0.25px; color: #333; margin-top: 15px; font-weight:600;} .wall-con03 .wall-con-box .extra {margin:0 -12px;} .wall-con03 .wall-con-box .extra li {float:left; margin:0 12px;} .wall-con03 .wall-con-box .extra dl dd {text-align:left; padding-top: 19px; font-size: 15px; line-height:24px; letter-spacing: -0.25px; color: #6b6b6b;} .wall-add-ex {background:#f5f5f5;padding:20px 40px;line-height:22px; margin-top:30px; text-align:left;} .gray-tbl {width:100%; border-bottom:1px solid #e1e1e1; } .gray-tbl thead th {background-color:#f5f5f5; height:40px; border-top: 1px solid #333; border-left:1px solid #e1e1e1; font-size:15px;} .gray-tbl tbody td {text-align:center; height:40px;border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-size:14px; } .gray-tbl .left-line0 {border-left:0;} /* ******* 191001 수도배관청소 페이지 추가NH ******** */ .pipe-con {padding: 90px 0;} .pipe-con-tit {font-size: 32px; letter-spacing:-0.5px; color: #333; display:inline-block; position:relative; font-weight: 600;} .pipe-con-tit:before {content:""; width: 17px; height:3px; background-color:#00b7f3; position:absolute; top:-10px;left:0;} .pipe-con-txt {font-size:15px; line-height: 30px; letter-spacing:-0.25px; color: #6b6b6b; margin-top:40px;} .pipe-con-img {margin-top:40px;} .pipe-con02 {background-color: #f6f6f6;} .pipe-service {margin-top:60px;} .pipe-con .service-con .tit {font-size:24px; display:inline-block;letter-spacing:-0.5px; color: #292929; font-weight:600; position:relative; padding:0 5px; z-index:1; margin-bottom:30px;} .pipe-con .service-con .tit:before {content:""; display:inline-block; width: 100%; height: 17px; background-color:#c3e2ec; position:absolute; top:10px; left:0; z-index:-1;} .pipe-con .service-con .sub-txt {font-size: 18px; letter-spacing:-0.25px; color: #292929; font-weight:600;} .pipe-con .service-con .txt {float:left; text-align:left; width:50%;} .pipe-con .service-con .boiler-con {margin-top: 35px;} .pipe-con .service-con .boiler-con .txt {font-size: 15px; line-height:30px; letter-spacing:-0.25px; color: #6b6b6b;} .pipe-con .service-con .boiler-con .boiler-img {float:right; width:48%; } .pipe-con .service-con .boiler-con .boiler-img li {float:left; margin:0 8px; } .pipe-con .service-con .boiler-con .boiler-img dd {font-size: 15px; letter-spacing:-0.25px; color:#6b6b6b; margin-top:20px; text-align:center;} .pipe-con .service-con .boiler-con02 {padding: 82px 0;} .pipe-con .service-con .boiler-con02 ul {margin:0 -5px; margin-top: 28px; } .pipe-con .service-con .boiler-con02 ul li {float:left; margin:0 5px; } .pipe-con .service-con .boiler-con02 dl dd {font-size: 15px; line-height:26px; letter-spacing:-0.25px; color: #6b6b6b; background-color: #fff; padding-top: 25px; height: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pipe-con .service-con .boiler-con02 dl dd p {margin-top:5px;} .pipe-con .service-con .water-con .txt {float:none; width:100%; font-size: 15px; line-height:30px; letter-spacing:-0.25px; color: #6b6b6b; text-align:center; margin-top: 30px;} .pipe-con .service-con .water-con02 {margin-top: 90px;} .pipe-con .service-con .water-con02 ul {text-align:center; margin-top: 35px;} .pipe-con .service-con .water-con02 ul li {display:inline-block; margin:0 24px;} .pipe-con .service-con .water-con02 dl dd p {font-size:15px; line-height:24px; letter-spacing:-0.75px; color: #282828; margin-top:15px;} .pipe-con03 > .inner {margin-top:40px; border:1px solid #cfcfcf; padding: 60px 90px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pipe-con03 .tit {text-align:left; font-size: 28px; letter-spacing:-0.5px; color: #131313; position:relative; padding-bottom: 22px;} .pipe-con03 .tit:before {content:""; display:block; width:100%; height:1px; background-color: #333; bottom:0; left:0; position:absolute; } .pipe-con03 .pipe-con-box {margin-top: 30px;} .pipe-con03 .pipe-con-box .con-tit {font-size: 18px; letter-spacing:-0.25px; color: #343434; text-align:left; margin-bottom:18px; font-weight:800;} .pipe-con03 .pipe-con-box .img {float:left; width:38.24%; } .pipe-con03 .pipe-con-box .price {float:left; width:57.14%; margin-left: 38px;} .pipe-con03 .pipe-con-box .price li {float:left; width:50%;} .pipe-con03 .pipe-con-box .price li.first,.pipe-con03 .pipe-con-box .price li.second {/* border-bottom: 1px solid #e8e8e8; */ padding-top:5px; padding-bottom:20px } .pipe-con03 .pipe-con-box .price li.third,.pipe-con03 .pipe-con-box .price li.fourth {padding-top:20px } .pipe-con03 .pipe-con-box .price dl {display:table; width:100%; height: 65px; text-align:left;} .pipe-con03 .pipe-con-box .price dl dt {display:table-cell; vertical-align:middle; width: 65px;} .pipe-con03 .pipe-con-box .price dl dd {display:table-cell; vertical-align:middle; padding-left:30px;} .pipe-con03 .pipe-con-box .price dl dd span {font-size:16px; letter-spacing:-0.25px; color: #6b6b6b;} .pipe-con03 .pipe-con-box .price dl dd p {font-size:22px; letter-spacing:-0.25px; color: #333; margin-top: 15px; font-weight:600;} .pipe-con03 .more-txt {display:inline-block; margin-top: 70px; font-size:20px; line-height:30px; letter-spacing:-0.25px;} .pipe-con03 .more-txt01 {color: #6b6b6b; position:relative; padding-right: 30px; } .pipe-con03 .more-txt01:after {content:"/"; position:absolute;right:0; top:0; display:none;} .pipe-con03 .more-txt02 {color: #00a8df; padding-left: 30px; font-weight:600;} .pipe-con03 .more-txt02 span {background-color: #fff9b9; display:inline-block; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pipe-con03 .more-txt03 {font-size:16px; padding-left: 30px; font-weight:800; padding-top:10px;} .pipe-con04 {padding-top:50px} .pipe-con04 .tit {font-size:18px; letter-spacing:-0.25px; color: #292929; text-align:left; margin-bottom:20px;} .sub-icon-slider {background-color: #f7f7f7; padding:60px 0;} .sub-icon-img-wrap {margin-bottom: 30px; position:relative;} .sub-icon-img-wrap:before {content:""; position:absolute; width:100%; height:1px; background-color: #d7d7d7; bottom:-1px; right:50%; z-index:0; } .sub-icon-slider-inner .sub-icon-img-wrap::after {content:""; position:absolute; width:10px; height:10px; background-color:#999; border-radius:50%; bottom:-6px; left:50%; margin-left: -5px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; z-index:2;} .sub-icon-1 .sub-icon-img-wrap:before {display:none;} .sub-icon-img {width:60.41%; margin:0 auto; position:relative; padding-top:70px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .sub-icon-img span {position:absolute; width:100%; height:100%; left:0; top:0; font-size:18px; line-height:26px; color: #000; font-weight:600;} .sub-icon-img span em {display:block; font-size:12px; color: #7b7b7b; line-height:26px; font-weight:600;} .sub-icon-slider-inner {float:left; width:12.5%; text-align:center; } .sub-icon-slider-inner p {height:40px; font-size:12px; line-height: 18px; letter-spacing: -0.75px; color:#7b7b7b; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .sub-icon-slider-inner.on .sub-icon-img-wrap::after { background-color:#fff; border:3px solid #00b7f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sub-icon-slider-inner.on p {color:#00b7f3} /* 청소영역 */ .clean-part-slider{padding:51px 0} .clean-part-slider .sub-icon-slider-inner{width:20%;} .clean-part-slider .sub-icon-slider-inner p{text-align:center;} .pipe-con05 {width:100%; padding: 140px 0 130px; background:url("../images/content/pipe_img_12.jpg") no-repeat; margin-top:56px; } .pipe-con05 .inner-box {background-color: rgba(255,255,255,0.7); padding: 60px 0;border:3px solid #fff;} .pipe-con05 .inner-box .tit {font-size: 42px; letter-spacing:-0.25px; color:#333; font-weight:600;} .pipe-con05 .inner-box .txt-box {margin-top:40px; color: #333;} .pipe-con05 .inner-box .txt-box strong {font-size:20px; line-height:30px; letter-spacing:-0.5px; } .pipe-con05 .inner-box .txt-box .txt {font-size:15px; line-height:30px; letter-spacing:-0.25px; color: #333;} .pipe-con06 {padding-bottom:0;} .pipe-con06 .pipe-con-txt {margin-top:30px;} .pipe-sample {background-color: #ececec;padding:90px 99px 90px 89px; margin-top:38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pipe-sample .num {text-align:right;} .pipe-sample .proc-view {margin-top:5px;} .pipe-sample .proc-view > .img-list {width:423px; float:right;} .pipe-sample .sample-tit {text-align:left; font-size:18px; line-height:24px; color:#454545; margin-bottom:8px;} /* ******* 191016 새집증후군 예방도료 페이지 추가NH ******** */ .paint-con {padding:106px 0 112px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .paint-con .bg-inner {color:#fff; text-align:left;} .paint-con .bg-inner .tit {font-size: 36px; position:relative; padding-bottom: 34px; font-weight:600;} .paint-con .bg-inner .tit:before {content:""; display:block; width: 34px; height:5px; background-color: #fff;position:absolute;left:0; bottom:0; } .paint-con .bg-inner .txt {font-size: 16px; line-height:28px; letter-spacing:-0.25px; margin-top:70px; word-break:keep-all;} .blue-box-txt {font-size:24px; display:inline-block;letter-spacing:-0.5px; color: #292929; font-weight:600; position:relative; padding:0 5px; z-index:1; margin:40px 0;} .blue-box-txt:before {content:""; display:inline-block; width: 100%; height: 17px; background-color:#c3e2ec; position:absolute; top:10px; left:0; z-index:-1;} .paint-con01 .list {margin: 48px -13.6px 0;} .paint-con01 .list li {float:left; width: 242px; height:234px; background-color: #f4f4f4; margin:0 13.6px; } .paint-con01 .list li dl {padding: 40px 30px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .paint-con01 .list li dl dt {display:table; width:100%; height: 70px; border-bottom: 1px dashed #d7d7d7;} .paint-con01 .list li dl dt .tit { display:table-cell; vertical-align:middle; font-size: 22px; line-height:26px; color:#3aa4bf; font-weight:600;} .paint-con01 .list li dl dt .tit span {font-size:16px; } .paint-con01 .list li dl dd {display:table; width:100%; height: 107px;} .paint-con01 .list li dl dd .txt {display:table-cell; vertical-align:middle; font-size:14px; line-height: 20px; color: #818181; word-break:keep-all;} .paint-con02 {width:100%; height: 612px; background:url("../images/content/paint_bg01.jpg") top center no-repeat; background-size:cover;} .paint-con03 .inner .left { float:left; width:342px; } .paint-con03 .inner .right { float:left; width:882px; text-align:left;} .paint-con03 .inner .right ul li {float:left; width: 50%; padding-top: 50px; padding-left: 75px; color: #323232;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .paint-con03 .inner .right ul li .tit {font-size: 18px; font-weight: 600;} .paint-con03 .inner .right ul li .txt {font-size: 16px; line-height:24px; margin-top:15px; word-break:keep-all;} .paint-con04 {background-color: #eee;} .paint-con04 ul {margin-top:90px;} .paint-con04 ul li {float:left; width:20%;} .paint-con04 ul li .step {font-size:15px; color: #00a9d5; font-weight:600; display:inline-block; margin-bottom:15px; } .paint-con04 ul li .step:after {content:""; display:block; width:100%; height:1px; background-color: #00a9d5; } .paint-con04 ul li .txt {margin-top: 20px; font-size: 15px; line-height:24px; letter-spacing:-0.75px; color:#282828; } .paint-con04 ul li .txt span {color:#787878; } .paint-con05 {width:100%; height: 674px; background:url("../images/content/paint_bg02.jpg") top center no-repeat; background-size:cover; padding:0; } .paint-con05 .bg-inner {width:50%; height:674px; background-color: rgba(24,102,50,0.9); text-align:left; float:left; padding: 100px 80px 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .paint-con05 .bg-inner .tit {line-height:43px; } .paint-con06 .img {margin-top: 40px;} .paint-con07 {padding-top:0;} .paint-con07 .inner {margin-top:40px;} .paint-con07 ul li {float:left; width: 597px; margin-left: 30px; } .paint-con07 ul li:first-child {margin-left: 0; } .paint-con07 ul li .tit {text-align:left; font-size:22px; line-height: 26px; letter-spacing:-0.5px; color: #292929; font-weight:600; margin-bottom: 10px;} .paint-con07 .tbl-box {margin-top:85px;} .paint-con07 .tbl-box.item01 {margin-top:20px;} .paint-con07 .tbl-box .txt {font-size: 16px; color: #878787; margin-top: 15px; text-align:left;} .paint-wrap .process .tit-box {text-align:center; margin-bottom: 30px; } .paint-con08 {padding-bottom:0;} /* ******* 191025 라돈 페이지 추가NH ******** */ .radon-con {padding:90px 0;} .radon-con01 .img-list {margin-top: 40px;} .radon-con01 .img-list .left {float:left; } .radon-con01 .img-list .right {float:right; } .radon-con02 {padding-top:0;} .radon-con02 .tit {font-size: 24px; letter-spacing:-0.5px; color: #6b6b6b; margin: 25px 0 45px;} .radon-con02 .tit span { color: #00b7f3; font-weight:600;} .radon-con02 .txt {font-size: 15px; line-height:30px; letter-spacing:-0.5px; color: #6b6b6b; margin-top:20px;} .radon-con03 {background-color: #f6f6f6;} .radon-con03 .img-con {margin-top:10px;} .radon-con03 .img-con .left-img {float:left; width:50%;} .radon-con03 .img-con .right-img {float:left; width:50%; padding-top:48px;} .radon-con03 .img-con .right-img ul li {float:left; width:261px; padding-left:40px; margin-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .radon-con03 .img-con .right-img ul li dl {display:table; width:100%; height: 60px;} .radon-con03 .img-con .right-img ul li dl dt {display:table-cell; vertical-align:middle; width:60px;} .radon-con03 .img-con .right-img ul li dl dd {display:table-cell; vertical-align:middle; text-align:left; padding-left: 10px; font-size:15px; letter-spacing:-0.5px; color: #6b6b6b; font-weight:600;} .radon-con03 .graph-con {margin-top: 35px;} .radon-con03 .graph-con .left-img {float:left; width:50%; text-align:left;} .radon-con03 .graph-con .right-img {float:right; width:50%; text-align:right;} .radon-con04 .blue-box-txt {margin:40px 0 20px;} .radon-con04 .sub-con-txt {margin-top:0;} .radon-con04 .img {margin-top: 30px;} .radon-con05 {background-color: #f6f6f6;} .radon-con05 .img {margin-top: 60px;} .radon-con06 .list{margin:43px -14px 0;} .radon-con06 .list li {float:left; width:331px; height:204px;margin:0 14px; padding: 30px; color:#fff; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .radon-con06 .list .item01 {background-color: #444;} .radon-con06 .list .item02 {background-color: #3e97b4;} .radon-con06 .list .item03 {background-color: #a5a5a5;} .radon-con06 .list dl dt {padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.25) } .radon-con06 .list dl dt .tit {font-size: 18px; letter-spacing:-0.25px; font-weight:500;} .radon-con06 .list dl dd {padding-top:10px;} .radon-con06 .list dl dd .txt {font-size: 14px; line-height:24px; letter-spacing:-0.25px; word-break:keep-all; padding-left: 10px; position:relative; } .radon-con06 .list dl dd .txt:before {content:"-"; position:absolute;left:0;} .radon-con07 {padding-bottom:0;} .radon-con07 .inner {margin-top: 35px; border:1px solid #cfcfcf; padding:0 93px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .radon-con07 .inner-con {margin-top:60px; text-align:left;} .radon-con07 .inner-con .con-tit {font-size: 28px; letter-spacing:-0.5px; color:#131313; padding-bottom: 20px;border-bottom:1px solid #333;} .radon-con07 .inner-con ul li {float:left; width:50%; border-bottom: 1px solid #e8e8e8;} .radon-con07 .inner-con ul li:last-child {border-bottom:0;} .radon-con07 .inner-con dl {display:table; width:100%; height:110px;} .radon-con07 .inner-con dl dt {display:table-cell; vertical-align:middle; width:65px;} .radon-con07 .inner-con dl dd {display:table-cell; vertical-align:middle; padding-left:30px;} .radon-con07 .inner-con dl dd .txt01 {font-size:16px; letter-spacing:-0.25px; color: #6b6b6b; margin-bottom:10px;} .radon-con07 .inner-con dl dd .txt02 {font-size:22px; line-height:30px; letter-spacing:-0.25px; color: #333; font-weight:600; font-family:"Nanum Square",'NanumSquare',sans-serif } .radon-con07 .inner-con dl dd .txt02 span {font-size:16px; color: #848484; font-weight:400;} .radon-con07 .inner-con02 dl {height:130px;} .radon-con07 .inner-con03 .txt {font-size: 22px; letter-spacing:-0.25px; color: #333; padding: 20px 0 60px;} .radon-con07 .inner-con03 .txt span {font-size: 16px; letter-spacing:-0.25px; color: #848484; } /* ******* 191205 이벤트 페이지 추가 MH ******** */ /* 이벤트 :: 리스트 */ #eventListContainer{margin-top:60px;} .event-list-con{margin:0 -1.5%} .event-list-con li{float:left; width:30.33%; margin:0 1.5% 5%;} .event-list-con .event-thumb{position:relative; width:100%; height:0; padding-top:57.5%; background-color:#000;} .event-list-con .event-thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%;} .event-list-con .event-info-box{padding:28px 0 0 0;} .event-list-con .event-info-box dl{float:left; width:calc(100% - 110px); letter-spacing:-0.25px; } .event-list-con .event-info-box dl .tit{color:#626262; font-size:18px; margin-bottom:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .event-list-con .event-info-box dl .date{color:#8f8f8f; font-size:14px;} .event-list-con .event-info-box .event-state{float:right; width:85px; height:44px; border:1px solid #06a1de; font-size:14px; font-weight:600; background-color:#06a1dd; color:#fff; line-height:44px; text-align:center;} .event-list-con .end-item .event-thumb img{opacity:0.5;filter:Alpha(opacity=50);} .event-list-con .end-item .event-state{border-color:#979797; color:#303030; background-color:#fff;} .event-list-con .end-item .event-state span{opacity:0.5;filter:Alpha(opacity=50);} /* 이벤트 :: 뷰 */ .event-detail-box{width:1000px; margin:0px auto;} .event-detail-img{display:block; } .event-detail-img img{max-width:1000px;} .event-form-box{background-color:#474747; padding:31px 55px;} .event-form-box ul{margin:0 -10px;} .event-form-box li{width:375px; height: 52px; float:left; background-color:#fff; margin:4px 10px; padding:0 30px;} .event-form-box li .form-tit{float:left; position:relative; width:70px; color:#626262; font-size:16px; letter-spacing:-0.5px; font-weight:400; line-height:52px;} .event-form-box li .form-tit:after{position:absolute; top:20px; right:0px; width:1px; height:12px; background-color:#ddd; content:"";} .event-form-input{float:left; width:250px; width:calc(100% - 80px); margin:5px;} .event-form-input input{width:100%; height:36px; text-indent:5px; font-size:16px; border:0} .event-bottom-con{text-align:center;} .event-agree-txt{text-align:center; padding:25px 0; font-size:14px; letter-spacing:-0.3px; color:#fff;} .event-agree-txt a{color:#fff; margin-left:20px;} .event-agree-txt input{margin-right:5px} .event-regi-btn{border:0; width:436px; height:50px; color:#fff; background-color:#00b7f3; font-size:16px; letter-spacing:-0.3px;} .image-map-img{text-align:center} /* ************** 200303 NH 추가 **************** */ /* ---------- 미세먼지 차단캡 ---------- */ .cap-wrap .elastic-top-txt-con h3 {text-shadow:none;} .cap-con01 {padding: 85px 0;} .cap-con01 .cap-point-list dt {float:left; width:280px; } .cap-con01 .cap-point-list dd {float:left; width: 770px;} .cap-con01 .cap-point-list dd li {float:left; width:50%; text-align:left; padding-left:27px; display:table; height: 204px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cap-con01 .cap-point-list dd li .cap-point-box { display:table-cell; vertical-align:middle; letter-spacing:-0.75px; color: #6b6b6b;} .cap-con01 .cap-point-list dd li .cap-point-box .inner {border-left: 1px solid #b9b9b9; padding-left:17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cap-con01 .cap-point-list dd li .cap-point-box .tit {font-size: 16px; font-weight:600;} .cap-con01 .cap-point-list dd li .cap-point-box .txt {font-size: 14px; line-height:26px; margin-top:20px; word-break:keep-all;} .cap-con02 {padding:92px 0 112px; background-color: #f6f6f6; } .cap-con02 .service-con {max-width:815px; margin:0 auto;} .cap-con02 .service-con01 .service-con01-list .service-con01-tit {font-size: 18px; line-height:58px; letter-spacing:-0.25px; color: #fff; background-color: #00b7f3;} .cap-con02 .service-con01 .service-con01-list li {float:left; width:33.33%; } .cap-con02 .service-con01 .service-con01-list li .txt-box {background-color: #fff; height:162px; letter-spacing:-0.75px; color: #6b6b6b; padding:40px 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cap-con02 .service-con01 .service-con01-list li .txt-box:before {content:""; width:1px; height: 48px; background-color: #00b7f3; position:absolute; left:0; top:50%; margin-top:-24px;} .cap-con02 .service-con01 .service-con01-list li .txt-box .tit {font-size: 16px;} .cap-con02 .service-con01 .service-con01-list li .txt-box .txt {font-size: 14px; line-height:26px; margin-top:20px; } .cap-con02 .service-con01 .service-con01-list li:first-child .txt-box:before {display:none;} .cap-con02 .service-con02 {margin-top:110px;} .cap-con02 .service-con02 .size-con01 .img-con {float:left;width:50%; } .cap-con02 .service-con02 .size-con01 .txt-con {float:left;width:50%; background-color: #fff; height:270px; display:table; } .cap-con02 .service-con02 .size-con01 .txt-con ul {display:table-cell; vertical-align:middle;} .cap-con02 .service-con02 .size-con01 .txt-con ul li {position:relative; padding-left: 50px; background-color: #f6f6f6; width:266px; height:45px; margin:11px auto; overflow:hidden; -webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cap-con02 .service-con02 .size-con01 .txt-con .num {position:absolute;left:0; background-color: #133596; width:50px;height:100%; display:block; line-height: 45px; color: #fff; font-size:18px; } .cap-con02 .service-con02 .size-con01 .txt-con .txt {font-size: 15px; line-height:45px; letter-spacing:-0.25px; color: #6b6b6b;padding-left: 10px; text-align:left;} .cap-con02 .service-con02 .size-con02 {margin-top:57px; text-align:center;} .cap-con02 .service-con03 {max-width:1200px; margin-top:110px;} .cap-con02 .service-con03 .service-con03-tit-box {background-color: #133596; color: #fff; font-size:24px; font-weight:600; letter-spacing:-0.75px; height:98px; width:100%; display:table;} .cap-con02 .service-con03 .service-con03-tit-box .left-tit {display:table-cell; width:328px; vertical-align:middle; position:relative;} .cap-con02 .service-con03 .service-con03-tit-box .left-tit:after {content:""; display:block; width:1px; height:48px; position:absolute; right:0; top:50%; margin-top:-24px; background-color: #fff;} .cap-con02 .service-con03 .service-con03-tit-box .left-tit span {display:block; font-size: 18px; line-height:30px; } .cap-con02 .service-con03 .service-con03-tit-box .right-tit {display:table-cell; width:872px; vertical-align:middle;} .cap-con03 {padding: 130px 0;} .cap-con03 .cap-con03-inner {margin-top: 40px;border: 1px solid #cfcfcf;padding: 60px 90px 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cap-con03 .pipe-con-box {padding:0 24px;} .cap-con03 .pipe-con-box .price {float:none; width:100%; margin-left:0;} .cap-con03 .pipe-con-box .img {float:none; width:100%;} .cap-con03 .pipe-con-box .price li {width:33.33%; border-bottom:0 !important;} .cap-con03 .pipe-con-box .price li.third {padding-top:0;} .cap-con03 .pipe-con-box .more-txt {margin-top:40px;} .cap-con03 .pipe-con-box .more-txt span {color: #00a8df; background-color: #fff9b9; display:inline-block; padding: 0 9px;font-weight:600;} .cap-con03 .num-txt-box {text-align:left; margin-top:30px; } .cap-con03 .num-txt-box .num-txt {font-size: 16px; line-height:30px; letter-spacing:-0.25px; color: #6b6b6b; position:relative; padding-left: 24px;} .cap-con03 .num-txt-box .num-txt span {background-color: #133596; color: #fff; font-size: 14px; width: 19px; height:19px; display:block; position:absolute; left:0; top: 5px; line-height:19px; text-align:center; -webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;} .cap-con03 .img-con {margin-top: 115px; } .cap-con03 .img-con .img {margin-top:75px;} .cap-con03 .img-con .txt {font-size: 20px; letter-spacing:-0.25px; color: #6b6b6b; margin-top:70px;} .cap-con04 .img {margin-top: 43px; padding-top:143px; height:768px; background:url("../images/content/cap_con_bg.jpg") center no-repeat; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cap-con05 {margin-top:75px;} /* 동영상 컨텐츠 */ .sub-video-con .inner {text-align:center;} .sub-video-con a {display:inline-block; width:520px; margin: 0 7.5px; border:1px solid #ddd; } .sub-video-con a img {width:100%;} .sub-video-con dl dt {position:relative; } .sub-video-con a dl dt:before {content:""; position: absolute;top: 50%; left: 50%; width: 100px; height: 97px; border-radius: 50%; margin: -50px 0 0 -48px; background: url(/kr/images/main/main_video_play_btn.png) no-repeat;} .sub-video-con dl dd { color: #6b6b6b; font-size:18px; letter-spacing:-0.5px; padding:20px 0; font-weight:600;} /* ---------- 에어컨 공기 순환기 ---------- */ .cycle-con01 {padding:85px 0;} .cycle-con01 .img {margin-top:30px;} .cycle-con01 .cycle-con-point {margin:75px auto 0;} .cycle-con01 .cycle-con-point .inner {} .cycle-con01 .cycle-con-point .img {float:left; width:46.66%; margin-top:0;} .cycle-con01 .cycle-con-point .img img {width:100%;} .cycle-con01 .cycle-con-point .cycle-point-list {float:right; width:53.34%; padding-left:3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cycle-con01 .cycle-con-point ul li {float:left; width:33.33%; margin:20px 0;} .cycle-con01 .cycle-con-point ul li dd {font-size: 15px; line-height:24px; letter-spacing:-0.65px; color:#6b6b6b; margin-top:15px;} .cycle-con02 {padding:90px 0; background-color: #f6f6f6;} .cycle-con02 .service-con .service-con-txt {font-size: 36px; line-height:50px; color: #121212; margin-bottom: 40px;} .cycle-con02 .service-con .service-con-txt .blue-txt01 {color: #00b7f3; } .cycle-con02 .service-con .service-con-txt .blue-txt02 {color: #132e95; } .cycle-con02 .service-con01 .img-box01 {padding:60px 0 40px; background-color: #fff;} .cycle-con02 .service-con01 .img-box01 img {width:100%;} .cycle-con02 .service-con01 .img-box02 {margin-top:50px;} .cycle-con02 .service-con01 .img-box02 .part-list {background-color: #fff; padding:40px 0 0;} .cycle-con02 .service-con01 .img-box02 .part-list li {float:left; width:20%; margin-bottom:40px; } .cycle-con02 .service-con01 .img-box02 .part-list li .img-wrap {position:relative;} .cycle-con02 .service-con01 .img-box02 .part-list li .img-wrap img {} .cycle-con02 .service-con01 .img-box02 .part-list li .txt {font-size:17px; letter-spacing:-0.65px; color: #252020; padding-left: 25px; position:relative; display:inline-block; vertical-align:middle; margin-top:25px; font-weight:600;} .cycle-con02 .service-con01 .img-box02 .part-list li .num {display:inline-block; width:22px; height:22px; line-height: 22px; color: #fff; position:absolute; left:0; top:-3px; -webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;} .cycle-con02 .service-con01 .img-box02 .part-list li .blue-num {background-color: #1d8cdc; } .cycle-con02 .service-con01 .img-box02 .part-list li .green-num {background-color: #44981d; } .cycle-con02 .service-con01 .img-box02 .part-list li.item04 .txt,.cycle-con02 .service-con01 .img-box02 .part-list li.item05 .txt{padding-left:0;} .cycle-con02 .service-con02 {margin-top:112px;} .cycle-con02 .service-con02 .img-box dl dd {font-size: 22px; line-height:32px; letter-spacing:-0.65px; color: #4b4b4b; margin-top:25px;} .cycle-con02 .service-con02 .img-box .left-con {width:50%; } .cycle-con02 .service-con02 .img-box .right-con {width:50%; } .cycle-con02 .service-con02 .img-box .right-con dd {color: #178ede;} .cycle-con03 {padding-top:125px;} .cycle-con03 .img {margin-top: 40px;} .cycle-con04 {padding-top:130px;} .cycle-con04 .pipe-con-box .price {height:183px; border-bottom: 1px solid #ddd;} .cycle-con04 .pipe-con-box .price .more-txt {text-align:left; color: #00a8df; display:block; margin-top: 55px;} .cycle-con04 .pipe-con-box .price .more-txt:before {content:"*"; color: #6b6b6b; margin-right: 7px;} .cycle-con04 .pipe-con-box .price li.first, .pipe-con03 .pipe-con-box .price li.second {border-bottom:0;} .cycle-con04 > .inner {padding-bottom: 60px;} .cycle-con05 {padding-top:130px;} .cycle-con05 .tit {text-align:left; font-size:18px; letter-spacing:-0.25px; color: #292929; margin-bottom:20px;font-weight:400;} .cycle-con05 .sub-icon-slider-inner {width:16.66%} /* 200827 :: 수정사항 :: KEB */ .subContBanner.tab-style-02 li{width:49.6%} #copyText{display:none}