/* ÃʱâÈ­ */
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{ padding:0px; border:0px; }

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

#logoArea { width:100%; overflow:hidden; background:#fff; font-family:malgun gothic; padding-top:26px;}
#logoArea .logo { width:100%; height:42px; line-height:32px; font-size:28px; vertical-align:top; letter-spacing:-0.05em; text-align:center; overflow:hidden; }
#logoArea .logo a { color:#2b77bf; }
#logoArea h1 span { width:100%;  text-align:center; }
#logoArea .topCall { width:168px; height:23px; margin:0px auto; padding-top:5px; background:#2b77bf; text-align:center; overflow:hidden; }
#logoArea .topCall a { color:#fff; font-size:1.0em; }

#menuArea { width:100%; text-align:center; height:76px; overflow:hidden; padding:8px 0px 0px 0px; }
#menuArea .menu { height:56px; overflow:hidden; margin:0px auto; }
#menuArea .menu td { width:66px; height:54px; font-size:0.8em; text-align:center; font-weight:bold; padding-top:2px; margin:0px 2px; border:1px solid #87bef1; }
#menuArea .menu td a, #menuArea td a:hover, #menuArea td a:focus, #menuArea td a:active { color:#2376c3; text-decoration:none; line-height:1.5em; }
#menuArea .menu td img { width:18px; }


#mainArea { width:100%; position:relative; overflow:hidden; height:261px; }
#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:129px; left:0px; text-align:center; }
#mainArea span.call a { margin:0px 6px; }
#mainArea span.call img { z-index:6;}

#subArea { width:100%; position:relative; overflow:hidden; }
#subArea h2 { text-align:center; padding-top:9px; height:28px; margin-bottom:24px; font-size:1.6em; color:#2b77bf; letter-spacing:-0.1em; border-top:2px solid #2b77bf; border-bottom:2px solid #2b77bf; }
#subArea p { text-align:left; padding-left:22px; width:270px; font-size:1.1em; color:#444; line-height:1.9em; }
#subArea p b { font-size:1.2em; line-height:2.2em; }
#subArea span.tit { width:93%; display:block; text-align:left; font-size:1.4em; color:#111; font-weight:bold; padding:4px 0px 2px 0px; margin:0px auto 10px auto; }
#subArea span.tit .bullet { margin-right:5px; vertical-align:top; }
#subArea .coverBg { width:100%; position:relative;  margin-top:25px; }
#subArea .coverBg img.cover { width:100%; z-index:2; }
#subArea span.call { width:100%; position:absolute; z-index:6; top:22px; left:0px; text-align:center; }
#subArea span.call a { margin:0px 6px; }
#subArea span.call img { z-index:6;}

#subArea .imgArea { width:100%; text-align:center; }
#subArea .imgArea img { 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 #2b77bf; }


#copyArea { width:100%; height:122px; background:#165793; text-align:center; color:#fff; }
#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:#fff; }
#copyArea p.copyright { padding-top:8px; font-size:1.0em; color:#fff; }