@charset "utf-8";

/* 솔루션 */

.recent_title {width:700px;float:left; margin-left:10px}
.recent_title div {position:relative; }
.recent_title p{ position: absolute; top: 0px; right: 5px; margin: 0}


body, td, p, input, button, textarea, select, .c1 {  font-size:11pt; font-family: 나눔고딕,  굴림; color:#222222; letter-spacing:0px; line-height:1.7em;}
body {margin:0; padding-top: 10px}
html {overflow-y:scroll;}

form { margin:0px; }

img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:none; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.ul { list-style-type:square; color:#66AEAD; list-style:none;}
.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD;list-style:none; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

dl { margin-bottom:20px;margin-top:10px;padding:0}
dt {font-weight:bold; color:#003366; float:left; width:200px; padding-right:20px;}
dd {background:url(images/dot3_3blue.png) no-repeat 0px 12px; margin-left:220px;padding-left: 10px;  }
.cont ol {font-weight:bold; color:#003366; background-image: url(images/img_dot.png); background-repeat: no-repeat; background-position: left 3px ; float:left; width:100px; padding-left: 20px; padding-right:20px;}
.cont li { background-image: url(images/img_dot_sub.png); background-repeat: no-repeat; background-position: left 3px; margin-left:130px;padding-left: 13px; padding-right:40px; width:450px; }

h3 {color:#22ccff; font-size:20px; margin:0; padding:0 ; margin-bottom:10px;}



#homepage_service .emp {color:red; font-weight:bold;}

.nodot {background:none}

/* 페이지레이아웃 */

#wrap {width:1000px; margin: 0 auto }


#topMenu { text-align:right; width: 1000px; height:35px;float: left; padding-top:45px; text-align: right;}
#topMenu p {line-height:5px;font-size:9px }

.logo { float:left; width:300px;margin:0; padding:0 ; padding-top: 15px }


	#mainBanner { width:100%; }
	.contents_wrap {width:1000px; }
	.cont {width:1000px;}
	#portfolio {width:100% }
	#copyright {  padding: 0 30px 0 70px; float: left}
	.bottom_logo {width:147px; float: left; margin-top: 5px}
	#copyright p {font-size: 12px; margin-top: 0; padding-top: 0; color: #999}
	.family {width:287px; float: right; margin-top: 5px}

#recent {background-image: url(images/img_m_06bg.png); background-repeat: no-repeat;margin-top:5px; padding:10px; width:279px ; height:207px ;}
.emphasize {color:#cc0033;font-weight:bold }
.emphasizeb {color:#003399;font-weight:bold }

.priceTable {margin:0; padding:3px; border-top: 1px solid #dedede  ;border-left: 1px solid #dedede;border-collapse:collapse;}
.priceTable th {padding: 3px; border-bottom: 1px solid #dedede ;border-right: 1px solid #dedede;}
.priceTable td {padding: 3px; border-bottom: 1px solid #dedede ;border-right: 1px solid #dedede;}
.priceTable th {background-color: #297fba; color:#ffffff;}
.priceTable .center {text-align:center;}
.priceTable .pricebox {width:150px;}

#rolling  { overflow:hidden; width:197px; height:203px;}
#rolling ul { padding:0; margin:0;}
#rolling li { list-style:none;  }
#rolling li span { display: block; text-align: left; font-size:12px;width:150;}
#rolling li img { border:0;float:left }


.port {font-weight:bold; color:#003366; background-image: url(images/img_dot_sub.png); background-repeat: no-repeat; background-position: left 1px; float:left;  padding-left: 10px; padding-right:20px;}
.port_em {font-weight:bold; ; background-image: url(images/img_dot_sub.png); background-repeat: no-repeat; background-position: left 1px; float:left;  padding-left: 10px; padding-right:20px;}
.port_em a {font-weight:bold; color:#CC0033; }

.ind {width:920px ; height:30px ; border-bottom:1px solid #0499d4; margin-bottom:30px; }


.blank20 {height:20px}

.bg_blue {background:#FBFEFF; }
.center {text-align:center}


/* 홈페이지 텝 */ 
#tabhp {height:46px; margin:0; padding:0; margin-bottom:30px}
#tabhp .nospace {margin-bottom:0}
#tabhp li {
			margin:0; padding:0; text-align:center;padding-top:10px;padding-bottom:4px; font-size:15px; color:#666666;
			width:140px; height:30px; display:block; float:left; list-style:none; border:1px solid #33ccff; border-left:none; background:none;
			}
#tabhp li.first {height:30px; display:block; float:left; list-style:none; border:1px solid #33ccff; font-weight:bold;} 
#tabhp li.end { width:294px; height:31px; display:block; float:left; list-style:none; border:1px solid #33ccff; border-top:none;border-right:none;  
border-top:none;border-left:none; background:none} 
#tabhp li.end3 {width:576px}
#tabhp li.end4 {width:435px}
#tabhp li.end5 {width:294px}
#tabhp li.end:hover {background:none}
#tabhp li:hover {background:#eeeeee}
#tabhp li.on {height:31px;font-weight:bold;border-bottom:none; background:#eeeeee;}
#tabhp li.off {background:none;font-weight:normal;}
#tabhp li a {text-decoration:none; color:#666666}


/* 유지보수 텝 */ 
#tabempower {height:46px; margin:0; padding:0; margin-bottom:30px}
#tabempower .nospace {margin-bottom:0}
#tabempower li {
			margin:0; padding:0; text-align:center;padding-top:10px;padding-bottom:4px; font-size:15px; color:#666666;
			width:140px; height:30px; display:block; float:left; list-style:none; border:1px solid #33ccff; border-left:none; background:none
			}
#tabempower li.first {height:30px; display:block; float:left; list-style:none; border:1px solid #33ccff;  background:#eeeeee;font-weight:bold;} 
#tabempower li.end { width:294px; height:31px; display:block; float:left; list-style:none; border:1px solid #33ccff; border-top:none;border-right:none;  
border-top:none;border-left:none; background:none} 
#tabempower li.end:hover {background:none}
#tabempower li:hover {background:#eeeeee}
#tabempower li.on {height:31px;font-weight:bold;border-bottom:none; background:#eeeeee;}
#tabempower li.off {background:none;font-weight:normal;}
#tabempower li a {text-decoration:none; color:#666666}




/* 포트폴리오 텝 */ 
#tabport {height:22px; margin:0 0 10px 0; padding:0 0 15px 0;border-bottom:1px solid #33ccff; }
#tabport li {
			width:80px; margin:0; padding:0 0 0 10px;  color:#666666;
			display:block; float:left; list-style:none; background:url(images/dot3_3blue.png) no-repeat 0px 12px;
			}
#tabport li a {text-decoration:none; font-size:15px; color:#666666;}
#tabport li a:hover {text-decoration:none; color:#22ccff;}
#tabport li.on { font-weight:bold ; color:#22ccff; }


#tabporthp {height:60px; margin:0; margin-top: 10px; padding:0;border-bottom:1px solid #33ccff; }
#tabporthp li {
			margin:0; padding:0 0 0 10px;  color:#666666;
			display:inline; list-style:none; background:url(images/dot3_3blue.png) no-repeat 0px 12px;
			}
#tabporthp li a {text-decoration:none; font-size:15px; color:#666666;}
#tabporthp li a:hover {text-decoration:none; color:#22ccff;}
#tabporthp li.on { font-weight:bold ; color:#22ccff; }


/* 메뉴 */

#menun {float:left; width:700px; margin:0; padding:5px 0 10px 0; }
#menun li {display:list-item; float: right;  margin:0; padding:0; list-style:none; background:none; margin-left: 5px}
#menun li a {display: block; padding:18px 5px 15px 5px ; font-size: 13px; font-weight: bold}
#menun li a:link,
#menun li a:visited,
#menun li a:active,
#menun li a:hover {color: #666; }
#menun li a:hover {border-top: 3px solid #22ccff; padding-top: 15px}



#writeContents{ line-height:20px; font:11pt 굴림 !important; }