@charset "UTF-8"; footer { background: #f1f1f1; } /* tmp */ #container.prd_view .con_title_box p:nth-child(1){ padding-top: 15px; } #container.prd_view .con_title_box p:nth-child(2){ padding-bottom: 15px; font-size: 30px; } .prod-view-page { padding-top: 25px !important; padding-bottom: 200px; font-family: 'Play'; } /* //tmp */ #container .con_title_box { width: 100%; } #container .con_title_box.K01 { background: url(../image/sub/sub_bg01.jpg) no-repeat center/cover; } #container .con_title_box.K02 { background: url(../image/sub/sub_bg02.jpg) no-repeat center/cover; } #container .con_title_box.K03 { background: url(../image/sub/sub_bg03.jpg) no-repeat center/cover; } #container .con_title_box.K04 { background: url(../image/sub/sub_bg04.jpg) no-repeat center/cover; } #container .con_title_box.K05 { background: url(../image/sub/sub_bg05.jpg) no-repeat center/cover; } #container .con_title_box.K06 { background: url(../image/sub/sub_bg06.jpg) no-repeat center/cover; } #container .con_title_box.SEARCH { background: url(../image/sub/search_bg.jpg) no-repeat center/cover; } #container .con_title_box.TERMS { background: url(../image/sub/search_bg.jpg) no-repeat center/cover; } #container .con_title_box.PRIVATE { background: url(../image/sub/search_bg.jpg) no-repeat center/cover; } #container .con_title_box p { color: #fff; text-align: center; line-height: 1.5em; } #container .con_title_box p:nth-child(1) { font-size: 18px; padding-top: 110px; } #container .con_title_box p:nth-child(2) { font-size: 50px; font-weight: bold; padding-bottom: 110px; } #container .lnb_wrap { border-bottom: 1px solid #ccc; } #container .lnb_pr .w_1300 .lnb_style01 { display: -webkit-box; display: -ms-flexbox; display: flex; } #container .lnb_pr .w_1300 .lnb_style01>li { border-bottom: none; } #container .lnb_pr .w_1300 .lnb_style01 .lnb_home { width: 70px; height: 70px; background: url(../image/main/sub_home.jpg) no-repeat center; padding: 0; border-bottom: none; } #container .lnb_pr .w_1300 .lnb_style01 .lnb_home a { display: block; width: 100%; height: 100%; } #container .lnb_pr .w_1300 .lnb_style01 .lnb_tit { display: block; font-size: 18px; min-width: 240px; border-right: 1px solid #ccc; padding-left: 20px; cursor: pointer; height: 70px; line-height: 70px; padding-right: 75px; } #container .lnb_pr .w_1300 .lnb_style01 .lnb_tit::before { content: ""; width: 13px; height: 7px; background: url(../image/main/sub_arrow.jpg) no-repeat 90% center; position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #container .lnb_pr .w_1300 .lnb_style01 .lnb_tit.active::before { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } #container .lnb_pr .w_1300 .lnb_style01 .lnb_depth1, #container .lnb_pr .w_1300 .lnb_style01 .lnb_depth2 { position: relative; } #container .lnb_pr .w_1300 .lnb_style01 .lnb_depth1:hover .lnb_tit, #container .lnb_pr .w_1300 .lnb_style01 .lnb_depth2:hover .lnb_tit { color: #e86c00; } #container .lnb_pr .lnb_pr02 { display: none; width: calc(100% + 1px); position: absolute; left: -1px; top: 100%; z-index: 9; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; border: 1px solid #ccc; padding: 10px 20px; } #container .lnb_pr .lnb_pr02 li { width: 100%; float: none; padding: 8px 0; } #container .lnb_pr .lnb_pr02 li a { font-size: 16px; } #container .lnb_pr .lnb_pr02 li a:hover { color: #e86c00; } .lnb_wrap .lnb_common { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lnb_wrap .lnb_common li { margin: 0 45px; position: relative; } .lnb_wrap .lnb_common li.selected::before { content: ""; position: absolute; left: 0; width: 100%; height: 3px; background-color: #e86c00; bottom: 0; } .lnb_wrap .lnb_common li>a { font-size: 19px; color: #444; line-height: 1em; padding: 28px 10px; display: block; } /* 서브페이지 공통 */ .sub-page { padding-top: 110px; padding-bottom: 170px; } .sub_tit { font-size: 40px; font-weight: 600; position: relative; text-align: center; line-height: 1em; margin-bottom: 85px; } .sub_tit::before { content: ""; position: absolute; top: -30px; left: 50%; -webkit-transform: translateX(-50%) skew(-45deg); transform: translateX(-50%) skew(-45deg); width: 25px; height: 11px; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); } .sub_tit02 { text-align: center; font-size: 30px; line-height: 1.5em; font-weight: 400; margin-top: -30px; word-break: keep-all; } .sub_tit02 span { color: #d3461e; } .sub_tit03 { font-size: 18px; line-height: 1.6em; font-weight: 300; margin-top: 15px; text-align: center; word-break: keep-all; } .tab_style01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab_style01>a { width: 24.5%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.66666%; margin-bottom: 0.66666%; background-color: #fff; border: 1px solid #ddd; padding: 10px 0; font-size: 18px; line-height: 1.5em; color: #444; } .tab_style01>a:nth-child(4n) { margin-right: 0; } .tab_style01>a.selected { background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); color: #fff; font-weight: 400; } .tab_style02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab_style02>a { width: 200px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.66666%; background-color: #fff; border: 1px solid #ddd; padding: 10px 0; font-size: 18px; line-height: 55px; height: 55px; color: #444; } .tab_style02>a:last-child { margin-right: 0; } .tab_style02>a.selected { background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); color: #fff; font-weight: 400; } .inter-page .tab_style02>a { flex: 1; } .board_pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 100px; } .board_pager>a { margin: 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; width: 30px; height: 30px; } .board_pager>a.selected { color: #fff; background-color: #e86c00; } .btns_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } .btns_wrap>a { width: 160px; height: 50px; text-align: center; font-size: 17px; margin: 0 10px; -webkit-transition: all ease .3s; transition: all ease .3s; } .btns_wrap>a:hover { opacity: 0.85; } .btns_wrap>a:first-child { line-height: 48px; border: 1px solid #ddd; } .btns_wrap>a:last-child { background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); color: #fff; line-height: 50px; } .btn_style01 { display: block; width: 130px; height: 40px; line-height: 38px; border: 1px solid #e86c00; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s; background: #fff; position: relative; } .btn_style01 p { position: relative; z-index: 2; color: #e86c00; padding-right: 19px; display: inline-block; background-image: url(../image/sub/download_icon.png); background-repeat: no-repeat; background-position: 99% center; } .btn_style01::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); z-index: 1; opacity: 0; -webkit-transition: all ease .3s; transition: all ease .3s; } .btn_style01:hover p { color: #fff; background-image: url(../image/sub/download_icon_on.png); } .btn_style01:hover::before { opacity: 1; } .search_wrap { display: flex; justify-content: flex-end; margin-bottom: 20px; } .search_wrap select { width: 100px; border: 1px solid #ddd; padding-left: 12px; font-size: 16px; color: #999; line-height: 40px; height: 40px; margin-right: 7px; } .search_wrap input { width: 195px; border: 1px solid #ddd; padding-left: 12px; font-size: 16px; color: #999; line-height: 40px; height: 40px; margin-right: 7px; color: #222; } .search_wrap button { width: 90px; line-height: 40px; height: 40px; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); color: #fff; cursor: pointer; } /* 제품소개 */ .prod-list-page { padding-bottom: 45px; } .prod-list-page .prod_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prod-list-page .prod_list>li { display: block; width: 32%; margin-right: 2%; margin-bottom: 115px; } .prod-list-page .prod_list>li:nth-child(3n) { margin-right: 0; } .prod-list-page .prod_list .list_thumb { height: 0; padding-top: 98%; overflow: hidden; position: relative; border: 1px solid #ddd; background-color: #f8f8f8; cursor: pointer; } .prod-list-page .prod_list .list_thumb img { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } .prod-list-page .prod_list .list_tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-left: 10px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #e86c00; } .prod-list-page .prod_list .list_tit>p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: 'Play', sans-serif; color: #000; font-size: 28px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .prod-list-page .prod_list .list_tit>p span { color: #e86c00; font-size: 16px; margin-bottom: 10px; line-height: 1em; } .prod-list-page .prod_list .list_desc { font-family: 'Play', sans-serif; margin-top: 30px; padding-left: 10px; line-height: 1.6em; color: #666; font-size: 18px; } .prod-view-page { padding-top: 75px; padding-bottom: 200px; } .prod-view-page .view_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 115px; } .prod-view-page .view_top .top_img { width: 740px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 60px; } .prod-view-page .view_top .top_img .img_small>li { width: 100px; height: 100px; overflow: hidden; position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); background-color: #f8f8f8; } .prod-view-page .view_top .top_img .img_small>li:not(:last-child) { margin-bottom: 17px; } .prod-view-page .view_top .top_img .img_small>li.selected { border-color: #e86c00; } .prod-view-page .view_top .top_img .img_small>li img { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } .prod-view-page .view_top .top_img .img_big { width: 600px; position: relative; height: 0; padding-top: 600px; background-color: #f8f8f8; border: 1px solid #ddd; overflow: hidden; } .prod-view-page .view_top .top_img .img_big img { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .prod-view-page .view_top .top_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .prod-view-page .view_top .top_info .info_name { padding-bottom: 40px; border-bottom: 1px solid #e9a28e; } .prod-view-page .view_top .top_info .info_name .name_txt01 { color: #e86c00; font-family: 'Play', sans-serif; padding-right: 23px; font-size: 20px; line-height: 1em; padding-right: 17px; background-image: url(../image/sub/view_name_arrow.png); background-repeat: no-repeat; background-position: 100% center; display: inline-block; cursor: pointer; } .prod-view-page .view_top .top_info .info_name .name_txt02 { font-family: 'Play', sans-serif; margin-top: 30px; line-height: 1em; font-size: 50px; font-weight: 700; } .prod-view-page .view_top .top_info .info_name .name_txt03 { margin-top: 20px; font-size: 15px; color: #888; line-height: 1em; font-weight: 300; } .prod-view-page .view_top .top_info .info_desc { margin-top: 40px; line-height: 1.6em; font-size: 18px; font-weight: 300; color: #333; word-break: keep-all; } .prod-view-page .view_top .top_info .info_icon { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .prod-view-page .view_top .top_info .info_icon>li { border: 1px solid #ddd; border-radius: 50%; width: 105px; height: 105px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .prod-view-page .view_top .top_info .info_icon>li:not(:last-child) { margin-right: 10px; } .prod-view-page .view_top .top_info .info_btns { margin-top: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .prod-view-page .view_top .top_info .info_btns a { width: 49%; line-height: 55px; height: 55px; text-align: center; font-size: 18px; -webkit-transition: all ease .3s; transition: all ease .3s; } .prod-view-page .view_top .top_info .info_btns a:hover { opacity: 0.85; } .prod-view-page .view_top .top_info .info_btns a:first-child { background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); color: #fff; } .prod-view-page .view_top .top_info .info_btns a:last-child { border: 1px solid #ccc; } .prod-view-page .view_top .top_info .info_btns a>p { display: inline-block; padding-right: 25px; background-image: url(../image/sub/download_icon02.png); background-repeat: no-repeat; background-position: 99% center; } .prod-view-page .view_detail .detail_tab { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .prod-view-page .view_detail .detail_tab>p { padding: 30px 0; line-height: 1em; width: 150px; font-size: 19px; position: relative; text-align: center; cursor: pointer; } .prod-view-page .view_detail .detail_tab>p.selected::before { content: ""; width: 100%; height: 3px; background-color: #e86c00; bottom: 0; left: 0; position: absolute; } .prod-view-page .view_detail .detail_container { margin-top: 120px; } .prod-view-page .view_detail .detail_wrap.isHide { display: none; } .prod-view-page .view_detail .option_list { display: flex; flex-wrap: wrap; } .prod-view-page .view_detail .option_list>li { width: 18%; margin-right: 2.5%; margin-bottom: 25px; } .prod-view-page .view_detail .option_list>li:nth-child(5n) { margin-right: 0; } .prod-view-page .view_detail .option_list>li .list_thumb { border: 1px solid #ddd; position: relative; padding-top: 100%; overflow: hidden; } .prod-view-page .view_detail .option_list>li .list_thumb img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .prod-view-page .view_detail .option_list>li>p { text-align: center; font-size: 16px; margin-top: 10px; } /* 고객맞춤서비스 */ .why-page { padding-bottom: 45px; } .why-page .why_img_tit { margin-top: 140px; font-size: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; color: #777; } .why-page .why_img_tit img { margin-right: 12px; } .why-page .why_img { margin-top: 100px; } .why-page .why_img img { margin: auto; } .why-page .why_img02 { margin-top: 70px; } .why-page .why_img02 img { margin: auto; } .why-page .why_banner { margin-top: 95px; } .why-page .why_banner .banner_img { height: 315px; background-image: url(../image/sub/why_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .why-page .why_banner .banner_txt { margin-top: -100px; background-color: #fff; padding: 100px; text-align: center; } .why-page .why_banner .banner_txt .txt01 { font-size: 22px; line-height: 1.6em; font-weight: 600; word-break: keep-all; } .why-page .why_banner .banner_txt .txt02 { margin-top: 40px; font-size: 18px; line-height: 2em; font-weight: 300; word-break: keep-all; } .why-page .why_txt { text-align: center; margin-top: 100px; font-size: 18px; line-height: 1.8em; font-weight: 300; margin-bottom: 100px; } .why-page .why_txt b { font-weight: 500; } /* 산업별 성공사례 */ .industry_detail { margin-top: 60px; border-top: 2px solid #e86c00; padding-top: 60px; } .industry_detail .detail_tit { line-height: 1em; font-size: 24px; font-weight: 600; padding-left: 35px; position: relative; margin-bottom: 33px; line-height: 1.2em; } .industry_detail .detail_tit::before { content: ""; position: absolute; left: 0; top: 8px; width: 20px; height: 9px; -webkit-transform: skew(-45deg); transform: skew(-45deg); background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); } .industry_detail .detail_section01 { padding-bottom: 60px; border-bottom: 1px solid #ddd; margin-bottom: 45px; } .industry_detail .section01_banner { border: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; } .industry_detail .section01_banner .banner_txt { width: 50%; padding-left: 40px; padding-right: 40px; word-break: keep-all; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .industry_detail .section01_banner .banner_txt .txt01 { font-size: 26px; line-height: 1.5em; font-weight: 500; } .industry_detail .section01_banner .banner_txt .txt01 span { color: #d3461e; } .industry_detail .section01_banner .banner_txt .txt02 { margin-top: 30px; font-size: 20px; line-height: 1.5em; color: #666; } .industry_detail .section01_banner .banner_txt .txt02 span { color: #d3461e; } .industry_detail .section01_banner .banner_txt .txt03 { font-size: 18px; line-height: 1.5em; font-weight: 500; } .industry_detail .section01_banner .banner_txt .txt03 span { color: #d3461e; } .industry_detail .section01_banner .banner_txt .txt04 { margin-bottom: 20px; font-size: 17px; line-height: 1.3em; color: #666; } .industry_detail .section01_banner .banner_txt .txt04 span { color: #d3461e; } .industry_detail .section01_banner .banner_img { width: 50%; } .industry_detail .section01_banner .banner_img img { width: 100%; } .industry_detail .section01_txt { font-size: 18px; line-height: 1.8em; font-weight: 300; color: #666; word-break: keep-all; margin-top: 60px; } .industry_detail .section02_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .industry_detail .section02_list>li { width: 24%; margin-right: 1.3333%; margin-bottom: 25px; } .industry_detail .section02_list>li:nth-child(4n) { margin-right: 0; } .industry_detail .section02_list>li .img_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: 1px solid #ddd; height: 100px; overflow: hidden; padding: 5px; } .industry_detail .section02_list>li .img_wrap img{ display: inline-block; width: 100%; } .industry_detail .section02_list>li .img_wrap.no_width img{ width: initial !important; } .industry_detail .section02_list>li p { text-align: center; margin-top: 15px; font-size: 18px; font-weight: 300; } /* 비디오 갤러리 */ .video-page .gallery_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .video-page .gallery_list>a { width: 32%; margin-right: 2%; margin-bottom: 65px; } .video-page .gallery_list>a:hover .img_wrap::before, .video-page .gallery_list>a:hover .img_wrap::after { opacity: 1; } .video-page .gallery_list>a:hover .list_tit { border-color: #e86c00; } .video-page .gallery_list>a:hover .list_tit .tit { color: #e86c00; } .video-page .gallery_list>a:nth-child(3n) { margin-right: 0; } .video-page .gallery_list .list_thumb { background-color: #f8f8f8; border: 1px solid #eee; padding: 40px 10px; } .video-page .gallery_list .list_thumb .img_wrap { position: relative; height: 0; overflow: hidden; padding-top: 55%; } .video-page .gallery_list .list_thumb .img_wrap::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; opacity: 0; -webkit-transition: all ease .3s; transition: all ease .3s; } .video-page .gallery_list .list_thumb .img_wrap::before { content: ""; width: 50px; height: 50px; background-image: url(../image/sub/video_icon.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; opacity: 0; -webkit-transition: all ease .3s; transition: all ease .3s; } .video-page .gallery_list .list_thumb .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .video-page .gallery_list .list_tit { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 17px; border-bottom: 1px solid #ddd; -webkit-transition: all ease .3s; transition: all ease .3s; } .video-page .gallery_list .list_tit .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: normal; line-height: 1.5em; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; font-size: 20px; font-weight: 600; -webkit-transition: all ease .3s; transition: all ease .3s; } .video-page .gallery_list .list_tit .date { font-size: 16px; line-height: 1em; font-weight: 300; color: #666; width: 100px; text-align: right; } /* Technology */ .tech-page .tech_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tech-page .tech_list>li { display: block; width: 47%; margin-bottom: 90px; } .tech-page .tech_list .list_thumb { padding: 25px 30px; background-color: #f8f8f8; border: 1px solid #eee; } .tech-page .tech_list .list_thumb .img_wrap { height: 0; padding-top: 65%; overflow: hidden; position: relative; } .tech-page .tech_list .list_thumb .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; } .tech-page .tech_list .list_tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #e86c00; } .tech-page .tech_list .list_tit>p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: 'Play', sans-serif; color: #000; font-size: 28px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tech-page .tech_list .list_desc { font-family: 'Play', sans-serif; margin-top: 15px; line-height: 1.6em; color: #666; font-size: 18px; word-break: keep-all; } /* 고객성공사례 */ .customer-page .ct_list { border-top: 2px solid #e86c00; } .customer-page .ct_list>li { padding: 60px 0; border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; } .customer-page .ct_list .list_thumb { margin-right: 25px; width: 430px; position: relative; height: 0; overflow: hidden; padding-top: 273px; } .customer-page .ct_list .list_thumb img { width: 100%; position: absolute; top: 0; left: 0; } .customer-page .ct_list .list_txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 30px; } .customer-page .ct_list .list_txt .txt01 { font-size: 24px; font-weight: 600; line-height: 1.5em; word-break: keep-all; } .customer-page .ct_list .list_txt .txt02 { font-size: 18px; font-weight: 300; line-height: 1.5em; word-break: keep-all; margin-top: 28px; } .customer-page .ct_list .list_txt .btn_style01 { margin-top: 55px; } /* NEWS & NOTICE */ .news-page .news_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-page .news_list>a { width: 24%; margin-right: 1.3333%; margin-bottom: 1.3333%; border: 3px solid #e8e8e8; padding: 40px 25px; -webkit-transition: all ease .3s; transition: all ease .3s; } .news-page .news_list>a:nth-child(4n) { margin-right: 0; } .news-page .news_list>a:hover { border-color: #e86c00; } .news-page .news_list>a:hover .list_tit { color: #d3461e; } .news-page .news_list .list_cate { font-size: 18px; line-height: 1em; color: #d3461e; font-family: 'Play', sans-serif; font-weight: 300; } .news-page .news_list .list_tit { margin-top: 50px; white-space: normal; line-height: 1.6em; height: 4.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; color: #333; font-weight: 500; -webkit-transition: all ease .3s; transition: all ease .3s; } .news-page .news_list .list_date { margin-top: 60px; line-height: 1em; font-size: 16px; color: #888888; line-height: 1em; font-family: 'Play', sans-serif; } /* 온라인 문의 */ .terms { height: 300px; overflow-y: scroll; padding: 30px; border: 1px solid #ddd; font-size: 16px; line-height: 1.5em; font-weight: 300; width: 100%; } .chk_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; } .chk_wrap input { margin-top: 3px; } .chk_wrap label { margin-left: 7px; color: #666; font-size: 15px; } .online-page .terms_wrap { margin-bottom: 60px; } .online-page .online_tit { font-size: 18px; color: #d3461e; margin-bottom: 30px; } .online-page .online_tit span { color: #444; } .online-page .online_form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 2px solid #e86c00; margin-bottom: 50px; } .online-page .online_form>li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ddd; } .online-page .online_form>li.half-size { width: 50%; } .online-page .online_form .form_tit { width: 225px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 27px; background-color: #f8f8f8; font-size: 16px; font-weight: 500; } .online-page .online_form .form_data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px; } .online-page .online_form .form_data.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .online-page .online_form .form_data.flex.flex-wrap { flex-wrap: wrap; padding: 20px 20px 15px 20px; } .online-page .online_form .data_chk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; } .online-page .online_form .form_data.flex.flex-wrap .data_chk { margin-bottom: 5px; } .online-page .online_form .data_chk:not(:last-child) { margin-right: 30px; } .online-page .online_form .data_chk label { font-size: 16px; margin-left: 7px; } .online-page .online_form .data_chk input[type="radio"], .online-page .online_form .data_chk input[type="checkbox"] { margin-top: 3px; } .online-page .online_form .data_chk input[type="text"] { margin-left: 12px; } .online-page .online_form .data_chk input[type="text"]:disabled { background-color: #fafafa; } .online-page .online_form select, .online-page .online_form input[type="text"] { border: 1px solid #ddd; height: 48px; line-height: 48px; padding-left: 12px; width: 100%; } .online_form input[type="password"] { border: 1px solid #ddd; height: 48px; line-height: 48px; padding-left: 12px; width: 100%; } /* .online-page .online_form .input_password { width: 300px !important; -webkit-box-flex: 0; -ms-flex: none; flex: none; } */ .online-page .online_form .model_wrap .model_list { display: -webkit-box; display: -ms-flexbox; display: flex; } .online-page .online_form .model_wrap .model_list:not(:last-child) { margin-bottom: 30px; } .online-page .online_form .model_wrap .model_name { width: 200px; font-size: 16px; line-height: 1.5em; } .online-page .online_form .model_wrap .model_chk { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .online-page .online_inquiry { border-top: 2px solid #e86c00; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; resize: none; height: 300px; } .online-page .inquiry_list { border-top: 2px solid #e86c00; } .online-page .inquiry_list .list_top { background-color: #f8f8f8; display: flex; padding: 25px 0; border-bottom: 1px solid #ddd; } .online-page .inquiry_list>a { display: flex; padding: 23px 0; border-bottom: 1px solid #ddd; align-items: center; transition: all ease .3s; background-color: #fff; } .online-page .inquiry_list>a:hover { background-color: #fdfdfd; } .online-page .inquiry_list .list_top>div { font-size: 16px; font-weight: 500; color: #000; text-align: center; } .online-page .inquiry_list .list_num { width: 120px; text-align: center; font-size: 16px; font-weight: 300; } .online-page .inquiry_list .list_tit { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .online-page .inquiry_list .list_tit p { font-size: 16px; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .online-page .inquiry_list .list_tit p span { color: #e86c00; margin-left: 3px; } .online-page .inquiry_list .list_tit p span img { display: inline-block; transform: translateY(1px); margin-left: 3px; } .online-page .inquiry_list .list_status { width: 140px; text-align: center; } .online-page .inquiry_list .list_status .status { width: 85px; height: 32px; line-height: 30px; background-color: #777777; color: #fff; margin-left: auto; margin-right: auto; } .online-page .inquiry_list .list_status .status.finished { background-color: #d3461e; } .online-page .inquiry_list .list_writer { width: 110px; text-align: center; font-size: 16px; font-weight: 300; } .online-page .inquiry_list .list_date { width: 130px; text-align: center; font-size: 16px; font-weight: 300; } .online-page .inquiry_list .list_hit { width: 120px; text-align: center; font-size: 16px; font-weight: 300; } /* 제품비교 */ .compare-page .compare_list { margin-top: 65px; border-top: 2px solid #e86c00; } .compare-page .compare_list>li { padding: 60px 0; border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .compare-page .compare_list .list_thumb { position: relative; width: 430px; height: 0; overflow: hidden; padding-top: 276px; margin-right: 35px; } .compare-page .compare_list .list_thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .compare-page .compare_list .list_info { padding-right: 250px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 15px; position: relative; } .compare-page .compare_list .list_info .info_name { font-family: 'Play', sans-serif; font-size: 28px; font-weight: 700; line-height: 1em; } .compare-page .compare_list .list_info .info_name span { display: block; color: #d74d18; font-size: 16px; font-weight: 400; } .compare-page .compare_list .list_info .info_spec { margin-top: 20px; font-size: 18px; font-weight: 300; color: #666666; line-height: 1.7em; word-break: keep-all; } .compare-page .compare_list .list_info .info_btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .compare-page .compare_list .list_info .info_btns .btn_style01 { margin-right: 20px; } .compare_dim { position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 99998; top: 0; left: 0; display: none; opacity: 0; cursor: pointer; } .compare_modal { position: fixed; width: 1300px; z-index: 99999; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; padding: 40px 70px; display: none; opacity: 0; } .compare_modal .modal_tit { font-size: 24px; line-height: 1em; font-weight: 600; padding-left: 35px; position: relative; margin-bottom: 25px; } .compare_modal .modal_tit::before { content: ""; position: absolute; top: 10px; left: 0; -webkit-transform: skew(-45deg); transform: skew(-45deg); width: 20px; height: 8px; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); } .compare_modal .modal_close { position: absolute; top: -50px; right: 0; cursor: pointer; } .compare_modal .table_wrap { height: 70vh; overflow-y: scroll; } .compare_chk_list { position: fixed; bottom: 0; width: 100%; background-color: #e86c00; padding: 40px 0; z-index: 999; left: 0; } .compare_chk_list .w_1300 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .compare_chk_list .product_list { width: 830px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -33px; } .compare_chk_list .product_list>li { width: 48%; border: 2px solid rgba(255, 255, 255, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4%; padding: 20px; position: relative; } .compare_chk_list .product_list .list_thumb { width: 147px; height: 0; position: relative; padding-top: 102px; overflow: hidden; margin-right: 17px; } .compare_chk_list .product_list .list_thumb img { position: absolute; top: 0; left: 0; width: 100%; } .compare_chk_list .product_list .list_name { font-size: 24px; font-weight: 600; font-family: 'Play', sans-serif; line-height: 1em; color: #fff; } .compare_chk_list .product_list .list_name span { display: block; font-size: 16px; font-weight: 400; } .compare_chk_list .product_list .list_close { position: absolute; top: 15px; right: 15px; cursor: pointer; } .compare_chk_list .list_btns button { width: 160px; height: 50px; line-height: 50px; font-size: 18px; cursor: pointer; } .compare_chk_list .list_btns button:first-child { background-color: #fff; color: #d74d18; margin-right: 12px; } .compare_chk_list .list_btns button:last-child { border: 1px solid #fff; color: #fff; line-height: 48px; } /* 본사소개 */ .getac-page .getac_banner { height: 400px; background-image: url(../image/sub/getac_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 55px; } .getac-page .getac_list { margin-top: 135px; margin-bottom: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; } .getac-page .getac_list>li { width: 25%; text-align: center; } .getac-page .getac_list>li:not(:last-child) { border-right: 1px solid #ddd; } .getac-page .getac_list>li img { display: block; margin: auto; } .getac-page .getac_list .txt01 { margin-top: 30px; font-size: 46px; line-height: 1em; font-weight: 600; font-family : 'Play'; } .getac-page .getac_list .txt01 span { font-size: 22px; font-weight: 400; } .getac-page .getac_list .txt02 { font-size: 18px; line-height: 1em; margin-top: 15px; color: #666; } .getac-page .getac_txt01 { line-height: 1em; font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 65px; } .getac-page .getac_txt02 { margin-top: 65px; font-size: 18px; font-weight: 300; line-height: 1.6em; text-align: center; margin-top: 25px; } /* 왜 Rugged 인가? */ .rugged-page .rugged_list>li { display: -webkit-box; display: -ms-flexbox; display: flex; } .rugged-page .rugged_list>li:not(:last-child) { margin-bottom: 130px; } .rugged-page .rugged_list .reverse .list_txt { margin-left: 0; margin-right: 60px; } .rugged-page .rugged_list .list_txt { margin-left: 60px; position: relative; padding-top: 110px; } .rugged-page .rugged_list .list_txt .txt01 { font-size: 300px; color: #f8f8f8; top: 0; right: 0; font-family: 'Play', sans-serif; font-weight: 700; line-height: .6em; position: absolute; z-index: 1; } .rugged-page .rugged_list .list_txt .txt02 { position: relative; z-index: 2; font-size: 36px; color: #e86c00; line-height: 1em; } .rugged-page .rugged_list .list_txt .txt03 { position: relative; z-index: 2; margin-top: 40px; line-height: 1.6em; font-weight: 300; font-size: 18px; color: #444; word-break: keep-all; } .rugged-page .rugged_bottom { height: 300px; margin-top: 395px; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); position: relative; } .rugged-page .rugged_bottom img { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .rugged-page .rugged_more { width: 200px; margin-right: auto; height: 60px; line-height: 58px; font-size: 18px; border: 1px solid #000; text-align: center; display: block; margin: auto; margin-top: 50px; } .rugged-page .rugged_more p{ background-image: none; color: #000; padding: 0; } .rugged-page .rugged_more:hover{ border-color: #e86c00 } .rugged-page .rugged_more:hover p{ color: #fff; } /* 낮은 유지비용 */ .tco-page .tco_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tco-page .tco_list>li { text-align: center; } .tco-page .tco_list .list_icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 168px; height: 168px; background-color: #f8f8f8; border-radius: 50%; } .tco-page .tco_list p { line-height: 1em; margin-top: 30px; text-align: center; font-size: 19px; font-weight: 600; } .tco-page .tco_banner { background-color: #f8f8f8; text-align: center; padding: 80px 0; margin-top: 90px; } .tco-page .tco_banner .txt01 { font-size: 30px; line-height: 1em; font-weight: 600; } .tco-page .tco_banner .txt02 { font-size: 20px; font-weight: 600; line-height: 1.3em; margin-top: 10px; margin-bottom: 45px; word-break: keep-all; } .tco-page .tco_banner .txt03 { margin-top: 20px; font-size: 18px; font-weight: 300; line-height: 1.6em; word-break: keep-all; } .table_wrap table { width: 100%; border-top: 2px solid #e86c00; text-align: center; } .table_wrap table tr { border-bottom: 1px solid #ddd; } .table_wrap table th { background-color: #f8f8f8; font-size: 16px; font-weight: 500; line-height: 1em; padding: 25px; } .table_wrap table th:not(:last-child) { border-right: 1px solid #ddd; } .table_wrap table td { padding: 25px; font-size: 16px; font-weight: 300; line-height: 1.5em; } .compare_modal .table_wrap table td { text-align: left; } .table_wrap table td:nth-child(2){ } .table_wrap table td.tit { color: #e86c00; } .table_wrap table td.tal { text-align: left; } .table_wrap table td:not(:last-child) { border-right: 1px solid #ddd; } .table_wrap table td img { margin: auto; } .table_msg { margin-top: 20px; font-size: 16px; font-weight: 300; line-height: 1em; color: #666; } .tco-page .section_outer.sec2 { background: #fff !important; } .tco-page .section_outer .sec_top { height: auto !important; } .tco-page .section_outer .sec_top .tit { font-size: 30px !important; line-height: 1em !important; font-weight: 600 !important; font-family: 'Noto Sans KR', sans-serif !important; } .tco-page .section_outer .sec_top .tit span { color: #e86c00; } .tco-page .section_outer.sec2 .sec_bot .con_R .con_Bot_d:nth-child(3) { background: #f4f4f4 !important; } .tco-page .section_outer .sec_desc { text-align: center; padding: 90px 0 0px; } .tco-page .section_outer .sec_desc p { font-size: 18px; font-weight: 300; color: #444; line-height: 1.6em; word-break: keep-all; } .tco-page .section_outer .sec_desc p:nth-child(1) { margin-bottom: 45px; } /* 국제인증 */ .inter-page .tab_style02 { margin-top: 75px; margin-bottom: 70px; } .inter-page .inter_tit { font-size: 35px; padding-left: 60px; background-repeat: no-repeat; background-position: 0 center; line-height: 55px; margin-bottom: 50px; } .inter-page .inter_tit02 { font-size: 24px; line-height: 1.4em; margin-bottom: 25px; word-break: keep-all; } .inter-page .inter_stit { line-height: 1.8em; word-break: keep-all; font-size: 18px; color: #444; font-weight: 300; margin-top: 25px; } .inter-page .inter_list { margin-top: 90px; } .inter-page .inter_list>li:not(:last-child) { margin-bottom: 80px; } .inter-page .inter_list .txt01 { font-size: 24px; font-weight: 600; line-height: 1.2em; position: relative; margin-bottom: 25px; word-break: keep-all; } .inter-page .inter_list .txt01::before { content: ""; position: absolute; top: -18px; -webkit-transform: skew(-45deg); transform: skew(-45deg); width: 20px; height: 8px; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); } .inter-page .inter_list .txt02 { font-size: 18px; line-height: 1.8em; font-weight: 300; word-break: keep-all; } .inter-page .inter_list .prod_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .inter-page .inter_list .prod_wrap:not(:last-child) { margin-bottom: 45px; } .inter-page .inter_list .prod_wrap .prod_badge { width: 200px; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .inter-page .inter_list .prod_wrap .prod_list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .inter-page .inter_list .prod_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inter-page .inter_list .prod_list>a { width: 200px; margin-right: 12px; margin-bottom: 12px; text-align: center; } .inter-page .inter_list .prod_list>a:hover .list_thumb::before { opacity: 1; } .inter-page .inter_list .prod_list>a:hover>p { color: #e86c00; } .inter-page .inter_list .prod_list>a .list_thumb { width: 200px; height: 200px; background-color: #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .inter-page .inter_list .prod_list>a .list_thumb img{ width: 100%; } .inter-page .inter_list .prod_list>a .list_thumb::before { content: ""; width: 100%; height: 100%; border: 2px solid #e86c00; top: 0; left: 0; position: absolute; opacity: 0; -webkit-transition: all ease .3s; transition: all ease .3s; } .inter-page .inter_list .prod_list>a>p { font-size: 19px; font-weight: 600; margin-top: 15px; color: #444444; -webkit-transition: all ease .3s; transition: all ease .3s; } .inter-page .inter_list .list_box01{ margin-top: 25px; } .inter-page .inter_list .list_box01 .box_img { width: 100%; background-color: #f8f8f8; padding: 50px 0; margin-bottom: 35px; margin-top: 25px; } .inter-page .inter_list .list_box01 .box_img img { margin: auto; } .inter-page .inter_list .list_box01 .box_list>li:not(:last-child) { margin-bottom: 35px; } .inter-page .inter_list .list_box01 .box_txt01 { font-size: 18px; font-weight: 600; color: #444; line-height: 1em; margin-bottom: 12px; } .inter-page .inter_list .list_box01 .box_txt01 span{ font-weight: 300; } .inter-page .inter_list .list_box01 .box_txt02 span { line-height: 1.8em; color: #444; font-size: 18px; font-weight: 300; display: block; padding-left: 12px; position: relative; word-break: keep-all; } .inter-page .inter_list .list_box01 .box_txt02 span::before { content: ""; position: absolute; top: 15px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #e66903; } .inter-page .inter_list .list_box02 { display: -webkit-box; display: -ms-flexbox; display: flex; } .inter-page .inter_list .list_box02 .box_img { width: 240px; height: 240px; background-color: #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 25px; } .inter-page .inter_list .list_box02>p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.8em; color: #444; font-size: 18px; font-weight: 300; padding-top: 12px; word-break: keep-all; } .inter-page .inter_list .list_inline{ display: flex; justify-content: space-between; align-items: flex-start; } .inter-page .inter_list .list_inline > .list_box01{ width: 580px; margin: 0 30px 0 0; } .inter-page .inter_list .list_inline > .list_box01 .box_img{ margin: 0; } .inter-page .inter_list .list_inline > li:last-child{ flex : 1; } .inter-page .inter_list .list_inline > li:last-child .list_box01{ margin: 10px 0 15px 0; } .search-page .search_msg { background-color: #f8f8f8; border-top: 2px solid #e86c00; border-bottom: 1px solid #ddd; text-align: center; font-size: 18px; font-weight: 500; padding: 25px 0; } .search-page .search_msg span { color: #e86c00; } .search-page .search_list { margin-top: 60px; } .search-page .search_list>li:not(:last-child) { margin-bottom: 60px; } .search-page .search_list .list_tit { font-size: 24px; line-height: 1em; font-weight: 600; padding-left: 40px; position: relative; margin-bottom: 30px; } .search-page .search_list .list_tit::before { content: ""; position: absolute; top: 8px; left: 0; -webkit-transform: skew(-45deg); transform: skew(-45deg); width: 20px; height: 8px; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); } .search-page .search_list .list_prod { display: flex; flex-wrap: wrap; } .search-page .search_list .list_prod>a { width: 32%; margin-right: 2%; margin-bottom: 2%; } .search-page .search_list .list_prod>a:nth-child(3n) { margin-right: 0; } .search-page .search_list .list_prod .prod_thumb img { width: 100%; } .search-page .search_list .list_prod .prod_name { text-align: center; font-size: 28px; font-family: 'Play', sans-serif; font-weight: 700; line-height: 1em; margin-top: 5px; } .search-page .search_list .list_prod .prod_name span { color: #e86c00; display: block; font-size: 16px; font-weight: 400; } .search-page .search_list .list_board { border-top: 2px solid #e86c00; } .search-page .search_list .list_board>a { border-bottom: 1px solid #ddd; padding: 17px 0; display: block; } .search-page .search_list .list_board .board_tit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; line-height: 1em; margin-bottom: 13px; } .search-page .search_list .list_board .board_desc { font-size: 16px; font-weight: 300; color: #666; white-space: normal; line-height: 1.5em; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* 씨에스글로비즈 소개 */ .intro-page .intro_wrap { display: flex; align-items: center; } .intro-page .intro_wrap .intro_txt { margin-left: 35px; color: #000; word-break: keep-all; } .intro-page .intro_wrap .intro_txt .txt01 { font-size: 35px; line-height: 1.5em; } .intro-page .intro_wrap .intro_txt .txt02 { margin-top: 50px; line-height: 1.5em; font-size: 21px; } .intro-page .intro_wrap .intro_txt .txt03 { line-height: 1.5em; font-size: 18px; font-weight: 300; margin-top: 24px; } .intro-page .intro_wrap .intro_txt .txt04 { line-height: 1.5em; margin-top: 75px; font-size: 27px; } .intro_txt01 { line-height: 1.5em; margin-top: 75px; font-size: 27px; } /* 비전과 가치 */ .vision-page .vision_banner { padding: 150px 0; background-image: url(../image/sub/vision_img.jpg); background-size: cover; background-repeat: no-repeat; width: 1600px; text-align: center; margin-bottom: 75px; margin-left: auto; margin-right: auto; } .vision-page .vision_banner .txt01 { font-size: 48px; font-weight: 600; color: #fff; line-height: 1em; color: #fff; } .vision-page .vision_banner .txt02 { margin-top: 25px; line-height: 1.5em; font-weight: 300; color: #fff; font-size: 28px; } .vision-page .vision_txt01 { font-size: 40px; font-weight: 600; line-height: 1em; margin-bottom: 55px; color: #000; } .vision-page .vision_txt02 { font-size: 23px; font-weight: 500; line-height: 1.5em; margin-bottom: 20px; color: #000; } .vision-page .vision_txt03 { font-size: 18px; line-height: 1.5em; margin-bottom: 40px; color: #000; font-weight: 300; } .vision-page .vision_scheme { margin: 100px auto 0 auto; } /* 국내 사용 사례 */ .example-page .example_list { display: flex; flex-wrap: wrap; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 70px; } .example-page .example_list>li { width: 24%; margin-right: 1.3333%; margin-bottom: 38px; } .example-page .example_list>li:nth-child(4n) { margin-right: 0; } .example-page .example_list .list_img { border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; height: 100px; } .example-page .example_list>li>p { margin-top: 12px; line-height: 1em; text-align: center; font-weight: 300; font-size: 18px; } .example-page .example_tit { font-size: 24px; font-weight: 600; line-height: 1em; position: relative; margin-bottom: 25px; } .example-page .example_tit::before { content: ""; position: absolute; top: -18px; -webkit-transform: skew(-45deg); transform: skew(-45deg); width: 20px; height: 8px; background: -webkit-gradient(linear, left top, right top, from(#e66903), to(#d74d18)); background: linear-gradient(to right, #e66903, #d74d18); } /* 오시는 길 */ .loca-page .loca-map { width: 1600px; margin: auto; } .loca-page .loca-map .root_daum_roughmap { width: 100%; } .loca-page .loca-map .root_daum_roughmap .wrap_map { width: 100%; height: 545px; } .root_daum_roughmap .wrap_controllers { display: none; } .loca-page .loca_info { display: flex; margin-top: 65px; } .loca-page .loca_info .info_tit { width: 260px; font-size: 30px; line-height: 1em; font-weight: 600; } .loca-page .loca_info .info_list { flex: 1; border-top: 1px solid #000; } .loca-page .loca_info .info_list>li { display: flex; padding: 30px 0; border-bottom: 1px solid #ddd; } .loca-page .loca_info .info_list .txt01 { width: 300px; padding-left: 100px; background-repeat: no-repeat; background-position: 35px 0; font-size: 22px; font-weight: 700; color: #000; line-height: 1em; } .loca-page .loca_info .info_list .txt02 { flex: 1; font-size: 20px; font-weight: 300; color: #666; line-height: 1.8em; } .loca-page .loca_info .info_list .txt02 .line5 { color: #703e8c; font-weight: 500; } .loca-page .loca_info .info_list .txt02 .line4 { color: #00a5de; font-weight: 500; } .loca-page .loca_info .info_list .txt02 .line9 { color: #b39627; font-weight: 500; } .no-ct { margin: 0 auto; } @media all and (max-width: 1600px) { .vision-page .vision_banner { width: 100%; background-position: center; } .loca-page .loca-map { width: 100%; } } @media all and (max-width: 1350px) { .w_1300 { width: auto; margin-right: 3.9063%; margin-left: 3.9063%; } #container .lnb_wrap .w_1300 { margin-right: 0; margin-left: 0; } .tco-page .tco_list { flex-wrap: wrap; justify-content: center; width: 850px; margin: auto; } .tco-page .tco_list>li { width: 25%; margin-bottom: 40px; } .tco-page .tco_list .list_icon { margin: auto; } .tab_style02>a { width: auto; flex: 1; } .compare-page .tab_style02 { justify-content: center; } .compare-page .tab_style02>a { width: 200px; flex: none; } .intro-page .intro_wrap { align-items: flex-start; } .organ_wrap { width: 100%; } .organ_wrap img { width: 100%; } .prod-view-page .view_top .top_img { width: 60%; } .prod-view-page .view_top .top_img .img_big { padding-top: 81.7%; } .prod-view-page .view_top .top_img .img_small { margin-right: 25px; } .compare_chk_list .product_list { display: none; } .compare_chk_list { padding: 40px 0; } .compare_chk_list .w_1300 { justify-content: center; } .compare_modal { width: 90%; } } .g_logo { background: #d74b00; padding: 10px 2%; } .g_logo img { vertical-align: top; } .g_logo span { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; display: inline-block; vertical-align: top; margin-top: 13px; } .imagemap > a { position: absolute; bottom: 17%; left: 0; right: 0; margin: 0 auto; width: 100px; height: 5.5%; } .imagemap, .imagemap02 { position: relative; } .imagemap02>a { position: absolute; bottom: 50%; left: -77%; right: 0; margin: 0 auto; width: 275px; height: 7.5%; }