@charset "utf-8";

a {color:#000}
table{border-collapse: collapse;  border-spacing: 0; width:100%}

@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*브랜드 CI */
.menu01_submenu02 { text-align: left;    font-size: 16px;}
.menu01_submenu02 li {display: inline-block;  width: 48%;  line-height: 40px;  font-size: 16px; padding: 0px 0px;  text-align: center;  letter-spacing: -0.5px; border: 1px solid #cacaca; margin: 10px; height: 300px;}
.menu01_submenu02 li.w100 {width:97.8%; height: auto;}
.menu01_submenu02 li .title {background: #f7f7f7; padding: 10px 10px;}
.menu01_submenu02 li .line {  margin: 0px 0px; border-top: 1px solid #cacaca;  height: 1px;}
.menu01_submenu02 li img {padding: 80px;vertical-align: text-top;}
.menu01_submenu02 li p.box {background: #f3f3f3; margin: 0px 30px 30px 30px; border-radius: 0px; border: 0px;}

@media screen and (max-width: 1411px) {
	.menu01_submenu02 li img.img {width: auto;}
}
@media screen and (max-width: 1220px) {
	.menu01_submenu02 li {width: 46%; }
	.menu01_submenu02 li.w100 {width: 94%;}
}
@media screen and (max-width: 950px) {
	.menu01_submenu02 li { height: 250px;}
	.menu01_submenu02 li img {width: 70%; padding:50px 30px;}	
	.menu01_submenu02 div img.img {width: 90%; }
}
@media screen and (max-width: 800px) {
	.menu01_submenu02 {font-size: 14px;}
	.menu01_submenu02 li {width: 95%; height: auto;}
	.menu01_submenu02 li img {width: auto; }
	.menu01_submenu02 li img.img {width: 80%;}
}
@media screen and (max-width: 400px) {
	.menu01_submenu02 li img {width: 65%; padding: 50px;}
	.menu01_submenu02 li img.img { width: 80%;  padding: 30px;}
}


/*브랜드 소개 */

.about .about_con1{padding: 150px 0;}
.about .about_con1::before{transition: 1s; z-index: 0; content: ""; background: url(/img/product/infineli/menu01/about_img1.jpg) no-repeat top right; height: 1150px; width: 100%; position: absolute; top: 0;}
.about{margin-top: 14px !important;}
.about .about_con1 .sub_w_val{z-index: 1; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.about .about_con1 p{font-family: 'MaruBuri-Regular' !important;}
.about .line_vel{border-left: 1px solid #6f6f6f; height: 300px; display: block; margin: 30px 0;}
.about .about_con1_text1{margin-bottom: 30px; font-size: 30px;}
.about .about_con1_text2{margin-bottom: 50px; font-size: 25px; line-height: 40px;}
.about .about_con1_text3{font-size: 25px; line-height: 50px;}
.about .about_con2{background: url(/img/product/infineli/menu01/about_img2.png) no-repeat top right; padding: 80px 0; margin-top: 100px; background-size: cover;}
.about .about_con2_1{text-align: center; margin-top: 100px; }
.about .about_con2_1 div{display: inline-block; text-align: center; width: 30%;}
.about .about_con2_1 span{border: 5px solid #fff; border-radius: 100%; width: 220px; height: 220px; display: inline-block;}
.about span.about_con2_1_img1{background: url(/img/product/infineli/menu01/about_con2_img1.png) no-repeat center center; /* background-size: 50%; */}
.about span.about_con2_1_img2{background: url(/img/product/infineli/menu01/about_con2_img2.png) no-repeat center center;}
.about span.about_con2_1_img3{background: url(/img/product/infineli/menu01/about_con2_img3.png) no-repeat center center;}
.about .about_con2_1 p{font-size: 20px; font-weight: 300;}
.about .about_con2_1 p b{font-weight: 500;}
.about .about_con2_1 h5{color: #fff; font-size: 25px; margin: 30px 0 10px 0; padding: 0;}
.about .about_con2 h1 {color: #b19575; font-size: 25px; padding: 100px 0px 0 0;  text-align: center;}
.about .about_con2_2{backdrop-filter: blur(5px); width: 90%; margin: 0 auto; margin-top: 150px; text-align: center; color: #fff; background: rgba(88, 42, 2, 0.4); border-radius: 20px; padding: 30px 30px 50px 30px;}
.about .about_con2_2 h5{line-height: 60px; color: #fff; font-size: 50px; margin-bottom: 30px; padding: 0;}
.about .about_con3{padding: 80px 0;}
.about .about_con3 h4{margin-bottom: 60px;}
.about .about_con3 .logo_info{ margin-bottom: 30px; background: url(/img/product/infineli/menu01/pattern_check.png); padding:  78px 30px; text-align: center;}

.menu01_submenu01 {background: #ffffff; font-size: 16px;}
.menu01_submenu01 h4{font-size: 30px; text-align: center; line-height: 35px;    color: #ffffff;}
.menu01_submenu01 .about_con{background: url(/img/posart/content/submenu01_bg01.png) no-repeat center right; padding: 80px 0;  background-size: cover;height: 850px;}
.menu01_submenu01 .about_con_1{backdrop-filter: blur(5px);/*  width: 90%;background: rgb(25 25 25 / 40%); */ margin: 100px auto; text-align: center; color: #fff;  border-radius: 20px; padding: 100px 30px 100px 30px; }
.menu01_submenu01 .about_con1{background: url(/img/posart/content/submenu01_img02.png) no-repeat center right; padding: 50px 0px 107px 0px; background-size: cover;height: 850px;}
.menu01_submenu01 .about_con1_1{text-align: center; margin: 150px auto; color: #fff; padding: 100px 80px 100px 80px;    backdrop-filter: blur(5px);}
.menu01_submenu01 .about_con1 .about_logo img {margin-right: 50px;}
.menu01_submenu01 .about_con1 h4 {text-align: left;margin-left: 80px;}
.menu01_submenu01 .about_con2 {background: #ffffff; padding: 80px 0px 0px 0px;  background-size: cover;}
.menu01_submenu01 .about_con2 li {text-align: left;}
.menu01_submenu01 .about_con2 .box {background: #ffffff; border: 1px solid #e5e5e5;padding: 40px;}
.menu01_submenu01 .about_con2 .box li {padding: 20px;font-size: 16px; line-height: 25px;display: inline-block; width: 38%; padding: 50px;font-size: 14px;vertical-align: top;}
.menu01_submenu01 .about_con2 .box li p {padding-left: 150px;}
.menu01_submenu01 .about_con2 .box li p.title {font-size: 20px;margin-bottom: 20px;}
.menu01_submenu01 .about_con2 .box li.icon01 {background: url(/img/posart/content/submenu01_icon01.png) no-repeat center left 20px;}
.menu01_submenu01 .about_con2 .box li.icon02 {background: url(/img/posart/content/submenu01_icon02.png) no-repeat center left 20px;}
.menu01_submenu01 .about_con2 .box li.icon03 {background: url(/img/posart/content/submenu01_icon03.png) no-repeat center left 20px;}
.menu01_submenu01 .about_con2 .box li.icon04 {background: url(/img/posart/content/submenu01_icon04.png) no-repeat center left 20px;}
.menu01_submenu01 .about_con2 .box li.icon05 {background: url(/img/posart/content/submenu01_icon05.png) no-repeat center left 20px;}
.menu01_submenu01 .about_con2 .box li.icon06 {background: url(/img/posart/content/submenu01_icon06.png) no-repeat center left 20px;}
.menu01_submenu01 .about_con2 .box1 {text-align: center;}
.menu01_submenu01 .about_con2 .box1 li {background: #ffffff; border: 1px solid #e5e5e5;line-height: 25px;display: inline-block; width: 41%; padding:30px;margin: 20px;font-size: 14px;vertical-align: top;text-align: center;}
.menu01_submenu01 .about_con2 .box1 li p.title {font-size: 20px;padding: 10px; text-align: center; background: #e1e1e1; margin-top: 10px;}
.menu01_submenu01 .about_con2 .box1 li img {width:100%; max-width: 250px;height: 300px; text-align: center;}

@media screen and (max-width: 1200px) {
	.menu01_submenu01 .about_con2 .box1 li {width: 37%;}
}

@media screen and (max-width: 980px) {
	.menu01_submenu01 .about_con, .menu01_submenu01 .about_con1 {height: 600px;}
	.menu01_submenu01 br {display:none;}
	.menu01_submenu01 .about_con2 .box {padding: 20px;}
	.menu01_submenu01 .about_con2 .box li br {display:block;}
	.menu01_submenu01 .about_con2 .box li {padding: 30px 0px; width:100%; border-bottom: 1px solid #e5e5e5;display: block;}
	.menu01_submenu01 .about_con2 .box li:last-child {border-bottom: 0px solid #e5e5e5;}
	.menu01_submenu01 .about_con2 .box img {width:100%;}
	.menu01_submenu01 .about_con2 .box li.icon01,
	.menu01_submenu01 .about_con2 .box li.icon02,
	.menu01_submenu01 .about_con2 .box li.icon03,
	.menu01_submenu01 .about_con2 .box li.icon04,
	.menu01_submenu01 .about_con2 .box li.icon05,
	.menu01_submenu01 .about_con2 .box li.icon06 {background-size: 100px;}
}

@media screen and (max-width: 860px) {
	.menu01_submenu01 {font-size: 14px;}
	.menu01_submenu01 h4 {font-size: 25px;}
	.menu01_submenu01 .about_con_1 {padding: 50px 30px 50px 30px;}
	.menu01_submenu01 .about_con1 .about_logo img { margin-right: 20px; width: 50%;}
	.menu01_submenu01 .about_con1_1 {padding: 100px 30px 100px 30px;}
	.menu01_submenu01 .about_con1 h4 {text-align: center; margin-left: 0px; top: 50px; position: relative;}	
	.menu01_submenu01 .about_con2 .box1 li {width: 75%; margin: 10px 0px;}
	.menu01_submenu01 .about_con2 .box1 li img {height: auto;}
}

@media screen and (max-width: 430px) {
	.menu01_submenu01 .about_con2 .box li.icon01,
	.menu01_submenu01 .about_con2 .box li.icon02,
	.menu01_submenu01 .about_con2 .box li.icon03,
	.menu01_submenu01 .about_con2 .box li.icon04,
	.menu01_submenu01 .about_con2 .box li.icon05,
	.menu01_submenu01 .about_con2 .box li.icon06 {text-align: center; background-position: top;padding-top: 120px; margin-top: 20px;}
	.menu01_submenu01 .about_con2 .box li p {padding-left: 0px;}
}



.about .plus{transition: 0.3s; cursor: pointer; border: 1px solid #fff; background: rgba(0, 0, 0, 0.4); border-radius: 100%; position: absolute; line-height: 30px;  text-align: center; width: 30px; height: 30px; color: #fff;}
.about .plus:hover{background: hsl(209deg 49% 38% / 40%);}
.about .plus1{top: -20px; left: 19%;}
.about .plus2{top: -15px; right: -30px;}
.about .plus3{bottom: -5px; right: 15%;}
.about .logo_info_con{position: relative; display: inline-block; }
.about .plus1_con{box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); z-index: 1; transition: 0.3s; display: none; position: absolute; background: #fff; border: 1px solid #ccc; border-radius: 20px; padding: 30px; width: 520px;}
.about .plus1_con img{display: block; margin: 0 auto 20px auto;}
.about .plus1_con1{bottom: -60px; left: 0;}
.about .plus1_con2{right: 0; bottom: 0;}
.about .plus1_con3{right: 0; bottom: -18px;}


@media screen and (max-width: 1300px) {
	.about .about_con1::before {filter: brightness(0.5);}
	.about .about_con2_1 div {width: 45%;}
}
@media screen and (max-width: 1000px) {
	.about .about_con1::before {height: 800px;}
	.about .about_con1 .sub_w_val {text-align: center;}
	.about .line_vel{display:none;}
	.about .about_con1_text2{margin-top: 50px;}	
}
@media screen and (max-width: 700px) {
	.about .logo_info_con img{width: 100%;}
}
@media screen and (max-width: 850px) {
	.about .about_con2_1 div {width: 100%; margin-bottom: 30px;}	
	.about .about_con2_1 span{width: 180px; height: 180px;}
	.about .about_con2{margin-top: 0;}
	.about .plus1_con{ width: 100%; border: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-radius: 0;}
	.about .plus1_con br{display:none;}
	.about .plus1_con1,
	.about .plus1_con2,
	.about .plus1_con3{top: 280px; left: 0; bottom: auto;}
}
@media screen and (max-width: 530px) {
	.about .about_con1_logo{width: 80%;}
	.about .about_con1_text1{font-size: 5.5vw;}
	.about .about_con1_text2,
	.about .about_con1_text3{font-size: 4.8vw;}
	.about .about_con2_1 p {font-size: 5vw;}
	.about .plus1_con img{width: 60%;}
	.about .about_con2_2 h5 {font-size: 30px; line-height: 40px;}
}

.hide{position:absolute; top:0!important; left:-20000px!important; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important}
.colorblack{color:black}
.font16{font-size:16px}
.font13{font-size:12px}
.font14{font-size:12px}
.bold{font-weight:400}
.rbox_content{padding:15px;border:1px solid #bebebe;background:#fafafa;border-radius:5px}
.colorblue2{color:#2d86ba}
.blue2{color:#004d81}
.mscroll{overflow-x:auto;overflow-y:hidden;position:relative}
.table_right_top{float:right;margin-bottom:5px}
.table_right_bottom{float:right;margin-top:5px}
.mscroll_img{overflow-x:auto;overflow-y:hidden}
.net_table caption{position: absolute;top:0;left:0;font-size:15px;font-weight:700}
.net_table{border-top:2px solid #004d81}
.net_table th{background:#f8f8f8;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding:7px 5px}
.net_table th:first-child{border-left:none}
.net_table td:first-child{border-left:none}
.net_table td{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding:7px 5px}

.net_table2{border-top:2px solid #004d81}
.net_table2 caption{overflow:hidden; font-size:0; line-height:0;}
.net_table2 th{background:#f8f8f8;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding:7px 5px}
.net_table2 th:first-child{border-left:none}
.net_table2 td:first-child{border-left:none}
.net_table2 td{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding:7px 5px}


.net_table3{border-top:2px solid #004d81}
.net_table3 caption{overflow:hidden; font-size:0; line-height:0;}
.net_table3 th{background:#f8f8f8;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding:7px 5px}
.net_table3 td{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding:7px 5px}

/*윤리경영 공통사용*/
.ethic_A{ margin-bottom: 30px}
.move-box{  background:url(/img/front/kr/m3/1_1_icon.png) 0 45px no-repeat; border-top: solid 1px #1b68bc; border-bottom:dotted 1px #c9c9c9; padding-bottom: 30px;  }
.page_s_title{font-size: 14px;  margin: 20px 0 10px 0; }
.move-box li{ float:left; width: 190px; margin: 3px 0 5px 0px; background:url(/img/front/kr/p_dot.png) 0 5px no-repeat; padding-left: 8px;}
.list_num{ margin-left:150px;}
.p_arr{ font-size: 15px;  margin: 20px 0 10px 0}
.circle-list{ line-height: 1.6;}
.circle-list li{ background:url(/img/front/kr/p_dot.png) 0 9px no-repeat; padding-left: 8px;}
.circle-list_B{ line-height: 1.6;}
.circle-list_B li{padding-left: 8px;}

.circle-list_C{ line-height: 1.6;}
.p_title{font-size: 15px;  margin: 20px 0 10px 0;  }
.p_title_15{ color:#3276b1; font-size: 14px; margin: 10px 0 5px 0;}
.circle-list_C li{ padding-top: 3px; }
.circle-list_C table{ margin: 5px 0;} 
.circle-list_C td{ text-align:center; padding: 5px; border-bottom: solid 1px #CCC;}

.c_manual li{ float:left; text-align:center; padding-left: 10%; margin: 30px 0px;}
.c_manual .button{ padding:5px; }


.top20{ margin-top: 20px;}
.circle-list_D{line-height: 1.6;}
.circle-list_D li{padding-top: 3px;}
.circle-list_D li ul{ margin: 0 0 5px 14px; }

.box{padding:13px;border:1px solid #e5e5e5;background:#f9f9f9;line-height:150%}
.box2{margin-left:35px;margin-bottom:10px;padding:13px;border:1px solid #e5e5e5;background:#f9f9f9;line-height:150%}
td{line-height:150%}
.ldp_2 table{margin: 10px 0!important}
.bl_1_f{font-size:16px;background:url(/img/front/kr/bl_1.png) 0 center no-repeat;padding-left:17px;margin:0 0 10px 0;display:block}
.bl_1{font-size:16px;background:url(/img/front/kr/bl_1.png) 0 center no-repeat;padding-left:17px;margin:20px 0 10px 0;display:block}
.bl_2{background:url(/img/front/kr/bl_2.png) 0 center no-repeat;padding-left:17px;margin:20px 0 10px 20px;display:block}
.bl_5{background:url(/img/front/kr/bl_2.png) 0 center no-repeat;padding-left:17px;margin:5px 0 5px 10px;display:block}
.ldp_1,.ldp_2{line-height:140%}
.bl_2dc{background:url(/img/front/kr/bl_2.png) 0 center no-repeat;padding-left:17px;display:block}
.ldp_1,.ldp_2,.ldp_3,.ldp_4{
	line-height: 160%;
}
.box .ldp_1 ul li{padding-left: 10px;background:url(/img/front/kr/bl_3.png) 0 7px no-repeat}
.box .ldp_4{margin-top:0;margin-bottom:0}
.ldp_1 ul li{padding: 0 0 0 27px;background:url(/img/front/kr/bl_3.png) 16px 7px no-repeat;}
.ldp_2 ul li{padding: 0 0 0 47px;background:url(/img/front/kr/bl_3.png) 36px 7px no-repeat;}

.ldp_4 .d_black{position:absolute;right:0;top:0;height:18px;background:#707679}
.ldp_4 .d_yellow{position:absolute;right:0;top:0;height:18px;background:#f6e5ad}
.ldp_4 .d_pink{position:absolute;right:0;top:0;height:18px;background:#e8cee6}
.ldp_4 .d_green{position:absolute;right:0;top:0;height:18px;background:#a5ca9a}

.ldp_3 ul li{padding: 0 0 0 10px!important;background:none!important}
.ldp_4 ul li{margin: 0!important;padding: 0 0 0 10px!important;background:url(/img/front/kr/p_dot.png) 3px 8px no-repeat!important;position:relative}
.ldp_4,.ldp_3{margin: 10px 0}
.bluebtn{display:inline-block;padding:3px 10px;color:#fff;background: #004d81;border-radius:3px}
.graybtn{display:inline-block;padding:3px 10px;color:#000;border:1px solid #ccc;background: #f7f7f7;border-radius:3px}

#map-canvas{border-radius:5px;border:1px solid #ddd}
/*etc*/
.font18{font-size:18px}
/*ready*/
.readys{padding: 150px 0;text-align:center}

/*min*/
.min800{min-width:800px}
.min700{min-width:700px}
.min500{min-width:500px}
/*일반현황*/
.box50{margin-bottom:15px;width:49%;float:left;text-align: justify;color:#666;line-height:160%;position:relative}
.box30{line-height:160%;margin-bottom:15px;width:29%;margin-right:1%;float:left}
.box70{line-height:160%;margin-bottom:15px;width:69%;margin-left:1%;float:left}
.box100{line-height:160%;margin-bottom:15px;width:100%;position:relative}
.box50 span{position:absolute;left:0;bottom:0;font-size:11px;color:#fff;background: url(/img/front/kr/bluetrs.png);width:94%;padding:2% 3%}
.m1_1{margin-right:1%;height: 300px;background: url(/img/front/kr/content/content/m1.png) 0 center no-repeat;     background-size: 100%;}
.m1_2{margin-left:1%;height: 300px;background: url(/img/front/kr/content/content/m2.png) 0 center no-repeat;  background-size: 100%;}
.m1_3{padding-right:1%;margin-top:10px}
.m1_4{padding-left:1%;margin-top:10px}

/*윤리규범 인사말*/
.m3_3{padding-right:1%}
.m3_4{padding-left:1%}

/*선포배경*/
.m4_1{height: 214px;background: url(/img/front/kr/content/content/m4_1.png) center center no-repeat;  background-size: 100%;}

/*행동준칙*/
.m4_2{height: 214px;background: url(/img/front/kr/content/content/m4_2.png) center center no-repeat;  background-size: 100%;}

/*ceo 인사말*/
/* .m2_1{height: 405px;background: url(/img/front/kr/content/content/m2_1.png) center center no-repeat;  background-size: 100%;} */

/*연혁*/
.m2_2{height: 214px;background: url(/img/front/kr/content/content/m2_2.png) center center no-repeat;  background-size: 100%;}

/*인재상*/
.m2_3{height: 550px;background: url(/img/front/kr/content/content/m2_3.jpg) center center no-repeat; }

/*조직도*/
.m1_6{height: 214px;background: url(/img/front/kr/content/content/m1_1.png) center center no-repeat;  background-size: 100%;}
.m1_7{height: 800px;background: url(/img/front/kr/content/content/m1_2.png) center center no-repeat;  background-size: 834px;}

/*ci*/
.m1_8{height: 250px;background: url(/img/front/kr/klogo.png) center 40px no-repeat;border:1px solid #D8D8D8;margin: 30px 0.6% 0 0}
.m1_9{height: 250px;background: url(/img/front/kr/elogo.png) center 40px no-repeat;border:1px solid #D8D8D8;margin: 30px 0 0 0.6%}
/*인재상*/
.m5_2{height: 363px;background: url(/img/front/kr/content/content/m5_2.png) center 20px no-repeat;position:relative;padding: 20px 0 50px 0;margin-bottom:80px}
.m5_2 div{text-align:center;position:absolute;bottom:0;width:100%;font-size:16px}
/*채용절차*/
.m5_5{height: 110px;background: url(/img/front/kr/content/content/m5_5.png) center 20px no-repeat;position:relative;padding: 20px 0 50px 0;margin-bottom:20px}
.m5_5 div{text-align:center;position:absolute;bottom:0;left:0;width:100%}

/*직무소개*/
.m5_4{height: 214px;background: url(/img/front/kr/content/content/m5_4.png) center center no-repeat; background-size: 100%;}

/*포스코그룹비전*/
.w_ceo_p2 {font-size: 14px;  line-height: 20px;}
.vision .image {    margin-top: 0px;    background: #f5f5f5;    text-align: center;}
.vision .image.diagram {    border: 1px #ccc solid;    background: #fff;}
img.mobile-only {   display: none; }
img.mobile-hide {    display: inline; }

/*유튜브 동영상 모바일*/
.videowrapper {
position: relative;
padding-bottom: 52.25%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 1023px) {
	img.mobile-only {   display: inline; }
	img.mobile-hide {    display: none; }
	.mimg {  width:100%;}
}


/*제품*/
.m2_1_1{height: 228px;background: url(/img/front/kr/content/content/m2_1_1.png) center center no-repeat}
.m2_1_2{height: 253px;background: url(/img/front/kr/content/content/m2_1_2.png) center center no-repeat}
.m2_1_6{height: 322px;background: url(/img/front/kr/content/content/m2_1_6.png) center center no-repeat}
.m2_1_7{height: 131px;background: url(/img/front/kr/content/content/m2_1_7.png) center center no-repeat}
.m2_1_8{height: 296px;background: url(/img/front/kr/content/content/m2_1_8.png) center center no-repeat}
.m2_2_1{height: 345px;background: url(/img/front/kr/content/content/m2_2_1.png) center center no-repeat}

.m2_2_2{height: 296px;background: url(/img/front/kr/content/content/m2_2_2.png) center center no-repeat}
.m2_2_3{height: 296px;background: url(/img/front/kr/content/content/m2_2_3.png) center center no-repeat}
.m2_2_4{height: 296px;background: url(/img/front/kr/content/content/m2_2_4.png) center center no-repeat}
.m2_3_5{height: 302px;background: url(/img/front/kr/content/content/m2_3_5.png) center center no-repeat}
.m2_3_6{height: 269px;background: url(/img/front/kr/content/content/m2_3_6.png) center center no-repeat}

.m2_3_7{height: 295px;background: url(/img/front/kr/content/content/m2_3_7.png) center center no-repeat}
.m2_3_8{height: 295px;background: url(/img/front/kr/content/content/m2_3_8.png) center center no-repeat}
.m2_3_9{height: 379px;background: url(/img/front/kr/content/content/m2_3_9.png) center center no-repeat}

.m3_1_1{height: 144px;background: url(/img/front/kr/content/content/m3_1_1.png) center center no-repeat}

.m3_1_2{height: 248px;background: url(/img/front/kr/content/content/m3_1_2.png) center center no-repeat}
.m3_1_3{height: 248px;background: url(/img/front/kr/content/content/m3_1_3.png) center center no-repeat}


.m3_2_1{height: 144px;background: url(/img/front/kr/content/content/m3_2_1.png) center center no-repeat}
.m3_3_1{height: 144px;background: url(/img/front/kr/content/content/m3_3_1.png) center center no-repeat}
.m3_4_1{height: 144px;background: url(/img/front/kr/content/content/m3_4_1.png) center center no-repeat}

.m3_4_2{height: 248px;background: url(/img/front/kr/content/content/m3_4_2.png) center center no-repeat}

.m3_5_1{height: 144px;background: url(/img/front/kr/content/content/m3_5_1.png) center center no-repeat}

.m3_6_1{height: 144px;background: url(/img/front/kr/content/content/m3_6_1.png) center center no-repeat}
.m3_7_1{height: 144px;background: url(/img/front/kr/content/content/m3_7_1.png) center center no-repeat}
.m3_8_1{height: 144px;background: url(/img/front/kr/content/content/m3_8_1.png) center center no-repeat}
.m3_9_1{height: 144px;background: url(/img/front/kr/content/content/m3_9_1.png) center center no-repeat}

.m3_10_1{height: 144px;background: url(/img/front/kr/content/content/m3_10_1.png) center center no-repeat}

/*selectboxp_s*/
.p_s_wp{margin-bottom:15px}
.viewItem{display:none}
.p_s_wp label{background: url(/img/front/kr/bl_0.png) 0 2px no-repeat;padding-left:10px}

/*넓이*/
.widthGrp{background:#73caba;color:#fff}
.widthGrp span{padding-left:5px}


/*주가*/
.trLine{border-top: 2px solid #DADADA!important}
.jukatitle{padding: 23px 0 10px 0; font-size:20px}
.injuka_wp{margin-bottom:15px}
.injuka_left{width: 49%;float:left}
.injuka_right{width: 49%;float:right}
.jukacopy{padding: 22px 0 22px 0;border-bottom:1px solid #ddd}
.mstock2{border-left:none;border-right:none;border-radius:0;border-top: 2px solid #004d81;border-bottom: 1px solid #ddd!important}


/*제조라인*/
.width700{width:700px;margin: 0 auto}
.leftpaddingtable td,.leftpaddingtable th{padding-left:10px!important}
.j_line1_p li span a,.j_line1_p2 li span a,.j_line1_p3 li span a,.j_line1_p4 li span a{background:#2571d3;color:#fff;display:inline-block;font-size:11px;padding: 2px 5px;border-radius:2px;box-shadow: 2px 2px 2px #666;opacity:0.9}
.j_line1_p li,.j_line1_p2 li,.j_line1_p3 li,.j_line1_p4 li{position:relative}
.j_line1_p .j1{position:absolute;left:124px;top:56px}
.j_line1_p .j2{position:absolute;left:180px;top:67px}
.j_line1_p .j3{position:absolute;left:234px;top:25px}
.j_line1_p .j4{position:absolute;left:273px;top:82px}
.j_line1_p .j5{position:absolute;left:336px;top:20px}
.j_line1_p .j6{position:absolute;left:375px;top:85px}
.j_line1_p .j7{position:absolute;left:412px;top:0}
.j_line1_p .j8{position:absolute;left:486px;top:54px}
.j_line1_p .j9{position:absolute;left:531px;top:54px}
.j_line1_p .j10{position:absolute;left:569px;top:79px}
.j_line1_p .j11{position:absolute;left:645px;top:20px}
.j_line1_p .j12{position:absolute;left:690px;top:77px}


.j_line1_p2 .j1{position:absolute;left:104px;top:40px}
.j_line1_p2 .j2{position:absolute;left:175px;top:52px}
.j_line1_p2 .j3{position:absolute;left:244px;top:10px}
.j_line1_p2 .j4{position:absolute;left:295px;top:39px}
.j_line1_p2 .j5{position:absolute;left:355px;top:37px}
.j_line1_p2 .j6{position:absolute;left:397px;top:96px}
.j_line1_p2 .j7{position:absolute;left:485px;top:82px}
.j_line1_p2 .j8{position:absolute;left:421px;top:57px}
.j_line1_p2 .j9{position:absolute;left:458px;top:16px}
.j_line1_p2 .j10{position:absolute;left:516px;top:25px}
.j_line1_p2 .j11{position:absolute;left:549px;top:53px}
.j_line1_p2 .j12{position:absolute;left:619px;top:8px}
.j_line1_p2 .j13{position:absolute;left:690px;top:49px}



.j_line1_p3 .j1{position:absolute;left:152px;top:40px}
.j_line1_p3 .j2{position:absolute;left:199px;top:52px}
.j_line1_p3 .j3{position:absolute;left:281px;top:38px}
.j_line1_p3 .j4{position:absolute;left:345px;top:98px}
.j_line1_p3 .j5{position:absolute;left:454px;top:16px}
.j_line1_p3 .j6{position:absolute;left:607px;top:27px}



.j_line1_p4 .j1{position:absolute;left:127px;top:40px}
.j_line1_p4 .j2{position:absolute;left:271px;top:22px}
.j_line1_p4 .j3{position:absolute;left:448px;top:31px}
.j_line1_p4 .j4{position:absolute;left:515px;top:53px}
.j_line1_p4 .j5{position:absolute;left:584px;top:50px}

/*품질보증*/
.m6_a{float:left;width:24%;text-align:right}
.m6_b{float:left;width:71%;position:relative;top:32px;margin-right:5%}
.m6_b dl{}
.m6_b dt{font-size:14px;color:#666;font-weight:bold;border:3px solid #b2ceee;border-radius:8px;padding:6px;display:inline-block;background:#fff}
.m6_b dd{height:80px;overflow:auto;margin: 10px 0 0 10px;color:#666;line-height:150%}
.m6_b .m6_bdd{height:70px!important}


/*컬러색상*/
.colorPt{margin:10px auto 0 auto;width:800px}
.colorPt ul li{width:90px;float:left;margin: 35px;height:90px;position:relative;border-radius:60px}
.colorPt ul li span{position:absolute;width:100%;bottom:-25px;text-align:center;white-space: nowrap;overflow:hidden;text-overflow:ellipsis}
.color1{background:#122c5a}
.color2{background:#133c57}
.color3{background:#2a6043}
.color4{background:#738766}
.color5{background:#c7d0a4}
.color6{background:#4f5f5e}
.color7{background:#7d827c}
.color8{background:#9da1a6}
.color9{background:#908770}
.color10{background:#d7d8d0}
.color11{background:#d0381c}
.color12{background:#3f100c}
.color13{background:#314e5a}
.color14{background:#102c5e}
.color15{background:#1e52a0}
.color16{background:#11264e}
.color17{background:#12315b}
.color18{background:#c2c89e}
.color19{background:#b4a589}
.color20{background:#949696}
.color21{background:#9fa0a1}
.color22{background:#070e0c}
.color23{background:#d1dddf}
.color24{background:#c9cee5}
.color25{background:#1c3739}
.color26{background:#c23211}
.color27{background:#505e5d}

/*요약재무*/
.dc1,.dc2,.dc3{text-align:left!important}
.dcs td{text-align:right}

.dc1{padding-left:15px!important}
.dc2{padding-left:25px!important}
.dc3{padding-left:45px!important}
.dc_cnt{text-align:center;background:#f8f8f8;font-weight:bold}



/*IR담당자*/
.m8_1{height: 122px;background: url(/img/front/kr/content/content/m8_1.png) center center no-repeat}


/*동반성장*/
.m9_1{height: 762px;background: url(/img/front/kr/content/content/m9_1.png) center center no-repeat}
.m9_2{height: 287px;background: url(/img/front/kr/content/content/m9_2.png) center center no-repeat}

/*공정거래제도*/
.m10_1{height: 610px;background: url(/img/front/kr/content/content/m10_1.png) center center no-repeat}

/*자율준수프로그램*/
.m11_1{height: 481px;background: url(/img/front/kr/content/content/m11_1.png) center center no-repeat}

/*자가진단표*/
.m12_1{height: 422px;background: url(/img/front/kr/content/content/m12_1.png) center center no-repeat}

/*추진목적*/
.m13_1{height: 258px;background: url(/img/front/kr/content/content/m13_1.png) center center no-repeat}

/*추진방향*/
.m13_2{height: 732px;background: url(/img/front/kr/content/content/m13_2.png) center center no-repeat}

/*추진체계*/
.m13_3{height: 418px;background: url(/img/front/kr/content/content/m13_3.png) center center no-repeat}

/*추진경과*/
.tdleft td{padding: 7px 5px 7px 10px!important;text-align:left!important}

/*복리후생*/
.line170{line-height:170%}


/*사회공헌*/
.m14_1{height: 411px;background: url(/img/front/kr/content/content/m14_1.png) center center no-repeat; background-size: 100%;}
.m14_2{height: 416px;background: url(/img/front/kr/content/content/m14_2.png) center center no-repeat}

/*비전*/
.m16_1{height: 150px;background: url(/img/front/kr/content/content/m16_1.png) center center no-repeat}
.boxfont{padding:20px 13px;border:1px solid #e5e5e5;background:#f9f9f9;line-height:150%;font-size:20px; text-align:center}
.boxfont strong{color:#004d81}

/*연구개발 개요*/
.m18_1{height: 214px;background: url(/img/front/kr/content/content/m18_1.png) center center no-repeat; background-size: 100%;}

/*연구개발 도면*/

.color_c1{background:#ffd6ba;display:inline-block;width:10%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c2{background:#fbd605;display:inline-block;width:20%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c3{background:#ffc0de;display:inline-block;width:30%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c4{background:#ddffdd;display:inline-block;width:40%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c5{background:#ffffbb;display:inline-block;width:50%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c6{background:#bebebe;display:inline-block;width:70%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c7{background:#ffffbb;display:inline-block;width:50%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c8{background:#ddffdd;display:inline-block;width:40%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}

.color_c9{display:inline-block;width:30%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
	.color_c9_1{width:33.3%;background:#ffc0de;display:inline-block;height:10px}
	.color_c9_2{width:33.3%;background:#3232ff;display:inline-block;height:10px}
	.color_c9_3{width:33.3%;background:#32bf72;display:inline-block;height:10px}

.color_c_1{background:#ffd6ba;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c_2{background:#fbd605;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c_3{background:#ffc0de;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c_4{background:#ddffdd;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c_5{background:#ffffbb;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c_6{background:#bebebe;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c_7{background:#ffffbb;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}
.color_c_8{background:#ddffdd;display:inline-block;width:1%;border:1px solid #cacaca;height:10px;overflow:hidden;margin-right:4px}


/*개인정보처리방침*/ 

/*이미지아이콘*/
.telimg{vertical-align:middle;margin: 0 13px 0 13px}



/*영상*/
@media all and (max-width: 600px) {
	.box50,.box30,.box70{width:100%;padding:0;margin-bottom:20px}
	.img_mobile {  width:100%;}
}

@media all and (max-width: 940px) {
	.injuka_left{width:100%}
	.injuka_right{width:100%;margin-top:20px}
}