@charset "utf-8"; /********** common.en **********/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {letter-spacing:0.5px;} /* 서브 네비게이션 */ .sub_navi_en {position:relative;width:100%;min-width:1200px;height:71px;border-bottom:1px solid #e6e6e6;background:#fff;} .sub_navi_en .wrap {width:1200px;margin:0 auto;} .sub_navi_en.fixed {position:fixed;left:0;top:89px;z-index:90;} .sub_navi_en .navi {float:left;height:70px;} .sub_navi_en .navi .home {float:left;width:70px;height:100%;text-indent:-9999px;background:url(../images/common/icon_home2.png) no-repeat center;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} .sub_navi_en .navi > .sub {display:block;float:left;width:265px;height:100%;padding:0 30px;border-right:1px solid #e6e6e6;position:relative;} .sub_navi_en .navi > .sub:nth-child(5) {border-right:0;} .sub_navi_en .navi > .sub button {display:block;width:100%;height:100%;text-align:left;background:url(../images/common/arrow_37.png) no-repeat right center;} .sub_navi_en .navi > .sub button span {display:inline-block;width:95%; font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#333;line-height:20px;padding-top:3px;} .sub_navi_en .navi > .sub.on {background:#008850;} .sub_navi_en .navi > .sub.on button {background:url(../images/common/arrow_39.png) no-repeat right center;} .sub_navi_en .navi > .sub.on button span {color:#fff;} .sub_navi_en .navi > .sub .subLayer {display:none;width:100%;height:auto;position:absolute;left:0;top:71px;text-align:left;border:1px solid #e6e6e6;border-top:0;background:#fff;padding:30px 0 10px 30px;} .sub_navi_en .navi > .sub.on .subLayer {display:block;} .sub_navi_en .navi > .sub .subLayer ul li {display:block;margin-bottom:20px;} .sub_navi_en .navi > .sub .subLayer ul li a {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#333;} .sub_navi_en .navi > .sub .subLayer ul li a:hover {color:#008850;text-decoration:underline;} .sub_navi_en .navi > .sub .subLayer ul li a.current {color:#008850;text-decoration:underline;} .sub_navi_en .print {float:right;width:70px;height:70px;text-indent:-9999px;background:url(../images/common/icon_print2.png) no-repeat center;border-left:1px solid #e6e6e6;} .sub_navi_en .print:hover {background-image:url(../images/common/icon_print2_on.png);} .sub_navi_en .share {float:right;width:70px;height:70px;background:url(../images/common/icon_share2.png) no-repeat center;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;cursor:pointer;position:relative;} .sub_navi_en .share span {display:inline-block;text-indent:-9999px;} .sub_navi_en .share:hover {color:#008850;background-image:url(../images/common/icon_share2_on.png);} .sub_navi_en .layer_share {display:none; position:absolute;left:-1px;top:70px;width:70px;height:132px;text-align:center;background:#fff;border:1px solid #e6e6e6;padding-top:15px;} .sub_navi_en .share.on .layer_share {display:block;} .sub_navi_en .layer_share .ic {display:block;width:30px;height:30px;margin:15px auto;} .sub_navi_en .layer_share .ic.facebook {background:url(../images/common/ic_facebook03.png) no-repeat center;} .sub_navi_en .layer_share .ic.facebook:hover {background-image:url(../images/common/ic_facebook03_on.png);} .sub_navi_en .layer_share .ic.twitter {background:url(../images/common/ic_twitter02.png) no-repeat center;} .sub_navi_en .layer_share .ic.twitter:hover {background-image:url(../images/common/ic_twitter02_on.png);} .visWrap_sub .vi_tit {font-size:56px;} .pageTitle .tit {font-size:36px;} .btn_viewer {width:200px;} /********** header **********/ .header {position:fixed;top:0px; width:100%;min-width:1200px;background:#fff;border-bottom:1px solid rgba(255,255,255,0.2);transition:all 0.3s;-webkit-transition:all 0.3s;z-index:100;} .header:before {content:"";display:block;width:100%;height:1px;background:#e6e6e6; position:absolute;bottom:-1px;left:0;right:0; opacity:1; transition:opacity 0.3s;-webkit-transition:opacity 0.3s;} .header .hd_top {position:relative;max-width:1920px;height:90px; margin:0 auto;padding-left:25%;} .header .hd_top .logo {position:absolute;left:60px;top:30px;display:inline-block;width:292px;height:23px;background-image:url('../images/common/logo06.png');} .header .hd_top .gnb {display:inline-block;} .header .hd_top .gnb:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .header .hd_top .gnb > li {position:relative;float:left;padding:0 25px;} .header .hd_top .gnb > li:first-child {padding-left:0;} .header .hd_top .gnb > li:last-child {padding-right:0;} .header .hd_top .gnb > li:last-child:after {display:none;} .header .hd_top .gnb > li > a {display:block;height:90px;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#333;line-height:90px;font-weight: 600;} .header .hd_top .gnb > li > a:focus, .header .hd_top .gnb > li > a:active {text-decoration:none;} .header .hd_top .gnb > li.on > a {color:#018850;border-bottom:2px solid #018850;} .header .hd_top .util {position:absolute;right:60px;top:25px;} .header .hd_top .util > div {float:left;vertical-align:middle;} .header .hd_top .util .lang {position:relative;margin:10px 28px 0 0;} .header .hd_top .util .lang strong {position:relative;display:inline-block;height:17px;font-family: "Arial";font-size:17px;line-height:17px;color:#666;padding:0px 17px 0 23px;background:url('../images/common/ic_lang01.png') no-repeat left top;cursor:pointer;font-weight: 600;} .header .hd_top .util .lang strong:after {content:"";position:absolute;right:0;top:7px;display:inline-block;width:7px;height:4px;background:url('../images/common/arrow_09.gif') no-repeat 0 0;opacity:0.7;} .header .hd_top .util .lang strong:hover, .header .hd_top .util .lang strong.on {color:#008850 !important;background-image:url('../images/common/ic_lang03.png') !important;} .header .hd_top .util .lang strong:hover:after {background-image:url('../images/common/arrow_31.gif');} .header .hd_top .util .lang strong.on:after {background-image:url('../images/common/arrow_30.gif') !important;} .header .hd_top .util .lang .lang_layer {display:none; position:absolute;left:-18px;top:50px;width:110px;height:130px;background:#fff;padding:18px 0 0 18px;box-shadow:0px 10px 60px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 10px 60px rgba(0, 0, 0, 0.3);} .header .hd_top .util .lang .lang_layer.on {display:block;} .header .hd_top .util .lang .lang_layer:after {content:"";position:absolute;left:35px;top:-14px;width:14px;height:14px;background:url(../images/common/arrow_40.png) no-repeat 0 0;} .header .hd_top .util .lang .lang_layer li a {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:16px;color:#333;margin-bottom:10px;padding-left:24px;} .header .hd_top .util .lang .lang_layer li a.active {color:#008850;text-decoration:underline;} .header .hd_top .util .lang .lang_layer li a.kr {background:url('../images/common/icon_nation_1.png') no-repeat left center;} .header .hd_top .util .lang .lang_layer li a.en {background:url('../images/common/icon_nation_2.png') no-repeat left center;} .header .hd_top .util .lang .lang_layer li a.cn {background:url('../images/common/icon_nation_3.png') no-repeat left center;} .header .hd_top .util .wrap_search {position:relative;margin:9px 28px 0 0;} .header .hd_top .util .wrap_search .ic_srch {display:inline-block;width:22px;height:22px;background:url('../images/common/icon_search_3.png') no-repeat 0 0;cursor:pointer;text-indent:-9999px} .header .hd_top .util .wrap_search .ic_srch:hover, .header .hd_top .util .wrap_search .ic_srch.on {background:url('../images/common/icon_search_5.png') no-repeat 0 0;} .header .hd_top .util .wrap_search .srch_box {display:none; position:absolute;right:-125px;top:50px;width:550px;padding:30px 80px 60px;background:#fff;box-shadow:0px 10px 60px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 10px 60px rgba(0, 0, 0, 0.3);z-index:1;} .header .hd_top .util .wrap_search .srch_box.on {display:block;} .header .hd_top .util .wrap_search .srch_box .common_search_2 {position:relative;} .header .hd_top .util .wrap_search .srch_box .common_search_2 .alert_msg {position:absolute;bottom:-35px;left:0;} .header .hd_top .util .btn_allMenu {width:36px;height:40px;background:url(../images/common/btn_hamb05.png) no-repeat center;cursor:pointer;} .header .hd_top .util .btn_allMenu span {position:absolute;left:-9999%;font-size:0;} .header .hd_top .util .btn_allMenu:hover {} .header .hd_top .util .btn_allMenu:hover span {} .header .gnb_shortcut {position:absolute;top:0;left:0;right:0;width:100%;max-width:1920px;min-width:1200px;margin:0 auto;} .header .gnb_shortcut .wrap {position:absolute;right:285px;top:35px;} .header .gnb_shortcut .wrap a {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#333;line-height:14px;vertical-align:middle;text-transform:uppercase;padding-right:15px;margin-right:10px;border-right: 1px solid;border-color:rgba(255,255,255,0.5);margin-top: 10px;} .header .gnb_shortcut .wrap a {position:relative;} .header .gnb_shortcut .wrap a:last-child {border-right: none;} /*.header .gnb_shortcut .wrap a:first-child {position:relative;padding-right:15px;margin-right:10px;} .header .gnb_shortcut .wrap a:nth-child(2) {position:relative;padding-right:15px;margin-right:10px;} .header .gnb_shortcut .wrap a:last-child {position:relative;padding-left:15px;margin-left:10px;} .header .gnb_shortcut .wrap a:first-child:after {content:"";position:absolute;right:0;top:0;width:1px;height:13px;background:#e6e6e6;} .header .gnb_shortcut .wrap a:nth-child(2):after {content:"";position:absolute;right:0;top:0;width:1px;height:13px;background:#e6e6e6;} .header .gnb_shortcut .wrap a:last-child:before {content:"";position:absolute;left:0;top:0;width:1px;height:13px;background:#e6e6e6;}*/ .header.trans {background:none;transition:all 0.3s;-webkit-transition:all 0.3s;} .header.trans:before {background:none; opacity:0; transition:opacity 0.3s;-webkit-transition:opacity 0.3s;} .header.trans .hd_top .logo {background-image:url('../images/common/logo05.png');} .header.trans .hd_top .gnb > li > a {color:#fff;} .header.trans .hd_top .util .lang strong {color:rgba(255,255,255,0.7);background:url('../images/common/ic_lang02.png') no-repeat left top;} .header.trans .hd_top .util .lang strong:after {background:url('../images/common/arrow_10.gif') no-repeat 0 0;} .header.trans .hd_top .util .lang strong:hover {color:rgba(255,255,255,0.7) !important;background-image:url('../images/common/ic_lang02.png') !important;} .header.trans .hd_top .util .wrap_search .ic_srch {background:url('../images/common/icon_search_4.png') no-repeat 0 0;} .header.trans .hd_top .util .btn_allMenu {background:url(../images/common/btn_hamb04.png) no-repeat center;} .header.trans .gnb_shortcut .wrap a {color:rgba(255,255,255,0.5);border-right: 1px solid;border-color:rgba(255,255,255,0.5);} .header.trans .gnb_shortcut .wrap a:last-child{border-right:none;} /*.header.trans .gnb_shortcut .wrap a {color:rgba(255,255,255,0.5);}*/ /*.header.trans .gnb_shortcut .wrap a:first-child:after {background:rgba(255,255,255,0.2);}*/ /*.header.trans .gnb_shortcut .wrap a:last-child:before {background:rgba(255,255,255,0.2);}*/ .header.scrollOn .hd_top {height:56px;transition:0.3s;-webkit-transition:0.3s;} .header.scrollOn .hd_top .logo {top:16px;transition:0.3s;-webkit-transition:0.3s;height: 23px;} .header.scrollOn .hd_top .gnb > li > a {height:56px;line-height:56px;transition:0.3s;-webkit-transition:0.3s;} .header.scrollOn .hd_top .util {top:8px;transition:0.3s;-webkit-transition:0.3s;} .header.scrollOn .hd_top .util .lang .lang_layer {top:37px;transition:0.3s;-webkit-transition:0.3s;} .header.scrollOn .hd_top .util .wrap_search .srch_box {top:40px;transition:0.3s;-webkit-transition:0.3s;} .header.scrollOn .gnb_shortcut .wrap {top:19px;} .header.scrollOn .subWrap {top:57px;} .header .subWrap {display:none; position:absolute;left:0;right:0;top:91px;height:430px;padding-bottom:144px;background:#f7f7f7;} .header .subWrap .wrap {display:none; position:relative;max-width:1920px;margin:0 auto;} .header .subWrap .wrap.active {display:block;} .header .subWrap .wrap > ul {display:block;padding:45px 0 0 25%;} .header .subWrap .wrap > ul:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .header .subWrap .wrap > ul > li.d2 {float:left;width:auto;margin-right:65px;} .header .subWrap .wrap > ul > li.d2 > a {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:21px;color:#333;line-height:26px;} .header .subWrap .wrap > ul > li.d2 > a:hover, .header .subWrap .wrap > ul > li.d2 > a:focus, .header .subWrap .wrap > ul > li.d2 > a:active {color:#018850;text-decoration:none;} .header .subWrap .wrap > ul > li.d2 > ul > li.d3 {margin-top:15px;} .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > a {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#333;} .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > a:hover, .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > a:focus, .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > a:active {color:#018850;text-decoration:underline;} .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > ul > li.d4 {position:relative;margin-top:10px;padding-left:15px;} .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > ul > li.d4:before {content:"";position:absolute;left:0;top:8px;display:inline-block;width:7px;height:2px;background:url('../images/common/bar_v4.png') no-repeat 0 0;} .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > ul > li.d4 > a {font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;} .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > ul > li.d4 > a:hover, .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > ul > li.d4 > a:focus, .header .subWrap .wrap > ul > li.d2 > ul > li.d3 > ul > li.d4 > a:active {color:#008850;text-decoration:underline;} .allMenu {position:fixed;width:100%;height:100%;z-index:300;} .allMenu .wrap {position:relative;max-width:1920px;height:100%;margin:0 auto;background:#fff;border:1px solid #ddd;overflow-y:scroll;} .allMenu .wrap .w1200 {position:relative;margin:40px auto 95px; } .allMenu .wrap .w1200 ul > li.d1 {float:left;width:16.75%;margin-left:3%;} .allMenu .wrap .w1200 ul > li.d1:first-child {margin-left:0;} .allMenu .wrap .w1200 ul > li.d1 > a {display:block;font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#111;padding-bottom:25px;border-bottom:1px solid #ddd;margin:35px 0 10px;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > a {position:relative;display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#008850;line-height:24px;padding-left:10px;margin-top:10px;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > a:before {content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:#008850;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > a:hover, .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > a:focus, .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > a:active {text-decoration:none;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > ul {padding-left:10px;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > ul > li.d3 > a {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#333;line-height:24px;margin-bottom:8px;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > ul > li.d3:first-child {margin-top:10px;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > ul > li.d3 > ul {margin-bottom:5px;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > ul > li.d3 > ul > li.d4 > a {position:relative;display:inline-block;font-family: "NotoSansCJKsc-Light";font-size:16px;color:#666;padding-left:10px;margin-bottom:10px;} .allMenu .wrap .w1200 ul > li.d1 > ul > li.d2 > ul > li.d3 > ul > li.d4 > a:before {content:"";position:absolute;left:0;top:6px;width:4px;height:1px;background:#666;} .allMenu .wrap .w1200 .shortcut_work {position:absolute;right:136px;bottom:0;display:inline-block;width:170px;height:170px;border:4px solid #008850;background:url(../images/common/arrow_41.png) no-repeat 34px 119px;} .allMenu .wrap .w1200 .shortcut_work > span {display:inline-block;width:300px;height:75px;font-family: "NotoSansCJKsc-Bold";font-size:21px;color:#333;line-height:28px;letter-spacing:0.3px;background:#fff;padding-top:10px;margin:20px 0 0 34px;} .allMenu .close_allMenu {position:absolute;right:0;top:0;display:inline-block;width:23px;height:23px;background:url('../images/common/btn_close_2.png') no-repeat 0 0;} body.noScroll {overflow:hidden;} /*@media (max-width:1665px) { */ .header .hd_top {max-width:1200px;height:127px;padding-left:330px;} .header .hd_top .logo {left:0;top:71px;} .header .hd_top .gnb {margin-top:37px;} .header .hd_top .gnb > li {padding:0 15px;} .header .hd_top .util {right:0;top:63px;} .header .hd_top .util .lang {margin:10px 20px 0 0;} .header .subWrap {top:128px;} .header .subWrap .wrap {max-width:1200px;} .header .subWrap .wrap > ul {padding-left:35px;} .header .gnb_shortcut {height:45px;background:#f7f7f7;} .header .gnb_shortcut .wrap {width:1200px;height:37px;left:0;right:0;top:0;margin:0 auto;text-align:right;} .header .gnb_shortcut .wrap a {line-height:14px;border-right: 1px solid;border-color:rgba(255,255,255,0.5);} .header .gnb_shortcut .wrap a:last-child {border-right: none;} /*.header .gnb_shortcut .wrap a:first-child:after {top:13px;}*/ /*.header .gnb_shortcut .wrap a:last-child:before {top:13px;}*/ .header.trans .gnb_shortcut {background:none;border-bottom:1px solid rgba(255,255,255,0.2);} .header.scrollOn .hd_top .gnb {margin-top:0;} .header.scrollOn .gnb_shortcut {display:none;} /*}*/ /********** footer **********/ .footer {width:100%;min-width:1200px;margin:0 auto;background:#222;} .footer .ft_top {height:auto;padding:75px 0; border-bottom:1px solid #393939;} .footer .ft_top .w1200 {position:relative;} .footer .ft_top .ft_menu:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .footer .ft_top .ft_menu > li {float:left;width:20%;} .footer .ft_top .ft_menu > li > a {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#fff;margin-bottom:20px;} .footer .ft_top .ft_menu > li > ul > li a {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#999;line-height:30px;} .footer .ft_bottom {height:290px;} .footer .ft_bottom .w1200 {position:relative;height:100%;padding-top:60px;} .footer .ft_bottom .ft_logo {width:375px;height:28px;font-size:0;text-indent:-9999%;background:url(../images/common/logo07.png) no-repeat 0 0;margin-bottom:30px;} .footer .ft_bottom .ft_btn_group {margin-bottom:25px;} .footer .ft_bottom .ft_btn_group a {display:inline-block;width:auto;border:1px solid #333;} .footer .ft_bottom .ft_btn_group a span {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:16px;color:#999;padding:13px 30px;} .footer .ft_bottom .ft_btn_group a span:after {display:inline-block;content:"";width:5px;height:9px;background:url(../images/common/arrow_42.png) no-repeat;margin-left:10px;} .footer .ft_bottom address {font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;line-height:26px;font-style:normal;margin-top:25px;} .footer .ft_bottom .copyright {font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;line-height:26px;} .footer .ft_bottom .familysite {position:absolute;right:0;bottom:125px;} .footer .ft_bottom .familysite button {display:inline-block;width:332px;text-align:left;border-bottom:2px solid #fff;padding-bottom:18px;background:url(../images/common/arrow_43.png) no-repeat right 5px;} .footer .ft_bottom .familysite button>span {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#fff;} .footer .ft_bottom .familysite button.on {border-bottom:2px solid #008850;background-image:url(../images/common/arrow_50.png);} .footer .ft_bottom .familysite button.on>span {color:#008850;} .footer .ft_bottom .familysite button.on + .wrap_site {display:block;} .footer .ft_bottom .familysite .wrap_site {display:none;position:absolute;bottom:55px;left:0;right:0;width:100%;height:auto;border:2px solid #008850;} .footer .ft_bottom .familysite .wrap_site>a {display:block;width:100%;height:45px;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#999;line-height:45px;padding-left:30px;background:#333;border-bottom:1px solid #393939;} .footer .ft_bottom .familysite .wrap_site>a:last-child {border-bottom:0;} .footer .ft_bottom .familysite .wrap_site>a:hover {font-family: "NotoSansCJKsc-Bold";color:#008850;background:#393939;} .footer .ft_bottom .sns {position:absolute;right:0;bottom:65px;} .footer .ft_bottom .sns .ic {display:inline-block;width:40px;height:40px;margin-left:15px;vertical-align:top;position:relative;} .footer .ft_bottom .sns .ic .tipLayer {display:none;width:260px;height:40px;font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#999;text-align:center;line-height:40px;border:2px solid #444;position:absolute;left:-110px;top:-55px;background:#333;border-radius:2px;-webkit-border-radius:2px;box-shadow:0px 0px 10px rgba(0,0,0,0.05);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.05);} .footer .ft_bottom .sns .ic .tipLayer em {color:#fff;} .footer .ft_bottom .sns .ic.facebook {background:url('../images/common/ic_facebook01.png') no-repeat center;} .footer .ft_bottom .sns .ic.facebook:hover .tipLayer {display:block;} .footer .ft_bottom .sns .ic.youtube {background:url('../images/common/ic_youtube01.png') no-repeat center;} .footer .ft_bottom .sns .ic.youtube:hover .tipLayer {display:block;} .pageTop {display:none; position:fixed;left:0;bottom:0;width:100%;z-index:2;} .pageTop .wrap {position:relative;width:1200px;margin:0 auto;} .pageTop .wrap .btn_top {position:absolute;right:-110px;bottom:180px;cursor:pointer;} /********** 퀵메뉴 **********/ .sub_quick {max-width:1920px;min-width:1200px;height:0px;position:absolute;left:0;right:0;top:415px;margin:0 auto;z-index:2;} /*.sub_quick .wrap {width:100%;min-width:1200px;height:0px;}*/ .sub_quick .wrap {margin-top:30px;} .sub_quick .wrap .quick_hidden {float:right;width:60px;height:210px;overflow:hidden;position:relative;} .sub_quick button {display:block;width:50px;height:140px;text-indent:-9999px;position:absolute;right:0;top:10px;background:url(../images/common/btn_quick_en.png) no-repeat;z-index:2;box-shadow:1px 1px 15px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.2);} .sub_quick .menuCon {width:520px;height:140px;position:absolute;right:-1225px;/*right:50px;*/top:10px;background:#fff;z-index:1;box-shadow:1px 1px 15px rgba(0,0,0,0.1);-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.1);} .sub_quick .menuCon ul {width:520px;padding-top:40px;} .sub_quick .menuCon ul li {float:left;width:130px;height:90px;} .sub_quick .menuCon ul li a, .sub_quick .menuCon ul li div {display:block;width:100%;height:100%;padding-top:47px;font-family: "NotoSansCJKsc-Regular";font-size:15px;color:#444;text-align:center;position:relative;} .sub_quick .menuCon ul li:nth-child(1) a {background:url(../images/common/icon_quick_en4.png) no-repeat center 0;} .sub_quick .menuCon ul li:nth-child(2) a {background:url(../images/common/icon_quick_en1.png) no-repeat center 0;} .sub_quick .menuCon ul li:nth-child(3) a {background:url(../images/common/icon_quick_en2.png) no-repeat center 0;} .sub_quick .menuCon ul li:nth-child(4) a {background:url(../images/common/icon_quick_en3.png) no-repeat center 0;} /********** 상단배너 **********/ .topBanner {position:fixed;top:-160px;z-index:100; width:100%;min-width:1200px;height:160px;transition:0.3s;-webkit-transition:0.3s;} .topBanner .tb_slide_list {max-width:1920px;margin:0 auto;} .topBanner .tb_slide_list .item > a {display:block;height:160px;background-repeat:no-repeat;background-position:top center;} .topBanner .tb_slide_list .slick-arrow {display:none !important; position:absolute;top:50%; z-index:1;} .topBanner .tb_slide_list .slick-arrow.slick-prev {left:0;} .topBanner .tb_slide_list .slick-arrow.slick-next {right:0;} .topBanner .tb_slide_list .slick-dots {position:absolute;bottom:24px;left:0; display:block;width:100%;text-align:center;} .topBanner .tb_slide_list .slick-dots li {display:inline-block;} .topBanner .tb_slide_list .slick-dots li button {display:inline-block;width:3px;height:8px;margin:0 6px;background:#81c3a7;font-size:0;color:transparent;transition:0.3s;-webkit-transition:0.3s;} .topBanner .tb_slide_list .slick-dots li.slick-active button {width:6px;height:12px;background:#fff;transition:0.3s;-webkit-transition:0.3s;} .topBanner .w1200 {position:relative;top:-160px;} .topBanner .w1200 .wrap {position:absolute;right:0;top:0;width:1px;height:160px;} .topBanner .w1200 .tb_close {position:absolute;right:0;top:32px;display:inline-block;width:22px;height:21px;background:url('../images/common/btn_close_5.gif') no-repeat 0 0;font-size:0;text-indent:-9999px;} .topBanner .w1200 .btn_today {position:absolute;right:0;bottom:30px;width:200px;} .topBanner .w1200 .btn_today.checkbox_ui label.css_label {color:#fff;background:url('../images/common/checkbox_bg3.png') no-repeat;} body {transition:0.3s;-webkit-transition:0.3s;} body.topBnrOn {margin-top:160px;} body.topBnrOn .topBanner {top:0;} body.topBnrOn .header {top:160px;} /********** 메인 팝업 **********/ .mainLayerPopup {position:absolute;width:auto;height:auto;z-index:100000;box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);} .mainLayerPopup .popContent {width:100%;height:auto;background:#fff;} .mainLayerPopup .popContent img {width:100%;height:auto;} .mainLayerPopup .popBottom {position:relative;width:100%;height:52px;background:#f7f7f7;padding:16px 0 0 30px;} .mainLayerPopup .popBottom .btn_lp_close {position:absolute;right:30px;top:17px;width:18px;height:18px;font-size:0;text-indent:-9999px;background:url('../images/common/btn_close_2.png') no-repeat 0 0;background-size:100%;-webkit-background-size:100%;} /********** 글로벌네트워크 팝업 **********/ .popLayer.globalNetworkPopup {width:500px;height:auto;margin:0;} .popLayer.globalNetworkPopup .btn_close {position:absolute;right:-60px;top:0;width:60px;height:60px;text-indent:-9999px;background:#999 url(../images/common/btn_close_3.png) no-repeat center;} .popLayer.globalNetworkPopup .popBox {width:100%;height:auto;padding:50px;box-shadow:0px 0px 60px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0px 0px 60px rgba(0, 0, 0, 0.2);} .popLayer.globalNetworkPopup .popBox .top {border-bottom:1px solid #e6e6e6;padding-bottom:20px;} .popLayer.globalNetworkPopup .popBox .top .tit {font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#008850;} .popLayer.globalNetworkPopup .popBox .top .sub_tit {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:26px;color:#008850;margin-left:7px;} .popLayer.globalNetworkPopup .popBox .con .info_tit {font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#333;margin:20px 0 10px;} .popLayer.globalNetworkPopup .popBox .con .name, .popLayer.globalNetworkPopup .popBox .con .location, .popLayer.globalNetworkPopup .popBox .con .contact li {font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;line-height:22px;} .popLayer.globalNetworkPopup .popBox .con .location {font-style:normal;} .popLayer.globalNetworkPopup .popBox .con .contact li .mail {color:#666;text-decoration:underline;} .popLayer.globalNetworkPopup .popBox .con .btn_shortcut_6 {background:#008850;margin-top:30px;} /********** content **********/ .contents {max-width:1920px;min-width:1200px;margin:0 auto;overflow:hidden;} .contents .pageNavi {background:#f7f7f7;border-top:1px solid #e6e6e6;} .contents .pageNavi .fl {position:relative;width:50%;} .contents .pageNavi .fl.prev {border-right:1px solid #e6e6e6;} .contents .pageNavi .fl a {display:inline-block;width:100%;height:60px;font-family: "NotoSansCJKsc-Regular";font-size:20px;color:#333;text-align:center;padding-top:20px;} .contents .pageNavi .fl a.line2 {padding-top:30px;} .contents .pageNavi .fl a:before {content:"";position:absolute;top:20px;width:86px;height:13px;} .contents .pageNavi .fl.prev a:before {left:0;background:url('../images/common/pagenavi_prev.png') no-repeat 0 0;} .contents .pageNavi .fl.next a:before {right:0;background:url('../images/common/pagenavi_next.png') no-repeat 0 0;} .contents .pageNavi .fl.prev a {padding-left:86px;} .contents .pageNavi .fl.next a {padding-right:86px;} /********** main **********/ /*.mainContent .visWrap {position:relative;} .mainContent .visWrap .wrap_slides {position:relative;} .mainContent .visWrap .wrap_slides .list_visual {width:100%;} .mainContent .visWrap .wrap_slides .list_visual .list_item {position:relative; width:100%;height:1080px;background-size:cover !important;} .mainContent .visWrap .wrap_slides .list_visual .txt_wrap {position:absolute;top:225px;left:0;right:0;width:1200px;margin:0 auto;} .mainContent .visWrap .wrap_slides .list_visual .txt_wrap .copy {font-family: "NotoSansCJKsc-Bold";font-size:56px;color:#fff;line-height:67px;text-shadow:1px 1px 2px rgba(0,0,0,0.5);} .mainContent .visWrap .wrap_slides .list_visual .slick-arrow {position:absolute;bottom:210px;left:0;right:0;width:1200px;margin:0 auto;z-index:2;font-size:0;color:transparent;} .mainContent .visWrap .wrap_slides .list_visual .slick-arrow:after {content:"";position:absolute;top:0;display:inline-block;width:40px;height:21px;} .mainContent .visWrap .wrap_slides .list_visual .slick-arrow.slick-prev:after {left:0;background:url('../images/main/btn_vis_prev.png') no-repeat 0 0;} .mainContent .visWrap .wrap_slides .list_visual .slick-arrow.slick-next:after {left:70px;background:url('../images/main/btn_vis_next.png') no-repeat 0 0;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots {position:absolute;top:390px;right:18.75%;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li {display:block;height:2px;text-align:right;margin-bottom:20px;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li button {display:inline-block;width:20px;height:2px;background:rgba(255,255,255,0.6);transition:all 0.3s;vertical-align:top;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li.slick-active {height:3px;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li.slick-active button {width:40px;height:3px;background:#fff;transition:all 0.3s;} .mainContent .visWrap .wrap_slides .btn_play { position:absolute; right:18.75%; top:390px; width:40px; height:40px; background:url(../images/main/btn_sl_play.png) no-repeat 0 0; border:none; text-indent:-9999px;} .mainContent .visWrap .wrap_slides .btn_play.on {background:#fff;}*/ .mainContent .visWrap {position:relative;} .mainContent .visWrap .wrap_slides {position:relative;} .mainContent .visWrap .wrap_slides .list_visual {width:100%;} .mainContent .visWrap .wrap_slides .list_visual .list_item {position:relative; width:100%;height:1080px;background-size:cover !important;} .mainContent .visWrap .wrap_slides .list_visual .txt_wrap {position:absolute;left:18.5%;top:225px;} .mainContent .visWrap .wrap_slides .list_visual .txt_wrap .tag {position:absolute;left:-9999px;font-size:0;line-height:0%;visibility:hidden;} /*.mainContent .visWrap .wrap_slides .list_visual .txt_wrap .s_txt {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:36px;color:#fff;line-height:70px;text-shadow:1px 1px 2px rgba(0,0,0,0.5);}*/ .mainContent .visWrap .wrap_slides .list_visual .txt_wrap .copy {width:auto;font-family: "NotoSansCJKsc-Bold";font-size:56px;color:#fff;line-height:71px;text-shadow:1px 1px 2px rgba(0,0,0,0.5);} .mainContent .visWrap .wrap_slides .list_visual .slick-arrow {position:absolute;top:50%;z-index:2;display:inline-block;width:36px;height:44px;margin-top:-22px;font-size:0;text-indent:-9999px;color:transparent;} .mainContent .visWrap .wrap_slides .list_visual .slick-arrow.slick-prev {left:60px;background:url('../images/main/btn_vis_prev.png') no-repeat 0 0;} .mainContent .visWrap .wrap_slides .list_visual .slick-arrow.slick-next {right:60px;background:url('../images/main/btn_vis_next.png') no-repeat 0 0;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots {position:absolute;top:290px;right:18%;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li {display:block;width:18px;height:18px;border:1px solid rgba(255,255,255,0.5);margin-bottom:15px;cursor:pointer;transition:all 0.3s;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li button {display:none;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li.slick-active {position:relative;border:1px solid rgba(255,255,255,1);background:#fff;transition:all 0.3s;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots li.slick-active button {position:absolute;right:30px;top:0;display:block;width:400px;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#fff;text-align:right; transition:all 0.3s;text-shadow:1px 1px 2px rgba(0,0,0,0.5);} .mainContent .visWrap .wrap_slides .slide_page {position:absolute;left:18.5%;top:470px;font-family: "NotoSansCJKsc-Regular";font-size:22px;color:#fff;vertical-align:bottom;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,0.5);}/* left값 .txt_wrap의 left와 동일하게 */ .mainContent .visWrap .wrap_slides .slide_page .slide_num {font-family: "NotoSansCJKsc-Bold";font-size:32px;color:#00e085;text-shadow:1px 1px 2px rgba(0,0,0,0.5);} .mainContent .visWrap .wrap_slides .slide_page .slide_num span {font-family:inherit;} .mainContent .visWrap .wrap_slides .list_visual .list_item.movie .btn_play {position:absolute;left:50%;top:50%;display:inline-block;margin:-40px 0 0 -70px;} .mainContent .visWrap .txt_scroll {position:absolute;bottom:160px;left:50%;margin-left:-67px;} @media (max-width:1579px) { .mainContent .visWrap .wrap_slides .list_visual .txt_wrap {left:12%;} .mainContent .visWrap .wrap_slides .list_visual .slick-dots {right:12%;} .mainContent .visWrap .wrap_slides .slide_page {left:12%;} } .mainContent .sect_tit {font-family: "NotoSansCJKsc-Bold";font-size:34px;color:#333;text-align:center;text-transform:uppercase;} .mainContent .desc {font-family: "NotoSansCJKsc-Regular";font-size:20px;color:#666;margin-top:20px;text-align:center;} .mainContent .desc2 {font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#666;margin-top:15px;line-height:24px;} .mainContent .section_1 {padding:120px 0 0;background:url(../images/main/section1_bg1.png) no-repeat center top;} .mainContent .section_1 .sect_tit {text-align:left;} .mainContent .section_1 .sect_tit_desc {font-family: "NotoSansCJKsc-Light";font-size:18px;color:#777;margin-top:20px;} .mainContent .section_1 .since ul {margin-top:35px;} .mainContent .section_1 .since ul li {float:left;width:235px;height:215px;padding:35px 35px;margin-left:35px;box-shadow:0 10px 50px rgba(0,0,0,0.25);-webkit-box-shadow:0 10px 50px rgba(0,0,0,0.25);background-repeat:no-repeat;background-size:cover !important;} .mainContent .section_1 .since ul li:first-child {margin-left:0;} .mainContent .section_1 .since ul li .txt1 {height:60px;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;letter-spacing:0.8px;} .mainContent .section_1 .since ul li .txt2 {font-family: "NotoSansCJKsc-Bold";font-size:56px;color:#008850;} .mainContent .section_1 .since ul li .txt2 .unit {display:inline-block;font-family:inherit;font-size:17px;} .mainContent .section_1 .since ul li .txt3 {font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#333;margin-top:5px;letter-spacing:1px;margin-bottom: 15px;} .mainContent .section_1 .since ul li .txt4 {font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#333;margin-top:15px;letter-spacing:1px;margin-bottom: 15px;text-align: right;} .mainContent .section_1 .solution {min-height:722px;background:url(../images/main/section_1_bg2.jpg) no-repeat center bottom;margin-top:-90px;padding-top:200px;} .mainContent .section_1 .solution .sect_tit {color:#fff;} .mainContent .section_1 .solution .proj_list {margin-top:70px;} .mainContent .section_1 .solution .proj_list > li {float:left;width:255px;margin-left:60px;} .mainContent .section_1 .solution .proj_list > li:first-child {margin-left:0;} .mainContent .section_1 .solution .proj_list > li .lb {font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#ffca00;margin-bottom:40px;} .mainContent .section_1 .solution .proj_list > li > ul > li {border-bottom:1px solid rgba(255,255,255,0.3);margin-bottom:15px;} .mainContent .section_1 .solution .proj_list > li > ul > li a {display:inline-block;font-family: "NotoSansCJKsc-Light";font-size:20px;color:#fff;} .mainContent .section_2 {padding:70px 0;} .mainContent .section_2 .w1200 {position:relative;} .mainContent .section_2 .tab_continent {text-align:center;margin-top:70px;} .mainContent .section_2 .tab_continent ul {display:inline-block;} .mainContent .section_2 .tab_continent ul li {float:left;width:170px;border-left:1px solid #e6e6e6;} .mainContent .section_2 .tab_continent ul li:first-child {border-left:0;} .mainContent .section_2 .tab_continent ul li button {display:block;width:100%;} .mainContent .section_2 .tab_continent ul li button .count {display:block;font-family: "NotoSansCJKsc-Light";font-size:42px;color:#333;margin-bottom:7px;} .mainContent .section_2 .tab_continent ul li button .name {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#333;} .mainContent .section_2 .tab_continent ul li.on button .count, .mainContent .section_2 .tab_continent ul li.on button .name {color:#008850;} .mainContent .section_2 .wrap_slide_nation {position:relative;height:68px; margin:50px 0;} .mainContent .section_2 .wrap_slide_nation .nation {position:absolute;left:0;top:0;width:100%; visibility:hidden;} .mainContent .section_2 .wrap_slide_nation .nation.on {visibility:visible;} .mainContent .section_2 .swiper-container {position:relative;width:860px;height:68px;padding:0 80px;border-radius:34px;margin:0 auto;overflow:hidden;box-shadow:5px 10px 40px rgba(0,0,0,0.1);-webkit-box-shadow:5px 10px 40px rgba(0,0,0,0.1);} .mainContent .section_2 .swiper-container .swiper-wrapper {} .mainContent .section_2 .swiper-container .swiper-slide {float:left;width:auto;height:68px;text-align:center;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#999;line-height:68px;margin:0 20px;cursor:pointer;} .mainContent .section_2 .swiper-container .swiper-slide.on {color:#008850;border-bottom:4px solid #008850;} .mainContent .section_2 .swiper-container .swiper-button-next, .mainContent .section_2 .swiper-container .swiper-button-prev {position:absolute;top:0;width:80px;height:68px;margin-top:0;} .mainContent .section_2 .swiper-container .swiper-button-prev {background:url(../images/main/btn_sl_prev2.png) no-repeat left top;left:0;} .mainContent .section_2 .swiper-container .swiper-button-next {background:url(../images/main/btn_sl_next2.png) no-repeat right top;right:0;} .mainContent .section_2 .swiper-container .swiper-button-prev.swiper-button-disabled {background:url(../images/main/btn_sl_prev2_2.png) no-repeat left top;opacity:1;} .mainContent .section_2 .swiper-container .swiper-button-next.swiper-button-disabled {background:url(../images/main/btn_sl_next2_2.png) no-repeat right top;opacity:1;} .mainContent .section_2 .worldmap {width:100%;height:548px;position:relative;} .mainContent .section_2 .worldmap .map {display:none;position:absolute;left:0;top:0;} .mainContent .section_2 .worldmap .map.map0, .mainContent .section_2 .worldmap .map.link {display:block;} .mainContent .section_2 .wrap_spot {position:relative;width:100%;height:1px;} .mainContent .section_2 .wrap_spot .spotgroup {display:none;} .mainContent .section_2 .wrap_spot .spotgroup.on {display:block;} .mainContent .section_2 .wrap_spot .spot {position:absolute;overflow:visible;} .mainContent .section_2 .wrap_spot .spot.on {z-index:2;} .mainContent .section_2 .wrap_spot .spot .dot {position:absolute;left:-15px;top:-15px;width:10px;height:10px;background:url(../images/common/dot.png) no-repeat;border:15px solid rgba(255, 255, 255, 0);border-radius:100%;box-sizing:content-box;z-index:1;} .mainContent .section_2 .wrap_spot .spot.on .dot {border:15px solid rgba(255, 202, 0, 0.5);box-shadow:0 0 30px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3);transition:0.3s;z-index:2;} .mainContent .section_2 .wrap_spot .spot .lb {display:none;width:0;height:0; font-family: "NotoSansCJKsc-Bold";font-size:21px;color:#333;text-align:left;line-height:100%;padding-left:0;transform:scale(0,0);} .mainContent .section_2 .wrap_spot .spot.on .lb {display:block;width:auto;height:auto;padding-left:35px; transform:scale(1,1);transition:transform 0.3s;} .mainContent .section_3 {background:#f5f5f5;padding-top:120px;} .mainContent .section_3 .w1200 {text-align:center;} .mainContent .section_3 .wrap_slides {position:relative;height:700px;margin-top:45px;} .mainContent .section_3 .wrap_slides .list_technology {height:100%;overflow:hidden;} .mainContent .section_3 .wrap_slides .list_technology .list_item {position:relative;float:left;opacity:0.3;margin:0 40px;transition:margin 0.3s;-webkit-transition:margin 0.3s;} .mainContent .section_3 .wrap_slides .list_technology .list_item.slick-center {opacity:1;} .mainContent .section_3 .wrap_slides .list_technology .thumb {position:relative;display:block;height:460px;overflow:hidden;} .mainContent .section_3 .wrap_slides .list_technology .thumb img {position:absolute;left:50%;top:0;margin-left:-600px;width:1200px;height:100%;} .mainContent .section_3 .wrap_slides .list_technology .slick-arrow {position:absolute;top:200px;display:inline-block;width:80px;height:50px;z-index:2;font-size:0;color:transparent;} .mainContent .section_3 .wrap_slides .list_technology .slick-arrow.slick-prev {left:16.6%;background:url('../images/main/btn_prev02.png') no-repeat 0 0;transition-delay:0.5s;} .mainContent .section_3 .wrap_slides .list_technology .slick-arrow.slick-next {right:16.6%;background:url('../images/main/btn_next02.png') no-repeat 0 0;transition-delay:0.5s;} .mainContent .section_3 .wrap_slides .list_technology .slick-dots {position:absolute;bottom:100px;left:0; display:block;width:100%;text-align:center;} .mainContent .section_3 .wrap_slides .list_technology .slick-dots li {display:inline-block;} .mainContent .section_3 .wrap_slides .list_technology .slick-dots li button {display:inline-block;width:100%;height:100%;width:18px;height:18px;margin:0 10px;background:#ddd;font-size:0;color:transparent;transition:0.3s;-webkit-transition:0.3s;} .mainContent .section_3 .wrap_slides .list_technology .slick-dots li.slick-active button {background:#008850;transition:0.3s;-webkit-transition:0.3s;} .mainContent .section_3 .wrap_slides .slide_page {position:absolute;bottom:200px;left:16.6%;} .mainContent .section_3 .wrap_slides .slide_page .slides_log {padding-left:285px;font-family: "NotoSansCJKsc-Regular";font-size:22px;color:#666;letter-spacing:2px;} .mainContent .section_3 .wrap_slides .slide_page .slides_log .slide_num {font-family: "NotoSansCJKsc-Bold";font-size:32px;color:#333;} .mainContent .section_3 .wrap_slides .slide_page .slides_log .slide_num span {font-family: "NotoSansCJKsc-Bold";} .mainContent .section_3 .wrap_slides .wrap_textbox {position:absolute;top:80px;left:16.6%;} .mainContent .section_3 .wrap_slides .wrap_textbox .box {position:absolute;left:140px;top:0;width:380px;height:460px;background:#fff;box-shadow:10px 15px 50px rgba(0,0,0,0.25);-webkit-box-shadow:10px 15px 50px rgba(0,0,0,0.25);padding: 55px 35px 55px 45px;} .mainContent .section_3 .wrap_slides .wrap_textbox .box:after {content:"";position:absolute;left:-30px;top:65px;display:inline-block;width:60px;height:2px;background:#008850;} .mainContent .section_3 .wrap_slides .wrap_textbox .box .wrap_txt li {display:none;} .mainContent .section_3 .wrap_slides .wrap_textbox .box .wrap_txt li.active {display:block;} .mainContent .section_3 .wrap_slides .wrap_textbox .box .wrap_txt li .tit {font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#333;line-height:30px;} .mainContent .section_3 .wrap_slides .wrap_textbox .box .wrap_txt li .wrap_desc {margin-top:20px;line-height: 30px;} .mainContent .section_3 .wrap_slides .wrap_textbox .box .wrap_txt li .wrap_desc .bu {position:relative;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;line-height:21px;margin-bottom:10px;padding-left:15px;} .mainContent .section_3 .wrap_slides .wrap_textbox .box .wrap_txt li .wrap_desc .bu:before {content:"";position:absolute;left:0;top:6px;display:inline-block;width:4px;height:4px;background:#008850;} .mainContent .section_3 .wrap_slides .wrap_textbox .box .wrap_txt li .btn_text_6 {margin-top:15px;} .mainContent .section_4 {text-align:center;background:url('../images/main/section4_bg.jpg') no-repeat bottom center;padding:120px 0 130px;} .mainContent .section_4 .movie_area {position:relative;display:inline-block;width:800px;height:380px;margin-top:45px;box-shadow:10px 15px 50px rgba(0,0,0,0.3);-webkit-box-shadow:10px 15px 50px rgba(0,0,0,0.3);cursor:pointer;overflow:hidden;} .mainContent .section_4 .movie_area:after {content:"";position:absolute;left:50%;top:50%;display:inline-block;width:80px;height:80px;background:url(../images/main/btn_play2.png) no-repeat 0 0;margin:-40px 0 0 -40px;} .mainContent .section_4 .movie_area .img {display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;} .mainContent .section_4 .copy_phrase {width:800px;background:url('../images/main/section4_bg2.png') no-repeat center;padding:50px 0;} .mainContent .section_4 .copy_phrase li {float:left;width:50%;} .mainContent .section_4 .copy_phrase li .txt1 {font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#00e085;letter-spacing:2px;} .mainContent .section_4 .copy_phrase li .txt2 {font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#fff;margin-top:10px;} .mainContent .section_5 {padding:120px 0 0;} .mainContent .section_5 .sect_tit {text-align:left;} /*.mainContent .section_5 .wrap_slides {width:1199px;}*//*리스트 양쪽 보더 없앨시*/ .mainContent .section_5 .hdel_news {margin-top:45px;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;} .mainContent .section_5 .hdel_news li {float:left;width:399px;height:325px;border-left:1px solid #e6e6e6;} .mainContent .section_5 .hdel_news li:first-child {border-left:0;} .mainContent .section_5 .hdel_news li a {display:block;padding:0 60px;} .mainContent .section_5 .hdel_news li a .sort {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#008850;margin-bottom:15px;} .mainContent .section_5 .hdel_news li a .title {height:45px;font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#333;line-height:24px;margin-bottom:15px;} .mainContent .section_5 .hdel_news li a .detail {height:70px;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;line-height:24px;margin-bottom:30px;} .mainContent .section_5 .hdel_news li a .date {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#666;} .mainContent .section_5 .hdel_news li a:hover .title {text-decoration:underline;} .mainContent .section_5 .hdel_news .slick-arrow {position:absolute;top:-90px;display:inline-block;width:40px;height:21px;font-size:0;color:transparent;} .mainContent .section_5 .hdel_news .slick-arrow.slick-prev {right:70px;background:url('../images/main/btn_sl_prev1.png') no-repeat 0 0;} .mainContent .section_5 .hdel_news .slick-arrow.slick-next {right:0;background:url('../images/main/btn_sl_next1.png') no-repeat 0 0;} @media (max-width:1579px) { .mainContent .section_3 .wrap_slides .list_technology .slick-arrow.slick-prev {left:10%;transition-delay:0.5s;} .mainContent .section_3 .wrap_slides .list_technology .slick-arrow.slick-next {right:10%;transition-delay:0.5s;} .mainContent .section_3 .wrap_slides .slide_page {left:10%;} .mainContent .section_3 .wrap_slides .wrap_textbox {left:10%;} } @media (max-width:1449px) { .mainContent .section_3 .wrap_slides .list_technology .slick-arrow.slick-prev {left:5%;} .mainContent .section_3 .wrap_slides .list_technology .slick-arrow.slick-next {right:5%;} .mainContent .section_3 .wrap_slides .slide_page {left:5%;} .mainContent .section_3 .wrap_slides .wrap_textbox {left:5%;} } /********** 기업정보 **********/ .visWrap_sub.company {background:url(../images/company/top_visual.jpg) no-repeat center;} .subCompany {padding-bottom:120px;} .subCompany.padding0 {padding-bottom:0;} .subCompany .common_search {text-align:center;margin-bottom:80px;} .subCompany .common_search .sel_wrap {display:inline-block;width:135px;height:50px;margin-right:-5px;} .subCompany .common_search .sel_wrap .select_ui1 {height:50px;} .subCompany .common_search .input_wrap {width:500px;} .subCompany .result_wrap {padding-top:60px;text-align:center;border-top:1px solid #333;margin-top:20px;} .subCompany .viewer {width:100%;height:130px;text-align:center;padding-top:40px;margin-top:80px;background:#f7f7f7;border:1px solid #e6e6e6;} .subCompany .viewer .FS_n15 {display:inline-block;margin-right:40px;} .subCompany .shortcut_gray {width:100%;height:130px;text-align:center;padding-top:40px;margin-top:80px;background:#f7f7f7;border:1px solid #e6e6e6;} .subCompany .shortcut_gray .FS_n15 {display:inline-block;margin-right:40px;} .subCompany .shortcut_gray .btn_shortcut_3 {background:#999;} /* 개요 */ .subCompany .intro .info {height:486px;padding-top:160px;background:url('../images/company/intro_img01.jpg') no-repeat top center;} .subCompany .intro .info ul {width:936px;} .subCompany .intro .info ul li {float:left;width:234px;font-family: "NotoSansCJKsc-Regular";font-size:20px;color:#fff;text-align:center;padding-top:110px;} .subCompany .intro .info ul li .lb {font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#00e085;margin-bottom:15px;text-transform:uppercase;} .subCompany .intro .info ul li:nth-child(1) {background:url('../images/company/intro_icon1.png') no-repeat top center;} .subCompany .intro .info ul li:nth-child(2) {background:url('../images/company/intro_icon2.png') no-repeat top center;} .subCompany .intro .info ul li:nth-child(3) {background:url('../images/company/intro_icon3.png') no-repeat top center;} .subCompany .intro .info ul li:nth-child(4) {background:url('../images/company/intro_icon5.png') no-repeat top center;} .subCompany .intro .performance {padding:80px 0;} .subCompany .intro .performance .tit {margin-bottom:40px;} .subCompany .intro .performance ul li {float:left;width:242px;height:240px;border:1px solid #e6e6e6;text-align:center;padding-top:30px;margin:0 40px 28px 0;} /*.subCompany .intro .performance ul li:nth-child(4n) {margin:0 0 28px 0;}*/ .subCompany .intro .performance ul li .b_txt {font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#008850;} .subCompany .intro .performance ul li .b_txt>em {font-family:inherit;font-size:60px;letter-spacing:-1.5px;} .subCompany .intro .performance ul li .s_txt {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:24px;} .subCompany .intro .performance ul li .s_txt:before {content:"";display:block;width:20px;height:2px;background:#008850;margin:15px auto 25px;} .subCompany .intro .performance ul li.emphasis {border:0;background:#00af66;} .subCompany .intro .performance ul li.emphasis .b_txt {color:#fff;} .subCompany .intro .performance ul li.emphasis .s_txt {color:#fff;} .subCompany .intro .performance ul li.emphasis .s_txt:before {background:#b3e7d1;} .subCompany .intro .performance .botton_txt {position:relative;top:-10px;text-align:right;} .subCompany .intro .business {background:#f7f7f7;padding:80px 0;} .subCompany .intro .business .tit {margin-bottom:40px;} .subCompany .intro .business .list > ul > li {float:left;width:380px;} .subCompany .intro .business .list > ul > li + li {margin-left:30px;} .subCompany .intro .business .list > ul > li .img {width:100%;height:500px;overflow:hidden;} .subCompany .intro .business .list > ul > li .name {width:100%;height:80px;font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#fff;line-height:80px;text-align:center;background:#222;} .subCompany .intro .business .list > ul > li:hover .name {color:#fff;background:#008850;} .subCompany .intro .business .list > ul > li:first-child {position:relative;} .subCompany .intro .business .list > ul > li:first-child ul {position:absolute;bottom:80px;left:0;padding:0 0 25px 30px;} .subCompany .intro .business .list > ul > li:first-child ul li {margin-top:10px;} .subCompany .intro .business .list > ul > li:first-child ul li a:hover {text-decoration:underline;} .subCompany .intro .system {padding-top:80px;} .subCompany .intro .system .tit {margin-bottom:40px;} .subCompany .intro .system ul li {float:left;width:588px;margin-bottom:60px;min-height: 472px;} .subCompany .intro .system ul li:nth-child(even) {float:right;} .subCompany .intro .system ul li .img {width:100%;height:260px;overflow:hidden;} .subCompany .intro .system ul li .con {text-align:center;} .subCompany .intro .system ul li .con:before {position:relative;content:"";display:block;width:2px;height:40px;background:#008850;margin:-20px auto 20px;} .subCompany .intro .system ul li .con .name {margin-bottom:15px;} .subCompany .intro .system ul li .con .desc {margin-bottom:20px;} /* CEO */ .subCompany .ceo .con {padding:80px 100px 0;} .subCompany .ceo .con .tit1 {color:#333;margin-bottom:15px;} .subCompany .ceo .con .tit2 {font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#008850;margin-bottom:15px;} .subCompany .ceo .con .txt {margin-bottom:35px;} .subCompany .ceo .con .bottom_txt {text-align:right;} .subCompany .ceo .con .bottom_txt strong {font-family: "NotoSansCJKsc-Bold";color:#333;} /* 비전 */ .subCompany .vision .wrap {border-top:2px solid #333;padding-top:80px;} .subCompany .vision .wrap .infographic {position:relative;height:905px;background:url('../images/company/vision_bg.png') no-repeat top center;} .subCompany .vision .wrap .infographic dl dt {position:absolute;left:0;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#008850;} .subCompany .vision .wrap .infographic dl:nth-child(1) dt {top:100px;} .subCompany .vision .wrap .infographic dl:nth-child(2) dt {top:403px;} .subCompany .vision .wrap .infographic dl:nth-child(3) dt {top:598px;} .subCompany .vision .wrap .infographic dl:nth-child(4) dt {top:845px;} .subCompany .vision .wrap .infographic dl:nth-child(1) dd {position:absolute;top:0;left:150px;width:910px;font-family: "NotoSansCJKsc-Bold";font-size:48px;color:#fff;text-align:center;padding-top:85px;} .subCompany .vision .wrap .infographic dl:nth-child(2) dd {position:absolute;bottom:445px;width:238px;font-family: "NotoSansCJKsc-Bold";font-size:32px;color:#333;line-height:40px;text-align:center;} .subCompany .vision .wrap .infographic dl:nth-child(2) dd:nth-child(2) {left:243px;} .subCompany .vision .wrap .infographic dl:nth-child(2) dd:nth-child(3) {left:481px;} .subCompany .vision .wrap .infographic dl:nth-child(2) dd:nth-child(4) {left:719px;} .subCompany .vision .wrap .infographic dl:nth-child(3) dd {padding:0 30px;position:absolute;top:555px;width:238px;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#333;line-height:26px;text-align:center;} .subCompany .vision .wrap .infographic dl:nth-child(3) dd:nth-child(2) {left:243px;} .subCompany .vision .wrap .infographic dl:nth-child(3) dd:nth-child(3) {left:481px;} .subCompany .vision .wrap .infographic dl:nth-child(3) dd:nth-child(4) {left:719px;} .subCompany .vision .wrap .infographic dl:nth-child(4) dd {position:absolute;bottom:0;left:187px;width:830px;font-family: "NotoSansCJKsc-Bold";font-size:38px;color:#fff;text-align:center;padding-bottom:30px;} .subCompany .vision .wrap .tit {margin-bottom:40px;} .subCompany .vision .wrap .txt {padding-top:50px;text-align:center;} .subCompany .vision .wrap .txt strong {font-family: "NotoSansCJKsc-Bold";color:#008850;} /* 연혁 */ .subCompany .history .tabWrap.fixed {position:fixed;left:0;right:0;top:149px;z-index:10;} .subCompany .history .tabWrap.fixed .tab_type1 {width:1200px;margin:0 auto;} .subCompany .history .tab_type1 li {width:25%;} .subCompany .history .tc {height:0;overflow:hidden;} .subCompany .history .tc1 {display:block;height:auto;overflow:inherit;} .subCompany .history .tc .vis {position:relative;} .subCompany .history .tc .vis .tit {position:absolute;left:0;top:50%;font-family: "NotoSansCJKsc-Bold";font-size:42px;color:#fff;text-align:center;margin-top:-23px;z-index:1;} /*.subCompany .history .tc1 .vis .tit {left:280px;} .subCompany .history .tc2 .vis .tit {left:385px;} .subCompany .history .tc3 .vis .tit {left:375px;} .subCompany .history .tc4 .vis .tit {left:325px;}*/ .subCompany .history .tc1 .vis .tit {width: 100%;text-align: center;} .subCompany .history .tc2 .vis .tit {width: 100%;text-align: center;} .subCompany .history .tc3 .vis .tit {width: 100%;text-align: center;} .subCompany .history .tc4 .vis .tit {width: 100%;text-align: center;} .subCompany .history .tc .history_slide {margin:80px 0;} .subCompany .history .tc .history_slide .slick-arrow {position:absolute;top:50%;width:24px;height:44px;margin-top:-22px;text-indent:-9999px;font-size:0;z-index:1;} .subCompany .history .tc .history_slide .slick-arrow.slick-prev {left:50px;background:url('../images/common/arrow_23.png') no-repeat 0 0;} .subCompany .history .tc .history_slide .slick-arrow.slick-next {right:50px;background:url('../images/common/arrow_24.png') no-repeat 0 0;} .subCompany .history .tc .wrap_year {margin-bottom:60px;} .subCompany .history .tc .wrap_year:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .subCompany .history .tc .wrap_year .year {float:left;width:300px;font-family: "NotoSansCJKsc-Bold";font-size:42px;color:#008850;padding-top:30px;border-top:1px solid #008850;} .subCompany .history .tc .wrap_year .issue {float:right;width:850px;border-top:1px solid #e6e6e6;} .subCompany .history .tc .wrap_year .issue li {position:relative;padding:25px 0 25px 30px;} .subCompany .history .tc .wrap_year .issue li .month {position:absolute;left:0;top:26px;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#333;} .subCompany .history .tc .wrap_year .issue li p {position:relative;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:21px;padding:0 0 10px 15px;} .subCompany .history .tc .wrap_year .issue li p:last-child {padding-bottom:0;} .subCompany .history .tc .wrap_year .issue li p:before {content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background:#999;} /* 사업장 */ .subCompany .contact .tab_type1 {margin-bottom:20px;} .subCompany .contact .tab_type1 li {width:25%;} .subCompany .contact .cont {position:relative;padding:60px 0;border-bottom:1px solid #e6e6e6;} .subCompany .contact .cont.noborder {border-bottom:0;} .subCompany .contact .cont .anchor_point {position:absolute;left:0;top:-200px;display:block;} .subCompany .contact .cont .tit {margin-bottom:40px;} .subCompany .contact .cont .map_box:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .subCompany .contact .cont .map_box .info {float:left;width:360px;overflow:hidden;} .subCompany .contact .cont .map_box .info .con {height:200px;border:1px solid #e6e6e6;padding:35px;} .subCompany .contact .cont .map_box .info .addr {font-style:normal;letter-spacing:-0.1px;padding:0 0 10px;} .subCompany .contact .cont .map_box .info .tel, .subCompany .contact .cont .map_box .info .fax, .subCompany .contact .cont .map_box .info .mail {line-height:23px;} .subCompany .contact .cont .map_box .info .tel>span, .subCompany .contact .cont .map_box .info .fax>span, .subCompany .contact .cont .map_box .info .mail>span {font-family: "NotoSansCJKsc-Bold";color:#333;margin-right:5px;} .subCompany .contact .cont .map_box .mapPosition {float:left;width:840px;height:440px;} .subCompany .contact .cont .comment_box {text-align:center;background:#f7f7f7;border:1px solid #e6e6e6;padding:45px 0;margin-top:80px;} .subCompany .contact .cont .comment_box .txt1 {display:inline-block;margin-right:40px;} .subCompany .contact .cont .tit_area {position:relative;} .subCompany .contact .cont .tit_area .btnPos {position:absolute;right:0;top:0;} /* 중국 상해 스마트 신공장 팝업 */ .popLayer.smartFactory {width:1080px;} .popLayer.smartFactory .popContent {height:710px;overflow-y:scroll;padding:60px 120px 0;} .popLayer.smartFactory .popContent .top_desc {padding:470px 0 45px;background:url('../images/company/contact_img05.jpg') no-repeat top center;border-bottom:2px solid #e6e6e6;} .popLayer.smartFactory .popContent .sumtit {margin:45px 0 30px;} .popLayer.smartFactory .popContent .sumlist {padding-bottom:100px;} .popLayer.smartFactory .popContent .sumlist li {position:relative;padding-left:170px;margin-bottom:10px;} .popLayer.smartFactory .popContent .sumlist li .lb {position:absolute;left:0;top:3px;font-family: "NotoSansCJKsc-Bold";color:#008850;} .popLayer.smartFactory .popContent .sumlist li.item_tbl {padding-left:0;padding-top:40px;margin-bottom:30px;} .popLayer.smartFactory .popContent .tbl_type1 tbody tr th {color:#333;background:#f7f7f7;} .popLayer.smartFactory .popContent .tbl_type1 tbody tr td {padding:25px 30px;} .popLayer.smartFactory .popContent .tbl_type1 tbody tr td:first-child {border-left:1px solid #e6e6e6;} .popLayer.smartFactory .popContent .tbl_type1 tbody tr.subtotal td {font-family: "NotoSansCJKsc-Bold";color:#333;background:#f1f7f5;} .popLayer.smartFactory .popContent .tbl_type1 tfoot tr td {font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#fff;line-height:20px;text-align:center;vertical-align:middle;padding:25px 30px;background:#00af66;border-left:1px solid #e6e6e6;} .popLayer.smartFactory .popContent .tbl_type1 tfoot tr td:first-child {border-left:0;} /* 재무정보 */ .subCompany .finance .tab_type1 {margin-bottom:40px;} .subCompany .finance .tab_type1 li {width:33.33%;} .subCompany .finance .tab_type3 {margin-bottom:75px;} .subCompany .finance .graph_area {width:100%;height:auto;margin-bottom:80px;} .subCompany .finance .graph_area .legend {background:#f7f7f7;padding:16px 30px;margin-bottom:30px;} .subCompany .finance .graph_area .legend ul li {display:inline-block;margin-right:20px;} .subCompany .finance .graph_area .legend ul li:before {content:"";display:inline-block;width:37px;height:5px;margin-right:10px;vertical-align:middle;} .subCompany .finance .graph_area .legend ul li:nth-child(1):before {background:#1eae71;} .subCompany .finance .graph_area .legend ul li:nth-child(2):before {background:#6d80c2;} .subCompany .finance .graph_area .legend ul li:nth-child(3):before {background:#f2c14b;} .subCompany .finance .graph_area .graph_header_year > div {width:33%; float: left; text-align:center; font-size:larger; font-weight:600;} .subCompany .finance .graph_area .graph_header_quarter > div {width:25%; float: left; text-align:center; font-size:larger; font-weight:600;} .subCompany .finance .graph_area > div.graph_chart {width:100%;height:500px;} .subCompany .finance .select_area {text-align:right;margin-bottom:30px;} .subCompany .finance .select_area select {display:inline-block;width:250px;} .subCompany .finance .tbl_type1 thead tr th {letter-spacing:-0.5px;} .subCompany .finance .tbl_type1 thead tr.tr1 th.bg {background:#00af66 url('../images/common/bar_v5.png') no-repeat right center;} .subCompany .finance .tbl_type1 thead tr.tr2 th.th2:nth-child(3n){border-right:1px solid #e6e6e6;background:#f1f7f4;} .subCompany .finance .tbl_type1 thead tr.tr2 th.th2:last-child {border-right:0;} .subCompany .finance .tbl_type1 tbody tr td {height:70px;letter-spacing:-0.5px;} .subCompany .finance .tbl_type1 tbody tr td.right {padding:25px 30px;} .subCompany .finance .tbl_type1.half tbody tr td.right {padding:25px 15px;} .subCompany .finance .tbl_type1.cash thead tr.tr2 th.th2:nth-child(2n){border-right:1px solid #e6e6e6;background:#f1f7f4;} .subCompany .finance .tbl_type1.cash thead tr.tr2 th.th2:nth-child(3n){border-right:0;background:#f1f7f4 url(../images/common/bar_v3.png) no-repeat right center;} .subCompany .finance .tbl_type1.cash thead tr.tr2 th.th2:last-child {border-right:0;background:#f1f7f4;} .subCompany .finance .tbl_type1.cash tbody tr td.right {padding:20px 15px;} /* 주가정보 */ .subCompany .stock .stock_price {padding-top:60px;border-top:2px solid #333;} .subCompany .stock .stock_price .tit {margin-bottom:30px;} .subCompany .stock .stock_price .wrap {text-align:center;padding:50px 0;background:#f7f7f7;} .subCompany .stock .stock_price .con {display:inline-block;width:410px;background:#fff;padding:45px 0;margin:0 15px;box-shadow:0px 0px 50px rgba(230,230,230,1);-webkit-box-shadow:0px 0px 50px rgba(230,230,230,1);} .subCompany .stock .stock_price .con .na {font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#333;margin-bottom:15px;} .subCompany .stock .stock_price .con .pr {font-family: "NotoSansCJKsc-Light";font-size:36px;color:#666;letter-spacing:0.5px;margin-bottom:10px;} .subCompany .stock .stock_price .con .nc {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:18px;padding-left:20px;} .subCompany .stock .stock_price .con .nc.up {color:#ff5711;background:url(../images/company/stock_icon_up2.gif) no-repeat left center;} .subCompany .stock .stock_price .con .nc.down {color:#5067b4;background:url(../images/company/stock_icon_down2.gif) no-repeat left center;} .subCompany .stock .tbl_type1 {margin-top:80px;} .subCompany .stock .tbl_type1 tbody tr th {color:#333;} .subCompany .stock .tbl_type1 thead tr th.bg {height:135px;background:#00af66 url('../images/common/bar_v6.png') no-repeat right center;} .subCompany .stock .tbl_type1 thead tr th.bg strong {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:26px;margin-top:20px;} .subCompany .stock .tbl_type1 thead tr th.bg strong.ic_up {padding-left:25px;background:url('../images/company/stock_icon_up.gif') no-repeat left 3px;} .subCompany .stock .tbl_type1 thead tr th.bg strong.ic_down {padding-left:25px;background:url('../images/company/stock_icon_down.gif') no-repeat left 3px;} .subCompany .stock .tbl_type1 tbody tr th.bdl {border-left:1px solid #e6e6e6;} .subCompany .stock .tbl_type1 tbody tr td.bdr {border-right:1px solid #e6e6e6;} .subCompany .stock .tbl_type1 tbody tr td.right {height:70px;padding:25px 30px;} .subCompany .stock .tab_type1 {margin:80px 0 40px;} .subCompany .stock .tab_type1 li {width:25%;} .subCompany .stock .tc .graph_area {width:100%;height:auto;margin-bottom:60px;padding-top:40px;border-top:2px solid #333;} .subCompany .stock .tbl_type2 thead tr th {border-right:1px solid #e6e6e6;} .subCompany .stock .tbl_type2 thead tr th:last-child {border-right:0;} .subCompany .stock .tbl_type2 tbody tr td {height:70px;border-right:1px solid #e6e6e6;} .subCompany .stock .tbl_type2 tbody tr td:last-child {border-right:0;} .subCompany .stock .tbl_type2 tbody tr.total td {background:#f1f7f4;} .subCompany .stock .tbl_type2.day tbody tr td .up {display:inline-block;padding-left:20px;background:url('../images/company/stock_icon_up2.gif') no-repeat left 5px;} .subCompany .stock .tbl_type2.day tbody tr td .down {display:inline-block;padding-left:20px;background:url('../images/company/stock_icon_down2.gif') no-repeat left 5px;} .subCompany .stock .bottom_cmt {margin-top:30px;} .subCompany .stock .bottom_cmt .common_cmt_1 {line-height:30px;} /* 공시정보 */ .subCompany .publicAnn .tab_type1 {margin-bottom:80px;} .subCompany .publicAnn .tab_type1 ul li {width:50%;} .subCompany .publicAnn .tableWrap2 {margin-bottom:60px;} .subCompany .publicAnn .tbl_type2 a:hover {color:#666;} /* 전자공고 */ .subCompany .electronAnn .list {margin-bottom:40px;} .subCompany .electronAnn .list ul li {float:left;width:384px;height:258px;margin:0 24px 24px 0;} .subCompany .electronAnn .list ul li:nth-child(3n) {margin-right:0;} .subCompany .electronAnn .list ul li a {display:block;width:100%;height:100%;border:1px solid #e6e6e6;background:#fff url(../images/common/arrow_06.png) no-repeat 50px 200px;padding:50px;} .subCompany .electronAnn .list ul li a .date {position:relative;} .subCompany .electronAnn .list ul li a .date:after {display:block;content:"";width:24px;height:2px;background:#ddd;margin:10px 0 15px 0;} .subCompany .electronAnn .list ul li a .date .file {display:block;width:16px;height:14px;background:url(../images/common/icon_file_1.png) no-repeat;position:absolute;right:0px;top:0px;} .subCompany .electronAnn .list ul li a .tit {font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#008850;line-height:26px;} .subCompany .electronAnn .list ul li a:hover {border:1px solid #008850;background:#008850 url(../images/common/arrow_13.png) no-repeat 50px 200px;} .subCompany .electronAnn .list ul li a:hover .date {color:#fff;} .subCompany .electronAnn .list ul li a:hover .date:after {background:#fff;opacity:0.7;} .subCompany .electronAnn .list ul li a:hover .date .file {background:url(../images/common/icon_file_2.png) no-repeat;} .subCompany .electronAnn .list ul li a:hover .tit {color:#fff;} .subCompany .electronAnn .detail .tableWrap2 {margin-bottom:60px;} /* ir 센터 */ .subCompany .irCenter .tab_type1 ul li {width:33%;} .subCompany .irCenter .tab_type1 ul li:nth-child(2) {width:34%;} .subCompany .irCenter .tab_type3 {margin-top:40px;} .subCompany .irCenter .common_search {margin-top:80px;} .subCompany .irCenter .downList li {float:left;width:384px;height:258px;text-align:center;margin:0 24px 24px 0;padding-top:50px;background:#fff;border:1px solid #e6e6e6;} .subCompany .irCenter .downList li:nth-child(3n) {margin-right:0;} .subCompany .irCenter .downList li .date {margin-bottom:5px;} .subCompany .irCenter .downList li .tit {height:33px;color:#008850;line-height:22px;padding:0 30px;position:relative;margin-bottom:35px;} .subCompany .irCenter .downList li .tit:after {content:"";display:block;width:2px;height:20px;background:#008850;position:absolute;left:0;right:0;bottom:-20px;margin:auto;} .subCompany .irCenter .downList + .btn_more_1 {margin-top:30px;} .subCompany .irCenter .downList li:hover {background:#008850;border:1px solid #008850;} .subCompany .irCenter .downList li:hover .date, .subCompany .irCenter .downList li:hover .tit {color:#fff;} .subCompany .irCenter .downList li:hover .tit:after {background:#b3dccb;} .subCompany .irCenter .downList li:hover .btn_type4 span {font-family: "NotoSansCJKsc-Bold";color:#fff;} .subCompany .irCenter .viewer {width:100%;height:130px;text-align:center;padding-top:40px;margin-top:80px;background:#f7f7f7;border:1px solid #e6e6e6;} .subCompany .irCenter .viewer .FS_n15 {display:inline-block;margin-right:40px;} .subCompany .irCenter .result_wrap {padding-top:60px;text-align:center;border-top:1px solid #333;margin-top:20px;} .subCompany .irCenter .download_cs .wrap_layerpop {position:relative;display:inline-block;} .subCompany .irCenter .download_cs .detail_pop {display:none; position:absolute;left:-85px;bottom:63px;width:295px;height:auto;padding:25px 25px 20px;background:#fff;border:1px solid #e6e6e6;border-radius:3px;z-index:1;} .subCompany .irCenter .download_cs .detail_pop.on {display:block;} .subCompany .irCenter .download_cs .detail_pop:after {content:"";position:absolute;left:50%;bottom:-14px;margin-left:-14px;width:28px;height:14px;background:url('../images/solution/pop_arrow_2.png') no-repeat 0 0;} .subCompany .irCenter .download_cs .detail_pop .pop_close {position:absolute;right:20px;top:20px;width:15px;height:15px;background:url('../images/solution/pop_close.gif') no-repeat 0 0;} .subCompany .irCenter .download_cs .detail_pop .pop_close>span {position:absolute;font-size:0;text-indent:-9999px;} .subCompany .irCenter .download_cs .detail_pop .lb {margin-bottom:10px;} /* 뉴스 */ .subCompany .news .list ul li {float:left;width:372px;margin:0 42px 42px 0;} .subCompany .news .list ul li:nth-child(3n) {margin-right:0;} .subCompany .news .list ul li .thumb {width:100%;height:260px;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;} .subCompany .news .list ul li .thumb:after {content:"";display:block;width:100%;height:260px;position:absolute;left:0;top:0;background:url(../images/company/bg_more.png) no-repeat;opacity:0;transition:0.2s;-webkit-transition:0.2s;} .subCompany .news .list ul li .con {width:100%;height:200px;border:1px solid #e6e6e6;border-top:0;padding:35px 35px 0 35px;background:#fff;} .subCompany .news .list ul li.on .con {border:1px solid #008850;border-top:0;} .subCompany .news .list ul li .con .tag {height:30px;color:#008850;} .subCompany .news .list ul li .con .tit {height:45px;color:#333;line-height:22px;overflow:hidden;margin-bottom:25px;} .subCompany .news .list ul li:hover .thumb:after {content:"";display:block;width:100%;height:260px;position:absolute;left:0;top:0;background:url(../images/company/bg_more.png) no-repeat;opacity:1;transition:0.2s;-webkit-transition:0.2s;} .subCompany .news .list ul li:hover .con {border:1px solid #008850;border-top:0;transition:0.2s;-webkit-transition:0.2s;} .subCompany .news .list ul li:hover .con .tit {color:#008850;transition:0.2s;-webkit-transition:0.2s;} .subCompany .news .list ul li:hover .con .date {color:#008850;transition:0.2s;-webkit-transition:0.2s;} .subCompany .news .pageWpap {margin-top:20px;} .subCompany .news .detail table h4 {font-family: "NotoSansCJKsc-Bold";} .subCompany .news .detail table .tag {display:inline-block;color:#008850;margin-right:20px;} .subCompany .news .detail table .detail_con {padding:80px 30px;} .subCompany .news .detail .btn_type_list {margin-top:60px;} /* 영상 */ .subCompany .movie .tab_type1 {margin-bottom:80px;} .subCompany .movie .tab_type1 ul li {width:33%;} .subCompany .movie .tab_type1 ul li:nth-child(2) {width:34%;} .subCompany .movie .playArea {margin-bottom:60px;} .subCompany .movie .movie_tit {height:95px;margin-bottom:60px;border-bottom:2px solid #333;} .subCompany .movie .thumbList {position:relative;} .subCompany .movie .thumbList .wrap_slides {width:1200px;height:190px;margin:0 auto;overflow:hidden;background:url(../images/common/arrow_51.png) no-repeat left 0, url(../images/common/arrow_52.png) no-repeat right 0;} .subCompany .movie .thumbList ul {width:932px;height:190px;} .subCompany .movie .thumbList ul li {float:left;width:213px;height:190px;margin:0 10px; margin-right:20px;} .subCompany .movie .thumbList ul li .thumb {width:213px;height:120px;overflow:hidden;margin-bottom:20px;background-repeat:no-repeat;background-size:cover;background-position:center;} .subCompany .movie .thumbList ul li .thumb .over {width:100%;height:100%;background:url(../images/company/movie_play.png);opacity:0;transition:0.2s;-webkit-transition:0.2s;} .subCompany .movie .thumbList ul li:hover .thumb .over {opacity:1;} .subCompany .movie .thumbList ul li:hover .tit {color:#008850;} .subCompany .movie .thumbList .slick-arrow {width:120px;height:120px;text-indent:-9999px;border:1px solid #008850;background-position:center;background-repeat:no-repeat;} .subCompany .movie .thumbList .slick-disabled {border:1px solid #e6e6e6;} .subCompany .movie .thumbList .slick-prev {position:absolute;left:-134px;top:0;background-image:url(../images/common/arrow_26.png);} .subCompany .movie .thumbList .slick-prev.slick-disabled {background-image:url(../images/common/arrow_23.png);} .subCompany .movie .thumbList .slick-next {position:absolute;right:-134px;top:0;background-image:url(../images/common/arrow_25.png);} .subCompany .movie .thumbList .slick-next.slick-disabled {background-image:url(../images/common/arrow_24.png);} /* ci */ .subCompany .ci .ci_wrap {border-top:2px solid #333;padding-top:80px;} .subCompany .ci .article {margin-bottom:80px;} .subCompany .ci .article:last-child {margin-bottom:0;} .subCompany .ci .article .tit {margin-bottom:35px;} .subCompany .ci .ci_mark .symbol {float:left;width:600px;height:465px;border:1px solid #e6e6e6;position:relative;} .subCompany .ci .ci_mark .symbol img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;} .subCompany .ci .ci_mark .desc {float:right;width:540px;padding-top:35px;} .subCompany .ci .ci_mark .desc .txt1 {margin-bottom:20px;} .subCompany .ci .ci_mark .desc .txt2 {margin-bottom:25px;} .subCompany .ci .ci_mark .desc .txt2 em {font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .ci .ci_mark .desc .color .item {float:left;width:200px;} .subCompany .ci .ci_mark .desc .color .item .bg {width:200px;height:30px;margin-bottom:20px;} .subCompany .ci .ci_mark .desc .color .item .txt3 {margin-bottom:10px;} .subCompany .ci .ci_mark .desc .color .item .code span {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:16px;color:#999;margin-bottom:6px;} .subCompany .ci .ci_mark .desc .color .item .code span.w1 {width:60px;} .subCompany .ci .ci_mark .desc .color .item .code span.w2 {width:50px;} .subCompany .ci .ci_mark .desc .color .item .code span em {display:inline-block;margin-right:3px;} .subCompany .ci .ci_mark .desc .color .item.green {margin-right:40px;} .subCompany .ci .ci_mark .desc .color .item.green .bg {background:#008837;} .subCompany .ci .ci_mark .desc .color .item.green .code span em {font-family: "NotoSansCJKsc-Bold";color:#008837;} .subCompany .ci .ci_mark .desc .color .item.yellow .bg {background:#ffb300;} .subCompany .ci .ci_mark .desc .color .item.yellow .code span em {font-family: "NotoSansCJKsc-Bold";color:#ffb300;} .subCompany .ci .logo .img {margin-bottom:40px;} .subCompany .ci .logo .btn_type4 {margin-right:-2px;} /* 사보 */ .subCompany .magazine .yearList {padding-top:80px;border-top:2px solid #333;} .subCompany .magazine .yearList .sel_year {text-align:center;margin-bottom:60px;} .subCompany .magazine .yearList .sel_year ul {display:inline-block;} .subCompany .magazine .yearList .sel_year ul li {display:inline-block;} .subCompany .magazine .yearList .sel_year ul li a {color:#666;} .subCompany .magazine .yearList .sel_year ul li.on a {color:#008850;background:url(../images/company/icon_select.png) no-repeat center bottom;padding-bottom:20px;} .subCompany .magazine .yearList .sel_year ul li:after {content:"";display:inline-block;width:1px;height:13px;background:#e6e6e6;margin:0 25px;} .subCompany .magazine .yearList .sel_year ul li:last-child:after {display:none;} .subCompany .magazine .yearList .magazineList ul li {float:left;width:264px;text-align:center;margin:0 48px 48px 0;} .subCompany .magazine .yearList .magazineList ul li:nth-child(4n) {margin-right:0;} .subCompany .magazine .yearList .magazineList .img {display:block;width:264px;height:354px;text-indent:-9999px;border:1px solid #e6e6e6;margin-bottom:35px;box-shadow:8px 8px 0px rgba(230,230,230,1);-webkit-box-shadow:8px 8px 0px rgba(230,230,230,1);background-repeat:no-repeat;background-size:cover;background-position:center top;transition:0.3s;-webkit-transition:0.3s;} .subCompany .magazine .yearList .magazineList .tit {color:#333;margin-bottom:20px;transition:0.3s;-webkit-transition:0.3s;} .subCompany .magazine .yearList .magazineList ul li.on .img {border:1px solid #008850;box-shadow:8px 8px 0px rgba(0,136,80,1);-webkit-box-shadow:8px 8px 0px rgba(0,136,80,1);} .subCompany .magazine .yearList .magazineList ul li.on .tit {color:#008850;} .subCompany .magazine .yearList .magazineList ul li:hover .img {border:1px solid #008850;box-shadow:8px 8px 0px rgba(0,136,80,1);-webkit-box-shadow:8px 8px 0px rgba(0,136,80,1);transition:0.3s;-webkit-transition:0.3s;} .subCompany .magazine .yearList .magazineList ul li:hover .tit {color:#008850;transition:0.3s;-webkit-transition:0.3s;} .subCompany .magazine .yearList .btn_more_1 {margin-bottom:60px;} /* 윤리경영 */ .subCompany .ethics .intro {padding:80px 0;border-top:2px solid #333;border-bottom:1px solid #e6e6e6;} .subCompany .ethics .intro .tit {margin-bottom:40px;} .subCompany .ethics .intro .wrap1 .con {position:relative;} .subCompany .ethics .intro .wrap1 .con:nth-child(1) {width:100%;height:485px;background:url('../images/company/ethics_img01.jpg') no-repeat left top;margin-bottom:190px;} .subCompany .ethics .intro .wrap1 .con:nth-child(2) {width:100%;height:407px;background:url('../images/company/ethics_img02.jpg') no-repeat right top;margin-bottom:230px;} .subCompany .ethics .intro .wrap1 .con .txt_box {position:absolute;background:#fff;padding:70px 0 70px 70px;box-shadow:0 20px 100px rgba(0,0,0,0.25);-webkit-box-shadow:0 20px 100px rgba(0,0,0,0.25);} .subCompany .ethics .intro .wrap1 .con:nth-child(1) .txt_box {right:0;top:168px;width:700px;height:auto;} .subCompany .ethics .intro .wrap1 .con:nth-child(2) .txt_box {left:0px;top:107px;width:700px;height:auto;} .subCompany .ethics .intro .wrap1 .con .txt_box .m_tit {margin-bottom:10px;} .subCompany .ethics .intro .wrap1 .con .txt_box .desc em {font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .ethics .intro .wrap2 {position:relative;font-family: "NotoSansCJKsc-Regular";font-size:20px;color:#666;text-align:center;line-height:28px;padding:30px 0;background:url('../images/company/icon_quotation_s.png') no-repeat 85px 0, url('../images/company/icon_quotation_e.png') no-repeat 1102px bottom;} .subCompany .ethics .intro .wrap2 em {font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .ethics .propriety {padding-top:70px;} .subCompany .ethics .propriety .m_tit {position:relative;padding-left:40px;margin:55px 0 10px;} .subCompany .ethics .propriety .m_tit>span {position:absolute;left:0;top:2px; display:inline-block;width:29px;height:29px;font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#fff;text-align:center;line-height:30px;background:#008850;border-radius:50%;-webkit-border-radius:50%;} .subCompany .ethics .propriety .tableWrap2 {margin-top:30px;} .subCompany .ethics .propriety .tableWrap2 th {text-align:left;padding-left:30px;} .subCompany .ethics .propriety .tableWrap2 td {text-align:left;padding-left:30px;} .subCompany .ethics .propriety .list_type3 .btn_text_1 {margin-left:15px;} .subCompany .ethics .propriety .list_type3 .btn_text_1 span {font-size:18px;} .subCompany .ethics .standard {padding-top:70px;} .subCompany .ethics .standard .m_tit {margin:45px 0 35px;} .subCompany .ethics .standard .wrap ul li {float:left;width:380px;height:390px;margin-right:30px;} .subCompany .ethics .standard .wrap.second ul li {height:460px;} .subCompany .ethics .standard .wrap ul li:nth-child(3n) {margin-right:0;} .subCompany .ethics .standard .wrap ul li .con {position:relative;text-align:center;padding-top:60px;margin-top:-20px;} .subCompany .ethics .standard .wrap ul li .con:before {content:"";position:absolute;left:50%;top:0;display:block;width:1px;height:40px;background:#008850;} .subCompany .ethics .standard .wrap ul li .con .txt1 {font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#333;margin-bottom:10px;} .subCompany .ethics .standard .wrap ul li .con .txt2 {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:22px;letter-spacing:0.3px;} .subCompany .ethics .helpline {text-align:center;border-top:1px solid #e6e6e6;padding-top:60px;} .subCompany .ethics .helpline .tit {color:#008850;margin-bottom:10px;} .subCompany .ethics .helpline .desc {margin-bottom:20px;} /* 준법경영 */ .subCompany .compliance .tab_type1 li {width:50%;} .subCompany .compliance .tc {display:none;padding-top:75px;} .subCompany .compliance .tc1 {display:block;} .subCompany .compliance .shortcut_gray .common_cmt_1 {margin-right:30px;} .subCompany .compliance .shortcut_gray .btn_type8, .subCompany .compliance .shortcut_gray .btn_type3 {width:auto;padding:0 30px;margin-right:3px;} .subCompany .compliance .together .tit {margin-bottom:40px;} .subCompany .compliance .together .desc em {font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .compliance .together .intro .tit {margin:80px 0 25px;} .subCompany .compliance .together .intro .intro_img {margin-bottom:20px;} .subCompany .compliance .together .intro .m_tit {margin:65px 0 10px;} .subCompany .compliance .together .intro .s_tit {position:relative;padding-left:40px;margin:50px 0 10px;} .subCompany .compliance .together .intro .s_tit>span {position:absolute;left:0;top:2px; display:inline-block;width:29px;height:29px;font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#fff;text-align:center;line-height:30px;background:#008850;border-radius:50%;-webkit-border-radius:50%;} .subCompany .compliance .together .intro .task {width:100%;height:353px;background:url('../images/company/compliance_img02.png') no-repeat center top;margin-top:55px;} .subCompany .compliance .together .intro .task ul {width:960px;margin:0 auto;padding-top:200px;} .subCompany .compliance .together .intro .task ul li {float:left;width:320px;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#333;text-align:center;line-height:26px;} .subCompany .compliance .together .intro .strategy {position:relative;width:100%;height:692px;background:url('../images/company/compliance_img03.png') no-repeat center top;margin-top:55px;} .subCompany .compliance .together .intro .strategy > li > p {position:absolute;width:240px;height:240px;font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#fff;line-height:24px;text-align:center;padding-top:140px;} .subCompany .compliance .together .intro .strategy > li.first > p {left:480px;top:0;} .subCompany .compliance .together .intro .strategy > li.second > p {left:235px;bottom:0;} .subCompany .compliance .together .intro .strategy > li.third > p {right:235px;bottom:0;} .subCompany .compliance .together .intro .strategy > li > ul {position:absolute;} .subCompany .compliance .together .intro .strategy > li.first > ul {left:750px;top:70px;} .subCompany .compliance .together .intro .strategy > li.second > ul {left:60px;top:540px;} .subCompany .compliance .together .intro .strategy > li.third > ul {left:995px;top:535px;width:220px;} .subCompany .compliance .together .intro .strategy > li > ul > li {display:block;line-height:26px;} .subCompany .compliance .together .intro .roadmap {width:100%;height:305px;background:url('../images/company/compliance_img04.png') no-repeat center top;margin-top:55px;padding-top:45px;} .subCompany .compliance .together .intro .roadmap > li {float:left;width:33.33%;} .subCompany .compliance .together .intro .roadmap > li:nth-child(1) {padding-left:100px;} .subCompany .compliance .together .intro .roadmap > li:nth-child(2) {padding-left:70px;} .subCompany .compliance .together .intro .roadmap > li:nth-child(3) {padding-left:80px;} .subCompany .compliance .together .intro .roadmap > li .step {height:80px;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#333;line-height:26px;margin-bottom:15px;} .subCompany .compliance .together .intro .roadmap > li .step span {display:block;font-family:inherit;font-size:18px;color:#008850;margin-bottom:10px;} .subCompany .compliance .together .intro .roadmap > li > ul > li {display:block;line-height:26px;} .subCompany .compliance .together .program {padding-top:70px;} .subCompany .compliance .together .program .list dl {float:left;width:382px;height:277px;border:1px solid #e6e6e6;padding:100px 40px 0 40px;position:relative;} .subCompany .compliance .together .program .list dl + dl {margin-left:27px;} .subCompany .compliance .together .program .list dl dt {position:absolute;left:-1px;top:-1px;width:382px;height:76px;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#fff;line-height:77px;background:#008850;padding-left:40px;} .subCompany .compliance .together .program .list dl dd {position:relative;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:30px;padding-left:12px;} .subCompany .compliance .together .program .list dl dd:before {content:"";position:absolute;left:0;top:12px;display:inline-block;width:3px;height:3px;background:#999;} .subCompany .compliance .together .program .list .shourtcut {display:inline-block;width:282px;height:330px;background:#008850 url('../images/company/icon_shortcut.png') no-repeat right bottom;padding:25px 30px;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#fff;line-height:28px;} .subCompany .compliance .cp .mean .tit {margin:80px 0 25px;} .subCompany .compliance .cp .mean .desc {margin-top:20px;} .subCompany .compliance .cp .element {padding-top:70px;} .subCompany .compliance .cp .element .tit {margin-bottom:25px;} .subCompany .compliance .cp .certificate {padding-top:70px;} .subCompany .compliance .cp .certificate .tit {margin-bottom:25px;} .subCompany .compliance .cp .certificate .desc {margin-bottom:30px;} .subCompany .compliance .cp .situation {padding-top:70px;} .subCompany .compliance .cp .situation .tit {margin-bottom:25px;} .subCompany .compliance .cp .situation .list_wrap {border:1px solid #e6e6e6;padding:0 50px;} .subCompany .compliance .cp .situation .list_wrap .box {position:relative;width:100%;height:auto;padding:50px 0 50px 250px;} .subCompany .compliance .cp .situation .list_wrap .box + .box {border-top:1px solid #e6e6e6;} .subCompany .compliance .cp .situation .list_wrap .box .top {position:absolute;left:0;top:50px;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#008850;} .subCompany .compliance .cp .situation .list_wrap .box .wrap_desc .FS_b16 {margin-bottom:15px;} .subCompany .compliance .cp .situation .list_wrap .box .wrap_desc .list_type3 {display:block;margin-bottom:10px;} .subCompany .compliance .cp .situation .list_wrap .box .wrap_desc .list + .FS_b16 {margin-top:25px;} /* 나눔경영 */ .subCompany .society .intro {padding-top:70px;border-top:2px solid #333;} .subCompany .society .intro .tit {margin:80px 0 25px;} .subCompany .society .intro .img {float:left;width:600px;height:280px;text-align:center;padding-top:30px;border:1px solid #e6e6e6;} .subCompany .society .intro .img img {display:inline-block;} .subCompany .society .intro .con {float:left;width:600px;height:280px;padding-left:55px;} .subCompany .society .intro .con .desc {margin-top:15px;} .subCompany .society .intro .con .desc em {font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .society .activity {padding-top:70px;} .subCompany .society .activity .tit {border-bottom:1px solid #e6e6e6;padding-bottom:35px;} .subCompany .society .activity .list_item {border-bottom:1px solid #e6e6e6;padding:40px 0;} .subCompany .society .activity .list_item:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .subCompany .society .activity .list_item .img {float:left;width:360px;} .subCompany .society .activity .list_item .con {float:left;width:840px;height:250px;padding-left:50px;} .subCompany .society .activity .list_item .con .topic {font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#008850;} .subCompany .society .activity .list_item .con .topic:after {content:"";display:block;width:20px;height:2px;background:#008850;margin:13px 0 18px;} .subCompany .society .activity .list_item .con .title {font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#333;margin-top:15px;} .subCompany .society .activity .list_item .con .desc {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;margin-top:8px;letter-spacing:0px;line-height:22px;} /* 품질환경안전 */ .subCompany .quality .tab_type1 li {width:50%;} .subCompany .quality .tc {display:none;} .subCompany .quality .tc1 {display:block;} .subCompany .quality .tc .wrap {padding-top:70px;} .subCompany .quality .tc .wrap .m_tit > span {display:inline-block;color:#008850;margin-right:5px;} .subCompany .quality .tc .wrap .cert .txt {width:800px;} .subCompany .quality .tc .wrap .cert .txt .desc {margin-bottom:10px;} .subCompany .quality .tc .wrap .cert .txt .list_type4 li {line-height:26px;} .subCompany .quality .tc .wrap .cert .txt .list_type4 li span {display:inline-block;color:#333;margin-bottom:5px;} .subCompany .quality .tc1 .wrap .cert .img img {display:inline-block;border:1px solid #e6e6e6;} .subCompany .quality .tc2 .wrap .cert .img img {display:inline-block;border:1px solid #e6e6e6;margin-left:17px;} .subCompany .quality .tc .wrap.first {padding-bottom:70px;border-bottom:1px solid #e6e6e6;} .subCompany .quality .tc .wrap.first .b_tit {margin:80px 0 25px;} .subCompany .quality .tc .wrap.first .desc_em {color:#008850;margin-bottom:10px;} .subCompany .quality .tc .wrap.second .b_tit {margin-bottom:50px;} .subCompany .quality .tc .wrap.second .con1 {margin-bottom:70px;} .subCompany .quality .tc .wrap.second .con1 .m_tit {margin-bottom:10px;} .subCompany .quality .tc .wrap.second .con2 .m_tit {margin-bottom:40px;} .subCompany .quality .tc .wrap.second .con2 .test_box {border:1px solid #e6e6e6;padding:50px;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage {position:relative;height:60px;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage:before {content:"";position:absolute;left:0;top:10px;display:inline-block;width:100%;height:1px;background:#b2dbca;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage > span {position:absolute;top:0;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#008850;padding:0 10px;background:#fff;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage .lb {left:0;padding:0 30px 0 0;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage .st0 {left:180px;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage .st1 {left:340px;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage .st2 {left:500px;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage .st3 {left:660px;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage .st4 {left:820px;} .subCompany .quality .tc .wrap.second .con2 .test_box .stage .st5 {left:1010px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test {position:relative;height:163px;background:url('../images/company/quality_img03.png') no-repeat right bottom;vertical-align:middle;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .lb {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#333;padding-top:40px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name {position:absolute;top:0;display:inline-block;width:150px;height:115px;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#666;text-align:center;line-height:22px;padding-top:47px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.line2 {padding-top:37px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.line3 {padding-top:27px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.fin {padding-top:27px;color:#fff;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n1 {left:115px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n2 {left:275px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n3 {left:435px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n4 {left:595px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n5 {left:755px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n6 {left:948px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name .gt {position:absolute;top:153px;left:130px;display:inline-block;width:55px;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#00af66;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n5 .gt {left:105px;} .subCompany .quality .tc .wrap.second .con2 .test_box .test .name.n6 .gt {left:50px;} .subCompany .quality .tc .wrap.second .con3 {padding-top:70px;} .subCompany .quality .tc .wrap.second .con3 .m_tit {margin-bottom:10px;} .subCompany .quality .tc .wrap.second .con4 {padding-top:70px;} .subCompany .quality .tc .wrap.second .con4 .m_tit {margin-bottom:10px;} .subCompany .quality .tc1 .wrap.second .con5 {padding-top:70px;} .subCompany .quality .tc .wrap.second .con5 .m_tit {margin-bottom:50px;} .subCompany .quality .tc .wrap.third .b_tit {margin:80px 0 25px;} .subCompany .quality .tc .wrap.third .desc_em {color:#008850;margin-bottom:30px;} .subCompany .quality .tc .wrap.third .list_type4 li {line-height:30px;padding-left:45px;margin-bottom:5px;} .subCompany .quality .tc .wrap.third .list_type4 li:before {left:30px;top:12px;} .subCompany .quality .tc .wrap.third .list_type4 li .num {position:absolute;left:0;top:4px;font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .quality .tc .wrap.fourth .b_tit {margin-bottom:40px;} .subCompany .quality .tc .wrap.fourth .wrap_system_list {} .subCompany .quality .tc .wrap.fourth .wrap_system_list > li {border:1px solid #e6e6e6;padding:45px 85px;margin-top:-1px;} .subCompany .quality .tc .wrap.fourth .wrap_system_list > li .s_tit {position:relative;margin-bottom:10px;} .subCompany .quality .tc .wrap.fourth .wrap_system_list > li .s_tit span {position:absolute;left:-40px;top:2px;display:inline-block;width:29px;height:29px;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#fff;text-align:center;line-height:30px;background:#008850;border-radius:50%;} .subCompany .quality .tc .wrap.fourth .wrap_system_list > li ol {width:100%;margin-top:25px;} .subCompany .quality .tc .wrap.fourth .wrap_system_list > li ol li {position:relative;float:left;width:50%;height:236px;border:2px solid #fff;background:#f7f7f7;padding:30px 0 0 35px;} .subCompany .quality .tc .wrap.fourth .wrap_system_list > li ol li .lb {font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#008850;line-height:26px;margin-bottom:15px;} .subCompany .quality .tc .wrap.fourth .wrap_system_list > li ol li .lb > span {display:block;font-family:inherit;font-size:18px;} .subCompany .quality .tc .wrap.fourth .con1 {padding-top:70px;} .subCompany .quality .tc .wrap.fourth .con1 .m_tit {margin-bottom:10px;} .subCompany .quality .tc .wrap.fourth .con2 {padding-top:70px;} .subCompany .quality .tc .wrap.fourth .con2 .m_tit {margin-bottom:50px;} /* 인재상 */ .subCompany .recruit.people .recruit_wrap {border-top:2px solid #333;padding:45px 0 120px;} .subCompany .recruit.people .slogan {text-align:center;margin-bottom:45px;} .subCompany .recruit.people .slogan span {display:inline-block;padding:32px 10px 23px 45px;background:url(../images/company/icon_quotation_s.png) no-repeat left top, url(../images/company/icon_quotation_e.png) no-repeat right bottom;} .subCompany .recruit.people .slogan span em {font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .recruit.people .infographic1 {background:url(../images/company/bg_info.png) no-repeat center center;margin-bottom:90px;height: 360px;} .subCompany .recruit.people .infographic .list {width:870px;margin:0 auto 0 163px;} .subCompany .recruit.people .infographic .list > li {position:relative;float:left;width:280px;min-height:200px;} .subCompany .recruit.people .infographic .list > li:nth-child(2) {padding-left: 10px;} .subCompany .recruit.people .infographic .list > li:nth-child(3) {margin-left: 30px;padding-left: 30px;} .subCompany .recruit.people .infographic .list > li .desc strong {display:inline-block;color:#008850;margin-bottom:15px;} .subCompany .recruit.people .infographic1 .list {width:870px;margin:0 auto 0 163px;} .subCompany .recruit.people .infographic1 .list > li {position:relative;float:left;width:280px;margin-right: 10px} .subCompany .recruit.people .infographic1 .list > li > p{text-align: center} .subCompany .recruit.people .infographic1 .list > li:nth-child(1), .subCompany .recruit.people .infographic1 .list > li:nth-child(2), .subCompany .recruit.people .infographic1 .list > li:nth-child(3) {padding-top:10px;} .subCompany .recruit.people .infographic1 .list > li:nth-child(4), .subCompany .recruit.people .infographic1 .list > li:nth-child(5), .subCompany .recruit.people .infographic1 .list > li:nth-child(6) {padding-top:10px;} .subCompany .recruit.people .infographic1 .list > li .tit {position:absolute;left:0;right:0;color:#fff;margin:0 auto;} .subCompany .recruit.people .infographic1 .list > li:nth-child(1) .tit, .subCompany .recruit.people .infographic1 .list > li:nth-child(2) .tit, .subCompany .recruit.people .infographic1 .list > li:nth-child(3) .tit{top:25px;} .subCompany .recruit.people .infographic1 .list > li:nth-child(4) .tit, .subCompany .recruit.people .infographic1 .list > li:nth-child(5) .tit, .subCompany .recruit.people .infographic1 .list > li:nth-child(6) .tit {top:290px;} .subCompany .recruit.people .infographic1 .list > li .desc strong {display:inline-block;color:#008850;margin-bottom:15px;} .subCompany .recruit.people .edu {} .subCompany .recruit.people .edu .b_tit {margin-bottom:20px;} .subCompany .recruit.people .edu .s_tit {position:relative;padding-left:40px;} .subCompany .recruit.people .edu .s_tit span {position:absolute;left:0;top:0;display:inline-block;width:29px;height:29px;font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#fff;text-align:center;line-height:30px;background:#008850;border-radius:50%;} .subCompany .recruit.people .edu .wrap {padding-top:50px;} .subCompany .recruit.people .edu .wrap.con1 .list {height:492px;padding-left:625px;background:url(../images/company/people_img1.jpg) no-repeat 35px top;margin-top:55px;} .subCompany .recruit.people .edu .wrap.con1 .list li {border-bottom:1px solid #e6e6e6;padding-bottom:25px;margin-bottom:25px;} .subCompany .recruit.people .edu .wrap.con1 .list li:last-child {border-bottom:0;padding-bottom:0;margin-bottom:0;} .subCompany .recruit.people .edu .wrap.con1 .list li .tit {color:#008850;margin-bottom:10px;} .subCompany .recruit.people .edu .wrap.con2 .list {margin-top:30px;} .subCompany .recruit.people .edu .wrap.con2 .list li {float:left;width:282px;margin-right:24px;padding-top:500px;} .subCompany .recruit.people .edu .wrap.con2 .list li:nth-child(1) {background:url(../images/company/people_img13.jpg) no-repeat top center;} .subCompany .recruit.people .edu .wrap.con2 .list li:nth-child(2) {background:url(../images/company/people_img12.jpg) no-repeat top center;} .subCompany .recruit.people .edu .wrap.con2 .list li:nth-child(3) {background:url(../images/company/people_img4.jpg) no-repeat top center;} .subCompany .recruit.people .edu .wrap.con2 .list li:nth-child(4) {background:url(../images/company/people_img5.jpg) no-repeat top center;margin-right:0;} .subCompany .recruit.people .edu .wrap.con2 .list li .tit {margin-bottom:10px;} .subCompany .recruit.people .edu .wrap.con2 .desc {letter-spacing:0.2px;} .subCompany .recruit.people .edu .wrap.con3 .desc {margin:20px 0 35px;} .subCompany .recruit.people .edu .wrap.con3 .list {height:265px;padding:45px 0 0 660px;background:url(../images/company/people_img6.jpg) no-repeat left top;} .subCompany .recruit.people .edu .wrap.con3 .list li {display:block;margin-bottom:5px;letter-spacing:0.3px;} .subCompany .recruit.people .edu .wrap.con3 .list li.pos {position:relative;padding-left:110px;} .subCompany .recruit.people .edu .wrap.con3 .list li.pos span {position:absolute;left:14px;top:0;} /* 조직문화 */ .subCompany .recruit.org .recruit_wrap {border-top:2px solid #333;padding:45px 0 40px;} .subCompany .recruit.org .article {margin-bottom:80px;} .subCompany .recruit.org .article .tit {margin-bottom:35px;} .subCompany .recruit.org .article .tit .desc {margin-top:10px;} .subCompany .recruit.org .article .tit .desc em {font-family: "NotoSansCJKsc-Bold";color:#008850;} .subCompany .recruit.org .purpose .tit {padding-top:400px;background:url(../images/company/org_img_1.jpg) no-repeat;} .subCompany .recruit.org .purpose .tit .desc {margin-top:20px;} .subCompany .recruit.org .slogan .img div {float:left;width:600px;height:280px;text-indent:-9999px;} .subCompany .recruit.org .slogan .img div:nth-child(1) {background:#fff url(../images/company/org_slogan1.jpg) no-repeat center;border:1px solid #e6e6e6;border-right:0;} .subCompany .recruit.org .slogan .img div:nth-child(2) {background:#999 url(../images/company/org_slogan2.jpg) no-repeat center;} .subCompany .recruit.org .push .tit {margin-bottom:55px;} .subCompany .recruit.org .push .infographic {width:1200px;height:411px;text-align:center;background:url(../images/company/org_bg_1.png) no-repeat center top;position:relative;} .subCompany .recruit.org .push .infographic .tit {width:450px;color:#fff;position:absolute;left:0;right:0;top:28px;margin:auto;} .subCompany .recruit.org .push .infographic ul li {width:220px;position:absolute;color:#008850;} .subCompany .recruit.org .push .infographic ul li em {font-family: "NotoSansCJKsc-Bold";font-size:18px;} .subCompany .recruit.org .push .infographic ul li:nth-child(1) {left:70px;top:280px;} .subCompany .recruit.org .push .infographic ul li:nth-child(2) {left:350px;top:280px;} .subCompany .recruit.org .push .infographic ul li:nth-child(3) {right:350px;top:280px;} .subCompany .recruit.org .push .infographic ul li:nth-child(4) {right:70px;top:280px;} .subCompany .recruit.org .step .box {width:100%;height:auto;border:1px solid #e6e6e6;padding:10px 50px;background:url(../images/company/org_bg_2.png) no-repeat 133px 50px;} .subCompany .recruit.org .step .box .wrap {position:relative;padding:40px 0 0 200px;} .subCompany .recruit.org .step .box .wrap .stepTit {position:absolute;left:0;top:40px; color:#008850;} .subCompany .recruit.org .step .box .wrap .stepCon {padding-bottom:35px;} .subCompany .recruit.org .step .box .wrap .stepCon.pos1, .subCompany .recruit.org .step .box .wrap .stepCon.pos2 {border-bottom:1px solid #e6e6e6;} .subCompany .recruit.org .step .box .wrap .stepCon .txt1 {color:#008850;margin-bottom:23px;} .subCompany .recruit.org .step .box .wrap .stepCon .txt2 {margin-bottom:13px;} .subCompany .recruit.org .step .box .wrap .stepCon ul li {display:block;margin-bottom:6px;} /********** 솔루션 **********/ .visWrap_sub.solution {background:url(../images/solution/top_visual.jpg) no-repeat center;} .subSolution .elvList {padding-bottom:120px;} /* WhyHDEL */ .subSolution .whyHDEL .con_top {background:#f7f7f7;padding-bottom:100px;} .subSolution .whyHDEL .con_top .pageTitle {padding:100px 0 40px;} .subSolution .whyHDEL .con_top .pageTitle .subtext1:before {margin:15px auto 30px;} .subSolution .whyHDEL .con_top .pageTitle .subtext1 span {display:inline-block;font-family: "NotoSansCJKsc-Light";font-size:36px;color:#008850;line-height:37px;border-bottom:1px solid #008850;margin-bottom:10px;} .subSolution .whyHDEL .con_top .reason {border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6;} .subSolution .whyHDEL .con_top .reason li {float:left;width:33.33%;height:270px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;} .subSolution .whyHDEL .con_top .reason li a {display:block;width:100%;height:100%;font-family: "NotoSansCJKsc-Bold";font-size:23px;color:#333;text-align:center;line-height:30px;padding-top:160px;} .subSolution .whyHDEL .con_top .reason li:nth-child(1) a {background:url('../images/solution/whyhdel_icon1.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(2) a {background:url('../images/solution/whyhdel_icon2.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(3) a {background:url('../images/solution/whyhdel_icon3.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(4) a {background:url('../images/solution/whyhdel_icon4.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(5) a {background:url('../images/solution/whyhdel_icon5.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(6) a {background:url('../images/solution/whyhdel_icon6.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(1) a:hover {color:#008850;background:url('../images/solution/whyhdel_icon1_on.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(2) a:hover {color:#008850;background:url('../images/solution/whyhdel_icon2_on.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(3) a:hover {color:#008850;background:url('../images/solution/whyhdel_icon3_on.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(4) a:hover {color:#008850;background:url('../images/solution/whyhdel_icon4_on.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(5) a:hover {color:#008850;background:url('../images/solution/whyhdel_icon5_on.png') no-repeat center 40px;} .subSolution .whyHDEL .con_top .reason li:nth-child(6) a:hover {color:#008850;background:url('../images/solution/whyhdel_icon6_on.png') no-repeat center 40px;} .subSolution .whyHDEL .anchor_point {position:relative;top:-150px;height:1px;} .subSolution .whyHDEL .wrapCon .tit_area {text-align:center;} .subSolution .whyHDEL .wrapCon .tit_area .num {display:inline-block;width:44px;height:44px;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#fff;line-height:45px;background:url('../images/solution/whyhdel_bg.png') no-repeat 0 0;} .subSolution .whyHDEL .wrapCon .tit_area .tit {font-family: "NotoSansCJKsc-Regular";font-size:38px;color:#333;padding-top:30px;text-align:center;} .subSolution .whyHDEL .wrapCon .tit_area .desc {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px;} .subSolution .whyHDEL .wrapCon .tit_area .desc:before {content:"";display:block;width:30px;height:2px;background:#008850;margin:35px auto 25px;} .subSolution .whyHDEL .wrapCon .tit_area .desc .emphasis {color:#008850;margin-bottom:10px;} .subSolution .whyHDEL .wrapCon.first {padding:100px 0;text-align:center;} .subSolution .whyHDEL .wrapCon.first .graph {padding:20px 0 60px;} .subSolution .whyHDEL .wrapCon.first .graph .criterion {color:#999;text-align:right;margin-bottom:15px;} .subSolution .whyHDEL .wrapCon.first .graph ul {width:1092px;margin:0 auto;} .subSolution .whyHDEL .wrapCon.first .graph ul li {float:left;width:25%;} .subSolution .whyHDEL .wrapCon.first .graph ul li .circle {width:223px;height:223px;margin:0 auto;} .subSolution .whyHDEL .wrapCon.first .graph ul li:nth-child(1) .circle {background:url('../images/solution/whyhdel_graph1.png') no-repeat 0 0;} .subSolution .whyHDEL .wrapCon.first .graph ul li:nth-child(2) .circle {background:url('../images/solution/whyhdel_graph2.png') no-repeat 0 0;} .subSolution .whyHDEL .wrapCon.first .graph ul li:nth-child(3) .circle {background:url('../images/solution/whyhdel_graph3.png') no-repeat 0 0;} .subSolution .whyHDEL .wrapCon.first .graph ul li:nth-child(4) .circle {background:url('../images/solution/whyhdel_graph4.png') no-repeat 0 0;} .subSolution .whyHDEL .wrapCon.first .graph ul li .circle .b_txt {font-family: "NotoSansCJKsc-Bold";font-size:48px;color:#008850;} .subSolution .whyHDEL .wrapCon.first .graph ul li .circle .per {font-family: "NotoSansCJKsc-Regular";font-size:21px;color:#333;} .subSolution .whyHDEL .wrapCon.first .graph ul li .circle .per:before {content:"";display:block;width:32px;height:1px;background:#00af66;margin:5px auto 12px;} .subSolution .whyHDEL .wrapCon.first .graph ul li .desc {font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#333;line-height:30px;padding-top:20px;} .subSolution .whyHDEL .wrapCon.first .graph ul li .desc .unit {display:block;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#999;} .subSolution .whyHDEL .wrapCon.second {padding:100px 0;background:#f7f7f7;text-align:center;} .subSolution .whyHDEL .wrapCon.second ul {margin:45px 0 60px;} .subSolution .whyHDEL .wrapCon.second ul li {float:left;width:390px;background:#fff;padding-bottom:40px;} .subSolution .whyHDEL .wrapCon.second ul li + li {margin-left:10px;} .subSolution .whyHDEL .wrapCon.second ul li .txt1 {height:105px;} .subSolution .whyHDEL .wrapCon.second ul li .name {position:relative;font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#333;padding-top:60px;background:url('../images/main/bar_01.gif') no-repeat top center;margin:-20px 0 15px;} .subSolution .whyHDEL .wrapCon.second ul li .btn_shortcut_5 {margin-top:25px;} .subSolution .whyHDEL .wrapCon.third {padding:100px 0 60px;} .subSolution .whyHDEL .wrapCon.third ul {padding:50px 40px 0;} .subSolution .whyHDEL .wrapCon.third ul li {margin-bottom:40px;} .subSolution .whyHDEL .wrapCon.third ul li:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .subSolution .whyHDEL .wrapCon.third ul li .img {width:710px;} .subSolution .whyHDEL .wrapCon.third ul li .con {width:410px;height:380px;} .subSolution .whyHDEL .wrapCon.third ul li.left .img {float:left;} .subSolution .whyHDEL .wrapCon.third ul li.left .con {float:right;padding-left:50px;} .subSolution .whyHDEL .wrapCon.third ul li.right .img {float:right;} .subSolution .whyHDEL .wrapCon.third ul li.right .con {float:left;text-align:right;padding-right:50px;} .subSolution .whyHDEL .wrapCon.third ul li .con .tit {position:relative;font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#333;line-height:34px;padding-top:30px;margin-bottom:20px;} .subSolution .whyHDEL .wrapCon.third ul li .con .tit:before {content:"";position:absolute;top:0;display:inline-block;width:35px;height:2px;background:#008850;} .subSolution .whyHDEL .wrapCon.third ul li .con .desc {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px;} .subSolution .whyHDEL .wrapCon.third ul li.left .con .tit:before {left:0;} .subSolution .whyHDEL .wrapCon.third ul li.right .con .tit:before {right:0;} .subSolution .whyHDEL .wrapCon.fourth {height:920px;text-align:center;padding-top:155px;background:url('../images/solution/whyhdel_bg2.jpg') no-repeat top center;} .subSolution .whyHDEL .wrapCon.fourth .tit_area .tit {color:#fff;} .subSolution .whyHDEL .wrapCon.fourth .tit_area .desc {color:#fff;} .subSolution .whyHDEL .wrapCon.fourth .img {padding:50px 0 80px;} .subSolution .whyHDEL .wrapCon.fourth .img img {display:inline-block;} .subSolution .whyHDEL .wrapCon.fifth {height:920px;text-align:center;padding-top:140px;background:url('../images/solution/whyhdel_bg3.jpg') no-repeat bottom center;} .subSolution .whyHDEL .wrapCon.fifth .img {padding:45px 0 60px;} .subSolution .whyHDEL .wrapCon.fifth .img img {display:inline-block;} .subSolution .whyHDEL .wrapCon.sixth {padding:75px 0 100px;text-align:center;} .subSolution .whyHDEL .wrapCon.sixth .callcenter {display:inline-block;height:24px;font-family: "NotoSansCJKsc-Bold";font-size:21px;color:#333;line-height:24px;padding-left:35px;background:url('../images/common/icon_cs_1.png') no-repeat left center;margin:45px 0;} .subSolution .whyHDEL .wrapCon.sixth .callcenter>span {display:inline-block;font-family:inherit;color:#008850;margin-right:10px;} .subSolution .whyHDEL .wrapCon.sixth .hrts_movie {position:relative;margin:55px 0;} .subSolution .whyHDEL .wrapCon.sixth .hrts_movie .thumb {position:absolute;left:0;top:0;cursor:pointer;} /* 엘리베이터, 주차시스템 리스트 공통 */ .subSolution .product_list {margin-bottom:80px;} .subSolution .product_list ul li {float:left;height:300px;margin-right:2px;position:relative;overflow:hidden;} .subSolution .product_list ul li:nth-child(1) {width:299px;} .subSolution .product_list ul li:nth-child(2) {width:298px;} .subSolution .product_list ul li:nth-child(3) {width:298px;} .subSolution .product_list ul li:nth-child(4) {width:299px;margin-right:0;} .subSolution .product_list ul li .thumb {display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;transition:transform 0.4s;-webkit-transition:transform 0.4s;} .subSolution .product_list ul li:hover .thumb {transform:scale(1.1);-webkit-transform:scale(1.1);} .subSolution .product_list ul li button {display:block;width:100%;height:100%;color:#fff;text-align:center;padding-top:150px;position:absolute;left:0;top:0;z-index:2;} .subSolution .product_list ul li button span {display:block;} .subSolution .product_list ul li button span em {display:block;color:#00e085;margin-top:5px;} .subSolution .product_list ul li button span em:after {content:"";display:block;width:16px;height:20px;background:url(../images/common/arrow_19.png) no-repeat;margin:15px auto 0 auto;} .subSolution .guide_wrap {border-top:2px solid #333;margin-bottom:80px;} .subSolution .guide_wrap .article {border-bottom:1px solid #333;} .subSolution .guide_wrap .article .tit {display:block;width:100%;height:80px;text-align:left;vertical-align:top;padding:0 0 0 40px;position:relative;cursor:pointer;} .subSolution .guide_wrap .article .tit:after {content:"";display:block;width:17px;height:11px;background:url(../images/common/arrow_20.png) no-repeat;position:absolute;right:40px;top:35px;} .subSolution .guide_wrap .article .tit.on:after {background:url(../images/common/arrow_21.png) no-repeat;} .subSolution .guide_wrap .article .table_wrap {padding:50px 40px;border-top:1px solid #ddd;display:none;} .subSolution .guide_wrap .article .prdt_kind li {float:left;width:346px;margin-right:30px;} .subSolution .guide_wrap .article .prdt_kind li:nth-child(3n) {margin-right:0;} .subSolution .guide_wrap .article .prdt_kind li .img {width:346px;height:316px;overflow:hidden;} .subSolution .guide_wrap .article .prdt_kind li .txt {color:#333;height:70px;text-align:center;padding-top:20px;} .subSolution .guide_wrap .article .prdt_kind li .txt span {font-family: "NotoSansCJKsc-Regular";} .subSolution .summary {background:#fff;padding:20px 0 100px 0;} .subSolution .summary .article {margin-bottom:100px;} .subSolution .summary .article:last-child {margin-bottom:0;} .subSolution .summary .article .cat {font-family: "NotoSansCJKsc-Bold";font-size:42px;color:#333;text-align:center;margin-bottom:35px;} .subSolution .summary .article .cat em {display:block;font-family: "NotoSansCJKsc-Regular";font-size:20px;color:#999;margin-top:15px;} .subSolution .summary .article .bg_wrap {width:100%;min-height:812px;background:url(../images/solution/list_bg.jpg) no-repeat center top;position:relative;} .subSolution .summary .article .speed .txt1 {display:block;font-family: "NotoSansCJKsc-Light";font-size:48px;color:#008850;margin-bottom:5px;} .subSolution .summary .article .speed .txt2 {display:block;font-family: "NotoSansCJKsc-Light";font-size:22px;color:#999;} .subSolution .summary .article .speed .max {position:absolute;left:40px;top:100px;} .subSolution .summary .article .speed .min {position:absolute;left:995px;top:600px;} .subSolution .summary .article .box {width:436px;height:556px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-shadow:3px 10px 70px rgba(0,0,0,0.15);-webkit-box-shadow:3px 10px 70px rgba(0,0,0,0.15);background:#fff;} .subSolution .summary .article .box .titArea {width:100%;height:130px;padding:70px 0px 0 10px;background:#3b3b3b url(../images/solution/list_bg2.png) no-repeat;} .subSolution .summary .article .box .titArea .tit {float:left;font-family: "NotoSansCJKsc-Bold";font-size:40px;color:#fff;} .subSolution .summary .article .box .titArea .label {float:right;display:inline-block;width:auto;height:30px;font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#ddd;line-height:30px;padding:0 16px;background:#555;border-radius:15px;-webkit-border-radius:15px;vertical-align:top;margin-top:14px;margin-right: 10px;} .subSolution .summary .article .box .con {width:100%;padding:30px 40px 0 40px;} .subSolution .summary .article .box .con .desc {width:100%;height:120px;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;line-height:25px;letter-spacing:0.5px;} .subSolution .summary .article .box .con .spec {margin-bottom:30px;} .subSolution .summary .article .box .con .spec .item {background:#f7f7f7;padding:15px 20px;margin-bottom:2px;} .subSolution .summary .article .box .con .spec .item:last-child {margin-bottom:0;} .subSolution .summary .article .box .con .spec .item .field {float:left;width:50%;line-height:18px;} .subSolution .summary .article .box .con .spec .item .data {float:left;width:50%;text-align:right;line-height:18px;} .subSolution .summary .article .box .con .btn_shortcut_4 {width:100%;text-align:center;} .subSolution .summary .article .box .con .btn_shortcut_4 span:after {margin-left:15px;} .subSolution .shortcut_qna {width:100%;height:333px;text-align:center;padding-top:100px;margin-bottom:100px;background:url(../images/solution/list_qna_bg.jpg) no-repeat center;} .subSolution .shortcut_qna .txt1 {color:#fff;margin-bottom:30px;} .subSolution .mgt .tit {margin-bottom:40px;} .subSolution .mgt .list ul:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .subSolution .mgt .list ul li {float:left;display:block;} .subSolution .mgt .list.item2 ul li {width:581px;margin-right:38px;} .subSolution .mgt .list.item3 ul li {width:373px;margin-right:40px;} .subSolution .mgt .list ul li:last-child {margin-right:0;} .subSolution .mgt .list .img {margin-bottom:30px;overflow:hidden;} .subSolution .mgt .list.item2 .img {width:581px;height:251px;} .subSolution .mgt .list.item3 .img {width:373px;height:251px;} .subSolution .mgt .list .name {margin-bottom:10px;} .subSolution .mgt .list .desc {letter-spacing:-0.2px;} .subSolution .mgt .list.item2 .desc {min-height:95px;} .subSolution .mgt .list.item3 .desc {min-height:95px;} /* 엘리베이터 리스트 */ .subSolution .elvList .special {width:1100px;height:auto;padding:100px 0;margin:0 auto;} .subSolution .elvList .special .tit {text-align:center;margin-bottom:50px;} .subSolution .elvList .special .article {width:100%;height:377px;background:#fff;box-shadow:5px 5px 50px rgba(0,0,0,0.1);-webkit-box-shadow:5px 5px 50px rgba(0,0,0,0.1);margin-bottom:20px;} .subSolution .elvList .special .article:last-child {margin-bottom:0;} .subSolution .elvList .special .article .titArea {float:left;width:313px;height:100%;background:#333 url(../images/solution/list_bg3.png) no-repeat right top;padding:50px 0 0 40px;position:relative;} .subSolution .elvList .special .article .titArea .tit {color:#fff;line-height:40px;} .subSolution .elvList .special .article .titArea .icon_text_4 {position:absolute;left:40px;bottom:50px;} .subSolution .elvList .special .article .titArea .icon_text_4:focus, .subSolution .elvList .special .article .titArea .icon_text_4:active {color:#fff;} .subSolution .elvList .special .article .con {float:left;width:787px;height:100%;padding:45px 50px 0 50px;} .subSolution .elvList .special .article .con .desc {margin-bottom:20px;} .subSolution .elvList .special .article .con .spec {margin-bottom:25px;} .subSolution .elvList .special .article .con .spec .item {background:#f7f7f7;padding:20px 20px;margin-bottom:2px;} .subSolution .elvList .special .article .con .spec .item .field {display:block;font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#333;margin-bottom:7px;} .subSolution .elvList .special .article .con .spec .item .data {display:block;font-family: "NotoSansCJKsc-Regular";font-size:17px;color:#666;} .subSolution .elvList .special .article .con .spec .item_col2:nth-child(1) {float:left;width:50%;margin-bottom:0;border-right:2px solid #fff;} .subSolution .elvList .special .article .con .spec .item_col2:nth-child(2) {float:left;width:50%;margin-bottom:0;} .subSolution .elvList .special .article .con .spec .item_col3:nth-child(1) {float:left;width:33%;margin-bottom:0;border-right:2px solid #fff;} .subSolution .elvList .special .article .con .spec .item_col3:nth-child(2) {float:left;width:34%;margin-bottom:0;border-right:2px solid #fff;} .subSolution .elvList .special .article .con .spec .item_col3:nth-child(3) {float:left;width:33%;margin-bottom:0;} .subSolution .elvList .special .article .con .special_shortcut {text-align:right;} .subSolution .elvList .special .article .con .btn_text_1 span {font-size:18px;} /* 엘리베이터, 주차시스템 상세 공통 */ .subSolution .detailpage .m_tit_area {position:relative;margin-bottom:40px;} .subSolution .detailpage .m_tit_area .posA {position:absolute;right:0;bottom:0;} .subSolution .detailpage .mgt {border-bottom:1px solid #e6e6e6;padding:70px 0;} .subSolution .detailpage .pageTitle {padding-bottom:30px;} .subSolution .detailpage .hashtag {text-align:center;} .subSolution .detailpage .hashtag ul {display:inline-block;background:#f7f7f7;padding:20px 50px;border-radius:62px;} .subSolution .detailpage .hashtag ul li {float:left;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#333;margin-left:20px;} .subSolution .detailpage .hashtag ul li:first-child {margin-left:0;} .subSolution .detailpage .hashtag ul li:before {content:"#";display:inline-block;font-family:inherit;font-size:inherit;color:#008850;margin-right:5px;} .subSolution .detailpage .box_spec {margin-top:35px;} .subSolution .detailpage .box_spec ul li {position:relative;float:left;padding-left:15px;} .subSolution .detailpage .box_spec ul li + li {margin-left:40px;} .subSolution .detailpage .box_spec ul li:before {content:"";position:absolute;left:0;top:10px; display:inline-block;width:4px;height:4px;background:#008850;} .subSolution .detailpage .box_spec ul li .lb {display:inline-block;margin-right:10px;} .subSolution .detailpage .box_spec ul li .wrap {position:relative;} .subSolution .detailpage .box_spec ul li .wrap .lb {position:absolute;left:0;top:3px;} .subSolution .detailpage .box_spec ul li .wrap.letter3 {padding-left:45px;} .subSolution .detailpage .box_spec.vert ul li {float:none;} .subSolution .detailpage .box_spec.vert ul li + li {margin-left:0;margin-top:15px;} .subSolution .detailpage .guide_wrap {margin-top:55px;} .subSolution .detailpage .icon_spec {width:100%;} .subSolution .detailpage .icon_spec li {float:left;width:25%;text-align:center;padding:30px 0 15px;} .subSolution .detailpage .icon_spec li .lb {display:inline-block;color:#999;padding-top:90px;} .subSolution .detailpage .icon_spec li.floor .lb {background:url('../images/solution/icon_spec_1.png') no-repeat top center;} .subSolution .detailpage .icon_spec li.speed .lb {background:url('../images/solution/icon_spec_2.png') no-repeat top center;} .subSolution .detailpage .icon_spec li.capacity .lb {background:url('../images/solution/icon_spec_3.png') no-repeat top center;} .subSolution .detailpage .icon_spec li.people .lb {background:url('../images/solution/icon_spec_4.png') no-repeat top center;} .subSolution .detailpage .icon_spec li .spec {color:#333;margin-top:-65px;} .subSolution .detailpage .icon_spec li .spec>span {font-family:inherit;} .subSolution .detailpage.marine .icon_spec li.mth .lb {background:url('../images/solution/icon_spec_5.png') no-repeat top center;} .subSolution .detailpage.marine .icon_spec li.doors .lb {background:url('../images/solution/icon_spec_6.png') no-repeat top center;} .subSolution .detailpage.marine .icon_spec li.doors .spec {letter-spacing:0;} .subSolution .detailpage .gallery {margin-top:60px;} .subSolution .detailpage .gallery .item {position:relative;width:1200px;height:560px;overflow:hidden;} .subSolution .detailpage .gallery .item img {position:absolute;left:50%;top:50%;width:100%;height:auto;margin-left:-600px;margin-top:-280px;} .subSolution .detailpage .gallery .slick-arrow {position:absolute;bottom:0;z-index:2;display:inline-block;height:80px;font-size:0;text-indent:-9999px;color:transparent;z-index:1;} .subSolution .detailpage .gallery .slick-arrow.slick-prev {width:81px;right:80px;background:url('../images/solution/btn_prev_1.png') no-repeat 0 0;} .subSolution .detailpage .gallery .slick-arrow.slick-prev.slick-disabled {background:url('../images/solution/btn_prev_1_dis.png') no-repeat 0 0;} .subSolution .detailpage .gallery .slick-arrow.slick-next {width:80px;right:0;background:url('../images/solution/btn_next_1.png') no-repeat 0 0;} .subSolution .detailpage .gallery .slick-arrow.slick-next.slick-disabled {background:url('../images/solution/btn_next_1_dis.png') no-repeat 0 0;} .subSolution .detailpage .feature {margin:70px 0 120px;} .subSolution .detailpage .feature .tit {margin-bottom:40px;} .subSolution .detailpage .feature .horizontal_list li:nth-child(1) { margin-top: 0; } .subSolution .detailpage .feature .horizontal_list li { margin-top: 60px; } .subSolution .detailpage .feature .horizontal_list li .img img {width: 520px; /*height: 600px;*/} .subSolution .detailpage .feature .horizontal_list li:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .subSolution .detailpage .feature .horizontal_list li:nth-child(odd) .img {float:left;margin-left:80px;} .subSolution .detailpage .feature .horizontal_list li:nth-child(odd) .con {float:right;margin-right:40px;text-align:left;} .subSolution .detailpage .feature .horizontal_list li:nth-child(odd) .con .name {padding-right:40px;} .subSolution .detailpage .feature .horizontal_list li:nth-child(even) .img {float:right;margin-right:80px;} .subSolution .detailpage .feature .horizontal_list li:nth-child(even) .con {float:left;margin-left:40px;text-align:left;} /*.subSolution .detailpage .feature .horizontal_list li:nth-child(even) .con .name {padding-left:40px;}*/ .subSolution .detailpage .feature .horizontal_list li .img {width:520px;height:600px;overflow:hidden;} .subSolution .detailpage .feature .horizontal_list li .con {width:480px;min-height:600px;} .subSolution .detailpage .feature .horizontal_list li .con .keyword{position:relative;border-bottom:1px solid #008850;padding-bottom:10px;margin-bottom:35px;color:#008850;} .subSolution .detailpage .feature .horizontal_list li .con .keyword span {font-family: "NotoSansCJKsc-Bold";font-size:21px;color:#008850;} .subSolution .detailpage .feature .horizontal_list li .con .keyword:after {content:"";position:absolute;bottom:-5px;width:54px;height:5px;background:#008850;left: 0;} .subSolution .detailpage .feature .horizontal_list li:nth-child(odd) .con .keyword:after {left:0;} /*.subSolution .detailpage .feature .horizontal_list li:nth-child(even) .con .keyword:after {right:0;}*/ .subSolution .detailpage .feature .horizontal_list li .con .name {font-family: "NotoSansCJKsc-Regular";font-size:26px;color:#333;margin-bottom:20px;} .subSolution .detailpage .feature .horizontal_list li .con .desc { font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px; text-align: justify;text-justify: inter-ideograph;letter-spacing: 0; word-wrap: break-word; word-break: normal; } .subSolution .detailpage .feature .horizontal_list li .con .desc b{ font-weight: bold; } .subSolution .detailpage .feature .vertical_list {padding:0 70px;} .subSolution .detailpage .feature .vertical_list:after {content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;} .subSolution .detailpage .feature .vertical_list li {float:left;width:500px;} .subSolution .detailpage .feature .vertical_list li:nth-child(2n) {margin-left:60px;} .subSolution .detailpage .feature .vertical_list li .img {width:500px;height:600px;overflow:hidden;} .subSolution .detailpage .feature .vertical_list li .con {height:190px; text-align:center;padding:30px 0 45px;} .subSolution .detailpage .feature .vertical_list li .con .keyword {font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#333;margin-bottom:15px;} .subSolution .detailpage .feature .vertical_list li .con .desc {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px;} .subSolution .detailpage .shortcut_banner {width:100%;min-width:1200px;height:230px;text-align:center;padding-top:60px;background:url(../images/solution/shortcut_banner.jpg) no-repeat center;} .subSolution .detailpage .shortcut_banner .txt {color:#fff;line-height:36px;margin-bottom:20px;} .subSolution .detailpage .option_tech {background:#222;padding:90px 0 70px;} .subSolution .detailpage .option_tech .m_tit_area .tit {color:#fff;} .subSolution .detailpage .option_tech .list ul li {float:left;width:50%;} .subSolution .detailpage .option_tech .list ul li .img {width:600px;height:267px;overflow:hidden;} .subSolution .detailpage .option_tech .list ul li .con {height:160px;text-align:center;padding-top:25px;} .subSolution .detailpage .option_tech .list ul li .con .name {font-family: "NotoSansCJKsc-Bold";font-size:24px;color:#fff;margin-bottom:15px;} .subSolution .detailpage .option_tech .list ul li .con .desc {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#999;line-height:26px;} .subSolution .detailpage .download_cs {background:#f7f7f7;padding:60px 0;} .subSolution .detailpage .download_cs .wrap {width:580px;} .subSolution .detailpage .download_cs .tit {padding-bottom:10px;border-bottom:1px solid #333;} .subSolution .detailpage .download_cs .desc {color:#333;padding:20px 0;} .subSolution .detailpage .download_cs .btn_area a {vertical-align:top;} .subSolution .detailpage .download_cs .btn_area button>span {font-family:inherit;} .subSolution .detailpage .download_cs .btn_area .btn_type1, .subSolution .detailpage .download_cs .btn_area .btn_type2 {width:auto;height:43px;font-size:17px;line-height:43px;padding:0 30px;margin-right:1px;} .subSolution .detailpage .download_cs .btn_area .btn_type1>span {height:43px;line-height:43px;} .subSolution .detailpage .download_cs .btn_area .btn_type2 {color:#333;} .subSolution .detailpage .download_cs .btn_area .btn_shortcut_1 {height:43px;padding:0 30px;background:#fff;} .subSolution .detailpage .download_cs .btn_area .btn_shortcut_1>span {font-family: "NotoSansCJKsc-Bold";font-size:17px;line-height:42px;padding:0;} .subSolution .detailpage .download_cs .btn_area .btn_shortcut_2 {height:43px;padding:0 30px;background:#008850;border:0;} .subSolution .detailpage .download_cs .btn_area .btn_shortcut_2>span {font-family: "NotoSansCJKsc-Bold";font-size:17px;line-height:42px;padding:0;} .subSolution .detailpage .download_cs .btn_area .wrap_layerpop {position:relative;display:inline-block;} .subSolution .detailpage .download_cs .btn_area .detail_pop {display:none; position:absolute;left:0;top:63px;width:370px;height:auto;padding:25px 25px 20px;background:#fff;border:1px solid #e6e6e6;border-radius:3px;z-index:1;} .subSolution .detailpage .download_cs .btn_area .detail_pop.on {display:block;} .subSolution .detailpage .download_cs .btn_area .detail_pop:after {content:"";position:absolute;left:50%;top:-14px;margin-left:-14px;width:28px;height:14px;background:url('../images/solution/pop_arrow.png') no-repeat 0 0;} .subSolution .detailpage .download_cs .btn_area .detail_pop .pop_close {position:absolute;right:20px;top:20px;width:15px;height:15px;background:url('../images/solution/pop_close.gif') no-repeat 0 0;} .subSolution .detailpage .download_cs .btn_area .detail_pop .pop_close>span {position:absolute;font-size:0;text-indent:-9999px;} .subSolution .detailpage .download_cs .btn_area .detail_pop .lb {margin-bottom:10px;} .subSolution .detailpage .download_cs .btn_area .newyzer .detail_pop:after {left:84px;} .subSolution .detailpage .download_cs .btn_area .newyzer .detail_pop ul li {position:relative;float:left;padding-left:16px;margin-right:20px;margin-bottom:7px;} .subSolution .detailpage .download_cs .btn_area .newyzer .detail_pop ul li:before {content:"";position:absolute;left:0;top:5px;width:4px;height:4px;background:#008850;} .subSolution .detailpage .download_cs .btn_area .cs .detail_pop {left:-125px;} .subSolution .detailpage .download_cs .btn_area .cs .detail_pop ul li {float:left;width:155px;margin-bottom:8px;} .subSolution .detailpage .download_cs .btn_area .cs .detail_pop ul li > span {display:inline-block;font-family:inherit;color:#008850;margin-right:8px;} .subSolution .detailpage .download_cs .btn_area .cs .detail_pop ul + .etc {margin-top:15px;} .subSolution .detailpage .download_cs .btn_area .cs .detail_pop .etc .fl {width:155px;} .subSolution .detailpage .download_cs.line3 .desc {height:118px;} .subSolution .detailpage .key_project {padding:70px 0 100px;} .subSolution .detailpage .key_project .m_tit_area .tit {margin-bottom:10px;} .subSolution .detailpage .key_project .list ul li {float:left;width:294px;} .subSolution .detailpage .key_project .list ul li + li {margin-left:8px;} .subSolution .detailpage .key_project .list ul li .img {width:100%;height:315px;overflow:hidden;} .subSolution .detailpage .key_project .list ul li .name {width:100%;height:58px;font-family: "NotoSansCJKsc-Regular";font-size:20px;color:#fff;line-height:58px;text-align:center;background:#222;} /* 주차시스템 리스트 */ .subSolution .parkingList .guide_wrap table thead tr th {height:auto;padding:17px 0;} .subSolution .parkingList .guide_wrap table thead tr th span {display:inline-block;margin-top:3px;} .subSolution .parkingList .guide_wrap table tbody tr td {padding:25px 10px;} .subSolution .parkingList .summary .article .speed .max {left:70px;} .subSolution .parkingList .summary .article .box .con .spec .item .field {width:35%;line-height:24px;} .subSolution .parkingList .summary .article .box .con .spec .item .data {width:65%;line-height:24px;height:100%;} .subSolution .parkingList .shortcut_qna {margin-bottom:0;} /* 주차시스템 상세 */ .subSolution .detailpage.parking .btn_plad {text-align:center;margin-top:30px;} .subSolution .detailpage.parking .box_spec ul {float:left;width:50%;} .subSolution .detailpage.parking .box_spec ul li {float:none;margin-bottom:20px;} .subSolution .detailpage.parking .box_spec ul li + li {margin-left:0;} .subSolution .detailpage.parking .box_spec ul li .wrap {position:relative;} .subSolution .detailpage.parking .box_spec ul li .wrap .lb {position:absolute;left:0;top:3px;} .subSolution .detailpage.parking .box_spec ul li .wrap.letter3 {padding-left:45px;} .subSolution .detailpage.parking .box_spec ul li .wrap.letter5 {padding-left:60px;} .subSolution .detailpage.parking .box_spec ul li .wrap.letter8 {padding-left:80px;} .subSolution .detailpage.parking .box_spec ul li .wrap.letter12 {padding-left:125px;} .subSolution .detailpage.parking .box_spec ul li .wrap.letterMax {padding-left:205px;} .subSolution .detailpage.parking .box_spec ul li .tbl_type1 {width:auto;margin-top:15px;border-top:1px solid #e6e6e6;} .subSolution .detailpage.parking .box_spec ul li .tbl_type1 tbody td {padding:25px 0;} .subSolution .detailpage.parking .box_spec ul li .cmt {display:block;font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#999;line-height:23px;margin-top:5px;} .subSolution .detailpage.parking .gallery .glry_slide .item .tag {position:absolute;right:161px;bottom:0;display:inline-block;width:160px;height:80px;font-family: "NotoSansCJKsc-Bold";font-size:21px;color:#fff;text-align:center;line-height:80px;background:rgba(0,0,0,0.4);} .subSolution .detailpage.parking .floorPlan {margin-top:70px;} .subSolution .detailpage.parking .floorPlan .tit {margin-bottom:40px;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .slick-list {width:1060px;margin:0 auto;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .item {width:530px;padding:0 20px;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .item .img {width:100%;height:600px;border:8px solid #e6e6e6;overflow:hidden;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .item .img img {} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .item .name {font-family: "NotoSansCJKsc-Regular";font-size:26px;color:#333;text-align:center;margin-top:25px;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .slick-arrow {position:absolute;top:50%;width:31px;height:86px;margin-top:-43px;text-indent:-9999px;font-size:0;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .slick-arrow.slick-prev {left:0;background:url('../images/solution/btn_prev_2.png') no-repeat 0 0;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .slick-arrow.slick-prev.slick-disabled {background:url('../images/solution/btn_prev_2_dis.png') no-repeat 0 0;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .slick-arrow.slick-next {right:0;background:url('../images/solution/btn_next_2.png') no-repeat 0 0;} .subSolution .detailpage.parking .floorPlan .floor_plan_slide .slick-arrow.slick-next.slick-disabled {background:url('../images/solution/btn_next_2_dis.png') no-repeat 0 0;} .subSolution .detailpage.parking .process {margin:70px 0 0;} .subSolution .detailpage.parking .process .tit {margin-bottom:30px;} .subSolution .detailpage.parking .process ul li {position:absolute;} .subSolution .detailpage.parking .process ul li:nth-child(1) {left:80px;top:65px;} .subSolution .detailpage.parking .process ul li:nth-child(2) {left:135px;top:380px;} .subSolution .detailpage.parking .process ul li:nth-child(3) {left:950px;top:205px;} .subSolution .detailpage.parking .process ul li:nth-child(4) {left:1040px;top:340px;} .subSolution .detailpage.parking .process ul li .lb {display:block;font-family: "NotoSansCJKsc-Bold";font-size:14px;margin-bottom:3px;} .subSolution .detailpage.parking .process ul li .lb.bl {color:#0087cb;} .subSolution .detailpage.parking .process ul li .lb.or {color:#f36f2b;} /* 서비스 */ .subSolution .detailpage.service .m_tit {margin-bottom:30px;} .subSolution .detailpage.service .box_gray {background:#f7f7f7;padding:60px;margin:35px 0 45px;} .subSolution .detailpage.service .box_gray .txt1 {color:#008850;padding-top:400px;margin-bottom:15px;} .subSolution .detailpage.service .reasons {padding-top:60px;border-top:2px solid #333;margin-top:20px;} .subSolution .detailpage.service .reasons ul li {float:left;width:588px;height:450px;margin-right:24px;} .subSolution .detailpage.service .reasons ul li:nth-child(2n) {margin-right:0;} .subSolution .detailpage.service .reasons ul li .con {position:relative;text-align:left;padding-top:60px;margin-top:-14px;} .subSolution .detailpage.service .reasons ul li .con:before {content:"";position:absolute;left:40px;top:0;display:block;width:2px;height:40px;background:#008850;} .subSolution .detailpage.service .reasons ul li .con .txt1 {margin-bottom:10px;} .subSolution .detailpage.service .fm {margin-top:30px;margin-bottom:70px;} .subSolution .detailpage.service .fm .box_gray .txt1 {background:url(../images/solution/service_img05.jpg) no-repeat top center;} .subSolution .detailpage.service .fm .list ul li .clcr_tit {color:#008850;margin:30px 0 20px;} .subSolution .detailpage.service .fm .list ul li .clcr_tit>span {display:inline-block;width:30px;height:30px;font-family: "NotoSansCJKsc-Bold";font-size:16px;color:#fff;text-align:center;line-height:30px;background:url(../images/solution/num_bg.png) no-repeat 0 0;vertical-align:bottom;margin-right:10px;} .subSolution .detailpage.service .fm .list ul li .graph {margin-top:40px;} .subSolution .detailpage.service .hrts .box_gray .txt1 {background:url(../images/solution/service_img06.jpg) no-repeat top center;} .subSolution .detailpage.service .hrts .bg {position:relative;height:400px;background:url('../images/service/hrts_img2.png') no-repeat top center;margin:45px 0 90px;} .subSolution .detailpage.service .hrts .bg li {position:absolute;color:#008850;} .subSolution .detailpage.service .hrts .bg li:nth-child(1) {left:185px;top:30px;} .subSolution .detailpage.service .hrts .bg li:nth-child(2) {left:65px;top:210px;} .subSolution .detailpage.service .hrts .bg li:nth-child(3) {left:185px;top:385px;} .subSolution .detailpage.service .hrts .bg li:nth-child(4) {right:144px;top:85px;text-align:right;} .subSolution .detailpage.service .hrts .bg li:nth-child(5) {right:144px;top:330px;text-align:right;} .subSolution .detailpage.service .hrts .process .pictogram {height:354px;background:url('../images/service/hrts_img5.png') no-repeat top center;margin:25px 0 80px;} .subSolution .detailpage.service .hrts .process .pictogram dt {height:66px;font-family: "NotoSansCJKsc-Bold";font-size:24px;color:#fff;line-height:66px;text-align:center;} .subSolution .detailpage.service .hrts .process .pictogram dt > span {font-family: "NotoSansCJKsc-Light";} .subSolution .detailpage.service .hrts .process .pictogram dd li {float:left;width:20%;font-family: "NotoSansCJKsc-Regular";font-size:22px;color:#333;text-align:center;padding-top:155px;} /* 교체공사 */ .subSolution .detailpage.change .box_desc {border-top:2px solid #333;padding-top:50px;margin-top:55px;} .subSolution .detailpage.change .box_desc .m_tit {padding-bottom:400px;background:url(../images/solution/change_bg.jpg) no-repeat bottom center;} .subSolution .detailpage.change .box_desc .s_tit {color:#008850;margin:40px 0 20px;} .subSolution .detailpage.change .box_desc .list_type2 {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:32px 40px;} .subSolution .detailpage.change .box_desc .list_type2 li {margin-bottom:20px;} .subSolution .detailpage.change .box_desc .list_type2 li:last-child {margin-bottom:0;} .subSolution .detailpage.change .box_desc .box_gray {background:#f7f7f7;padding:30px 40px;margin-bottom:30px;} .subSolution .detailpage.change .change_process {padding-top:80px;} .subSolution .detailpage.change .change_process .m_tit_area .btn_type2 {width:auto;height:44px;font-size:17px;color:#333;line-height:42px;padding:0 30px;} .subSolution .detailpage.change .change_process .m_tit_area .btn_type2>span {font-family:inherit;} .subSolution .detailpage.change .change_process .step ul li {position:relative;float:left;width:240px;height:380px;border:1px solid #e6e6e6;border-left:0;padding:30px 0 30px 30px;} .subSolution .detailpage.change .change_process .step ul li:first-child {border-left:1px solid #e6e6e6;} .subSolution .detailpage.change .change_process .step ul li:after {content:"";position:absolute;left:-1px;top:163px;width:16px;height:53px;background:url('../images/solution/arrow1.png') no-repeat 0 0;} .subSolution .detailpage.change .change_process .step ul li:first-child:after {display:none;} .subSolution .detailpage.change .change_process .step ul li img {display:block;} .subSolution .detailpage.change .change_process .step ul li .txt1 {height:115px;line-height:28px;margin-top:40px;padding-top:45px;} .subSolution .detailpage.change .change_process .step ul li:nth-child(1) .txt1 {background:url('../images/solution/change_icon1.png') no-repeat;} .subSolution .detailpage.change .change_process .step ul li:nth-child(2) .txt1 {background:url('../images/solution/change_icon2.png') no-repeat;} .subSolution .detailpage.change .change_process .step ul li:nth-child(3) .txt1 {background:url('../images/solution/change_icon3.png') no-repeat;} .subSolution .detailpage.change .change_process .step ul li:nth-child(4) .txt1 {background:url('../images/solution/change_icon4.png') no-repeat;} .subSolution .detailpage.change .change_process .step ul li:nth-child(5) .txt1 {background:url('../images/solution/change_icon5.png') no-repeat;} .subSolution .detailpage.change .change_team {padding:50px 0 70px;} .subSolution .detailpage.change .change_team .s_tit {color:#008850;margin-bottom:15px;} .subSolution .detailpage.change .change_team .img {text-align:center;padding-top:60px;} .subSolution .detailpage.change .change_team .img img {display:inline-block;} .popLayer.allChange {width:1080px;} .popLayer.allChange .example_slide .name {font-family: "NotoSansCJKsc-Regular";font-size:24px;color:#333;border-bottom:1px solid #333;padding-bottom:10px;} .popLayer.allChange .example_slide .img {text-align:center;padding:40px 0;background:#f7f7f7;} .popLayer.allChange .example_slide .img img {display:inline-block;} .popLayer.allChange .example_slide .slick-arrow {position:absolute;top:50%;width:31px;height:86px;margin-top:-43px;text-indent:-9999px;font-size:0;} .popLayer.allChange .example_slide .slick-arrow.slick-prev {left:-60px;background:url('../images/solution/btn_prev_2.png') no-repeat 0 0;} .popLayer.allChange .example_slide .slick-arrow.slick-prev.slick-disabled {background:url('../images/solution/btn_prev_2_dis.png') no-repeat 0 0;} .popLayer.allChange .example_slide .slick-arrow.slick-next {right:-60px;background:url('../images/solution/btn_next_2.png') no-repeat 0 0;} .popLayer.allChange .example_slide .slick-arrow.slick-next.slick-disabled {background:url('../images/solution/btn_next_2_dis.png') no-repeat 0 0;} /* 주요프로젝트 */ .subSolution .project .con_top {background:#f7f7f7;padding-bottom:60px;} .subSolution .project .con_top .searchArea {width:1200px;margin:0 auto;background:#fff;border:1px solid #e6e6e6;padding:80px 100px 60px;} .subSolution .project .con_top .searchArea .tbl_view1 .radio_group .radio_ui, .subSolution .project .con_top .searchArea .tbl_view1 .check_group .checkbox_ui {margin-right:25px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group2 .checkbox_ui {margin-bottom:18px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group2 .checkbox_ui:nth-child(3n-2) {width:250px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group2 .checkbox_ui:nth-child(3n-1) {width:265px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group3 .checkbox_ui {display:block;margin-bottom:18px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group3 .checkbox_ui:last-child {margin-bottom:0;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group4 .checkbox_ui {margin-bottom:18px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group4 .checkbox_ui:nth-child(2n-1) {width:290px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group4 .checkbox_ui:nth-child(2n) {width:420px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group5 .checkbox_ui {margin-bottom:18px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group5 .checkbox_ui:nth-child(3n-2) {width:165px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group5 .checkbox_ui:nth-child(3n-1) {width:145px;} .subSolution .project .con_top .searchArea .tbl_view1 .check_group5 .checkbox_ui:nth-child(3n) {width:350px;} .subSolution .project .con_top .searchArea .tbl_view1 td.pdb12 {padding-bottom:12px;} .subSolution .project .con_top .searchArea .btn_group {position:relative;text-align:center;margin-top:50px;} .subSolution .project .con_top .searchArea .btn_group .btn_type1 {display:inline-block;} .subSolution .project .con_top .searchArea .btn_group .btn_reset {position:absolute;left:0;top:50%;margin-top:-10px;} .subSolution .project .con_top .searchArea .btn_group .btn_reset:before {content:"";display:inline-block;width:20px;height:20px;background:url('../images/common/icon_reset.png') no-repeat left top;vertical-align:middle;margin-right:5px;} .subSolution .project .con_top .searchArea .btn_group .btn_reset>span {font-family: "NotoSansCJKsc-Bold";font-size:17px;color:#333;vertical-align:middle;} .subSolution .project .prjt_result {padding-top:75px;} .subSolution .project .prjt_result .tit {text-align:center;margin-bottom:40px;} .subSolution .project .prjt_result .list > ul > li {float:left;margin:0 36px 36px 0;} .subSolution .project .prjt_result .list > ul > li:nth-child(3n) {margin-right:0;} .subSolution .project .prjt_result .list > ul > li a {position:relative;display:block;width:376px;height:515px;border:1px solid #e6e6e6;padding:15px 10px;text-align: center;} .subSolution .project .prjt_result .list > ul > li a .img {display:inline-block;width:354px;height:406px;overflow:hidden;} .subSolution .project .prjt_result .list > ul > li a .img img {display:inline-block;width:auto;height:100%;} .subSolution .project .prjt_result .list > ul > li a .name {height:40px;font-family: "NotoSansCJKsc-Bold";font-size:20px;line-height:30px;color:#333;text-align:center;} .subSolution .project .prjt_result .list > ul > li a .name>span {font-family:inherit;font-size: 18px;} .subSolution .project .prjt_result .list > ul > li a .info {position:absolute;left:0;bottom:0;width:100%;height:48px;background:#f7f7f7;line-height:48px;padding:15px 20px 0 20px;} .subSolution .project .prjt_result .list > ul > li a .info > div {float:left;width:177px;font-size:14px;color:#666;vertical-align:middle;text-align: left;} .subSolution .project .prjt_result .list > ul > li a .info > div.area {width:147px;padding-right:10px;margin-right:10px;background:url('../images/common/bar_v1.png') no-repeat right center;background-size:1px 16px;} .subSolution .project .prjt_result .list > ul > li a .info > div .lb {display:inline-block;font-family: "NotoSansCJKsc-Bold";color:#333;margin-right:10px;vertical-align:middle;} .subSolution .project .prjt_result .btn_more_1 {margin-top:14px;} .subSolution .project .prjt_result .btn_more_1 .count {background-image:url(../images/common/btn_more_03.png);} .subSolution .project .common_nodata_1 {border:0;padding:300px 0 50px;background-position:center 140px;} .subSolution .project .down_cs {padding:100px 0 80px;} .subSolution .project .down_cs .fl {width:600px;border:1px solid #e6e6e6;padding:50px;} .subSolution .project .down_cs .fl:last-child {margin-left:-1px;} .subSolution .project .down_cs .fl .tit {border-bottom:1px solid #e6e6e6;padding-bottom:15px;margin-bottom:20px;} .subSolution .project .down_cs .fl .desc {margin-bottom:25px;} .popLayer.project {width:1200px;height:640px;} .popLayer.project .btn_close {width:80px;height:80px;text-indent:-9999px;background:#f7f7f7 url(../images/common/btn_close_4.png) no-repeat center;position:absolute;right:0;top:0;} .popLayer.project .popContent {padding:0;} .popLayer.project .popContent .wrap_img {float:left;width:600px;height:700px;} .popLayer.project .popContent .wrap_img .img {width:600px;height:700px;} .popLayer.project .popContent .wrap_img .img img {display:block;width:100%;height:auto;} .popLayer.project .popContent .wrap_img .slick-arrow {position:absolute;bottom:0;z-index:2;display:inline-block;height:80px;font-size:0;text-indent:-9999px;color:transparent;z-index:1;} .popLayer.project .popContent .wrap_img .slick-arrow.slick-prev {width:81px;right:80px;background:url('../images/solution/btn_prev_1.png') no-repeat 0 0;} .popLayer.project .popContent .wrap_img .slick-arrow.slick-prev.slick-disabled {background:url('../images/solution/btn_prev_1_dis.png') no-repeat 0 0;} .popLayer.project .popContent .wrap_img .slick-arrow.slick-next {width:80px;right:0;background:url('../images/solution/btn_next_1.png') no-repeat 0 0;} .popLayer.project .popContent .wrap_img .slick-arrow.slick-next.slick-disabled {background:url('../images/solution/btn_next_1_dis.png') no-repeat 0 0;} .popLayer.project .popContent .wrap_txt {float:left;width:600px;height:700px;padding:70px 120px 0 70px;} .popLayer.project .popContent .wrap_txt .sns a {display:inline-block;width:30px;height:30px;margin-right:5px;font-size:0;text-indent:-9999px;} .popLayer.project .popContent .wrap_txt .sns a.facebook {background:url('../images/common/ic_facebook02.png') no-repeat 0 0;} .popLayer.project .popContent .wrap_txt .sns a.twitter {background:url('../images/common/ic_twitter01.png') no-repeat 0 0;} .popLayer.project .popContent .wrap_txt .name {font-family: "NotoSansCJKsc-Bold";font-size:24px;color:#333;padding-top:35px;} .popLayer.project .popContent .wrap_txt .desc {font-family: "NotoSansCJKsc-Regular";font-size:20px;color:#666;line-height:28px;padding:15px 0 25px;border-bottom:1px solid #e6e6e6;} .popLayer.project .popContent .wrap_txt .info {padding:25px 0 30px 0;} .popLayer.project .popContent .wrap_txt .info li {position:relative;min-height:28px;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:28px;padding-left:100px;margin-top:5px;} .popLayer.project .popContent .wrap_txt .info li:first-child {margin-top:0;} .popLayer.project .popContent .wrap_txt .info li:before {content:"";position:absolute;left:0;top:10px;width:4px;height:4px;background:#008850;} .popLayer.project .popContent .wrap_txt .info li .lb {position:absolute;left:15px;top:3px;font-family: "NotoSansCJKsc-Bold";color:#333;} /* 주요프로젝트 스토리 */ .subSolution .project .detail {padding-bottom:120px;} .subSolution .project .detail table .tit {width:100%;padding:55px 0;text-align:center;} .subSolution .project .detail table .tit .subject {font-family: "NotoSansCJKsc-Regular";font-size:34px;color:#333;text-align:center;margin-bottom:15px;} .subSolution .project .detail table .tit .desc {color:#008850;} .subSolution .project .detail table .detail_con {width:100%;padding:80px 60px;} .subSolution .project .detail table .detail_con b {font-family: "NotoSansCJKsc-Bold";} .subSolution .project .detail .btn_type_list {margin-top:60px;} /********** 혁신기술 **********/ .visWrap_sub.technology {background:url(/public/static/portal/images/technology/top_visual.jpg) no-repeat center;} .subTechnology {} .subTechnology .num_tit {position:relative;font-family: "NotoSansCJKsc-Bold";font-size:28px;color:#333;padding-left:45px;} .subTechnology .num_tit>span {position:absolute;left:0;top:0;font-family:inherit;color:#008850;} .subTechnology .conTop {padding-top:30px;border-top:2px solid #333;margin-bottom:50px;} .subTechnology .conTop .bg_tit {height:367px;font-family: "NotoSansCJKsc-Bold";font-size:27px;color:#fff;text-align:center;line-height:367px;letter-spacing:2.5px;} .subTechnology .conTop .tit {margin:45px 0 10px;} .subTechnology .conTop .common_cmt_1 {opacity:0.7;margin-top:10px;} .subTechnology .wrap_movie {padding:100px 0;} .subTechnology .wrap_movie .tit {text-align:center;margin-bottom:30px;} .subTechnology .wrap_movie .tit>em {color:#008850;} .subTechnology .wrap_movie .movie_area {position:relative;} .subTechnology .wrap_movie .movie_area .thumb {position:absolute;left:0;top:0;cursor:pointer;} .subTechnology .bottom_banner {height:331px;text-align:center;background:url('/public/static/portal/images/technology/technology_bg1.jpg') no-repeat top center;padding-top:90px;} .subTechnology .bottom_banner .tit {color:#fff;text-align:center;} .subTechnology .bottom_banner .desc {color:#fff;margin:10px 0 35px;} .subTechnology .bottom_banner .btn_area a {width:230px;margin:0 3px;} .subTechnology .bottom_banner .btn_area a span {padding:13px 0;} /* 초고속 엘리베이터 */ .subTechnology .highspeed .skill_tab li {float:left;width:298px;margin-left:2px;} .subTechnology .highspeed .skill_tab li:first-child {margin-left:0;} .subTechnology .highspeed .skill_tab li:nth-child(1) {background:url('/public/static/portal/images/technology/speed_img1.jpg') no-repeat top center;} .subTechnology .highspeed .skill_tab li:nth-child(2) {background:url('/public/static/portal/images/technology/speed_img2.jpg') no-repeat top center;} .subTechnology .highspeed .skill_tab li:nth-child(3) {background:url('/public/static/portal/images/technology/speed_img3.jpg') no-repeat top center;} .subTechnology .highspeed .skill_tab li:nth-child(4) {background:url('/public/static/portal/images/technology/speed_img4.jpg') no-repeat top center;} .subTechnology .highspeed .skill_tab li a {display:block;height:300px;text-align:center;padding-top:105px;background:url('/public/static/portal/images/technology/arrow1.png') no-repeat center 240px;} .subTechnology .highspeed .skill_tab li a .num {display:inline-block;width:35px;height:35px;font-family: "NotoSansCJKsc-Bold";font-size:16px;color:#fff;line-height:36px;background:#00bb6e;border-radius:50%;-webkit-border-radius:50%;} .subTechnology .highspeed .skill_tab li a .tit {font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#fff;margin:10px 0 10px;} .subTechnology .highspeed .skill_tab li a .name {font-family: "NotoSansCJKsc-Bold";font-size:16px;color:#00e085;} .subTechnology .highspeed .wrap_skill {background:#f7f7f7;} .subTechnology .highspeed .wrap_skill .anchor_point {position:relative;left:0;top:-150px;display:block;} .subTechnology .highspeed .wrap_skill .wrapCon {text-align:center;padding:100px 0;border-bottom:1px solid #e6e6e6;} .subTechnology .highspeed .wrap_skill .wrapCon.fourth {border-bottom:0;} .subTechnology .highspeed .wrap_skill .wrapCon .num {display:inline-block;width:44px;height:44px;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#fff;line-height:45px;background:#333;border-radius:50%;-webkit-border-radius:50%;margin-bottom:20px;} .subTechnology .highspeed .wrap_skill .wrapCon .tit {text-align:center;} .subTechnology .highspeed .wrap_skill .wrapCon .name {font-family: "NotoSansCJKsc-Regular";font-size:28px;color:#008850;margin:5px 0 25px;} .subTechnology .highspeed .wrap_skill .wrapCon ul {margin-top:40px;text-align:center;} .subTechnology .highspeed .wrap_skill .wrapCon ul li {display:inline-block;width:313px;height:313px;border-radius:50%;-webkit-border-radius:50%;margin-right:20px;padding-top:185px;vertical-align:top;} .subTechnology .highspeed .wrap_skill .wrapCon ul li:last-child {margin-right:0;} .subTechnology .highspeed .wrap_skill .wrapCon ul li .txt1 {font-family: "NotoSansCJKsc-Bold";font-size:26px;color:#333;} .subTechnology .highspeed .wrap_skill .wrapCon ul li .txt2 {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;margin-top:5px;} .subTechnology .highspeed .wrap_skill .wrapCon.first ul li:nth-child(1) {background:#fff url('/public/static/portal/images/technology/speed_icon01.png') no-repeat center 75px;} .subTechnology .highspeed .wrap_skill .wrapCon.first ul li:nth-child(2) {background:#fff url('/public/static/portal/images/technology/speed_icon02.png') no-repeat center 68px;} .subTechnology .highspeed .wrap_skill .wrapCon.first ul li:nth-child(3) {background:#fff url('/public/static/portal/images/technology/speed_icon03.png') no-repeat center 80px;} .subTechnology .highspeed .wrap_skill .wrapCon.second ul li:nth-child(1) {background:#fff url('/public/static/portal/images/technology/speed_icon04.png') no-repeat center 85px;} .subTechnology .highspeed .wrap_skill .wrapCon.second ul li:nth-child(2) {background:#fff url('/public/static/portal/images/technology/speed_icon05.png') no-repeat center 80px;} .subTechnology .highspeed .wrap_skill .wrapCon.second ul li:nth-child(3) {background:#fff url('/public/static/portal/images/technology/speed_icon06.png') no-repeat center 70px;} .subTechnology .highspeed .wrap_skill .wrapCon.third ul li:nth-child(1) {background:#fff url('/public/static/portal/images/technology/speed_icon07.png') no-repeat center 68px;} .subTechnology .highspeed .wrap_skill .wrapCon.third ul li:nth-child(2) {background:#fff url('/public/static/portal/images/technology/speed_icon08.png') no-repeat center 68px;} .subTechnology .highspeed .wrap_skill .wrapCon.third ul li:nth-child(3) {background:#fff url('/public/static/portal/images/technology/speed_icon09.png') no-repeat center 68px;} .subTechnology .highspeed .wrap_skill .wrapCon.fourth ul li:nth-child(1) {background:#fff url('/public/static/portal/images/technology/speed_icon10.png') no-repeat center 68px;} .subTechnology .highspeed .wrap_skill .wrapCon.fourth ul li:nth-child(2) {background:#fff url('/public/static/portal/images/technology/speed_icon11.png') no-repeat center 80px;} /* 더블데크 엘레베이터 */ .subTechnology .doubledeck .conTop .bg_tit {background:url('/public/static/portal/images/technology/double_img1.jpg') no-repeat center;} .subTechnology .doubledeck .detail {position:relative;height:705px;background:url('/public/static/portal/images/technology/double_img2.jpg') no-repeat top center;margin-bottom:100px;} .subTechnology .doubledeck .detail li {position:absolute;} .subTechnology .doubledeck .detail li:nth-child(1) {left:0;top:80px;text-align:left;width:320px;padding-left: 60px;} .subTechnology .doubledeck .detail li:nth-child(2) {left:845px;top:188px;} .subTechnology .doubledeck .detail li:nth-child(3) {left:0;top:360px;text-align:left;width:320px;padding-left: 60px;} .subTechnology .doubledeck .detail li .keyword {font-family: "NotoSansCJKsc-Regular";font-size:28px;color:#008850;margin-bottom:5px;} .subTechnology .doubledeck .detail li .tit {margin-bottom:10px;letter-spacing:0.4px;} .subTechnology .doubledeck .detail li .desc {letter-spacing:0.2px;} .subTechnology .doubledeck .detail li .common_cmt_1 {display:inline-block;margin-top:10px;} .subTechnology .doubledeck .operation_type {text-align:center;background:#f7f7f7;padding:100px 0;} .subTechnology .doubledeck .operation_type .tit {margin-bottom:10px;text-align:center;} .subTechnology .doubledeck .operation_type ul {margin-top:80px;} .subTechnology .doubledeck .operation_type ul li {display:inline-block;width:364px;padding-top:365px;vertical-align:top;} .subTechnology .doubledeck .operation_type ul li:nth-child(1) {background:url('/public/static/portal/images/technology/double_img3.png') no-repeat top center;} .subTechnology .doubledeck .operation_type ul li:nth-child(2) {background:url('/public/static/portal/images/technology/double_img4.png') no-repeat top center;} .subTechnology .doubledeck .operation_type ul li:nth-child(3) {background:url('/public/static/portal/images/technology/double_img5.png') no-repeat top center;} .subTechnology .doubledeck .operation_type ul li .mode {color:#008850;margin-bottom:10px;} .subTechnology .doubledeck .shortcut_uplus {height:770px;text-align:center;padding-top:100px;background:url('/public/static/portal/images/technology/double_img6.jpg') no-repeat bottom center;} .subTechnology .doubledeck .shortcut_uplus .txt:after {content:"";position:relative;display:block;width:2px;height:40px;background:#008850;margin:25px auto 0;} .subTechnology .doubledeck .shortcut_uplus .txt .year {display:block;font-family: "NotoSansCJKsc-Light";font-size:60px;color:#008850;margin-bottom:5px;} .subTechnology .doubledeck .shortcut_uplus .txt .tit {display:block;font-family: "NotoSansCJKsc-Bold";font-size:40px;color:#333;margin-bottom:15px;} .subTechnology .doubledeck .shortcut_uplus a {margin-top:30px;} /* 점프 엘리베이터 */ .subTechnology .jump .conTop .bg_tit {background:url('/public/static/portal/images/technology/jump_img1.jpg') no-repeat center;} .subTechnology .jump .effect {background:#f7f7f7;padding:100px 0 75px;} .subTechnology .jump .effect .tit {margin-bottom:40px;} .subTechnology .jump .effect .wrap .box {position:relative;float:left;width:587px;height:auto;border:1px solid #e6e6e6;background:#fff;margin:0 26px 26px 0;padding:50px 45px 0;} .subTechnology .jump .effect .wrap .box:nth-child(2n) {margin-right:0;} .subTechnology .jump .effect .wrap .box:nth-child(5) {width:100%;height:340px;} .subTechnology .jump .effect .wrap .box .con {height:295px;padding-top:40px;} .subTechnology .jump .effect .wrap .box .num_tit {margin-bottom:15px;} .subTechnology .jump .effect .wrap .box .list_type3 {display:block;margin-bottom:5px;} .subTechnology .jump .effect .wrap .box .notes {position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;padding-left:50px;border-top:1px solid #e6e6e6;} .subTechnology .jump .effect .wrap .box .notes .ic {display:inline-block;font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#666;margin-right:20px;padding-left:45px;background-repeat:no-repeat;background-position:left center;} .subTechnology .jump .effect .wrap .box .notes .ic.gn {background-image:url('/public/static/portal/images/technology/jump_icon_gn.png');} .subTechnology .jump .effect .wrap .box .notes .ic.bl {background-image:url('/public/static/portal/images/technology/jump_icon_bl.png');} .subTechnology .jump .effect .wrap .box .notes .ic.yl {background-image:url('/public/static/portal/images/technology/jump_icon_yl.png');} .subTechnology .jump .effect .wrap .box .notes .common_cmt_1 {display:block;margin-bottom:5px;} .subTechnology .jump .effect .wrap .box:nth-child(5) .notes {height:95px;padding-top:25px;} /* 행선층 예약시스템 */ .subTechnology .destination .conTop .bg_tit {background:url('/public/static/portal/images/technology/destination_img1.jpg') no-repeat center;} .subTechnology .destination .info {text-align:center;border-bottom:1px solid #e6e6e6;padding-bottom:100px;} .subTechnology .destination .info .common_cmt_1 {display:inline-block;margin-top:15px;} .subTechnology .destination .info ol {background:url('/public/static/portal/images/technology/destination_img2.jpg') no-repeat top center;margin-top:80px;} .subTechnology .destination .info ol li {display:inline-block;width:427px;font-family: "NotoSansCJKsc-Regular";font-size:22px;color:#333;padding-top:680px;vertical-align:middle;} .subTechnology .destination .info ol li span {display:inline-block;width:29px;height:29px;font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#fff;line-height:30px;background:#008850;border-radius:50%;-webkit-border-radius:50%;margin:0 10px 3px 0;vertical-align:middle;} .subTechnology .destination .merit {padding-top:80px;} .subTechnology .destination .merit .tit {margin-bottom:40px;} .subTechnology .destination .merit .wrap .num_tit {margin-bottom:15px;} .subTechnology .destination .merit .wrap .list_type4 li {line-height:24px;margin-bottom:7px;} .subTechnology .destination .merit .group_1 {border-top:2px solid #333;margin-bottom:70px;} .subTechnology .destination .merit .group_1 .wrap:first-child {height:410px;border-bottom:1px solid #e6e6e6;background:url('/public/static/portal/images/technology/destination_img3.jpg') no-repeat right center;} .subTechnology .destination .merit .group_1 .wrap:last-child {height:450px;background:url('/public/static/portal/images/technology/destination_img4.jpg') no-repeat right bottom;} .subTechnology .destination .merit .bg_gray {background:#f7f7f7;padding:70px 0 100px;} .subTechnology .destination .merit .group_2 .wrap {height:402px;} .subTechnology .destination .merit .group_2 .wrap:first-child {background:url('/public/static/portal/images/technology/destination_img5.jpg') no-repeat right center;margin-bottom:70px;} .subTechnology .destination .merit .group_2 .wrap:last-child {padding-left:845px;background:url('/public/static/portal/images/technology/destination_img6.jpg') no-repeat left center;} .subTechnology .destination .merit .group_2 .wrap:last-child ul {padding-bottom:140px;background:url('/public/static/portal/images/technology/destination_img7.jpg') no-repeat left bottom;} /* 인공지능 군관리시스템 */ .subTechnology .aiGroup .conTop .bg_tit {background:url('/public/static/portal/images/technology/ai_img1.jpg') no-repeat center;} .subTechnology .aiGroup .info {text-align:center;padding-bottom:300px;background:url('/public/static/portal/images/technology/ai_img2.jpg') no-repeat center bottom;margin-bottom:100px;} .subTechnology .aiGroup .info .common_cmt_1 {display:inline-block;margin-top:15px;} .subTechnology .aiGroup .merit {background:#f7f7f7;padding:100px 0;} .subTechnology .aiGroup .merit .tit {text-align:center;padding-bottom:60px;} .subTechnology .aiGroup .merit ul {position:relative;height:750px;background:url('/public/static/portal/images/technology/ai_img3.png') no-repeat top center;} .subTechnology .aiGroup .merit ul li {position:absolute;width:350px;} .subTechnology .aiGroup .merit ul li:nth-child(1) {left:880px;top:105px;} .subTechnology .aiGroup .merit ul li:nth-child(2) {left:0;top:205px;} .subTechnology .aiGroup .merit ul li:nth-child(3) {left:880px;top:480px;} .subTechnology .aiGroup .merit ul li .desc {margin-top:10px;} /* 전력회생형 인버터 */ .subTechnology .lowatt .conTop .bg_tit {background:url('/public/static/portal/images/technology/lowatt_img1.jpg') no-repeat center;} .subTechnology .lowatt .info {width:968px;height:585px;margin:0 auto 70px;background:url('/public/static/portal/images/technology/lowatt_img2.jpg') no-repeat right top;padding-top:140px;} .subTechnology .lowatt .info .tit {margin-bottom:10px;} .subTechnology .lowatt .info .desc1 {margin-bottom:30px;} .subTechnology .lowatt .info .s_tit {margin-bottom:15px;} .subTechnology .lowatt .effect {text-align:center;background:#f7f7f7;padding:100px 0;} .subTechnology .lowatt .effect:before {content:"";display:inline-block;width:281px;height:26px;background:url('/public/static/portal/images/technology/lowatt_img3.png') no-repeat 0 0;} .subTechnology .lowatt .effect .tit {display:inline-block;padding:0 60px;margin:30px 0 25px;background:url('/public/static/portal/images/technology/icon_quotation_s.png') no-repeat left center, url('/public/static/portal/images/technology/icon_quotation_e.png') no-repeat right top;} .subTechnology .lowatt .effect ul {position:relative;height:716px;margin-top:40px;background:url('/public/static/portal/images/technology/lowatt_img4.png') no-repeat top center;} .subTechnology .lowatt .effect ul li {position:absolute;width:203px;height:203px;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#fff;padding-top:130px;} .subTechnology .lowatt .effect ul li:nth-child(1) {left:185px;top:106px;} .subTechnology .lowatt .effect ul li:nth-child(2) {left:815px;top:106px;} .subTechnology .lowatt .effect ul li:nth-child(3) {left:185px;top:405px;} .subTechnology .lowatt .effect ul li:nth-child(4) {left:815px;top:405px;} .subTechnology .lowatt .merit {padding:100px 0 75px;} .subTechnology .lowatt .merit .tit {margin-bottom:40px;} .subTechnology .lowatt .merit ul li {border:1px solid #e6e6e6;margin:0 0 26px 0;} .subTechnology .lowatt .merit ul li .desc {line-height:24px;} .subTechnology .lowatt .merit ul li.row {position:relative;width:100%;height:430px;padding:45px 40px;} .subTechnology .lowatt .merit ul li.row img {position:absolute;right:40px;top:45px;} .subTechnology .lowatt .merit ul li.row .desc2 em {display:inline-block;font-family: "NotoSansCJKsc-Bold";color:#333;line-height:20px;margin-top:20px;} .subTechnology .lowatt .merit ul li.col {float:left;width:587px;height:525px;padding:45px 40px 0 40px;} .subTechnology .lowatt .merit ul li:last-child {float:right;} .subTechnology .lowatt .merit ul li.col .desc {height:100px;} .subTechnology .lowatt .merit ul li.col img {margin-top:20px;} .subTechnology .lowatt .merit ul li .num_tit {margin-bottom:10px;} .subTechnology .lowatt .merit ul li .emphasis {color:#008850;margin-top:20px;} .subTechnology .lowatt .cert {height:510px;padding-top:100px;background:url('/public/static/portal/images/technology/lowatt_img10.jpg') no-repeat center top;background-size:cover;} .subTechnology .lowatt .cert .b_tit {font-family: "NotoSansCJKsc-Regular";font-size:70px;color:#008850;text-align:center;} .subTechnology .lowatt .cert .b_tit:after {content:"";display:block;width:1px;height:30px;background:#008850;margin:30px auto;} .subTechnology .lowatt .cert .wrap {width:100%;padding-left:270px;background:url('/public/static/portal/images/technology/lowatt_img9.png') no-repeat 60px center;} .subTechnology .lowatt .cert .wrap .tit {padding-top:10px;margin-bottom:10px;} /* 스마트 기술 */ .subTechnology .smart .conTop .bg_tit {background:url('/public/static/portal/images/technology/smart_img1.jpg') no-repeat center;} .subTechnology .smart .wrap_tech {margin-bottom:100px;} .subTechnology .smart .wrap_tech .tit {margin-bottom:35px;} .subTechnology .smart .wrap_tech ul {border-top:2px solid #333;} .subTechnology .smart .wrap_tech ul li.vStnd {height:380px;padding:40px 0 40px 620px;border-bottom:1px solid #e6e6e6;} .subTechnology .smart .wrap_tech ul li.video {height:420px;padding:40px 0 40px 0px;border-bottom:1px solid #e6e6e6;} /*.subTechnology .smart .wrap_tech ul li {height:380px;padding:40px 0 40px 620px;border-bottom:1px solid #e6e6e6;}*/ /*.subTechnology .smart .wrap_tech.func ul li:nth-child(1) {background:url('/public/static/portal/images/technology/smart_img2.jpg') no-repeat left center;}*/ /*.subTechnology .smart .wrap_tech.func ul li:nth-child(2) {background:url('/public/static/portal/images/technology/smart_img3.jpg') no-repeat left center;}*/ /*.subTechnology .smart .wrap_tech.func ul li:nth-child(3) {background:url('/public/static/portal/images/technology/smart_img4.jpg') no-repeat left center;}*/ /*.subTechnology .smart .wrap_tech.func ul li:nth-child(4) {background:url('/public/static/portal/images/technology/smart_img6.jpg') no-repeat left center;}*/ .subTechnology .smart .wrap_tech.design ul li:nth-child(1) {background:url('/public/static/portal/images/technology/smart_img7.jpg') no-repeat left center;} .subTechnology .smart .wrap_tech.design ul li:nth-child(2) {background:url('/public/static/portal/images/technology/smart_img8.jpg') no-repeat left center;} .subTechnology .smart .wrap_tech.security ul li:nth-child(1) {background:url('/public/static/portal/images/technology/smart_img9.jpg') no-repeat left center;} .subTechnology .smart .wrap_tech.security ul li:nth-child(2) {background:url('/public/static/portal/images/technology/smart_img10.jpg') no-repeat left center;} .subTechnology .smart .wrap_tech.security ul li:nth-child(3) {background:url('/public/static/portal/images/technology/smart_img11.jpg') no-repeat left center;} .subTechnology .smart .wrap_tech ul li .func_name {color:#333;} .subTechnology .smart .wrap_tech ul li .func_name:after {content:"";display:block;width:36px;height:2px;background:#008850;margin:25px 0 25px;} .subTechnology .smart .wrap_tech ul li .emphasis {color:#008850;margin-bottom:10px;} .subTechnology .smart .parking {height:571px;padding-top:135px;background:url('/public/static/portal/images/technology/smart_img13.jpg') no-repeat top center;} .subTechnology .smart .parking .tit {margin-bottom:30px;} .subTechnology .smart .parking .emphasis {color:#333;margin-bottom:10px;} .subTechnology .smart .parking .emphasis span {font-family:inherit;color:#008850;} .subTechnology .smart .parking .desc {padding-bottom:115px;background:url('/public/static/portal/images/technology/smart_img12.jpg') no-repeat left bottom;} /* R&D */ .subTechnology .rnd .conTop .bg_tit {background:url('/public/static/portal/images/technology/rnd_img1.jpg') no-repeat center;} .subTechnology .rnd .direction {background:#f7f7f7;padding:50px 0;} .subTechnology .rnd .direction .tit {margin-bottom:35px;} .subTechnology .rnd .direction ol {height:696px;text-align:center;background:url('/public/static/portal/images/technology/rnd_img2.png') no-repeat top center;padding-top:45px;} .subTechnology .rnd .direction ol > li {display:inline-block;width:305px;margin:0 6px;vertical-align:top;} .subTechnology .rnd .direction ol > li .circle {display:inline-block;width:229px;height:229px;padding-top:96px;} .subTechnology .rnd .direction ol > li .circle .step {display:inline-block;width:38px;height:38px;font-family: "NotoSansCJKsc-Bold";font-size:16px;color:#fff;line-height:40px;margin-bottom:10px;} .subTechnology .rnd .direction ol > li .circle .s_tit {color:#fff;} .subTechnology .rnd .direction ol > li ul {margin-top:70px;padding:45px 0 0 30px;} .subTechnology .rnd .direction ol > li ul li {position:relative;text-align:left;padding-left:13px;margin-bottom:25px;} .subTechnology .rnd .direction ol > li ul li .txt2{padding-right:15px;text-align: justify;text-justify: inter-ideograph;letter-spacing: 0;word-wrap: break-word;word-break: normal;} .subTechnology .rnd .direction ol > li ul li:before {content:"";position:absolute;left:0;top:5px;display:inline-block;width:4px;height:4px;background:#999;} .subTechnology .rnd .direction ol > li ul li .txt1 {line-height:23px;} .subTechnology .rnd .direction ol > li ul li .txt1 sup {position:relative;top:-5px;display:inline-block;margin-right:2px;} .subTechnology .rnd .direction .cae_box {width:947px;line-height:20px;border:1px solid #e6e6e6;padding:35px 0 35px 50px;margin:30px auto 0;} .subTechnology .rnd .direction .cae_box em {display:block;font-family: "NotoSansCJKsc-Bold";} .subTechnology .rnd .perfomance {padding-top:50px;} .subTechnology .rnd .perfomance .tit {margin-bottom:40px;} .subTechnology .rnd .perfomance ul {margin-bottom:20px;} .subTechnology .rnd .perfomance ul li {position:relative;padding-bottom:165px;} .subTechnology .rnd .perfomance ul li.left .img {text-align:left;} .subTechnology .rnd .perfomance ul li.right .img {text-align:right;} .subTechnology .rnd .perfomance ul li .img img {display:inline-block;vertical-align:top;} .subTechnology .rnd .perfomance ul li .con {position:absolute;left:620px;top:140px;width:413px;height:305px;background:#fff;padding:45px 15px 0 45px;box-shadow:0 15px 70px rgba(0,0,0,0.25);-webkit-box-shadow:0 15px 70px rgba(0,0,0,0.25);} .subTechnology .rnd .perfomance ul li .con .wrap {position:relative;} .subTechnology .rnd .perfomance ul li .con.iot_smart {top:180px;height:280px;} .subTechnology .rnd .perfomance ul li.right .con {left:205px;} .subTechnology .rnd .perfomance ul li .con .name {line-height:34px;margin-bottom:10px;} /*.subTechnology .rnd .perfomance ul li .con .name:after {content:"";display:block;width:36px;height:1px;background:#008850;margin:15px 0 20px;}*/ .subTechnology .rnd .perfomance ul li .con .desc {margin-bottom:35px;} .subTechnology .rnd .perfomance ul li .con .btn_shortcut_5 {position:absolute;left:45px;bottom:45px;} /* 현대아산타워 */ .subTechnology .asantower .conTop .bg_tit {background:url('/public/static/portal/images/technology/asantower_img1.jpg') no-repeat center;} .subTechnology .asantower .elevator .tit {margin-bottom:40px;} .subTechnology .asantower .elevator ul li {float:left;width:370px;margin-right:45px;} .subTechnology .asantower .elevator ul li:last-child {margin-right:0;} .subTechnology .asantower .elevator ul li .con {height:180px;text-align:center;border:1px solid #e6e6e6;border-top:0;} .subTechnology .asantower .elevator ul li .con:before {content:"";position:relative;display:block;width:2px;height:40px;background:#008850;margin:-20px auto 20px;} .subTechnology .asantower .elevator ul li .con .name {margin-bottom:10px;} .subTechnology .asantower .facility {padding-top:100px;margin-bottom:100px;} .subTechnology .asantower .facility .tit {margin-bottom:35px;} .subTechnology .asantower .facility .tab_type1 li {width:50%;} .subTechnology .asantower .facility .wrap_tc {border:1px solid #e6e6e6;border-top:0;} .subTechnology .asantower .facility .wrap_tc .tc {display:none;} .subTechnology .asantower .facility .wrap_tc .tc1 {display:block;} .subTechnology .asantower .facility .wrap_tc .list {padding:0 40px;} .subTechnology .asantower .facility .wrap_tc .list li {height:260px;border-bottom:1px solid #e6e6e6;padding-left:480px;} .subTechnology .asantower .facility .wrap_tc .list li:last-child {border-bottom:0;} .subTechnology .asantower .facility .wrap_tc .list li .name {margin-bottom:10px;} .subTechnology .asantower .facility .wrap_tc .tc1 .list li:nth-child(1) {background:url('/public/static/portal/images/technology/asantower_img5.jpg') no-repeat left center;} .subTechnology .asantower .facility .wrap_tc .tc1 .list li:nth-child(2) {background:url('/public/static/portal/images/technology/asantower_img6.jpg') no-repeat left center;} .subTechnology .asantower .facility .wrap_tc .tc1 .list li:nth-child(3) {background:url('/public/static/portal/images/technology/asantower_img7.jpg') no-repeat left center;} .subTechnology .asantower .facility .wrap_tc .tc1 .list li:nth-child(4) {background:url('/public/static/portal/images/technology/asantower_img8.jpg') no-repeat left center;} .subTechnology .asantower .facility .wrap_tc .tc1 .list li:nth-child(5) {background:url('/public/static/portal/images/technology/asantower_img9.jpg') no-repeat left center;} .subTechnology .asantower .facility .wrap_tc .tc2 .list li:nth-child(1) {background:url('/public/static/portal/images/technology/asantower_img10.jpg') no-repeat left center;} .subTechnology .asantower .facility .wrap_tc .tc2 .list li:nth-child(2) {background:url('/public/static/portal/images/technology/asantower_img11.jpg') no-repeat left center;} .subTechnology .asantower .info {background:#f7f7f7;padding:100px 0;} .subTechnology .asantower .info .wrap {position:relative;} .subTechnology .asantower .info .wrap .img img {display:inline-block;vertical-align:top;} .subTechnology .asantower .info .wrap .con {position:absolute;width:480px;height:auto;background:#fff;padding:50px 55px;box-shadow:0 15px 70px rgba(0,0,0,0.25);-webkit-box-shadow:0 15px 70px rgba(0,0,0,0.25);} .subTechnology .asantower .info .wrap .con .tit {margin-bottom:10px;letter-spacing:0px;} .subTechnology .asantower .info .wrap .con .tit>em {color:#008850;letter-spacing:-0.5px;} .subTechnology .asantower .info .wrap .con .desc {letter-spacing:00px;} .subTechnology .asantower .info .wrap.left {margin-bottom:175px;} .subTechnology .asantower .info .wrap.left .img {text-align:left;} .subTechnology .asantower .info .wrap.left .con {width:550px;right:0;top:70px;} .subTechnology .asantower .info .wrap.right .img {text-align:right;} /*.subTechnology .asantower .info .wrap.right .tit {text-align:right;}*/ .subTechnology .asantower .info .wrap.right .con {width:500px;left:0;top:45px;height: 300px;} .subTechnology .asantower .shortcut_area {height:300px;text-align:center;margin:100px 0;padding-top:100px;background:url('/public/static/portal/images/technology/asantower_img14.jpg') no-repeat center;} .subTechnology .asantower .shortcut_area .txt {color:#fff;margin-bottom:20px;} /********** 고객지원 **********/ .visWrap_sub.customer {background:url(/public/static/portal/images/customer/top_visual.jpg) no-repeat center;} .subCustomer .cmt_box {width:100%;height:auto;background:#fff;border:1px solid #e6e6e6;padding:50px 100px;} .subCustomer .customFinish {text-align:center;padding:255px 0 100px 0;background:url(../images/common/icon_done.png) no-repeat center 95px;border-top:2px solid #333;border-bottom:1px solid #333;} .subCustomer .customFinish.email {background:url(../images/common/icon_done_2.png) no-repeat center 95px;} .subCustomer .customFinish .FS_n30 {margin-bottom:25px;} .subCustomer .customFinish .FS_b30 {color:#008850;} .subCustomer .customFinish .FS_n16 {margin-bottom:40px;} .subCustomer table .field_item {margin-bottom:10px;} .subCustomer table .field_item:last-child {margin-bottom:0;} .subCustomer table .field_item.colum2 {width:100%;} .subCustomer table .field_item.colum2 .item {width:50%;float:left;} .subCustomer table .field_item.colum2 .item .field {display:inline-block;width:90px;} /* 고객문의 메인 */ .subCustomer .qna.main {padding-bottom:120px;} .subCustomer .qna.main .email_inquiry {width:1200px;height:460px;padding-top:70px;background:url(/public/static/portal/images/customer/bnr_bg1.jpg) no-repeat;} .subCustomer .qna.main .email_inquiry .box {text-align:center;} .subCustomer .qna.main .email_inquiry .box + .box:before {content:"";display:block;width:622px;height:1px;background:rgba(255,255,255,0.2);margin:40px auto;} .subCustomer .qna.main .email_inquiry .txt1 {color:#fff;} .subCustomer .qna.main .email_inquiry .txt2 {display:inline-block;color:#fff;margin-top:15px;} .subCustomer .qna.main .email_inquiry .btn_wrap {margin-top:15px;} /* 문의하기 */ .subCustomer .inquiry {padding-bottom:120px;} .subCustomer .inquiry .tab_type1 ul li {width:50%;} .subCustomer .inquiry .bgwrap {background:#fff;border:1px solid #e6e6e6;padding:60px 100px 100px 100px;} .subCustomer .inquiry .table_top {text-align:right;margin-bottom:20px;} .subCustomer .inquiry .table_top_text {} .subCustomer .inquiry .table_top_text em {color:#008850;} .subCustomer .inquiry .tableWrap2 {margin-bottom:80px;} .subCustomer .inquiry table .radio_group1 {margin-bottom:10px;position:relative;} .subCustomer .inquiry table .radio_group1:last-child {margin-bottom:0;} .subCustomer .inquiry table .radio_group1 .radio_ui {margin-right:35px;} .subCustomer .inquiry table .radio_group1 .radio_ui:last-child {margin-right:0;} .subCustomer .inquiry table .inquiry_tit {margin-bottom:13px;} .subCustomer .inquiry table tr td .line {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;} .subCustomer .inquiry table .colum_2 .colum:first-child {float:left;width:489px;} .subCustomer .inquiry table .colum_2 .colum:last-child {float:right;width:240px;} .subCustomer .inquiry table .colum_2_2 .colum:first-child {float:left;width:240px;} .subCustomer .inquiry table .colum_2_2 .colum:last-child {float:right;width:489px;} .subCustomer .inquiry table .colum_3 {margin-bottom:10px;} .subCustomer .inquiry table .colum_3:last-child {margin-bottom:0;} .subCustomer .inquiry table .colum_3 .colum {float:left;width:240px;} .subCustomer .inquiry table .colum_3 .colum:nth-child(2) {margin-left:9px;} .subCustomer .inquiry table .colum_3 .colum:nth-child(3) {float:right;} .subCustomer .inquiry table .check_group1 {padding-top:15px;} .subCustomer .inquiry table .check_group1 .checkbox_ui {margin-right:40px;} .subCustomer .inquiry table .region {position:relative;} .subCustomer .inquiry table .nec {position:absolute;left:18px;top:17px;display:block;width:14px;height:10px;text-indent:-9999px;background:url(../images/common/icon_check_1.png) no-repeat;} .subCustomer .inquiry table .nec + input {padding-left:38px;} .subCustomer .inquiry table .nec + .select_ui1 {padding-left:38px;} .subCustomer .inquiry table .post_num {width:343px;} .subCustomer .inquiry table .btn_type3 {margin-left:-3px;} .subCustomer .inquiry table .phone_num select {width:159px;margin-right:-4px;} .subCustomer .inquiry table .phone_num input {width:330px;} .subCustomer .inquiry table .email {width:100%;height:46px;border:1px solid #e6e6e6;position:relative;} .subCustomer .inquiry table .email input {width:230px;height:44px;position:absolute;top:0;border:0;} .subCustomer .inquiry table .email input.e_id {left:0;} .subCustomer .inquiry table .email input.e_addr {right:0;} .subCustomer .inquiry table .email .at {position:absolute;left:236px;top:14px;} .subCustomer .inquiry table textarea {height:100px;} .subCustomer .inquiry table .common_cmt_1 {margin-top:10px;} .subCustomer .inquiry .agreement {margin-bottom:60px;} .subCustomer .inquiry .agreement .tit {margin-bottom:30px;} .subCustomer .inquiry .agreement .article {margin-top:-1px;} .subCustomer .inquiry .agreement .article.check_all {margin-bottom:20px;} .subCustomer .inquiry .agreement .article .top {background:#f7f7f7;border:1px solid #e6e6e6;padding:30px 40px;position:relative;} .subCustomer .inquiry .agreement .article .top .toggle {display:block;width:78px;height:78px;background:url(../images/common/arrow_07.png) no-repeat center;position:absolute;right:15px;top:0;cursor:pointer;} .subCustomer .inquiry .agreement .article .top .toggle.on {background:url(../images/common/arrow_08.png) no-repeat center;} .subCustomer .inquiry .agreement .article .top label {font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#333;} .subCustomer .inquiry .agreement .article .agree_con {display:none;height:220px;padding:40px;line-height:22px;border:1px solid #e6e6e6;border-top:0;overflow:auto;} .subCustomer .inquiry .agreement .article .agree_con p {font-family: "NotoSansCJKsc-Regular";font-size:16px;color:#666;margin-bottom:10px;} .subCustomer .inquiry .agreement .article .agree_con p.s_tit {font-family: "NotoSansCJKsc-Bold";color:#333;} .subCustomer .inquiry .agreement .article .agree_con table {margin-bottom:20px;} .subCustomer .inquiry .agreement .article .agree_con table thead tr th, .subCustomer .inquiry .agreement .article .agree_con table tbody tr td {font-size:16px;margin-bottom:20px;} .subCustomer .inquiry .agreement .article .alert_msg {margin-bottom:10px;} /* 제보자보호원칙 */ .popLayer.informer {width:1080px;} .popLayer.informer .article1 {color:#333;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e6e6e6;} .popLayer.informer .article2 {padding-bottom:25px;margin-bottom:25px;} .popLayer.informer .article2 .grayBox {padding:40px 0 40px 50px;background:#f7f7f7;margin-bottom:20px;} .popLayer.informer .article2 .grayBox .colum1 {margin-bottom:10px;} .popLayer.informer .article2 .grayBox .colum2 {} .popLayer.informer .article2 .list {margin-bottom:20px;} .popLayer.informer .article2 .list .txt1 {line-height:20px;} .popLayer.informer .article2 .list .txt2 {line-height:20px;margin-top:10px;} .popLayer.informer .article2 .list:last-child {margin-bottom:0;} /* 자주묻는질문 */ .subCustomer .faq {padding-bottom:120px;} .subCustomer .faq .tab_type1 {margin-bottom:80px;} .subCustomer .faq .tab_type1 li {width:14%;} .subCustomer .faq .tab_type1 li:first-child {width:16%;} .subCustomer .faq .common_search {text-align:center;margin-bottom:80px;} .subCustomer .faq .common_search .input_wrap {width:500px;} .subCustomer .faq .list {border-top:2px solid #333;border-bottom:1px solid #333;margin-bottom:60px;} .subCustomer .faq .list ul li {border-top:1px solid #e6e6e6;} .subCustomer .faq .list ul li:first-child {border-top:0;} .subCustomer .faq .list .subject {position:relative;cursor:pointer;} .subCustomer .faq .list .subject .q {float:left;width:60px;text-align:right;padding-top:25px;} .subCustomer .faq .list .subject .cat {float:left;width:130px;text-align:center;padding:30px 10px;} .subCustomer .faq .list .subject .tit {float:left;width:1010px;line-height:22px;padding:30px 90px 30px 0;} .subCustomer .faq .list .subject .tit:after {content:"";display:block;width:23px;height:13px;background:url(../images/common/arrow_07.png) no-repeat;position:absolute;right:40px;top:34px;} .subCustomer .faq .list .subject.on .cat {color:#008850;} .subCustomer .faq .list .subject.on .tit {color:#008850;} .subCustomer .faq .list .subject.on .tit:after {background:url(../images/common/arrow_12.png) no-repeat;} .subCustomer .faq .list .con {display:none;background:#f7f7f7;padding:45px 90px 45px 190px; border-top:1px solid #008850;border-bottom:1px solid #008850;} .subCustomer .faq .list ul li.no_data {padding:250px 0 100px 0;text-align:center;background:url(../images/common/icon_nodata_1.png) no-repeat center 90px;} /* 공지사항 */ .subCustomer .notice .common_search {text-align:center;margin-bottom:80px;} .subCustomer .notice .common_search .sel_wrap {display:inline-block;width:135px;height:50px;margin-right:-5px;} .subCustomer .notice .common_search .sel_wrap .select_ui1 {height:50px;} .subCustomer .notice .common_search .input_wrap {width:500px;} .subCustomer .notice .list {margin-bottom:40px;} .subCustomer .notice .list ul li {float:left;width:384px;height:258px;margin:0 24px 24px 0;} .subCustomer .notice .list ul li:nth-child(3n) {margin-right:0;} .subCustomer .notice .list ul li a {display:block;width:100%;height:100%;border:1px solid #e6e6e6;background:#fff url(../images/common/arrow_06.png) no-repeat 50px 200px;padding:50px;} .subCustomer .notice .list ul li a .date {position:relative;} .subCustomer .notice .list ul li a .date:after {display:block;content:"";width:24px;height:2px;background:#ddd;margin:10px 0 15px 0;} .subCustomer .notice .list ul li a .date .file {display:block;width:16px;height:14px;background:url(../images/common/icon_file_1.png) no-repeat;position:absolute;right:0px;top:0px;} .subCustomer .notice .list ul li a .tit {font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#008850;line-height:26px;} .subCustomer .notice .list ul li a:hover {border:1px solid #008850;background:#008850 url(../images/common/arrow_13.png) no-repeat 50px 200px;} .subCustomer .notice .list ul li a:hover .date {color:#fff;} .subCustomer .notice .list ul li a:hover .date:after {background:#fff;opacity:0.7;} .subCustomer .notice .list ul li a:hover .date .file {background:url(../images/common/icon_file_2.png) no-repeat;} .subCustomer .notice .list ul li a:hover .tit {color:#fff;} .subCustomer .notice .btn_more_1 {margin-bottom:120px;} .subCustomer .notice .detail {margin-bottom:120px;} .subCustomer .notice .detail .tableWrap2 {margin-bottom:60px;} /* 사이버신문고 */ .subCustomer .cyber {padding-bottom:120px;} .subCustomer .cyber .bgwrap {border-top:1px solid #e6e6e6;} .subCustomer .cyber .cmt_box.protect {margin-bottom:80px;} .subCustomer .cyber .cmt_box.protect .FS_b20 {margin-bottom:5px;} .subCustomer .cyber .cmt_box.protect .FS_n16 {margin-bottom:20px;} .subCustomer .cyber table .regName {margin-bottom:25px;} .subCustomer .cyber table .regName .radio_group1 {margin-bottom:5px;} .subCustomer .cyber .desc {text-align:center;padding:40px 0;} .subCustomer .cyber .desc em {font-family: "NotoSansCJKsc-Bold";color:#008850;} /* 협력업체 제안 */ .subCustomer .cooperator {padding-bottom:120px;} .subCustomer .cooperator .bgwrap.first {border-top:1px solid #e6e6e6;} .subCustomer .cooperator .process {margin-bottom:30px;} .subCustomer .cooperator .process .tit {margin-bottom:35px;} .subCustomer .cooperator .process ol li {float:left;width:323px;height:120px;padding:40px 0 0 150px;margin:0 14px 14px 0;background-color:#f7f7f7;background-repeat:no-repeat;position:relative;} .subCustomer .cooperator .process ol li:nth-child(3n) {margin-right:0;} .subCustomer .cooperator .process ol li:nth-child(1) {background-image:url(/public/static/portal/images/customer/icon_process_1.png);background-position:47px center;} .subCustomer .cooperator .process ol li:nth-child(2) {background-image:url(/public/static/portal/images/customer/icon_process_2.png);background-position:44px center;} .subCustomer .cooperator .process ol li:nth-child(3) {background-image:url(/public/static/portal/images/customer/icon_process_3.png);background-position:45px center;} .subCustomer .cooperator .process ol li:nth-child(4) {background-image:url(/public/static/portal/images/customer/icon_process_4.png);background-position:41px center;} .subCustomer .cooperator .process ol li:nth-child(5) {background-image:url(/public/static/portal/images/customer/icon_process_5.png);background-position:43px center;} .subCustomer .cooperator .process ol li:nth-child(6) {background-image:url(/public/static/portal/images/customer/icon_process_6.png);background-position:41px center;padding-top:28px;} .subCustomer .cooperator .process ol li .txt_wrap:before {content:"";display:block;width:1px;height:60px;background:#e6e6e6;position:absolute;left:120px;top:30px;} .subCustomer .cooperator .process ol li .txt_wrap span {display:inline-block;margin-bottom:3px;} .subCustomer .cooperator .process ol li .txt1, .subCustomer .cooperator .process ol li .txt3 {color:#008850;} .subCustomer .cooperator .process ol li .txt2 {color:#333;} .subCustomer .cooperator .radio_group1.part .btn_shortcut_1 {position:absolute;right:0;top:-13px;} .subCustomer .cooperator .bgwrap.second .info1 {padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;} .subCustomer .cooperator .bgwrap.second .info2 {margin-bottom:10px;} .subCustomer .cooperator .bgwrap.second .info2 ul li {margin-bottom:8px;} .subCustomer .cooperator .bgwrap.second .info2 ul li .FS_b14 {display:inline-block;height:18px;color:#008850;padding-right:30px;margin-right:10px;background:url(../images/common/arrow_18.png) no-repeat right 0;} .subCustomer .cooperator .bgwrap.second .info2 ul li .FS_b14:last-child {background-image:none;padding:0;margin:0;} /* 다운로드 */ .subCustomer .download {padding-bottom:120px;} .subCustomer .download .list_wrap1 {border-top:2px solid #333;} .subCustomer .download .common_search {text-align:center;margin-bottom:80px;} .subCustomer .download .common_search .input_wrap {width:500px;} .subCustomer .download .list_tit {padding-top:80px;margin-bottom:40px;} /*.subCustomer .download .downList li {float:left;width:282px;height:auto;text-align:center;margin-right:24px;margin-bottom:60px;} .subCustomer .download .downList li:nth-child(4n) {margin-right:0;} .subCustomer .download .downList li .thumb {width:282px;height:390px;background-size:cover;background-repeat:no-repeat;background-position:center;margin-bottom:20px;} .subCustomer .download .downList li .tit {height:80px;position:relative;} .subCustomer .download .downList li .tit .FS_b16 {line-height:22px;padding:0 10px;} .subCustomer .download .downList li .tit .vCenter:before {content:"";display:block;width:2px;height:40px;background:#008850;position:absolute;left:0;right:0;top:-40px;margin:auto;}*/ .subCustomer .download .downList li {float:left;width:384px;height:258px;text-align:center;margin:0 24px 24px 0;padding-top:40px;background:#fff;border:1px solid #e6e6e6;} .subCustomer .download .downList li.on {border:1px solid #008850;} .subCustomer .download .downList li:nth-child(3n) {margin-right:0;} .subCustomer .download .downList li .tit {height:80px;position:relative;margin-bottom:35px;} .subCustomer .download .downList li .tit .FS_b16 {color:#008850;line-height:22px;padding:0 30px;} .subCustomer .download .downList li .tit .vCenter:after {content:"";display:block;width:2px;height:20px;background:#008850;position:absolute;left:0;right:0;bottom:-20px;margin:auto;} .subCustomer .download .downList + .btn_more_1 {margin-top:30px;} .subCustomer .download .downList li:hover {background:#008850;border:1px solid #008850;} .subCustomer .download .downList li:hover .tit .FS_b16 {color:#fff;} .subCustomer .download .downList li:hover .tit .vCenter:after {background:#b3dccb;} .subCustomer .download .downList li:hover .btn_type4 {color:#fff;} .subCustomer .download .viewer {width:100%;height:130px;text-align:center;padding-top:40px;margin-top:80px;background:#f7f7f7;border:1px solid #e6e6e6;} .subCustomer .download .viewer .FS_n15 {display:inline-block;margin-right:40px;} .subCustomer .download .result_wrap {padding-top:60px;text-align:center;border-top:1px solid #333;margin-top:20px;} .popLayer.cad_detail {width:1080px;} .popLayer.cad_detail .cad_tit {padding:15px 0 25px 0;position:relative;} .popLayer.cad_detail .cad_tit .btn_type2 {position:absolute;right:0;top:0px;} .popLayer.cad_detail .tableWrap2 {margin-bottom:60px;} .popLayer.cad_detail table td {color:#888;line-height:22px;} .popLayer.cad_detail table img {display:inline;} /* 지점찾기 */ .subCustomer .network {margin-bottom:120px;} .subCustomer .network .bnr {margin-bottom:80px;} .subCustomer .network .bnr ul li {float:left;width:24.8%;height:240px;text-align:center;margin-right:2px;} .subCustomer .network .bnr ul li:last-child {margin-right:0;} .subCustomer .network .bnr ul li.bnr1 {background:url(/public/static/portal/images/customer/network_bg1.jpg) no-repeat;} .subCustomer .network .bnr ul li.bnr2 {background:url(/public/static/portal/images/customer/network_bg2.jpg) no-repeat;} .subCustomer .network .bnr ul li.bnr3 {background:url(/public/static/portal/images/customer/network-replace.png) no-repeat;} .subCustomer .network .bnr ul li.bnr4 {background:url(/public/static/portal/images/customer/network-replace2.png) no-repeat;} .subCustomer .network .bnr ul li .FS_b20 {display:inline-block;color:#fff;margin-bottom:8px;} .subCustomer .network .bnr ul li .FS_n16 {display:inline-block;color:#fff;} .subCustomer .network .bnr ul li .btn_type5 {margin-top:10px;} .subCustomer .network .bnr ul li:hover .btn_type5 {color:#008850;background:#fff;border:1px solid #fff;transition:0.3s;} .subCustomer .network .bnr.overseas ul li {width:598px;} .subCustomer .network .bnr.overseas ul li.bnr1 {background:url(/public/static/portal/images/customer/network_bg5.jpg) no-repeat;} .subCustomer .network .bnr.overseas ul li.bnr2 {background:url(/public/static/portal/images/customer/network_bg4.jpg) no-repeat;} .subCustomer .network .tab_type2 {margin-bottom:80px;} .subCustomer .network .tab_type2 ul li {width:50%;} .subCustomer .network .description {text-align:center;margin-bottom:80px;} .subCustomer .network .description .search_txt {margin-bottom:20px;} .subCustomer .network .description .search_txt em {color:#008850;} .subCustomer .network .description .common_search .sel_wrap {display:inline-block;width:160px;margin-right:-5px;} .subCustomer .network .description .common_search .sel_wrap .select_ui1 {height:50px;} .subCustomer .network .description .common_search .input_wrap {width:500px;} .subCustomer .network .tab_type1 {margin-bottom:60px;} .subCustomer .network .tab_type1.tab9 ul li {width:11%;} .subCustomer .network .tab_type1.tab9 ul li:first-child {width:12%;} .subCustomer .network .result_branch .count {margin-bottom:15px;} .subCustomer .network .result_branch .count em {color:#008850;} .subCustomer .network .result_branch .result_wrap {width:1200px;height:600px;border:1px solid #e6e6e6;margin-bottom:25px;} .subCustomer .network .result_branch .result_wrap .list {float:left;width:400px;height:100%;overflow:auto;} .subCustomer .network .result_branch .result_wrap .map {float:left;width:798px;height:100%;border-left:1px solid #e6e6e6;} .subCustomer .network .result_branch .result_wrap .list ul li {width:100%;height:250px;padding:40px 40px 0 50px;border-bottom:1px solid #e6e6e6;cursor:pointer;} .subCustomer .network .result_branch .result_wrap .list ul li .name {color:#333;} .subCustomer .network .result_branch .result_wrap .list ul li .name:after {content:"";display:block;width:24px;height:2px;background:#ddd;margin:12px 0 14px 0;} .subCustomer .network .result_branch .result_wrap .list ul li .addr {margin-bottom:15px;} .subCustomer .network .result_branch .result_wrap .list ul li .number p {padding-left:38px;position:relative;} .subCustomer .network .result_branch .result_wrap .list ul li .number p span {position:absolute;left:0;top:0;} .subCustomer .network .result_branch .result_wrap .list ul li:hover .name:after {background:#b3dccb;} .subCustomer .network .result_branch .result_wrap .list ul li:hover {background:#008850;} .subCustomer .network .result_branch .result_wrap .list ul li:hover div, .subCustomer .network .result_branch .result_wrap .list ul li:hover p, .subCustomer .network .result_branch .result_wrap .list ul li:hover p span {color:#fff !important;} .subCustomer .network .result_branch .result_wrap .list ul li.on .name:after {background:#b3dccb;} .subCustomer .network .result_branch .result_wrap .list ul li.on {background:#008850;} .subCustomer .network .result_branch .result_wrap .list ul li.on div, .subCustomer .network .result_branch .result_wrap .list ul li.on p, .subCustomer .network .result_branch .result_wrap .list ul li.on p span {color:#fff !important;} .subCustomer .network .common_nodata_1 {margin-bottom:25px;} .subCustomer .network .tab_type1.overseas {margin-bottom:0;} .subCustomer .network .tab_type1.tab7 ul li {width:14%;} .subCustomer .network .tab_type1.tab7 ul li:first-child {width:16%;} .subCustomer .network .worldmap {width:1200px;height:600px;border:1px solid #e6e6e6;border-top:0;margin-bottom:50px;position:relative;} .subCustomer .network .worldmap .map {display:none;position:absolute;left:0;top:0;} .subCustomer .network .worldmap .map.map0, .subCustomer .network .worldmap .map.link {display:block;} .subCustomer .network .worldmap_marine {border:1px solid #e6e6e6;margin-bottom:50px;} .subCustomer .network .overseas_list .article {margin-bottom:30px;} .subCustomer .network .overseas_list .article ul li {float:left;width:384px;height:380px;padding:40px 40px 0 50px;border:1px solid #e6e6e6;margin:0 24px 24px 0;position:relative;} .subCustomer .network .overseas_list .article ul li:nth-child(3n) {margin-right:0;} .subCustomer .network .overseas_list .article ul li .label_type1 {position:absolute;right:-1px;top:-1px;} .subCustomer .network .overseas_list .article .continent {margin-bottom:25px;} .subCustomer .network .overseas_list .article .nation {font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#008850;margin-bottom:5px;} .subCustomer .network .overseas_list .article .fullname {min-height:60px;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#008850;line-height:20px;padding-bottom:15px;} .subCustomer .network .overseas_list .article .detail:before {content:"";display:block;width:24px;height:2px;background:#ddd;margin-bottom:20px;} .subCustomer .network .overseas_list .article .item {margin-bottom:10px;} .subCustomer .network .overseas_list .article .item .tit {font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#333;} .subCustomer .network .overseas_list .article .item .con, .subCustomer .network .overseas_list .article .item .con a {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:22px;} /********** etc **********/ /* 검색결과 */ .searchResult {padding:150px 0 120px;} .searchResult .searchArea .common_search_2 {width:900px;margin:0 auto;} .searchResult .resultArea {padding-top:70px;} .searchResult .resultArea .result_top {text-align:center;margin-bottom:15px;} .searchResult .resultArea .result_top .result_tit {font-family: "NotoSansCJKsc-Bold";font-size:40px;color:#333;margin-bottom:15px;text-align:center;} .searchResult .resultArea .result_top .desc span {font-family: "NotoSansCJKsc-Bold";color:#008850;} .searchResult .resultArea .result_wrap {padding-top:60px;} .searchResult .resultArea .result_wrap .top {position:relative; border-bottom:1px solid #333;} .searchResult .resultArea .result_wrap .top .tit {font-family: "NotoSansCJKsc-Bold";font-size:22px;color:#333;margin-bottom:20px;} .searchResult .resultArea .result_wrap .top .tit>span {font-family:inherit;color:#008850;} .searchResult .resultArea .result_wrap .top .btn_more_2 {position:absolute;right:0;top:0;} .searchResult .resultArea .result_wrap .list .item {position:relative;height:125px;border-bottom:1px solid #e6e6e6;padding-top:40px;} .searchResult .resultArea .result_wrap .list .item .tag {display:block;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#008850;margin:0 15px 10px 0;} .searchResult .resultArea .result_wrap .list .item .tag span {display:inline-block;font-family:inherit;margin-left:5px;padding-left:11px;background:url('../images/common/arrow_32.gif') no-repeat left center;} .searchResult .resultArea .result_wrap .list .item .tag span:first-child {margin-left:0;padding-left:0;background-image:none;} .searchResult .resultArea .result_wrap.rslt_menu .item .tag span:last-child {margin-left:0;padding-left:0;background:none;} .searchResult .resultArea .result_wrap .list .item .subject {display:inline-block;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#333;vertical-align:middle;} .searchResult .resultArea .result_wrap .list .item .subject:hover {} .searchResult .resultArea .result_wrap .list .item .subject span {font-family:inherit;} .searchResult .resultArea .result_wrap .list .item .subject .elps {width:850px;} .searchResult .resultArea .result_wrap .list .item .subject .menu {padding-right:15px;background:url('../images/common/arrow_33.gif') no-repeat right center;margin-right:8px;} .searchResult .resultArea .result_wrap .list .item .subject .menu:last-child {background:0;} .searchResult .resultArea .result_wrap .list .item .btn_down {position:absolute;right:0;top:40px;} .searchResult .resultArea .result_wrap.thumb .list .item {position:relative;height:280px;padding:40px 0 0 325px;} .searchResult .resultArea .result_wrap.thumb .list .item .thumbnail {position:absolute;left:0;top:40px; display:inline-block;width:300px;height:200px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-background-size:cover;} .searchResult .resultArea .result_wrap.thumb .list .item .con {height:200px;} .searchResult .resultArea .result_wrap.thumb .list .item .con .tag {display:block;font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#008850;margin:0 15px 10px 0;} .searchResult .resultArea .result_wrap.thumb .list .item .con .subject {display:inline-block;} .searchResult .resultArea .result_wrap.thumb .list .item .con .subject .txt1 {font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#333;} .searchResult .resultArea .result_wrap.thumb .list .item .con .subject .txt2 {width:700px;font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#333;line-height:26px;margin-top:15px;} .searchResult .resultArea .result_wrap .btn_more_1 {margin-top:60px;} .searchResult .resultArea .result_wrap .btn_ac {margin-top:40px;} .searchResult .resultArea .no_result {height:120px;background:url('../images/common/icon_nodata_1.png') no-repeat top center;margin:40px 0 60px;} /* 개인정보처리방침 */ .subPolicy {padding:90px 0 120px;} .subPolicy .wrapBorder {border-top:2px solid #333;border-bottom:1px solid #666;} .subPolicy .wrapBorder .policy_top {padding:50px 40px;border-bottom:1px solid #e6e6e6;} .subPolicy .wrapBorder .policy_top h3.tit {margin-bottom:20px;} .subPolicy .wrapBorder .policy_con {padding:0 40px 75px;} .subPolicy .wrapBorder .policy_con h4.tit {position:relative;font-family: "NotoSansCJKsc-Bold";font-size:20px;color:#333;line-height:26px; margin:50px 0 20px;padding-left:95px;} .subPolicy .wrapBorder .policy_con h4.tit.padding2 {padding-left:105px;} .subPolicy .wrapBorder .policy_con h4.tit>span {position:absolute;left:0;top:2px;display:inline-block;font-family:inherit;color:#008850;} .subPolicy .wrapBorder .policy_con .desc {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px;} .subPolicy .wrapBorder .policy_con .desc +.indent {margin-top:15px;} .subPolicy .wrapBorder .policy_con .indent {padding-left:20px;} .subPolicy .wrapBorder .policy_con .indent .cir {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px;margin-bottom:7px;} .subPolicy .wrapBorder .policy_con .indent .cir:first-letter {display:inline-block;font-family:inherit;margin:0 5px 0 -20px;} .subPolicy .wrapBorder .policy_con .indent ol {list-style-type:decimal;margin-left:20px;} .subPolicy .wrapBorder .policy_con .indent ol li {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px;} .subPolicy .wrapBorder .policy_con .indent ol + .cir {margin-top:15px;} .subPolicy .wrapBorder .policy_con .indent .t_list {margin:15px 0;} .subPolicy .wrapBorder .policy_con .indent .t_list strong {font-family: "NotoSansCJKsc-Bold";font-size:18px;color:#333;} .subPolicy .wrapBorder .policy_con .indent .t_list ul {margin-top:10px;} .subPolicy .wrapBorder .policy_con .indent .t_list ul li {font-family: "NotoSansCJKsc-Regular";font-size:18px;color:#666;line-height:26px;margin-bottom:5px;padding-left:15px;} .subPolicy .wrapBorder .policy_con .indent .t_list ul li:before {content:"-";display:inline-block;font-family:inherit;margin-right:7px;margin-left:-15px;} .subPolicy .wrapBorder .policy_con .common_cmt_2 {line-height:26px;padding-left:12px;margin:5px 0;}