@charset "utf-8";
/* CSS Document */

html, body {margin:0 auto; padding:0;}
body {text-align:left; background:url(../img/indexBg.gif) repeat-x top center #f3f7ff; font-size:10px;}
.innerbody {text-align:left; background:url(../img/innerBg.gif) repeat-x top center #f3f7ff; font-size:10px;}

img {border:none;}
html, input, textarea {font-family:"돋움", Verdana, Arial, Helvetica, sans-serif; font-size:1.05em; line-height:1.3em; color:#666666; letter-spacing:0.02em;}

a {text-decoration:underline; color:#009999;}
a:hover {text-decoration:none;}

h1,h2,h3,h4 {font-family:Verdana, "돋움", Arial, Helvetica, sans-serif;}
h1 {font-size:1.6em; line-height:1.7em; margin-bottom:5px; color:#555555; letter-spacing:0.1em; font-weight:bold;}
h2 {font-size:1.4em; line-height:1.5em; margin-bottom:5px; color:#0099ff; letter-spacing:0.1em; font-weight:bold;}
h3 {font-size:1.4em; line-height:1.5em; margin-bottom:5px; color:#ff0000; letter-spacing:0.1em;}
h4 {font-size:1.05em; line-height:1.3em; margin-bottom:5px; color:#333333; letter-spacing:0.01em; font-weight:bold;}

li {list-style:none; padding:0 0 10px 0; color:#009999; margin-left:-5px;}
li a {text-decoration:none; color:#009999;}
li a:hover {text-decoration:underline;}

.more {text-align:right;}
.more a {text-decoration:none; color:#ff0000;}
.more a:hover {text-decoration:underline;}

.main { width:1000px; margin:0 auto; position:relative; overflow:auto;}

.header {margin-top:10px;}

.nav {background:url(../img/navBg.gif) no-repeat top center; height:35px; text-align:center; color:#444444; font-size:1.3em; letter-spacing:0.03em;}

ul#portfolio li img {margin:-10px 0 0 -35px;}

.col {width:1000px; overflow:auto;}
.col1 {width:320px;}
.col2 {width:663px;}
.col3 {width:245px;}
.col4 {width:710px;}

.txt1 { color:#666666; font-size:1.2em; letter-spacing:0.03em; line-height:1.4em;}
.txt2 { color:#444444; font-size:1.3em; letter-spacing:0.03em; line-height:1.5em; font-weight:bolder;}
.txt3 { color:#444444; font-size:1.1em; letter-spacing:0.03em; line-height:1.3em;}

.txt-bar { background:url(../img/bar.gif) repeat-y top left; padding-left:10px;}

.mrgn {margin:80px 0 0 0}
.mrgn1 {margin:25px 0 0 0}
.mrgn2 {margin:25px 0 20px 0}
.mrgn3 {margin:0 0 20px 0}

.padd {padding:15px 15px 15px 0;}
.padd1 {padding:0 17px 15px 0;}
.padd2 {padding:0 0 0 20px;}
.padd3 {padding:0 20px 0 0;}

.contentGroup_bg {background:url(../img/contentGroup_bg.gif) no-repeat top left; padding:0 0 0 5px;}
.border-line {border:1px solid #999999;}
.btm-border {border-bottom:#444444 2px solid; margin:0 0 20px 0;}
.dotRight {background:url(../img/dotLine.gif) repeat-y top right;}

.f-left {float:left;}
.f-right {float:right;}
.position-clear {clear:both;}

.footer {background:url(../img/footerLine.gif) repeat-x top center #eaeaea; width:100%; height:200px; position:relative;}
.footer-menu {padding:30px 0 0 0; color:#666666; font-size:1.2em; letter-spacing:0.03em; line-height:1.3em; text-align:center; margin:0 auto;}

.side {
	width:120px;
	height:56px;
	position: absolute;
	top:1px;
	right:0px;
	left: 802px;
}