@charset "utf-8";
@import url(header.css);
@import url(footer.css);

/* CSS Document */
* {margin:0; padding:0;}
body {font-size:75%; line-height:1.7; font-family:Dotum, Verdana; color:#666; background-color:#444; }

/* layout */
.maincontent {background-color:#fff;}
	.maincontent .area {padding-bottom:40px;}
	.content {padding-top:30px;}
.footer {clear:both; color:#999;}

	.area { width:900px; margin:0 auto; overflow:hidden; padding:20px 0 30px;}


/* common style */
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:hover {color:#666; text-decoration:none;}

hr {display:none;}
img {border:0;}
.clear {clear:both;}


h2 {height:23px; overflow:hidden; text-indent:-999px; margin-bottom:30px;}
#company h2 {background:url(../images/page_tl_company.png) 0 0 no-repeat;}
#staff h2 {background:url(../images/page_tl_staff.png) 0 0 no-repeat; }
#service h2 {background:url(../images/page_tl_service.png) 0 0 no-repeat;}
#contact h2 {background:url(../images/page_tl_contactus.png) 0 0 no-repeat;}

#company h3,
#staff h3,
#service h3 {height:23px; overflow:hidden; text-indent:-999px;}

.column {width:430px;}
.column p {margin-top:15px; text-align:justify;}
.column p.point {font-weight:bold;}
.left {float:left;} 
.right {float:right;}



/* index */
#index .area {padding-bottom:0;}
#index .content {padding:30px 0 30px;}
#index .area {background:url(../images/bg_tree.png) right 150px no-repeat;}
#index h2 {background:url(../images/main_slogan.png) 20px center no-repeat; width:486px; height:350px; overflow:hidden; text-indent:-999px; margin:0;}
#index dl,
#index dl dt,
#index dl dd {display:none;}


/* company */
.overview h3 {background:url(../images/company_tl_overview.png) 0 0 no-repeat;}
.meaning h3  {background:url(../images/company_tl_meaning.png) 0 0 no-repeat;}
.ci h3 {background:url(../images/company_tl_ci.png) 0 0 no-repeat;}
.ci {clear:both; padding-top:30px; position:relative;}
.ci .box {padding:20px 0; text-align:center;}
.ci .download {position:absolute; top:35px; left:120px;}

/* staff */
#staff h3 {display:none;}
.team ul {list-style:none; margin-top:20px;}
.team ul li {padding:15px 0;}

.person {clear:both;}
.person .profile {float:left; width:250px;}
.person .profile strong,
.person .profile .position {float:left; width:150px; text-align:right;}
.person .profile .position {font-size:0.9em; font-family:Tahoma;}
.person .profile .profileimage {float:right; margin-right:20px;}
.person .profile .profileimage img {padding:5px; border:1px solid #ddd;}

.person .greeting {float:left; width:460px; margin-right:20px;}
.person .activity {float:left;}


/* service */
#service .kind {list-style:none; height:21px; border-bottom:2px solid #ddd; }
#service .kind li {float:left; font:0.9em Tahoma; font-weight:bold;}

#service .kind a {padding:0 8px 8px ; color:#999; border-bottom:2px solid #ddd; }
#service .kind a:hover {color:#666;}


#userstorybook .kind .tab1 a,
#userstorynet .kind .tab2 a,
#wingenterprise .kind .tab3 a,
#kooo .kind .tab5 a,
#tweetmix .kind .tab4 a {color:#666; border-color:#666;}

#userstorybook h3 	{background:url(../images/service_tl_userstorybook.png) 0 0 no-repeat;}
#userstorynet h3 	{background:url(../images/service_tl_userstorynet.png) 0 0 no-repeat;}
#wingenterprise h3 	{background:url(../images/service_tl_wingenterprise.png) 0 0 no-repeat;}
#tweetmix h3 		{background:url(../images/service_tl_tweetmix.png) 0 0 no-repeat;}
#kooo h3 		{background:url(../images/service_tl_kooo.png) 0 0 no-repeat;}


.serviceLink {margin-top:10px;}
.serviceLink li {display:inline; padding-left:2px;}


.review {padding-top:30px; clear:both;}
#service .right {text-align:center;}

#userstorybook .review p.p2 {background:url(../images/usbook_typoimg.png) center 0 no-repeat; padding-top:130px;}



/* contact */
#contact h3 {}
#contact dl {padding:10px 0;}
#contact dt {float:left; width:80px; margin-right:10px; text-align:right; font-weight:bold;}
#contact .visit {margin-top:30px;}



/* map */

.mapArea { margin-top: 30px; }

.idTabs { height: 40px; letter-spacing: -1px; position: absolute; overflow: hidden; }
.idTabs li { float: left; list-style:none; }
.idTabs li a { display: block; padding:5px 0; width:200px; text-align:center; border: 1px solid #ccc; background: #eee; }
.idTabs li a:hover { background:#f5f5f5; border: 1px solid #ddd; }
.idTabs li a.selected { background: #444; color: #fff; border-color: #555; border-bottom: 2px solid #111; text-shadow: 1px 1px #333; }
.idTabs li a strong { letter-spacing: 1px; }
.idTabs li a#a_nonhyun strong { color: #9AAF36; }
.idTabs li a#a_sinsa strong { color: #FA9835; }

.map {
	width: 900px;
	height:680px;
	overflow: hidden;
	position: relative;
}
.map p { display: none; } /* just accessibility */

#nh_map_nomal {
	width: 900px;
	height: 680px;
	background: url(../images/map/map_nonhyun_1.jpg) no-repeat 0 0;
}
#nh_map_sky {
	width: 900px;
	height: 680px;
	background: url(../images/map/map_nonhyun_2.jpg) no-repeat 0 0;
	display: none;
}
#nh_map_over {
	position: absolute;
	top: 0;
	left: 0;
}
#nh_mapControl { text-align: right; letter-spacing:-1px; padding:15px 2px 10px; }
#nh_mapControl a,
#nh_mapControl a:visited { border-bottom:1px solid #8DA487; color:#666666; margin-right:10px; padding-bottom:1px; }
#nh_mapControl a:hover { color: #111; border-color: #111; }

#ss_map_nomal {
	width: 900px;
	height: 680px;
	background: url(../images/map/map_sinsa_1.jpg) no-repeat 0 0;
}
#ss_map_sky {
	width: 900px;
	height: 680px;
	background: url(../images/map/map_sinsa_2.jpg) no-repeat 0 0;
	display: none;
}
#ss_map_over {
	position: absolute;
	top: 0;
	left: 0;
}
#ss_mapControl { text-align: right; letter-spacing:-1px; padding:15px 2px 10px; }
#ss_mapControl a,
#ss_mapControl a:visited { border-bottom:1px solid #8DA487; color:#666666; margin-right:10px; padding-bottom:1px; }
#ss_mapControl a:hover { color: #111; border-color: #111; }

.skymap { font-weight: 700; }