@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* ¾ÆÀÌÆеå(1024X768)º¸´Ù Å« ½ºÅ©¸° »çÀÌÁî¿Í Çػ󵵸¦ °®´Â ¸ðµç ±â±â¿¡¼­ÀÇ ÇØ»óµµ ¼³Á¤
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }
*{margin:0; padding:0;}
img {border:0;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif;width:100%;max-width:640px; background:none; margin:0 auto; }
.ac {color:#14bfbd;}
#wrap {width:100%; text-align:center; margin:0 auto;display:block;}
#header { height:123px;  border-bottom:4px solid #22869e; }
#header .logo { width:422px; height:83px; margin:0 auto; padding: 20px 0;  }
/* slide */
.slides{position:relative;width:640px}
.slides .slide{overflow:hidden;position:relative;width:640px;height:430px}
.slides .slide li{display:block;width:640px;height:430px}
.slides .slide li a{display:block}
.slides a.prev,.slides a.next{display:inline-block;z-index:100;overflow:hidden;position:absolute;top:10px;width:14px;height:14px;background:url(/base/img/leadersmcc/images/sp_page.gif) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides a.prev{right:25px;background-position:0 0}
.slides a.prev:hover{background-position:0 -20px}
.slides a.next{right:10px;width:15px;background-position:-20px 0}
.slides a.next:hover{background-position:-20px -20px}
.slides .page{z-index:100;position:absolute;top:20px;right:10px;width:100px;text-align:center;list-style:none}
.slides .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides .page li a{display:block;overflow:hidden;width:14px;height:12px;background:url(/base/img/leadersmcc/images/sp_page.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides .page li.current a{background-position:0 -12px}
.icon ul.icon1 { width:640px; height:128px; }
.icon ul.icon1 li { float:left; display:block; }
.icon ul.icon2 { width:640px; height:467px; }
.icon ul.icon2 li { float:left; display:block; }
.icon ul.icon3 { width:640px; height:138px; }
.icon ul.icon3 li { float:left; display:block; }
#footer .btn ul { width:640px; height:45px; }
#footer .btn ul li { float:left;  }
#footer .copy {width:640px; height:120px; background:#2e383b;  }
#footer .copy p { font-size:14px; color:white; padding:18px 0; }
/* ------------------------------- ¼­ºê -------------------------- */
#sub { width:640px; }
#sub .sub_tit { width:640px; height:250px; }
#sub .sub_menu { height:70px;  }
#sub .sub_menu ul li { float:left; display:block; }
#sub_content { width:100%; }
#sub_content .sub0_menu { width:640px; overflow:hidden;  background:#e5eaeb; }
#sub_content .sub0_menu ul { width:600px; margin:0 auto; padding:20px 0; height:372px;   }
#sub_content .sub0_menu ul li {
  float:left; 
  width:186px; 
  height:171px;
  margin:5px 5px; 
}
#sub_content .sub1_menu { width:640px; height:160px; background:#e5eaeb; }
#sub_content .sub1_menu ul { width:600px; margin:0 auto; padding:20px 0; height:120px;   }
#sub_content .sub1_menu ul li {
  float:left; 
  width:186px; 
  height:46px;
  line-height:46px; 
  text-align:center; 
  margin:5px 5px; 
  border:2px solid #bdbebe; 
  background:#fff; 
  border-radius:10px; 
}
#sub_content .sub1_menu ul li.on { background:#22869e; }
#sub_content .sub1_menu ul li.on a { color:white; }
#sub_content .sub1_menu ul li a { display:block; font-weight:bold; color:#858585; font-size:22px; letter-spacing:-2px;   }
#sub_content .sub1_menu ul li a p { display:block; font-weight:bold; color:#858585; font-size:20px; letter-spacing:-2px;   }
#sub_content .sub1_menu ul li.on a p { color:white; }
#sub_content .sub2_menu { width:640px; overflow:hidden;  }
#sub_content .sub2_menu ul { width:610px; margin:0 auto; padding-top:20px; overflow:hidden;    }
#sub_content .sub2_menu ul li {
  float:left; 
  width:196px; 
  height:38px;
  line-height:38px; 
  text-align:center; 
  margin:1px 1px; 
  border:1px solid #bdbebe; 
  background:#fff; 
}
#sub_content .sub2_menu ul li.on { background:#019abf; }
#sub_content .sub2_menu ul li.on a { color:white; }
#sub_content .sub2_menu ul li a { display:block; font-weight:bold; color:#858585; font-size:20px; letter-spacing:-2px;   }
#sub_content .sub3_menu { width:640px; height:280px; background:#e5eaeb; }
#sub_content .sub3_menu ul { width:600px; margin:0 auto; padding:20px 0; height:120px;   }
#sub_content .sub3_menu ul .w50 { width:calc((100% - 28px) / 2) !important; } 
#sub_content .sub3_menu ul li {
  float:left; 
  width:186px; 
  height:46px;
  line-height:46px; 
  text-align:center; 
  margin:5px 5px; 
  border:2px solid #bdbebe; 
  background:#fff; 
  border-radius:10px; 
}
#sub_content .sub3_menu ul li.on { background:#22869e; }
#sub_content .sub3_menu ul li.on a { color:white; }
#sub_content .sub3_menu ul li a { display:block; font-weight:bold; color:#858585; font-size:22px; letter-spacing:-2px;   }
#sub_content .sub3_menu ul li a p { display:block; font-weight:bold; color:#858585; font-size:20px; letter-spacing:-2px;   }
#sub_content .sub3_menu ul li.on a p { color:white; }
#sub_content .content { width:600px; margin:0 auto; padding-bottom:40px; }
#sub_content .content h2 { font-size:36px; color:#22869e; text-align:left; height:50px;  margin-top:20px; letter-spacing:-2px;   }
#sub_content .content h3 { font-size:24px; color:#46b6ce; text-align:left; height:40px;  margin-top:10px; letter-spacing:-2px;   }
#sub_content .content hr { margin-bottom:40px; border:1px solid #22869e; }
.content_body ul.map { width:600px; height:66px; }
.content_body ul.map li { float:left; display:block; }



