@media screen and (min-width: 701px) and ( max-width: 1209px) { 

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


.sec1_header_wrap { width: 100%; height: 300px; display: block; overflow: hidden;   }
.sec1_header_title { font-size: 42px; color: #fff; font-family: hongik, roboto; width: 100%; text-align: center; letter-spacing: 2px;  padding-top: 110px;  }
.sec1_header_detail { font-size: 14px; color: #fff; font-family: nanum; width: 100%; text-align: center; letter-spacing: 2px; margin-top: 20px; }  

.company_navi { width: 100%; height: 40px; display: block; background: #2668e0;  cursor: pointer;  }

.cn_home { width: 60px; height: 40px; 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: 10px;  }

.cn_big { width: 240px; border-right: 1px solid rgba(255,255,255,0.5); display: block; float: left;   }
.cn_small { width: 240px; border-right: 1px solid rgba(255,255,255,0.5); display: block; float: left;   }
.cn_p { color: #fff;  width: 220px; padding-left: 20px; height: 40px; float: left; line-height: 40px; font-family: roboto, nanum; letter-spacing: 1px; text-transform: uppercase;   }

.cn_big > .cn_ul { border-right: 1px solid rgba(255,255,255,0.5);  }
.cn_ul { width: 240px;  background: #2668e0; clear: both; display: none;  }
.cn_ul2 { width: 240px;  background: #2668e0; clear: both; display: none;  }
.cn_ul > li { width: 220px; height: 40px;  display: block; }
.cn_ul > li > a { width: 220px; padding-left: 20px; height: 40px; display: block; font-size: 14px; color: #fff; line-height: 40px;  }
.cn_ul > li > a:hover { text-decoration: underline;  } 
.cn_name { width: 180px; height: 40px; display: block; float: left;}
.cn_icon { width: 40px; height: 40px; 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: 420px; }
#contact { width: 1100px; margin: 0 auto;  padding-top: 0%; }

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


/*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; }


}