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


#section1 { width: 100%;  display: block;  position: absolute;  height: 340px; top:100px; }


.sec1_header_wrap { width: 100%; height: 150px; display: block; overflow: hidden;  background-size: cover;  }
.sec1_header_title { font-size: 18px; color: #fff; font-family: roboto; width: 80%; margin: 0 auto;  text-align: center; letter-spacing: 2px;  padding-top: 40px;  }
.sec1_header_detail { font-size: 12px; color: #fff; font-family: nanum; width: 70%; text-align: center; letter-spacing: 2px;  margin: 0 auto; margin-top: 20px; }  

.company_navi { width: 100%; height: 30px; display: block; background: #2c82c9; cursor: pointer;   position: relative; z-index: 99; }

.cn_home { width: 20%; height: 30px; display: block; float: left; border-right: 1px solid rgba(255,255,255,0.5);  }
.cn_home > img { width: 20px; height: 20px; display: block; margin: 0 auto;  margin-top: 5px;  }

.cn_big { width: 38%; border-right: 1px solid rgba(255,255,255,0.5); display: block; float: left;   }
.cn_small { width: 38%;  display: block; float: left;   }
.cn_p { color: #fff;  width: 100%; padding-left: 5px; height: 30px; float: left; line-height: 30px; font-family: roboto, nanum; letter-spacing: 1px; text-transform: uppercase;  font-size: 14px;  }

.cn_big > .cn_ul { border-right: 1px solid rgba(255,255,255,0.5);  }
.cn_ul { width: 100%;  background: #2c82c9; clear: both; display: none;  position: relative; z-index: 99; }
.cn_ul2 { width: 100%;  background: #2c82c9; clear: both; display: none;  position: relative; z-index: 99; }
.cn_ul > li { width: 100%; height: 30px;  display: block; }
.cn_ul > li > a { width: 100%;  height: 30px; display: block; font-size: 12px; color: #fff; line-height: 30px; text-align: center;   }
.cn_ul > li > a:hover { text-decoration: underline;  } 
.cn_name { width: 70%; height: 30px; display: block; float: left;}
.cn_icon { width: 30%; height: 30px; display: block; background: url('/images/company/cn_sort_icon.png') no-repeat center; float: left;}

.tothetop { position: relative; z-index: 500; width: 80px; height: 30px; float: right; display: block; color: #fff; margin-right: 3%; top: 4px;  border: 1px solid #fff; text-align: center; line-height: 30px;  font-family: roboto; letter-spacing: 2px; display: none;   }
.tothetop:hover { color: #e14938;  background: #fff;  }



.h3_title { font-family: roboto, nanum; margin-bottom: 20px; width: 100%; padding-left: 20px; height: 30px; line-height: 30px;  background: #2c82c9; color: #fff; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; }

/* sub 공통 끝*/





/* section3 */
#section3 { width: 100%;  display: block;   clear: both; overflow: hidden; margin-top: 220px; }
#bopp { width: 100%; margin: 0 auto;  padding-top: 5%; }
#bopp > .title {  }
#bopp > .title_underline {  }
#bopp > .text {  }

.contents { border-top: 1px solid #ddd; padding-top: 50px;  }

.contents_instruction { margin-top: 0px; padding-top: 20px;   font-size: 14px;  margin-bottom: 50px;   padding-left: 20px; padding-bottom: 20px;  padding-right: 20px; line-height: 20px;  }
.contents_title {  color: #2c82c9; font-size: 16px; font-family: roboto, nanum;  margin-right: 5px;  display: block; margin-bottom: 15px; }
.contents_title2 { color: #e14938; font-size: 16px; font-family: roboto, nanum;  margin-right: 5px;  display: block; margin-bottom: 15px; }
.contents_title3 { color: #41a85f; font-size: 16px; font-family: roboto, nanum;  margin-right: 5px;  display: block; margin-bottom: 15px; }
.contents_title4 { color: #553982; font-size: 16px; font-family: roboto, nanum;  margin-right: 5px;  display: block; margin-bottom: 15px; }
.contents_title5 { color: #f37934; font-size: 16px; font-family: roboto, nanum;  margin-right: 5px;  display: block; margin-bottom: 15px; }

/* 제품공정 */
.process { width: 100%; height: 900px;  margin: 0 auto; margin-top: 50px; border: 1px solid red; overflow: hidden;  display: none; }

.process_box { width: 100%;    }
.p_part_wrap { width: 100%; display: block; height: 530px; overflow: hidden; border: 1px solid red;  }
.p_part { width: 100%; height: 530px;  display: none; } 
.p_part1 { display: block;   }
.process_navi { width: 100%; margin-top: 30px; display: block;  }
.process_navi > li { border: 1px solid #efefef; width: 150px; float: left; font-family: roboto, nanum; text-align: center; height: 150px; line-height: 280px;  margin-right: 3px; cursor: pointer; display: block; }

.part_image {  width: 700px; float: left; display: block;  height: 530px; border: 1px solid #28324e; overflow: hidden; }
.part_txt {  width: 320px; float: left;  height: 300px; display: block;  height: 530px; }

.pt_title { font-family: roboto, nanum; font-size: 24px;  text-transform: uppercase; padding-top: 50px; text-align: center; }
.pt_content { width: 90%; margin: 0 auto; margin-top: 50px;   }

.process_arrow { width: 680px;  display: block; position: absolute;  margin-top: -320px; margin-left: 10px; z-index: 200;}
.prev_btn { display: block; float: left;  cursor: pointer; }
.next_btn { display: block; float: right; cursor: pointer;  }





/* bopp - extruder */
.pi1_1 { width: 120px;  position: relative;   display: block;  left: 100px; top: 40px; }
.pi1_1 > ul > li { width: 15px; height:15px; display: block; float: left; position: absolute;  margin-left: 50px; margin-top: -20px; border: 1px solid #41a85f; opacity: 0; background: #41a85f; }
.pi1_1 > ul > li:nth-child(1) {  }
.pi1_1 > ul > li:nth-child(2) { border-radius: 10px;  }
.pi1_1 > ul > li:nth-child(3) {  }
.pi1_1 > ul > li:nth-child(4) { border-radius: 10px;  }
.pi1_1 > ul > li:nth-child(2) {  }


.pi1_2 { width: 500px;   position: relative;   display: block; left: 50px; top: 150px;  }
.pi1_3 { width: 400px;  position: relative;  display: block;  top: -40px; left: 500px;  }

.pii1_1 { width: 100%; }
.pii1_2 { width: 100%; }
.pii1_3{ width: 400px; opacity: 0.1; }


/* bopp - casting */
.part_image > div { position: relative;  }
.pi2_1 {  width: 120px; top: 160px; }
.pi2_2 { width: 200px; height: 200px; left: 105px; top: 100px;  }
.pi2_3 { width: 400px;  background: #a38f84; height: 170px; display :block; top: 0px; left: 50px;  }
.pi2_4 { width: 600px; top: -360px; left: 250px; z-index: -1;}
.pi2_5 { width: 45px; height: 45px; top: -580px; left: 315px;  }
.pi2_6 { width: 45px; height: 45px; top: -535px; left: 445px;}


.pi2_extra {  width: 10px; height: 100px; background: url('/images/product/bopp/p2_7.png') no-repeat center; display: block; position: relative;   z-index:-1; opacity: 0; top: -525px; left: 75px;  }
.pi2_extra_inside { width: 4px; height: 15px;  background: url('/images/product/bopp/p2_8.png') no-repeat center;
background-size: cover;  margin-left: 2px; opacity: 1; display:block; position: relative; }
.pi2_7 { top: -960px;  left: 530px;  width: 150px;  }
.pi2_8 { top: -840px; left: 530px; width: 150px; height: 210px;  overflow: hidden;   }
.pii { width: 100%;   }


.pi2_8 > .pii {   }

/* bopp - mdo */

.pi3_1 { width: 200px; top: 207px; left: -150px; z-index: 99; }
.pi3_2 { width: 500px; top: 180px; left: 90px;  }
#pi31 { width: 317px;  }
#pi32 { width: 182px;  position: relative; z-index: 100;}
.pi3_3 { width: 20px; top: 72px; left: 430px;   z-index: 100;}
.pi3_4 { width: 20px; top: 72px; left: 455px;   z-index: 100;}
.pi3_5 { width: 20px; top: 22px; left: 480px;  z-index: 100; }
.pi3_6 { width: 20px; top: 22px; left: 505px;   z-index: 100;}
.pi3_7 { width: 20px; top: -28px; left: 530px;  z-index: 100; }


/*bopp - tdo */
.pi4_1 { width: 150px; top: 270px; left: -120px; }
.pi4_2 { width: 550px; top: 80px; left: 80px;   }
.pi4_3 > p { position: relative;  }
.pi4_3p1 { width: 20px; height: 40px; display: block; background: #fff;  top: -30px; left: 105px;   }
.pi4_3p2 { width: 20px; height: 40px; display: block; background: #fff;  top: -70px; left: 260px;   }
.pi4_3p3 { width: 20px; height: 40px; display: block; background: #fff;  top: -110px; left: 412px;   }
.pi4_3p4 { width: 20px; height: 40px; display: block; background: #fff;  top: -150px; left: 565px;   }
.pi4_4 { background: #efefef; border: 1px solid #ddd; width: 200px; height: 20px; display: block;  z-index: -1; top: -175px; left: -180px;  }
.pi4_5 { background: #efefef; border: 1px solid #ddd; width: 200px; height: 20px; display: block;   z-index: -1; top: -162px; left: 420px;  }

/* bopp - prs */

.pi5_1 { width: 90%; margin: 0 auto;  top: 140px; }
.pi5_2 > div { position: relative;   }

.pi5_2_1 { width: 100px; height: 100px; display: block; left: -53px; top: 30px;  }
.pi5_2_2 { width: 40px; height: 40px; display: block; left: 96px; top: -138px; }
.pi5_2_3 { width: 40px; height: 40px; display: block; left: 155px; top: -40px;  } 
.pi5_2_4 { width: 25px; height: 25px; display: block; left: 220px; top: -125px; }
.pi5_2_5 { width: 25px; height: 25px; display: block; left: 583px; top: -152px;}
.pi5_2_6 { width: 40px; height: 40px; display: block; left: 660px; top: -127px;}

.pi5_3 { width: 150px;  top: -500px; left: 350px; }
.pi5_4 { width: 150px;  top: -440px;  left: 350px; }

/* bopp - winder */
.pi6_1 { width: 500px;  top: 250px; }
.pi6_2 > div { position: relative;   }
.pi6_2_1 { width: 50px; top: 100px; left: 110px;  height: 50px; z-index: 51; }
.pi6_2_2 { width: 50px; height: 50px; top: 10px; left: 80px; z-index: 51; }
.pi6_3 { z-index: 40; width: 300px; height: 300px; background: url('/images/product/bopp/p6_bg.png') no-repeat center left #28324e; display: block;   left: 340px; top: -150px;  overflow: hidden; }
.pi6_3_inside { width: 70px; height: 70px; display: block; margin: 0 auto; border-radius: 100%; background: #fff; margin-top: 115px;   overflow: hidden;  z-index: 60; }

.pi6_3_inside > img { display: block; margin: 0 auto;  width: 50px; height: 50px; margin-top: 10px; }

/* bopp - rack */

.pi7_0 { width: 150px; height: 250px; display: block; background: #28324e;  top: 100px; left: -100px; z-index:99;}
.pi7_1 { width: 500px; height: 50px; display: block; background: #8e6c5a;  top: 50px; left: 150px; }
.pi7_2 { width: 150px; height: 150px; top: -150px; left: -200px; }
.pi7_3 { width: 150px; height: 150px; top: 100px;  top: -300px; left: -200px; }
.pi7_4 { width: 150px; height: 150px; top: 100px;  top: -450px; left: -200px; }



/* table 공통 */


table > caption { width: 50%; font-size: 14px;  height: 35px; line-height: 35px; padding-left: 20px; color: #2c82c9; margin-bottom: 10px;  text-align: left; }

table { border-collapse: collapse; margin-bottom: 70px; margin-top: 70px;  width: 100%; }
td, th { border: 1px solid #efefef;  font-weight: normal;   height: 30px; text-align: center; font-size: 12px; font-family: roboto, nanum;}

th { background: #efefef; color: #28324e;   }
td { width: 150px;  }
td img { width: 25px; height: 25px; cursor: pointer;   }

.t_description { width: 400px;   }
.contents .h3_title { margin-top: -50px;  }

/* 제품 이미지 공통 */

.gc_image { display: block; border-top: 1px solid #ddd; margin-top: 20px;  }


.gi_title { margin-top: 30px; clear: both;  font-family: roboto, nanum; padding-top: 0px;  }

.git_big { font-size: 12px; margin-left: 5%; }
.git_middle { font-size: 12px; margin-left: 15px; margin-right: 15px; }
.git_small { font-size: 12px; }

.gi_ul {  width: 100%; height: 300px; margin-top: 20px; overflow: hidden;  border-bottom: 1px solid #d6d6d6; }

.bopp_ul1 { background: url('/images/contact/gallery/bopp0_mobile.png') no-repeat center bottom;   }
.bopp_ul2 { background: url('/images/contact/gallery/bopp1_mobile.png') no-repeat center bottom;   }
.bopp_ul3 { background: url('/images/contact/gallery/bopp2_mobile.png') no-repeat center bottom;   }
.bopp_ul4 { background: url('/images/contact/gallery/bopp3_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }

.cpp_ul1 {  background: url('/images/contact/gallery/cpp0_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }
.cpp_ul2 {  background: url('/images/contact/gallery/cpp1_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }
.spp_ul1 {  background: url('/images/contact/gallery/spp0_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }
.spp_ul2 {  background: url('/images/contact/gallery/spp1_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }
.almetal_ul1 {  background: url('/images/contact/gallery/almetal_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }
.coated_ul1 {  background: url('/images/contact/gallery/coated0_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }
.coated_ul2 {  background: url('/images/contact/gallery/coated1_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }
.coated_ul3 {  background: url('/images/contact/gallery/coated2_mobile.png') no-repeat center bottom;  margin-bottom: 60px; }

.gi_li {  background: url('/images/contact/gi_li.png') no-repeat 5px center; background-size: 12px; padding-left: 20px; font-size: 14px; margin-right: 30px; }


.image_caption { font-size: 10px; color: #9f9f9f;  display: block; position: relative; width: 98%; clear: both; top: 20px; }












/* section4 */
#section4 { width: 100%;  display: none;   clear: both; overflow: hidden; margin-top: 200px;  }
#cpp { width: 100%; margin: 0 auto;  padding-top: 5%; }


/* section5 */
#section5 { width: 100%;  display: none;   clear: both; overflow: hidden; margin-top: 200px; }
#spp { width:  100%; margin: 0 auto;  padding-top: 5%; }



/* section6 */
#section6 { width: 100%;  display: none;   clear: both; overflow: hidden; margin-top: 200px;}
#almetal { width:  100%; margin: 0 auto;  padding-top: 5%; }




/* section7 */
#section7 { width: 100%;  display: none;   clear: both; overflow: hidden; margin-top: 200px; }
#coating { width:  100%; margin: 0 auto;  padding-top: 5%; }




/* IML */

#section8 { width: 100%;  display: none;   margin-top: 200px; }
#new { width: 100%; margin: 0 auto;  padding-top: 5%; }
.new_product {    }
/*
.np_ul { width: 100%; display :block;  margin-top: 50px;  }
.np_li {width: 100%; border: 1px solid #28324e; height: 200px;   }
.np_li_left { display: block; width: 75%; float: left; }
.np_li_right { display: block; width: 25%; float: left; }

.np_li_title { font-family: roboto, nanum;  margin-top: 30px; margin-left: 50px; }
.np_li_content { font-family: roboto, nanum; font-size: 12px; margin-left: 50px; overflow: hidden;  margin-top: 15px; line-height: 22px; height: 120px;width: 700px;  }

.abbr { font-size: 30px;  color: #2969b0; margin-right: 15px; letter-spacing: 2px;  }
.full_name { font-size: 14px;   }

.np_li_right > img { width: 150px;  height: 150px; display: block; margin: 0 auto;  }
.np_li_right > a { width: 150px; height: 25px; display: block; border-radius: 5px; background: #41a85f; color: #fff; text-align: center; line-height: 25px; margin: 0 auto;    }
.np_li_right > a:hover { background: #e14938;  }
*/
.np_first_article { margin-top: 50px;  font-family: roboto, nanum;  }
.np_first_article > dl > dt {  width: 95%; margin: 0 auto; font-size: 16px; color: #2c82c9; margin-bottom: 20px;    }
.np_first_article > dl > dd { width: 90%; margin: 0 auto; margin-bottom: 10px;  font-size: 12px; background: url('/images/rnd/rnds_dd.png') no-repeat center left; padding-left: 20px; background-size: 7px;  }


.np_second_article { margin-top: 50px;   }
.np_second_article > h3 { font-size: 16px; color: #2c82c9; font-family: roboto, nanum;width: 95%; margin: 0 auto;  }
.np_second_article > ul > li { margin-top: 20px;   }
.nps_dl > dt { font-size: 14px; color: #fff; background: #41a85f; margin-left: 2.5%; width: 100px; height: 30px; line-height: 30px; text-align: center;  margin-bottom: 15px;  border-radius: 5px; }
.nps_dl > dd { font-size: 12px;  width: 95%; margin: 0 auto; margin-bottom: 5px; }


.np_third_article { margin-top: 50px;   }
.np_third_article > h3 { width: 95%; margin: 0 auto; font-size: 16px; color: #2c82c9; font-family: roboto, nanum; margin-bottom: 20px;   }
.np_third_article > ul > li { width: 95%; margin: 0 auto;  margin-top: 10px;  font-size: 12px;  }


.np_fourth_article { margin-top: 50px;   }
.np_fourth_article > h3 { font-size: 16px; width: 95%; margin: 0 auto; color: #2c82c9; font-family: roboto, nanum; margin-bottom: 20px;  }
.np_fourth_article > ul > li {  font-size: 12px; width: 95%; margin: 0 auto; margin-top: 30px;  }
.npf_dl > dt { font-size: 14px; color: #fff; background: #41a85f; width: 100px; height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px; border-radius: 5px;  }
.npf_process > p { color: #e14938; width: 70px; height: 25px; margin-top: 20px;   }

.npf_dl_ul > li {  margin-bottom: 5px;  }

.npf_process > img { width: 98%;   }


#product_request { width: 100%; height: 40px; line-height: 40px; background: #2c82c9; color: #fff; text-align: center;  display: block;  }
#product_request_eng { width: 100%; height: 40px; line-height: 40px; background: #2c82c9; color: #fff; text-align: center;  display: block;  }




/* partners */
.partnership {   float: left; width: 100%; height: 40px; display: block; line-height: 40px; margin-top: 30px;  position: absolute; background: #41a85f;  z-index: 1; }
.partnership > p { font-family: roboto, nanum; width: 100%; height: 40px; color: #fff;  line-height: 30px; text-transform: uppercase;   font-size: 12px;  text-align: center; line-height: 40px;  }
.partnership > p:hover { background: #41a85f; }


.partner_wrap { position: absolute;  width: 200px;  background: #fff; border: 2px solid #28324e; margin-top: -50px; padding-left: 10px; padding-right: 10px; overflow: hidden; display: none; opacity: 0; }

.partner_btns { margin-top: 35px; margin-bottom: 15px; width: 80px; height: 25px; background: #2c82c9; color: #fff; display: block; float: right; text-align: center; line-height: 25px; margin-right: 15px;  }
.partner_btns:hover { background: #e14938; }

.partner_ul {  margin-top: 30px;   }
.partners_li { width: 180px;  border-bottom: 1px solid #ddd; height: 50px;   }
.partners_li:first-child { border-top: 1px solid #ddd;   }

.partner_a { width: 160px; height: 35px;  display: block;    margin: 0 auto; margin-top: 7px;  }
.partner_a > img { width: 160px;   display: block;     }
.partner_text { float: left; width: 90%; font-family: roboto, nanum; font-size: 14px;  padding: 10px; display: none;  }

.partner_ins { font-size: 12px; color: #2c82c9; position: relative; top: 15px;  }


}