/* ÃʱâÈ­ */
html { overflow-y:scroll;font-family:'NanumGothic'; }
body { margin:0;padding:0;font-size:0.75em;font-family: 'NanumGothic'; }
b, strong { font-family: NanumBarunGothicBold,'³ª´®¹Ù¸¥°íµñ'; }
b.eng-num, strong.eng-num { font-family: tahoma,'NanumBarunGothic'; color:#333; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0 }
h1, h2, h3, h4, h5, h6 { font-family: NanumBarunGothicBold,'³ª´®¹Ù¸¥°íµñ'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

#hd ul, nav ul, #ft ul { margin:0;padding:0;list-style:none }
legend { position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden }
label, input, button, select, img { vertical-align:middle }
input, button { margin:0;padding:0;font-family:dotum;font-size:1em; }
button { cursor:pointer }

textarea, select { font-family:dotum;font-size:1em }
select { margin:0 }
p { margin:0;padding:0;word-break:break-all }
hr { display:none }
pre { overflow-x:scroll;font-size:1.1em }
a img { border:0px; }
a:link, a:visited { color:#000; text-decoration:none }
a:hover, a:focus, a:active { color:#000; text-decoration:none; }

table, td{ border-spacing:0px; padding:0px; border:0px; border-collapse:collapse; }

/* ¸ð¹ÙÀÏ css ½ÃÀÛ : (ÆíÁý Èñ¾ÆÁöÆ® (¹®ÀÇ:heeagit@gmail.com, epearit@gmail.com) */
#wrap { width:320px; margin:0px auto; overflow:hidden; background:#dcdcdc; }

#logoArea { width:100%; height:64px; overflow:hidden; background:#faf9f7; }
#logoArea .logo { width:212px; padding-top:4px; font-size:24px; font-weight:bold; letter-spacing:-0.05em; text-align:center; overflow:hidden; }
#logoArea .logo a { color:#3d3d3d; }
#logoArea h1 span { width:100%;  text-align:center; }
#logoArea .icon { width:64px; height:64px; text-align:center; }
#logoArea .icon img { width:34px; height:34px; padding-top:4px; }

#menuArea { width:100%; height:37px; overflow:hidden; background:url(img/bg_menu.png) no-repeat; background-size:340px 37px; }
#menuArea td { border-right:1px solid #ffffff; font-size:1em; color:#fff; text-align:center; font-weight:bold; padding-top:2px; }
#menuArea td a, #menuArea td a:hover, #menuArea td a:focus, #menuArea td a:active { color:#fff; text-decoration:none; }

#mainArea { width:100%; position:relative; overflow:hidden; height:389px; }
#mainArea img.bg { width:100%; position:absolute; z-index:2; top:0px; left:0px; }
#mainArea span.text { width:100%; position:absolute; z-index:5; top:0px; left:0px; }
#mainArea span.text img { width:100%; z-index:5; }
#mainArea span.call { width:100%; position:absolute; z-index:6; top:249px; left:0px; text-align:center; }
#mainArea span.call img { z-index:6; }

#subArea { width:100%; position:relative; overflow:hidden; }
#subArea .coverBg { width:100%; position:relative; z-index:2; margin-bottom:25px; }
#subArea .coverText { width:100%; position:absolute; z-index:5; top:0px; left:0px; }
#subArea .coverBg img, #subArea .coverText img { width:100%; }
#subArea h2 { text-align:left; padding-left:24px; margin-bottom:24px; font-size:2.0em; color:#000000; font-weight:bold; }
#subArea p { text-align:left; padding-left:28px; width:264px; font-size:1.1em; color:#353535; line-height:1.9em; }
#subArea p b { font-size:1.0em; line-height:2.2em; }
#subArea span.tit { width:268px; display:block; margin-left:26px; text-align:left; font-size:1.4em; padding:12px 0px; margin-bottom:12px; border-top:1px solid #000000; border-bottom:1px solid #aaa; }
#subArea span.call { width:100%; display:block; position:relative; z-index:6; text-align:center; margin:26px auto; }
#subArea span.call img { z-index:6; }

#subArea .imgArea { width:100%; text-align:center; }
#subArea .imgArea img { border:1px solid #333; margin:10px 6px 15px 6px; }

#subArea table { margin-left:28px; width:264px; text-align:left; font-size:1.1em; }
#subArea .mapPin { width:43px; }
#subArea .map { margin:15px auto 35px auto; width:264px; height:270px; overflow:hidden; border:1px solid #333; }

#bottomMenu { width:100%; height:36px; overflow:hidden; background:url(img/bg_bottomMenu.png) no-repeat; background-size:340px 36px; }
#bottomMenu td { border-right:1px solid #ffffff; font-size:1em; color:#fff; text-align:center; font-weight:bold; }
#bottomMenu td a { width:100%; display:block; }
#bottomMenu td a, #menuArea td a:hover, #menuArea td a:focus, #menuArea td a:active { color:#fff; text-decoration:none; }
#bottomMenu td img { width:30px; vertical-align:middle; }
#bottomMenu td span { height:14px; padding-top:3px; vertical-align:middle; display:inline-block; }

#copyArea { width:100%; height:122px; background:#c3c7c9; text-align:center; }
#copyArea p.name { padding-top:11px; font-size:1.2em; font-weight:bold; line-height:2.0em; }
#copyArea p.info { font-size:1.0em; line-height:1.5em; }
#copyArea p.info a {color:#3d3d3d; }
#copyArea p.copyright { padding-top:8px; font-size:1.0em; color:#3d3d3d; }