/* ±âº» ½ºÅ¸ÀÏ ÃʱâÈ­ */
* {padding:0;margin:0;}
body, th, td, textarea, h1, h2, h3, h4, h5, h6 {font-family:dotum;font-size:12px;}
body, th, td, textarea {line-height:14px;}
img, fieldset {border:0;}
li {list-style:none;}
select, input {font-family:verdana; color:#000000; font-size:1.00em;}
address, em {font-style:normal;}
button {border:none; background:none; cursor:pointer;}
hr, legend {display:none;}
p, h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd {margin:0; padding:0;}
a img {vertical-align:top;}
a:link, a:visited {font-size:12px; color:#787878; text-decoration:none;}
a:hover {font-size:12px; color:#787878; text-decoration:underline;}


/* ·¹À̾ƿô */
#wrap {width:100%; position:relative; text-align:center;}


#content_wrap_main {
  width:370px; height:570px;
  padding:38px 0 0 600px;
  position:relative;
  text-align:left;
  margin:0 auto;
}


#footer_wrap {width:100%; height:85px; position:relative;}
.content_footer {
  width:970px;
  position:relative;
  text-align:left;
  margin:0 auto;
}


/* ž ¸Þ´º */
#topmenu {
  width:970px; height:85px;
  position:relative;
  text-align:left;
  margin:0 auto;
}
#topmenu h1 {position:absolute; margin:19px 0 0 10px;}
#topmenu .global_menu {
  position:absolute; right:0; top:14px;
  overflow:hidden; padding-right:30px;
}
#topmenu .global_menu a {padding:0 3px 0 6px; margin-left:-1px;}
#topmenu .main_menu {
  position:absolute; left:214px; top:29px;
  vertical-align:top;
  padding:5px 0 0 29px;
  width:727px; height:56px;
}
#topmenu .main_menu a {display:inline-block; vertical-align:top;}
#topmenu .main_menu .fst {width:139px;}
#topmenu .main_menu .snd {width:186px;}
#topmenu .main_menu .trd {width:135px;}
#topmenu .main_menu .fth {width:143px;}
#topmenu .main_menu .last {width:74px;}
#topmenu .sub_menu {
  position:absolute; top:60px; left:244px;
  height:22px; padding:0 11px 0 0;
  background:#2ba7dc;
}
#topmenu .sub_menu a {
  position:relative; display:inline-block;
  margin:5px 0 0 0;
  padding:0 0 0 9px;
  vertical-align:top;
}
#topmenu .company {top:60px; left:244px;}
#topmenu .business {top:60px; left:384px;}
#topmenu .products {top:60px; left:562px;}
#topmenu .customer {top:60px; left:697px;}
#topmenu .recruit {top:60px; left:765px;}


/* ÄÜÅÙÃ÷ */
.main_banner {width:360px; height:78px; margin:27px 0 0 0;}
.module_link {
  width:360px; height:131px;
  padding:18px 0 0 0;
  margin:26px 0 0 0;
}
.module_link ul {list-style:none; padding:0 0 0 17px;}
.module_link ul li {
  float:left;
  width:85px;
  text-align:center;
}


/* ǪÅÍ */
.content_footer {vertical-align:top;}
.content_footer .footer_logo {position:relative; top:18px;}
.content_footer .personal_link {position:relative; top:-22px; left:149px;}
.content_footer .address {position:relative; top:-11px; left:149px;}
.content_footer .family_site {position:absolute; right:0; margin:-55px 0 0 0;}
.content_footer .famliy_site_link {
  position:absolute; right:0;
  margin:-33px 0 0 0;
  width:126px;
  border:1px solid #efefef;
}
.content_footer .famliy_site_link a {
  display:inline-block; width:126px;
  text-decoration:none;
}
.content_footer .famliy_site_link a:hover {background:#efefef;}


/* 📱 ¹ÝÀÀÇü ½ºÅ¸ÀÏ Ãß°¡ */
@media (max-width: 768px) {
  body {
    font-size: 14px;
    line-height: 1.5;
  }


  #content_wrap_main {
    width: 100%;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
  }


  #topmenu, .content_footer {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }


  #topmenu .main_menu,
  #topmenu .sub_menu {
    position: static;
    width: 100%;
    display: block;
    padding: 10px 0;
    text-align: center;
  }


  #topmenu .main_menu a,
  #topmenu .sub_menu a {
    display: inline-block;
    margin: 5px 10px;
    width: auto;
  }


  .main_banner,
  .module_link {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }


  .module_link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0;
  }


  .module_link ul li {
    width: 45%;
    margin-bottom: 10px;
  }


  .content_footer .footer_logo,
  .content_footer .personal_link,
  .content_footer .address,
  .content_footer .family_site,
  .content_footer .famliy_site_link {
    position: static;
    margin: 10px auto;
    text-align: center;
    float: none;
  }
}