@charset "utf-8";
/*본문*/
#u_skip {position: relative; z-index: 51; width: 100%}
#u_skip a {border-top: #28719c 1px solid; border-right: #28719c 1px solid; border-bottom: #28719c 1px solid; position: absolute; outline-width: medium; padding-bottom: 0px; text-align: center; padding-top: 0px; outline-style: none; padding-left: 10px; left: 0px; border-left: #28719c 1px solid; outline-color: invert; top: -10000px; padding-right: 10px; width: auto;background:#28719c}
#u_skip a:active {cursor: pointer; zoom: 1; text-decoration: none; top: 0px}
#u_skip a:focus {cursor: pointer; zoom: 1; text-decoration: none; top: 0px}
#u_skip span {font-size: 11px; color: #fff; padding-bottom: 0px; padding-top: 2px; padding-left: 0px; display: inline-block; letter-spacing: -1px; line-height: 26px}
/*본문*/

#total_wrap, .total_wrap  {height: 100%; text-align: center;}
.obj_centers {min-width: 285px; max-width: 1400px; text-align: left; margin: 0px auto; padding:0px 10px; position:relative}
.w_val { width: 1400px; display: block; position: relative;  margin: 0 auto;}

.wrapper {
	width: 100%;
	margin: 0 auto;	
	min-width: 1400px;
    height: calc(100% - 165px);
    position: relative;
    min-height: 100%;
    top: 0px;
}	
.wp_center {width: 1400px; margin: 0 auto; position: relative;text-align: center;}

/* #top {height: 100px} */

