/* subVisual */ #subVisual {width:100%;height:250px;margin-top:110px;background-repeat: no-repeat;background-position: 50% 0;-webkit-background-size: cover;background-size: cover;/* border-bottom: 1px solid #ddd; */} #subVisual.subVisual01 {background-image: url("../images/contents/subVisual01.jpg");} #subVisual.subVisual02 {background-image: url("../images/contents/subVisual02.jpg");} #subVisual.subVisual03 {background-image: url("../images/contents/subVisual03.jpg");} #subVisual.subVisual04 {background-image: url("../images/contents/subVisual04.jpg");} #subVisual.subVisual05 {background-image: url("../images/contents/subVisual05.jpg");} #subVisual.subVisual06 {background-image: url("../images/contents/subVisual06.jpg");} #subVisual.subVisual07 {background-image: url("../images/contents/subVisual07.jpg");} #subVisual .auto {display:table;height:100%;} #subVisual .inner {display:table-cell;vertical-align: middle;text-align: center;color:#fff;} #subVisual .inner span {display:block;} #subVisual .inner span.main {font-size:42px;font-weight:500;} #subVisual .inner span.sub {font-size:18px;font-weight:300;} /* subContents */ #subContents {position:relative;overflow:hidden;padding-bottom:50px;} #contents {min-height:500px;} #lnb {position: relative;z-index:3;border-bottom:1px solid #d9d9d9;} #lnb .auto {padding:0;} #lnb a {display: block;line-height:56px;padding: 0 25px;} #lnb .mainBtn {display: block;height:56px;top:0;left:0;line-height:56px; border-right:1px solid #d9d9d9;background: url("../images/contents/lnbBg.png") no-repeat 90% 50%;} #lnb .btnHome {width:56px;height:56px;float: left; text-align: center;background:url("../images/contents/icon_home.png") no-repeat 50% 50% #2c3987;} #lnb .mainLnbWrap {float: left;position: relative;width:230px;} #lnb .mainLnb {display: none;position: absolute; top:56px;width:100%;border:1px solid #d9d9d9;background:#fff;} #lnb .mainLnb a {color:#666;} #lnb li a {bor der: 1px solid rgba(255,255,255,0.45);} #lnb li a {border-top: 1px solid #d9d9d9;} #lnb li:first-child a {border-top: none;} #lnb .auto > div:last-child > a {color:#0253a5} #lnb .subLnbWrap {float: left;position: relative;width:230px;margin-left: -1px;} /* #lnb .subLnbWrap .mainBtn {border-right: 1px solid rgba(250,250,250,0.5);color:#fff;} */ #lnb .subLnb {display: none;position: absolute; top:56px;width:100%;border:1px solid #d9d9d9;background:#fff;} #lnb .subLnb a {color:#666;} #lnb .subLnb a:hover {background:#f7f7f7;} #lnb .sublnb .sub02 {display:none;} #lnb .depth03LnbWrap {float:left;position:relative;width:230px;margin-left: -1px;} #lnb .depth03Lnb {display: none;position: absolute;width:100%; top:58px;border:1px solid rgba(0,0,0,0.45);background:#fff;} #lnb .depth03Lnb a {color:#666;} #lnb .depth03Lnb a:hover {background:#f7f7f7;} #lnb .depth03Lnb .sub02 {display:none;} .contentsTitle {font-size:40px;color:#333;font-weight:700;/* font-family:"Noto Sans KR"; */text-align:center;padding:50px 0 40px;} .tab {text-align:center;margin-bottom:30px;} .tab ul {} .tab ul li {display:inline-block;width:295px;margin-right:-4px;} .tab ul li:last-child {margin-right:0;} .tab ul li a {display:block;font-size:16px;color:#2c3987;line-height:48px;background:#fff;border:1px solid #2c3987;transition:0.3s all ease-out;} .tab ul li.on a {background:#2c3987;color:#fff;} .tabContents > ul > li {display:none;} .tabContents > ul > li:first-child {display:block;} span.blue,strong.blue {color:#2b3682;} span.orange,strong.orange {color:#f57920;} h3.title {font-size: 22px;color:#333;font-weight: 700;background:url("../images/contents/titleBg.png") no-repeat 0 35%;padding-left:30px;margin-top: 35px; margin-bottom: 10px;} h3.title.first {margin-top: 0;} h4.title {position: relative; padding:0 0 5px 15px;font-size: 22px;} h4.title:before {content: "";position: absolute;top: 11px;left: 0;width: 5px;height: 5px;background: #2c3987;} /* 회사개요 */ #subContents.summary {padding-bottom:0;} .summary .conBox01 .imgBox {width:550px;position:absolute;top:0;left:0;z-index:1;} .summary .conBox01 .txtBox {position:relative;} .summary .conBox01 .txtBox .txtBox01 {text-align:center;padding:20px 50px 40px;margin-left:550px;} .summary .conBox01 .txtBox .txtBox01 dl dt {font-size:30px;} .summary .conBox01 .txtBox .txtBox01 dl dd {font-size:16px;color:#666;margin-top:15px;} .summary .conBox01 .txtBox .txtBox02 {width:100%;padding-left:550px;/* margin-top:54px; */background:#f4f4f4;} .summary .conBox01 .txtBox .txtBox02 .inner {padding:20px 60px 35px;} .summary .conBox01 .txtBox .txtBox02 .inner .title {font-size:24px;color:#333;font-weight:700;text-align:center;margin-bottom:20px;} .summary .conBox01 .txtBox .txtBox02 .inner ul li {font-size:16px;color:#666;padding-left:10px;position:relative;} .summary .conBox01 .txtBox .txtBox02 .inner ul li:before {content:"";position:absolute;top:8px;left:0;width:4px;height:4px;background:#f47920;} .summary .conBox01 .txtBox .txtBox02 .inner p {font-size:16px;color:#666;margin-top:20px;;} .summary .conBox02 {padding:60px 0;background:#f4f4f4;margin-top:60px;} .summary .conBox02 ul li {position:relative;overflow:hidden;} .summary .conBox02 ul li .imgBox {float:right;width:50%;} .summary .conBox02 ul li .txtBox {position:absolute;top:0;left:0;width:50%;height:100%;text-align:center;background:#fff;;} .summary .conBox02 ul li .txtBox .num {display:block;text-align:center;font-size:26px;color:#333;font-weight:700;opacity:0.3;margin-bottom:20px;} .summary .conBox02 ul li .txtBox dl dt {font-size:26px;color:#333;font-weight:700;} .summary .conBox02 ul li .txtBox dl dd {font-size:16px;color:#666;margin-top:10px;} .summary .conBox02 ul li.rev .imgBox {float:left;} .summary .conBox02 ul li.rev .txtBox {left:auto;right:0;} .summary .conBox03 {padding:60px 0;} .summary .conBox03 ul {margin:20px -10px 0 -10px;} .summary .conBox03 ul li {float:left;width:50%;padding:0 10px;text-align:center;} .summary .conBox03 ul li .img {display:block;margin-bottom:20px;} .summary .conBox03 ul li a {display:block;width:260px;line-height:50px;font-size:16px;color:#fff;margin:0 auto;} .summary .conBox03 ul li:nth-child(1) a {background:#f57920;} .summary .conBox03 ul li:nth-child(2) a {background:#2c3987;} /* 찾아오시는 길 */ #daumRoughmapContainer1554787357284 {width:100%;} /* 제품 - 리스트 */ .prd-nav {margin-bottom:20px;} .prd-nav ul li {float:left;padding-right:15px;margin-right:15px;position:relative;line-height:36px;} .prd-nav ul li:first-child img {margin-top:8px;} .prd-nav ul li:after {content:"";position:absolute;top:11px;right:-3px;width:7px;height:13px;background:url("../images/contents/rightArrow.png") no-repeat;} .prd-nav ul li:last-child:after {display:none;} .prd-nav ul li:last-child {margin-right:0;} .prd-nav select {width:170px;height:36px;border-color:#d9d9d9;font-size:14px;color:#666;background:#fff;} .prd-array {margin-bottom:40px;padding:20px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#f8f8f8;} .prd-array ul li {float:left;} .prd-array ul li a {display:block;font-size:15px;color:#666;padding:0 30px;position:relative;} .prd-array ul li a:after {content:"";position:absolute;top:3px;right:0;width:1px;height:15px;background:#e0e0e0;} /*.prd-array ul li:last-child a {color:#2e5ebc;font-weight:700;}*/ .prd-array ul li a.on {color:#2e5ebc;font-weight:700;} .prd-array ul li:last-child a:after {display:none;} .prd-array-all {margin-bottom:40px;padding:20px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#f8f8f8;text-align:center;vertical-align:middle;} .prd-array-all ul {display:inline-block;} .prd-array-all ul li {float:left;} .prd-array-all ul li a {display:block;font-size:15px;color:#666;padding:0 30px;position:relative;} .prd-array-all ul li a:after {content:"";position:absolute;top:3px;right:0;width:1px;height:15px;background:#e0e0e0;} .prd-array-all ul li:hover a {color:#2e5ebc;font-weight:700;} .prd-array-all ul li a.on{color:#2e5ebc;font-weight:700;} .prd-array-all ul li:last-child a:after {display:none;} /* 제품 - 뷰 */ .product_view_top {word-break:keep-all;} .product_view_top .inner {overflow:hidden;position:relative;} .product_view_top .imgBox {float:left;width:548px;position:relative;z-index:1;} .product_view_top .imgBox img {width:100%;} .product_view_top .imgBox .slider-for {overflow:hidden;} .product_view_top .imgBox .slider-nav {overflow:hidden;padding:10px 0;} .product_view_top .imgBox .slider-nav ul {margin:-5px;} .product_view_top .imgBox .slider-nav ul li {padding:5px;} .product_view_top .imgBox .slider-nav ul li span {display:block;overflow:hidden;} .product_view_top .imgBox .slider-nav ul li span img {} .product_view_top .txtBox {width:100%;height:100%;} .product_view_top .txtBox .inner {padding:25px 50px;height:100%;} .product_view_top .txtBox .prd_tit {font-size:26px;color:#333;font-weight:700;line-height:1.2;padding-bottom:20px;} .product_view_top .txtBox ul {padding:20px 0;overflow:hidden;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .product_view_top .txtBox ul li {position:relative;overflow:hidden;margin-top:13px;line-height:2;} .product_view_top .txtBox ul li:first-child {margin-top:0;} .product_view_top .txtBox ul li dt {font-size:16px;color:#333;font-weight:500;display:block;float:left;width:90px;} .product_view_top .txtBox ul li dd {font-size:16px;color:#808080;font-weight:300;padding-left:90px;display:block;} .product_view_top .txtBox ul li dd select {padding:8px;width:240px;border:none;background:#f4f4f4;} .product_view_top .txtBox .price {line-height:26px;padding:20px 0 35px;} .product_view_top .txtBox .price p {font-size:16px;color:#333;line-height:26px;} .product_view_top .txtBox .price p strong {font-size:22px;color:#333;} .product_view_top .txtBox .txt {font-size:17px;color:#666;font-weight:300;line-height:1.6;} .product_view_top .txtBox .btns {overflow:hidden;/* padding-left:50px; */} .product_view_top .txtBox .btns a {display:block;float:left;width:49%;text-align:center;border:1px solid #2c3987;font-size:16px;color:#2c3987;font-weight:500;line-height:46px;transition:0.3s all ease-out;} .product_view_top .txtBox .btns a:last-child {background:#2c3987;color:#fff;} .product_view_top .txtBox .btns a img {margin-top:9px;margin-right:10px;} .product_view_bottom .contentsTable {margin-top:50px;} .product_view_bottom .file_download ul {margin:0 -10px;} .product_view_bottom .file_download ul li {float:left;width:33.33%;padding:0 10px;} .product_view_bottom .file_download ul li a {display:block;border:1px solid #d9d9d9;background:#f8f8f8;font-size:16px;color:#666;text-align:center;line-height:58px;} .product_view_bottom .file_download ul li a img {margin-top:13px;margin-right:10px;} /* 견적서계산기 */ .category_main > span {display:block;float:left;width:12.5%;font-size:16px;color:#fff;font-weight:700;line-height:56px;background:#2c3987;position:relative;border:2px solid #2c3987;text-align:center;} .category_main > span img {margin-top:19px;margin-right:10px;} .category_main ul li {position:relative;float:left;width:12.5%;text-align:center;} .category_main ul li a {display:block;font-size:16px;color:#fff;/* font-weight:700; */line-height:56px;background:#2c3987;position:relative;border-top:2px solid #2c3987;} .category_main ul li a:after {content: "";position: absolute;top: 20px;right: 0;width: 1px;height: 16px;background: #465196;} .category_main ul li:last-child a:after, .category_main ul li.on a:after {display:none;} .category_main ul li.on a {background:#fff;color:#2c3987;border-bottom-color:#fff;font-weight:700;} .category_main_contents {border:1px solid #d9d9d9;border-top:none;} .category_main_contents > ul > li {display:none;} .category_main_contents > ul > li:first-child {display:block;} .category_main_contents ul li .inner {overflow:hidden;line-height:36px;} .category_main_contents ul li .inner .title {display:block;font-size:16px;color:#333;font-weight:700;margin-bottom:5px;padding:0 25px;} .category_main_contents ul li .inner .cate_list {float:left;width:50%;overflow:hidden;border-right:1px solid #d9d9d9;} .category_main_contents ul li .inner .cate_list .cate {float:left;width:50%;height:230px;overflow-y:auto;padding:20px 0;} .category_main_contents ul li .inner .cate_list .cate01 {border-right: 1px solid #d9d9d9;} .category_main_contents ul li .inner .cate_list .cate ul li a {display:block;font-size:15px;color:#808080;padding:0 25px;} .category_main_contents ul li .inner .cate_list .cate ul li a:hover {background:#eff0f6;color:#2c3987;} .category_main_contents ul li .inner .option {float:left;width:50%;height:230px;overflow-y:auto;padding:20px 0;} .category_main_contents ul li .inner .option dl {padding:0 25px;} .category_main_contents ul li .inner .option dl dt {float:left;width:115px;font-size:15px;color:#333;/* font-weight:700; */} .category_main_contents ul li .inner .option dl dd {padding-left:130px;} .category_main_contents ul li .inner .option dl dd ul li {float:left;width:50%;font-size:15px;color:#808080;} .estimate_product {margin-top:20px;border:1px solid #d9d9d9;overflow:hidden;} .estimate_product .search_product {float:left;width:50%;padding:30px;height:561px;overflow-y:auto;border-right:1px solid #d9d9d9;} .estimate_product .search_product > ul {margin:-20px 0;} .estimate_product .search_product > ul > li {overflow:hidden;padding:20px 0;border-bottom:1px solid #d9d9d9;} .estimate_product .search_product > ul > li:last-child {border-bottom:none;} .estimate_product .search_product ul li {position:relative;} .estimate_product .search_product ul li .thumb {float:left;width:170px;} .estimate_product .search_product ul li .txtBox {padding:10px 10px 10px 180px;position:relative;} .estimate_product .search_product ul li .txtBox .productName {margin-bottom: 5px;font-size:18px;color:#333;font-weight:700;padding-right:90px;} .estimate_product .search_product ul li .txtBox ul {overflow:hidden;} .estimate_product .search_product ul li .txtBox ul li {font-size:14px;color:#808080;} .estimate_product .search_product ul li .txtBox .price {font-size:15px;color:#666;font-weight:700;margin-top:7px;} .estimate_product .search_product ul li .btn {position:absolute;top:20px;right:10px;display:block;border-radius:5px;font-size:15px;color:#fff;width:80px;line-height:30px;text-align:center;} .estimate_product .search_product ul li .btnSelect {background:#2c3987;} .estimate_product .search_product ul li .btnCancel {background:#808080;} .estimate_product .search_product .paging {margin-bottom:0;margin-top:20px;} .estimate_product .selected_product {float:left;width:50%;} .estimate_product .selected_product .total_price {line-height:70px;padding:16px 30px;background:#eff0f6;overflow:hidden;line-height:38px;} .estimate_product .selected_product .total_price p {font-size:18px;color:#333;font-weight:700;float:left;} .estimate_product .selected_product .total_price img {margin-top:7px;margin-right:5px;} .estimate_product .selected_product .refresh {float:right;width:130px;text-align:center;font-size:16px;color:#fff;/* font-weight:700; */background:#b92323;border-radius:5px;} .estimate_product .selected_product .product_list {padding:30px;height:400px;overflow-y:auto;} .estimate_product .selected_product .product_list .amount {display:inline-block;width:47px;height:25px;border:1px solid #d9d9d9;position:relative;overflow:hidden;} .estimate_product .selected_product .product_list .amount input {width:100%;border:none;padding-right:17px;text-align:center;font-size:12px;color:#808080;line-height:23px;} .estimate_product .selected_product .product_list .amount .btns {position:absolute;top:0;right:0;z-index:1;width:17px;height:100%;} .estimate_product .selected_product .product_list .amount .btns a {display:block;height:50%;} .estimate_product .selected_product .product_list .btnCancel {display:inline-block;border:1px solid #d9d9d9;} .estimate_product .selected_product .btnWrap {margin-top:10px;} /* inquiryTxt */ .inquiryBox {background:#2c3987;color: #fff;text-align: center;padding: 15px 0;} .inquiryTxt .txtArea {background: #fafafa url('../images/contents/inquiryOkIcon.png') no-repeat 50% 15%; padding: 115px 0 30px;text-align:center;line-height:1.6;} .inquiryTxt .txtArea p.title {margin-bottom:10px;font-size:22px; color:#333; font-weight:500;line-height:1.6;} .inquiryTxt {padding:30px; text-align:center; background:#fafafa;border:1px solid #d9d9d9;border-top: 3px solid #2c3987;} .inquiryTxt .txtArea p.tit {margin-top: 10px;color: #999;font-size: 16px;} .txtScrollBox p.txt {margin:5px 0;} .txtScrollBox ul {margin:10px 0;} .txtScrollBox ul li {position: relative;padding-left:15px;} .txtScrollBox ul li:before {content: "";position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background: #f57920;} .developmentFund05Wrap {text-align:center;} .developmentFund05Wrap p {color:#808080;} /* A/S안내 */ .contentsTitleBox {margin-bottom:40px;border:7px solid #e8e8e8;text-align: center;font-size:28px;color:#0253a5;font-weight:300;padding:40px;} .contentsTitleBox p.main {font-size:24px;color:#666;font-weight:700;word-break:keep-all;} .contentsTitleBox p.sub {font-size:20px;color:#999;font-weight:300;font-style:italic;} .as_info_bg {padding:40px 0;background:#f4f4f4;} .as_infoBox {margin-top:50px;padding:50px;background:#fafafa;border: 1px solid #d9d9d9;} .as_infoBox p.title {margin-bottom:15px;font-size:18px;font-weight:700;} .as_infoBox ul {padding-left:20px;} .as_infoBox ul li {position:relative;padding-left:15px;line-height:2;color:#666;} .as_infoBox ul li:before {content:"";position:absolute;top:12px;left:0;width:4px;height:4px;background:#808080;} .as_infoBox .title {margin-bottom:20px;font-size:18px;font-weight:700;background:#2c3987;color: #fff;text-align: center;padding: 12px 0;} .as_info .conBox02 {} .as_info .conBox02 ul {margin:0 -10px;} .as_info .conBox02 ul li {float:left;width:33.33%;padding:10px;} .as_info .conBox02 ul li .inner {background:#fff;/* height:352px; */} .as_info .conBox02 ul li .inner img {width:100%;} .as_info .conBox02 ul li .inner dl {margin:20px;text-align:center;} .as_info .conBox02 ul li .inner dl dt span.num {margin-bottom:5px;display: inline-block;font-size:16px;color:#fff;background: #2c3987;border-radius: 30px;padding:4px 30px 2px;color: #fff;margin-bottom: 10px;} .as_info .conBox02 ul li .inner dl dt span.title {display:block;font-size:18px;color:#333;} .as_info .conBox02 ul li .inner dl dd {margin-top:5px;font-size:16px;color:#666;font-weight:300;} /* A/S 택배조회 */ .searchTxt {margin-top:20px;padding:15px 0;color:#fff;text-align:center;background:#2c3987;} .searchTxt.orange {background:#f57920;} .searchTxt.orange02 {color:#f57920;border:1px solid #f57920; background:#fff;} /* 택배조회팝업 */ .searchPopup {position:fixed; top:120px; left:50%; background:#fff; width:800px; margin-left:-400px; z-index:999;display:none;} .searchPopup h3{background:#f57920; color:#fff; height:54px; line-height:54px; text-align:center; font-size:20px; font-weight:500; } .searchPopup .search_info {padding:40px 40px 0px;} .searchPopup .search_info h4{ border-bottom: solid 2px #dddddd; margin-bottom: 30px; padding-bottom: 5px; font-size: 18px; font-weight: 500; font-style: normal; color: #666;} .searchPopup .search_info dl {margin-bottom:20px; position:relative;} .searchPopup .search_info dl dt{display:inline-block; font-size:16px; color:#f57920;} .searchPopup .search_info dl dd{display:inline-block; font-size:16px; color:#666; position:absolute; left:120px;} .searchPopup .search_inquiry {padding: 0 40px 40px;height:400px;overflow-y:scroll;} .searchPopup .closeBtn {display:block; height:54px; background:#f57920; color:#fff; line-height:54px; text-align:center; font-size:18px;} .cover {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99;display:none;} /* 주문서확인/수정 */ .orderStep01 {background-image: url("../images/contents/orderStep_0101.png");background-repeat: no-repeat;background-size: cover;padding-top:5%;} .orderStep02 {background-image: url("../images/contents/orderStep_0102.png");background-repeat: no-repeat;background-size: cover;padding-top:5%;} .orderStep03 {background-image: url("../images/contents/orderStep_0103.png");background-repeat: no-repeat;background-size: cover;padding-top:5%;} #subContents .matching {background: #fafafa url('../images/contents/applicationIcon.png') no-repeat 50% 14%; padding: 11% 18% 5%;text-align:center;} #subContents .matching .txtArea p.title {margin-bottom:10px;font-size:22px; color:#333; font-weight:500;} #subContents .matching .txtArea p.tit {color:#999;} #subContents .matching .txtArea { line-height:1.5; } #subContents .matching_ok {padding:30px; text-align:center; background:#f8f8f8;} #subContents .matching_ok .txtArea p.title {font-size:25px; color:#333;} #subContents .matching_ok .txtArea {line-height:1.5; } /* 자주묻는질문 */ .faqBox {margin-bottom:30px;background-image: url("../images/contents/faqImg.jpg");background-repeat: no-repeat;background-size: cover;padding-top:23%;} .noticeIcon {display:inline-block;color:#fff;background:#2c3987;border-radius:5px;width:70%;height:30px;text-align:center;line-height:30px;} p.txt {color:#666;} /* 연혁 */ .history .conBox01 {position:relative;margin-bottom:50px;} .history .conBox01 .txtBox {position:absolute;top:0;left:0;width:50%;height:100%;text-align:center;color:#fff;background:rgba(33,45,119,0.85);padding:20px;} .history .conBox01 .txtBox dl dt .en {display:inline-block;padding:5px 20px;border-radius:20px;background:rgba(255,255,255,0.1);font-size:14px;} .history .conBox01 .txtBox dl dt strong {display:block;font-size:32px;font-weight:bold;margin:10px 0;} .history .conBox01 .txtBox dl dd {font-size:16px;} .history_list .historyBox {position:relative;overflow:hidden;padding-top:50px;} .history_list .historyBox:first-child {padding-top:0;} .history_list .historyBox:after {content:"";position:absolute;top:0;right:50%;width:1px;height:100%;background:#ccc;} .history_list .imgBox {float:left;width:50%;text-align:right;padding-right:50px} .history_list .imgBox p {font-size:16px;color:#666;margin-top:10px;} .history_list .txtBox {float:left;width:50%;padding-left:50px;} .history_list .txtBox .year {font-size:40px;color:#333;font-weight:bold;position:relative;} .history_list .txtBox .year:before {content:"";position:absolute;top:12px;left:-60px;width:19px;height:19px;background:url("../images/contents/history_dot.png");z-index:1;} .history_list .txtBox .year:after {content:"";position:absolute;top:20px;left:-60px;width:50px;height:1px;border-bottom:1px dashed #ccc;} .history_list .txtBox ul {margin-top:10px;} .history_list .txtBox ul li {overflow:hidden;margin-top:10px;position:relative;} .history_list .txtBox ul li .month {display:block;float:left;font-size:16px;color:#333;font-weight:bold;padding-left:10px;position:relative;} .history_list .txtBox ul li .month:before {content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#666;} .history_list .txtBox ul li p {padding-left:13px;font-size:16px;color:#666;} .history_list .txtBox ul li p:before {content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#666;} .history_list .rev .imgBox {float:right;text-align:left;padding-right:0;padding-left:50px;} .history_list .rev .txtBox {text-align:right;padding-right:50px;padding-left:0;} .history_list .rev .txtBox ul li .month {position:absolute;right:0;padding-left:0;padding-right:10px;} .history_list .rev .txtBox ul li .month:before {left:auto;right:0;} .history_list .rev .txtBox ul li {padding-right:13px;} .history_list .rev .txtBox ul li:before {content:"";position:absolute;top:9px;right:1px;width:3px;height:3px;background:#666;} .history_list .rev .txtBox .year:before {left:auto;right:-60px;} .history_list .rev .txtBox .year:after {left:auto;right:-60px;} /* 개인정보처리방침 */ .privacy_inner {border:1px solid #d9d9d9; background:#f8f8f8; padding:60px;} .privacy_inner p {margin-bottom:30px; font-size:1em; color:#666;} .privacy_inner p:last-child{margin-bottom:0px;} .privacy_inner p span.privacy_tit {display:block; font-size:1.1em; font-weight:600; padding-bottom:10px; color:#4c4c4c;} @media all and (max-width:1200px){ /* 제품-뷰 */ .product_view_top .imgBox {width:50%;} #subVisual {margin-top:76px;} } @media all and (max-width:1024px){ /* 회사개요 */ .summary .conBox01 .imgBox {width:40%;} .summary .conBox01 .txtBox .txtBox01 {margin-left:40%;} .summary .conBox01 .txtBox .txtBox02 {padding-left:40%;} /* 제품 */ .prd-array-all {padding: 15px 0;} /* 견적서계산기 */ .estimate_product .search_product {float:none;width:100%;border-right:0;} .estimate_product .selected_product {float:none;width:100%;} .estimate_product .selected_product .btnWrap {margin-bottom:50px;} /* 자주하는질문 */ .faqBox {margin-bottom:30px;background-image: url("../images/contents/faqImg_02.jpg");background-repeat: no-repeat;background-size: cover;padding-top:27%;} /* 주문서발송 */ .orderStep01 {background-image: url("../images/contents/orderStep_0201.png");background-repeat: no-repeat;background-size: cover;padding-top:6%;} .orderStep02 {background-image: url("../images/contents/orderStep_0202.png");background-repeat: no-repeat;background-size: cover;padding-top:6%;} .orderStep03 {background-image: url("../images/contents/orderStep_0203.png");background-repeat: no-repeat;background-size: cover;padding-top:6%;} /* 주문서확인/수정 */ #subContents .matching {padding: 13% 12% 6%;} /* 연혁 */ .history .conBox01 .txtBox dl dt .en {font-size:13px;} .history .conBox01 .txtBox dl dt strong {font-size:25px;} .history .conBox01 .txtBox dl dd {font-size:14px;} } @media all and (max-width:970px){ /* 회사개요 */ .summary .conBox01 .txtBox .txtBox02 {padding-left:0;} /* 제품-뷰 */ .product_view_top .imgBox {width:100%;float:none;} .product_view_top .txtBox .inner {padding:25px 0;} /* 견적서계산기 */ .category_main_contents ul li .inner {padding:0;} .category_main_contents ul li .inner .cate_list {float:none;width:100%;border-right:none;} .category_main_contents ul li .inner .cate_list .cate {padding:25px 0;} .category_main_contents ul li .inner .cate_list .cate01 {border-right:1px solid #d9d9d9;} .category_main_contents ul li .inner .option {float:none;width:100%;border-top:1px solid #d9d9d9;padding:25px 0;} .as_info .conBox02 ul li {float:left;width:50%;padding:10px;} /* AS 문의 */ .as_info .conBox02 ul li .inner dl {} .as_info .conBox02 ul li .inner dl dt span.num {} .as_info .conBox02 ul li .inner dl dt span.title {font-size:16px;} } @media all and (max-width:800px){ /* 회사개요 */ .summary .conBox02 ul li .txtBox .num {font-size:20px;margin-bottom:5px;} .summary .conBox02 ul li .txtBox dl dt {font-size:20px;} .summary .conBox02 ul li .txtBox dl dd {font-size:13px;} /* 견적계산기 */ .category_main > span {font-size:14px;font-weight:400;line-height:50px;} .category_main ul li a {font-size:15px;line-height:52px;} /* 제품 */ .prd-array-all ul li a {padding: 0 15px;} } @media all and (max-width:768px){ .contentsTitleBox {padding:30px;} .contentsTitleBox p.main {font-size:22px;} .contentsTitleBox p.sub {font-size:18px;} /* 회사개요 */ .summary .conBox01 .imgBox {width:280px;} .summary .conBox01 .txtBox .txtBox01 {padding-left:20px;} .summary .conBox01 .txtBox .txtBox01 dl dt {font-size:20px;} .summary .conBox01 .txtBox .txtBox01 dl dd {font-size:14px;} .as_infoBox {padding:20px;} .as_infoBox .title {font-size: 14px; padding:8px 0;margin-bottom:10px;} .as_infoBox ul {padding-left:5px;} .as_infoBox ul li {font-size:14px;} /* 자주하는질문 */ .faqBox {margin-bottom:20px;background-image: url("../images/contents/faqImg_03.jpg");background-repeat: no-repeat;background-size: cover;padding-top:39%;} .faq dt a {font-size: 14px !important;} .faq dd {font-size: 14px !important;line-height: 1.6;} /* 주문서발송 */ .orderStep01 {background-image: url("../images/contents/orderStep_0301.png");background-repeat: no-repeat;background-size: cover;padding-top:8%;} .orderStep02 {background-image: url("../images/contents/orderStep_0302.png");background-repeat: no-repeat;background-size: cover;padding-top:8%;} .orderStep03 {background-image: url("../images/contents/orderStep_0303.png");background-repeat: no-repeat;background-size: cover;padding-top:8%;} /* 주문서확인/수정 */ #subContents .matching {background:url(../images/contents/applicationIcon.png') no-repeat 50% 12%;);padding: 16% 6% 6%;} /* 연혁 */ .history .conBox01 .txtBox {position:static;width:100%;padding:40px 20px;} .history .conBox01 .txtBox dl dt .en {font-size:11px;} .history .conBox01 .txtBox dl dt strong {font-size:20px;} .history .conBox01 .txtBox dl dd {font-size:12px;} } @media all and (max-width:767px){ /* 견적서계산기 */ .category_main > span {width:25%;} .category_main ul li {width:25%;} #subVisual {height:150px;} .historyImg {display:none;} } @media all and (max-width:680px){ h3.title {font-size:18px;} h4.title {font-size:18px;} h4.title:before {top:9px;} p.txt {font-size:13px;} .contentsTitleBox {padding:25px; border:5px solid #e8e8e8;} .contentsTitleBox p.main {font-size:16px;font-weight:500;} .contentsTitleBox p.sub {font-size:14px;} #mainVisual .prd-quickMenu ul li a p {margin-top:5px;font-size:13px;} #mainContents .quickMenu ul li .inner dl dd {padding:5px 0 0;} /* 회사개요 */ .summary .conBox01 .imgBox {position:static;width:100%;} .summary .conBox01 .imgBox img {width:100%;} .summary .conBox01 .txtBox .txtBox01 {padding:10px 0;margin-left:0;margin-top:20px;} .summary .conBox01 .txtBox .txtBox01 dl dt {font-size:20px;font-weight:700;} .summary .conBox01 .txtBox .txtBox01 dl dd {font-size:14px;} .summary .conBox01 .txtBox .txtBox02 {padding-left:0;margin-top:20px;} .summary .conBox01 .txtBox .txtBox02 .inner .title {font-size:20px;} .summary .conBox01 .txtBox .txtBox02 .inner ul li {font-size:;} .summary .conBox02 {padding:40px 0;margin-top:40px;} /* 문의게시판 */ .inquiryTxt .txtArea {background: #fafafa url('../images/contents/inquiryOkIcon.png') no-repeat 50% 13%; padding: 85px 0 25px;text-align:center;line-height:1.6;} .inquiryTxt .txtArea p.title {font-size:18px;} .inquiryTxt {padding:10px;} .inquiryTxt .txtArea p.tit {font-size: 14px;} /* AS*/ .as_info .conBox02 ul li {float:left;width:100%;padding:5px 10px;} .as_info .conBox02 ul li .inner dl dt span.num {margin-bottom:5px;font-size:14px;} .as_infoBox ul li {padding-left:10px;font-size:13px;line-height:1.8;} .as_infoBox ul li:before {top:9px;width:3px;height:3px;} .searchTxt {font-size:12.5px;} /* 주문서확인/수정 */ #subContents .matching {background:#fafafa;padding: 8% 6% 8%;} #subContents .matching .txtArea p.title {margin-bottom:0;} /* 제품리스트*/ .prd-array {padding:12px 0;} .prd-array {margin-bottom:20px;} .prd-array-all {padding:12px 0;} .prd-array-all {margin-bottom:20px;} } @media all and (max-width:640px){ #subVisual {margin-top:60px;} #subVisual .inner span.main {font-size:26px;} #subVisual .inner span.sub {font-size:12px;} #lnb .auto {padding-left:45px;} #lnb .btnHome {position:absolute;top:0;left:0;width:45px;height:45px;} #lnb .mainLnbWrap, #lnb .subLnbWrap {width:50%;margin-left:0;} #lnb .mainLnbWrap li a {font-size:0.8rem;} #lnb a {padding:0 13px;line-height:45px;} #lnb .subLnbWrap li a {font-size:0.8rem;} #lnb .mainBtn {height:45px;font-size:0.8rem;line-height:45px;} #lnb .mainLnb {top:45px;} #lnb .subLnb {top:45px;left:-1px;} .contentsTitle {padding:20px 0;font-size:30px;} .tab {margin-bottom:20px;} .tab ul li {width:140px;} .tab ul li a {font-size:13px;line-height:40px;} /* 회사개요 */ .summary .conBox01 .txtBox .txtBox02 .inner {padding:15px 30px 35px;} .summary .conBox01 .txtBox .txtBox02 .inner ul li {font-size:14px;} .summary .conBox01 .txtBox .txtBox02 .inner p {font-size:14px;} .summary .conBox02 ul li {margin-top:20px;} .summary .conBox02 ul li:first-child {margin-top:0;} .summary .conBox02 ul li .imgBox {float:none !important;width:100%;} .summary .conBox02 ul li .imgBox img {width:100%;} .summary .conBox02 ul li .txtBox {position:static;width:100%;padding:30px 0 40px;} .summary .conBox03 ul li {float:none;width:100%;padding:0;margin-top:30px;} .summary .conBox03 ul li:first-child {margin-top:0;} .summary .conBox03 ul li img {width:100%;} .summary .conBox03 ul li a {line-height:40px;width:200px;} /* 제품-리스트 */ .prd-nav ul li {width:47%;} .prd-nav ul li select {width:100%;font-size:11px;} .prd-nav ul li:first-child {display:none;} .prd-array ul li a {font-size:12px;padding:0 10px;} .prd-array ul li a:after {top:1px;height:12px;} .prd-list ul li {padding:5px 5px 10px 5px;} .prd-list ul li .txtBox {padding:15px 0;} .prd-list ul li .txtBox .prd-price {margin-top:5px;} .prd-array-all ul li a {font-size:12px;padding:0 10px;} .prd-array-all ul li a:after {top:1px;height:12px;} /* 제품-뷰 */ .product_view_top .txtBox .prd_tit {font-size:20px;} .product_view_top .txtBox ul li dt {width:60px;font-size:13px;} .product_view_top .txtBox ul li dd {padding-left:60px;font-size:13px;} .product_view_top .txtBox .btns a {font-size:14px;line-height:40px;} .product_view_top .txtBox .btns a img {margin-top:10px;margin-right:5px;height:17px;} .product_view_bottom .file_download ul {margin:0 -5px;} .product_view_bottom .file_download ul li {padding:0 5px;} .product_view_bottom .file_download ul li a {font-size:11px;line-height:38px;} .product_view_bottom .file_download ul li a img {display:none;} .product_view_bottom .contentsTable {margin-top:20px;} /* 견적서계산기 */ .category_main > span {font-size:14px;line-height:43px;} .category_main > span img {display:none;} .category_main ul li a {font-size:14px;line-height:45px;} .category_main_contents ul li .inner {line-height:26px;} .category_main_contents ul li .inner .cate_list .cate {padding:15px 0;} .category_main_contents ul li .inner .title {font-size:14px;padding:0 15px;margin-bottom:0;} .category_main_contents ul li .inner .cate_list .cate ul li a {font-size:12px;padding:0 15px;} .category_main_contents ul li .inner .option dl {padding:0 15px;} .category_main_contents ul li .inner .option dl dt {font-size:14px;width:85px;} .category_main_contents ul li .inner .option dl dd {padding-left:85px;} .category_main_contents ul li .inner .option dl dd ul li {font-size:14px;} .category_main_contents ul li .inner .option {padding:15px 0; height:100%;} .estimate_product .search_product {padding:15px;} .estimate_product .search_product ul li .thumb {float:none;display:block;width:150px;} .estimate_product .search_product ul li .txtBox {padding:10px 0;} .estimate_product .search_product ul li .txtBox .productName {padding-right:0;} .estimate_product .selected_product .total_price {padding:16px 15px;} .estimate_product .selected_product .total_price p {font-size:14px;line-height:2.7;} .estimate_product .selected_product .refresh {width:100px;font-size:14px;} .estimate_product .selected_product .product_list {padding:15px;} .estimate_product .selected_product .btnWrap {margin-bottom:20px;} .estimate_product .search_product ul li .txtBox ul li {font-size:13px;} .estimate_product .search_product ul li .btn {font-size:13px;} /* 주문서발송 */ .orderStep01 {background-image: url("../images/contents/orderStep_0401.png");background-repeat: no-repeat;background-size: cover;padding-top:9.5%;} .orderStep02 {background-image: url("../images/contents/orderStep_0402.png");background-repeat: no-repeat;background-size: cover;padding-top:9.5%;} .orderStep03 {background-image: url("../images/contents/orderStep_0403.png");background-repeat: no-repeat;background-size: cover;padding-top:9.5%;} /* 문의게시판 */ .inquiryBox {padding:13px 5px;font-size:13px;} .txtScrollBox ul li {font-size:13px;} /* 연혁 */ .history_list .historyBox:after {right:60%;} .history_list .imgBox {padding-right:20px;width:40%;} .history_list .imgBox p {font-size:11px;} .history_list .txtBox {padding-left:20px;width:60%;} .history_list .txtBox .year {font-size:25px;} .history_list .txtBox .year:before {top:2px;left:-30px;} .history_list .txtBox .year:after {display:none;} .history_list .txtBox ul li .month {float:none;font-size:14px;} .history_list .txtBox ul li .month:before {top:7px;} .history_list .txtBox ul li p {font-size:12px;padding-left:10px;} .history_list .txtBox ul li p:before {top:6px;} .history_list .rev .imgBox {float:left;padding-left:0;padding-right:20px;text-align:right;} .history_list .rev .txtBox {float:right;text-align:left;padding-right:0;padding-left:20px;} .history_list .rev .txtBox .year:before {right:auto;left:-30px;} .history_list .rev .txtBox ul li {font-size:12px;padding-left:10px;} .history_list .rev .txtBox ul li:before {right:auto;left:0;top:6px;} .history_list .rev .txtBox ul li .month {position:static;padding-left:10px;padding-right:0;} .history_list .rev .txtBox ul li .month:before {left:0;right:auto;} .history_list .rev .txtBox ul li p {padding-right:0;} .privacy_inner {border:1px solid #d9d9d9; background:#f8f8f8; padding:30px; /*overflow:auto; height:480px; */} }