@charset "utf-8";
/* common */

body{margin:0;padding:0;font-size:1em;font-family:dotum,'돋움',gulim,'굴림',Arial,applegothic;line-height:150%;color:#555; background:url(/images/comm/body_bg.jpg) repeat-x 0 0; }
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
img,fieldset{border:0; vertical-align:middle;}
hr{ display:none;}
table,th,td{border:none;border-collapse:collapse;}
ul,ol,dl{list-style:none;}
optgroup,em,address{font-style:normal;}
td img{vertical-align:middle;}
label{cursor:pointer;}

/* link */
a:link,a:visited {color:#555;text-decoration:none;}
a:hover,a:active,a:focus{color:#0c3a75;text-decoration:underline;}

/* form */
form ul{list-style:none;}
form legend{display:none;}
select{vertical-align:middle;}
input{vertical-align:middle;}
input[type="text"]{vertical-align:middle;}
input[type="password"]{vertical-align:middle;}
input[type="file"]{vertical-align:middle;}
input[type="image"]{vertical-align:middle;}
textarea{border:1px solid #c8c8c8;}
.hidden,legend,caption{position:absolute;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;width:0;}


/* layout */
#wrap{margin:0 auto;width:980px;font-size:0.8em; padding-top:30px; height:860px }
#wrap h1 { float:left}
#wrap .menu { float:right;width:545px; height:85px;}
#wrap .menu li{ float:left}

#Mcontent { float:left; width:100%; height:683px; background:url(../images/main.jpg) 0 0 no-repeat; position:relative}
#Mcontent .mtx01 { position:absolute; top:67px; left:0}
#Mcontent .mtx02 { position:absolute; top:67px; right:0}
#Mcontent .mtx03 { position:absolute; top:243px; right:0}
#Mcontent .mtx03 li { margin-bottom:37px}

.bg01{ background:url(../images/bg_02.gif) 100% 0 no-repeat}
.bg01_2{ height:745px; background:url(../images/about.jpg) 0 0 no-repeat}
.bg02{ background:url(../images/bg02.gif) 629px 0 no-repeat}
.bg02_2{ background:url(../images/biz.jpg) 0 0 no-repeat; height:641px}
.bg03{ background:url(../images/bg_refer.jpg) 0 0 no-repeat; height:746px;}
.bg04{ background:url(../images/map-bg.jpg) 0 0 no-repeat; height:683px;}

#content { float:left; width:100%;  position:relative;}
.about01 { position:absolute; top:48px; left:21px;}
.about02 { position:absolute; top:27px; right:0;}
.about03 { position:absolute; bottom:0; right:0;}

.biz01 {position:absolute; top:48px; left:21px;}
.biz02 {position:absolute; top:431px; left:195px; float:left}
.biz02 li {float:left; margin-right:33px}

.refer {position:absolute; top:78px; left:597px;}
.refer li { color:#fff; background:url(../images/dot.gif) 0 8px  no-repeat; padding-left:15px;}
.refer li.tit {font-size:15px; font-weight:900; color:#124500; background-image:none; padding-left:0;}

.map {position:absolute; top:48px; right:0;}

#footer { float:left;width:100%; padding:30px 0; background:url(../images/bg_footer.gif) 100% 30px no-repeat }