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


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


.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;   }

.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;  }
.cn_ul2 { width: 100%;  background: #2c82c9; clear: both; display: none;  }
.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;  }




/*section2*/
#section2 { width: 100%;  display: block;   margin-top: 200px; }
#contact { width: 100%; margin: 0 auto;  padding-top: 0%; }

iframe { width: 100%; display: block; margin: 0 auto;  height: 800px; border: none; overflow: hidden;  }


/*test*/
.js_test {  display: none; width: 300px; height: 150px; border: 1px solid red; z-index: 300; position: fixed; left: 0; top: 45%; background: #fff;  font-size: 16px; text-align: center; }


}