/* 초기화 */
html { overflow-y:scroll;font-family:'malgun gothic'; }
body { margin:0;padding:0;font-family: 'malgun gothic'; }
b, strong { font-family: malgun gothic,'맑은고딕'; }
b.eng-num, strong.eng-num { font-family: tahoma,'malgun gothic'; 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: malgun gothic,'맑은고딕'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

ul, dl, ol, li, dt, dd { 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; }
input {-webkit-appearance: none;}



/* 시작 */
body { background:url(../img/wrapBg.png) repeat-x top left; }
#top { position:relative; width:100%; height:76px; background:#fff; border-top:4px solid #000000; border-bottom:2px solid #D4D4D4; }
#top .topArea { position:relative; width:960px; margin:0px auto; }
#top .topArea .logo { display:inline-block; zoom:1; *display:inline; float:left; height:76px; line-height:76px; vertical-align:middle }
#top .topArea .logo img { vertical-align:middle }

#menu { position:absolute; z-index:50; top:0px; right:-35px; height:76px; font-size:0px; }
#menu li { width:138px; height:76px; display:inline-block; zoom:1; *display:inline; }
#menu li a { display:block; width:100%; text-align:center; height:76px; line-height:76px; vertical-align:middle; }
#menu li a img { margin-top:10px; vertical-align:middle; }

#wrapHome { position:relative; width:960px; margin:0px auto; padding-top:30px; clear:both; }

#wrapHome .quickCall { position:absolute; z-index:50; top:0px; left:-131px; }
#wrapHome .quickCallR { position:absolute; z-index:50; top:0px; right:-131px; }
#wrapHome .mainImg { width:616px; display:inline-block; zoom:1; *display:inline; float:left; margin:0px 17px 26px 0px; }
#wrapHome .conArea { width:327px; display:inline-block; zoom:1; *display:inline; float:right; }
	#wrapHome .mainCall { margin-bottom:17px; }

	#wrapHome .mainIcon { font-size:0px; margin-bottom:17px; }

	#wrapHome .mainGall { width:327px; height:270px; background:url(../img/mainGallBg.png) no-repeat top left; font-size:0px; }
	#wrapHome .mainGall ul { width:274px; margin:0px auto; padding-top:60px; }
	#wrapHome .mainGall li { width:136px; text-align:center; display:inline-block; zoom:1; *display:inline; }
	#wrapHome .mainGall li img { width:115px; height:86px; border:1px solid #F8A887; margin-bottom:9px; }


#wrapHome2 { width:100%; padding:30px 0px; background:#f5f5f5; clear:both; }
#wrapHome2 .bBox { width:960px; margin:0px auto; font-size:0px; }

.mr16p { margin-right:16px; }
.mr22p { margin-right:22px; }
.mr30p { margin-right:30px; }

#left { display:inline-block; zoom:1; float:left; width:200px; overflow:hidden; }
#left .lMenu { width:200px; padding-bottom:14px; }
#left .lMenu .LMtit { margin:0px auto; padding:34px 0px 12px 5px; width:175px; border-bottom:4px solid #F8A887; }
#left .lMenu li { width:161px; height:40px; margin:0px auto; line-height:40px; letter-spacing:-0.03em; padding-left:17px; font-size:14px; color:#525252; border-bottom:1px solid #e3e3e3; }
#left .lMenu li a { color:#878787; }
#left .LMcall { margin-top:14px; margin-bottom:30px; }

#container { display:inline-block; zoom:1; float:right; position:relative; width:710px; overflow:hidden; }
#container h1 { width:698px; padding:24px 0px 34px 12px; text-align:left; border-bottom:1px solid #ddd; margin-bottom:45px; }
#container .map { position:absolute; z-index:2; top:0px; right:0px; font-size:12px; color:#878787; text-align:right; }
#container .contant { width:100%; text-align:center; }
#container .contant .gBox { width:220px; height:195px; text-align:center; border:1px solid #ddd; display:inline-block; zoom:1; float:left; margin-bottom:40px; }
#container .contant .gBox img { display:block; width:197px; height:126px; margin:15px auto 16px auto; }
#container .contant .gBox p { width:100%; font-size:12px; text-align:center; color:#555; }
#container .contant li { list-style-type:disc; margin-left:15px; padding-bottom:12px; color:#555; font-size:14px; text-align:left; }
#container .contant iframe { border:1px solid #ddd; margin:10px auto 30px auto; }

#bottom { width:100%; padding:30px 0px 20px 0px; background:#5c5c5c; overflow:hidden; }
#bottom .boArea { width:960px; margin:0px auto; }
#bottom .boArea .logo { display:inline-block; zoom:1; float:left; }
#bottom .boArea .copy { display:inline-block; zoom:1; float:right; text-align:right; color:#989898; font-size:12px; line-height:18px; }