@charset "euc-kr"; /* body {overflow:visible;} */ .height_auto {height:auto !important;} /*slides 공통*/ #slides, #slides2, #slides2-1, #slides3 {display: none;} #slides {position:relative;} #slides3 {position:relative; left:0;} #slides, #slides2, #slides2-1 {width:100%;} /* .slidesjs-slide {left:0px !important;} 이미지가 하나만 있을 경우 이 클래스 필요*/ /**********/ /* top버튼 */ .header_topCon {display:none;} #header.bg_png {background:#fff;} #menu {display:none;} #main-content {position:relative; /* padding-top:80px; */ width:100%;} .main_visual {position:relative; width:100%; min-height:435px; z-index:1;} #slides div img {width:100%; min-height:435px; height:100%;} #slides .web {display:none;} #slides .visual1 .moblie {display:block; height:100%; background:url("../images/mvisual1.jpg") no-repeat center top; background-size:cover;} #slides .visual2 .moblie {display:block; height:100%; background:#dbd8d1 url("../images/mvisual2.jpg") no-repeat center 55px; background-size:cover;} #slides .visual3 .moblie {display:block; height:100%; background:#eaeaea url("../images/mvisual3.jpg") no-repeat center center; background-size:cover;} #slides .visual4 .moblie {display:block; height:100%; background:url("../images/mvisual4.jpg") no-repeat center top; background-size:cover;} #slides .visual5 .moblie {display:block; height:100%; background:url("../images/mvisual5.jpg") no-repeat center top; background-size:cover;} #slides .visual6 .moblie {display:block; height:100%; background:url("../images/mvisual10.jpg") no-repeat center top; background-size:cover;} #slides .visual7 .moblie {display:block; height:100%; background:url("../images/mvisual7.jpg") no-repeat center top; background-size:cover;} #slides .visual8 .moblie {display:block; height:100%; background:url("../images/mvisual8.jpg") no-repeat center top; background-size:cover;} #slides .visual9 .moblie {display:block; height:100%; background:url("../images/mvisual9.jpg") no-repeat center top; background-size:cover;} #slides .visual10 .moblie {display:block; height:100%; background:url("../images/mvisual7.jpg") no-repeat center; top; background-size:cover;} #slides .visual1 .txt_area span, #slides .visual1 .txt_area a {color:#ffffff;} #slides .visual1 .txt_area a {border-color:#ffffff;} #slides .visual2 .txt_area span, #slides .visual2 .txt_area a {color:#ffffff;} #slides .visual2 .txt_area a {border-color:#ffffff;} #slides .visual3 .txt_area span, #slides .visual3 .txt_area a {color:#222;} #slides .visual3 .txt_area a {border-color:#222;} #slides .visual4 .txt_area span, #slides .visual4 .txt_area a {color:#222;} #slides .visual4 .txt_area a {border-color:#222;} #slides .visual5 .txt_area span, #slides .visual5 .txt_area a {color:#ffffff;} #slides .visual5 .txt_area a {border-color:#ffffff;} #slides .visual6 .txt_area span, #slides .visual6 .txt_area a {color:#222;} #slides .visual6 .txt_area a {border-color:#222;} #slides .visual7 .txt_area span, #slides .visual7 .txt_area a {color:#ffffff;} #slides .visual7 .txt_area a {border-color:#ffffff;} #slides .visual8 .txt_area span, #slides .visual8 .txt_area a {color:#ffffff;} #slides .visual8 .txt_area a {border-color:#ffffff;} #slides .visual9 .txt_area span, #slides .visual9 .txt_area a {color:#ffffff;} #slides .visual9 .txt_area a {border-color:#ffffff;} #slides .visual10 .txt_area span, #slides .visual10 .txt_area a {color:#ffffff;} #slides .visual10 .txt_area a {border-color:#ffffff;} #slides > a {display:inline-block;} .slidesjs-slide a {display:block;} #slides .slidesjs-slide {height:100%;} #slides .slidesjs-slide .txt_area {position:absolute; top:85px; left:15px; padding-right:14px;} #slides .visual2.slidesjs-slide .txt_area {opacity:0; filter:alpha(opacity=0);} #slides .visual3.slidesjs-slide .txt_area {opacity:0; filter:alpha(opacity=0);} #slides .slidesjs-slide span {display:block; color:#fff;} #slides .slidesjs-slide .txt1 {/* margin-right:40px; */ font-weight:bold; font-size:20px; line-height:1.2;letter-spacing:-2px;} #slides .slidesjs-slide .txt2 {margin-top:8px; font-size:12px; line-height:1.2;} #slides .slidesjs-slide .btn-view {margin-top:20px;display:inline-block; width:102px; height:28px; *height:23px; font-size:12px; color:#fff; padding-top:5px; text-align:center; border:1px solid #d2dde3; background:url("../images/bg_btn_view.png") repeat left top;} #slides .slidesjs-container {min-height:435px;} .slidesjs-pagination {position:absolute; z-index:30;} #slides .slidesjs-pagination {display:none; left:15px; /* bottom:26%; */ bottom:181px;} .slidesjs-pagination li {float:left; margin:2px;} #slidesjs-log {position:absolute; bottom:5px; left:-20px; /*left:-20px; 페이지 넘버링 두자리수일때 하나면 -12px*/ z-index:35; text-align:center; color:#fff; font-size:13px;} #slidesjs-log .slidesjs-slide-number { color:#fff; font-size:13px; } #slidesjs-log .slidesjs-slide-total-number { color:#fff; font-size:13px; } .slidesjs-pagination-item a {display:block; text-indent:-99999; overflow:hidden; font-size:0px; width:10px; height:7px; background-color:#d8d8d8;} .slidesjs-pagination-item a.active {width:35px; background-color:#3795f7;} .slidesjs-navigation {position:absolute; display:inline-block; z-index:30;} /* #slides .slidesjs-navigation {left:145px; bottom:175px; width:20px; height:20px; text-indent:-10000px; overflow:hidden; z-index:30;} */ #slides .slidesjs-play, #slides .slidesjs-stop {left:130px; bottom:178px; width:30px; height:30px; text-indent:-10000px; overflow:hidden; z-index:30;} #slides .slidesjs-previous, #slides .slidesjs-next {width:30px; height:30px; bottom:178px; left:15px;} #slides .slidesjs-previous img, #slides .slidesjs-next img { width:177%;} #slides .slidesjs-next {left:68px;} #slides .slidesjs-play {background:url("../images/mbtn_play.png") no-repeat left top;} #slides .slidesjs-stop {background:url("../images/mbtn_stop.png") no-repeat left top;} .posco-great {position:absolute; left:0px; bottom:40px; width:100%; height:150px; padding-top:12px; padding-left:14px; padding-right:14px; text-align:center; background: url("../images/bg_black.png") repeat left bottom; z-index:10;} .posco-great div p, .posco-great div p span { font-weight:bold; font-size:16px; color:#fff; line-height:4.4;} .posco-great div p span {} .posco-great div > span {display:block; color:#fff; margin-top:3px; font-size:12px;} .posco-great-bn {margin-top:15px; text-align:center; display:inline-block; zoom:1; *display:inline;} .posco-great-bn a {display:block; float:left; height:70px;/* width:24%; */} .posco-great-bn a img {width:68px;} .posco-great-bn a span {display:block; color:#fff; font-size:12px;} .posco-great-bn a.posible > span {text-align:left; padding-left:8px;} .posco-great-bn .history_txt {text-align:left; padding-left:2px;} .posco-great-bn .vision_txt {text-align:right; padding-right:3px;} .m-tit, .m-tit span {color:#000; font-size:18px;} .m-tit {text-align:center; font-weight:bold;} .m-tit span {} .m-tit-txt {color:#000; font-size:12px; margin-bottom:20px; text-align:center; line-height:1.2;} #posco-live {position:relative; height:480px; padding:25px 14px 0px; text-align:center; background:#dfe6ed url("../images/bg_msection1.jpg") no-repeat center top; /* background-size:100%; */ background-size:cover; z-index:2;} #posco-live.height_px {height:480px !important;} /* #posco-live h2 img {width:auto; margin-bottom:40px;} */ #posco-live .m-tit-txt {margin-bottom:20px;} #slides2-1 {width:100%; text-align:left;} #slides2-1 div p {overflow:hidden; text-align:center; height:157px; } #slides2-1 div p img {width:auto; max-width:100%; height:157px; } #slides2-1 .slidesjs-pagination {display:none; left:50%; top:93%; margin-left:-57px;} #slides2-1 .slidesjs-pagination-item a {width:15px; background-color:#878787;} #slides2-1 .slidesjs-pagination-item a.active {background-color:#3073bf;} /* #slides2-1 .slidesjs-navigation {top:50%; width:20px; height:40px;} #slides2-1 .slidesjs-play, #slides2-1 .slidesjs-stop {top:50%; width:30px; height:30px;} */ #slides2-1 .slidesjs-previous, #slides2-1 .slidesjs-next {width:30px; height:30px; top:89%; left:50%; margin-left:-35px;} #slides2-1 .slidesjs-next {margin-left:5px;} #slides2-1 .slidesjs-container, #slides2-1 .slidesjs-control {height:400px !important;} #posco-live .con img {/*width:100%; height:auto; max-height:240px; *height:240px; */} #posco-live .con {position:relative; padding:10px; border:1px solid #ccc; background-color:#fff;} #posco-live .con1 {/* width:100%;*/ height:350px; overflow:hidden;} #posco-live dl {margin:15px 8px 0; height:130px;} #posco-live dt { font-weight:bold; font-size:14px; line-height:1.3;} #posco-live dd {margin-top:10px; font-size:12px; line-height:1.3;} #posco-live dd.date {color:#555;} #posco-live dd.date span {color:#2174cf;} /*main*/ .scroll-pane {width: 100%; height: 200px; overflow-x: auto; overflow-y:hidden;} .horizontal-only {height: auto; max-height: 165px;} .main-pro-con {position:absolute; left:-9999px; top:20px; height:140px;} #innovative-technology {position:relative; width:100%; height: auto; padding:25px 14px 20px; *padding:25px 0 20px; text-align:center; background:#fcfcfc url("../images/bg_msection2.jpg") no-repeat center bottom; background-size:cover;} .main-tab {position:relative; width:100%; *width:96%; margin:0 auto; *padding-left:1px; height:248px;} .main-tab > li {float:left; width:50%; *margin-left:-1px;} .main-tab > li a.btn-tab1 {display:block; width:100%; *width:auto; text-align:left; font-weight:bold; padding:5px 0 5px 20px; color:#555; border:1px solid #aaaaaa; background:#fff url("../images/btn-tab1_off.png") no-repeat right 10px;} .main-tab > li.on a.btn-tab1 {font-weight:bold; color:#fff; border:1px solid #2475d0; background:#2475d0 url("../images/btn-tab1_on.png") no-repeat right 10px;} .main-tab > li.on .main-pro-con {left:0;} #innovative-technology .pro-con {position:relative; /* width:3643px; */ /*width:1790px;*/ height:130px; overflow:hidden;} #innovative-technology .pro-con li {position:relative; float:left;/* width:313px; */ width:140px; margin-right:10px;} #innovative-technology .pro-con li a {display:block;} #innovative-technology .pro-con li a img {width:100%; height:auto;} #innovative-technology a {text-decoration:none;} .pro-con .h3_txt {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:35px; padding-top:8px; *height:27px; font-size:12px; color:#fff; background: url("../images/bg_pro.png") repeat left bottom;} .pro-con .h3_txt span {display:block; font-size:11px; color:#fff;} .pro-con-txt {display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; color:#fff; background: url("../images/bg_pro.png") repeat left top;} .pro-con-txt .tt span {display:block; color:#fff;} .pro-con-txt .title1 {display:inline-block; font-size:16px; margin-top:40px; padding:10px 5px; border-top:1px solid #b2b0b3; border-bottom:1px solid #b2b0b3; letter-spacing:3px;} .pro-con-txt .title2 { font-weight:bold; font-size:24px; margin-top:15px;} .pro-con-txt .txt1, .pro-con-txt .txt2 {padding:0 14px;} .pro-con-txt .txt1 {text-align:left; margin-top:20px;} .pro-con-txt .txt2 {text-align:left; margin-top:10px; font-size:11px; color:#b5b5b5;} /*jcarousellite.css*/ .scroll_wrap {position:absolute; left:0; width:100%;} .jspContainer {overflow: hidden; position: relative; width:100%;} .jspPane {position: absolute; width:100% ;} .jspHorizontalBar { position: absolute; bottom:0px; left: 0; width: 100%; height:13px;} .jspCap {display: none;} .jspHorizontalBar .jspCap {float: left;} .jspTrack {position:relative; width:100% !important; background: url("../images/bg_pro-scroll.png") repeat-x left top;} .jspDrag {position:relative; top:0; left:0; cursor: pointer; background: url("../images/bg_pro-scroll_on.png") repeat-x center top;} /* .jspDrag {position:relative; top:0; left:0; cursor: pointer; background:#505050 url("../images/btn_scrollbar.gif") no-repeat center top;} */ .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%;} .jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0;} .jspArrow.jspDisabled {cursor: default; background: #80808d;} .jspVerticalBar .jspArrow {height: 16px;} .jspHorizontalBar .jspArrow {width: 13px; float:left; height: 100%;} .jspVerticalBar .jspArrow:focus {outline: none;} /****************/ /*creating-shared*/ #creating-shared.height_px {height:460px !important;} #creating-shared {position:relative; width:100%; height:460px; padding:25px 0 20px; text-align:left; background:#d9eaf7 url("../images/bg_msection3.jpg") no-repeat center top; background-size:cover;} .creating-shared-con {position:relative; width:100%;} #creating-shared .m-tit-txt {padding-left:14px; padding-right:14px;} #slides3 {height:190px; overflow:hidden; padding:0 14px;} #slides3 > div {height:177px; text-align:left;} #slides3 .slidesjs-slide {background:#fff;} #slides3 > div img {width:110px; float:left; padding:10px;} #slides3 > div dl {margin-left:110px; margin-top:2px; padding:10px;} #slides3 > div dt { font-weight:bold; font-size:14px; line-height:1.3; height:18px; overflow:hidden; word-break:break-all; white-space:nowrap; text-overflow:ellipsis;} #slides3 > div dd {margin-top:10px; font-size:12px; line-height:1.4; height:83px; overflow:hidden; word-break:break-all; text-overflow:ellipsis;} #slides3 > div dd a {display:block; height:83px;} #slides3 > div dd.date {margin-top:20px; font-size:12px; color:#555; height:auto;} #slides3 .slidesjs-pagination-item a {background-color:#878787;} #slides3 .slidesjs-pagination-item a.active {background-color:#3073bf;} #slides3 .slidesjs-pagination {right:24px; bottom:15px;} #slides3 .slidesjs-navigation {top:40%; width:20px; height:40px;} #slides3 .slidesjs-previous {left:0px;} #slides3 .slidesjs-next {right:0px;} .creating-shared-bn {position:relative; width:100%; *width:96%; margin-top:10px; padding-left:14px; padding-right:14px;} .creating-shared-bn li {position:relative; float:left; width:49%; height:62px;} .creating-shared-bn li.line_r {border-right:1px solid #aac1dc;} .creating-shared-bn li .pl-10 {padding-left:10px;} .creating-shared-bn li a {display:block; text-align:left;} .creating-shared-bn li a > img {width:53px; margin-top:7px; float:left;} .creating-shared-bn li a span {line-height:1.4;} .creating-shared-bn li a .title {display:block; padding:20px 0 0 63px; font-weight:bold; font-size:13px; line-height:1.1;} .creating-shared-bn li a .title2 {padding-top:10px; font-weight:bold; color:#222; font-size:13px; line-height:1.1;} .creating-shared-bn li a .title span {display:none;} .creating-shared-bn li a .title2 .ptxt {display:block; color:#222; font-size:13px; font-weight:bold;} .creating-shared-bn li a .btn-download {position:absolute; left:70px; bottom:0px; display:block; text-align:left; color:#fff; padding:3px 0 0 5px; font-size:11px; width:69px; height:20px; *width:64px; *height:17px; background:#7d9acf url("../images/icon_download_on.png") no-repeat 50px 4px;} /* main-bn */ .main-bn {position:relative; height:auto; background:#ededed;} .main-bn ul {position:relative; overflow:hidden;} .main-bn ul li {position:relative; float:left; width:25%; *width:24.9%; padding:15px 0 22px; text-align:center; background:#ededed;} .main-bn ul li a {display:block;} .main-bn ul li a > img {display:none;} .main-bn ul li a span {display:block;} .main-bn ul li .title {margin-top:8px;} .main-bn ul li .title span {margin-top:10px; /* font-weight:bold; */ color:#555; font-size:12px; line-height:1.2; padding:0 3px;} .main-bn ul li .title span .m-txt {letter-spacing:-1px;} .main-bn ul li .title img {width:auto; height:27px;} .main-bn ul li .txt {display:none;} .main-bn ul li .more {display:none;} .notice1 { width:100%; margin:10px auto; margin-top:0;} .notice2 {display:none;} .notice1 li a, .notice2 li a { color:#fff;}/******************* Tablet ********************/@media all and (max-width:435px){ #slides .slidesjs-pagination {bottom:161px;} /* #slides .slidesjs-navigation {left:90px; bottom:155px;} */ #slides .slidesjs-play, #slides .slidesjs-stop {/* left:90px; */ bottom:154px;} #slides .slidesjs-previous, #slides .slidesjs-next {bottom:154px;} #slides .slidesjs-slide .txt1 {font-weight:bold; letter-spacing:-1px;} #slides .slidesjs-slide .txt2 {line-height:1.3;} .posco-great div p, .posco-great div p span {font-weight:bold;} #posco-live {height:490px;} #posco-live.height_px {height:490px !important;} #slides2-1 .slidesjs-previous, #slides2-1 .slidesjs-next {top:92%;}2016-11-07 .m-tit {font-weight:bold;}}@media all and (min-width:479px) and (max-width:480px){ #slides .slidesjs-slide {height:800px;} .posco-great > div { margin-top:12px;}}@media all and (min-width:435px) and (max-width:549px) { #slides .slidesjs-slide .txt1 {font-size:33px; letter-spacing:-1px;} #slides .slidesjs-slide .txt2 {margin-top:10px; font-size:16px; line-height:1.3;} #slides .slidesjs-slide .btn-view {width:120px;} .main_visual {min-height:600px;} #slides div img {min-height:600px;} #slides .slidesjs-container { min-height:600px;} #slides .visual1 .moblie, #slides .visual2 .moblie, #slides .visual3 .moblie, #slides .visual4 .moblie, #slides .visual5 .moblie, #slides .visual6 .moblie, #slides .visual7 .moblie, #slides .visual8 .moblie, #slides .visual9 .moblie, #slides .visual10 .moblie {min-height:600px;} #slides .slidesjs-pagination {bottom:161px;} #slides .slidesjs-play, #slides .slidesjs-stop {/* left:90px; */ bottom:154px;} #slides .slidesjs-previous, #slides .slidesjs-next {bottom:154px;} .posco-great {height:150px;/* height:22%; */} .posco-great-bn a img {width:90px;} .posco-great-bn a span {font-size:12px;} .posco-great-bn a.posible > span {padding-left:15px;} .posco-great-bn .history_txt {padding-left:5px;} .posco-great-bn .vision_txt {padding-right:10px;} #posco-live {height:460px;} #posco-live .con1 {height:320px;} #posco-live .con img {/* max-height:190px; height:auto; */}}@media all and (min-width:550px) and (max-width:810px) { #slides .slidesjs-slide .txt_area {letter-spacing:-1px;} #slides .slidesjs-slide .txt1 {font-size:38px;} #slides .slidesjs-slide .txt2 {font-size:18px;} #slides .slidesjs-slide .btn-view {margin-top:30px; width:147px; height:35px; font-size:13px; padding-top:6px;}/* #slides .slidesjs-pagination {bottom:190px;} */ .slidesjs-pagination-item a {width:35px;} .slidesjs-pagination-item a.active {width:35px;} .main_visual {min-height:700px;} #slides div img {min-height:700px;} #slides .slidesjs-container {min-height:700px;} #slides .visual1 .moblie, #slides .visual2 .moblie, #slides .visual3 .moblie, #slides .visual4 .moblie, #slides .visual5 .moblie, #slides .visual6 .moblie, #slides .visual7 .moblie, #slides .visual8 .moblie, #slides .visual9 .moblie, #slides .visual10 .moblie {min-height:700px;} .posco-great {height:170px; /* height:22%; */} .posco-great-bn a img {width:90px;} .posco-great-bn a span {font-size:12px;} .posco-great-bn .history_txt {padding-left:5px;} .posco-great-bn .vision_txt {padding-right:10px;} .posco-great-bn a.posible > span {padding-left:15px;} #posco-live {height:450px;} #posco-live .con1 {height:310px;} #posco-live .con img {/*width:100%; height:auto; max-height:240px; *height:240px;*/}}@media all and (min-width:685px) and (max-width:979px) { /*161107 newsroom list */ .notice1{float:left;width:320px;} .notice2{float:right; width:320px; display:block;} .notice2 li { text-align:left;} }@media all and (min-width:811px) and (max-width:979px) { #slides .m_area {display:none;} #slides .web_area {display:block;} #slides .slidesjs-slide .txt_area {letter-spacing:-1px;} #slides .slidesjs-slide .txt1 {font-size:38px;} #slides .slidesjs-slide .txt2 {font-size:18px;} #slides .slidesjs-slide .btn-view {margin-top:30px; width:147px; height:35px; font-size:13px; padding-top:6px;} .slidesjs-pagination-item a {width:35px;} .slidesjs-pagination-item a.active {width:35px;} .main_visual {min-height:700px;} #slides div img {min-height:700px;} #slides .slidesjs-container {min-height:700px;} #slides .visual1 .moblie, #slides .visual2 .moblie, #slides .visual3 .moblie, #slides .visual4 .moblie, #slides .visual5 .moblie, #slides .visual6 .moblie, #slides .visual7 .moblie, #slides .visual8 .moblie, #slides .visual9 .moblie, #slides .visual10 .moblie {min-height:700px;} .posco-great {height:170px;} .posco-great-bn a img {width:110px;} .posco-great-bn .history_txt {padding-left:12px;} .posco-great-bn a.posible > span {padding-left:25px;} .posco-great-bn .vision_txt {padding-right:17px;} #posco-live {height:460px;} #posco-live .con1 {height:320px;} #posco-live .con img {/*width:100%; height:auto; max-height:240px;*/}}/* 데스크탑 CSS 작성 */@media all and (min-width:980px){ /* body {overflow:hidden;} */ #slides3 {width:480px;} #header.bg_png {background:url("../images/gnb_transparent.png") repeat left top;} .header_topCon {display:block;} /* top */ .main_top {left:50%; bottom:205px; margin-left:500px;} #main-content {/* padding-top:200px; */} #menu {display:block; position:fixed; right:0; top:50%; width:40px; *width:27px; height:149px; margin-top:-74px; padding:14px 0 0 13px; z-index:100; background:url("../images/menu_bg.png") no-repeat left top;} #menu li {height:14px; margin-bottom:4px; *margin-bottom:0;} #menu li a {display:block; overflow:hidden; width:14px; height:14px; margin-bottom:5px; text-indent:-9999px; background:url("../images/menu_off.png") no-repeat left top;} #menu li.active {height:38px;} #menu li.active a {height:38px; background-image:url("../images/menu_on.png")} .mouse {width:30px; height:66px; position:absolute; right:-30px; bottom:-74px;} .main_visual {min-height:331px;} #slides div img {min-height:331px;} #slides .slidesjs-container {min-height:331px;} #slides div img {width:100%;} #slides .slidesjs-slide .txt_area {top:150px; left:50%; margin-left:-490px; max-width:980px;} #slides .visual2.slidesjs-slide .txt_area {opacity:0; filter:alpha(opacity=0);} #slides .visual3.slidesjs-slide .txt_area {opacity:0; filter:alpha(opacity=0);} #slides .slidesjs-slide .txt1 {font-size:43px;} #slides .slidesjs-slide .txt2 {font-size:20px;} #slides .slidesjs-slide .btn-view {margin-top:20px; width:147px; height:35px; *height:29px; padding-top:6px; font-size:14px; text-decoration:none;} /* #slides .slidesjs-slide .btn-view:hover, #slides .slidesjs-slide .btn-view:active, #slides .slidesjs-slide .btn-view:focus {text-decoration:none; border:1px solid #2475d0; background: #2475d0;} */ #slides .visual4 .btn-view {} #slides .slidesjs-pagination {display:none; left:50%; bottom:0; /* padding-bottom:188px; */ padding-bottom:160px; margin-left:-490px;} #slides .slidesjs-slide {height:100%;} #slides .slidesjs-slide .moblie {display:none;} #slides .web {display:block; height:100%; background-size:cover !important;} #slidesjs-log {position:absolute; bottom:7px; left:-16px;/*left:-24px; 페이징 넘버링 두자리수일때 아니면 -16 */ z-index:35; text-align:center; color:#fff; font-size:16px;} #slidesjs-log .slidesjs-slide-number { color:#fff; font-size:16px; } #slidesjs-log .slidesjs-slide-total-number { color:#fff; font-size:16px; } #slides .slidesjs-previous img, #slides .slidesjs-next img { width:100%;}s .slidesjs-pagination-item a {width:35px; height:7px;} .slidesjs-pagination-item a.active {width:35px;} .slidesjs-navigation {position:absolute; display:inline-block; z-index:30;} /* #slides .slidesjs-navigation {display:block; overflow:hidden; position:absolute; left:50%; bottom:159px; margin-left:-360px; width:16px; height:15px; text-indent:-9999px;} */ #slides .slidesjs-play, #slides .slidesjs-stop {display:block; overflow:hidden; position:absolute; left:50%; bottom:130px; margin-left:-340px; width:40px; height:40px; text-indent:-9999px;} #slides .slidesjs-previous, #slides .slidesjs-next {width:70px; height:40px; bottom:130px; left:50%; margin-left:-490px;} #slides .slidesjs-next { margin-left:-420px;} #slides .slidesjs-play {background:url("../images/btn_play.png") no-repeat left top;} #slides .slidesjs-stop {background:url("../images/btn_stop.png") no-repeat left top;} .posco-great {position:absolute; left:0px; bottom:0px; width:100%; /* height:150px; */height:110px; padding:0px; text-align:left; background: url("../images/bg_black.png") repeat left bottom; z-index:10;} .posco-great > div {width:980px; margin:0 auto; } .posco-great div p {display:inline-block; float:left;} .posco-great img {width:auto;} /*.posco-great-bn2 {display:inline-block;} .posco-great-bn2 a {position:relative; display:block; float:left; text-align:center; color:#fff; text-decoration:none;} .posco-great-bn2 a img {float:left; width:auto;float: left;} .posco-great-bn2 a span {clear:both; display:block; text-align:center; color:#fff;} .posco-great-bn2 .con_txt {display:none; margin-top:4px; color:#A6ABAF; font-size:11px;} .posco-great-bn2 .vision_area span {position:relative; left:25px;} .posco-great-bn2 p img { padding:17px 34px 0 30px;}*/ /*20160530 /*20160530 posco great layout change */ .posco-great-bn2 p{margin-top: -5px; } .posco-great-bn2 { padding-top: 25px; padding-left: 30px; margin-right: 20px;} .posco-great-bn2 a {position:relative; display:block; float:left; text-align:center; color:#fff; text-decoration:none;} .posco-great-bn2 a img {float:left; width:auto;} .posco-great-bn2 a span {clear:both; display:block; text-align:center; color:#fff;} .posco-great-bn2 .con_txt {display:none; margin-top:4px; color:#A6ABAF; font-size:11px;} .posco-great-bn2 .vision_area span {position:relative; left:25px;} .posco-great-bn2 p img { padding:17px 34px 0 30px;} .notice1{float:left; width:320px;} .notice2{float:right; margin-left:20px; width:330px; display:block;} .notice1 li a:hover{text-decoration:underline;} .notice2 li a:hover{text-decoration:underline;} .posco-great-bn2 ul li{text-align:left;float: none;display: block;width: 100%;height: auto;overflow: hidden;} .m-tit, .m-tit span {margin-top:65px; *margin-top:65px; font-size:40px; line-height:1.4; letter-spacing:-1px;} .m-tit-txt {font-size:16px; line-height:1.4; padding-bottom:20px; margin-bottom:50px;} #posco-live {position:relative; width:100%; height:auto; max-height:none; padding:55px 0 60px; text-align:center; background:#dfe6ed url("../images/bg_section1.jpg") no-repeat center top; background-size:cover;} .posco-live img {width:auto;} #posco-live .m-tit-txt {margin-bottom:22px; background: url("../images/h2-line1.gif") no-repeat center bottom;} .slides2 { width:980px; margin:0 auto; text-align:left;} /* #slides2 .slidesjs-pagination-item a {background-color:#878787;} #slides2 .slidesjs-pagination-item a.active {background-color:#3073bf;} #slides2 .slidesjs-pagination {display:none; left:50%; top:595px; *top:615px; margin-left:-57px;} #slides2 .slidesjs-previous, #slides2 .slidesjs-next {width:30px; height:30px; left:50%; top:587px; *top:607px; margin-left:-40px;} #slides2 .slidesjs-next {margin-left:10px;} #slides2 .con {height:370px;} */ #posco-live .con img {width:100%; height:auto;/* height:173px; max-height:173px; */} #posco-live .con {position:relative; float:left; margin-right:20px; padding:10px; height:370px; *height:350px; border:1px solid #ccc; background-color:#fff;} #posco-live .con1 {*width:458px !important; width:480px;} #posco-live .con2 {*width:208px !important; width:230px;} #posco-live dl {margin:15px 5px 0;} #posco-live dt { font-weight:bold; font-size:15px; line-height:1.3;} #posco-live dd {margin-top:13px;/* word-break:break-all; */} #posco-live dd.date {position:absolute; left:18px; bottom:15px; font-size:12px; color:#555;} #posco-live dd.date span {color:#2174cf;} #innovative-technology {position:relative; width:100%; padding:55px 0 70px; text-align:center; background:#fcfcfc url("../images/bg_section2.jpg") no-repeat center bottom; background-size:cover;} #innovative-technology .m-tit-txt {background: url("../images/h2-line2.gif") no-repeat center bottom;} .main-tab {position:relative; width:980px; margin:0 auto; height:348px;} .main-tab > li {float:left; width:auto;} .main-tab > li a.btn-tab1 {display:inline-block; width:150px; text-align:left; margin-right:5px; padding:5px 0 5px 20px;} .main-tab > li a.btn-tab1:hover {color:#fff; border:1px solid #2475d0; background:#2475d0 url("../images/btn-tab1_over.png") no-repeat right 10px;} #innovative-technology .pro-con {position:relative; /*width:3976px;*/ height:328px;} #innovative-technology .pro-con li {position:relative; float:left; width:313px; height:290px; margin-right:20px;} #innovative-technology .pro-con li a {display:block;} #innovative-technology .pro-con li a img {width:313px; height:290px;} #innovative-technology a {text-decoration:none;} .pro-con .h3_txt {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:60px; *height:43px; padding-top:17px; font-size:20px; color:#fff; line-height:1.3; background: url("../images/bg_pro.png") repeat left bottom;} .pro-con .h3_txt span {display:block; font-size:15px; color:#fff;} .pro-con-txt {display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; color:#fff; background: url("../images/bg_pro.png") repeat left top;} .pro-con-txt .tt span {display:block; color:#fff;} .pro-con-txt .title1 {display:inline-block; font-size:16px; margin-top:60px; padding:10px 5px; border-top:1px solid #b2b0b3; border-bottom:1px solid #b2b0b3; letter-spacing:3px;} .pro-con-txt .txt1 {text-align:left; font-size:14px; margin-top:30px; padding:0 14px;} /*jcarousellite.css*/ .scroll_wrap {top:5px;} .jspHorizontalBar {bottom:0px;} .jspContainer {width:980px !important; height:328px !important;} .jspPane {width:auto;} .jspTrack {width:auto;} .jspDrag {background:#505050 url("../images/btn_scrollbar.gif") no-repeat center top;} .jspDrag:hover, .jspDrag:focus, .jspDrag:active {background:#2475d0 url("../images/btn_scrollbar_on.gif") no-repeat center top;} /*main*/ .scroll-pane {width:980px !important; height: 328px; overflow-x: auto; overflow-y:hidden;} .horizontal-only {height: auto; max-height: 328px;} .main-pro-con {position:absolute; left:-9999px; top:40px; height:328px;} /*creating-shared*/ #creating-shared {height:auto; padding:55px 0; text-align:left; background:#d9eaf7 url("../images/bg_section3.jpg") no-repeat center top; background-size:cover;} #creating-shared .m-tit-txt {background: url("../images/h2-line3.gif") no-repeat center bottom;} .creating-shared-con {position:relative; width:980px; margin:0 auto;} #slides3 {width:480px; height:380px; overflow:hidden; padding:0px;} #slides3 > div {height:354px; text-align:left;} #slides3 .slidesjs-slide {background:#fff;} #slides3 > div img {width:220px; float:left; padding:10px;} #slides3 > div dl {margin-left:240px; margin-top:25px; padding:10px 20px 10px 10px;} #slides3 > div dt { font-weight:bold; font-size:18px; line-height:1.3; height:48px;} #slides3 > div dd {margin-top:20px; font-size:13px; height:165px;} #slides3 > div dd.date {font-size:12px; color:#555;} #slides3 .slidesjs-pagination {display:none; left:50%; bottom:0px; margin-left:-57px;} #slides3 .slidesjs-navigation {top:auto; bottom:40px; width:20px; height:20px;} #slides3 .slidesjs-previous {left:auto; right:50px;} #slides3 .slidesjs-next {right:20px;} .creating-shared-bn {position:absolute; right:0px; top:0px; width:480px; margin-top:0px; padding:0px;} .creating-shared-bn li {height:176px;} .creating-shared-bn li.line_b {border-bottom:1px solid #aac1dc;} .creating-shared-bn li .pl-10 {padding-left:0px;} .creating-shared-bn li a {text-align:center; height:100%;} .creating-shared-bn li a > img {width:71px; margin-top:12px; float:none;} .creating-shared-bn li a span {display:block;} .creating-shared-bn li a .title {margin:12px 0 10px; padding:0px; font-size:18px; font-weight:bold; line-height:1.3;} .creating-shared-bn li a .title span {display:inline; color:#797979;} .creating-shared-bn li a .title2 .ptxt {display:inline; color:#222; font-size:18px; font-weight:bold;} .creating-shared-bn li a:hover, .creating-shared-bn li a:active, .creating-shared-bn li a:focus {text-decoration:none; background: url("../images/creating-shared-bg.png") repeat left top;} .creating-shared-bn li a .btn-download {position:relative; left:auto; padding:3px 0 0 18px; font-weight:bold; font-size:12px; color:#222; width:99px; height:25px; *width:81px; *height:22px; margin:0 auto; border:1px solid #798792; background: url("../images/icon_download.png") no-repeat 73px 4px;} .creating-shared-bn li a:hover .btn-download, .creating-shared-bn li a:active .btn-download, .creating-shared-bn li a:focus .btn-download {color:#fff; border:1px solid #2475d0; background:#2475d0 url("../images/icon_download_on.png") no-repeat 73px 4px;} /* main-bn */ .main-bn {position:relative; background:url("../images/bg_section3.jpg") no-repeat center bottom; background-size:cover;} .main-bn ul li a > img {display:block; width:223px; height:159px;} .main-bn ul {position:absolute; left:50%; top:50%; margin:-240px 0 0 -490px; width:990px;} .main-bn ul li {position:relative; width:245px; *width:222px; height:330px; padding:10px; text-align:left; border:1px solid #ccc; background:#fff;} .main-bn ul li a {display:block;} .main-bn ul li a > img {display:block;} .main-bn ul li a > span {display:block;} .main-bn ul li .title {margin-top:20px;} .main-bn ul li .title span {display:inline; color:#222; font-size:16px; font-weight:bold; line-height:1.3; padding:0px;} .main-bn ul li .title > img {display:none;} .main-bn ul li .txt {display:block; width:220px; padding:15px 0 15px;} .main-bn ul li .more {display:block; position:absolute; bottom:10px; left:10px; padding-right:11px; color:#2475d0; font-size:12px; background: url("../images/icon_arrow_more.gif") no-repeat right 7px;} .footer.fixed {position:fixed; bottom:0;}}@media all and (min-width:1023px) and (max-width:1300px) { #slides .slidesjs-slide .btn-view {top:137px;}}@media all and (min-width:1301px) { #slides .slidesjs-slide .txt1 {font-size:43px;} #slides .slidesjs-slide .txt2 {font-size:20px;} #slides .slidesjs-slide .btn-view {/* top:167px; */}} #innovative-technology .pro-con li{ margin-right: 0; } #innovative-technology .pro-con li a img{ width: 100%; } .slick-dots{ text-align: center; margin-top: 20px; } .slick-dots li{ width: 12px !important; height: 12px !important; border-radius: 100%; background-color: #000; opacity: .5; display: inline-block; vertical-align: middle; float: inherit !important; margin: 0 5px; } .slick-dots li button{ display: none; } .slick-dots li.slick-active{ opacity: .8; } #innovative-technology a{ margin-left: 5px; margin-right: 5px; position: relative; } :focus{ outline: none !important; }