/*상단 top바*/
.top_bar{
	background: #f9fafc;
	display: block;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid rgb(245, 245, 245);
}
.top_bar ul li img{
	vertical-align: middle;
}
.top_bar ul.bar1 li{
	float:left;
	display: inline-block;
	line-height: 40px;
	font-size: 13px;
	padding: 0 34px 0 10px;
}
.top_bar ul.bar2{
	float:right;
}
.top_bar ul.bar2 li{
	display: inline-block;
	float: left;
	line-height: 40px;
	font-size: 13px;
	padding: 0 14px 0 10px;
}
.logos {position: relative; background: #ffffff;}
.logos li {display: inline-block; width: 33%; height: 120px; vertical-align: middle;text-align: left;}
.logos li:nth-child(3) {text-align: right; }
.logos li.center {background: url(/img/posart/icon_top_center.svg) no-repeat left center;}
.logos li.center p {text-align: left; line-height: 16px;padding: 10px 0px 20px 80px;font-size: 12px; }
.logos li.center span { font-size: 18px;   font-weight: bold; line-height: 38px;}
.logos li.top_logo {background: url(/img/posart/logo_main.svg) no-repeat center center;}
.logos li p.with_logo {background: url('/img/posart/withposco.svg') no-repeat center right;background-size: 80%; text-align: right; display: inline-block; width: 161px; height: 37px; margin-top: 50px;}
.logos li p.poscosteeleon_logo {background: url('/img/posart/poscohumans_logo.png') no-repeat center left; text-align: right;display: inline-block; width: 108px; height: 43px; margin-top: 38px; margin-right: 10px;cursor: pointer;}

.black_icon { background: url(/img/product/layout/blank_icon1.png) 145px center no-repeat !important;}


/*.page_top{position:fixed;bottom:100px;right:10%}*/
.topMenuBg{background:#ffffff; position: relative;   z-index: 99999;   width: 100%; min-width: 300px;   top: 0px;}

/*사이드메뉴*/
#sidemenu {right: 0px; position: absolute; top: 40px}
#sidemenu li {float: left}
/*사이드메뉴*/

/*메인레이아웃_start*/

.video_totalwrap {    height: 100%; }
#Video {
    position: relative;
    top: 110px;
    width: 100%;
    height: 100%;
    min-width: 100%; 
    min-height: 100%; 
    background-color: black;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
}

 .video_wrapper {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      padding-top: 25px;
      height: 100%;
      background-position: center center;
      background-size: contain;
      object-fit: cover;
  }
 .video_wrapper video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      border: none;
  }
  
  /*유튜브 영상 추가*/
 .youtube_wrapper {
    position: relative;
    height: 100%;
    padding-bottom: 0px;
}
.youtube_top {height:600px; position: relative; background:linear-gradient(179deg , #3e3e3e, #04040400); z-index: 1;}
.youtube_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 


.mainvisual{width: 100%;position:relative;background: url('/img/admin/bg_logo.png');}
.mainvisual .roundbottomright{position:absolute;right:0;bottom:0; width:79px;height:79px; background: url('/img/front/kr/roundbottomright.png') no-repeat center center;z-index:1}
.mainvisual .roundtopright{position:absolute;right:0;top:0; width:5px;height:5px; background: url('/img/front/kr/roundtopright.png') no-repeat center center;z-index:1}
.mainvisual .roundtopleft{position:absolute;left:0;top:0; width:5px;height:5px; background: url('/img/front/kr/roundtopleft.png') no-repeat center center;z-index:1}
.mr1{z-index:55;position:absolute;left:-1px;top:0;width:86px;height:108px;background: url('/img/front/kr/m_top_left.png') no-repeat left top}
.mr2{z-index:55;position:absolute;right:0;top:0;width:6px;height:7px;background: url('/img/front/kr/m_top_right.png') no-repeat right top}
.mr4{z-index:55;position:absolute;right:0;bottom:0;width:9px;height:8px;background: url('/img/front/kr/m_bottom_right.png') no-repeat right bottom}
.f1 {width: 100%;margin-bottom:10px}
.f2 {width: 69.1%;}
.f3 {width: 30%;}


.linesub{border-top:1px solid #004d81;height:1px;overflow:hidden;margin-top:124px;margin-bottom:8px;position: fixed; z-index: 9999999;  width: 100%;}

#footer {bottom: 0px; position: relative;  width: 100%; background: #ffffff;}
#perInf { width: 70%;}
.perInf_box { border-top: 1px solid #ccc;    border-bottom: 1px solid #ccc;    background: #faf9fa;    padding: 30px;    font-size: 110%;    margin-bottom: 50px;
    padding: 20px; }

.perInf_title{
	background: url(/img/posart/find_id_icon.png) no-repeat center top;   
	padding-top: 50px;text-align: center; font-size: 26px; margin-bottom: 10px;
}

/*추가*/


/*공통*/
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}

.mb100 {margin-bottom: 100px;}
.mb150 {margin-bottom: 150px;}

span.red { color: red; padding-right: 5px;}
span.gray { color: #a3a3a3; padding-right: 10px;}
span.txt_dt {text-decoration: underline;}

.btn_submit {background-color: #00578a;   border: 1px solid #0a5e8f; color: #ffffff;}
.btn_close {} 

/*business*/
.slides{height:204px;overflow:hidden;position:relative;width:65%;float:left;padding:12px 2% 0 2%;border-radius:3px;border:1px solid #e1e1e1!important;background:#fff}
.rightimg{width:30%;padding:0;float:right;overflow:hidden}
.slidesimg{width:30%;float:left}
.slidestext dt{font-size:16px;font-weight:700;margin-bottom:10px}
.slidestext dd{line-height: 140%;font-size:13px;font-weight:400;}
.slidestext{width:66%;float:left;padding: 0 2%}

.qbanner{margin-top:3px;border:1px solid #e1e1e1; display:block;overflow:hidden;height:50px;position:relative;border-radius:3px}
.rightimg a{color:#000}
.rightimg a:hover{color:#3276b1}
.qbanner span{position:absolute}
.qbtext1{top:16px;left:60px;font-size:15px;font-weight:700}
.qbtext2{top:33px;left:50px;font-size:12px;color:#666}
.qb1{background: #f7f7f7 url('/img/front/kr/qb1.png') no-repeat 10px center}
	.qb1 a{margin-top:0}
.qb2{background: #f7f7f7 url('/img/front/kr/qb2.png') no-repeat 15px center}
.qb3{background: #f7f7f7 url('/img/front/kr/qb3.png') no-repeat 15px center}
.qb4{background: #f7f7f7 url('/img/front/kr/qb4.png') no-repeat 15px center}
.qbwp a{background: url('/img/front/kr/mainicon.png') no-repeat 95% center}

/*subquick*/
.rbox2{border:1px solid #d6d6d6;border-radius:10px;padding:7px;margin-top:20px;position:relative}
.rbox3{border:1px solid #d6d6d6;border-radius:10px;padding:7px;position:relative}
.rbox2 .rboxshw{position:absolute;bottom:-5px;width:100%;height:4px;background: url('/img/front/kr/rboxshw.png') no-repeat center}
.subquick ul{padding:3px}
.subquick ul li{padding: 5px 0 5px 35px;margin: 10px 10px}
.subquick ul li a{color: #000;font-size:14px}
.subquick ul li a:hover{color: #3276b1}
.subquick ul li.sub_q1{background: url('/img/front/kr/q_icon1.png') no-repeat left center}
.subquick ul li.sub_q2{background: url('/img/front/kr/q_icon2.png') no-repeat left center}
.subquick ul li.sub_q3{background: url('/img/front/kr/q_icon3.png') no-repeat left center}
.subquick ul li.sub_q4{background: url('/img/front/kr/q_icon4.png') no-repeat left center}

/*팝업*/
.main_popup{padding:10px!important;display:none;border-bottom:1px solid #e1e1e1;background: #fafafa}
.popcontent{padding-top:10px}

/*위젯*/
.qwtitle{float:left;font-size:15px;border-right:1px solid #ededed;padding: 34px 40px 34px 30px}
#widget{background:#fafafa}
#widget ul{float:left;padding: 5px 0 5px 25px}
#widget ul li{float:left;width:120px}
#widget ul li img{width:52px;height:52px}
#widget ul li div{color:#000;margin-top:10px}
.qwtitle div{position: relative; top: -12px}
.wbtns{position: absolute;top: 50px; left:53px}

.widgetset li{position:relative;float:left;text-align:center;width:100px;height:80px;padding:15px 10px 10px 10px}
.widgetset li input{margin-right:3px}
.widgetwrap{height:300px;overflow-x:hidden;overflow-y:scroll;padding:10px 0}

/*lang*/
.langselect{position:absolute;top:0;background: #f9fafc; text-align: right;}




/*메인이미지*/
.mainvisual .bx-wrapper{}
/*메인레이아웃_end*/

/*푸터*/
.footmenu{background:#dfdfdf;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0px;    text-align: left;}
.footmenu li{ display: inline-block;margin-right:20px;border-right: 1px solid #bababa; padding-right: 30px; line-height: 9px;}
.footmenu li:nth-child(4) {border-right: none;}
.footmenu li a{color:#000;font-size:13px}
.footmenu li a:hover{color:#3276b1}
.footmenu li.copyright_btn { display: inline-block;float: right;border-right: 0px solid #bababa;padding-right: 0px; margin-right: 3px; top: 5px; position: relative; }
.footmenu li.copyright_btn a {text-align: center; letter-spacing: 0; color: #fff; background: #00588a; border-radius: 30px; padding: 10px 20px;}
.copyrights {padding:20px 0px;} 
.copytext{padding: 0px 0 20px 175px;  background: url(/img/posart/footer_logo.svg) no-repeat; text-align: left; line-height: 20px;}
.smalls{font-size:12px}
.webin {position: absolute; right: 0px; top: 0px; }
.webin li { position: relative; display: inline-block; margin-left:20px; }
.bt_top {position: fixed; bottom: 127px; z-index: 105; right: 2px;}
.bt_top .top {background: #16457d; padding: 14px; margin-right: 10px; line-height: 35px; border-radius: 100%; width: 10px; height: 10px; justify-content: center; align-content: center;  display: flex; text-align: center;}
/*푸터*/

/*서브 navi*/
#navi {width: 100%; position: relative; top: 0px; margin-bottom:50px;}
#navi .subtitle_r{position:absolute;top:0;right:0;width:48px;height:46px;background: url('/img/front/kr/right_top.png') no-repeat left center;}
#navi .subtitle_l{position:absolute;top:0;left:0;width:8px;height:9px;background: url('/img/front/kr/left_top.png') no-repeat left center;}
#navi .substitle{text-align:center;position:relative;font-size:25px;font-weight:700;padding: 40px 20px}


/*서브 left 사용안함*/

/* #left{width:20%;float:left;margin:20px 0;margin-right:2%}
.leftmenus{position:relative;border:1px solid #e2e2e2}
.subtitle_r{position:absolute;top:0;right:0;width:48px;height:46px;background: url('/img/front/kr/right_top.png') no-repeat left center;}
.subtitle_l{position:absolute;top:0;left:0;width:8px;height:9px;background: url('/img/front/kr/left_top.png') no-repeat left center;}
.substitle{text-align:center;position:relative;font-size:25px;font-weight:700;background: #004d81;color:#fff;padding: 40px 20px}
.leftmenus ul{}
.leftmenus ul ul{padding:10px 0;background: #f8f8f8;display:none}
.leftmenus ul li:first-child{border:none}
.leftmenus ul li{border-top:1px solid #e2e2e2;font-size:14px!important;font-weight:700}
.leftmenus ul li.sub_on{}
.leftmenus ul li.sub_on a{}
.leftmenus ul li ul{border-top:1px solid #e2e2e2}
.leftmenus ul li a{color:#000;width:84%;display:block;padding: 14px 8%}
.leftmenus ul li a:hover{color:#004d81;text-decoration:underline}
.leftmenus ul li ul li{border:none}
.leftmenus ul li ul li a{background:url('/img/front/kr/icon2s.png') no-repeat 8% center;width:auto;padding: 5px 8% 5px 14%;font-weight:normal;font-size:13px;color:#000!important}
.leftmenus ul li ul li.on a{background: url('/img/front/kr/icon1s.png') no-repeat 8% center;color:#004d81!important}
.leftmenus ul li ul li.on2 a{background: url('/img/front/kr/icon1s.png') no-repeat 8% center;color:#004d81!important;font-weight:bold}
 */

/*컨텐츠영역*/
#body_sub{width: 100%; padding-top:100px; margin-bottom: 100px;}
.body_sub{font-size:14px;position:relative; min-height: 430px;}

.content_navi{font-size:13px;color:#000; text-align: center;display: none;}
.content_navi span{display:inline-block; padding:5px 10px 5px 0;position:relative}
.content_navi .navion{}
.content_navi a{color:#000}
.content_navi img{vertical-align:middle;margin-top:-3px}
.content_title{margin-top:30px;margin-bottom:20px;font-size:30px;font-weight:500;position:relative;z-index:1;text-align: center;}
.content_info {font-size:13px; position: relative; top: 10px; }

.location_menu{display:none;position:absolute;background: #004d81; color:#fff;font-size:12px;top: 25px;z-index:11}
.location_menu a{color:#fff;display:block;white-space: nowrap;padding: 7px 15px}
.location_menu a:hover{background:#3276b1;color:#fff!important;text-decoration:none!important;}
.location_menu a:active{text-decoration:none!important;color:#fff!important}
.location_menu .mainitem{float:none}
.location_menu .leftmainitem ul{display:none!important}

/*컨텐츠탭*/

/*tabs1*//*
.tabs1{position:relative}
.tabs1 ul .tabitems span{display:none;float:left}
.tabs1 ul .tabitems{float:left;cursor:pointer}
.tabs1 ul .tabitems a{color:#000}
.tabs1 ul .tabitems div.tabs1_title{font-size:13px;padding:10px;text-align:center;border:1px solid #204687;border-left:none}
.tabs1 ul .tabitems:first-child div{border-left: 1px solid #204687}

.tabs1 ul .tabitems.tabs1_on div{text-overflow:ellipsis;overflow:hidden;height:13px;white-space:nowrap;background:#204687}
.tabs1 ul .tabitems.tabs1_on div a{color:#fff!important}
.tabs1 ul .tabitems.nor div{text-overflow:ellipsis;overflow:hidden;height:13px;white-space:nowrap;background:#fff;border-bottom-color: #204687}
.tabs1 ul .tabitems.tabs1_on a{font-weight:700;color:#004d81}
.tabs1 ul .tabitems.nor a{color:#000}
.tabs1_field{padding:20px 0;line-height:140%}
.tabs1_img{padding:20px 0}
.tabs1_title a{text-decoration:none!important}*/

					
					.tabs1{position:relative;display:none}
					.tabs1 ul .tabitems span{display:none;float:left}
					.tabs1 ul .tabitems{float:left;cursor:pointer}
					.tabs1 ul .tabitems a{color:#000}
					.tabs1 ul .tabitems div.tabs1_title{font-size:14px;padding:10px;text-align:center;border:1px solid #e8e8e8;border-left:none}
					.tabs1 ul .tabitems:first-child div{border-left: 1px solid #e8e8e8}
					
					.tabs1 ul .tabitems.tabs1_on div{text-overflow:ellipsis;overflow:hidden;height:25px;white-space:nowrap;background:#fff;border-color:#004d81;border-bottom:none;border-top-width:2px;border-left:1px solid #004d81}
					.tabs1 ul .tabitems.nor div{text-overflow:ellipsis;overflow:hidden;height:25px;line-height: 28px;white-space:nowrap;background:#f7f7f7;border-bottom-color: #004d81}
					.tabs1 ul .tabitems.tabs1_on a{color:#004d81;display:inline-block;margin-top:-1px;font-weight:bold}
					.tabs1 ul .tabitems.nor a{color:#000;margin-top:0}
					.tabs1_field{padding:20px 0;line-height:140%}
					.tabs1_img{padding:20px 0}
					.tabs1_title a{text-decoration:none!important}
					
					
					.tabs1_in{position:relative}
					.tabs1_in ul .tabs1_in_item span{display:none;float:left}
					.tabs1_in ul .tabs1_in_item{float:left;cursor:pointer}
					.tabs1_in ul .tabs1_in_item a{color:#000}
					.tabs1_in ul .tabs1_in_item div.tabs1_in_title{font-size:14px;padding:10px;text-align:center;border:1px solid #e8e8e8;border-left:none}
					.tabs1_in ul .tabs1_in_item:first-child div{border-left: 1px solid #e8e8e8}
					
					.tabs1_in ul .tabs1_in_item.tabs1_on div{text-overflow:ellipsis;overflow:hidden;height:13px;white-space:nowrap;background:#fff;border-color:#004d81;border-bottom:none;border-top-width:2px;border-left:1px solid #004d81}
					.tabs1_in ul .tabs1_in_item.nor div{text-overflow:ellipsis;overflow:hidden;height:13px;white-space:nowrap;background:#f7f7f7;border-bottom-color: #004d81}
					.tabs1_in ul .tabs1_in_item.tabs1_on a{color:#004d81;display:inline-block;margin-top:-1px;font-weight:bold}
					.tabs1_in ul .tabs1_in_item.nor a{color:#000;margin-top:0}
					
					.tabs1_in_title a{text-decoration:none!important}
					

/*tabs2*/
.tabs2{position:relative;top:20px}
.tabs2 .tab2_rbox{background:#fafafa;padding:15px 15px 15px 15px;border:1px solid #e1e1e1;border-radius: 5px;line-height:170%}
.tabs2 .tab2_rbox strong{font-size:16px;display:block;margin-bottom:5px}
.tabs2 .tab2_rbox .tab2_text{width:78%;float:left}
.tabs2 .tab2_rbox .tab2_img{width:20%;float:left;margin-right:2%}
.tabs2 .tab2_rbox .tab2_img img{width:100%}
.tabs2 .tab2_rbox li{margin-bottom: 10px;background: url('/img/front/kr/dot_r.png') no-repeat left 8px;padding-left:10px}
.tab2_field{}
/*
.tabs2 .tabitem{margin-right:5px;height:40px}
.tabs2 .tabitem .button{padding:10px 20px}
*/
.tab2_field{margin-top:10px}
.tabs2 .tabitem{heights:30px; width:24.5%;margin: 0 0.5% 0.5% 0}
.tabs2 .tabitem .button{text-align:center;padding:6px 13px; display: block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.tabs2 .tabitem .btn_white{color:#000}
.tabs2 .tabcontent{margin-bottom:20px}
/*tabs3*/

.tabs3{position:relative}
.tabs3 .tabs3_subtitle{display:block;margin-bottom:15px;font-size:14px;padding-left:10px;background: url('/img/front/kr/dot_r.png') no-repeat left 8px}
.tabs3 .tabs2items .btn_white{color:#000}
.tabs3 .tabs2items .btn_blue{color:#fff}
.tabs3 .tabs2items{padding-top: 5px;background: url('/img/front/kr/content/contents/businaw.png') no-repeat 4% 10px; padding-left:5%}
.tabs3 .tabs2items:first-child{padding-left: 0}

.tabs3 .tabs2items{width:10%}
.tabs3 .tabs2items .button{paddings:6px 13px; text-align:center; display: block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.tabs3 .rboxtab3{padding:10px;border:1px solid #e1e1e1;border-radius: 5px;line-height:170%;background:#fafafa}
.tab3img{float:left;width:15%}
.tab3img img{width: 100%}
.tab3text{float:left;width:83%;padding-left:2%}
.tab3content,.writetab3{margin-top: 15px}

.tabs3 .net_table td img{width:100%}

.tabs3 .g_1s td img{width:100%}
.tabs3 .g_2s td img{width:80%}
.tabs3 .g_3s td img{width:30%}

.tabs3 .net_table th{position:relative;border-left:none;border-right:none}
.tabs3 .net_table .bl{border-left:1px solid #ddd}
.tabs3 .net_table .br{border-right:1px solid #ddd}
.tabs3 .net_table th img{position:absolute;left:-1px;top:40%}

/*컨텐츠 공통 스타일*/
.line_dashed{height:1px;overflow:hidden;border-bottom:1px dashed #cecece}
legend{display:none}
textarea{background: none;border:none;width:100%;min-height:100px;font-family: 'Nanum Gothic', sans-serif;}
.padding5{padding:5px}


/*로그인*/


.snsLogin_warp{width:450px;margin-top:12%}
.snsLogin_warp h2{padding: 0 0 5px 5px;font-size:15px;font-weight:700}
.snsLogin{border-top:2px solid #3276b1;border-bottom:1px solid #e1e1e1;padding:10px 0}
.logininfo{padding:15px 5px;color:#999;background:url('/img/front/kr/loginimg.png') no-repeat right bottom;}
.logincopy span{color:#3276b1;font-weight:700}
.logincopy{padding:10px 0;text-align:center}
.lw{border-top: 1px dashed #e1e1e1;padding: 5px 0;position:relative}
.loginbtns:first-child{border-top: none;padding-bottom:2px}
.btn_infos{padding: 1px 0 0 0;margin-left:10px;color:#999}
.btn_infos a{color: #3276b1}
.loginbtns{padding-left:5px}
.login_mainbtn{margin-top:20px}



/*반응형*/

.menubuttons{display: none}
@media all and (max-width: 1520px) {
	.bt_top {bottom: 172px;}
}

@media all and (max-width: 1410px) {
	.w_val, .wp_center {width:100%; }
	.logos, { padding: 0px 10px; }
	.footmenu { padding: 15px 10px; }
	.copyrights {padding: 20px 10px;}
	.img{width:100%}
}

@media all and (max-width: 1023px) {
	#left{display:none}
	#top {height: 75px;}
	.linesub {margin-top: 99px;z-index: 999;}	
	.logos li p.with_logo { display: none;}
	.footmenu li {margin-right: 10px; padding-right: 10px;}
}

@media all and (max-width: 1100px) {
	.webin { position: relative; right: 10px; top: 0px; width: 100%; text-align: right;}
}

@media all and (max-width: 1000px) {
	.logos li:nth-child(1) {disanly:none;}
}

@media all and (max-width: 940px) {
	.mainmenus_area .mainitem {font-size: 15px; margin-left: 25px;margin-top:2px}
	.rboxshw{background-size: 80% 100%;}	
}

@media all and (max-width: 825px) {
	.logos li.center { background: none;}
	.logos li.center p {  padding: 10px 0px 20px 0px;}
}

@media all and (max-width: 780px) {
	.obj_centers{position:relative;left:0; padding: 10px 5px;}
	#sidemenu{right:38px;top:40px!important}
	#sidemenu ul li button{padding: 10px 10px}
	.tabs2 .tab2_rbox .tab2_img{display:none}
	.tabs2 .tab2_rbox .tab2_text{width:100%}
	.langselect{right:0!important}
	.content_title{font-size:20px}
	.board_list { overflow-x: scroll;white-space: nowrap; }
}

@media all and (max-width: 700px) {
    .logos {   border-bottom: 1px solid #e0e0e0;height: 78px;}
	.logos li {width:100%; height: 39px;}
	.logos li p.with_logo, .logos li p.poscosteeleon_logo {display: none; }
	.logos li.top_logo { background: url(/img/posart/logo_main.svg) no-repeat center left; background-size: 180px;top: -18px;}
	.top_bar ul.bar2 li {padding: 0 5px 0 5px;}	
	.logos li.center, .logos li.with_logo {display: none; }	
	#body_sub{width: 100%;padding-top: 50px;}
	.bt_top { bottom: 30px; }
}

@media all and (max-width: 471px) {
	.logos li {width:100%;}
	.top_bar {height: 30px;}
	.top_bar ul.bar1 {display: none !important;}
	.top_bar ul.bar1 li {padding: 0 34px 0 5px; line-height: 27px;}
	.top_bar ul.bar2 { float: left;  border-top: 1px solid #e0e0e0; width: 100%; }
	.top_bar ul.bar2 li{line-height: 27px;}
}




@media all and (max-width: 1101px) {
	.slides{border:none!important}
	.borderline{width:100%;padding:0;border:none;border-top:1px solid #d6d6d6;padding-top:20px}
	.mstock2 .j_b{top:40px}
	.qbtext1{font-size:13px}
	.qbtext2{font-size:12px}
	.mblog ul{height:280px}
	.mainvisual .bx-controls{width:100%!important}
	.mainvisual .bx-wrapper{min-height:10px}
	.mainvisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{top:-50px!important;right:10px}
	.slidestext{height:120px;margin-bottom:10px;overflow-y:scroll}
	.styleicon{display:none}
	.bx-wrapper{min-height:100px}
	.stock_info4 li{padding: 3px 3% 3px 3%;margin-top:0}
	.stock_info3 li{padding: 3px 3%}
	.stock_info2{padding: 25px 0 10px 0;margin-top:0}
	.j_b{top:55px}
	.stock_info1{padding: 10px 0 10px 0}
	.qwtitle div{top: 0}
	.wbtns{position: absolute;left: 110px;top: 5px}
	.rightimg img{width:45%!important}
	.f1 {width: 100%}
	.f2 {width: 100%;margin-right:0}
	.f3 {clear:left;width:100%;margin-top:0}
	.syber_banner div{padding: 5% 0!important}
	.wnews{padding:10px 0!important;width:48%;margin-right:1%;position:relative;border:none!important}
	.newsdata{position: absolute;top:15px;right:0}
	.more2{top:15px}
	.mblog{padding:10px 0!important;width:50%;height:auto;border:none!important}
	/* .wnews ul{display:none} */
	.rbox{smargin-bottom:2%}
	.fimg{display: none}
	/*.mstock{width: 45.5%;float:left;padding:0;padding:2%;height: 120px}*/
	.mstock{width: 48%;float:left;padding:10px 0;height: 164px;border:none!important}
	/*.prod{width: 44.6%;float:left;padding:0;margin-right:1%;padding:2%}*/
	
	.catalog.qimg{width:45%;margin-right:1%;padding: 13px 2% 10px 2%;background-size:20%;background-position: 90% 80%}
	.biz.qimg{width:45%;margin:0;padding: 13px 2% 10px 2%;background-size:20%;background-position: 90% 80%}
	
	.prod.qimg{width:45%;margin:0;padding: 13px 2% 10px 2%;background-size:20%;background-position: 90% 80%}
	.companys.qimg{width:45%;margin-right:1%;padding: 13px 2% 10px 2%;background-size:20%;background-position: 90% 80%}
	
	/*.prod.qimg{width:42.5%;margin-right:0;padding: 13px 3% 10px 3%;background-size:35%;background-position: 90% 80%}*/
	.locations.qimg{width:45%;margin:0;padding: 13px 2% 10px 2%;background-size:20%;background-position: 90% 80%}
	.video.qimg{width:45%;margin:0;padding: 13px 2% 10px 2%;background-size:20%;background-position: 90% 80%}
	
	
	.qwtitle{display:block;padding:0;float:none;border:none;margin-bottom:15px}
	#widget ul{float:none;padding:0}
	#widget ul li{width: 13.2%;margin-left:1%}
	#widget ul li img{width: 100%; max-width: 52px; max-height: 52px; height:100%}

	#sidemenu{top: 10px}
	/*.submenus_area{background-image:none!important}*/
	.copytext{padding-left:150px; font-size: 13px;}
	.buys_links{float:right}
	.wnews span{position:absolute;right:0;top:0}
	.wnews{padding:0;paddings:10px;height:auto}
	.wnews ul li{position:relative}
	/*.companys{padding:0;padding:10px;height:auto}*/
	/* .langselect{right:50px} */
	.mstock {width:100%;}
	
}

@media all and (max-width: 800px) {
	.stock_info2{padding: 10px 0 10px 0}
	.footmenu{padding: 10px 0!important}
	.snsLogin_warp{width:96%;margin-top:0;padding:2%}
	.bx-wrapper img{width:100%}
	.slides{width:100%;padding:0}
	.rightimg{width:100%;text-align:center;margin-bottom:10px}
	.rightimg img{width:48%!important}
	.j_b{top:55px}
	.f1 {width: 100%}
	.f2 {width: 100%;margin-top:0}
	.f3 {clear:left;width:100%;margin-top:0}
	
	.qimg{width:96%!important;margin-right:0!important}
	.wnews{width:100%;padding:0;margin-top:0}
	.mblog{width:100%;padding:0;top:0}
	.mblog ul{height:280px}
	.companys.qimg{margin-top:10px}
	
	/*.prod{width: auto;float:none;padding:10px}*/
	.mstock{width: auto;float:none;paddings:10px;margin-top:0;top:0}
	#widget{}
	#widget ul li div{display: none}
	#widget ul li{padding-bottom:3px}
	#widget ul{padding-bottom:10px!important}
	.footmenu, .webin {  text-align: center;}
	.copytext{padding:20px;background:none;text-align: center}
	.footmenu ul li{float:none;margin:0;border:1px solid #ededed;background:#f7f7f7;border-radius:8px;padding:10px;margin-bottom:5px}
	.footmenu li.copyright_btn {float: none;background: transparent; border:none;margin-bottom: 15px;display: block;}
	
	
	.group_link{float:none;text-align:left;padding-top:19px}
	.content_title{margin-top:20px;}
	.mr1,.mr2,.mr4{display:none}
	.copyrights {padding:0px 20px 20px 0px;}
}

@media all and (max-width: 600px) {
	.footmenu ul li {width: 93%;}
}

label.error{
position:absolute;
top:-20000px;
}



/*ie7bug*/
*:first-child+html .ie7bug_01{z-index:30}
*:first-child+html .menubgs{left:0}
*:first-child+html .mblog{float:left!important;width:45.7%}
*:first-child+html .wnews{width:44.1%!important}
*:first-child+html .tabs2 .tabitem{width:24.4%!important}
*:first-child+html .tabs1{width:99.9%;display:inline-block}
*:first-child+html .tab2_text{width:75%!important}

/*상단띠배너*/
#ribbon_layer {width:100%; height:100px; background-color:#cbe5f7;position: relative;     top: 0px;    z-index: 9999999;}
.ribbon {    position: relative; width: 100%;   margin: 0 auto 0 auto;    max-width: 1400px; padding: 0px;     overflow: hidden;}
.loveWrap{	display: table;	margin: 0 auto;	width:100%; }
.loveWrap ul::after{	display:table;	content:"";	clear:both;}
.loveWrap ul li{ 	float: left; }
.loveLe01 {	width:19.62962962962963%; margin-top: 15px;}
.loveLe02 { width:77%; 	margin-top:0px;	margin-left:0%; }
.loveLe02 ul {	margin-top:5px; }
.loveLe02 ul::after{ 	display:table;	content:"";	clear:both; }
.loveLe02 li{ 	float: left; }
.loveLe02 ul li.loveLe_btn { float: right;  margin-top: -28px;  z-index: 99;   position: relative;right: -200px;}
.loveLe02 a{	text-indent: 0;}

.ribbon_layer_close {right: 0px;  position: absolute; text-align: right; top: 30px; font-size: 14px;}
@media (max-width: 770px) {
#ribbon_layer {top: 0px; min-width: 300px; }	
.loveLe02 p img {    width: 100%;  min-width: 647px;   overflow: hidden; }
.ribbon_layer_close {top: 7px;}
.btn_hide {top: 18px;   position: relative;}
.f5item {width: 45%; padding: 0 5% 0px 0; height: 290px;}
.f5item:nth-child(3n) {padding: 0 0 0 0;}
.f5item:nth-child(5n) {padding: 0 0 0 0;}
}
@media (max-width: 400px) {
.loveLe01 img { width:100px; }
.ribbon_layer_close { top: 10px;}
.f5item {width: 100%; padding: 0 5% 30px 0; height: auto; clear: both;}
.s1, .s2, .s3 {background-size: cover;}
}
/*상단띠배너*/

.withposco {
    position: absolute;
    right: 0px;
    top: 45px;
}