/* common */ /* font-family: 'Nanum Gothic', sans-serif; font-family: 'Noto Sans KR', sans-serif; font-family: 'Lato', sans-serif; font-family: 'Exo 2', sans-serif; */ #subContents { padding:0 0 100px 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } /* 서브비주얼*/ #sv { height:390px; background-size:cover !important;} #sv .txt { color:#fff; text-align:center; position:relative; padding-top:205px;} #sv .txt p { font-size:58px; font-weight:700; color:#fff; font-family: 'Lato', sans-serif;} #sv .txt p span { text-transform:uppercase; display:block; font-size:16px; margin-top:10px; font-family: 'Noto Sans KR', sans-serif; font-weight:400;} .sv01 { background:url("/img/sub/sv01.jpg") no-repeat;} .sv02 { background:url("/img/sub/sv02.jpg") no-repeat;} .sv03 { background:url("/img/sub/sv03.jpg") no-repeat;} .sv04 { background:url("/img/sub/sv04.jpg") no-repeat;} .sv05 { background:url("/img/sub/sv05.jpg") no-repeat;} .sv06 { background:url("/img/sub/sv06.jpg") no-repeat;} .sv07 { background:url("/img/sub/sv04.jpg") no-repeat;} .sv08 { background:url("/img/sub/sv08.jpg") no-repeat;} /* lnb */ .pd_0 { padding:0 !important;} #lnb { border:1px solid #e1e1e1; background:#fff; border-left:none; border-right:none; top:60px;} #lnb.fixed { position:fixed; width:100%; top:0; z-index:1000;} #lnb .inner > div { height:68px; float:left; border-right:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #lnb .menu { width:100%;} #lnb .menu ul { text-align:center; font-size:0; letter-spacing:-4px; } #lnb .menu ul.bk-w { position:absolute; background:#fff; margin-top:2px; width:100%} /*#lnb .menu ul.bk-w { background:#fff; margin-top:2px; width:100%} */ /* #lnb .menu ul .depth3 { display:none;} */ #lnb .menu ul:after { content:""; display:block; clear:both;} #lnb .menu ul li { display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; /* margin-right:4.1095890411%; */ letter-spacing:-1px;} #lnb .menu ul li:last-child { margin:0;} #lnb .menu ul li a { height:67px; line-height:67px; text-align:center; display:block; font-size:17px; position:relative; padding:0 20px;} #lnb .menu ul li.on a { color:#be2a30; font-weight:500;} #lnb .menu ul li.on a:after { content:""; width:100%; height:2px; background:#be2a30; display:block; position:absolute; left:0; bottom:-1px;} #lnb .menu ul li.Nline a { color:#be2a30;} #lnb .menu ul li.Nline a:after { content:""; width:100%; height:0px; background:blue; display:block; position:absolute; left:0; bottom:0px;} ul.pn-ProductNav.dragscroll.depth3 {background-color:#fff;border-top:1px solid #e1e1e1; width:100%;} /* #lnb .menu ul .depth3 { position:fixed; background-color:#fff; z-index:101; display:block; padding:16px 0; border-bottom:1px solid #6f6f6f; display:none;} #lnb .menu ul .depth3 > li { position:relative; padding:0 0 0 10px; margin-bottom:12px;background-color:#fff; } #lnb .menu ul .depth3 > li:last-child { margin:0; } #lnb .menu ul .depth3 > li > a { font-size:15px; color:#e4e4e4;} #lnb .menu ul .depth3 > li > a:hover { color:#ff6268;} #lnb .menu ul .depth3 > li:before { content:"-"; position:absolute; left:0; top:0; color:#efefef;} #lnb .menu ul .depth3 > li.over { color:#36F;} */ /* #lnb .menu ul .depth3 { display:block; padding:16px 0; border-bottom:1px solid #6f6f6f; display:none;} */ #lnb .menu ul .depth3 { display:block; padding:16px 0; display:none;} #lnb .menu ul .depth3 > li { position:relative; padding:0 0 0 10px; margin-bottom:12px;} #lnb .menu ul .depth3 > li:last-child { margin:0; } #lnb .menu ul .depth3 > li > a { font-size:15px; color:#e4e4e4;} #lnb .menu ul .depth3 > li > a:hover { color:#ff6268;} #lnb .menu ul .depth3 > li:before { content:"-"; position:absolute; left:0; top:0; color:#efefef;} #lnb .menu ul .depth3 > li.over { color:#36F;} /* navi */ .navi { margin-top:38px; padding:0 15px; transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .navi ul {text-align:right; font-size:0; letter-spacing:-4px;} .navi ul li { display:inline-block; text-align:left; letter-spacing:0; font-size:15px; position:relative; padding:0 18px 0 0; margin-right:14px; margin-bottom:10px; vertical-align:top; line-height:1.4;} .navi ul li:after { content:">"; font-family: 'Nanum Gothic', sans-serif; color:#b2b2b2; position:absolute; right:0; top:0;} .navi ul li:last-child:after { display:none;} .navi ul li:last-child { margin-right:0; padding:0; } .navi ul li.home {} .navi ul li.home a { background:url("/img/sub/home_icon.png") no-repeat center; width:14px; height:14px; display:block;} /* navi 추가 - 200206 */ .navi02 { margin-top:80px; padding:0 15px; transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .navi02 ul {text-align:right; font-size:0; letter-spacing:-4px;} .navi02 ul li { display:inline-block; text-align:left; letter-spacing:0; font-size:15px; position:relative; padding:0 18px 0 0; margin-right:14px; margin-bottom:10px; vertical-align:top; line-height:1.4;} .navi02 ul li:after { content:">"; font-family: 'Nanum Gothic', sans-serif; color:#b2b2b2; position:absolute; right:0; top:0;} .navi02 ul li:last-child:after { display:none;} .navi02 ul li:last-child { margin-right:0; padding:0; } .navi02 ul li.home {} .navi02 ul li.home a { background:url("/img/sub/home_icon.png") no-repeat center; width:14px; height:14px; display:block;} /* 페이지 타이틀*/ .pageTit { text-align:center; position:relative; margin:50px 0 50px; color:#333;} .pageTit h2 { font-size:42px; font-weight:700; line-height:1.2;} .pageTit p { margin-top:20px; font-size:20px; line-height:1.4;} /* 탭스타일*/ .tab_s2 { position:absolute; left:0; text-align:center; width:100%; z-index:100;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;} .tab_s2.fixed { position:fixed; top:70px; width:100%; margin-top:0; left:0; z-index:101;} .tab_s2 ul { font-size:0; letter-spacing:-4px; text-align:center; max-width:1460px; margin:0 auto; overflow:hidden;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;} .tab_s2.fixed ul {background:#f6f6f6; max-width:100%; opacity:0.9} .tab_s2.fixed ul li { } .tab_s2.fixed ul li a { color:#666; height:50px; line-height:50px; background:none; border:none; opacity:0.8;} .tab_s2.fixed ul li.on a { background:none; color:#be2a30; font-weight:300; opacity:1;} /* .tab_s2 ul li { display:inline-block; vertical-align:middle; letter-spacing:0; width:286px; margin-right:7px; margin-bottom:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} */ .tab_s2 ul li { display:inline-block; vertical-align:middle; letter-spacing:0; width:233px; margin-right:7px; margin-bottom:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .tab_s2 ul li:last-child { margin-right:0;} .tab_s2 ul li a { font-size:18px; color:#333;background:#efefef; display:block; border:1px solid #b5b5b5; height:60px; line-height:60px;} .tab_s2 ul li a:hover, .tab_s2 ul li.on a { color:#be2a30;background:#fff;} .tab_s2.len_5 ul li { width:18.4%; margin-right:2%;} .tab_s2.len_5 ul li:last-child { margin:0;} /* 탭스타일-추가 - 200206 0212 추가 */ .tab_s2.fixed02 { position:fixed; background:#fff; top:136px; width:100%; margin-top:0; left:0; z-index:101;} /* .tab_s2 ul { font-size:0; letter-spacing:-4px; text-align:center; max-width:1460px; margin:0 auto; overflow:hidden;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;} */ .tab_s2.fixed02 ul {background:#f6f6f6; max-width:100%; opacity:0.9} .tab_s2.fixed02 ul li { } .tab_s2.fixed02 ul li a { color:#666; height:50px; line-height:50px; background:none; border:none; opacity:0.8;} .tab_s2.fixed02 ul li.on a { background:none; color:#be2a30; font-weight:300; opacity:1;} .tab_s3 { background:#f5f5f5; margin-top:170px;} .tab_s3 button { display:none; } .tab_s3 ul { text-align:center; font-size:0; letter-spacing:-4px; white-space:nowrap; padding:24px 11.84931506849%; overflow-x:scroll; -ms-overflow-style: none; } .tab_s3 ul::-webkit-scrollbar {display:none;} .tab_s3 ul li { display:inline-block; letter-spacing:-0.5px; } .tab_s3 ul li a { display:block; font-size:16px; padding:0 25px; height:29px; line-height:29px; border-radius:14px;} .tab_s3 ul li.on a {background:#be2a30; color:#fff;} .tab_s5 { background:#f5f5f5;} .tab_s5 button { display:none; } .tab_s5 ul { text-align:center; font-size:0; letter-spacing:-4px; white-space:nowrap; padding:24px 11.84931506849%; overflow-x:scroll; -ms-overflow-style: none; } .tab_s5 ul::-webkit-scrollbar {display:none;} .tab_s5 ul li { display:inline-block; letter-spacing:-0.5px; } .tab_s5 ul li a { display:block; font-size:16px; padding:0 25px; height:29px; line-height:29px; border-radius:14px;} .tab_s5 ul li.on a {background:#be2a30; color:#fff;} #product_wrap .pd { padding-top:110px; } #product_wrap .contents { position:relative;} /* 소프트웨어 분리 2depth 메뉴 조정 */ #software_wrap .tab_s2.fixed02 { position:fixed; background:#fff; top:70px; width:100%; margin-top:0; left:0; z-index:101;} /* 제품 우측 슬라이드 버튼*/ .quick_menu { position:absolute; right:-175px; padding-top:100px; top:0; z-index:100;transition:top 1s, translateY 1s;-moz-transition:top 1s, translateY 1s;-webkit-transition:top 1s, translateY 1s;-o-transition:top 1s, translateY 1s;-ms-transition:translateY 1s;} .quick_menu.fixed { position:fixed; right:45px; top:30px; z-index:201;} .r_slide_btn ul {} .r_slide_btn ul li { text-align:center; margin-bottom:6px; width:115px; height:30px;} .r_slide_btn ul li:last-child { margin:0; } .r_slide_btn ul li button { font-size:0; width:12px; height:12px; border-radius:50%; background:#be2a30; padding:0;border:none; margin:0 auto; overflow:hidden; outline:none;transition:all 0.4s-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;} .r_slide_btn ul li.on button { width:115px; height:30px; font-size:13px; color:#fff; border-radius:15px;} .quick_menu .link_btn { background:#424242; width:65px; border-radius:32px; margin:0 auto; padding:23px 0; margin-top:90px;} .quick_menu .link_btn ul {} .quick_menu .link_btn ul li { border-bottom:1px solid #5a5a5a; padding:0 0 18px 0; margin-bottom:18px;} .quick_menu .link_btn ul li:last-child { margin:0;} .quick_menu .link_btn ul li a { color:#fff; font-size:13px; display:block; text-align:center; padding-top:32px; line-height:1.3;} .quick_menu .link_btn ul li:nth-child(1) a{ background:url("/img/common/quick_icno1.png") no-repeat center top;} .quick_menu .link_btn ul li:nth-child(2) a{ background:url("/img/common/quick_icno2.png") no-repeat center top;} .quick_menu .link_btn ul li:nth-child(3) a{ background:url("/img/common/quick_icno3.png") no-repeat center top;} .quick_menu .link_btn .top_btn { text-align:center; margin-top:12px;} .quick_menu .link_btn .top_btn a { color:#fff; display:block; font-size:13px;} /* 경영이념 */ .tab_s1 { border-top:8px solid #f0f0f0; border-radius:4px;} .tab_s1 ul { text-align:center; font-size:0; letter-spacing:-4px; padding:0 4.16666666667%;} .tab_s1 ul li { display:inline-block; letter-spacing:0; position:relative; padding:30px 0 0 0; /* margin-right:12%; */ width:20%; cursor:pointer;} .tab_s1 ul li:last-child { margin:0;} .tab_s1 ul li:before { content:""; width:10px; height:10px; background:#be2a30; border-radius:50%; padding:9px; border:3px solid #fff; display:block; position:absolute; left:50%; top:-19px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;} .tab_s1 ul li.on:before { transform:scale(7);-moz-transform:scale(7);-webkit-transform:scale(7);-o-transform:scale(7);-ms-transform:scale(7);border:none;} .tab_s1 ul li button {font-size:17px; font-weight:500; color:#909090; padding:0; border:none; background:none; position:relative; outline:none; text-align:center;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;} .tab_s1 ul li button span { /* padding:0 0 0 15px; */ line-height:1.4; display:inline-block; vertical-align:top;transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;} .tab_s1 ul li.on button { font-size:20px; padding:0 0 0 15px;transform: translateY(-50px);-moz-transform: translateY(-50px);-webkit-transform: translateY(-50px);-o-transform: translateY(-50px);-ms-transform: translateY(-50px);} .tab_s1 ul li.on button span { color:#fff; display:block;} #ideology {} #ideology .slide_list { padding-top:100px;} #ideology .slide_list > div { float:left; width:49.31506849315%; margin-right:1.3698630137%; } #ideology .slide_list > div:last-child { margin:0;} #ideology .slide_list .slide_info { margin-top:86px;} #ideology .slide_list .slide_info .slider { } #ideology .slide_list .slide_info .slider .txt { background:#f6f6f6; padding:75px 9.72222222222% 50px; position:relative;} #ideology .slide_list .slide_info .slider .txt dl { line-height:1.4; position:relative; z-index:1;} #ideology .slide_list .slide_info .slider .txt dl dt {font-size:30px; font-weight:500;} #ideology .slide_list .slide_info .slider .txt dl dt p { color:#1d1d1d; } #ideology .slide_list .slide_info .slider .txt dl dt span { color:#b8b8b8; opacity:0.5; margin-top:6px;} #ideology .slide_list .slide_info .slider .txt dl dd { font-size:19px; margin-top:20px;} #ideology .slide_list .slide_info .slider .img img { width:100%;} #ideology .slide_list .slide_info .slider .icon { position:absolute; right:5%; top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);} #ideology .slide_list .slide_info .slider .icon img { width:auto; max-width:100%;} #ideology .slide_list .slick-arrow { width:68px; height:68px; background-color:rgba(0,0,0,0.8) !important; border:none; text-indent:-9999px; position:absolute; top:0; z-index:10; opacity:0;transition:opacity 0.6s;-moz-transition:opacity 0.6s;-webkit-transition:opacity 0.6s;-o-transition:opacity 0.6s;-ms-transition:opacity 0.6s;} #ideology .slide_list .slick-arrow.hover { opacity:1;} #ideology .slide_list .slick-prev { background:url("/img/sub/prev.png") no-repeat center; left:0;} #ideology .slide_list .slick-next { background:url("/img/sub/next.png") no-repeat center; right:0;} /* 무인택배 시스템*/ #highGrade { } /* .contents .con { min-height:300px;margin-bottom:190px; display:inline-block;} */ /* .contents .con:last-child { margin:0; } */ .contents2 .con { margin-bottom:85px;} .contents2 .quick_menu { right:46px;} /* #highGrade .top_info {min-height:230px; margin-bottom:150px; display:inline-block; } */ /* 비즈니스 */ /******************************** 설치사례 ********************************/ .case_wrap .list {} .case_wrap .list ul {} .case_wrap .list ul:after { content:""; display:block; clear:both;} .case_wrap .list ul li { float:left; width:23.76712328767%; margin-right:1.64383561644%; margin-bottom:70px;} .case_wrap .list ul li:nth-child(4n) { margin-right:0;} .case_wrap .list ul li a { display:block; position:relative; } .case_wrap .list ul li .img { width:100%; padding-bottom:70.60518731988%; display:block; position:relative; overflow:hidden;} .case_wrap .list ul li .img img {position: absolute; /* top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; */ margin: auto; min-height: 100%; width:auto;} .case_wrap .list ul li .txt { margin-top:16px; color:#363636; } .case_wrap .list ul li a .img:after, .case_wrap .list ul li a .img:before {content:""; position:absolute; display:block; opacity:0; transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .case_wrap .list ul li a .img:after { width:100%; height:100%; background:rgba(0,0,0,0.7); left:0; top:0; z-index:10; } .case_wrap .list ul li a .img:before { width:44px; height:44px; background:url("/img/sub/more_s5.png") no-repeat center rgba(255,255,255,0.2); border-radius:50%; left:50%; top:50%; margin-top:-22px; margin-left:-22px; z-index:11;} .case_wrap .list ul li a:hover .img:before, .case_wrap .list ul li a:hover .img:after { opacity:1;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);} .case_wrap .paging { text-align:center; margin-top:80px;} .case_wrap .paging ul {font-size:0; letter-spacing:-4px;} .case_wrap .paging ul li { display:inline-block; letter-spacing:0; vertical-align:middle; margin-right:3px;} .case_wrap .paging ul li:last-child { margin:0;} .case_wrap .paging ul li a { display:block; width:26px; height:30px; border:1px solid #dbdbdb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:14px; line-height:30px;} .case_wrap .paging ul li.prev { background:url("/img/sub/paging_prev.gif") no-repeat center;} .case_wrap .paging ul li.next { background:url("/img/sub/paging_next.gif") no-repeat center;} .case_wrap .paging ul li.on {} .case_wrap .paging ul li.on a { background:#676767; color:#fff; border:none;} /* 설치사례 상세페이지*/ #view_wrap { background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; display:none;} #view_wrap .info { text-align:center; font-size:0; letter-spacing:-4px; width:90%; max-width:1460px; margin:0 auto;} #view_wrap .info .img { background:#fff; width:68.49315068493%; padding:36px 2.7397260274%;} #view_wrap .info .txt { background:#e2e2e2; } #view_wrap .info .img, #view_wrap .info .txt { display:inline-block; overflow-y:scroll; letter-spacing:-0.5px; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow: hidden; overflow-y: auto;-ms-overflow-style: none; position:relative;} #view_wrap .info .txt { text-align:left; width:31.50684931507%; padding:20px 2.53424657534%;} #view_wrap .info .img img { width:auto; max-width:100%;} #view_wrap .info .img::-webkit-scrollbar, #view_wrap .info .txt::-webkit-scrollbar {display:none;} #view_wrap .info .txt dl { margin-top:80px;} #view_wrap .info .txt dl dt {border-bottom:1px solid #8f8f8f; font-weight:500; font-size:26px; padding-bottom:18px; color:#222;} #view_wrap .info .txt dl dd { font-size:17px; line-height:1.6; margin-top:18px; color:#222;} #view_wrap .info .txt .controls { font-size:0; letter-spacing:-4px;} #view_wrap .info .txt .controls button { width:50px; height:50px; border:1px solid #cecece; background-color:#fff !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #view_wrap .info .txt .controls button:hover { background-color:#e2e2e2 !important;} #view_wrap .info .txt .controls button.prev { background:url("/img/sub/prev_icon02.png") no-repeat center;} #view_wrap .info .txt .controls button.next { background:url("/img/sub/next_icon02.png") no-repeat center; border-left:none;} #view_wrap .info .txt .close_btn { position:absolute; right:20px; top:20px;} #view_wrap .info .txt .close_btn button { width:48px; height:48px; background:url("/img/sub/close_btn.png") no-repeat center #4f4f4f; border-radius:50%; border:none;} /********************************************************* 홍보센터 *********************************************************/ /* 새누 뉴스 */ #news {} #news .info {} #news .info > div { float:left; width:50%; height:346px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-size:cover !important;} #news .info .viedo { background:url("/img/sub/news_bg01.jpg") no-repeat center top; } #news .info .viedo .play_btn { position:absolute; right:0; top:0; height:100%; width:200px;} #news .info .viedo .play_btn button { background:#202c3f; height:100%; text-align:left; border:none; width:100%;} #news .info .viedo .play_btn button span { background:url("/img/sub/play_btn.png") no-repeat left top; padding-top:68px; font-family: 'Lato', sans-serif; font-weight:900;color:#fff; line-height:1.4; font-size:28px; position:absolute; left:30px; bottom:40px;} #news .info .txt_wrap {background:url("/img/sub/news_bg02.jpg") no-repeat center top; padding:0 3.33333333333%; color:#fff; line-height:1.4;} #news .info .txt_wrap > div { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #news .info .txt_wrap > div > p { font-size:22px; } #news .info .txt_wrap > div ul { width:590px; margin-top:34px;} #news .info .txt_wrap > div ul li { float:left; width:23%; margin-right:2.666666666666667%; border:1px solid rgba(255,255,255,0.5); height:155px; padding:0 0 0 18px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;} #news .info .txt_wrap > div ul li:last-child { margin-right:0;} #news .info .txt_wrap > div ul li > p { padding-top:62px; position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #news .info .txt_wrap > div ul li:nth-child(1) p { background:url("/img/sub/news_icon01.png") no-repeat left top;} #news .info .txt_wrap > div ul li:nth-child(2) p { background:url("/img/sub/news_icon02.png") no-repeat left top;} #news .info .txt_wrap > div ul li:nth-child(3) p { background:url("/img/sub/news_icon03.png") no-repeat left top;} #news .info .txt_wrap > div ul li:nth-child(4) p { background:url("/img/sub/news_icon04.png") no-repeat left top;} #video_play { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display:none;} #video_play .video_wrap { z-index:100; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:650px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; text-align: center; max-height: 100%; max-width: 1200px; float: none; width: 90%; } #video_play .video_wrap iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;} #video_play .video_bg { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); left:0; top:0;} #video_play .close_btn { position:absolute; right:0; top:-30px;} #video_play .close_btn button { width:24px; height:26px; background:url("/img/sub/close_w_btn.png") no-repeat center; border:none; } /* 브로슈어 */ #brochure {} #brochure .document_list {} #brochure .document_list ul {} /* #brochure .document_list ul li { width:31.78082191781%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; margin-right:2.32876712329%; margin-bottom:30px;} */ #brochure .document_list ul li { width:30%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; margin-right:2.32876712329%; margin-bottom:30px;} #brochure .document_list ul li:last-child { margin:0; } #brochure .document_list ul li .top { border:1px solid #989898; /* padding:22px; */} #brochure .document_list ul li .img { text-align:center; height:370px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-size:cover !important;;} #brochure .document_list ul li:nth-child(1) .img { background:url("/img/sub/brochure_img01.jpg") no-repeat center top;} #brochure .document_list ul li:nth-child(2) .img { background:url("/img/sub/brochure_img02.jpg") no-repeat center top;} #brochure .document_list ul li:nth-child(3) .img { background:url("/img/sub/brochure_img03.jpg") no-repeat center top;} #brochure .document_list ul li:nth-child(4) .img { background:url("/img/sub/brochure_img04.jpg") no-repeat center top;} #brochure .document_list ul li .img img { } #brochure .document_list ul li .img dl { color:#fff; line-height:1.2; top:50%; position:relative; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #brochure .document_list ul li .img dl dt { font-size:46px; font-weight:500; text-shadow:0 0 7px rgba(0,0,0,0.3);} #brochure .document_list ul li .img dl dd { font-weight:300; margin-top:14px;} #brochure .document_list ul li .txt { text-align:center; margin-top:22px;} #brochure .document_list ul li .btns { overflow:hidden; } #brochure .document_list ul li .btns a { float:left; height:78px; line-height:78px; color:#fff; background-color:#373737 !important; display:block; width:50%; border-right:1px solid #a3a3a3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 32px;} #brochure .document_list ul li .btns a.download { background:url("/img/sub/download_icon.png") no-repeat 90% center;} #brochure .document_list ul li .btns a.pdf_view { background:url("/img/sub/pdf_icon.png") no-repeat 90% center;} /* #brochure .ci > div { margin-top:130px;} */ /* 동영상 */ #video {} #video .document_list {} #video .document_list ul {} /* #video .document_list ul li { width:31.78082191781%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; margin-right:2.32876712329%; margin-bottom:30px;} */ #video .document_list ul li { width:30%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; margin-right:2.32876712329%; margin-bottom:30px;} #video .document_list ul li:last-child { margin:0; } #video .document_list ul li .top { border:1px solid #989898; /* padding:22px; */} #video .document_list ul li .img { text-align:center; height:370px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-size:cover !important;;} #video .document_list ul li:nth-child(1) .img { background:url("/img/sub/video_img01.jpg") no-repeat center top;} #video .document_list ul li:nth-child(2) .img { background:url("/img/sub/video_img02.jpg") no-repeat center top;} #video .document_list ul li:nth-child(3) .img { background:url("/img/sub/video_img03.jpg") no-repeat center top;} #video .document_list ul li:nth-child(4) .img { background:url("/img/sub/video_img04.jpg") no-repeat center top;} #video .document_list ul li .img img { } #video .document_list ul li .img dl { color:#fff; line-height:1.2; top:50%; position:relative; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #video .document_list ul li .img dl dt { font-size:46px; font-weight:500; text-shadow:0 0 7px rgba(0,0,0,0.3);} #video .document_list ul li .img dl dd { font-weight:300; margin-top:14px;} #video .document_list ul li .txt { text-align:center; margin-top:22px;} #video .document_list ul li .btns { overflow:hidden; } #video .document_list ul li .btns a { float:left; height:78px; line-height:78px; color:#fff; background-color:#373737 !important; display:block; width:100%; border-right:1px solid #a3a3a3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 32px;} #video .document_list ul li .btns a.download { background:url("/img/sub/download_icon.png") no-repeat 90% center;} #video .document_list ul li .btns a.pdf_view { background:url("/img/sub/pdf_icon.png") no-repeat 90% center;} .ci_li { } .ci_li ul { } .ci_li ul li { float:left; width:48.49315068493%; margin-right:2.7397260274%; } .ci_li ul li .txt { font-weight:500; color:#333; font-size:22px;} .ci_li ul li .img {background:url("/img/sub/pattern_01.gif") repeat; height:198px; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d2d2d2; margin-top:12px;} .ci_li ul li .img > div{ position:relative; left:50%; top:50%; display:inline-block; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } .ci_li ul li .img.group {} .ci_li ul li .img img { width:auto; max-width:100%;} .ci_li ul li .img.group > div {display:block;} .ci_li ul li .img.group > div > p { float:left; width:25%; text-align:center; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .ci_li ul li:nth-child(2n) { margin:0; } .ci_li ul li.w100 { width:100%;margin-top:60px;} .ci_li .download { width:204px; height:78px; border-radius:39px; overflow:hidden; margin:56px auto 0; } .ci_li .download a { display:block; height:100%; background:url("/img/sub/download_icon2.png") no-repeat 130px center #be2a30; font-weight:500; color:#fff; line-height:78px; padding:0 0 0 40px;} /* 사회공헌 프로그램*/ #contribution {} #contribution .top { background:url("/img/sub/contribution_top_bg.jpg") no-repeat center; padding:84px 0; background-size:cover;} #contribution .top dl { text-align:center; color:#fff; line-height:1.4;} #contribution .top dl dt { font-size:30px; font-weight:700;} #contribution .top dl dd { font-size:17px; line-height:1.6; margin-top:26px;} #contribution .con1 { } #contribution .con1 ul {} #contribution .con1 ul li { float:left; width:49%; margin-right:2%; font-size:0; letter-spacing:-4px;} #contribution .con1 ul li:last-child { margin:0; } #contribution .con1 ul li .img { width:284px; height:284px; border-radius:50%; box-shadow:3px 3px 20px rgba(0,0,0,0.3); overflow:hidden; text-align:center; border:5px solid #f3f3f3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background: #fbfbfb; background: -moz-linear-gradient(to right, #fbfbfb, #e8e8e8); background: -webkit-linear-gradient(to right, #fbfbfb, #e8e8e8); background: linear-gradient(to right, #fbfbfb, #e8e8e8); } #contribution .con1 ul li .img img { width:auto; max-width:100%;} #contribution .con1 ul li .txt { line-height:1.4; padding:0 7%; width:calc(100% - 284px); width:-moz-calc(100% - 284px); width:-webkit-calc(100% - 284px); } #contribution .con1 ul li .img, #contribution .con1 ul li .txt { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #contribution .con1 ul li .txt strong { font-size:22px; font-weight:500; color:#333; margin-bottom:12px; display:block;} #contribution .con2 { background:url("/img/sub/contribution_bg02.jpg") no-repeat; background-size:cover;} #contribution .con > div { padding:96px 0;} #contribution .bn {} #contribution .bn .img {} #contribution .bn .txt { } #contribution .bn > div { font-size:0; letter-spacing:-4px;} #contribution .bn > div > div:first-child { padding:0 20px 0 0;} #contribution .bn .img, #contribution .bn .txt { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #contribution .bn .img { width:59.45205479452%; } #contribution .bn .img.right {text-align:right;} #contribution .bn .img img { width:auto; max-width:100%; } #contribution .bn .txt { font-size:16px; width:40.54794520548%; } #contribution .bn .txt dl { line-height:1.4;} #contribution .bn .txt dl:before { content:""; width:16px; height:2px; background:#6b6b6b; display:block; margin:0 0 24px 0;} #contribution .bn .txt dl dt { font-size:22px; color:#333; font-weight:700;} #contribution .bn .txt dl dd { margin-top:25px; line-height:1.6;} /********************************************************* 고객지원 *********************************************************/ .red_color { color:#be2a30; } #inquiry {} #inquiry .info { background:url("/img/sub/inquiry_icon.png") no-repeat 95% center #f6f6f6; padding:35px;} #inquiry .info dl {} #inquiry .info dl dt { font-weight:300; color:#1d1d1d; line-height:1.3; font-size:30px;} #inquiry .info dl dt strong { display:block; font-weight:500;} #inquiry .info dl dd {} #inquiry .info dl dt { width:375px; } #inquiry .info dl dt, #inquiry .info dl dd { float:left; } #inquiry .info dl dd { line-height:1.4; font-size:19px; width:calc(100% - 375px); width:-moz-calc(100% - 375px); width:-webkit-calc(100% - 375px); } #inquiry .info dl dd b { font-weight:700;} #inquiry .info dl dd span { color:#b8b8b8;} /********************************************************* 기업소개 *********************************************************/ /* 연혁 */ #history {} #history .bg { height:400px; background:url("/img/sub/history_bg.jpg") no-repeat; background-size:cover;} #history .bg .txt { text-align:center; padding-top:110px;} #history .bg .txt dl { font-family: 'Lato', sans-serif; font-weight:700; line-height:1.2; color:#fff;} #history .bg .txt dl dt { font-size:65px;} #history .bg .txt dl dd { font-size:30px;} #history .bg .controls {} #history .bg .controls ul {} #history .bg .controls ul li { position:absolute; top:110px; } #history .bg .controls ul li.prev { left:0;} #history .bg .controls ul li.next { right:0;} #history .bg .controls ul li button { width:68px; height:68px; background:rgba(0,0,0,0.5); display:block; border:none; } #history .bg .controls ul li button:after { content: ""; width: 12px; height: 12px; border: 1px solid #fff; border-right: none; border-top: none; display: block; position: absolute; top: 50%; left: 50%; position: relative;} #history .bg .controls ul li.next button:after { margin-left: -12px; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } #history .bg .controls ul li.prev button:after { margin-left: -3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } #history .bg > div { width:90%; max-width:1300px; margin:0 auto; position:relative;} #history .list_wrap { background:#fff ;padding:36px 80px; width:90%; max-width:1300px; margin:-97px auto 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #history .list_wrap .slide_btn { } #history .list_wrap .slide_btn ul { position:relative;} #history .list_wrap .slide_btn ul:before { content:""; width:100%; height:8px; border-radius:4px; background:#f0f0f0; display:block; } #history .list_wrap .slide_btn ul li { float:left; width:25%; text-align:center; margin:0;} #history .list_wrap .slide_btn ul li button { font-size:17px; border:none; background:none; width:100%; position:relative; padding-top:32px; font-family: 'Lato', sans-serif; font-weight:700; color:#909090; outline:none;} #history .list_wrap .slide_btn ul li button:before { content:""; width:14px; height:14px; background:#be2a30; border:3px solid #fff; border-radius:50%; display:block; position:absolute; left:50%; top:-11px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left:-7px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } #history .list_wrap .slide_btn ul li button:after { display:none;} #history .list_wrap .slide_btn ul li.on button { font-size:24px; color:#be2a30; } #history .list_wrap .slide_btn ul li.on button:before { transform:scale(2); -moz-transform:scale(2); -webkit-transform:scale(2); -o-transform:scale(2); -ms-transform:scale(2); } #history .list_wrap .list { margin-top:100px;} #history .list_wrap .list article { display:none;} #history .list_wrap .list article:first-child { display:block;} #history .list_wrap .list article dl { padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #c7c7c7;} #history .list_wrap .list article dl:last-child { margin:0; } #history .list_wrap .list article dl:after { content:""; display:block; clear:both; } #history .list_wrap .list article dl dt { font-size:52px; color:#1d1d1d; font-weight:700; font-family: 'Lato', sans-serif; width:24.21052631579%;} #history .list_wrap .list article dl dd { width:75.78947368421%;} #history .list_wrap .list article dl dt, #history .list_wrap .list article dl dd { float:left;} #history .list_wrap .list article dl dd div { margin-bottom:24px;} #history .list_wrap .list article dl dd div:last-child { margin:0; } #history .list_wrap .list article dl dd div:after { content:""; display:block; clear:both; } #history .list_wrap .list article dl dd div span { font-family: 'Lato', sans-serif; font-weight:900; color:#b2b3b3; width:50px;} #history .list_wrap .list article dl dd div p { width:calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); } #history .list_wrap .list article dl dd div span, #history .list_wrap .list article dl dd div p { float:left; display:block; line-height:1.4;} /* 주요사업 */ #major {} #major .info { background:#f7f7f7; height:777px;} #major .info .list { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #major .info .list .tit { font-family: 'Lato', sans-serif; position:relative; width:360px; margin:0 auto;} #major .info .list .tit .circle { width:360px; height:360px; border-radius:50%; background:url("/img/sub/majon_bg.png") no-repeat center #be2a30; position:relative; margin:0 auto;} #major .info .list .tit .circle:after { content:""; width:100%; height:100%; display:block; padding:15px; border:1px solid #be2a30; border-radius:50%; position:absolute; left:-16px; top:-16px;} #major .info .list .tit strong { font-weight:900;} #major .info .list .tit p { color:#fff; font-size:32px; position:relative; top:50%; text-align:center; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #major .info .list .tit .txt_box { color:#be2a30; font-size:18px; font-weight:500; line-height:1.2; font-family: 'Noto Sans KR', sans-serif; } #major .info .list .tit .txt_box div { position:absolute; white-space:nowrap;} #major .info .list .tit .txt_box div:after { content:""; width:20px; height:20px; background:#be2a30; border:3px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:50%; display:block; position:absolute;} #major .info .list .tit .txt_box div:nth-child(odd) { text-align:right;} #major .info .list .tit .txt_box div:nth-child(1) { left:-118px; top:0;} #major .info .list .tit .txt_box div:nth-child(2) { left:100%; top:0;} #major .info .list .tit .txt_box div:nth-child(3) { left:-98px; bottom:0;} #major .info .list .tit .txt_box div:nth-child(4) {right:-93px; bottom:0;} #major .info .list .tit .txt_box div:nth-child(1):after { right:-62px; bottom:-26px;} #major .info .list .tit .txt_box div:nth-child(2):after { left:-62px; bottom:0;} #major .info .list .tit .txt_box div:nth-child(3):after { right:-62px; top:0;} #major .info .list .tit .txt_box div:nth-child(4):after { left:-54px; top:0;} #major .info .list .dl_group { position:absolute; left:0; top:0; width:100%; height:100%;} #major .info .list .dl_group dl { line-height:1.4; position:absolute;} #major .info .list .dl_group dl:before { content:""; width:30px; height:1px; background:#353535; margin:0 0 26px 0; display:inline-block;} #major .info .list .dl_group dl dt { font-size:21px; font-weight:500; color:#1d1d1d; } #major .info .list .dl_group dl dd { font-size:18px; margin-top:28px;} #major .info .list .dl_group dl dd p { margin-bottom:5px;} #major .info .list .dl_group dl dd p:last-child { margin:0;} #major .info .list .dl_group dl dd p span { display:inline-block; position:relative; padding:0 0 0 10px;} #major .info .list .dl_group dl dd p span:before { content:"-"; position:absolute; left:0; top:0; } #major .info .list .dl_group dl:nth-child(odd) { text-align:right;} #major .info .list .dl_group dl:nth-child(1) { left:10%; } #major .info .list .dl_group dl:nth-child(2) { right:8.42857142857%; } #major .info .list .dl_group dl:nth-child(3) { left:6.28571428571%; } #major .info .list .dl_group dl:nth-child(4) { right:4.78571428571%; } #major .info .list .dl_group dl:nth-child(1), #major .info .list .dl_group dl:nth-child(2) { top:-100px;} #major .info .list .dl_group dl:nth-child(3), #major .info .list .dl_group dl:nth-child(4) { bottom:-123px;} /* 파트너 */ #certification {} #certification .top { } #certification .top .bg { background:url("/img/sub/certification_bg.jpg") no-repeat center top; height:426px; background-size:cover; position:relative; margin-bottom:37px;} #certification .top .bg ul { position:absolute; right:150px; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #certification .top .bg ul li { float:left; width:184px; height:184px; border-radius:50%; color:#fff; font-size:18px; font-weight:500; padding:0 0 0 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:1.3; margin-right:-27px;} #certification .top .bg ul li p { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #certification .top .bg ul li:nth-child(1) { background:#fff; color:#1d1d1d;} #certification .top .bg ul li:nth-child(2) { background:#cf3036;} #certification .top .bg ul li:nth-child(3) { background:#4b4b4b;} #certification .top .bg .tit { color:#fff; font-size:100px; font-family: 'Lato', sans-serif; font-weight:300; position:absolute; left:82px; bottom:-15px;} .tab_s4 { text-align:center;} .tab_s4 > button { display:none; font-size:18px;} .tab_s4 ul { display:block; font-size:0; letter-spacing:-4px;} .tab_s4 ul li { width:19.58904109589%; max-width:286px; height:60px; border:1px solid #b5b5b5; margin-right:0.51369863014%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block ;vertical-align:top; letter-spacing:-0.5px; overflow:hidden;} .tab_s4 ul li:last-child { margin:0; } .tab_s4 ul li button { border:none; background:#efefef; width:100%; height:100%; font-size:18px; font-weight:300;} .tab_s4 ul li.on { border:1px solid #be2a30;} .tab_s4 ul li.on button { background:#fff; color:#be2a30;} #certification .list_wrap { margin-top:60px; } #certification .list_wrap > div { margin-bottom:40px; } .tab_con > div { display:none;} .tab_con > div:first-child { display:block;} #certification .list_wrap > div:last-child { margin:0; } #certification .list_wrap > div .tit { font-weight:500; margin-bottom:28px;} #certification .list_wrap > div .tit p { font-size:28px; color:#1d1d1d;} #certification .list_wrap > div .tit p span { color:#cbcbcb; display:inline-block; margin-left:10px;} #certification .list_wrap .list_s1 { } #certification .list_wrap .list_s1 ul {} #certification .list_wrap .list_s1 ul li { width:16.98630136986%; margin-right:3.76712328767%; margin-bottom:50px; float:left; text-align:center;} #certification .list_wrap .list_s1 ul li:nth-child(5n) { margin-right:0;} #certification .list_wrap .list ul li .img { border:1px solid #d8d8d8; overflow:hidden;} #certification .list_wrap .list ul li .img img { width:auto; max-width:100%;} #certification .list_wrap .list ul li .txt { font-size:15px; line-height:1.3; margin-top:15px; height:38px;} #certification .list_wrap .list ul li { margin-bottom:50px; float:left; text-align:center;min-height: 395px;} #certification .list_wrap .list_s2 { } #certification .list_wrap .list_s2 ul {} #certification .list_wrap .list_s2 ul li { width:15.75342465753%; margin-right:1.09589041096%; } #certification .list_wrap .list_s2 ul li:nth-child(6n) { margin-right:0;} /* 파트너 */ #partner_wrap {} #partner_wrap .top {} #partner_wrap .top .bg { background:url("/img/sub/partner_bg.jpg") no-repeat center top; height:426px;} #partner_wrap .info_box { position:relative; width:90%; max-width:1300px; margin:-186px auto 0;} #partner_wrap .info_box .txt { font-family: 'Lato', sans-serif; font-weight:300; font-size:100px; color:#fff; } #partner_wrap .info_box .info { background:#fff; padding:80px 6.15384615385%; margin-top:-12px;} #partner_wrap .info_box .info .top_info {} #partner_wrap .info_box .info .top_info .tit { font-size:34px; font-weight:700; color:#be2a30;} #partner_wrap .info_box .info .top_info ul { margin-top:50px;} #partner_wrap .info_box .info .top_info ul li { font-size:0; letter-spacing:-4px; float:left; width:49%; margin-right:2%;} #partner_wrap .info_box .info .top_info ul li:last-child { margin:0;} #partner_wrap .info_box .info .top_info ul li .img { width:183px; height:183px; border-radius:50%;} #partner_wrap .info_box .info .top_info ul li:nth-child(1) .img { background:url("/img/sub/partner_bg02.png") no-repeat center #be2a30;} #partner_wrap .info_box .info .top_info ul li:nth-child(2) .img { background:url("/img/sub/partner_bg03.png") no-repeat center #4b4b4b; } #partner_wrap .info_box .info .top_info ul li .img {} #partner_wrap .info_box .info .top_info ul li .txt_wrap { padding:0 0 0 24px; width:calc(100% - 183px); width:-moz-calc(100% - 183px); width:-webkit-calc(100% - 183px); } #partner_wrap .info_box .info .top_info ul li .img, #partner_wrap .info_box .info .top_info ul li .txt_wrap { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #partner_wrap .info_box .info .top_info ul li .txt_wrap dl { line-height:1.3;} #partner_wrap .info_box .info .top_info ul li .txt_wrap dl dt { font-size:21px; font-weight:500; color:#1d1d1d;} #partner_wrap .info_box .info .top_info ul li .txt_wrap dl dd { font-size:18px; margin-top:18px;} #partner_wrap .info_box .info .list_wrap { border-top:2px solid #1d1d1d; text-align:center; padding-top:25px; margin-top:76px; border-bottom:1px solid #cecece; padding-bottom:29px;} #partner_wrap .info_box .info .list_wrap img { width:auto;max-width:100%; max-height:72px;} #partner_wrap .info_box .info .list_wrap ul { margin:0 auto; width:100%;} #partner_wrap .info_box .info .list_wrap ul li { float:left; width:12.5%; text-align:center; border:1px solid #f0f0f0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:none;} #partner_wrap .info_box .info .list_wrap ul li:nth-child(8n) { border-right:none;} #partner_wrap .info_box .info .list_wrap ul li:nth-child(8n+1) { border-left:none;} #partner_wrap .info_box .info .list_wrap ul li:nth-child(1), #partner_wrap .info_box .info .list_wrap ul li:nth-child(2), #partner_wrap .info_box .info .list_wrap ul li:nth-child(3), #partner_wrap .info_box .info .list_wrap ul li:nth-child(4), #partner_wrap .info_box .info .list_wrap ul li:nth-child(5), #partner_wrap .info_box .info .list_wrap ul li:nth-child(6), #partner_wrap .info_box .info .list_wrap ul li:nth-child(7), #partner_wrap .info_box .info .list_wrap ul li:nth-child(8) { border-top:none; } /* 오시는길 */ #map_wrap {} #map_wrap .tab_con{ margin-top:60px;} #map_wrap .map_info .frame iframe { width:100%; height:100%;} #map_wrap .map_info .frame { width:56.02739726027%;} #map_wrap .map_info .info { width:43.97260273973%; padding:10px; background:url("/img/sub/pattern_02.gif") repeat; } #map_wrap .map_info .frame, #map_wrap .map_info .info { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:622px;} #map_wrap .map_info .info > div { background:#fff; height:100%; padding:55px 6.54205607477%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #map_wrap .map_info .info > div .tit { font-size:28px; font-weight:500; color:#1d1d1d; position:relative; padding:0 0 0 16px;} #map_wrap .map_info .info > div .tit:before { content:""; height:25px; background:#3b292a; } #map_wrap .map_info .info > div .tit:after { background:#be2a30; height:13px;} #map_wrap .map_info .info > div .tit:before, #map_wrap .map_info .info > div .tit:after { content:""; width:6px; display:block; position:absolute; left:0; top:3px;} #map_wrap .map_info .info > div .box { padding:0 18px; margin-top:32px; position:relative; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #map_wrap .map_info .info > div .box dl {} #map_wrap .map_info .info > div .box dl dt { font-size:19px; font-weight:500; color:#1d1d1d; border-bottom:1px solid #8e8e8e; padding-bottom:17px; margin-bottom:17px;} #map_wrap .map_info .info > div .box dl dd {} #map_wrap .map_info .info > div .box dl dd div { overflow:hidden; margin-bottom:10px;} #map_wrap .map_info .info > div .box dl dd div:last-child { margin:0; } #map_wrap .map_info .info > div .box dl dd div span { color:#eb4335; width:40px;} #map_wrap .map_info .img_slide {overflow:hidden; position:absolute; max-width:504px; /* margin:54px auto 0; */ bottom:55px;} #map_wrap .map_info .list { font-size:0; letter-spacing:-4px; position:relative; width:1000px !important;} #map_wrap .map_info article { float:left; width:100%; margin-right:9px;max-width: 106px; letter-spacing:-0.5px;padding-top:120px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; } #map_wrap .map_info article.on { max-width:266px; padding:0;} #map_wrap .map_info article img { width:100%; } #map_wrap .map_info .slide_btn { position:absolute; left:275px; z-index:100; top:72px;} #map_wrap .map_info .slide_btn ul li button { background:#202c3f; border:none;} #map_wrap .map_info .info > div .box dl dd div p { color:#1d1d1d; width:calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); } #map_wrap .info > div .box dl dd div span, #map_wrap .info > div .box dl dd div p { float:left; font-size:17px; line-height:1.5;} #map_wrap .location_info { border-top:2px solid #1d1d1d; margin-top:70px;} #map_wrap .location_info .tit { font-size:19px; font-weight:500; color:#1d1d1d; padding:22px 28px; } #map_wrap .location_info .info { padding:26px 28px; border:1px solid #cecece; border-left:none; border-right:none;} #map_wrap .location_info .info dl { font-size:17px; margin-bottom:28px;} #map_wrap .location_info .info dl:last-child { margin:0;} #map_wrap .location_info .info dl dt { color:#eb4335;} #map_wrap .location_info .info dl dd { color:#343434; margin-top:10px;} #map_wrap .location_info .info dl dd p { position:relative; line-height:1.4; padding:0 0 0 20px;} #map_wrap .location_info .info dl dd p:before { content:"-"; position:absolute; left:0; top:0;} /* 윤리경영*/ #operation {} #operation .bg { background:url("/img/sub/operation_bg.jpg") no-repeat center top; background-size:cover; padding:80px 4.79452054795%; } #operation .bg dl { line-height:1.4;} #operation .bg dl dt { font-size:32px; color:#313334; margin-bottom:20px;} #operation .bg dl dt:after { content:""; width:30px; height:1px; background:#313334; display:block; margin-top:22px; } #operation .bg dl dd { font-size:18px;} #operation .icon_info { font-size:0; letter-spacing:-4px; padding:104px 5.41095890411%;} #operation .icon_info > div { display:inline-block; vertical-align:middle; margin-right:2.7397260274%; letter-spacing:-0.5px;} #operation .icon_info > div:last-child { margin:0; } #operation .icon_info > div .img img { width:auto; max-width:100%; } #operation .icon_info > div.left { width:54.65753424658%;} #operation .icon_info > div.right { width:42.60273972603%;} #operation .icon_info > div.left ul {} #operation .icon_info > div.left ul li { float:left; width:48%; margin-right:4%; margin-bottom:64px; padding-top:68px;} #operation .icon_info > div.left ul li:nth-child(2n) { margin-right:0;} #operation .icon_info > div.left ul li dl { line-height:1.4;} #operation .icon_info > div.left ul li dl dt { font-weight:500;} #operation .icon_info > div.left ul li dl dt p { font-size:21px; color:#1d1d1d; } #operation .icon_info > div.left ul li dl dt span { font-size:18px; display:block; color:#b8b8b8;} #operation .icon_info > div.left ul li dl dd { margin-top:22px; font-size:18px;} #operation .icon_info > div.left ul li:nth-child(1) { background:url("/img/sub/operation_icon01.png") no-repeat left top;} #operation .icon_info > div.left ul li:nth-child(2) { background:url("/img/sub/operation_icon02.png") no-repeat left top;} #operation .icon_info > div.left ul li:nth-child(3) { background:url("/img/sub/operation_icon03.png") no-repeat left top;} #operation .icon_info > div.left ul li:nth-child(4) { background:url("/img/sub/operation_icon04.png") no-repeat left top;} #operation .document_wrap {} #operation .document_wrap > div { float:left; line-height:1.3; margin-right:2.19178082192%;} #operation .document_wrap > div:last-child { margin:0; } #operation .document_wrap > div.left { border-top:2px solid #1d1d1d; width:47.94520547945%;} #operation .document_wrap > div.left .tit { font-size:21px; color:#1d1d1d; font-weight:500; padding:25px;} #operation .document_wrap > div.left .list { border:1px solid #cecece; border-left:none; border-right:none; padding:28px 0;} #operation .document_wrap > div.left .list ul { padding:0 0 0 25px;} #operation .document_wrap > div.left .list ul li { float:left; margin-right:8%; position:relative; padding:0 0 0 14px;} #operation .document_wrap > div.left .list ul li:last-child { margin:0; } #operation .document_wrap > div.left .list ul li:before { content:""; width:4px; height:4px; background:#858585; display:block; position:absolute; left:0; top:14px;} #operation .document_wrap > div.left .list ul li p {} #operation .document_wrap > div.left .list ul li a { display:block; background:url("/img/sub/download_icon3.png") no-repeat 12px center; width:146px; height:36px; border:1px solid #dbdbdb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px; color:#565758; font-weight:500; line-height:34px; font-size:12px; padding:0 0 0 40px;} #operation .document_wrap > div.left .list ul li p, #operation .document_wrap > div.left .list ul li a { display:inline-block;} #operation .document_wrap > div.left .list ul li a { margin-left:15px;} #operation .document_wrap > div.left .list ul li a span { color:#be2a30; } #operation .document_wrap > div.right { width:49.86301369863%; } #operation .document_wrap > div.right ul {} #operation .document_wrap > div.right ul li { float:left; border:1px solid #dbdbdb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:174px; /* width:49.45054945055%; margin-right:1.0989010989%; */ width:100%; text-align:center;} #operation .document_wrap > div.right ul li a { display:block; height:100%;} #operation .document_wrap > div.right ul li .txt { position:relative; top:50%; display:inline-block; text-align:left; padding:0 0 0 86px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #operation .document_wrap > div.right ul li:nth-child(1) .txt:before { content:url("/img/sub/operation_icon05.png")} #operation .document_wrap > div.right ul li:nth-child(2) .txt:before { content:url("/img/sub/operation_icon06.png")} #operation .document_wrap > div.right ul li .txt:before { position:absolute; left:0; top:-10px; } #operation .document_wrap > div.right ul li:last-child { margin:0; } #operation .document_wrap > div.right ul li .txt span { display:block; width:79px; height:26px; background:#333; color:#fff; margin-top:10px; text-align:center; line-height:26px; font-size:12px;} #operation .document_wrap > div.right ul li:hover .txt span { background:#be2a30;} /************************************** 비즈니스 **************************************/ #busi_main { font-size:17px;} #busi_main .top { background:#f8f8f8; text-align:center; line-height:1.4; padding:56px 15px;} #busi_main .top .tit { font-size:26px; color:#313334;} #busi_main .top .tit strong { font-weight:700;} #busi_main .top .list { margin-top:30px;} #busi_main .top .list ul { margin-bottom:27px;} #busi_main .top .list ul:last-child { margin:0; } #busi_main .top .list ul li { display:inline-block; margin-right:15px;} #busi_main .top .list ul li:last-child { margin:0;} #busi_main .top .list ul li:before { content:url("/img/sub/check_icon.png"); margin-right:3px;} #busi_main .con { margin-top:94px;} #busi_main .con1 .img { margin-top:40px;} #busi_main .img { text-align:center;} #busi_main .img img { width:auto; max-width:100%; } .bisu_tit_s1 { color:#313334; line-height:1.4; text-align:center;} .bisu_tit_s1:before { content:""; width:19px; height:4px; background:#313334; display:block; margin:0 auto 15px;} .bisu_tit_s1 p { font-size:34px; font-weight:700;} .bisu_tit_s1 p em { font-weight:300;} .bisu_tit_s1 span { font-size:20px; display:block; margin-top:30px;} .bisu_tit_s1.bisu_tit_s1_w { color:#fff;} .bisu_tit_s1.bisu_tit_s1_w:before { background:#fff; } .bisu_tit_s1 .w815px { max-width:815px; margin:0 auto; } .bisu_tit_s1 .w815px > div { text-align:left;} #busi_main .con2 .list { margin-top:50px;} #busi_main .con2 .list ul { } #busi_main .con2 .list ul li { float:left; width:32.60273972603%; border:1px solid #cecece; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:1.09589041096%; margin-bottom:22px; position:relative;} #busi_main .con2 .list ul li:nth-child(3n) { margin-right:0;} #busi_main .con2 .list ul li .txt { padding:20px 30px; position:absolute; width:100%; background:#fff; z-index:100; bottom:0;} #busi_main .con2 .list ul li a { display:block; } #busi_main .con2 .list ul li .img {} #busi_main .con2 .list ul li .txt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } #busi_main .con2 .list ul li .img { position:relative; overflow:hidden;} #busi_main .con2 .list ul li .img img { transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; -ms-transition:all 0.8s; } #busi_main .con2 .list ul li .cate { position:absolute; left:0; bottom:57px; background:rgba(0,0,0,0.5); width:100%; padding:20px 30px; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left;} #busi_main .con2 .list ul li .cate:after { content:""; width:54px; height:100%; background:url("/img/sub/busi_arr.png") no-repeat center rgba(190,42,48,0.8); display:block; position:absolute; right:0; top:0; z-index:10;} #busi_main .con2 .list > ul > li { overflow:hidden;} #busi_main .con2 .list ul li .hover { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; color:#fff; padding:34px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:none;} #busi_main .con2 .list ul li .hover .tit { font-size:18px; font-weight:700; padding:0 0 16px 0; border-bottom:1px solid #fff; text-align:left; position:relative; } #busi_main .con2 .list ul li .hover ul { font-size:0; letter-spacing:-4px; position:absolute; bottom:75px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; left:0} #busi_main .con2 .list ul li .hover ul li { display:inline-block; border:none; letter-spacing:-0.5px; width:25%; margin:0; line-height:1.2; vertical-align:middle; float:none; position:relative;} #busi_main .con2 .list ul li .hover ul li p { font-weight:300; font-size:16px; } #busi_main .con2 .list ul li .hover ul li:before { content:""; width:70px; height:70px; background-color:#be2a30 !important; display:block; border-radius:50%; position:absolute; top:-82px; left:50%; margin-left:-35px;} #busi_main .con2 .list ul li .hover ul li.one:before { top:-90px;} #busi_main .con2 .list ul li .hover .view { position:absolute; right:0; top:-7px; width:100px; height:36px; background:url("/img/sub/busi_arr.png") no-repeat 76px center #1f1f1f; border-radius:18px; font-size:13px; line-height:36px; font-weight:300; padding:0 0 0 18px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #busi_main .con2 .list ul li .hover.len_5 ul li { width:20%;} #busi_main .con2 .list ul li.on .txt { bottom:-100px; width:100%; } #busi_main .con2 .list ul li.on .cate { opacity:0;} #busi_main .con2 .list ul li.on .img img { transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); } #busi_main .con2 .list ul li.office .hover ul li:nth-child(1):before { background:url("/img/sub/bus_main_icon01.png") no-repeat center; } #busi_main .con2 .list ul li.office .hover ul li:nth-child(2):before { background:url("/img/sub/bus_main_icon02.png") no-repeat center; } #busi_main .con2 .list ul li.office .hover ul li:nth-child(3):before { background:url("/img/sub/bus_main_icon03.png") no-repeat center; } #busi_main .con2 .list ul li.office .hover ul li:nth-child(4):before { background:url("/img/sub/bus_main_icon04.png") no-repeat center; } #busi_main .con2 .list ul li.traffic .hover ul li:nth-child(1):before { background:url("/img/sub/bus_main_icon05.png") no-repeat center; } #busi_main .con2 .list ul li.traffic .hover ul li:nth-child(2):before { background:url("/img/sub/bus_main_icon06.png") no-repeat center; } #busi_main .con2 .list ul li.traffic .hover ul li:nth-child(3):before { background:url("/img/sub/bus_main_icon07.png") no-repeat center; } #busi_main .con2 .list ul li.traffic .hover ul li:nth-child(4):before { background:url("/img/sub/bus_main_icon08.png") no-repeat center; } #busi_main .con2 .list ul li.education .hover ul li:nth-child(1):before { background:url("/img/sub/bus_main_icon09.png") no-repeat center; } #busi_main .con2 .list ul li.education .hover ul li:nth-child(2):before { background:url("/img/sub/bus_main_icon10.png") no-repeat center; } #busi_main .con2 .list ul li.education .hover ul li:nth-child(3):before { background:url("/img/sub/bus_main_icon11.png") no-repeat center; } #busi_main .con2 .list ul li.education .hover ul li:nth-child(4):before { background:url("/img/sub/bus_main_icon12.png") no-repeat center; } #busi_main .con2 .list ul li.education .hover ul li:nth-child(5):before { background:url("/img/sub/bus_main_icon13.png") no-repeat center; } #busi_main .con2 .list ul li.residence .hover ul li:nth-child(1):before { background:url("/img/sub/bus_main_icon14.png") no-repeat center; } #busi_main .con2 .list ul li.residence .hover ul li:nth-child(2):before { background:url("/img/sub/bus_main_icon15.png") no-repeat center; } #busi_main .con2 .list ul li.residence .hover ul li:nth-child(3):before { background:url("/img/sub/bus_main_icon16.png") no-repeat center; } #busi_main .con2 .list ul li.residence .hover ul li:nth-child(4):before { background:url("/img/sub/bus_main_icon17.png") no-repeat center; } #busi_main .con2 .list ul li.residence .hover ul li:nth-child(5):before { background:url("/img/sub/bus_main_icon18.png") no-repeat center; } #busi_main .con2 .list ul li.shopping .hover ul li:nth-child(1):before { background:url("/img/sub/bus_main_icon19.png") no-repeat center; } #busi_main .con2 .list ul li.shopping .hover ul li:nth-child(2):before { background:url("/img/sub/bus_main_icon20.png") no-repeat center; } #busi_main .con2 .list ul li.shopping .hover ul li:nth-child(3):before { background:url("/img/sub/bus_main_icon21.png") no-repeat center; } #busi_main .con2 .list ul li.shopping .hover ul li:nth-child(4):before { background:url("/img/sub/bus_main_icon22.png") no-repeat center; } #busi_main .con2 .list ul li.leisure .hover ul li:nth-child(1):before { background:url("/img/sub/bus_main_icon23.png") no-repeat center; } #busi_main .con2 .list ul li.leisure .hover ul li:nth-child(2):before { background:url("/img/sub/bus_main_icon24.png") no-repeat center; } #busi_main .con2 .list ul li.leisure .hover ul li:nth-child(3):before { background:url("/img/sub/bus_main_icon25.png") no-repeat center; } #busi_main .con2 .list ul li.leisure .hover ul li:nth-child(4):before { background:url("/img/sub/bus_main_icon26.png") no-repeat center; } #busi_main .con2 .list ul li.leisure .hover ul li:nth-child(5):before { background:url("/img/sub/bus_main_icon27.png") no-repeat center; } #busi_main .con2 .list ul li.on { } /* 비즈니스 - 사무실 / 공장 - 공통*/ #busi_common { padding-top:110px;} #busi_common .img {} #busi_common .img img { width:auto; max-width:100%;} #busi_common .top_bg { height:550px; padding-top:190px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-size:cover !important;} #busi_common .top_bg .tit { text-align:center; font-weight:700; font-size:46px; color:#fff;} #busi_common .icon_list { margin-top:-148px;} #busi_common .icon_list ul { text-align:center;} #busi_common .icon_list ul li { float:left; width:16.66666666666667%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff; box-shadow:5px 5px 25px rgba(0,0,0,0.25); height:290px; padding-top:76px; } #busi_common .icon_list ul li:first-child { background:#1859c5; padding-top:32px; margin-top:-40px;} #busi_common .icon_list ul li:first-child dl {padding-top:68px;} #busi_common .icon_list ul li:first-child dl dt { color:#fff; font-size:26px;} #busi_common .icon_list ul li:first-child dl dt strong { display:block; } #busi_common .icon_list ul li:first-child dl dt strong.br_none{ display:inline;} #busi_common .icon_list ul li:first-child dl dd { color:#fff;} #busi_common .icon_list ul li dl { line-height:1.4; padding-top:68px;} #busi_common .icon_list ul li dl dt { font-size:18px; font-weight:500; color:#333;} #busi_common .icon_list ul li dl dd { margin-top:12px;} #busi_common .icon_list ul li:nth-child(1) dl { background:url("/img/sub/off_fac_icon01.png") no-repeat center top;} #busi_common .icon_list ul li:nth-child(2) dl { background:url("/img/sub/off_fac_icon02.png") no-repeat center top;} #busi_common .icon_list ul li:nth-child(3) dl { background:url("/img/sub/off_fac_icon03.png") no-repeat center top;} #busi_common .icon_list ul li:nth-child(4) dl { background:url("/img/sub/off_fac_icon04.png") no-repeat center top;} #busi_common .icon_list ul li:nth-child(5) dl { background:url("/img/sub/off_fac_icon05.png") no-repeat center top;} #busi_common .icon_list ul li:nth-child(6) dl { background:url("/img/sub/off_fac_icon06.png") no-repeat center top;} #busi_common .img_group {text-align:center} #busi_common .img_group .img { margin-top:60px;} #busi_common .img_group img { width:auto; max-width:100%;} #busi_common .img_group > div { } #busi_common .img_group > div > div { margin-bottom:120px;} #busi_common .img_group > div > div:last-child { margin:0;} #busi_common .img_group.line > div > div { border-bottom:1px solid #c7c7c7; padding-bottom:120px;} #busi_common .process .bn { padding:100px 0; background-size:cover !important;} #busi_common .process .img { position:absolute; left:0; bottom:-100px; margin:0 !important;} #busi_common .process .step { margin-top:68px; padding:0 0 0 390px; position:relative; } #busi_common .process .step > div{ margin-bottom:20px;} #busi_common .process .step > div:last-child { margin:0; } #busi_common .process .step .tit { font-weight:500; font-size:18px; padding:0 0 0 26px; margin-bottom:10px; text-align:left;} #busi_common .process .step .tit .mark { color:#fff; padding:5px 14px; font-size:15px; font-weight:300; border-radius:5px; display:inline-block; margin-left:5px;} #busi_common .process .step ul { } #busi_common .process .step ul li { float:left; width:120px; height:120px; background:#fff; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:26px; line-height:1.4; margin-right:58px; text-align:center; position:relative; margin-bottom:20px;} #busi_common .process .step ul li:last-child { margin:0;} #busi_common .process .step .keep ul li dl {} #busi_common .process .step .keep ul li dl dt { color:#167ec4;} #busi_common .process .step .excess_charge ul li dl dt, #busi_common .process .step .find ul li.bg_none dl dt, #busi_common .process .step .find ul li dl dt { color:#e19d11;} #busi_common .process .step ul li:before { content:url("/img/sub/step_default_arr.png"); position:absolute; left:-36px; top:50%; margin-top:-17px;} #busi_common .process .step ul li:first-child:before { display:none;} #busi_common .process .step ul li.icon_hide:before { display:none;} #busi_common .process .step ul li:last-child, #busi_common .process .step ul li:last-child dl dt { color:#fff;} #busi_common .process .step .keep ul li:last-child:before { content:url("/img/sub/step_blue_arr.png");} #busi_common .process .step .keep ul li:last-child { background:rgba(4,60,98,0.9);} #busi_common .process .step .find ul li:last-child:before { content:url("/img/sub/step_orange_arr.png");} #busi_common .process .step .default ul li:last-child:before { content:url("/img/sub/step_default_arr.png");} #busi_common .process .step .line_top { border-top:1px solid rgba(255,255,255,0.5); padding-top:35px;} #busi_common .process .step .puple_step ul li:last-child:before { content:url("/img/sub/step_puple_arr.png");} #busi_common .process .step .yellow_step ul li:last-child:before { content:url("/img/sub/step_yellor_arr.png");} #busi_common .process .step .green_step ul li:last-child:before { content:url("/img/sub/step_green_arr.png");} #busi_common .process .step .excess_charge ul li:last-child, #busi_common .process .step .find ul li:last-child { background:rgba(224,99,15,0.9);} #busi_common .process .step li.bg_none { background:#fff !important;} #busi_common .process .step ul li dl dt {font-weight:700;} #busi_common .process .step ul li.bg_none dl dd {color:#555 !important; } #busi_common .process .step ul li.bg_none dl dd, #busi_common .process .step ul li dl dd { margin-top:10px; font-weight:500; font-size:15px; color:#555; } #busi_common .process .step ul li:last-child dl dd { color:#fff; } .blue_color { color:#0f9af8 !important;} .orange_color { color:#e39f10 !important;} .orange_color2 { color:#df620f !important;} .puple_color { color:#8281d3 !important;} .cyan_color { color:#0ca961 !important;} .cyan_color2 { color:#0fc9f8 !important;} .yellow_color { color:#d29515 !important;} .green_color { color:#67b913 !important;} .bg_gray { background:#f3f3f3 !important;} .bg_puple { background:#8281d3 !important;} .bg_yellow { background:#d29515 !important;} .bg_blue { background:#0f9af8 !important;} .bg_blue2 { background:#043c62e6 !important;} .green_bg { background:#67b913 !important;} .usage_policy {} .usage_policy .img { text-align:center; margin-top:66px; } .usage_policy .txt_info { margin-top:63px;} .usage_policy .txt_info > div { float:left; width:49%; margin-right:2%; line-height:1.4;} .usage_policy .txt_info > div:last-child { margin:0; } .usage_policy .txt_info .left {} .usage_policy .txt_info .left ul {} .usage_policy .txt_info .left ul li { position:relative; overflow:hidden; margin-bottom:14px;} .usage_policy .txt_info .left ul li span { width:109px; height:38px; color:#fff; text-align:center; display:block; line-height:38px; background:#2c68ae; font-size:21px; font-weight:500; position:relative; margin-right:40px;} .usage_policy .txt_info .left ul li span:after { content:url("/img/sub/usage_policy_arr.jpg"); position:absolute; right:-29px;} .usage_policy .txt_info .left ul li p { margin-top:8px; width:calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); } .usage_policy .txt_info .left ul li span, .usage_policy .txt_info .left ul li p { float:left;} .usage_policy .txt_info .right ul li {position:relative; overflow:hidden; margin-bottom:14px;} .usage_policy .txt_info .right ul li span, .usage_policy .txt_info .right ul li div { float:left; display:block; margin:5px 0;} .usage_policy .txt_info .right ul li div { } .usage_policy .txt_info .right ul li span { color:#1c1c1c; font-weight:500; margin-right:3px;} .usage_policy .txt_info.fl_l .right { width:100%;} .usage_policy .txt_info.fl_l .right ul {} .usage_policy .txt_info.fl_l .right ul li { width:50%; float:left;} .usage_policy {} .usage_policy .list { margin-top:44px;} .usage_policy .list ul { text-align:center;} .usage_policy .list ul li { display:inline-block; border:1px solid #dfdfdf; width:250px; vertical-align:top; border-radius:12px 12px 0 0; margin-right:60px;} .usage_policy .list ul li:last-child { margin:0; } .usage_policy .list ul li .tit { height:60px; line-height:60px; color:#313334; font-weight:700; border-bottom:1px solid #dfdfdf; background: #ebebeb; background: -moz-linear-gradient(to bottom, #ebebeb, #fff); background: -webkit-linear-gradient(to bottom, #ebebeb, #fff); background: linear-gradient(to bottom, #ebebeb, #fff); } .usage_policy .list ul li .txt { color:#919698; line-height:1.4; height:106px;} .usage_policy .list ul li .txt p { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .recommended { padding:92px 0;} .recommended .list {} .recommended .list ul { text-align:center; font-size:0; } .recommended .list ul li { display:inline-block; vertical-align:top; width:18.63013698635%; margin-right:3.90410958904%; margin-top:50px;} .recommended .list ul li:nth-child(3n) { margin-right:0;} .recommended .list ul li .img { border:1px solid #c4c4c4; overflow:hidden; position:relative;} .recommended .list ul li .img { width:100%; padding-bottom:66.91176470588%; display:block; position:relative; overflow:hidden;} .recommended .list ul li .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-height: 100%; width:100%;} .recommended .list ul li .img:after { content:""; width:100%; height:100%; background:url("/img/sub/recommended_more.png") no-repeat center rgba(0,0,0,0.7); display:block; position:absolute; left:0; top:0; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s; } .recommended .list ul li:hover .img:after { opacity:1;} .recommended .list ul li .txt { line-height:1.4; font-size:18px; color:#313334; margin-top:15px; text-align:left; word-break: break-all; text-align:center;} /* 비즈니스 - 사무실 / 공장 - 스마트오피스*/ .busi_smart .top_bg { background:url("/img/sub/smart_office_bg.jpg") no-repeat center top;} .busi_smart .process .bn { background-size:cover !important;} .busi_smart .process .bn1 { background:url("/img/sub/smart_bg01.jpg") no-repeat center top;} .busi_smart .process .bn2 { background:url("/img/sub/smart_bg02.jpg") no-repeat center top;} .busi_smart .process .bn3 { background: url("/img/sub/office_bg01.jpg") no-repeat center top} /* 비즈니스 - 사무실 / 공장 - 오피스*/ .busi_office .top_bg { background:url("/img/sub/busi_office_bg.jpg") no-repeat center top;} .busi_office .process .bn1 { background:url("/img/sub/smart_bg02.jpg") no-repeat center top;} .busi_office .process .bn2 { background: url("/img/sub/office_bg01.jpg") no-repeat center top} /* 비즈니스 - 사무실 / 공장 - 팩토리 */ .busi_factory .top_bg { background:url("/img/sub/factory_top_bg.jpg") no-repeat center top;} .busi_factory .process .bn1 { background:url("/img/sub/factory_bg01.jpg") no-repeat center top;} .busi_factory .process .bn2 { background:url("/img/sub/factory_bg02.jpg") no-repeat center top;} .busi_factory .process .bn3 { background:url("/img/sub/factory_bg03.jpg") no-repeat center top;} /* 비즈니스 - 사무실 / 공장 - 관공서 */ .busi_government .top_bg { background:url("/img/sub/busi_government_top_bg.jpg") no-repeat center top;} .busi_government .process .bn1 { background:url("/img/sub/busi_government_bg01.jpg") no-repeat center top;} /* 비즈니스 - 교통 - 철도 */ .busi_railway .top_bg { background:url("/img/sub/busi_railway-top_bg.jpg") no-repeat center top;} .busi_railway .process .bn1 { background:url("/img/sub/railway_bg01.jpg") no-repeat center top;} .excess_charge { padding:0 0 0 360px; position:relative; margin-top:-20px !important;} .excess_charge2 { padding:0 0 0 179px; position:relative; margin-top:-20px !important;} .excess_charge.left_0 { padding:0;} .excess_charge .tit { position:absolute; left:200px; top:50px;} .excess_charge2 .tit { position:absolute; left:0; top:50px;} .excess_charge.left_0 .tit { left:-213px;} /* 비즈니스 - 교통 - 터미널 */ .busi_terminal .top_bg { background:url("/img/sub/busi_terminal_top_bg.jpg") no-repeat center top;} .busi_terminal .process .bn1 { background:url("/img/sub/terminal_bg01.jpg") no-repeat center top;} /* 비즈니스 - 교통 - 공항 */ .busi_airport .top_bg { background:url("/img/sub/busi_airport_top_bg.jpg") no-repeat center top;} .busi_airport .process .bn1 { background:url("/img/sub/airport_bg01.jpg") no-repeat center top;} /* 비즈니스 - 교통 - 지하철*/ .busi_subway .top_bg { background:url("/img/sub/busi_subway_top_bg.jpg") no-repeat center top;} .busi_subway .process .bn1 { background:url("/img/sub/subway_bg01.jpg") no-repeat center top;} .busi_subway .process .bn2 { background:url("/img/sub/subway_bg02.jpg") no-repeat center top;} /* 비즈니스 - 교육 - 학교 */ .busi_school .top_bg { background:url("/img/sub/busi_scholl_top_bg.jpg") no-repeat center top;} .busi_school .process .bn1 { background:url("/img/sub/school_bg01.jpg") no-repeat center top;} /* 비즈니스 - 교육 - 기숙사 */ .busi_dormitory .top_bg { background:url("/img/sub/busi_dormitory_top_bg.jpg") no-repeat center top;} .busi_dormitory .process .bn1 { background:url("/img/sub/school_bg01.jpg") no-repeat center top;} /* 비즈니스 - 교육 - 도서관 */ .busi_library .top_bg { background:url("/img/sub/busi_library_top_bg.jpg") no-repeat center top;} .busi_library .process .bn1 { background:url("/img/sub/school_bg01.jpg") no-repeat center top;} /* 비즈니스 - 교육 - 병원 */ .busi_hospital .top_bg { background:url("/img/sub/hospital_top_bg.jpg") no-repeat center top;} .busi_hospital .process .bn1 { background:url("/img/sub/hospital_bg01.jpg") no-repeat center top;} .busi_hospital .process .bn2 { background:url("/img/sub/hospital_bg02.jpg") no-repeat center top;} /* 비즈니스 - 교육 - 세탁소 */ .busi_laundry .top_bg { background:url("/img/sub/laundry_top_bg.jpg") no-repeat center top;} .busi_laundry .process .bn1 { background:url("/img/sub/laundry_bg01.jpg") no-repeat center top;} /* 비즈니스 - 주거시설/호텔 - 아파트 */ .busi_apartment .top_bg { background:url("/img/sub/apartment_top_bg.jpg") no-repeat center top;} .busi_apartment .process .bn1 { background:url("/img/sub/apartment_bg01.jpg") no-repeat center top;} .busi_apartment#busi_common .icon_list ul li:first-child { padding-top:20px;} .busi_apartment#busi_common .process .step { overflow:visible;} .busi_apartment#busi_common .process .step2 { padding:0 0 0 40px;} .busi_apartment#busi_common .process .step2 .excess_charge { padding: 0 0 0 714px; } .busi_apartment#busi_common .process .step2 .excess_charge .tit { left: 542px;} .busi_apartment#busi_common .process .img { bottom:-440px;} .busi_apartment#busi_common .process .line { border-top:1px solid rgba(255,255,255,0.7); padding-top:70px; margin-top:70px; position:relative; z-index:10;} /* 비즈니스 - 주거시설/호텔 - 오피스텔 */ .busi_efficiency .top_bg { background:url("/img/sub/efficiency_top_bg.jpg") no-repeat center top;} .busi_efficiency .process .bn1 { background:url("/img/sub/efficiency_bg01.jpg") no-repeat center top;} /* 비즈니스 - 주거시설/호텔 - 다세대주택 */ .busi_multi .top_bg { background:url("/img/sub/multi_top_bg.jpg") no-repeat center top;} .busi_multi .process .bn1 { background:url("/img/sub/multi_bg01.jpg") no-repeat center top;} /* 비즈니스 - 주거시설/호텔 - 호텔 */ .busi_hotel .top_bg { background:url("/img/sub/busi_hotel_top_bg.jpg") no-repeat center top;} .busi_hotel .process .bn1 { background:url("/img/sub/hotel_bg01.jpg") no-repeat center top;} /* 비즈니스 - 주거시설/호텔 - 백화점 */ .busi_store .top_bg { background:url("/img/sub/store_top_bg.jpg") no-repeat center top;} .busi_store .process .bn1 { background:url("/img/sub/store_bg01.jpg") no-repeat center top;} .busi_store .process .bn2 { background:url("/img/sub/store_bg02.jpg") no-repeat center top;} /* 비즈니스 - 주거시설/호텔 - 대형마트 */ .busi_mart .top_bg { background:url("/img/sub/mart_top_bg.jpg") no-repeat center top;} .busi_mart .process .bn1 { background:url("/img/sub/mart_bg01.jpg") no-repeat center top;} .busi_mart .inquiry { text-align:center;} .busi_mart .inquiry a { display:inline-block; } .busi_mart .inquiry a > div { display:inline-block; vertical-align:middle; } .busi_mart .inquiry .txt { text-align:left; margin-left:23px;} .busi_mart .inquiry .txt .tit { font-size:34px; color:#000; font-weight:700; margin-bottom:28px;} .busi_mart .inquiry .txt dl { line-height:1.4; margin-bottom:26px; position:relative; padding-left:40px;} .busi_mart .inquiry .txt dl:before { content:""; width:25px; height:1px; background:#000; display:block; position:absolute; left:0; top:12px;} .busi_mart .inquiry .txt dl:last-child { margin:0; } .busi_mart .inquiry .txt dl dt { font-size:20px; font-weight:500; color:#000;} .busi_mart .inquiry .txt dl dd { margin-top:5px;} /* 비즈니스 - 주거시설/호텔 - 편의점 */ .busi_convenience .top_bg { background:url("/img/sub/convenience_top_bg.jpg") no-repeat center top;} .busi_convenience .process .bn1 { background:url("/img/sub/convenience_bg01.jpg") no-repeat center top;} /* 비즈니스 - 주거시설/호텔 - 전통시장 */ .busi_market .top_bg { background:url("/img/sub/market_top_bg.jpg") no-repeat center top;} .busi_market .process .bn1 { background:url("/img/sub/market_bg01.jpg") no-repeat center top;} /* 비즈니스 - 레저 - 스키장*/ .busi_ski .top_bg { background:url("/img/sub/ski_top_bg.jpg") no-repeat center top;} .busi_ski .top_bg2 { background:url("/img/sub/ski_top_bg2.jpg") no-repeat center top;} .busi_ski .process .bn1 { background:url("/img/sub/ski_bg01.jpg") no-repeat center top;} .busi_ski .process .bn2 { background:url("/img/sub/ski_bg02.jpg") no-repeat center top;} /* 비즈니스 - 레저 - 테마파크*/ .busi_theme .top_bg { background:url("/img/sub/theme_top_bg.jpg") no-repeat center top;} .busi_theme .process .bn1 { background:url("/img/sub/theme_bg01.jpg") no-repeat center top;} /* 비즈니스 - 레저 - 스포츠*/ .busi_sports .top_bg { background:url("/img/sub/sports_top_bg.jpg") no-repeat center top;} .busi_sports .process .bn1 { background:url("/img/sub/sports_bg01.jpg") no-repeat center top;} /* 비즈니스 - 레저 - 영화*/ .busi_movie .top_bg { background:url("/img/sub/movie_top_bg.jpg") no-repeat center top;} .busi_movie .process .bn1 { background:url("/img/sub/exhibition_bg01.jpg") no-repeat center top;} /* 비즈니스 - 레저 - 영화*/ .busi_club .top_bg { background:url("/img/sub/club_top_bg.jpg") no-repeat center top;} .busi_club .process .bn1 { background:url("/img/sub/club_bg01.jpg") no-repeat center top;} /*************************************************** 제품 정보 ***************************************************/ #pd_main {} #pd_main .list {} #pd_main .list ul { } #pd_main .list ul li { float:left; width:31.16438356164%; margin-right:3.25342465753%; border:10px solid #f1f1f1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:619px; position:relative; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } #pd_main .list ul li:last-child { margin:0;} #pd_main .list ul li a { display:block; padding:37px 10.54945054945% 68px; position:relative; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #pd_main .list ul li:hover a:after { content:""; width:100%; height:76px; background:url("/img/sub/recommended_more.png") no-repeat center #be2a30; display:block; position:absolute; left:0; bottom:0;} #pd_main .list ul li:hover { border:2px solid #be2a30;} #pd_main .list ul li:hover a {} #pd_main .list ul li:hover .tit p { color:#be2a30;} #pd_main .list ul li .tit {} #pd_main .list ul li .tit span { font-family: 'Lato', sans-serif; font-size:30px; color:#b8b8b8;} #pd_main .list ul li .tit p { font-weight:500; color:#1d1d1d; font-size:26px; margin-top:16px;} #pd_main .list ul li .img { margin:34px 0; text-align:center;} #pd_main .list ul li .img img { width:auto; max-width:100%;} #pd_main .list ul li .txt { line-height:1.4; min-height:66px;} #pd_main table { border-bottom:1px solid #1d1d1d;} #pd_main .table_info { line-height:1.4; } #pd_main .table_info .tit {font-weight:500; color:#1d1d1d; font-size:19px; padding:20px; border-top:2px solid #1d1d1d; min-width:768px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #pd_main .table_info > p { text-align:right; font-size:19px; color:#be2a30; margin:45px 0;} #pd_main .table_info table {} #pd_main .table_info table th { background:#e0e3e9; font-weight:500; color:#343434; } #pd_main .table_info table td { text-align:center; padding:20px 10px; border-top:1px solid #cecece; border-left:1px solid #cecece;} #pd_main .table_info table td strong { color:#333; font-weight:500;} #pd_main .table_info table tr:nth-child(odd) { background:#f4f4f4; } #pd_main .table_info table tr.line_top td { border-top:none;} #pd_main .table_info table tr:last-child td { border-bottom:none;} #pd_main .table_info table thead td { background:#fff;} #pd_main .table_info .tb_bg {background:#f0f4fd;} .line_top {border-top:1px solid #1d1d1d;} /* 제품소개 - 공통 */ .pd_common {} .pd_common .top_info {font-size:0; letter-spacing:-4px; padding:78px 5.47945205479%; background:url("/img/sub/top_info_bg.jpg") no-repeat center top; margin-bottom:40px; background-size:cover;} .pd_common .top_info > div { display:inline-block; letter-spacing:-0.5px; vertical-align:middle;} .pd_common .top_info > div > dl { color:#313334; line-height:1.4;} .pd_common .top_info > div.left { width:calc(100% - 580px); width:-moz-calc(100% - 580px); width:-webkit-calc(100% - 580px); } .pd_common .top_info > div dl dt { font-size:38px; font-weight:300;} .pd_common .top_info > div dl dt strong { font-weight:700; } .pd_common .top_info > div dl dd { font-size:18px; margin-top:20px;} .pd_common .top_info > div.right .link_li {} .pd_common .top_info > div.right .link_li ul { width:448px; } .pd_common .top_info > div.right .link_li ul li { width:29.91071428571%; margin-right:5.13392857143%; border:1px solid #313334; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:134px; float:left;} .pd_common .top_info > div.right .link_li ul li:last-child { margin:0; } .pd_common .top_info > div.right .link_li ul li a { display:block; padding:20px; font-size:18px; color:#313334; font-weight:500; line-height:1.3;} .pd_common .top_info > div.right .link_li ul li a .more { color:#be2a30; font-size:14px; font-weight:300; margin-top:30px;} .pd_common .top_info > div.right .link_li ul li a .more span { font-family:"돋움",dotum; display:inline-block; margin-left:5px;} .pd_common .top_info > div.right .tel_info { margin-top:34px; } .pd_common .top_info > div.right .tel_info p { } .pd_common .top_info > div.right .tel_info p span { font-size:18px; color:#313334; display:inline-block; margin-right:5px; vertical-align:middle;} .pd_common .top_info > div.right .tel_info p strong { font-weight:900; font-size:25px; color:#313334; font-family: 'Lato', sans-serif; vertical-align:middle; display:inline-block; margin-left:10px;} .pd_common .top_info .txt_box { line-height:1.3; margin-top:74px;} .pd_common .top_info .txt_box .tit { font-size:26px; color:#1d1d1d; border-bottom:1px solid #1d1d1d; padding-bottom:20px; margin-bottom:20px;} .pd_common .top_info .txt_box ul {} .pd_common .top_info .txt_box ul li { font-size:16px; position:relative; padding:0 0 0 20px; margin-bottom:3px;} .pd_common .top_info .txt_box ul li:last-child { margin:0; } .pd_common .top_info .txt_box ul li:before { content:"-"; position:absolute; left:0; top:0;} .unauthorized .top_info > div.left .img { } .unauthorized .top_info > div.right dl { margin-bottom:34px;} .pd_common .img { text-align:center;} .pd_common .img img { width:auto; max-width:100%; } .pd_common .con { margin-top:156px; } /* 추가 - 200206 */ .pd_common .biz-con { margin-top:-70px; } .pd_common .biz-con02 { margin-top:100px; } .mt_0 { margin-top:60px !important; } .pd_common .con:after { content:""; display:block; clear:both; } /* .pd_common .con:last-child { margin:0; } */ .pd_common .tit_s3 { width:20.41095890411%;} .pd_common .tit_s3 p { font-size:34px; font-weight:700; color:#313334;} .pd_common .tit_s3 p span { font-size:20px; display:block;} .pd_common .tit_s3 p:before { content:""; width:19px; height:4px; background:#313334; display:block; margin-bottom:16px;} .pd_common .tit_s3, .pd_common .cont_box { float:left; line-height:1.4;} .pd_common .cont_box .top_tit { margin-bottom:46px; position:relative;} .pd_common .cont_box .top_tit .more { width:220px; height:52px; position:absolute; right:0; top:-2px;} .pd_common .cont_box .top_tit .more a { display:block; color:#fff; background:url("/img/sub/product_arr.png") no-repeat 170px center #313334; line-height:52px; padding:0 20px;} .pd_common .cont_box .top_tit dt { font-size:26px; font-weight:700; color:#1d1d1d; padding-bottom:13px; border-bottom:1px solid #1d1d1d; margin-bottom:24px;} .pd_common .cont_box .top_tit dt span { font-weight:300;} .pd_common .cont_box .top_tit dd { font-size:18px; line-height:1.6;} .pd_common .cont_box .top_tit dd strong { color:#1d1d1d;} .pd_common .cont_box .top_tit dd ul { } .pd_common .cont_box .top_tit dd ul li { float:left; width:49%; margin-right:2%; padding:0 0 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; margin-bottom:10px;} .pd_common .cont_box .top_tit dd .w100p li { width:100%; margin-right:0;} .pd_common .cont_box .top_tit li.dots { overflow:hidden;} .pd_common .cont_box .top_tit li.dots strong { width:76px;} .pd_common .cont_box .top_tit li.dots strong.w100p { width:100%; } .pd_common .cont_box .top_tit li.dots > div { width:calc(100% - 76px); width:-moz-calc(100% - 76px); width:-webkit-calc(100% - 76px); } .pd_common .cont_box .top_tit li.dots > div p { position:relative; padding:0 0 0 10px;} .pd_common .cont_box .top_tit li.dots > div p:before { content:"·"; position:absolute; left:0; top:0;} .pd_common .cont_box .top_tit li.dots strong, .pd_common .cont_box .top_tit li.dots > div { float:left; display:block;} .pd_common .cont_box .top_tit li.dots > div.fl > section { float:left; margin-right:70px;} .pd_common .cont_box .top_tit li.dots > div.fl > section:last-child { margin:0; } .pd_common .cont_box .top_tit dd ul li:nth-child(2n) { margin-right:0; } .pd_common .cont_box .top_tit dd ul li:before { content:"-"; position:absolute; left:0; top:0;} .pd_common .cont_box > div { margin-bottom:126px; position:relative;} .pd_common .cont_box > div:last-child { margin:0; } .machine { background:#f8f8f8; padding:50px;} .machine .list { margin-bottom:50px;} .machine .list .tit { font-size:21px; font-weight:700; color:#565758; border-bottom:1px solid #d0d0d0; padding:0 0 15px 0; position:relative;} .machine .list .tit:after { content:""; width:35px; height:1px; background:#000; display:block; position:absolute; left:0; bottom:-1px;} .machine .list ul { } .machine .list ul li { float:left; text-align:center; width:20%;} .machine .list ul li .img { height:154px; line-height:154px; margin-top:30px;} .machine .list ul li .img img { vertical-align:middle;} .machine .list ul li .txt { height:42px;} .machine > p { text-align:center;} /* 제품소개 - 전자식 보관함 시스템 - 개요 */ .elect_summary .con1 {} .elect_summary .con1 .list { margin-top:20px;} .elect_summary .con1 .list ul { font-size:0; letter-spacing:-4px; line-height:1.4;} /* .elect_summary .con1 .list ul li { margin-right:6.43835616438%; display:inline-block; vertical-align:top; letter-spacing:-0.5px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); border-radius:20px 20px 0 0; position:relative; */ .elect_summary .con1 .list ul li { margin-right:6.43835616438%; display:inline-block; vertical-align:top; letter-spacing:-0.5px; border-radius:20px 20px 0 0; position:relative; width:calc((100% - 223px - 12.87671232877%)/2); width:-moz-calc((100% - 223px - 12.87671232877%)/2); width:-webkit-calc((100% - 223px - 12.87671232877%)/2); } .elect_summary .con1 .list ul li:last-child { margin-right:0;} .elect_summary .con1 .list ul li .tit { display:table; width:100%; text-align:center; color:#fff; height:77px; border-radius:20px 20px 0 0; } .elect_summary .con1 .list ul li .tit p { display:table-cell; vertical-align:middle; font-weight:700; font-size:22px;} .elect_summary .con1 .list ul li .tit p span { font-weight:300;} .elect_summary .con1 .list ul li .txt { font-size:16px; background:#f8f8f8; padding:30px; height:640px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .elect_summary .con1 .list ul li .txt dl { margin-bottom:26px;} .elect_summary .con1 .list ul li .txt dl:last-child { margin:0; } .elect_summary .con1 .list ul li .txt dl dt { font-size:17px; font-weight:500; color:#1d1d1d; margin-bottom:10px;} .elect_summary .con1 .list ul li .txt dl dd {} .elect_summary .con1 .list ul li .txt p { padding:0 0 0 13px; position:relative; margin-bottom:3px; text-align:left;} .elect_summary .con1 .list ul li .txt p:last-child { margin:0; } .elect_summary .con1 .list ul li .txt p:before { content:""; width:4px; height:4px; background:#4c4c4c; border-radius:50%; display:block; position:absolute; left:0; top:10px;} .elect_summary .con1 .list ul li.center { width:223px; margin-top:216px;} .elect_summary .con1 .list ul li.center .txt { height:auto; } .elect_summary .con1 .list ul li.center:before, .elect_summary .con1 .list ul li.center:after { position:absolute; top:50%; margin-top:-17px;} .elect_summary .con1 .list ul li.center:before { content:url("/img/sub/intro_plus.png"); left:-60px;} .elect_summary .con1 .list ul li.center:after { content:url("/img/sub/intro_play.png"); right:-60px;} .elect_summary .con1 .list ul li:nth-child(1) .tit {background:#555151;} .elect_summary .con1 .list ul li:nth-child(2) .tit {background:#1f9ec3;} .elect_summary .con1 .list ul li:nth-child(3) .tit {background:#3546a8;} /* 제품소개 - 전자식 보관함 시스템 - 제어함 */ .elect_controls {} .elect_controls .top_info > div.left { width:39.38461538462%; margin-right:11.15384615385%;} .elect_controls .top_info > div.right { width:49.46153846154%;} .elect_controls .con2 {} .elect_controls .con2 .img { margin-top:70px;} .elect_controls .con3 .list_s1 {} .elect_controls .con3 .list_s1 ul {} .elect_controls .con3 .list_s1 ul li { float:left ;width:50%; min-height:564px;} .elect_controls .con3 .list_s1 ul li:nth-child(2) {} .elect_controls .con3 .list_s1 ul li:nth-child(2) > div { overflow:hidden;} .elect_controls .con3 .list_s1 ul li:nth-child(2) > div > div { float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .elect_controls .con3 .list_s1 ul li:nth-child(2) > div > div.fl_r { float:right;} .elect_controls .con3 .list_s1 ul li:nth-child(2) .txt { padding:40px 30px; } .elect_controls .con3 .list_s1 ul li:nth-child(2) .txt dl {} .elect_controls .con3 .list_s1 ul li:nth-child(2) .txt dl dt { font-size:19px; color:#212121; font-weight:500;} .elect_controls .con3 .list_s1 .txt dl dd {font-size:16px;} .elect_controls .con3 .list_s1 ul li:nth-child(2) .txt dl dd {margin-top:30px; } .elect_controls .con3 .list_s1 ul li:nth-child(2) .img {} .elect_controls .con3 .list_s1 ul li:nth-child(2) .interface .txt dl dd {margin-top:15px; } .elect_controls .con3 .list_s1 ul li:nth-child(2) .interface .txt .img { margin-top:45px;} .elect_controls .con3 .cont_box > div:nth-child(2) .list_s1 ul li:nth-child(2) > div > div { width:100%;} .elect_controls .con3 .cont_box > div:nth-child(2) .list_s1 ul li:nth-child(2) > div > .img {} .elect_controls .con3 .img2 { margin-top:60px;} .elect_controls .con3 .img2 .tit { font-size:26px; color:#333; margin-bottom:20px;font-weight:500;} .elect_controls .con3 .img2 { text-align:center;} .elect_controls .con3 .img2 img { width:auto; max-width:100%;} .elect_controls .con3 .cont_box > div:nth-child(4) .list_s1 ul li:nth-child(2), .elect_controls .con3 .cont_box > div:nth-child(3) .list_s1 ul li:nth-child(2) { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:100%;} .elect_controls .con3 .cont_box > div:nth-child(3) .list_s1 ul li:nth-child(2) {padding:35px 50px; } .elect_controls .con3 .cont_box > div:nth-child(4) .list_s1 ul li:nth-child(2) {padding:50px; } .elect_controls .con3 .cont_box > div:nth-child(4) .list_s1 ul li:nth-child(2) > div > div:first-child, .elect_controls .con3 .cont_box > div:nth-child(3) .list_s1 ul li:nth-child(2) > div > div:first-child { width:40%;} .elect_controls .con3 .cont_box > div:nth-child(4) .list_s1 ul li:nth-child(2) > div > div:last-child, .elect_controls .con3 .cont_box > div:nth-child(3) .list_s1 ul li:nth-child(2) > div > div:last-child { width:60%;} .elect_controls .con3 .cont_box > div:nth-child(4) .txt, .elect_controls .con3 .cont_box > div:nth-child(3) .txt { padding:0 0 0 40px !important;} .elect_controls .con3 .cont_box > div:nth-child(4) .list_s1 ul li:nth-child(2) > div > div .img { margin-top:46px;} .elect_controls .con3 .cont_box > div:nth-child(3) .list_s1 ul li:nth-child(2) > div { font-size:0; letter-spacing:-4px;} .elect_controls .con3 .cont_box > div:nth-child(3) .list_s1 ul li:nth-child(2) > div > div { display:inline-block; vertical-align:middle; float:none; letter-spacing:-0.5px;} .elect_controls .con3 .cont_box > div:nth-child(3) .list_s1 ul li:nth-child(2) > div > .img {} .bg_gray2 { background:#f9f9f9;} .bg_gray3 { background: #f5f5f5;} .list_center_len2 { padding:50px;} .list_center_len2 ul { text-align:center; } .list_center_len2 ul li { display:inline-block; vertical-align:bottom; text-align:left; color:#e4a433; margin-right:90px;} .list_center_len2 ul li:last-child { margin:0;} .list_center_len2 ul li .img { margin-top:0 !important;} .list_center_len2 ul li .txt { margin-top:20px;} .center { text-align:center !important;} /* 제품소개 - 전자식 보관함 시스템 - 보관함 */ .elect_box .con1 .cont_box > div:nth-child(1) .list { padding:48px;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul { margin-right:76px;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul li { margin-bottom:26px;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul li:last-child { margin:0; } .elect_box .con1 .cont_box > div:nth-child(1) .list ul li .img { text-align:left; margin-bottom:5px;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul li .txt { } .elect_box .con1 .cont_box > div:nth-child(1) .list ul li .txt dl { line-height:1.4; overflow:hidden;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul li .txt dl dt { font-weight:500; color:#212121; margin-right:15px; font-size:19px;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul li .txt dl dd { } .elect_box .con1 .cont_box > div:nth-child(1) .list ul li .txt dl dt, .elect_box .con1 .cont_box > div:nth-child(1) .list ul li .txt dl dd { float:left;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul li:last-child .txt dl dt, .elect_box .con1 .cont_box > div:nth-child(1) .list ul li:last-child .txt dl dd { float:none; } .elect_box .con1 .cont_box > div:nth-child(1) .list ul li:last-child .txt dl dd { margin-top:10px;} .elect_box .con1 .cont_box > div:nth-child(1) .list .main_img {} .elect_box .con1 .cont_box > div:nth-child(1) .list .main_img .img { text-align:left;} .elect_box .con1 .cont_box > div:nth-child(1) .list .main_img .txt { color:#ff8a00; margin-top:10px;} .elect_box .con1 .cont_box > div:nth-child(1) .list ul, .elect_box .con1 .cont_box > div:nth-child(1) .list .main_img { display:inline-block; vertical-align:middle; } .elect_box .con1 .cont_box > div:nth-child(2) .list { line-height:1.4;} .elect_box .con1 .cont_box > div:nth-child(2) .list ul {} .elect_box .con1 .cont_box > div:nth-child(2) .list ul li { float:left; width:24%; margin-right:1.333333333333333%;} .elect_box .con1 .cont_box > div:nth-child(2) .list ul li:last-child { margin:0; } .elect_box .con1 .cont_box > div:nth-child(2) .list .tit { font-weight:500; font-size:19px; color:#212121; height:30px; margin-bottom:10px;} .elect_box .con1 .cont_box > div:nth-child(2) .list .txt {margin-top:10px;} .elect_box .con1 .cont_box > div:nth-child(2) .list .img { border:1px solid #cfcfcf; overflow:hidden;} .elect_box .con1 .cont_box > div:nth-child(2) .list .txt p { font-weight:500; color:#212121;} .elect_box .con1 .cont_box > div:nth-child(2) .list .txt span { display:block; margin-top:10px;} .elect_box .con1 .cont_box > div:nth-child(2) .list2 { padding:54px 45px 0 45px; margin-top:30px;} .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul {} .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li { float:left; width:49%; margin-right:2%; overflow:hidden;} .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li:last-child { margin:0; } .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li .txt { margin-top:46px;} .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li .txt dl { line-height:1.4;} .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li .txt dl dt { font-size:19px; color:#212121; font-weight:500;} .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li .txt dl dd { margin-top:18px;} .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li .img { } .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li .txt, .elect_box .con1 .cont_box > div:nth-child(2) .list2 ul li .img { float:left; width:50%;} .elect_box .cont_box .list3 { overflow:hidden; border-bottom:1px dashed #c5c5c5; padding:0 0 60px 0; margin-bottom:60px;} .elect_box .cont_box .list3:last-child { border:none; padding:0; margin:0;} .elect_box .cont_box .list3 > div {float:left;} .elect_box .cont_box .list3 .tit { width:15.51724137931%; } .elect_box .cont_box .list3 .img { text-align:left; width:calc(100% - 15.51724137931%); width:-moz-calc(100% - 15.51724137931%); width:-webkit-calc(100% - 15.51724137931%); } .elect_box .unit { position:absolute; right:0; top:98px; font-size:13px; color:#252525;} .caution { color:#e4a433; font-size:14px; margin-top:15px; line-height:1.4;} .caution > div { padding:0 0 0 16px; position:relative;} .caution > div:before { content:"※"; position:absolute; left:0; top:0;} .elect_box .characteristic {} .elect_box .characteristic .info {} .paner { text-align:center; margin-top:50px; margin-bottom:70px;} .paner > p { font-size:20px; color:#333; font-weight:300;} .paner .img { margin-top:20px;} .characteristic > div { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .characteristic .img { width:32.75862068966%;} .characteristic .txt { width:67.24137931034%; padding:0 0 0 44px;} .characteristic .txt ul { margin-top:10px;} .characteristic .txt ul li { line-height:1.5; overflow:hidden; border-bottom:1px dashed #c5c5c5; padding-bottom:22px; margin-bottom:22px;} .characteristic .txt ul li:last-child { margin:0; padding:0; border:none; } .characteristic .txt ul li .num { font-size:42px; color:#3f4f8c; font-weight:700; font-family: 'Lato', sans-serif; width:73px; margin-top:-15px;} .characteristic .txt ul li > dl { width:calc(100% - 73px); width:-moz-calc(100% - 73px); width:-webkit-calc(100% - 73px); } .img img { width:auto; max-width:100%;} .characteristic .txt ul li .num, .characteristic .txt ul li > dl { float:left; } .characteristic .txt ul li > dl dt { font-weight:500; font-size:17px; color:#1d1d1d; margin-bottom:10px;} .characteristic .txt ul li > dl dd {} .characteristic .txt ul li > dl dd p { padding:0 0 0 12px; position:relative; margin-bottom:3px;} .characteristic .txt ul li > dl dd p:last-child { margin:0; } .characteristic .txt ul li > dl dd p:before { content:"-"; position:absolute; left:0; top:0;} .characteristic_s2 .txt { margin-top:20px;} .characteristic_s2 .txt ul li { padding-bottom: 20px; margin-bottom:26px;} .characteristic_s2 .txt ul li > dl:after { content:""; display:block; clear:both;} .characteristic_s2 .txt ul li > dl dt, .characteristic_s2 .txt ul li > dl dd { float:left; margin:0;} .characteristic_s2 .txt ul li > dl dt { width:30%;} .characteristic_s2 .txt ul li > dl dd {width:70%;} .characteristic_s2 .txt ul li > dl dd p:before { content:""; width:4px; height:16px; background:#dbdbdb; display:block; top:6px;} .high .con2 .cont_box > div:nth-child(2) .txt ul li { padding-bottom: 20px; margin-bottom: 21px;} /* 제품소개 - 전자식 보관함 시스템 - 프로그램 */ .elect_program { } .elect_program .con1 .list_group { padding:54px;} .elect_program .con1 .list ul { } .elect_program .con1 .list ul li { float:left ;width:25%; text-align:center;} .elect_program .con1 .list ul li .txt { margin-top:20px;} .elect_program .con1 .list2 { margin-top:66px;} .elect_program .con1 .list2 ul li { float:left; width:32%; margin-right:2%; text-align:center;} .elect_program .con1 .list2 ul li:last-child { margin-right:0;} .elect_program .con1 .list2 ul li .txt { margin-top:15px;} .Integrated_control .list { margin-top:20px;} .Integrated_control .list ul li { text-align:center; float:left; width:25%;} .Integrated_control .list ul li .txt { margin-top:15px; } .Integrated_control .list ul li .txt p { font-weight:500; font-size:17px; color:#1d1d1d; margin-bottom:10px;} .Integrated_control .list ul li .txt span {} .Integrated_control .list ul li .img { width:116px; height:116px; border-radius:50%; margin:0 auto;} .Integrated_control .list ul li:nth-child(1) .img { background:url("/img/sub/elect_program_icon01.png") no-repeat center #9bc7d1;} .Integrated_control .list ul li:nth-child(2) .img { background:url("/img/sub/elect_program_icon02.png") no-repeat center #9bb1d1;} .Integrated_control .list ul li:nth-child(3) .img { background:url("/img/sub/elect_program_icon03.png") no-repeat center #7b88b9;} .Integrated_control .list ul li:nth-child(4) .img { background:url("/img/sub/elect_program_icon04.png") no-repeat center #5d678f;} .Integrated_control .list_group { padding:54px;} /* 제품소개 - 전자식 보관함 시스템 - 프로세스 */ .elect_process .con1 {} .elect_process .con1 .list { margin-top:44px;} .elect_process .con1 .list ul {} .elect_process .con1 .list ul li { float:left; width:49%; margin-right:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:5px solid #f3f3f3; margin-bottom:16px; padding:30px; height:275px;} .elect_process .con1 .list ul li:nth-child(2n) { margin-right:0;} .elect_process .con1 .list ul li:nth-child(3), .elect_process .con1 .list ul li:nth-child(4) { height:215px;} .elect_process .con1 .list ul li .tit {} .elect_process .con1 .list ul li .tit dl { overflow:hidden;} .elect_process .con1 .list ul li .tit dl dt { font-size:18px; font-weight:500;} .elect_process .con1 .list ul li .tit dl dt strong { font-size:26px; font-weight:900;} .elect_process .con1 .list ul li .tit dl dt, .elect_process .con1 .list ul li .tit dl dd { float:left; } .elect_process .con1 .list ul li .tit dl dd { font-size:18px; color:#565758; margin-left:18px; margin-top:7px;} .elect_process .con1 .list ul li .tit dl dd > div {} .elect_process .con1 .list ul li .tit dl dt strong { } .elect_process .con1 .list ul li:nth-child(1) .tit dl dt { color:#7dcab1;} .elect_process .con1 .list ul li:nth-child(2) .tit dl dt { color:#e11e71;} .elect_process .con1 .list ul li:nth-child(3) .tit dl dt { color:#e1991c;} .elect_process .con1 .list ul li:nth-child(4) .tit dl dt { color:#606060;} .elect_process .con1 .list ul li .txt { margin-top:24px;} .elect_process .con1 .list ul li .txt > div { overflow:hidden; margin-bottom:10px; position:relative; padding:0 0 0 10px;} .elect_process .con1 .list ul li .txt > div:before { content:""; width:4px; height:4px; background:#464646; display:block; position:absolute; left:0; top:10px; border-radius:50%;} .elect_process .con1 .list ul li .txt > div:last-child { margin:0;} .elect_process .con1 .list ul li .txt > div span { font-weight:500; color:#565758; width:86px;} .elect_process .con1 .list ul li .txt > div p { width:calc(100% - 86px); width:-moz-calc(100% - 86px); width:-webkit-calc(100% - 86px); } .elect_process .con1 .list ul li .txt > div span, .elect_process .con1 .list ul li .txt > div p { float:left; display:block; } .elect_process .con2 {} .elect_process .list_s1 { text-align:center; padding:54px 15px; margin-bottom:40px;} .elect_process .list_s1 ul { font-size:0; letter-spacing:-4px;} .elect_process .list_s1 ul li { display:inline-block; letter-spacing:-0.5px; margin-right:8.10344827586%;} .elect_process .list_s1 ul li:last-child { margin-right:0; } .elect_process .list_s1 ul li .img {} .elect_process .list_s1 ul li .txt { font-weight:300; margin-top:12px; font-size:16px;} .elect_process .con4 .list { padding:46px; } .elect_process .con4 .list ul { text-align:center; background:#fff; border:1px solid #d0d0d0; padding:50px 30px; margin-bottom:40px;} .elect_process .con4 .list ul li { float:left; text-align:center; width:32%; margin-right:2%;} .elect_process .con4 .list ul li .txt { margin-top:15px;} .elect_process .con4 .list ul li:last-child { margin:0;} .elect_process .con5 .list ul { text-align:center;} .elect_process .con5 .list ul li { display:inline-block; margin-right:4.31034482759%;} .elect_process .con5 .list ul li:last-child { margin:0;} .elect_process .con6 .list { border:1px solid #d0d0d0; padding:54px 30px; margin-bottom:16px;} .elect_process .con6 .list:last-child { margin:0;} .elect_process .con6 .list ul { text-align:center; margin-bottom:40px;} .elect_process .con6 .list ul li { display:inline-block; margin-right:10%;} .elect_process .con6 .list ul li:last-child { margin:0;} .elect_process .con6 .list3 { position:relative; padding:120px 30px 54px;} .elect_process .con6 .list3 .caution { position:absolute; right:30px; top:30px; } .elect_process .con6 .list3 ul { margin:0;} .table_s1 { font-size:14px;} .table_s1 thead th { border-bottom:1px solid #555; border-top:2px solid #555; border-right:1px solid #ddd;} .table_s1 thead th:last-child { border-right:none;} .table_s1 th { background:#f9f9f9; font-weight:500; color:#333; padding:15px 5px; border-bottom:1px solid #ddd;} .table_s1 td { text-align:center; padding:15px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;} .table_s1 td:last-child { text-align:left;} .table_s2 { border-top:2px solid #555;} .table_s2 th, .table_s2 td { padding:15px 10px; border-bottom:1px solid #ddd;} .table_s2 th { font-weight:500; color:#333; border-right:1px solid #ddd;} .table_s2 td { } .table_s2 tr:nth-child(even) { background:#f9f9f9;} .table_s3 {} .table_s3 th { background:#f4f4f4; border-top:2px solid #1d1d1d; border-bottom:1px solid #1d1d1d; color:#242424; font-weight:400;} .table_s3 th, .table_s3 td { padding:20px 10px;} .table_s3 td { text-align:center; border:1px solid #ddd; } .table_s3 td:first-child { background:#eaeff8; color:#242424; border-left:none;} .table_s3 td:last-child { border-right:none;} .table_s4 { border-top:2px solid #1d1d1d;} .table_s4 th {background:#f4f4f4; font-weight:500; color:#242424; text-align:center; } .table_s4 th, .table_s4 td { border:1px solid #ddd; padding:20px 10px;} .table_s4 th { border-right:1px solid #1d1d1d;} .table_s4 th:first-child { border-left:none;} .table_s4 td:last-child { border-right:none;} .table_s5 .tit { font-size:19px; font-weight:500; color:#1d1d1d; border-top:2px solid #1d1d1d; border-bottom:1px solid #1d1d1d; padding:18px 20px;} .table_s5 table {} .table_s5 table th { color:#242424; font-weight:400;} .table_s5 table td { } .table_s5 table th, .table_s5 table td { border:1px solid #ddd; padding:20px 10px; font-size:15px;} .table_s5 table th:first-child { border-left:none;} .table_s5 table td:last-child { border-right:none;} .table_s5 table tr:nth-child(odd) { background:#f4f4f4;} .table_s5 table td:nth-child(2) { border-right:none;} .table_s5 table th:nth-child(3) { border-left:1px solid #1d1d1d;} /* 제품소개 - 스마트오피스 전용 보관함 솔루션 */ .radius_20 { border-radius:20px !important; overflow:hidden; border:1px solid #e6e6e6;} .smart_solution .con3 .cont_box > div { float:left; width:49.13793103448%; margin-right:1.72413793103%; margin-bottom:0;} .smart_solution .con3 .cont_box > div:last-child { margin:0;} .smart_solution .con3 .cont_box > div .list { border:1px solid #ddd;} .smart_solution .con3 .cont_box > div .list .img { padding:67px 15px;} .smart_solution .con3 .cont_box > div .list .txt { background:#f6f6f6; padding:28px 4.56140350877%; border-top:1px solid #ddd; min-height:179px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .smart_solution .con3 .cont_box > div .list .txt p { position:relative; padding:0 0 0 10px; line-height:1.4; margin-bottom:3px;} .smart_solution .con3 .cont_box > div .list .txt p:last-child { margin:0; } .smart_solution .con3 .cont_box > div .list .txt p:before { content:"-"; position:absolute; left:0; top:0;} .use {} .use .tit { font-size:20px; font-weight:500; color:#333; position:relative; padding:0 0 0 26px; margin-bottom:20px;} .use .tit:before { content:""; width:17px; height:17px; border:6px solid #c72930; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; position:absolute; left:0; top:6px; } .use .list { margin-bottom:30px;} .use .list:last-child { margin:0;} .cate { display:inline-block;} .cate p { min-width:130px; height:42px; line-height:42px; color:#fff; font-weight:500; text-align:center; border-radius:26px; overflow:hidden; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 15px; background: -moz-linear-gradient(to bottom, #de2229, #b81a20); background: -webkit-linear-gradient(to bottom, #de2229, #b81a20); background: linear-gradient(to bottom, #de2229, #b81a20); } .cate > p i { background: #de2229; display:block; font-style:normal; font-size:16px; padding:0 43px 0 30px; text-align:left; background:url("/img/sub/arr_s5.png") no-repeat 90% center; } .use .list .cate p, .use .list .cate span { display:inline-block; vertical-align:middle;} .use .list .cate span { margin-left:10px;} .use .list ul { background:#f6f6f6; border-radius:20px; padding:30px 3.96551724138%; margin-top:15px;} .use .list ul li { float:left; width:24.34456928839%; margin-right:0.87390761548%; margin-top:42px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:5px 5px 10px rgba(0,0,0,0.15);} .use .list ul li:nth-child(4n) { margin-right:0; } .use .list ul li:nth-child(1), .use .list ul li:nth-child(2), .use .list ul li:nth-child(3), .use .list ul li:nth-child(4) { margin-top:0;} .use .list ul.len_5 li { width:17.06896551724%; margin-right:3.66379310345%;} .use .list ul.len_5 li:nth-child(4n) { margin-right:3.66379310345%;} .use .list ul.len_5 li:nth-child(5n) { margin-right:0; margin-top:0;} .use .list ul li .img { padding:20px; background:#fff;} .use .list ul li .txt { height:74px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:15px;position:relative;} .use .list ul li .txt span { font-weight:500; display:inline-block; margin-right:6px; position:absolute; left:0; top:0; color:#333;} .use .list ul li .txt p { position:relative; top:50%; padding:0 0 0 22px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .w100p { width:100% !important; text-align:left !important;} .integrated .list2 { font-size:0; letter-spacing:-4px; padding:50px 4.13793103448%;} .integrated .list2 .img {} .integrated .list2 ul {} .integrated .list2 .img, .integrated .list2 ul { display:inline-block; letter-spacing:-0.5px; vertical-align:middle; width:48%; margin-right:4%;} .integrated .list2 ul { margin:0;} .integrated .list2 ul li { float:left; width:49%; margin-right:2%; margin-bottom:20px;} .integrated .list2 ul li:nth-child(2n) { margin:0;} .integrated .list2 ul li .icon { width:60px; height:60px; border-radius:50%; border:1px solid #3da40a; background-color:#fff !important; box-shadow:5px 5px 10px rgba(0,0,0,0.15);} .integrated .list2 ul li .txt { font-size:18px; color:#333; font-weight:500; margin-left:10px;} .integrated .list2 ul li:nth-child(1) .icon { background:url("/img/sub/smart_solution_icon01.png") no-repeat center;} .integrated .list2 ul li:nth-child(2) .icon { background:url("/img/sub/smart_solution_icon02.png") no-repeat center;} .integrated .list2 ul li:nth-child(3) .icon { background:url("/img/sub/smart_solution_icon03.png") no-repeat center;} .integrated .list2 ul li:nth-child(4) .icon { background:url("/img/sub/smart_solution_icon04.png") no-repeat center;} .integrated .list2 ul li:nth-child(5) .icon { background:url("/img/sub/smart_solution_icon05.png") no-repeat center;} .integrated .list2 ul li:nth-child(6) .icon { background:url("/img/sub/smart_solution_icon06.png") no-repeat center;} .integrated .list2 ul li .txt, .integrated .list2 ul li .icon { display:inline-block; vertical-align:middle; } /* 제품소개 - 강화플라스틱 - 개요 */ .plastic_i {} .plastic_i .con1 {} .plastic_i .con1 .list {} /* .plastic_i .con1 .list > div { float:left; width:49.65517241379%; margin-right:0.68965517241%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:700px;} */ .plastic_i .con1 .list > div:last-child { margin:0;} .plastic_i .con1 .list .txt { font-size:20px; font-weight:500; color:#333;} .plastic_i .con1 .list .left { background:#f5f9ff; padding:42px 3.27586206897%; border-radius:5px; border:1px solid #ddd;} .plastic_i .con1 .list .left .img { margin-top:160px;} .plastic_i .con1 .list .left .txt { color:#0b4ea9;} .plastic_i .con1 .list .right { } .plastic_i .con1 .list .right ul {} .plastic_i .con1 .list .right ul li { float:left; margin-right:2%; text-align:center; border:1px solid #ddd; width:49%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:464px; position:relative;} .plastic_i .con1 .list .right ul li:last-child { margin:0; } .plastic_i .con1 .list .right ul li:first-child { background:#f5f9ff;} .plastic_i .con1 .list .right ul li img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } /* .plastic_i .con1 .list .right ul li { padding:31.5px 6.59722222222%; border-radius:5px; border:1px solid #ddd; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .plastic_i .con1 .list .right ul li:last-child { margin:0; } .plastic_i .con1 .list .right ul li .img { text-align:left;} */ .plastic_i .con2 .cont_box > div:nth-child(1) .list {} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul {} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li { border-radius:5px; margin-bottom:10px;} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li:last-child { margin:0; font-size:0; letter-spacing:-4px;} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li:last-child > div { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:64px 3.79310344828%;} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li:last-child > div.left {width:38.79310344828%;} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li:last-child > div.right {width:61.20689655172%; } .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li:last-child > div.left .img {} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li:last-child > div.right .txt { color:#333; line-height:1.4; font-size:16px; } .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li:last-child > div.right .img { margin-top:58px;} .plastic_i .con2 .cont_box > div:nth-child(1) .list ul li img { border:1px solid #ddd; } .plastic_i .con2 .cont_box {} .plastic_i .con2 .cont_box > div:nth-child(2) { } .plastic_i .con2 .cont_box > div:nth-child(2) .bg {background:url("/img/sub/plastic_i_bg01.jpg") no-repeat; text-align:center; padding:95px 15px; color:#fff; background-size:cover;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg > p { font-family: 'Exo 2', sans-serif; line-height:1.4; font-weight:700; font-size:26px;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg > p span { font-size:30px;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg ul { text-align:center; margin-top:45px;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg ul li { display:inline-block; width:158px; height:158px; background:#fff; border-radius:50%; padding-top:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:8.62068965517%;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg ul li:last-child { margin:0;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg ul li div { color:#333; padding-top:60px; font-weight:500;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg ul li:nth-child(1) div { background:url("/img/sub/plastic_i_icon01.png") no-repeat center top;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg ul li:nth-child(2) div { background:url("/img/sub/plastic_i_icon02.png") no-repeat center top;} .plastic_i .con2 .cont_box > div:nth-child(2) .bg ul li:nth-child(3) div { background:url("/img/sub/plastic_i_icon03.png") no-repeat center top;} .plastic_i .con2 .cont_box > div:nth-child(2) .certification { text-align:center; margin-top:35px;} .plastic_i .con2 .cont_box > div:nth-child(2) .certification ul {} .plastic_i .con2 .cont_box > div:nth-child(2) .certification ul li { display:inline-block; margin-right:7.75862068966%;} .plastic_i .con2 .cont_box > div:nth-child(2) .certification ul li:last-child { margin:0;} .border_s1 { border:1px solid #ddd; border-radius:5px; overflow:hidden;} /* .plastic_i .cate p { width:160px;} */ .plastic_i .con2 .cont_box .list_s2 {} .plastic_i .con2 .cont_box .list_s2 ul {} .plastic_i .con2 .cont_box .list_s2 ul li { border:none; width:49.31034482759%; float:left; margin-right:1.37931034483%; margin-bottom:36px;} .plastic_i .con2 .cont_box .list_s2 ul li:nth-child(2n) { margin-right:0;} .plastic_i .con2 .cont_box .list_s2 ul li > div { padding:0; display:block;} .plastic_i .con2 .cont_box .list_s2 .img_group { text-align:center; display:block; height:270px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:20px; padding-top:30px; margin-top:15px;} .plastic_i .con2 .cont_box .list_s2 .img_group > div { float:left; width:49%; margin-right:2%;} .plastic_i .con2 .cont_box .list_s2 .img_group > div:last-child { margin:0; } .plastic_i .con2 .cont_box .list_s2 .img_group .txt { line-height:1.6; margin-top:5px; font-size:15px;} .plastic_i .con2 .cont_box > div:nth-child(5) .list {} .plastic_i .con2 .cont_box > div:nth-child(5) .list ul { border:1px solid #ddd; } .plastic_i .con2 .cont_box > div:nth-child(5) .list ul li { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;} .plastic_i .con2 .cont_box > div:nth-child(5) .list ul li:nth-child(1) { width:57.15517241379%;} .plastic_i .con2 .cont_box > div:nth-child(5) .list ul li:nth-child(2) { width:42.84482758621%;} .plastic_i .con2 .cont_box > div:nth-child(5) .list ul li p { width:126px; height:40px; line-height:40px; background:#424243; color:#fff; font-weight:500; font-size:15px; border-radius:20px; text-align:center; position:absolute; left:20px; top:20px;} .plastic_i .con2 .cont_box > div:nth-child(5) .list ul li:after { content:url("/img/sub/product_arr2.png"); position:absolute; right:-20px; top:50%; margin-top:-20px; z-index:10;} .plastic_i .con2 .cont_box > div:nth-child(5) .list ul li:last-child:after { display:none;} .plastic_i .con2 .cont_box > div:nth-child(5) .list2 { margin-top:50px; } .plastic_i .con2 .cont_box > div:nth-child(5) .list2 .txt { line-height:1.4; } .plastic_i .con2 .cont_box > div:nth-child(5) .list2 ul {padding:0 0 0 38px; margin-top:18px; margin-bottom:146px;} .plastic_i .con2 .cont_box > div:nth-child(5) .list2 ul li { float:left; width:32%; margin-right:2%; margin-bottom:30px;} .plastic_i .con2 .cont_box > div:nth-child(5) .list2 ul li:nth-child(3n) { margin-right:0;} .plastic_i .con3 {} .plastic_i .con3 .cont_box > div:nth-child(1) {} .plastic_i .con3 .cont_box > div:nth-child(1) .img { border:1px solid #ddd;} .plastic_i .con3 {} .plastic_i .con3 .cont_box > div:nth-child(2) {} .plastic_i .con3 .cont_box > div:nth-child(2) .list {} .plastic_i .con3 .cont_box > div:nth-child(2) .list ul {} .plastic_i .con3 .cont_box > div:nth-child(2) .list ul li { float:left; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; padding:28px; width:49%; margin-right:2%;} .plastic_i .con3 .cont_box > div:nth-child(2) .list ul li:nth-child(2n) { margin-right:0;} .plastic_i .con3 .cont_box > div:nth-child(2) .list ul li .txt { font-weight:500; color:#333; position:absolute; left:20px; top:20px;} .plastic_i .con3 .cont_box > div:nth-child(3) {} .plastic_i .con3 .cont_box > div:nth-child(3) .list {} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul {} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li { float:left; width:29.88505747126%; margin-right:5.1724137931%;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li:nth-child(3n) { margin-right:0;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li img { max-height:138px;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li .txt { margin-top:40px;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li .txt dl { line-height:1.4;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li .txt dl dt { font-weight:500; color:#333; font-size:17px;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li .txt dl dd { border-top:1px solid #ddd; padding-top:20px; margin-top:15px;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li .txt dl dd div { font-weight:500; color:#333; margin-bottom:15px;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li .txt dl dd p { margin-bottom:7px;} .plastic_i .con3 .cont_box > div:nth-child(3) .list ul li .txt dl dd p:last-child { margin:0;} /* 제품소개 - 철재보관함 - 개요 */ .iron_f {} .iron_f .con1 {} .iron_f .con1 .list {} .iron_f .con1 .list > div { float:left; width:49.65517241379%; margin-right:0.68965517241%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:700px;} .iron_f .con1 .list > div:last-child { margin:0;} .iron_f .con1 .list .txt { font-size:20px; font-weight:500; color:#333;} .iron_f .con1 .list .left { background:#f5f9ff; padding:42px 3.27586206897%; border-radius:5px; border:1px solid #ddd;} .iron_f .con1 .list .left .txt { color:#0b4ea9;} .iron_f .con1 .list .right {} .iron_f .con1 .list .right ul {} .iron_f .con1 .list .right ul li { padding:31.5px 6.59722222222%; border-radius:5px; border:1px solid #ddd; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:345px;} .iron_f .con1 .list .right ul li:last-child { margin:0; } .iron_f .con1 .list .right ul li .img { text-align:left; margin-top:63px;} /* 제품소개 - 철재보관함 - 특징 */ .iron_feature .con2 {} .iron_feature .con2 .list {} .iron_feature .con2 .list ul {} .iron_feature .con2 .list ul li { width:27.24137931034%; margin-right:9.13793103448%; float:left;} .iron_feature .con2 .list ul li:nth-child(3n) { margin-right:0;} .iron_feature .con2 .list ul li .img { border:1px solid #d5d5d5; overflow:hidden;} .iron_feature .con2 .list ul li .img img { } .iron_feature .con2 .list ul li .txt { line-height:1.4; margin-top:24px;} .iron_feature .con2 .list ul li .txt dl { } .iron_feature .con2 .list ul li .txt dl dt { font-size:17px; font-weight:500; color:#1d1d1d;} .iron_feature .con2 .list ul li .txt dl dd { margin-top:10px;} .iron_feature .con3 .list ul li { font-size:0; letter-spacing:-4px; float:left; width:50%;} .iron_feature .con3 .list ul li .img { border:1px solid #d5d5d5;} .iron_feature .con3 .list ul li .txt { line-height:1.4;} .iron_feature .con3 .list ul li .txt dl {} .iron_feature .con3 .list ul li .txt dl dt { font-size:17px; font-weight:500; color:#1d1d1d;} .iron_feature .con3 .list ul li .txt dl dd { font-size:15px; margin-top:10px;} .iron_feature .con3 .list ul li .img, .iron_feature .con3 .list ul li .txt { display:inline-block; width:50%; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:35px; letter-spacing:-0.5px;} .iron_feature .con4 {} .list_cate { padding:46px 7.3275862069% 6px; background:#f8f8f8; } .list_cate ul { } .list_cate ul li { float:left; width:46%; margin-right:8%; margin-bottom:40px;} .list_cate ul li:nth-child(2n) { margin-right:0;} .list_cate ul li .img_group { text-align: center; display: block; height: 270px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 15px;} .list_cate ul li .img_group > div { float: left; width: 49%; margin-right: 2%;} .list_cate ul li .img_group > div:last-child { margin:0; } .list_cate ul li .img_group .img { height:193px; line-height:193px;} .list_cate ul li .img_group .img img { vertical-align:bottom;} .list_cate ul li .img_group .txt { line-height: 1.6; margin-top: 5px; font-size: 15px;} /* 제품소개 - 철재보관함 - 제품사양 */ .iron_spec {} .iron_spec .list_s1 { text-align:center;} .iron_spec .list_s1 ul {} .iron_spec .list_s1 ul li { float:left; width:22%; margin-right:3%; margin-bottom:30px;} .iron_spec .list_s1 ul li:nth-child(4n) { margin-right:0; } .iron_spec .list_s1 ul li .model { font-size:0; letter-spacing:-4px; margin-top:18px;} .iron_spec .list_s1 ul li .model span { display:inline-block; letter-spacing:-0.5px; font-size:13px; color:#797979; font-weight:300; padding:8px 12px; background:#f5f5f5; margin-right:6px; border-radius:20px;} .iron_spec .list_s1 ul li .model span:last-child { margin:0; } .iron_spec .list_s1 ul li .txt > p { margin-top:16px; font-weight:500; color:#333;} .iron_spec .list_s2 ul li { width:20%; float:left; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .iron_spec .table_s1 td:last-child { text-align: center;} .left { text-align:left !important;} /* 제품소개 - 철재보관함 - 프로세스 */ .iron_process .con2 .list {} .iron_process .con2 .list ul {} .iron_process .con2 .list ul li { float:left; width:49.31034482759%; padding:45px 4.31034482759%; background:#f8f8f8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:1.37931034483%;} .iron_process .con2 .list ul li:last-child { margin:0; } .iron_process .con2 .list ul li .img { margin:46px 0;} .iron_process .con2 .list ul li .txt { } .iron_process .con2 .list ul li .txt p { position:relative; padding:0 0 0 10px;} .iron_process .con2 .list ul li .txt p:before { content:"-"; position:absolute; left:0; top:0;} .iron_process .con3 .list { padding:80px 6.89655172414%; } .iron_process .con3 .list1 { margin-bottom:20px;} .iron_process .con3 .list1 ul {} .iron_process .con3 .list1 ul li { float:left; width:32%; margin-right:2%;} .iron_process .con3 .list1 ul li:last-child { margin:0; } .iron_process .con3 .list2 ul li { float:left; } .iron_process .con3 .list2 ul li:nth-child(1) { width:30%; margin-right:10%;} .iron_process .con3 .list2 ul li:nth-child(2) { width:60%; } .iron_process .con3 .list2 ul li:nth-child(2) .img { text-align:left;} .iron_process .con3 .list2 ul li .txt { margin-top:30px;} .iron_process .con3 .list2 ul li .txt > div > div{ margin-bottom:7px;} .iron_process .con3 .list2 ul li .txt > div > div:last-child { margin:0; } /* 제품소개 - 잠금장치 */ #pd_main.lock_main { } #pd_main.lock_main .list ul li { width:48.6301369863%; margin-right:2.7397260274%; text-align:center;} #pd_main.lock_main .list ul li:last-child { margin:0;} .guide_txt { text-align:right; margin-top:30px; color:#be2a30; font-size:16px;} /* 제품소개 - 잠금장치 - 기계식 잠금장치 */ .lock_sub { ;} .lock_sub .top_img { text-align:center; background:#ebeff4; padding:53px 0; position:relative; } .lock_sub .top_img:before, .lock_sub .top_img:after { content:""; width:1000%; height:100%; position:absolute; top:0; background:#ebeff4; z-index:-1;} .lock_sub .top_img:before { left:-100%} .lock_sub .top_img:after { right:-100%;} .lock_sub .top_img ul { font-size:0; letter-spacing:-4px;} .lock_sub .top_img ul li { display:inline-block; vertical-align:top; letter-spacing:-0.5px; width:16.66666666666667%; font-size:16px;} .lock_sub .top_img ul li .img {height:234px; line-height:234px;} .lock_sub .top_img ul li .img img { vertical-align:middle; } .lock_sub .top_img ul li .txt { margin-top:20px; line-height:1.4;} .lock_sub .top_img ul li .txt p { margin-bottom:5px;} .lock_sub .top_img ul li .txt p:last-child { margin:0;} .lock_sub .main_list { } .lock_sub .main_list ul {} .lock_sub .main_list ul li { padding:78px 0;} .lock_sub .main_list ul li .img { margin-right:5.68493150685%; } .lock_sub .main_list ul li .img .main_img { width:344px; height:344px; border:1px solid #d5d5d5; text-align:center; line-height:344px; background:#fff; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;} .lock_sub .main_list ul li .img .thum { text-align:center; margin-top:26px;} .lock_sub .main_list ul li .img, .lock_sub .main_list ul li .txt { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .lock_sub .main_list ul li .img img { vertical-align:middle;} .lock_sub .main_list ul li .txt { width:calc(100% - 346px - 5.68493150685%); width:-moz-calc(100% - 346px - 5.68493150685%); width:-webkit-calc(100% - 346px - 5.68493150685%); } .lock_sub .main_list ul li .txt dl { line-height:1.4;} .lock_sub .main_list ul li .txt dl dt { font-size:26px; font-weight:500; color:#1d1d1d; border-bottom:1px solid #1d1d1d; padding-bottom:18px;} .lock_sub .main_list ul li .txt dl dd { } .lock_sub .main_list ul li .txt dl dd > div { overflow:hidden; padding:30px 0; border-bottom:1px dashed #cbcbcb; } .lock_sub .main_list ul li .txt dl dd > div > span { font-weight:500; color:#1d1d1d; width:135px; padding:0 0 0 18px; } .lock_sub .main_list ul li .txt dl dd > div > div { width:calc(100% - 135px); width:-moz-calc(100% - 135px); width:-webkit-calc(100% - 135px); } .lock_sub .main_list ul li .txt dl dd > div > span, .lock_sub .main_list ul li .txt dl dd > div > div { float:left; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .lock_sub .main_list ul li .txt dl dd p { position:relative; padding:0 0 0 10px; margin-bottom:5px;} .lock_sub .main_list ul li .txt dl dd p:last-child { margin:0; } .lock_sub .main_list ul li .txt dl dd p:before { content:"·"; position:absolute; left:0; top:0;} .lock_sub .main_list ul li:nth-child(even) { background:#fbfbfb; position:relative;} .lock_sub .main_list ul li:nth-child(even):before, .lock_sub .main_list ul li:nth-child(even):after { content:""; display:block; width:1000%; height:100%; background:#fbfbfb; position:absolute; top:0;} .lock_sub .main_list ul li:nth-child(even):before { left:-1000%;} .lock_sub .main_list ul li:nth-child(even):after { right:-1000%;} .lock_sub .sub_list { background:#fbfbfb; padding:0 0 82px 0;} .lock_sub .sub_list ul {} .lock_sub .sub_list ul li { float:left; width:31.43835616438%; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:389px; padding:30px; margin-right:2.84246575342%; background-color:#fff !important; position:relative;} .lock_sub .sub_list ul li:last-child { margin:0; } .lock_sub .sub_list ul li .txt { line-height:1.4;} .lock_sub .sub_list ul li .txt dl {} .lock_sub .sub_list ul li .txt dl dt { font-size:19px; font-weight:500; color:#1d1d1d;} .lock_sub .sub_list ul li .txt dl dt span { color:#f39f19; display:inline-block; margin-right:15px;} .lock_sub .sub_list ul li .txt dl dd { margin-top:26px;} .lock_sub .sub_list ul li .txt dl dd p { position:relative; padding:0 0 0 10px; margin-bottom:10px;} .lock_sub .sub_list ul li .txt dl dd p:last-child { margin:0;} .lock_sub .sub_list ul li .txt dl dd p:before { content:"·"; position:absolute; left:0; top:0;} .lock_sub .sub_list ul li .img { display:none;} .lock_sub .sub_list ul li:nth-child(1) { background:url("/img/sub/lock_mechanical_img14.png") no-repeat 90% 90%;} .lock_sub .sub_list ul li:nth-child(2) { background:url("/img/sub/lock_mechanical_img15.png") no-repeat 90% 90%;} .lock_sub .sub_list ul li:nth-child(3) { background:url("/img/sub/lock_mechanical_img16.png") no-repeat 90% 90%;} /* 제품소개 - 잠금장치 - 로컬식 잠금장치 */ .lock_sub.lock_local .main_list ul li .img .main_img { height:auto; } .lock_sub .main_list ul li .txt dl dd > div > div section { display:inline-block; margin-right:10%; vertical-align:top;} .lock_sub .main_list ul li .txt .red_color { padding:0;} .lock_sub .main_list ul li .txt .red_color:before { display:none;} .lock_sub .main_list ul li .txt .icon { margin-top:-14px;} .lock_sub .main_list ul li .txt .icon span { display:inline-block; vertical-align:middle; margin-right:10px;} .lock_sub .main_list ul li .txt .icon span:last-child { margin:0;} /* 제품소개 - 소프트웨어 - 마이 새누라커 앱 */ .software_my {} .software_my .con1 {} .software_my .con1 .list { text-align:center;} .software_my .con1 .list ul {} .software_my .con1 .list ul li { width:24.13793103448%; float:left; margin-right:13.79310344828%; } .software_my .con1 .list ul li:last-child { margin:0; } .software_my .con1 .list ul li .img { border-radius:20px; background:#f7f7f7; padding:40px; box-shadow:7px 7px 7px rgba(0,0,0,0.15);} .software_my .con1 .list ul li .txt { line-height:1.4; margin-top:44px; position:relative;} .software_my .con1 .list ul li .txt:before { content:""; width:1px; height:44px; background:#0b4ea9; position:absolute; left:50%; top:-44px; display:block;} .software_my .con1 .list ul li .txt dl { padding-top:108px;} .software_my .con1 .list ul li .txt dl dt { font-size:17px; font-weight:500; color:#333; } .software_my .con1 .list ul li .txt dl dd { margin-top:8px;} .software_my .con1 .list ul li:nth-child(1) .txt dl { background:url("/img/sub/software_my_icon01.png") no-repeat center top;} .software_my .con1 .list ul li:nth-child(2) .txt dl { background:url("/img/sub/software_my_icon02.png") no-repeat center top;} .software_my .con1 .list ul li:nth-child(3) .txt dl { background:url("/img/sub/software_my_icon03.png") no-repeat center top;} .software_my .con1 .app { text-align:center;} .software_my .con1 .app ul {} .software_my .con1 .app ul li { display:inline-block; width:280px; border-radius:5px; border:1px solid #ddd; box-shadow:5px 5px 5px rgb(0,0,0,0.15); margin-right:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 15px; } .software_my .con1 .app ul li a { display:block; height:70px; line-height:70px; } .software_my .con1 .app ul li:last-child { margin:0; } .software_my .con1 .app ul li img { vertical-align:middle; width:auto; max-width:100%;} /* 제품소개 - 소프트웨어 - 스마트오피스 라커 통합관리자 */ .software_smart .con2 {} .software_smart .con2 .list {} .software_smart .con2 .list > div { float:left; width:50%;} .software_smart .con2 .list .info {} .software_smart .con2 .list .info ul {} .software_smart .con2 .list .info ul li { margin-bottom:20px; overflow:hidden;} .software_smart .con2 .list .info ul li:last-child { margin:0;} .software_smart .con2 .list .info ul li .icon { width:70px; height:70px; border:1px solid #b3cbeb; background:url("/img/sub/software_smart_icon01.png") no-repeat center; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .software_smart .con2 .list .info ul li .txt { line-height:1.4; margin-left:18px; margin-top:5px width:calc(100% - 88px); width:-moz-calc(100% - 88px); width:-webkit-calc(100% - 88px); } .software_smart .con2 .list .info ul li .txt dl {} .software_smart .con2 .list .info ul li .txt dl dt { font-size:17px; font-weight:500; color:#333;} .software_smart .con2 .list .info ul li .txt dl dd { margin-top:8px;} .software_smart .con2 .list .info ul li .icon, .software_smart .con2 .list .info ul li .txt { float:left; } .software_smart .con3 .list { border-radius:20px; background:#f6f6f6; padding:50px 4.31034482759%; margin-top:30px;} .software_smart .con3 .list > p { margin-bottom:25px;} .software_smart .list_s2 {} .software_smart .list_s2 ul {} .software_smart .list_s2 ul li { float:left; background:#f7f7f7; width:49.13793103448%; border-radius:20px; padding:20px 4.31034482759%; overflow:hidden; height:260px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:1.72413793103%;} .software_smart .list_s2 ul li:last-child { margin:0;} .software_smart .list_s2 ul li section { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .software_smart .list_s2 ul li:last-child section > div { float:left; text-align:center; width:46%; margin-right:8%;} .software_smart .list_s2 ul li:last-child section > div:last-child { margin:0;} .software_intergration .con1 {} .software_intergration .con1 .icon_list {} .software_intergration .con1 .icon_list ul { position:relative; max-width:1000px;} .software_intergration .con1 .icon_list ul:before { content:""; width:100%; height:1px; border-bottom:1px dashed #939393; position:absolute; left:0; top:60px; display:block; z-index:-1;} .software_intergration .con1 .icon_list ul li { float:left; text-align:center; margin-right:10%; } .software_intergration .con1 .icon_list ul li:last-child { margin:0; } .software_intergration .con1 .icon_list ul li .icon { width:120px; height:120px; border:1px solid #b5ccec; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#f5f9ff !important; border-radius:50%; box-shadow:7px 7px 7px rgba(0,0,0,0.15);} .software_intergration .con1 .icon_list ul li:nth-child(1) .icon { background:url("/img/sub/software_intergration_icon01.png") no-repeat center;} .software_intergration .con1 .icon_list ul li:nth-child(2) .icon { background:url("/img/sub/software_intergration_icon02.png") no-repeat center;} .software_intergration .con1 .icon_list ul li:nth-child(3) .icon { background:url("/img/sub/software_intergration_icon03.png") no-repeat center;} .software_intergration .con1 .icon_list ul li:nth-child(4) .icon { background:url("/img/sub/software_intergration_icon04.png") no-repeat center;} .software_intergration .con1 .icon_list ul li:nth-child(5) .icon { background:url("/img/sub/software_intergration_icon05.png") no-repeat center;} .software_intergration .con1 .icon_list ul li { line-height:1.4;} .software_intergration .con1 .icon_list ul li dl { margin-top:20px;} .software_intergration .con1 .icon_list ul li dl dt { font-size:17px; font-weight:500; color:#0b4ea9;} .software_intergration .con1 .icon_list ul li dl dd { text-align:left; margin-top:18px;} .software_intergration .con1 .icon_list ul li dl dd p { position:relative; padding:0 0 0 10px; margin-bottom:5px;} .software_intergration .con1 .icon_list ul li dl dd p:last-child { margin:0; } .software_intergration .con1 .icon_list ul li dl dd p:before { content:"-"; position:absolute; left:0; top:0;} .software_intergration .con1 .icon_list2 { margin-top:50px;} .icon_list2 ul {} .icon_list2 ul li { float:left; width:49.56896551724%; margin-right:0.86206896552%; margin-bottom:10px; background:#f7f7f7; height:150px; padding:0 5.51724137931%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:24px;} .icon_list2 ul li:nth-child(2n) { margin-right:0;} .icon_list2 ul li dl { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .icon_list2 ul li dl { line-height:1.4; padding:0 0 0 20%;} .icon_list2 ul li dl dt { font-size:17px; font-weight:500; color:#0b4ea9;} .icon_list2 ul li dl dd { margin-top:10px;} .software_intergration .con1 .icon_list2 ul li:nth-child(1) dl { background:url("/img/sub/software_intergration_icon05.png") no-repeat left center;} .software_intergration .con1 .icon_list2 ul li:nth-child(2) dl { background:url("/img/sub/software_intergration_icon06.png") no-repeat left center;} .software_intergration .con1 .icon_list2 ul li:nth-child(3) dl { background:url("/img/sub/software_intergration_icon07.png") no-repeat left center;} .software_intergration .con1 .icon_list2 ul li:nth-child(4) dl { background:url("/img/sub/software_intergration_icon08.png") no-repeat left center;} .software_intergration .con1 .icon_list2 ul li:nth-child(5) dl { background:url("/img/sub/software_intergration_icon09.png") no-repeat left center;} .software_intergration .con1 .bn_list {line-height:1.4; margin-top:100px;} .software_intergration .con1 .bn_list .top_bg { background:url("/img/sub/software_intergration_bg01.jpg") no-repeat; background-size:cover; padding:100px 4.31034482759% 456px; color:#fff; position:relative;} .software_intergration .con1 .bn_list .top_bg .txt {font-size:20px;} .software_intergration .con1 .bn_list .top_bg .txt strong { font-size:38px; font-weight:700;} .software_intergration .con1 .bn_list .top_bg .txt strong span { font-weight:300;} .software_intergration .con1 .bn_list .top_bg .since { position:absolute; right:150px; top:70px;} .software_intergration .con1 .bn_list .top_bg .since .tit { font-size:40px; } .software_intergration .con1 .bn_list .top_bg .since ul {text-align:right; margin-top:40px;} .software_intergration .con1 .bn_list .top_bg .since ul li { text-align:center;} .software_intergration .con1 .bn_list .top_bg .since ul li { width:120px; height:120px; border-radius:50%; background:#0c4ca4; display:inline-block; margin-right:5px;} .software_intergration .con1 .bn_list .top_bg .since ul li:nth-child(2) { background:#0c6ba2; margin:0;} .software_intergration .con1 .bn_list .top_bg .since ul li p { position:relative; top:50%; text-align:center; font-size:22px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .software_intergration .con1 .bn_list .top_bg .since ul li p span { display:block; font-weight:500;} .software_intergration .con1 .bn_list .info { background:#fff; border-radius:24px; width:90%; margin:-366px auto 0; max-width:1062px; position:relative; padding:48px 5.51724137931%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .software_intergration .con1 .bn_list .info .top { position:relative;} .software_intergration .con1 .bn_list .info .top .tit { font-size:30px; line-height:1.4; color:#323131; position:absolute; left:0; top:75px;} .software_intergration .con1 .bn_list .info .top .tit span { color:#0b4ea9; display:block;} .software_intergration .con1 .bn_list .info .list {margin-top:46px;} .software_intergration .con1 .bn_list .info .list ul {} .software_intergration .con1 .bn_list .info .list ul li { float:left; width:12.5%; text-align:center;} .software_intergration .con1 .bn_list .info .list ul li .icon { width:70px; height:70px; background-color:#f3f3f3 !important; border-radius:12px; margin:0 auto;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(1) .icon { background:url("/img/sub/software_intergration_icon10.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(2) .icon { background:url("/img/sub/software_intergration_icon11.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(3) .icon { background:url("/img/sub/software_intergration_icon12.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(4) .icon { background:url("/img/sub/software_intergration_icon13.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(5) .icon { background:url("/img/sub/software_intergration_icon14.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(6) .icon { background:url("/img/sub/software_intergration_icon15.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(7) .icon { background:url("/img/sub/software_intergration_icon16.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li:nth-child(8) .icon { background:url("/img/sub/software_intergration_icon17.png") no-repeat center;} .software_intergration .con1 .bn_list .info .list ul li dl { line-height:1.4; margin-top:10px;} .software_intergration .con1 .bn_list .info .list ul li dl dt { font-size:17px; font-weight:500; color:#333; } .software_intergration .con1 .bn_list .info .list ul li dl dd { font-size:15px;} .software_intergration .top_tit { text-align:center;} .software_intergration .top_tit dl { line-height:1.4;} .software_intergration .top_tit dl dt { font-size:28px; font-weight:700 !important; color:#333; border:none !important; padding:0; margin-bottom:0 !important;} .software_intergration .top_tit dl dt span { color:#0b4ea9; font-weight:700 !important;} .software_intergration .top_tit dl dd { font-size:20px; margin-top:10px;} .software_intergration .circle { position:relative; margin-bottom:44px;} .software_intergration .circle .tit { width:300px; height:300px; border:25px solid #06377a; background:#fff; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:50%; margin:0 auto; box-shadow:7px 7px 7px rgba(0,0,0,0.15); position:relative;} .software_intergration .circle .tit:after { content:""; width:300%; height:1px; background:#999; display:block; position:absolute; left:-100%; z-index:-1;} .software_intergration .circle .tit p { font-size:28px; font-weight:700; color:#333; position:relative; top:50%;background:url("/img/sub/software_intergration_icon18.png") no-repeat center top; padding-top:60px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .software_intergration .circle .tit p span { display:block; font-size:24px; font-weight:300;} .software_intergration .circle ul {} .software_intergration .circle ul li { position:absolute; top:60px; left:90px;} .software_intergration .circle ul li:nth-child(2) { right:90px; left:inherit;} .software_intergration .circle ul li dl {} .software_intergration .circle ul li dl dt { width:180px; height:180px; background:#60a2fc; box-shadow:7px 7px 7px rgba(0,0,0,0.15); border-radius:50%; text-align:center;} .software_intergration .circle ul li dl dt p { font-size:26px; font-weight:500; position:relative; top:50%; color:#fff; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .software_intergration .circle ul li dl dd { margin-left:-48px; margin-top:14px; color:#333; position:absolute; width:300px;} .software_intergration .num_list { border:1px solid #ddd; background:#faf6f5; border-radius:20px; padding:28px 4.31034482759%; margin-top:90px;} .software_intergration .num_list ul { } .software_intergration .num_list ul:after { content:""; display:block; clear:both; } .software_intergration .num_list ul li {position:relative; padding:0 0 0 46px; margin-bottom:30px; float:left; width:49%; margin-right:2%; box-sizing:border-box; -moz-box-sizing:border-box;} .software_intergration .num_list ul li:nth-child(2n) { margin-right:0;} .software_intergration .num_list ul li:last-child { margin:0; } .software_intergration .num_list ul li .num { width:36px; height:36px; color:#fff; border-radius:50%; text-align:center; line-height:36px; background:#fe4312; position:absolute; left:0; top:0;} .software_intergration .num_list ul li .txt { line-height:1.4;} .software_intergration .num_list ul li .txt .tit { font-size:18px; font-weight:500; color:#333; } .software_intergration .num_list ul li .txt p { font-size:17px; margin-top:10px;} .software_intergration .num_list .img { margin-top:22px; text-align:left; margin-top:25px; padding:0 0 0 46px;} /* .software_intergration .num_list .ul_len2 ul { float:left; width:49%; margin-right:2%;} .software_intergration .num_list .ul_len2 ul:nth-child(2) { margin:0;} */ .software_intergration .step_list { margin-top:50px;} .software_intergration .step_list ul {} .software_intergration .step_list ul li { float:left; width:24.13793103448%; margin-right:1.14942528736%; margin-bottom:45px;} .software_intergration .step_list ul li .tit { font-size:18px; font-weight:500; color:#333; margin-bottom:15px;} .software_intergration .step_list ul li section {border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:7px 7px 7px rgba(0,0,0,0.15); height:300px; border-top:1px solid #06377a;} .software_intergration .step_list ul li:nth-child(4n) { margin:0;} .software_intergration .step_list ul li .img { overflow:hidden;} .software_intergration .step_list ul li .img img { } .software_intergration .step_list ul li .txt { padding:20px 12px;} .software_intergration .step_list ul li .txt p { position:relative; padding:0 0 0 10px; font-size:14px;} .software_intergration .step_list ul li .txt p:before { content:"-"; position:absolute; left:0; top:0;} .software_intergration .con2 .step_list ul li section, .software_intergration .con3 .step_list ul li section, .software_intergration .con4 .step_list ul li section { height:360px; } .software_local .con1 {} .software_local .con1 .bg { background:url("/img/sub/software_local_bg01.jpg") no-repeat center top; background-size:cover; padding:104px 0; line-height:1.4; font-weight:300;} .software_local .con1 .bg > div > div{ float:left; color:#fff;} .software_local .con1 .bg > div > div:last-child { float:right;} .software_local .con1 .bg .left {} .software_local .con1 .bg .left .tit { } .software_local .con1 .bg .left .tit dl { } .software_local .con1 .bg .right .efficiency .tit, .software_local .con1 .bg .left .tit dl dt { font-size:38px; font-weight:700;} .software_local .con1 .bg .right .efficiency .tit span, .software_local .con1 .bg .left .tit dl dt span { font-weight:300;} .software_local .con1 .bg .left .tit dl dd { margin-top:20px;} .software_local .con1 .bg .right { } .software_local .con1 .bg .right .efficiency {} .software_local .con1 .bg .right .efficiency ul { text-align:center; margin-top:38px;} .software_local .con1 .bg .right .efficiency ul li { width:32%; margin-right:2%; float:left;} .software_local .con1 .bg .right .efficiency ul li:last-child { margin:0;} .software_local .con1 .bg .right .efficiency ul li .icon { width:120px; height:120px; background-color:#fff !important; border-radius:50%; margin:0 auto;} .software_local .con1 .bg .right .efficiency ul li:nth-child(1) .icon {background:url("/img/sub/software_local_icon01.png") no-repeat center;} .software_local .con1 .bg .right .efficiency ul li:nth-child(2) .icon {background:url("/img/sub/software_local_icon02.png") no-repeat center;} .software_local .con1 .bg .right .efficiency ul li:nth-child(3) .icon {background:url("/img/sub/software_local_icon03.png") no-repeat center;} .software_local .con1 .bg .right .efficiency ul li .txt { margin-top:18px;} .software_local .con1 .bg .right .efficiency ul li .txt dl {} .software_local .con1 .bg .right .efficiency ul li .txt dl dt { font-size:18px; font-weight:500; margin-bottom:10px;} .software_local .con1 .bg .right .efficiency ul li .txt dl dd { display:inline-block; text-align:left;} .software_local .con1 .bg .right .efficiency ul li .txt dl dd p { padding:0 0 0 10px; position:relative; margin-bottom:8px;} .software_local .con1 .bg .right .efficiency ul li .txt dl dd p:before { content:"-"; position:absolute; left:0; top:0;} .software_local .con1 .bg .right .efficiency ul li .txt dl dd p:last-child { margin:0; } .software_local .icon_list2 { } .software_local .icon_list2 ul li:nth-child(1) dl { background:url("/img/sub/software_local_icon04.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(2) dl { background:url("/img/sub/software_local_icon05.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(3) dl { background:url("/img/sub/software_local_icon06.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(4) dl { background:url("/img/sub/software_local_icon07.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(5) dl { background:url("/img/sub/software_local_icon08.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(6) dl { background:url("/img/sub/software_local_icon09.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(7) dl { background:url("/img/sub/software_local_icon10.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(8) dl { background:url("/img/sub/software_local_icon11.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(9) dl { background:url("/img/sub/software_local_icon04.png") no-repeat left center;} .software_local .icon_list2 ul li:nth-child(10) dl { background:url("/img/sub/software_local_icon13.png") no-repeat left center;} .software_local .list_s1 { border:1px solid #ddd; border-radius:20px; overflow:hidden;} .software_local .list_s1 .img { padding:0 15px;} .software_local .list_s1 .txt { background:#f6f6f6; padding:50px 0 50px 13%;} .software_local .list_s1 .txt span { width:30px; height:30px; border-radius:50%; background:#008fe2; color:#fff; text-align:center; line-height:30px; display:block; position:absolute; left:0; top:-5px; font-weight:700;} .software_local .list_s1 .txt ul {display:inline; } .software_local .list_s1 .txt ul li{ position:relative; padding:0 0 0 42px; margin-bottom:22px;} .software_local .list_s1 .txt ul li:last-child { margin:0; } .software_local .list_s1 .txt ul li p {} .software_local .list_s1 .txt ul li p strong { color:#333; } .software_local .list_s2 { padding:0 40px; margin-top:50px;} .software_local .list_s2 ul {} .software_local .list_s2 ul li { float:left; width:29.81481481481%; margin-right:5.27777777778%; margin-bottom:60px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:7px 7px 7px rgba(0,0,0,0.15);} .software_local .list_s2 ul li:nth-child(3n) { margin-right:0; } .software_local .list_s2 ul li .img {} .software_local .list_s2 ul li .txt { line-height:1.4; padding:20px; height:118px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .software_local .list_s2 ul li .txt dl {} .software_local .list_s2 ul li .txt dl dt { color:#333; font-weight:500;} .software_local .list_s2 ul li .txt dl dd { margin-top:10px;} .software_local .list_s2 ul li .txt dl dd p { position:relative; padding:0 0 0 10px; font-size:15px;} .software_local .list_s2 ul li .txt dl dd p:before { content:"-"; position:absolute; left:0; top:0;} .software_local .list_s3 {} .software_local .list_s3 ul { position:relative;} .software_local .list_s3 ul:before { content:""; width:100%; height:1px; background:#ddd; position:absolute; left:0; top:196px;} .software_local .list_s3 ul li { text-align:center; width:22%; float:left; margin-right:3%;} .software_local .list_s3 ul li:last-child { margin-right:0; } .software_local .list_s3 ul li .img { box-shadow:5px 5px 5px rgba(0,0,0,0.15);} .software_local .list_s3 ul li .txt { margin-top:73px; position:relative;} .software_local .list_s3 ul li .txt:before { content:""; width:12px; height:12px; display:block; position:absolute; left:50%; top:-30px; margin-left:-6px; box-shadow:1px 1px 5px rgba(0,0,0,0.15); background: #005ee2; background: -moz-linear-gradient(to right, #005ee2, #0080e2); background: -webkit-linear-gradient(to right, #005ee2, #0080e2); background: linear-gradient(to right, #005ee2, #0080e2); } /* 소프트웨어 추가 - 200206 */ .SW_local_area { padding:70px 0 200px 0;} /* 고급형 */ .high .con1 {} .high .option {} .high .option ul {} .high .option ul li { position:relative; padding:0 0 0 10px; margin-bottom:5px;} .high .option ul li:last-child { margin:0;} .high .option ul li:before { content:"-"; position:absolute; left:0; top:0;} .high .option ul li span { font-weight:500; color:#333;} .high .characteristic {} .high .list_s2 { background:#f5f5f5; padding:40px 5.1724137931%; border:1px solid #ddd; margin-top:90px;} .high .list_s2 ul {} .high .list_s2 ul li { float:left; margin-right:4%;} .high .list_s2 ul li:nth-child(1) { width:56%;} .high .list_s2 ul li:last-child { margin:0; width:40%;} .high .list_s2 ul li > div { display:inline-block; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .high .list_s2 ul li .txt { width:304px; padding:0 0 0 34px; } .high .list_s2 ul li .txt dl { line-height:1.4;} .high .list_s2 ul li .txt dl dt { font-weight:500; color:#1d1d1d;} .high .list_s2 ul li .txt dl dd { margin-top:20px;} .high .con5 .list { padding:46px 4.31034482759%; background:#f5f5f5;} .high .con5 .list ul {} .high .con5 .list ul li .tit { padding:5px 26px; color:#fff; background:#5d678f; font-size:17px; font-weight:500; text-align:center; border-radius:20px; display:inline-block;} .high .con5 .list ul li .img { margin-top:20px; text-align:left;} .high .con5 .list ul li { float:left; width:50%;} .high .con5 .list ul li img { width:auto; height:100%;} /* 온라인 문의 */ .inquiry_form { margin-top:40px;} .inquiry_form th { background:#f5f5f5; color:#333; font-weight:500; } .inquiry_form th:first-child { border-left:none; } .inquiry_form td:last-child { border-right:none;} .inquiry_form th, .inquiry_form td { padding:10px 15px; border:1px solid #ddd;} .inquiry_form th.required {} .inquiry_form th p { display:inline-block;} .inquiry_form th.required p { } .inquiry_form th.required p:before { content:"*"; color:#be2a30; margin-right:3px;} .inquiry_form textarea, .inquiry_form select, .inquiry_form input[type="text"], .inquiry_form input[type="email"], .inquiry_form input[type="tel"] { width:100%; border:1px solid #ddd; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:35px; line-height:35px; font-size:15px;} .inquiry_form .tit { font-size:24px; line-height:1.4; font-weight:500; color:#333; margin-bottom:20px;} .inquiry_form .tit:before { content:""; width:15px; height:2px; background:#333; display:block; margin-bottom:15px;} .inquiry_form .tit span { color:#be2a30;} .inquiry_form section { position:relative; margin-bottom:60px;} .inquiry_form section:last-child { margin:0; } .inquiry_form .required_txt { position:absolute; right:0; top:30px; font-size:14px; font-weight:300;} .inquiry_form #q0 { display:block !important;} .w360 { width:35.797% !important;} .inquiry_form textarea { height:250px; resize:none;} .inquiry_form .privacy_box { margin-top:60px;} .inquiry_form .privacy_box .txt_box { height:200px; border:1px solid #ddd; border-radius:5px; overflow-y:scroll; padding:20px; line-height:1.6; color:#333; font-size:14px;} .inquiry_form .privacy_box .txt_box b { font-size:15px; } .inquiry_form .chk_box { margin-top:10px;} .inquiry_form .chk_box ul { text-align:right;} .inquiry_form .chk_box ul li { display:inline-block; text-align:left; margin-right:10px; font-size:14px;} .inquiry_form .submit { text-align:center; margin-top:45px;} .inquiry_form .submit input { width:220px; height:60px; line-height:60px; border:2px solid #ddd; color:#be2a30; text-align:center; font-weight:500; background:none; font-size:18px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s; } .inquiry_form .submit input:hover { background:#be2a30; color:#fff; border:2px solid #be2a30;} .inquiry_form .type { border-bottom:1px solid #555; padding:20px 0; margin-bottom:60px;} .hidden { display:none;} /* 새누 뉴스*/ .news_list { margin-top:40px;} .news_list ul {} .news_list ul li { } .news_list ul li > a { display:block;} .news_list ul li > a > div { /* border-bottom:1px solid #ddd; */overflow:hidden; padding:30px 0;} .news_list ul li .img { width:30.13698630137%; overflow:hidden;} .news_list ul li:nth-child(even) { background:#f9f9f9; } .news_list ul li .img img { width:100%; max-height:306px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } .news_list ul li .txt { width:69.86301369863%; padding:20px 40px; height:306px;} .news_list ul li .img, .news_list ul li .txt { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;} .news_list ul li .txt dl { line-height:1.4;} .news_list ul li .txt dl dt { font-size:24px; font-weight:500; color:#333; white-space:nowrap ;overflow:hidden; text-overflow:ellipsis;} .news_list ul li .txt dl dd { margin-top:15px; overflow:hidden;} .news_list ul li .txt .writer { position:absolute; left:40px; bottom:20px;} .news_list ul li .txt .writer p { display:inline-block; margin-right:10px; color:#a2a2a2; font-size:14px;} .news_list ul li .txt .writer p:last-child { margin:0; } .news_list ul li a:hover img { transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); } .w100p.center { text-align:center !important;} #report { } #report .txt { line-height:1.4; } #report .txt dl { } #report .txt dl dt { font-size:22px; color:#313334; font-weight:500;} #report .txt dl dd { font-size:18px; margin-top:20px;} #report .txt dl dd p {} #report .txt dl dd p { margin-bottom:6px;} #report .report_form { margin-top:55px;} #report .report_form .tit { font-size:20px; color:#1d1d1d; font-weight:700; position:relative; padding:0 0 0 16px; margin-bottom:20px;} #report .report_form .tit:before { content:""; width:7px; height:26px; background:#be2a30; display:block; position:absolute; left:0; top:-4px;} #report .report_form .input_box {} #report .report_form .input_box > div { margin-bottom:48px; position:relative;} #report .report_form .input_box > div:last-child { margin:0; } #report .report_form .input_box li { position:relative; margin-bottom:10px;} #report .report_form .input_box li:last-child { margin:0; } #report .report_form .input_box input { height:46px;} #report .report_form .input_box input, #report .report_form .input_box textarea { width:100%; border:1px solid #d2d2d2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 20px;} #report .report_form .input_box textarea { padding:20px; resize:none; height:160px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #report .report_form .input_box .placeholder { color:#565758; font-weight:300; position:absolute; left:20px; top:16px;} #report .report_form .input_box .placeholder em { display:inline-block; color:#be2a30; margin-left:3px;} #report .report_form .submit { text-align:center; margin-top:138px;} #report .report_form .submit input { background:#be2a30; color:#fff; height:60px; line-height:60px; font-size:20px; font-weight:700; width:260px; border:none;} #report .report_form .star { position:absolute; right:0; top:0; color:#be2a30; font-size:17px;} #report .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } #report .filebox label { width:100px; height:46px; background:#d2d2d2; text-align:center; line-height:46px; margin-left:10px; letter-spacing:-0.5px; display: inline-block; color: #565758; font-size: inherit; vertical-align: middle; cursor: pointer; } /* named upload */ #report .filebox { font-size:0; letter-spacing:-4px;} #report .filebox .upload-name { font-size:16px; width:calc(100% - 110px) !important; width:-webkit-calc(100% - 110px) !important; width:-moz-calc(100% - 110px) !important; letter-spacing:-0.5px; display: inline-block; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #report .filebox.bs3-primary label { color: #565758; background-color: #d2d2d2; font-size:16px; }