@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:479px) {
     body {zoom:56.25%;}
 }
 @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; box-sizing:border-box;}
img {border:0;}
a {border:0; text-decoration:none; color:inherit; font-family: 'Nanum Gothic', sans-serif;}
ul, li {list-style:none;}
body {font-family:'Malgun Gothic';/*font-family: 'Nanum Gothic', sans-serif;*/width:100%;max-width:640px; background:none; margin:0 auto; }
#wrap {width:100%; text-align:center; margin:0 auto;display:block;}
fieldset{margin:0; padding:0; border:none;}
legend{ position:absolute; left:-9999%;}
div{display:block;}
label:focus{outline: 1px dotted #0066FF; *border: 1px dotted #0066FF;}
.radio.focus{outline: 1px dotted #0066FF; *border: 1px dotted #0066FF;}
.gm ul li a:focus{outline: 1px dotted #0066FF; *border: 1px dotted #0066FF;}
input,textarea,select,button{border:1px solid #D8C3C2;color:#594F40; font-size:12px}
input,select {vertical-align:middle; margin:0; padding:0;}
.float {float:left;}
.clearfix:after {contnet:""; clear:both; display:block;}
/* »ó´Ü */
#header {width:100%; height:212px; position:relative;   }
#header .topbanner {height:120px; width:100%;}
#header .wrap { height:80px; width:620px; margin:0px auto; overflow:hidden;}
#header .wrap a.logo {display:inline-block; float:left;}
#header .wrap a.logo img { margin-top:21px; }
#header .wrap #menu { float:right; margin-top:0px;  }
#header .wrap #tel {float:right;margin-top:17px;}
#header .wrap:after {content:""; clear:both; display:block;}
#header .wrap #menu a { display:block; height:53px;}
#header .wrap #menu .menu_btn {margin-top:20px; margin-right:20px;}
#showRightPush {
 width:48px; height:52px;
 background:url('/base/img/m/images/menu.png') no-repeat;
 border:none; 
 cursor:pointer;
 text-indent: -1000%;
 }

/* ³×ºñ°ÔÀÌ¼Ç */
#cbp-spmenu-s2 {width:250px; font-family:"NanumGothic", sans-serif; font-weight:400; background:#eee; overflow:scroll;  }
#cbp-spmenu-s2 .gnb_home {width:100%; height:100px; background:#f57d4f; font-size:28px; text-align:center; line-height:100px;}
#cbp-spmenu-s2 .gnb_home a { color:#fff; }
#cbp-spmenu-s2 li {font-size:1.2em; border-bottom: 1px solid #ddd;}
#cbp-spmenu-s2 li a {padding:0.875em; cursor:pointer; }
#cbp-spmenu-s2 li a.none { padding:0 !important; }
#cbp-spmenu-s2 li .s6 { padding:0 !important; }
#cbp-spmenu-s2 dd > a {color:#666; }
.topnav {padding:0.8em; color:#4a4a4a; cursor:pointer; }
.topnav  span { font-size:12px; ; }
.subnav {display:none; background:#fff; z-index:9999;width:100%; /*border-left:1px solid #ddd;*/  }
.subnav dd { border-bottom:1px solid #ddd; }
/* ¸ÞÀÎ */
#main { width:100%;}
/* .sl_txt { position:absolute; z-index:10; top:30px; left:50%; margin-left:-271px; } */
#main .flexslider { height:453px; }
#main #article {width:640px; clear:both; }
#main #article ul li {float:left;}
#main #article ul:after {content:""; clear:both; display:block;}
#main #article ul.r1 li {height:129px;}
#main #article ul.r3 li {width:160px;}
/* ÇÏ´Ü */
#footer { clear:both;  width:100%; position:relative; }
#footer #cs_info a{width:50%;}
#footer #cs_info a img{width:100%;}
#footer #admin ul li {font-size:14px;display:inline-block;}
#footer #admin ul li a { display:block; padding:20px 0;margin:0 15px; color:#737373;}
#footer #admin ul {display:inline;overflow:hidden;}
#footer .copy {padding:10px 20px; line-height:22px; color:#354e55; font-size:13px; text-align:center; border-top:1px solid #e0e0e0;}
/* ----------------------------------------------------------------------------
        ¼­ºê
        
-----------------------------------------------------------------------------*/  
     
#sub  { wdith:100%; position:relative; }
#sub .sub_common { background:#ff8e62; height:71px; width:100%;  }
#sub .sub_common p {line-height:71px; color:#fff; font-size:26px; font-weight:600; font-family:'Nanum Gothic', sans-serif;}
#sub #sub_tit { width:100%; background:url('../images/sub_tit.png') no-repeat 50% 50%; height:120px; }
#sub #sub_tit h2 { padding-top:30px; padding-bottom:10px; color:#f57d4f; font-size:2em; letter-spacing:-0.5px }
#sub #sub_tit span { letter-spacing:-1px; color:#8d8d8d; font-size:16px;  }
#sub-menu {  background:#fff; height:62px; }
#sub-menu ul { width: 100%; margin:0 auto; letter-spacing:-0.1em; } 
#sub-menu ul li {     float:left;   height:62px; line-height:62px;  border:1px solid #e0e0e0; box-sizing:border-box; border-top:none; }
#sub-menu ul li:last-child { background:none; border-left:none;}
#sub-menu ul li a {  display:inline-block; width:100%;text-align:center;  color: #505050; letter-spacing:-2px; font-size:20px; height:61px; box-sizing:border-box;}
#sub-menu ul li a:hover, #sub-menu li a.on  {background:#fff; color:#f57d4f; border-bottom:3px solid #f57d4f; box-sizing:border-box;}
#sub-menu ul.m1 li { width:100%; }
#sub-menu ul.m2 li { width:50%; }
#sub-menu ul.m3 li { width:33.3%; }
#sub-menu ul.m4 li { width:25%; }
#sub-menu ul.m5 li { width:20%; }
#sub-menu ul.m6 li { width:16.6%; }
#sub #content { width:600px; margin:0 auto; padding-bottom:40px; clear:both; margin-top:50px; }
#sub #content h2 { text-align:left; padding-top:40px; width:620px; margin:0 auto 26px auto;  padding-bottom:20px; border-bottom:1px dashed #ddd; font-size:2em; letter-spacing:-1px;  }
#sub #content h2 span { float:right; font-size:16px; font-weight:normal; line-height:58px;  }
#sub .sub_common .topnav {position:absolute; top:5px; right:20px; color:#fff; font-size:20px;}
#wrap #sub #content {text-align:left;}

/* ¼­ºêtab */
#content {width:100%;display:inline-block;}
#content ul.tabs {width:600px; height:42px; line-height:42px; margin:0 auto;}
#content ul.tabs li {display:inline-block;float:left; text-align:center; font-size:17px; color:#808080;  letter-spacing:-1px; text-transform:uppercase; background:#f5f5f5;/*border-top:3px #b9b9b9 solid;*/margin-right:0.1%;}
#content ul.tabs li a {display:block;}
 #content ul.tabs li.active, #content ul.tabs li:hover  {/*border-top:3px #ff8500 solid;*/color:#303030; background:#68a2b1; color:#fff;}
#content ul.tabs.t2 li {width:49.9%;}
#content ul.tabs.t3 li {width:33.2%;}
#content ul.tabs.t4 li {width:24.9%;}
#content ul.tabs.t5 li {width:19.9%;}
#content ul.tabs li.last {margin-right:0;}
#content .tab_container {width:100%;display:inline-block; margin-top:20px;}
#content .tab_content {width:100%;display:inline-block; min-height:280px;}
/* °Ô½ÃÆÇ */
.formmail_textarea_style { width:432px; }
#sub #content iframe {min-height:300px;}
#sub #content iframe .bbsnewf5 > table > tbody > tr > td > a > img {width:180px; height:120px;}
.map_wrap {width:600px; margin:0 auto;}
.map_wrap .map_info {padding:10px 0;}
.map_btn ul li {float:left;}
.map_btn ul:after {content:""; clear:both; display:block;}
/* ÄÁÅÙÃ÷ º¸µå */
#sub #content textarea,#sub #content input {width:90%;}
#sub #content input {height:30px;}
#sub #content td.formmail_cell_bgcolor {padding:10px; padding-left:10px;}
#sub #content input[name="phone_no1"],#sub #content input[name="phone_no2"],#sub #content input[name="phone_no3"] {width:25%;}
#sub #content input[type="radio"],#sub #content input[type="checkbox"] {width:auto;}
#sub #content textarea[name="description"] {height:60px !important;}
/* ¼­ºê Å×À̺í-Á¾ÇÕ°ËÁø¼¾ÅÍ-*/
.tab_container .tables {margin-bottom:30px;}
.tables h3 {margin:30px 0 20px; font-size:30px;color:#276577; letter-spacing:-0.1em;}
.tables h4 {margin:20px 0;}
#sub_content .right .tables p {float:none; color:#222; font-size:18px;margin-top:0; line-height:1.8; }
.tables p {background:url(/base/img/pc/images/bullet.png) 0 9px no-repeat; padding-left:24px; letter-spacing:-0.08em;}
.tables ul li {color:#222; font-size:18px;line-height:1.8;background:url(/base/img/pc/images/bullet.png) 0 9px no-repeat; padding-left:24px;}
.tables .tg  {border-collapse:collapse;border-spacing:0;width:100%;}
.tables .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border:solid #ddd 1px;overflow:hidden;word-break:normal; line-height:1.6;}
.tables .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tables .tg .tg-tr {border:solid #276577 1px;}
.tables .tg .tg-baqh{text-align:center;vertical-align:middle;}
.tables .tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:middle;background:#276577;color:#fff;border-color:#ddd;}
.tables .tg .tg-amwm1{font-weight:bold;text-align:center;vertical-align:middle;background:#56909a;color:#fff;border-color:#ddd;}
.tables .tg .tg-yw4l{vertical-align:middle;}
/*¼­ºê ¿¹¹æÁ¢Á¾*/
.table_vaccin h3 {margin:30px 0 20px; font-size:30px;color:#276577; letter-spacing:-0.1em;}

.board {border:0;}
.board_view td {
    border-bottom: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-top:0;
    border-left:1px solid #e5e5e5;
    padding: 4px;
}
select.cateform {vertical-align:middle;}