#tabwrap {
  background: #fff;
  overflow: hidden;
  width: 600px;
  min-height: 338px;
}
.tabs {
  overflow: hidden;
  margin:0; 
  padding:0; 
  width:600px; 
}
.tabs li a {
  height:50px;
  line-height:50px;  
  display: block;
  color: #969696;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  float:left; 
  width:196px;
  margin:2px 2px;  
  background:#f6f6f6; 
}
.tabs li a:hover { background: #fff; border-bottom:none; }
.tabs li:first-child a { border-left: 0; }
.tabs li:last-child a { border-right: 0; }
.tabs li.current a {
  background: #fff;
  color: #e37b00;
  width:192px; 
  height:46px;
  line-height:46px;  
  border-bottom:none;
  font-weight:bold; 
  border:2px solid #e37b00;
}
.tab_content > div {
  clear: both;
  color: #666;
  display: none;
}
.tab_content { width:600px; height:auto;  float:right; margin-top:40px;   }
.tab_content .current { display: block; }
.board_desc input[type=text]  { width:100%; }
.board_desc { /*font-size:14px;*/ padding:10px 0; line-height:1.8;}
.board_bgcolor font{ /*font-size:14px !important;*/ padding:10px 0; }
/*.board_bgcolor { width:20% !important; }*/
td.est_cate_cell select { height:44px; }
.bbswriter { width:20%; }
.table_02 td { line-height:1.7; }
#post_area {font-size:20px;}
/*´ë¸®Ã³¹æ¾È³» ÆäÀÌÁö*/
.content .content_body.deputy{text-align: left;}
.content .content_body.deputy h3{margin-bottom:20px; font-size:21px;}
/*´ë¸®Ã³¹æÈ®Àμ­ ´Ù¿î·Îµå*/
.content .content_body.deputy a.deputy_dl{display: block;width: 250px;height: 50px;line-height: 50px;border: 1px solid #ccc; margin-top: 30px; padding: 0 20px; font-weight: 600;}
.content .content_body.deputy a.deputy_dl.w450{width: 450px; text-align: center;}
.content .content_body.deputy a.deputy_dl.w520{width: 520px; text-align: center; height: 70px; line-height: 35px; margin-bottom: 50px;}