@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: 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", Arial, 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,
#service h3 a {display:block; height:23px; overflow:hidden; text-indent:-999px;}

.column {width:430px;}
.column p {margin-top:15px; font-size: 13px;}
.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 bottom no-repeat;}
#index h2 {
/*
	background:url(../images/main_slogan.png) 20px center no-repeat;
	*/
	/*
	width:486px;
	height:350px;
	*/
	/*
	font-family: 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", Tahoma, sans-serif;
	*/
	font-family: Tahoma, sans-serif;
	font-size: 70px;
	font-weight: 700;
	height: auto;
	text-indent:0;
	/*
	overflow:hidden;
	*/
	line-height: 1.0;
	margin: 30px 0 25px;
	color: #222;
	letter-spacing: -1px;
}
#index h2 span {
	display: block;
}
#index h3 {
	font-size: 16px;
	font-family: Tahoma, sans-serif;
}
#index h3 strong {
	color: #82d600;
}
#index dl {
	width: 500px;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
#index dt {
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 13px;
}
#index dd p {
	margin-bottom: 5px;
}

/*
#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 .box img {
	border: 1px solid #ddd;
	box-shadow: 0 1px 5px #eee;
	border-radius: 5px;
	width: 898px;
	padding: 10px 0;
}
.ci .download {position:absolute; top:35px; left:120px;}

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

.person {clear:both;}
.person .profile {
	float:left;
	width:200px;
	line-height: 1.2;
}
.person .profile strong {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
}
.person .profile .position {
	font-size: 12px;
	font-weight: 600;
	color: #555;
}

.person .profile .position {}
.person .profile .profileimage {float:right; margin-right:20px;}
.person .profile .profileimage img {padding:1px; border:1px solid #ddd;
	border-radius: 3px;
}

.person .greeting {float:left; width:520px; margin-right:20px; font-size: 13px;}
.person .activity {float:right; width:125px; padding-top: 5px;}


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

#service .kind a {padding:0 40px 10px 2px; margin-right: 5px; color:#999; border-bottom:2px solid #ddd;
}
#service .kind a:hover {color:#666;}

#service .review a { color:#1db42b; border-bottom:1px dotted #1db42b;}


#userstorybook .kind .tab1 a,
#userstorynet .kind .tab2 a,
#wingenterprise .kind .tab3 a,
#kooo .kind .tab5 a,
#uhuru .kind .tab7 a,
#ticket .kind .tab6 a,
#petlovesme .kind .tab8 a,
#tweetmix .kind .tab4 a {color:#666; border-color:#666;}

#userstorybook h3 a	{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 a		{background:url(../images/service_tl_tweetmix.png) 0 0 no-repeat;}
#kooo h3 a		{background:url(../images/service_tl_kooo.png) 0 0 no-repeat;}
#ticket h3 a		{background:url(../images/service_tl_ticket.png) 0 0 no-repeat;}
#uhuru h3 a		{background:url(../images/service_tl_uhuru.png) 0 0 no-repeat;}
#petlovesme h3 a		{background:url(../images/service_tl_petlovesme.png) 0 0 no-repeat;}



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


.review {padding-top:30px; clear:both; min-height: 450px;}
#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; }