|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /proc/21571/root/home/queenjbs/yuchun_before_X/css/ |
Upload File : |
@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: rgba(255,255,255,0.8);}
#menu {display:none;}
#main-content {position:relative; /* padding-top:80px; */ width:100%; background-color:#CCC;}
.main_visual {position:relative; width:100%; min-height:435px; z-index:1; background-color:#ccc;}
#main_visual #pssteel { position:aboslute; top:0; left:0; width:100%; height:100%;}
#slides div img {width:100%; min-height:435px; height:100%;}
#slides .web {display:none;}
#slides .Tablet { display:none;}
#slides .visual1 .moblie {display:block; height:100%; /*background:url("../css/mvisual1.jpg") no-repeat center; background-size:cover;*/ background-color:#CCC;}
#slides .visual2 .moblie {display:block; height:100%; /*background:#dbd8d1 url("../css/mvisual2.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual3 .moblie {display:block; height:100%; /*background:url("../css/mvisual3.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual4 .moblie {display:block; height:100%; /*background:#fff url("../css/mvisual4.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual5 .moblie {display:block; height:100%; /*background:#fff url("../css/mvisual5.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual6 .moblie {display:block; height:100%;/* background:url("../css/mvisual6.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual7 .moblie {display:block; height:100%; /*background:url("../css/mvisual7.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual8 .moblie {display:block; height:100%; /*background:url("../css/mvisual8.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual9 .moblie {display:block; height:100%; /*background:url("../css/mvisual9.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual10 .moblie {display:block; height:100%; /*background:url("../css/mvisual10.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual11 .moblie {display:block; height:100%; /*background:url("../css/mvisual11.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual12 .moblie {display:block; height:100%; /*background:url("/images/kor5/main/mvisual12.jpg") no-repeat center; background-size:cover;*/background-color:#CCC;}
#slides .visual1 .txt_area span, #slides .visual1 .txt_area a {color:#ffffff;}
#slides .visual1 .txt_area a {border-color:#ffffff;}
#slides .visual3 .txt_area span, #slides .visual3 .txt_area a {color:#ffffff;}
#slides .visual3 .txt_area a {border-color:#ffffff;}
#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:#fff;}
#slides .visual5 .txt_area a {border-color:#fff;}
#slides .visual6 .txt_area span, #slides .visual6 .txt_area a {color:#fff;}
#slides .visual6 .txt_area a {border-color:#fff;}
#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:#222;}
#slides .visual10 .txt_area a {border-color:#222;}
#slides .visual11 .txt_area span, #slides .visual11 .txt_area a {color:#ffffff;}
#slides .visual11 .txt_area a {border-color:#ffffff;}
#slides .visual12 .txt_area span, #slides .visual12 .txt_area a {color:#ffffff;}
#slides .visual12 .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:116px; left:15px; padding-right:14px; margin-top:-40px; /*margin-top:-40px;*/} /*170108 */
/*161111 */
#slides .visual2.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-family:'Malgun Gothic'; font-weight:600; font-size:20px; line-height:1.2;letter-spacing:-2px;}
#slides .slidesjs-slide .txt1 img {display:none;}
#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:11px; color:#fff; padding-top:5px; text-align:center; border:1px solid #d2dde3; background:url("../css/bg_btn_view.png") repeat left top;}
#slides .slidesjs-slide .btn-view02 {margin-top:20px;display:inline-block; width:180px; height:28px; *height:32px; font-size:11px; color:#fff; padding-top:5px; text-align:center; border:1px solid #d2dde3; background:url("../css/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:-15px; /*left:-20px; /*?이지 ?버??자리수?때 ?닐??-15 */ 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:13px !important; width:25px; height:25px; line-height:25px; background-color:#d8d8d8; text-align:center; border-radius:25px; text-decoration:none;}
.slidesjs-pagination-item a.active {width:25px; height:25px; background-color:#3795f7; color:#fff;}
.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("../css/mbtn_play.png") no-repeat left top;}
#slides .slidesjs-stop {background:url("../css/mbtn_stop.png") no-repeat left top;}
.vText { position:absolute; top:0; left:0;}
.posco-great {position:absolute; left:0px; bottom:0px; width:100%; height:170px; padding-top:12px; padding-left:14px; padding-right:14px; text-align:center; background: url("../css/bg_black.png") repeat left bottom; z-index:10;}
.posco-great div p, .posco-great div p span {font-family:'Malgun Gothic'; font-weight:600; font-size:15px; color:#fff; line-height:3.4;}
.posco-great div p span {font-family:'Malgun Gothic';}
.posco-great div > span > div{display:inline-block; color:#fff; margin-top:3px; font-size:15px; }
.posco-great div > span > div > a > img { margin-top:10px; margin-left:-54px;}
.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:11px;}
.posco-great-bn a.posible > span {text-align:right; padding-right:2px;}
.posco-great-bn .history_txt {text-align:left; padding-left:10px;}
.posco-great-bn .vision_txt {text-align:right; padding-right:10px;}
.m-tit, .m-tit span {color:#000; font-size:18px;}
.m-tit {text-align:center; font-family:'Malgun Gothic'; font-weight:600;}
.m-tit span {font-family:'Malgun Gothic';}
.m-tit-txt {color:#000; font-size:12px; margin-bottom:20px; text-align:center;}
#posco-live {position:relative; height:480px; padding:25px 14px 0px; text-align:center; background:#dfe6ed url("../css/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:18px; height:18px; background-color:#878787;}
#slides2-1 .slidesjs-pagination-item a.active {width:18px; height:18px; 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-family:'Malgun Gothic'; font-weight:bold; font-size:14px; line-height:1.4; letter-spacing:-1px;}
#posco-live dd {margin-top:10px; font-size:12px; line-height:1.4;}
#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("../css/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:25%; padding-right:2px; *margin-left:-1px;}
.main-tab > li.procure { width:50%; }
.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("../css/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("../css/btn-tab1_on.png") no-repeat right 10px;}
.main-tab > li.on .main-pro-con {left:0;}
/* .main-pro-con {position:absolute; left:0px; top:40px; height:368px;} */
#innovative-technology .pro-con {position:relative; /* width:3643px; */ width:1790px; height:130px; overflow:hidden;}
#innovative-technology .pro-con3 {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-con3 li {position:relative; float:left;/* width:313px; */ width:140px; margin-right:10px;}
#innovative-technology .pro-con2 {width:740px;}
#innovative-technology .pro-con3 {width:310px;}
#innovative-technology .pro-con li a {display:block;}
#innovative-technology .pro-con li a img {height:130px;}
#innovative-technology a {text-decoration:none;}
/* #innovative-technology .pro-con li a {text-decoration:none;} */
.pro-con .h3_txt {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:45px; padding-top:2px; *height:47px; font-size:12px; color:#fff; background: url("../css/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("../css/bg_pro.png") repeat left top;}
.pro-con-txt a 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-family:'Malgun Gothic'; font-weight:600; 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("../css/bg_pro-scroll.png") repeat-x left top;}
.jspDrag {position:relative; top:0; left:0; cursor: pointer; background: url("../css/bg_pro-scroll_on.png") repeat-x center top;}
/* .jspDrag {position:relative; top:0; left:0; cursor: pointer; background:#505050 url("../css/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("../css/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 {/* width:100%; */ 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-family:'Malgun Gothic'; 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; /* white-space:nowrap; */ 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:2.1;}
.creating-shared-bn li a .title2 {padding-top:10px; font-weight:bold; color:#222; font-size:13px; line-height:3.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 {display:none;}
/* 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-family:'Malgun Gothic'; font-weight:bold; color:#555; font-size:12px;}
.main-bn ul li .title img {width:auto; height:27px;}
.main-bn ul li .txt {display:none;}
.main-bn ul li .more {display:none;}
/* 161021 메인 ?영???입 ?정 */
.mu_wrap { display:none;}
#video0 { display:none;}
/* 161107 ?스?메인 리스???출 */
.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:178px;}
#slides .slidesjs-previous, #slides .slidesjs-next {bottom:178px;}
#slides .slidesjs-slide .txt1 {font-weight:bold; letter-spacing:-1.2px;}
#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%;}
.m-tit {font-weight:bold;}
/*0405 추? */
.m_notice ul .m_list{width:100%; margin:15px auto;}
.m_notice li .m_con{text-align:left;}
}
/* @media all and (min-width:479px) and (max-width:480px){
.posco-great-bn a.posible > span {padding-right:5px;}
#slides .slidesjs-slide {height:800px;}
}*/
@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, #slides .visual11 .moblie, #slides .visual12 .moblie {min-height:600px;}
#slides .slidesjs-pagination {bottom:161px;}
#slides .slidesjs-play, #slides .slidesjs-stop {/* left:90px; */ bottom:178px;}
#slides .slidesjs-previous, #slides .slidesjs-next {bottom:178px;}
.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:15px;}
.posco-great-bn .vision_txt {padding-right:20px;}
#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:7px;}
#slides .slidesjs-slide .btn-view02 {margin-top:30px; width:200px; height:35px; font-size:13px; padding-top:7px;}
/* #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, #slides .visual11 .moblie, #slides .visual12 .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:15px;}
.posco-great-bn .vision_txt {padding-right:16px;}
.posco-great-bn .posible span {padding-left:10px;}
#posco-live {height:450px;}
#posco-live .con1 {height:310px;}
#posco-live .con img {/*width:100%; height:auto; max-height:240px; *height:240px;*/}
/*0405 추? */
ul .m_list{width:100%; margin:15px auto;}
li .m_con{text-align:left;}
#slides .visual6 .web {display:none;}
#slides .visual6 .moblie {display:none;}
#slides .visual6 .Tablet {display:block; height:220%; background:url("../css/tvisual6.png") no-repeat center 0; background-color:#fff; background-size:contain;}
}
@media all and (min-width:600px) and (max-width:684px) {
/*161107 메인 ?스?리스???출 ?정 */
.notice1{float:left;width:275px;}
.notice2{float:right; width:275px; display:block;}
.notice2 li { text-align:left;}
}
@media all and (min-width:685px) and (max-width:979px) {
/*161107 메인 ?스?리스???출 ?정 */
.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:7px;}
.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, #slides .visual11 .moblie, #slides .visual12 .moblie {min-height:700px;}
.posco-great {height:170px;}
.posco-great-bn a img {width:110px;}
.posco-great-bn .history_txt {padding-left:22px;}
.posco-great-bn a.posible > span {padding-right:15px;}
.posco-great-bn .vision_txt {padding-right:22px;}
#posco-live {height:460px;}
#posco-live .con1 {height:320px;}
#posco-live .con img {/*width:100%; height:auto; max-height:240px;*/}
#slides .visual6 .web {display:none;}
#slides .visual6 .moblie {display:none;}
#slides .visual6 .Tablet {display:block; height:220%; background:url("../css/tvisual6.png") no-repeat center -10px; background-color:#fff;}
}
/* ?스?탑 CSS ?성 */
@media all and (min-width:980px){
/* body {overflow:hidden;} */
#slides3 {width:480px;}
#header.bg_png {background:url("../.../css/kor5/common/gnb/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("../css/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("../css/menu_off.png") no-repeat left top;}
#menu li.active {height:38px;}
#menu li.active a {height:38px; background-image:url("../css/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; margin-top:0;}
#slides .visual2.slidesjs-slide .txt_area {opacity:0; filter:alpha(opacity=0);}
#slides .slidesjs-slide .txt1 {font-size:43px;}
#slides .slidesjs-slide .txt1 img { display:block;}
#slides .slidesjs-slide .txt2 {font-size:20px;}
#slides .slidesjs-slide .btn-view {margin-top:20px; width:147px; height:35px; *height:28px; padding-top:7px; font-size:13px; text-decoration:none;}
#slides .slidesjs-slide .btn-view02 {margin-top:20px; width:215px; height:39px; *height:28px; padding-top:7px; font-size:13px; 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 {margin-top:20px;}
#slides .visual5 .btn-view {margin-top:20px;}
#slides .slidesjs-pagination {display:none; left:85%; bottom:0; /* padding-bottom:188px; */ padding-bottom:160px; margin-left:-490px;}
#slides .slidesjs-slide {height:100%;}
#slides .slidesjs-slide .moblie {display:none;}
#slides .visual1 .web {display:block; height:100%; /*background:url("../css/visual1.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual2 .web {display:block; height:100%; /*background:url("../css/visual2.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual3 .web {display:block; height:100%; /*background:url("../css/visual3.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual4 .web {display:block; height:100%; /*background:url("../css/visual4.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual5 .web {display:block; height:100%; /*background:#000;*/background-color:#CCC;}
#slides .visual5 .txt_area { display:none;}
#slides .visual6 .web {display:block; height:100%; /*background:url("../css/visual6.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual7 .web {display:block; height:100%; /*background:url("../css/visual7.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual8 .web {display:block; height:100%; /*background:url("../css/visual8.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual9 .web {display:block; height:100%; /*background:url("../css/visual9.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual10 .web {display:block; height:100%; /*background:url("../css/visual10.jpg") no-repeat center 100px; background-size:cover;*/background-color:#CCC;}
#slides .visual11 .web {display:block; height:100%; /*background:url("../css/visual11.jpg") no-repeat; background-size:cover;*/background-color:#CCC;}
#slides .visual12 .web {display:block; height:100%; /*background:url("../css/visual12.jpg") no-repeat; background-size:cover;*/background-color:#CCC;}
#slides .Tablet { display:none;}
#slidesjs-log {position:absolute; bottom:7px; left:-23px; /*left:-21px; /*?이??버??자리수?때 ?닐?엔 20 */ 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%;}
.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("../css/btn_play.png") no-repeat left top;}
#slides .slidesjs-stop {background:url("../css/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("../css/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 {padding-top:20px; padding-left:30px; margin-right:20px;} /*0405 ?정*/
.posco-great-bn2 p img { padding:2px; }
/*.posco-great-bn2 {display:inline-block; padding-top:20px; padding-left:30px; margin-right:20px;} /*0405 ?정*/
.posco-great-bn2 a {position:relative; display:block; float:left; text-align:center; color:#fff; text-decoration:none; line-height:1.8;}
.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;}
/*20160405 posco great ?이?웃 변?*/
.notice1{float:left;width:320px;}
.notice2{float:right; margin-left:20px; width:320px; display:block;}
.notice1 li a:hover{text-decoration:underline;}
.notice2 li a:hover{text-decoration:underline;}
/*170111 ?스??보?버튼 ?성 */
.news_more { float:left; width:134px;}
.news_more > a > img { margin-left:20px;}
.more_btn { margin-left:14px;}
.more_btn > img { margin:0; padding:0;}
.posco-great-bn2 ul li{text-align:left;}
.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("../css/bg_section1.jpg") no-repeat center top; background-size:cover; z-index:13;}
.posco-live img {width:auto;}
#posco-live .m-tit-txt {margin-bottom:22px; background: url("../css/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-play, #slides2 .slidesjs-stop {top:50%; width:40px; height:80px;} */
#slides2 .slidesjs-previous, #slides2 .slidesjs-next {width:30px; height:30px; left:50%; top:622px; *top:622px; margin-left:-40px;}
#slides2 .slidesjs-next {margin-left:10px;}
#slides2 .con {height:370px;}
#posco-live .con img {width:100%; height:175px;/* height:173px; max-height:173px; */}
#posco-live .con {position:relative; float:left; margin-right:20px; padding:10px; *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-family:'Malgun Gothic'; font-weight:600; font-size:15px; line-height:1.4;}
#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("../css/bg_section2.jpg") no-repeat center bottom; background-size:cover; z-index:13;}
#innovative-technology .m-tit-txt {background: url("../css/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.procure { width:auto; }
.main-tab > li a.btn-tab1 {display:inline-block; width:150px; text-align:left; margin-right:5px; padding:4px 0 6px 20px;}
.main-tab > li a.btn-tab1:hover {color:#fff; border:1px solid #2475d0; background:#2475d0 url("../css/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-con3 li {position:relative; float:left; width:479px; height:290px; margin-right:20px; margin-top:5px;}
#innovative-technology .pro-con2 {width:1649px;}
#innovative-technology .pro-con3 {width:980px;}
#innovative-technology .pro-con li a {display:block;}
#innovative-technology .pro-con li a img {width:313px; height:290px;}
#innovative-technology .pro-con3 li a img {width:479px; height:290px;}
#innovative-technology a {text-decoration:none;}
.pro-con .h3_txt {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:21%; padding-top:5px; font-size:20px; color:#fff; line-height:1.3; background: url("../css/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("../css/bg_pro.png") repeat left top;}
.pro-con-txt a span {display:block; color:#fff;}
.pro-con-txt .title1 {display:inline-block; font-size:16px; margin-top:35px; padding:10px 5px; border-top:1px solid #b2b0b3; border-bottom:1px solid #b2b0b3; letter-spacing:3px;}
.pro-con-txt .title2 {font-family:'Malgun Gothic'; font-weight:600; font-size:24px; margin-top:12px;}
.pro-con-txt .txt1, .pro-con-txt .txt2 {padding:0 14px;}
.pro-con-txt .txt1 {text-align:left; margin-top:18px;}
.pro-con-txt .txt2 {text-align:left; margin-top:8px; font-size:11px; color:#b5b5b5;}
/*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("../css/btn_scrollBar.gif") no-repeat center top;}
.jspDrag:hover, .jspDrag:focus, .jspDrag:active {background:#2475d0 url("../css/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("../css/bg_section3.jpg") no-repeat center top; background-size:cover; z-index:13;}
#creating-shared .m-tit-txt {background: url("../css/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-family:'Malgun Gothic'; font-weight:600; 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-family:'Malgun Gothic'; font-weight:600; line-height:1.3;}
.creating-shared-bn li a .title span {display:inline; font-family:'Malgun Gothic'; color:#797979;}
.creating-shared-bn li a .title2 .ptxt {display:inline; color:#222; font-size:18px; font-weight:600;}
.creating-shared-bn li a:hover, .creating-shared-bn li a:active, .creating-shared-bn li a:focus {text-decoration:none; background: url("../css/creating-shared-bg.png") repeat left top;}
.creating-shared-bn li a .btn-download {display:block; position:relative; font-family:'Malgun Gothic'; font-weight:600; font-size:12px; color:#222; width:99px; height:25px; margin:0 auto; border:1px solid #798792; background: url("../css/icon_download.png") no-repeat 73px 4px; line-height:23px; padding-right:10px;}
.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("../css/icon_download_on.png") no-repeat 73px 4px;}
/* main-bn */
.main-bn {position:relative; background:url("../css/bg_section4.jpg") no-repeat center bottom; background-size:cover; z-index:13;}
.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:234px; 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:18px;}
.main-bn ul li .title span {display:inline; color:#222; font-size:16px; font-family:'Malgun Gothic'; font-weight:600;}
.main-bn ul li .title > img {display:none;}
.main-bn ul li .txt {display:block; width:220px; padding:10px 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("../.../css/kor5/common/icon/icon_arrow_more.gif") no-repeat right 7px;}
.footer.fixed {position:fixed; bottom:0; z-index:15;}
/*161020 메인 비디??*/
#video0 {width:100%; top:0px; left:0px; background-color:#000; display:block;}
.mu_wrap { display:block;}
.mu_wrap .vid_mute_on { width:32px; height:32px; position:fixed; right:4px; top:50%; z-index:12; margin-top:-110px;}
/*.mu_wrap .vid_mute_off { width:30px; height:29px; background: url("../.../css/kor5/common/btn/btn_volume_off.png") no-repeat; position:fixed; right:4px; top:50%; z-index:12; margin-top:-110px; display:none;}*/
.btn_wrap { width:200px; height:200px; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-100px; z-index:999; background:rgba(0,0,0,0);}
.btn_hover { position:absolute; top:50%; left:50%; margin-top:-46px; margin-left:-37px; }
.mov_pause { width:74px; height:91px; background:url(/homepage/images/kor5/main/mov_pause.png) no-repeat; font-size:0px; border:0px; }
.mov_play { width:74px; height:91px; background:url(/homepage/images/kor5/main/mov_play.png) no-repeat; font-size:0px; border:0px; display:none;}
}
@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; */}
#slides .slidesjs-slide .btn-view02 {/* top:167px; */}
}
/* iPads (portrait and landscape) */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
#slides .visual5 .web {display:block; height:100%; background:url("../css/visual5.jpg") no-repeat center 18px; background-size:cover;}
#slides .visual5 .txt_area span, #slides .visual5 .txt_area a {color:#fff;}
#slides .visual5 .txt_area a {border-color:#fff;}
.btn_hover { display:none;}
.mu_wrap { display:none;}
}
@media only screen and (min-width : 980px) and (max-width : 1024px) {
#slides .visual5 .txt_area {display:block;}
}
/* iPads (portrait and landscape) */
@media only screen and (min-width : 980px) and (max-width : 1280px) {
#slides .visual6 .web ul { width:980px; height:100%; margin:0 auto; }
#slides .visual6 .web ul .mouseover1 {width:25%; height:100%; float:left; background:url("../css/story_01_off_ip.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover2 {width:25%; height:100%; float:left; background:url("../css/story_02_off_ip.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover3 {width:25%; height:100%; float:left; background:url("../css/story_03_off_ip.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover4 {width:25%; height:100%; float:left; background:url("../css/story_04_off_ip.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul li a { width:100%; height:100%;}
}
@media all and (min-width:1280px){
#slides .visual6 .web ul { width:1280px; height:100%; margin:0 auto; }
#slides .visual6 .web ul .mouseover1 {width:25%; height:100%; float:left; background:url("../css/story_01_off.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover1:hover { background:url("../css/story_01_on.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover2 {width:25%; height:100%; float:left; background:url("../css/story_02_off.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover2:hover { background:url("../css/story_02_on.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover3 {width:25%; height:100%; float:left; background:url("../css/story_03_off.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover3:hover { background:url("../css/story_03_on.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover4 {width:25%; height:100%; float:left; background:url("../css/story_04_off.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul .mouseover4:hover { background:url("../css/story_04_on.png") no-repeat center 100px; -webkit-transition:.4s;}
#slides .visual6 .web ul li a { width:100%; height:100%;}
}