@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: #00a886;  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: #00a886; clear: both; display: none;  }
.cn_ul2 { width: 100%;  background: #00a886; 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 { width: 100%; display: block;  overflow: hidden; }
#manage { width: 100%; margin: 0 auto;  padding-top: 5%; margin-top: 200px;  }


.manage_contents { width: 100%; display: block; margin: 0 auto;  margin-top: 5%;  }
.mc_title { width: 80%; height: 80px; display: block; border: 4px solid #5377a0; margin: 0 auto; text-align: center;  margin-bottom: 20px; }
.mc_title_first { width: 100%; height: 20px; line-height: 20px; display: block; text-align: center; font-size: 16px; font-family: nanum; margin-top: 20px;  }
.mc_title_second { width: 100%; text-align: center; font-size: 12px; font-family: roboto, nanum; letter-spacing: 1px;  }
.mts_letter { font-size: 14px; color: #1abc9c;  }
.mts_23 {  margin-left: 8px;  }


.mc_dl { width: 80%; display: block;  height: 120px; margin: 0 auto;    margin-bottom: 5px;  }
.mc_dl > dt { background: url('/images/company/hire_model_title.png') no-repeat center left; background-size: 10px; width: 100%; height: 30px; display: block;  font-size: 14px;  margin: 0 auto;  color: #2c82c9; padding-left: 15px;  line-height: 30px;  }





.mc_dt_first {  height: 20px; width: 50%; ; line-height: 20px;  }
.mc_dt_second {  width: 50%;  height: 20px; line-height: 20px;  }



.mc_dl > dd { font-size: 14px; width: 250px;  padding-left: 10px; height: 20px; line-height: 20px;  }

.mc_dl1 > dd {  }
.mc_dl2 > dd {  }
.mc_dl3 > dd {  }




.mc_for_design_ul1 { height: 30px; width: 100%;  clear: both; overflow: hidden; display: none;}
.mc_for_design_ul1 > li { width: 50%; height: 30px; display: block; float: left;  display: none; }

.mc_for_design_ul2 { height: 30px; width: 67%; margin: 0 auto; clear: both; overflow: hidden; display: none; }
.mc_for_design_ul2 > li {  height: 30px; display: block; float: left;  }

.mfdu1 { border-right: 1px solid #d1d1d1; }
.mfdu2 { border-right: 1px solid #d1d1d1;  border-left: 1px solid #d1d1d1;  border-top: 1px solid #d1d1d1; width: 334px; }
.mfdu3 { border-right: 1px solid #d1d1d1;   width: 49%; border-top: 1px solid #d1d1d1; }

.mc_bottom_line { clear: both;    width: 100%; text-align: center; font-size: 14px; color: #2969b0;  padding-bottom: 50px; margin-bottom: 30px; display: none; }



/* ceo 인사말 */
#section3 { width: 100%;  display: block;   margin-top: 0px; border-top: 1px solid #efefef; padding-top: 20px;   }
#ceo { width: 100%; margin: 0 auto;  padding-top: 5%; }


.ceo_contents { width: 100%;  display: block;  margin-top: 40px; overflow: hidden; background-size: cover; }
.ceo_wrap { position: relative; z-index: 130; width: 90%;  display: block;  margin: 0 auto; background: url('/images/company/ceo_mobile.png') no-repeat left bottom; padding-bottom: 150px;  }
.ceo_words { width: 90%; margin: 0 auto;  font-size: 12px;  line-height: 24px;  text-shadow: 1px 1px #efefef; border-top: 1px solid #888; padding-top: 30px; }


.ceo_words:first-letter { color: #2c82c9; font-size: 42px;   } 

.line-height { width: 100%; height: 10px; display: block;  }

.signature { width: 300px;   height: 60px; margin-top: 70px;  float: right;   }
.sign_status { padding-right: 10px;  height: 40px; display: block; line-height: 40px; text-align: right;   font-size: 12px; }
.sign_name {  height: 40px; display: block;  font-size: 20px; text-align: right; letter-spacing: 3px;  font-family: nanum, hongik;   }


/* 연혁  */

#section4 { width: 100%;  display: block;   margin-top: 0px;  border-top: 1px solid #efefef;  overflow : hidden; }
#history { width: 100%; margin: 0 auto;  padding-top: 5%; overflow: hidden; margin-top: 60px; }

.history_navi { width: 100%; display: block;  overflow: hidden; margin-top: 50px; display: none; }
.history_navi > li { width: 100%; float: left; border: 1px solid #efefef; margin-right: 5px; cursor: pointer;  height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-family: roboto, nanum;  }

.h_li { color: #75706b; background: #fff; }
.h_li:hover { color: #fff; background: #0053a0; }
.h_li1 { color: #fff; background: #0053a0;  } 


.history_contents { width: 100%; margin: 0 auto;  margin-top: 50px; display: block; overflow: hidden; }



.third_part { display: block; width: 100%; clear: both;  }
.second_part { display: block; width: 100%; clear: both; border-top: 1px solid #efefef; }
.first_part {  display: block; width: 100%; clear: both; border-top: 1px solid #efefef; }

.history_img { width: 48%; display: block; float: left;  display: none; } 
.history_dl { width: 100%; display: block; float: left;  } 



.history_dt { width: 100%;  height: 30px;     color: #28324e; font-size: 16px; font-family: roboto, nanum; line-height: 30px; background: #efefef; text-align: center;  }
.history_dtr { width: 100%; height: 30px;  text-align: center;  background: #efefef; color: #28324e; font-size: 16px; font-family: roboto, nanum; line-height: 30px; display: none; }
.ddr  {  width: 90%; padding-left: 10%; height: 50px; padding-top: 5px;  border-bottom: 1px solid #efefef; padding-top: 10px; }

.ddl { width: 90%; padding-left: 10%; height: 50px; padding-top: 5px;  border-bottom: 1px solid #efefef; padding-top: 10px; }

.dd_year { color: #3993e7; font-family: roboto;  display: block; font-size: 14px; }
.dd_detail { margin-top: 5px; display: block; font-size: 14px;  }


.history_special_dd {   position: absolute; width: 100%; height: 200px; display: block;   left: 0;  background: url('/images/company/history_business_open.png') no-repeat center fixed;  }

.for_bg { width: 100%; height: 165px; display: block; background: url('/images/logo_mini.png') no-repeat center 110px;  padding-top: 35px;}
.for_bg > .dd_year { font-size: 14px; color: #fff;  width: 100%; text-align: center;  } 
.for_bg > .dd_detail { font-size: 22px; color: #fff;  text-align: center; margin-top: 10px; font-family: nanum, hongik; letter-spacing: 5px; }

.hsd_below { margin-top: 210px;  }


.history_now_img > figure { width: 250px;  display: block; margin: 0 auto; position: relative; top: 100px; margin-top: 50px; opacity: 0; display: none;}
.history_2010_img > figure { width: 250px;  display: block; margin: 0 auto; position: relative; top: 200px; margin-top: 50px; opacity: 0; display: none;}
.history_figure1_2003 { width: 250px;  display: block; margin: 0 auto; position: relative; top: 800px; margin-top: 0px; opacity: 0; display: none;}
.history_figure2_2003 { width: 250px;  display: block; margin: 0 auto; position: relative; top: 800px; margin-top: 200px; opacity: 0; display: none;}
.history_img > figure > img { width: 230px; display: block;  margin: 0 auto;  display: none;}
.history_img > figure > figcaption { font-size: 12px;  text-align: center; margin: 0 auto; height: 25px; line-height: 25px;  width: 230px; display: block;  margin-top: 10px; color: #75706b; display: none;}

.sec4_aside {  width: auto; position: fixed; top:0; left: 50%; z-index: 551; display: none; }
.his_sub_navi { color: #fff; font-family: roboto, nanum; letter-spacing: 1px;  display: none; }
.hsn { float: left; height: 40px; line-height: 40px; width: 120px; text-align: center; cursor: pointer;  background: #00a886; display: none; }
.hsn:hover { background: #0053a0; color: #fff; display: none;}
.selected { color: #fff; background: #0053a0; display: none;}

.hsn:nth-child(1) { border-right: 1px solid rgba(255,255,255,0.4);  border-left: 1px solid rgba(255,255,255,0.4);  display: none;}
.hsn:nth-child(2) { border-right: 1px solid rgba(255,255,255,0.4); display: none; }
.hsn:nth-child(3) { border-right: 1px solid rgba(255,255,255,0.4); display: none;}





/* 찾아오시는길 */
#section5 { width: 100%;   display: block;   margin-top: 0px;  border-top: 1px solid #efefef; background: #fff;   }
#info { width: 100%; margin: 0 auto;   overflow: hidden;  }

#info > .title { height: 50px; line-height: 50px; background: #28324e; color: #fff; width: 100%;    }
#info > .title_underline { display: none;  }

#info > .text { display: none;   }



.info_content {  }
.info_content_li { width: 100%;  height: 240px; overflow: hidden;  margin-bottom: 1px;  }
.branch_detail { display: block; height: 100%;  float: left;    }
.map {   z-index: 500;  height: 240px; width: 100%; display: block; position: absolute;  margin-top: -169px; margin-left:0px; display: none;  }
.map > iframe { width: 100%; height: 240px; border: none;    }
.map_close { background: #e14938; color: #fff; width: 27%; height: 25px; text-align: center; line-height: 25px; display: block; position: absolute; cursor: pointer; margin-top: -237px; margin-left: 73%; }
.map_close:hover { background: #54acd2; } 



.icl1 { background: url('/images/company/seoul_mobile.png') no-repeat left center #fff; background-size: cover; }
.icl2 { background: url('/images/company/gumi_mobile.png') no-repeat left center #fff;  background-size: cover; }
.icl3 { background: url('/images/company/chungju_mobile.png') no-repeat left center #fff;  background-size: cover; }
.icl4 { background: url('/images/company/carmona_mobile.png') no-repeat left center #fff;  background-size: cover; }



.branch_name {  margin-left: 20px; margin-top: 30px;  font-family: nanum; font-size: 16px; color: #fff; }
.branch_job { height: 120px;  }
.branch_detail { margin-left: 20px; margin-top: 10px;  }
.branch_addr { font-size: 12px; color: #fff; width: 100%;   margin-top: 5px;  }
.branch_call {  font-family: roboto; letter-spacing: 2px; color: #fff; font-size: 12px; }

.li_menu {   position: absolute;  width: 100%; }
.branch_link {   width: 30px; height: 30px; display: block; float: left; position: relative;  top: -135px; float: right; margin-right: 15px;}
.branch_link > img { width: 30px;  }
.branch_map > img { width: 30px; margin-top: 5px; margin-left: 5px;  }
.branch_map {   width: 40px; height: 40px; display: block; float: left;position: relative;  cursor:pointer; top: -140px; left: 0px;float: right;}



.branch_job > p { font-size: 12px;  position: relative; top: 35px; left: 20px; color: #fff; line-height: 25px; }




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




/* 채용정보 */
#section6 { width: 100%;   display: block;   margin-top: 0px;  border-top: 1px solid #efefef;   }
#hire { width: 100%; margin: 0 auto;  padding-top: 20px; overflow: hidden;  }

#hire > .text { display: none;  }
#hire > .title_underline { display: none;   }
.hire_model { margin-top: 20px;  width: 100%; overflow: hidden; }
.hire_model_title {  margin-left: 5%;  margin-top: 30px; margin-bottom: 20px;  font-size: 16px; color: #091f55;  }

.hire_model_dl { margin-bottom: 20px; width: 90%; margin-left: 5%;   float: left;  }
.hire_model_dt { margin-bottom: 20px; font-size: 14px;  color: #2c82c9; font-family: roboto;  }
.hire_model_dd { font-size: 13px; width: 95%; line-height: 20px;  }


.hire_btn {  color: #fff;  padding-left: 0px; margin-top: 20px;  width: 100%; height: 30px;  padding-top: 15px; text-align: center;
 cursor:pointer; background: #2c82c9;}
.hire_btn:hover { background: #e14938; }



/* 인사제도 및 채용안내*/
.hire_info { margin-top: 40px;  width: 100%; overflow: hidden; border-top: 1px solid #091f55;  }
.hire_info_title {  margin-left: 5%; margin-top: 30px; margin-bottom: 20px;  font-size: 16px; color: #091f55; }

.hic_table { border-collapse: collapse; width: 100%; margin-top: 35px;  margin-bottom: 35px; }
.hic_table > caption {  text-align: left;  color: #091f55; margin-bottom: 20px; font-size: 14px; margin-left: 1%;  }
.hic_table td, .hic_table th { border: 1px solid #efefef;  text-align: center; height: 25px; } 
.hic_table th { background: #091f55; color: #fff;  font-weight: normal; font-size: 12px; }
.hic_table td { font-size: 12px;  }

.hic_title { text-align: left;  color: #091f55; margin-bottom: 15px; font-size: 14px;  margin-left: 1%;}
.hic_txt { font-size: 13px; margin-left: 12px; margin-bottom: 5px;  }
.hic_txt_span { color: #2c82c9; margin-right: 10px;  }
.hic_recruit { margin-top: 30px;  }


/* 직원복지 */
.hire_welfare { margin-top: 40px;  width: 100%; overflow: hidden; border-top: 1px solid #091f55;    }
.hire_welfare_title {  margin-left: 5%; margin-top: 30px; margin-bottom: 20px;  font-size: 16px; color: #091f55;  }
.hwt_detail { font-size: 12px;  width: 90%; margin-left: 5%; margin-bottom: 30px;  color: #85817e;   }



.hire_welfare_list { display: block;  width: 100%; margin: 0 auto; height: 300px; }
.hire_welfare_list > li {  height: 150px; float: left; cursor: pointer; }

.hwl_txt { height: 150px;  text-align: center; line-height: 150px;   font-size: 14px;  display: block; position: absolute;  }
.hwl_img { width: 100%; height: 150px; display: block;  overflow: hidden; }



.hwl1{ width: 33.33% }
.hwl2 { width: 33.33%;  }
.hwl3 { width: 33.33%;  }
.hwl4 { width: 50%; }
.hwl5 { width: 50%;  }

.hwl1 > .hwl_txt {  color: #fff;   }
.hwl2 > .hwl_txt  { color: #fff;  }
.hwl3 > .hwl_txt  { color: #fff;  }
.hwl4 > .hwl_txt  { color: #fff;  }
.hwl5 > .hwl_txt  { color: #fff;  }


.hwl1 > .hwl_img > img { width: 100%; height: 100%; display: block;  }
.hwl2 > .hwl_img  > img { width: 100%; height: 100%; display: block; }
.hwl3 > .hwl_img  > img { width: 100%; height: 100%; display: block; }
.hwl4 > .hwl_img  > img { width: 100%; height: 100%; display: block; }
.hwl5 > .hwl_img  > img { width: 100%; height: 100%; display: block; }




/* ci 소개 */
#section_ci { width: 100%;  display: block;   margin-top: 0px;  border-top: 1px solid #efefef; padding-bottom: 50px; padding-top: 40px;  }
#ci { width: 100%; margin: 0 auto;  padding-top: 5%; overflow: hidden;  }

.ci_display { width: 96%;  height: 200px; margin: 0 auto;  border: 1px solid #ddd; background: url('/images/company/ci_bg.png') no-repeat center;   margin-top: 55px; display: block; }
.ci_display > img {  display: block; width: 70%;  margin: 0 auto; margin-top: 80px; }
 


.ci_meaning { width: 94%; display: block; margin: 0 auto;  margin-top: 25px; }
.ci_meaning > p { margin-bottom: 20px;   }
.ci_p_title { font-size: 14px; color: #2c82c9;    display: block;  }
.ci_p_content { font-size: 14px; margin-top: 5px; display: block;  }

.ci_demonstrate { clear: both;   }



.ci_inner_title { background: url('/images/company/hire_model_title.png') no-repeat 10px center;  width: 90%;  height: 20px;   background-size: 15px; padding-left: 40px; margin-top: 50px;  }
.cpc_color { color: #2c3e6f;  }  
.ci_demonstrate > p { font-size: 12px; margin: 0 auto; margin-top: 15px;  line-height: 22px;  width: 94%;  }


}