/* ÃʱâÈ­ */
html { overflow-y:scroll;font-family:'NanumGothic'; }
body { margin:0;padding:0;font-size:0.75em;font-family: 'NanumGothic'; }
b, strong { font-family: NanumBarunGothic,'³ª´®¹Ù¸¥°íµñ'; }
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: NanumBarunGothic,'³ª´®¹Ù¸¥°íµñ'; }
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{ padding:0px; border:0px; }

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

#logoArea { width:100%; height:47px; overflow:hidden; background:#414356; }
#logoArea .logo { width:212px; font-size:16px; letter-spacing:-0.05em; text-align:center; overflow:hidden; font-weight:bold; }
#logoArea .logo a { color:#fff; }
#logoArea h1 span { width:100%;  text-align:center; }
#logoArea .icon { width:49px; height:47px; text-align:center; }
#logoArea .icon img { width:49px; height:47px; }
#logoArea .border-r { border-right:1px solid #8c8c8c; }
#logoArea .border-l { border-left:1px solid #8c8c8c; }

#mainArea { width:100%; position:relative; overflow:hidden; height:191px; }
#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; }

#subArea { width:100%; position:relative; overflow:hidden; padding-bottom:24px; }
#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 { width:100%; text-align:left; padding:15px 0px 9px 24px; margin-bottom:24px; font-size:1.5em; color:#60637e; font-weight:bold; background:#bcbece; border-top:4px solid #5c618c; }
#subArea p { text-align:left; padding-left:28px; width:264px; font-size:1.1em; color:#353535; line-height:1.7em; }
#subArea p b { font-size:1.2em; 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 #aaa; 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 0px auto; width:264px; height:270px; overflow:hidden; border:1px solid #333; }

span.call { width:100%; display:block; text-align:center; height:82px; background:#2f324d; }
span.call img { z-index:6; }

#menuArea { width:100%; height:132px; overflow:hidden; background:url(img/bg_menu.png) repeat-x; }
#menuArea .menu { width:290px; margin:8px auto; }
#menuArea .menu td { height:46px; font-size:1em; color:#fff; text-align:center; font-weight:bold; padding-top:2px; }
#menuArea .menu td a, #menuArea td a:hover, #menuArea td a:focus, #menuArea td a:active { color:#fff; text-decoration:none; }
#menuArea .menu td img { width:100%; }

#copyArea { width:100%; height:122px; background:#5f6a86; text-align:center; color:#fff; }
#copyArea p.name { width:86%; padding-top:11px; font-size:1.2em; font-weight:bold; line-height:2.0em; margin:0px auto; }
#copyArea p.info { width:86%; font-size:1.0em; line-height:1.5em; margin:0px auto; }
#copyArea p.info a {color:#fff; }
#copyArea p.copyright { width:100%; padding-top:8px; font-size:0.9em; color:#fff; text-align:center; }