html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, footer, header, nav, section, summary, button,select,input
{font-family:'Noto Sans KR','Roboto','Apple SD Gothic Neo','malgun gothic','dotum',sans-serif; }





/* header */
header.container:after{height: 390px;}

div.bg_top01 { height:260px; background:url(../images/common/subTitle_bg_1.jpg)no-repeat 0% 0%; background-size:cover; }
div.bg_top02 { height:260px; background:url(../images/common/subTitle_bg_2.jpg)no-repeat 0% 0%; background-size:cover; }
div.bg_top03 { height:260px; background:url(../images/common/subTitle_bg_3.jpg)no-repeat 0% 0%; background-size:cover; }
div.bg_top04 { height:260px; background:url(../images/common/subTitle_bg_4.jpg)no-repeat 0% 0%; background-size:cover; }

.view-m{display: none !important;}
@media screen and (max-width: 767px) {
.view-m{display: block !important;}
.hide-m{display: none !important;}
div.bg_top01,
div.bg_top02,
div.bg_top03,
div.bg_top04 { height:150px; padding:0 15px; background-position:-100px 50%; }
div.bg_top04 { background-position:-490px 50%; }
div.content_top h2{padding-top: 50px;}
}

div.site_map .localmenu{display: none;}
header.container .localmenu{position: absolute; right: 0; top: 27px; text-align: right;}
header.container .localmenu a{color: #a2a2a2; display: inline-block; vertical-align: middle; margin-right: 24px; font-size: 14px; font-weight: 300;}

div#gnb ul.menu > li{width: 200px; padding-right: 10px; text-align: center;}
div.site_map > ul > li{width: 20%; padding-right: 10px; position: relative;}
div.site_map ul > li > ul{position: absolute; top: 90px; width: 205px;} 
div.site_map ul > li > ul > li a {height: auto;line-height: 1.4;font-size: 15px;letter-spacing: -0.5px; margin-bottom: 20px;}
div.site_map{width: 1000px;}


li.first_list {background:url(../images/main/bg_main_production.jpg)no-repeat 50% 50% / cover;}

@media screen and (max-width: 1800px) {
	header.container .localmenu a{ margin-right: 14px;}
}

@media screen and (max-width: 1685px) {
	header.container .localmenu{display: none;}
	header.container .site_map .localmenu{display: block; top: 430px;}
}

@media screen and (max-width: 1300px) {
	header.container .localmenu{display: block; right: 120px; top: 26px; font-size: 12px;}
	header.container .localmenu a{font-size: 12px; letter-spacing: 0; margin-right: 12px;}
  header.container h1{width: 110px;}
	header.container h1 a{-webkit-background-size: 100px 27px;
	background-size: 100px 27px;}
	
}

.tt-u{text-transform: uppercase;}


@media screen and (max-width: 768px) {
	header.container .localmenu{right: 55px;top: 20px;}
	header.container .localmenu a{margin-right: 6px;}
  ul.imgBox li h3{font-size: 22px; line-height: 34px;}

}

/* //header */

header.container h1 a { background-image:url(../images/common/main_logo.png); }
ul.imgBox li.num1 { background:url(../images/main/bg_main01.jpg)  no-repeat 75% 65% / cover;}
ul.imgBox li h3 {margin-top: 115px;}
@media screen and (max-width: 767px) {
  ul.imgBox li h3{margin-top: 5vw;}
}
footer div.footer_wrap .footer_logo{width: 150px; height: 40px;}
footer div.footer_wrap .footer_logo p{background-image: url(../images/common/main_logo_footer.png);}
footer div.address_box{margin-left: 180px;}
div.location > div > ul.lnb > li button{background-position: 100% 0;}
div.location > div > ul.lnb > li button.active{background-position: 100% 100%;}
div.location > div > ul.lnb > li ul{background-color: #fff; padding-bottom: 10px;}
div.location > div > ul.lnb > li:nth-child(2) ul{width: 251px;}
div.location > div > ul.lnb > li:nth-child(3) ul{left: 299px; width: 331px;}
div.location > div > ul.lnb > li > ul li{width: 100%;}
div.location > div > ul.lnb > li:not(first-child){width: 250px;}
div.location > div > ul.lnb > li:nth-child(3){width: 330px;}

@media screen and (max-width: 767px) {

  div.location > div > ul.lnb > li > ul{padding-top: 12px; padding-bottom: 12px;}
  div.location > div > ul.lnb > li > ul li a{ word-break: keep-all; font-size: 0; line-height: 1; padding-top: 14px; padding-bottom: 14px;}
  div.location > div > ul.lnb > li > ul li a img.ml5{width: 8px;}
  div.location > div > ul.lnb > li > ul li a >  span{display: inline-block; overflow: hidden;max-width: 70%;height: 12px;font-size: 11px;line-height: 14px; min-height: 15px;  text-overflow:ellipsis; white-space:nowrap;}
  }


header.container h1 a { background-image:url(../images/common/main_logo.png); }

table.ty2 td.left{padding: 10px 15px;}

.btn_ty1{display: inline-block; border: 1px solid #fff; padding: 20px 30px; background-color: transparent; border-radius: 100px; font-size: 15px; line-height: 15px;}
.btn_ty1 span{color: #fff; font-weight: 500; text-shadow: none;}
.btn_ty1 span i{vertical-align: -1px;}
.btn_ty1.black{border-color: #4d4f4e; padding: 15px 20px;}
.btn_ty1.black span{color: #4d4f4e;}

@media all and (min-width:768px) and (max-width:1299px){
  footer div.address_box{margin-left: 0;}
}
@media screen and (max-width: 768px) {
  footer div.address_box{margin-left: 0;} 
  .btn_ty1{padding: 14px 20px;border-radius: 50px;}
  .btn_ty1 span{font-size: 12px;}
  }

.inr-c{margin-left: auto; margin-right: auto; max-width: 1200px;}
.pc-hide{display:none !important; }	
@media screen and (max-width: 1240px) {
	.inr-c{margin-left: 20px; margin-right: 20px;}
}
@media screen and (max-width: 767px) {
	.pc-hide{display:block !important; }		
	.mobile-hide{display:none !important; }
	div.location > div > ul.lnb > li:nth-child(2){width: 39%;}
	div.location > div > ul.lnb > li:nth-child(2) button{background-position: 100% 0px;}
	div.location > div > ul.lnb > li:nth-child(2) button.active{background-position: 100% -41px;}
	div.location > div > ul.lnb > li:nth-child(2) ul{width: 100%;}
	div.location > div > ul.lnb > li:nth-child(3){width:  calc(61% - 40px);}
	div.location > div > ul.lnb > li:nth-child(3) button{background-position: 100% 0px;}
	div.location > div > ul.lnb > li:nth-child(3) button.active{background-position: 100% -41px;}
	div.location > div > ul.lnb > li:nth-child(3) ul{left: -1px; width:  calc(100% + 1px);}

  div.location > div > ul.lnb > li:nth-child(2) button b,
  div.location > div > ul.lnb > li:nth-child(3) button b{font-weight: 500; display: block; font-size: 11px; width: 75%; overflow: hidden; height: 14px; line-height: 14px; text-overflow:ellipsis; white-space:nowrap; }
}



ul.main_contents li.info_wrap.bg2{background-color: #e9f0f5; padding: 100px 0;}

@media screen and (max-width: 767px) {
  ul.main_contents li.info_wrap.bg2{padding: 70px 0;}  
  div.all_menu_wrap ul.all_menu > li ul.depth_2 li a span{font-size: 13px;}
}


.lst_col_ty1{text-align: center; font-size: 0;}
.lst_col_ty1 li{display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px;}

.lst_col_ty1 li .thumb{width: 392px; height: 0; padding-bottom: 80%; position: relative; display: block; overflow: hidden; }
.lst_col_ty1 li .thumb .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -webkit-transition: all 600ms cubic-bezier(0.650, 0.075, 0.280, 1); /* older webkit */ background-size: cover;
-webkit-transition: all 600ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
   -moz-transition: all 600ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
     -o-transition: all 600ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
        transition: all 600ms cubic-bezier(0.650, 0.075, 0.280, 1.010); /* custom */ }
.lst_col_ty1 li .cont{ position: relative; padding: 17px; padding-right: 30px; color: #262626; font-size: 16px; line-height: 1.4; background-color: #fff; display: block; text-align: center; -webkit-transition: background 300ms cubic-bezier(0.650, 0.075, 0.280, 1); /* older webkit */
-webkit-transition: background 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
   -moz-transition: background 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
     -o-transition: background 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
        transition: background 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010); /* custom */}
.lst_col_ty1 li .cont i{position: absolute;right: 15px;top: 50%;font-size: 15px;margin-top: -6px;line-height: 1; opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.650, 0.075, 0.280, 1); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
   -moz-transition: all 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
     -o-transition: all 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010);
        transition: all 300ms cubic-bezier(0.650, 0.075, 0.280, 1.010); /* custom */}

.lst_col_ty1 li a:hover .thumb .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.lst_col_ty1 li a:hover .cont{background-color: #005891; color: #fff;}
.lst_col_ty1 li a:hover .cont i{opacity: 1; right: 10px;}
@media screen and (max-width: 1260px) {
	.lst_col_ty1 li .thumb{width: 300px;}
}

@media screen and (max-width: 980px) {
	.lst_col_ty1 li{display: block; margin-left: 20px; margin-right: 20px; margin-top: 30px;}
	.lst_col_ty1 li:first-child{margin-top: 0;}
	.lst_col_ty1 li .thumb{width: 100%; padding-bottom: 70%;}
}


.lst-col{font-size: 0; text-align: center;}
.lst-col .item{width: 48%; margin-top: 50px; margin-left:4%; display: inline-block; vertical-align: top;  font-size: 16px;}
.lst-col .item:nth-child(odd){margin-left: 0;}
.lst-col .item:nth-child(1),.lst-col .item:nth-child(2){margin-top: 0;}
.lst-col .item .thumb{width: 100%; height: 0; padding-bottom: 60%; position: relative;}
.lst-col .item .thumb.v{padding-bottom: 140%;}
.lst-col .item .thumb .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}

.lst-col .item .cont{padding: 20px; text-align: left;}
.lst-col .item .cont .h{position: relative; font-size: 1.25em; padding-bottom: 18px; margin-bottom: 15px; font-weight: 500; color: #333;}
.lst-col .item .cont .h:after{position: absolute; left: 0; bottom: 0; width: 28px; height: 2px; background-color: #000; content:"";}

.lst-col.n2.customer .item{margin-top: 30px;}
.lst-col .item:nth-child(1){margin-top: 0;}
.lst-col.n2.customer .col1 .thumb{width: 162px; height: 106px; padding-bottom: 0; display: inline-block;}
.lst-col.n2.customer .col2 .thumb{width: 324px; height: 106px; padding-bottom: 0; display: inline-block;}

.lst-col.n4 .item{width: 24%; margin-top: 50px;  display: inline-block; vertical-align: top;  font-size: 16px;}
.lst-col.n4 .item:nth-child(1n+1){margin-left: 1.33332%;}
.lst-col.n4 .item:first-child,
.lst-col.n4 .item:nth-child(4n+1){margin-left: 0%;}
.lst-col.n4.mt0 .item{margin-top: 0;}

.lst-col.type2 .item .thumb{height: auto; padding-bottom: 0;}

.color2{color: #005891 !important;}
.fwb{font-weight: 600;}

.p-summary{margin-top: 8px; font-weight: bold; color: #222; text-align: center;}


@media screen and (max-width: 1024px) {
  .lst-col.n4 .item{width: 49%; margin-top: 15px; font-size: 13px;}
  .lst-col.n4 .item:nth-child(1n+1){margin-left: 1.33332%;}
  .lst-col.n4 .item:first-child,
  .lst-col.n4 .item:nth-child(2n+1){margin-left: 0%;}
}

@media screen and (max-width: 768px) {
  .lst-col .item{width: auto; display: block; margin-top: 20px; margin-left: 0; font-size: 13px;}
  .lst-col .item:nth-child(1),.lst-col .item:nth-child(2){margin-top: 0;}
  .lst-col .item .thumb{padding-bottom: 50%;}
  .lst-col .item .cont{padding: 10px 15px;}
  .lst-col .item .cont .h{padding-bottom: 14px; margin-bottom: 11px;}

  .lst-col.type2 .item,
  .lst-col.n2.customer .item{width: auto; display: block; margin-top: 20px; margin-left: 0; font-size: 13px;}
  .lst-col.type2 .item:nth-child(1),
  .lst-col.n2.customer .item:nth-child(1){margin-top: 0;}
 
}

.lst-ty1{ line-height: 2; }
.lst-ty1 li,
.lst-ty1 dt{position: relative; padding-left: 15px; color: #666;}
.lst-ty1 li .dot,
.lst-ty1 dt .dot{position: absolute; left: -2px; top: 0;}
.lst-ty1 dd{position: relative; margin-left: 15px; padding-left: 10px; color: #666;}
.lst-ty1 dd .dot{position: absolute; left: 0; top: 0;}
.lst-ty1.ty2 dt{color: #000; font-weight: 700; padding-left: 0;}
.lst-ty1.ty2 dd{margin-left: 0;}

@media screen and (max-width: 768px) {
.lst-ty1 li,
.lst-ty1 dt{padding-left: 11px;font-size: 14px;line-height: 20px; margin-bottom: 5px;}
.lst-ty1 li .dot{left: 2px;top: 0;}
.lst-ty1 dt .dot{left: -4px;top: 0;}
.lst-ty1 dd{margin-left: 11px;padding-left: 10px;font-size: 13px;line-height: 20px;}
}



.p_txt_ty1{margin-top: 35px; }
.p_txt_ty1 strong.h{font-weight: 600; color: #000; margin-bottom: 3px; display: block;}

/*     heading     */
h3.h_o1 { color: #222; font-size: 45px; font-weight: 700; padding-top: 100px; line-height: 60px; text-align: left; }
h3.h_o1 .ver { color: #222; font-size: 20px; display: inline-block; margin-left: 10px; }


h4.h_o1 { font-size: 26px !important; color: #333 !important; font-weight: 500; padding-top: 40px !important; text-align: left !important; margin-top: 0 !important; }
h4.h_o1 .right { float: right; margin-top: 0 !important; }
h4.h_o1.mp0{margin-top: 0 !important; padding-top: 0 !important;}

h5.h_o1 { font-size: 20px; color: #005891; font-weight: 700; padding-top: 60px; line-height: 30px; }
h5.h_o1.black { color: #333; }
h6.h_o1 { font-size: 16px; color: #333; font-weight: 700; line-height: 30px; }




.required { text-align: right; margin-top: 50px; }

@media screen and (max-width: 960px) { 
  .p_txt_ty1{margin-top: 20px; font-size: 13px; }
  .p_txt_ty1 strong.h{font-size: 14px;}

  h3.h_o1 { font-size: 20px; padding-top: 50px; line-height: 36px; }
  h4.h_o1 { font-size: 18px !important; padding-top: 50px !important; line-height: 26px !important; }
  h5.h_o1 { font-size: 14px; padding-top: 40px; line-height: 20px; }
  h6.h_o1 { font-size: 14px; color: #333; font-weight: 700; line-height: 30px; }

}



  .gray-box { padding: 40px; background: #f1f1f1; margin-top: 40px; }

.layout-col3, .layout-col4 { margin-top: 40px; margin-left: -30px; }
.layout-col3:after, .layout-col4:after { content: ""; display: block; clear: both; }
.layout-col3 .item, .layout-col4 .item { margin-left: 30px; float: left; width: calc((100% - 90px) / 3); margin-bottom: 30px; }
.layout-col3 .item > img, .layout-col4 .item > img { width: 100%; }
.layout-col3 .key, .layout-col4 .key { font-size: 18px; color: #005891; margin-top: 20px; font-weight: 700; }
.layout-col3 .title, .layout-col4 .title { font-size: 18px; color: #333; margin-top: 20px; font-weight: 700; }

.layout-col4 .item { width: calc((100% - 120px) / 4); }

@media screen and (max-width: 960px) {
 .gray-box { padding: 20px; margin-top: 30px; }
  .layout-col3, .layout-col4 { margin-top: 30px; margin-left: 0px; }
  .layout-col3 .item, .layout-col4 .item { margin-left: 0; width: 100%; margin-bottom: 35px; }
  .layout-col3 .key, .layout-col3 .title, .layout-col4 .key, .layout-col4 .title { font-size: 15px; margin-top: 10px; } 

}
.step-flow { background: #f1f1f1; display: table; width: 100%; margin-top: 20px; padding: 40px 0; }
.step-flow .item { display: table-cell; width: 25%; background: url(../_images/common/step_arrow.png) right center no-repeat; padding: 0 40px; }
.step-flow .item:last-child { background: none; }
.step-flow .item .top { text-align: center; }
.step-flow .item .top span { background: #005891; line-height: 34px; padding: 0 20px; color: #fff; border-radius: 50px; display: inline-block; }
.step-flow .item .top .key { margin-top: 20px; font-size: 18px; font-weight: 700; color: #333; }

.cs-center, .online-center { margin-top: 40px; border: 1px solid #e5e5e5; padding: 40px 0 40px 250px; background: url(../_images/04_ethics/ico_phone.png) no-repeat 80px 50%; }
.cs-center dl, .online-center dl { margin-bottom: 10px; display: table; }
.cs-center dl:last-of-type, .online-center dl:last-of-type { margin: 0; }
.cs-center dl dt, .online-center dl dt { display: table-cell; width: 100px; font-weight: 700; color: #333; line-height: 24px; }
.cs-center dl dd, .online-center dl dd { display: table-cell; line-height: 24px; }
.cs-center a, .online-center a { background: #005891; color: #fff; padding: 0 30px; line-height: 45px; display: inline-block; margin-top: 20px; }
.cs-center a img, .online-center a img { margin-left: 10px; }

.online-center { background: url(../_images/04_ethics/ico_notice.png) no-repeat 80px 50%; }


/* ListStyle */
.list-style01 { margin-top: 20px; }
.list-style01 > li { position: relative; line-height: 24px; padding-left: 10px; text-align: left; font-size: 15px; font-weight: normal; margin-bottom: 10px; }
.list-style01 > li:after{position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background-color: #222; content:"";}

.list-style02 { margin-top: 20px; }
.list-style02 > li { line-height: 24px; padding-left: 10px; text-align: left; background: url("../_images/common/bu_box.png") no-repeat 0 12px; font-size: 15px; color: #444; }
.list-style02 > li p { font-weight: normal; line-height: 26px; margin-bottom: 10px; }

.list-style03 { margin-top: 40px; }
.list-style03 > li { list-style: decimal; margin-left: 20px; line-height: 24px; margin-bottom: 10px; }

.list-style04 { margin-top: 20px; }
.list-style04 > li { position: relative; padding-left: 20px; line-height: 24px; font-size: 15px; }
.list-style04 > li span { position: absolute; top: 0; left: 0; font-size: 15px; }

.list-style05 { margin-top: 20px; }
.list-style05 > li { position: relative; padding-left: 40px; margin-bottom: 10px; font-size: 15px; }
.list-style05 > li span { position: absolute; top: 0; left: 0; color: #3171c0; padding-right: 10px; border-right: 1px solid #e5e5e5; }

hr { border: none; border-top: 1px solid #e5e5e5; }

.point { color: #005891; }

.hide { font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden; }

@media screen and (max-width: 960px) { .list-style01 { margin-top: 10px; }
  .list-style01 > li { line-height: 18px; padding-left: 8px; text-align: left; background: url("../_images/common/bu_line.png") no-repeat 0 8px; font-size: 12px; margin-bottom: 5px; }
  .list-style01 > li span { font-size: 12px; }
  .list-style02 > li { line-height: 24px; padding-left: 8px; text-align: left; background: url("../_images/common/bu_box.png") no-repeat 0 11px; font-size: 12px; }
  .list-style02 > li p { font-size: 12px; line-height: 17px; margin-bottom: 10px; }
  .list-style03 { margin-top: 10px; }
  .list-style03 > li { font-size: 12px; margin-left: 16px; line-height: 17px; margin-bottom: 5px; }
  .list-style04 { margin-top: 10px; }
  .list-style04 > li { position: relative; padding-left: 15px; line-height: 17px; font-size: 12px; margin-bottom: 5px; }
  .list-style04 > li span { font-size: 12px; }
  .list-style05 { margin-top: 10px; }
  .list-style05 > li { font-size: 12px; margin-left: 15px; line-height: 17px; margin-bottom: 5px; } 
}


.gray-box-top { background: #f5f5f5; padding: 40px; margin-top: 50px; }
.gray-box-top .list-style02.col4 > li { width: 50%; float: left; box-sizing: border-box; margin: 5px 0; background-position: 0 10px; }
.gray-box-top .list-style02.col4 > li a { font-weight: 700; }
.gray-box-top .list-style02.col4:after { content: ""; display: block; clear: both; }

h6 { font-size: 18px; color: #005891; font-weight: 700; }

.bordertop { border-top: 1px #dedede solid; }

.list-style01 li { font-weight: 300; }

@media screen and (max-width: 960px) { .gray-box-top { padding: 20px; margin-top: 30px; }
  .gray-box-top .list-style02.col4 > li { width: 100%; clear: both; }
  .gray-box-top .list-style02.col4:after { content: ""; display: block; clear: both; }
  h6 { font-size: 13px; line-height: 20px; } 
}

/************   padding     *********************/

.pt100{padding-top:100px !important;}
.pt95{padding-top:95px !important;}
.pt90{padding-top:90px !important;}
.pt85{padding-top:85px !important;}
.pt80{padding-top:80px !important;}
.pt75{padding-top:75px !important;}
.pt70{padding-top:70px !important;}
.pt65{padding-top:65px !important;}
.pt60{padding-top:60px !important;}
.pt55{padding-top:55px !important;}
.pt50{padding-top:50px !important;}
.pt45{padding-top:45px !important;}
.pt40{padding-top:40px !important;}
.pt35{padding-top:35px !important;}
.pt30{padding-top:30px !important;}
.pt25{padding-top:25px !important;}
.pt20{padding-top:20px !important;}
.pt15{padding-top:15px !important;}
.pt10{padding-top:10px !important;}
.pt5{padding-top:5px !important;}
.pt0{padding-top:0px !important;}

.pr100{padding-right:100px !important;}
.pr95{padding-right:95px !important;}
.pr90{padding-right:90px !important;}
.pr85{padding-right:85px !important;}
.pr80{padding-right:80px !important;}
.pr75{padding-right:75px !important;}
.pr70{padding-right:70px !important;}
.pr65{padding-right:65px !important;}
.pr60{padding-right:60px !important;}
.pr55{padding-right:55px !important;}
.pr50{padding-right:50px !important;}
.pr45{padding-right:45px !important;}
.pr40{padding-right:40px !important;}
.pr35{padding-right:35px !important;}
.pr30{padding-right:30px !important;}
.pr25{padding-right:25px !important;}
.pr20{padding-right:20px !important;}
.pr15{padding-right:15px !important;}
.pr10{padding-right:10px !important;}
.pr5{padding-right:5px !important;}

.pb100{padding-bottom:100px !important;}
.pb95{padding-bottom:95px !important;}
.pb90{padding-bottom:90px !important;}
.pb85{padding-bottom:85px !important;}
.pb80{padding-bottom:80px !important;}
.pb75{padding-bottom:75px !important;}
.pb70{padding-bottom:70px !important;}
.pb65{padding-bottom:65px !important;}
.pb60{padding-bottom:60px !important;}
.pb55{padding-bottom:55px !important;}
.pb50{padding-bottom:50px !important;}
.pb45{padding-bottom:45px !important;}
.pb40{padding-bottom:40px !important;}
.pb35{padding-bottom:35px !important;}
.pb30{padding-bottom:30px !important;}
.pb25{padding-bottom:25px !important;}
.pb20{padding-bottom:20px !important;}
.pb15{padding-bottom:15px !important;}
.pb10{padding-bottom:10px !important;}
.pb5{padding-bottom:5px !important;}

.pl100{padding-left:100px !important;}
.pl95{padding-left:95px !important;}
.pl90{padding-left:90px !important;}
.pl85{padding-left:85px !important;}
.pl80{padding-left:80px !important;}
.pl75{padding-left:75px !important;}
.pl70{padding-left:70px !important;}
.pl65{padding-left:65px !important;}
.pl60{padding-left:60px !important;}
.pl55{padding-left:55px !important;}
.pl50{padding-left:50px !important;}
.pl45{padding-left:45px !important;}
.pl40{padding-left:40px !important;}
.pl35{padding-left:35px !important;}
.pl30{padding-left:30px !important;}
.pl25{padding-left:25px !important;}
.pl20{padding-left:20px !important;}
.pl15{padding-left:15px !important;}
.pl10{padding-left:10px !important;}
.pl5{padding-left:5px !important;}

.noMG{margin: 0 !important;}
.noPG{padding: 0 !important;}
.noBD{border:none !important;;}
.mt0{margin-top: 0 !important;}

.mt30{margin-top: 30px !important;}



  /*About POSCO Indonesia Inti*/

  .wrap_company1 .head_tit{font-size: 20px; line-height: 1.5; margin-bottom: 15px;}
  .wrap_company1 .lst .item{ position: relative; padding-left: 260px; margin-top: 100px;  }
  .wrap_company1 .lst .item.first{margin-top: 0;}
  .wrap_company1 .lst .item .h{ position: absolute; left: 0; top: 0; font-size: 20px; font-weight: bold; color: #333; padding-bottom: 25px; }
  .wrap_company1 .lst .item .h:after{position: absolute; left: 0; bottom: 0; width: 27px; height: 2px; content:""; background-color: #000;}
  .wrap_company1 .lst .item .lst-dot1{  }
  .wrap_company1 .lst .item .lst-dot1 li {font-size: 15px; line-height: 1.5; color: #666; position: relative; padding-left: 15px; margin-top: 7px;}
  .wrap_company1 .lst .item .lst-dot1 li:first-child{margin-top: 0;}
  .wrap_company1 .lst .item .lst-dot1 li .dot{position: absolute; left: 0; top: 0;}

  @media screen and (max-width: 768px) {
    .wrap_company1 .head_tit{font-size: 16px; margin-bottom: 10px;}
    .wrap_company1 .lst .item{ padding-left: 0; margin-top: 50px;  }
    .wrap_company1 .lst .item .h{ position: relative;  font-size: 16px; padding-bottom: 15px; margin-bottom: 15px; }
    .wrap_company1 .lst .item .lst-dot1 li {font-size: 13px;}
  }



  /*// About POSCO Indonesia Inti*/


/*President's Message*/
  .wrap_company2 p{word-break: keep-all; font-size: 1em;}
  .wrap_company2 .inner{position: relative; background-color: #f5f5f5; font-size: 15px; line-height: 2; color: #666; padding: 100px; padding-bottom: 160px;}
  .wrap_company2 .h1{ color: #222; font-size:1.3333em; font-weight: bold; margin-bottom: 22px;  }
  .wrap_company2 .h2{ color: #0080d3; font-size:1.8667em; line-height:1.4286;  margin-bottom: 22px; font-weight: 300; }
  .wrap_company2 .cont p{margin-top: 30px;}
  .wrap_company2 .cont p:first-child{margin-top: 0;}	
  .wrap_company2 .sain{position: absolute; right: 100px; bottom: 60px; color: #000;}
  .wrap_company2 .sain *{vertical-align: middle; margin-left: 15px; font-weight: 500;}
  
  @media screen and (max-width: 1200px) {
  	.wrap_company2 br{display: none;}
  }

  @media screen and (max-width: 768px) {
  	.wrap_company2 .inner{ font-size: 13px; line-height: 2; color: #666; padding: 30px 20px;}
  	.wrap_company2 .h1,.wrap_company2 .h2{margin-bottom: 17px;}
  	.wrap_company2 .cont p{margin-top: 18px; line-height: 2;}
   .wrap_company2 .cont p:first-child{margin-top: 0;}	
   .wrap_company2 .sain{position: relative; text-align: right; right: 0; bottom: 0; margin-top: 50px;}
   .wrap_company2 .sain *{margin-left: 10px;}
  }

/*//President's Message*/


/*Products*/

.pro_top_btn{position: absolute; right: 0; top:-60px;}
.pro_top_btn .t1{color: #a9a9a9; font-size: 12px; margin-top: 5px;}
.pro_top_btn a{padding: 10px 30px;color: #fff;display: inline-block;background-color: #005793;}
div.article.product{position: relative; overflow: visible;}
@media screen and (max-width: 840px) {
  div.article.product{margin-top: 30px;}
  .pro_top_btn{margin-bottom: 10px; position: relative; right: 0; top: 0; text-align: right;}
  .pro_top_btn a{padding: 10px 15px; font-size: 13px;}  
  .pro_top_btn .t1{color: #a9a9a9; font-size: 12px; margin-top: 5px;}
}
.wrap_product{  }
.wrap_product .lst{margin-top: 80px;}
.wrap_product .lst:after{display: block; clear: both; visibility: hidden; height: 0; content:"";}
.wrap_product .lst .thumb{position: relative; width: 330px; float: left; height: 252px;}
.wrap_product .lst .thumb .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.wrap_product .lst .thumb .cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(19,46,84,0.5); z-index: 2; text-align: center; font-size: 0; }
.wrap_product .lst .thumb .cover:after{display: inline-block; vertical-align: middle; content:""; width: 0; height: 100%;}
.wrap_product .lst .thumb .cover span{display: inline-block; width: 90%; margin-left: 5%; margin-right: 5%; vertical-align: middle; color: #fff; font-size: 24px; font-weight: 600;}
.wrap_product .lst:first-child{margin-top: 0;}
.wrap_product .lst .cont{margin-left: 380px;position: relative;padding-bottom: 110px;min-height: 252px;box-sizing: border-box;}
.wrap_product .lst .cont .t{font-size: 0.9em;}
.wrap_product .lst .cont .box_pdf{position: absolute; left: 0; bottom: 0; width: 280px; background-color: #dee9f1; padding: 15px 20px; }
.wrap_product .lst .cont .box_pdf .h{color: #3a6c96; font-size: 13px; font-weight: 500;}
.wrap_product .lst .cont .box_pdf .down{margin-top: 10px;  background-color: #fff;}
.wrap_product .lst .cont .box_pdf .down a{position: relative; display: block; padding: 5px 15px; color: #b3b3b3; font-size: 12px;}
.wrap_product .lst .cont .box_pdf .down i{position: absolute; right: 9px; top: 9px; color: #1167b2; font-size: 12px; font-weight: bold;}

@media screen and (max-width: 840px) {

  .wrap_product{  }
  .wrap_product .lst{margin-top: 60px;}
  .wrap_product .lst .thumb{position: relative; width: 100%; float: none; height: 0; padding-bottom: 51%; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
  .wrap_product .lst .cont{margin-left: 0; position: relative; padding-bottom: 30px; min-height:none;}
  .wrap_product .lst .cont .t{font-size: 0.9em;}
  .wrap_product .lst .cont .box_pdf{position: relative; width: 100%; box-sizing: border-box; margin-top: 30px; }
  .wrap_product .lst .cont .box_pdf .h{color: #3a6c96; font-size: 13px; font-weight: 500;}
  .wrap_product .lst .cont .box_pdf .down{margin-top: 10px;  background-color: #fff;}
  .wrap_product .lst .cont .box_pdf .down a{position: relative; display: block; padding: 5px 15px; color: #b3b3b3; font-size: 12px;}
  .wrap_product .lst .cont .box_pdf .down i{position: absolute; right: 9px; top: 9px; color: #1167b2; font-size: 12px; font-weight: bold;}

}

/*//Products*/



/*Products*/
ul.contact_list {width:100%; padding:0; clear:both; overflow:hidden;}
ul.contact_list a:hover{color: #4ea0c4;}
ul.contact_list h3 {color:#0552a9; font-size:1.5em; margin:0 0 20px 0; font-weight:bold;}
ul.contact_list>li {border:1px solid #ddd; border-top:2px solid #0552a9; position:relative; width:49%; margin-right:2%; margin-bottom:2%; min-height:220px; float:left; padding:20px 20px 60px; box-sizing: border-box; font-size: 16px;}
ul.contact_list>li:nth-child(2n) { margin-right:0;}
ul.contact_list>li h3 {color:#0552a9; font-size:1.5em; margin:0 0 20px 0; font-weight:bold;}
ul.contact_list>li h3 .type{color: #0552a9; font-size: 0.875em; font-weight: 600; letter-spacing: 1px;}
ul.contact_list>li h3 span.conspan {font-size:0.875em; display:block; font-weight:normal; margin-top:5px;}
ul.contact_list>li>ul {padding:0;}
ul.contact_list>li>ul>li{}
ul.contact_list>li>ul>li.ap {font-size:1em; font-weight:bold; margin-bottom: 5px;}
ul.contact_list>li>ul>li.nor {font-size:0.875em;  margin-left: 10px; margin-bottom: 20px; opacity: 0.7; line-height: 1.6;}
ul.contact_list>li .googlemap {position:absolute; bottom:0; right:0; background:#4ea0c4; color:#fff;  font-size:0.75em;}
ul.contact_list>li .googlemap a {color:white; text-decoration:none; display:block;padding:12px 16px;}
ul.contact_list>li .googlemap a:hover{color:white; text-decoration:none;}
h3.midh3 {color:#0552a9; font-size:1.5em; margin:15px 0; font-weight:bold;}


  @media screen and (max-width: 768px) {
    ul.contact_list>li { width: auto; margin-left: 0; margin-right: 0; float: none; padding:15px 15px 100px; box-sizing: border-box; font-size: 13px;}

  }

/*//Products*/


col.w20p{width: 20%;}
@media screen and (max-width: 768px) {
  .content_map table.ty2 col.w20p{width: 100%;}
  .content_map table.ty2 th.left{padding: 10px 15px;}
  .content_map table.ty2 tbody a{font-size: 11px;}
  .content_map table.ty2 tbody tr,
  .content_map table.ty2 tbody th,.content_map table.ty2 tbody td{display: block; width: 100% !important; line-height: 1.4;}
}




.wrap_crs_type2{}

.wrap_crs_type2 .head{padding: 70px 110px; width: 100%; text-align: center; color: #fff; background: url(../images/company/csr/bg_csr1.jpg) no-repeat 50% 50%; background-size: cover; box-sizing: border-box;}
.wrap_crs_type2 .head .h1{margin-bottom: 30px; font-size: 35px; line-height: 1.7; font-weight: 600; color: #fff;}
.wrap_crs_type2 .head .h1 span{font-size: 15px; line-height: 1; color: #fff; display: block;}
.wrap_crs_type2 .head .t1{color: #76c5fe;}
.wrap_crs_type2 .head .t1.mb{ margin-bottom: 138px;}
.wrap_crs_type2 .cont{}
.wrap_crs_type2 .cont .csr_title1{margin-bottom: 35px; color: #333; font-size: 26px; line-height: 1.5; text-align: center; font-weight: 600;}

.wrap_crs_type2 .cont .lst.n4{}
.wrap_crs_type2 .cont .lst.n4 .item{float: left; width: 25%; padding-left: 30px; padding-right: 30px; text-align: center; box-sizing: border-box; border-left: 1px solid #ddd;}
.wrap_crs_type2 .cont .lst.n4 .item:first-child{border-left: 0;}
.wrap_crs_type2 .cont .lst.n4 .item .thumb{margin-bottom: 30px;}
.wrap_crs_type2 .cont .lst.n4 .item .t1{text-align: left; color: #2e6ca4; font-weight: 600;} 
.wrap_crs_type2 .cont .lst.n4 .item .t2{margin-bottom: 25px; color: #666; text-align: left;}

.wrap_crs_type2 .csrActivities .item:after{display: block; clear:both; height: 0; visibility: hidden; content:"";}
.wrap_crs_type2 .csrActivities .item .thumb{float: left; width: 48%;}
.wrap_crs_type2 .csrActivities .item .thumb img{max-width: 100%; height: auto;}
.wrap_crs_type2 .csrActivities .item .cont{float: right; width: 48%;}
.wrap_crs_type2 .csrActivities .item.rgh .thumb{float: right; width: 48%;}
.wrap_crs_type2 .csrActivities .item.rgh .cont{float: left; width: 48%;}

.wrap_crs_type2 .csrActivities .item .h0{color: #2e6ca4; font-size: 18px; line-height: 1.7; font-weight: 600; margin-bottom: 30px;}
.wrap_crs_type2 .csrActivities .item .h1{color: #000; line-height: 1.7; font-weight: 600; margin-bottom: 10px;}
.wrap_crs_type2 .csrActivities .item .mb{margin-bottom: 30px;}

.tab_type1{margin-bottom: 70px;}
.tab_type1 ul:after{clear: both; display: block; height: 0; visibility: hidden; content:"";}
.tab_type1 li{float: left; width: 24%; margin-left: 1.3333%; text-align: center;} 
.tab_type1 li:nth-child(4n+1){ margin-left: 0; }
.tab_type1 li a{display: block; position: relative;}
.tab_type1 li.on a .cont,
.tab_type1 li a:hover .cont{ background-color: #2c689e; color: #fff; }
.tab_type1 li .thumb{font-size: 0; display: block;}
.tab_type1 li .thumb img{width: 100%; height: auto;}
.tab_type1 li .cont{border: 1px solid #ddd; border-top: 0; padding: 10px 20px; background-color: #fff; display: block; }
.tab_type1 li i{position: absolute; left: 50%; bottom: -23px; font-size: 40px; margin-left: -20px; display: none; color: #2c689e;}
.tab_type1 li.on a i{display: block;}

.tab_type1.ty_dib ul{text-align:center;}
.tab_type1.ty_dib li{display: inline-block;width:24%; margin:0 3%; float: none;}  

@media screen and (max-width: 768px) {

.tab_type1.ty_dib ul{text-align:left; font-size: 0;}
.tab_type1.ty_dib li{display: inline-block;width:48%; margin:0 1%; float: none;}


.wrap_crs_type2 .head{padding: 50px 20px;}
.wrap_crs_type2 .head .h1{margin-bottom: 20px; font-size: 20px;}
.wrap_crs_type2 .head .h1 span{font-size: 13px;}
.wrap_crs_type2 .head .t1.mb{ margin-bottom: 50px;}
.wrap_crs_type2 .cont .csr_title1{margin-bottom: 25px; font-size: 20px;}

.wrap_crs_type2 .cont .lst.n4 .item{float: left; width: 100%; padding-left: 0; padding-right: 0;  border-left:0; margin-bottom:50px;}
.wrap_crs_type2 .cont .lst.n4 .item .thumb{margin-bottom: 20px;}
.wrap_crs_type2 .cont .lst.n4 .item .thumb img{max-width:90%;}
.wrap_crs_type2 .cont .lst.n4 .item .t2{margin-bottom: 15px;}

.wrap_crs_type2 .csrActivities .item .thumb{float: none; width: auto; margin-bottom:30px;}
.wrap_crs_type2 .csrActivities .item .cont{float: none; width: auto;}
.wrap_crs_type2 .csrActivities .item.rgh .thumb{float: none; width: auto;}
.wrap_crs_type2 .csrActivities .item.rgh .cont{float: none; width: auto;}

.wrap_crs_type2 .csrActivities .item .h0{color: #2e6ca4; font-size: 16px;margin-bottom: 20px;}
.wrap_crs_type2 .csrActivities .item .mb{margin-bottom: 20px;}

.tab_type1{margin-bottom: 0;}
.tab_type1 li{float: left; width: 48%; margin-left: 2%; text-align: center;} 
.tab_type1 li:nth-child(1n+1){ margin-left: 2%; }
.tab_type1 li:nth-child(2n+1){ margin-left: 0%; }
.tab_type1 li .cont{ height:20px; margin-bottom:30px; font-size:12px}






}