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

/** Default Style Definition **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
	}

body {
	font-family: "돋움", Dotum, Arial, sans-serif;
	line-height: 1.4em;
	font-size:12px;
	color:#2b2b2b;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
	
a:focus, a:focus img {outline: 1px dotted #bbb;}

ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
a img {border:0 none;}
img {vertical-align: top;}

a:link {color:#000; text-decoration: none;}
a:visited {color:#000; text-decoration: none;}
a:hover {color:#34bd63; text-decoration: underline;}
a:active {color:#000; text-decoration: none;}

.skip-contents, caption, legend {overflow: hidden; position: absolute; height:0; width:0; font-size: 0; text-indent: -9999px;}


/* Contents Style */
#main-nav {position:absolute; z-index:100; top:45px; left:50%; margin-left:-124px;}
	#main-nav li {float:left; margin-right:50px; font-family: Helvetica, arial; font-size:14px; font-weight: bold; text-decoration: underline;}

.section {min-width:1024px; margin:0 auto;}
	.section .contents-area {width:1024px; margin:0 auto;}
.section-full {width:100%; margin:0 auto;}


#headline {height:795px; min-width:1024px; background:url('./images/visual-headline.jpg') no-repeat top; background-size: cover;}
	#headline .contents-area {position:relative; z-index:0;}
#roundabout {height:795px; min-width:1024px; background:url('./images/photo-roundabout.jpg') no-repeat top; background-size: cover;}
#kitchen {height:795px; min-width:1024px; background:url('./images/kitchen-photo2.jpg') no-repeat top; background-size: cover;}

#about .contents-area,
#roundabout .contents-area,
#private .contents-area,
#kitchen .contents-area  {width:1024px; margin:0 auto;}
#location .contents-area {position:absolute; top:0; left:50%; margin-left:-512px; z-index:1000;}

.about-headline {position:absolute; top:43px; left:154px;}
	.about-headline .headline {margin-top:40px; font-size:18px; line-height:1.3em; letter-spacing: -1px;}
	.about-headline .description1 {margin-top:20px; font-size:11px; line-height:1.6em; letter-spacing: -1px;}

.about-contents {height:660px; padding:0 0 0 154px; background: url('./images/image-floor.gif') no-repeat center 168px;}
	.about-contents h2 {padding-top:53px; color: #000;}
		.about-contents h2 small {font-size:11px; letter-spacing: -1px; line-height: 2.5em;}
		.about-contents .description1 {margin-top:70px; font-size:11px; line-height:1.6em; letter-spacing: -1px;}
		
	.about-contents table {margin-top:290px;}
		.about-contents table tr th {padding-left:7px; text-align: left; color:#1e1e1e; font-size: 11px; letter-spacing: -1px;}
			.about-contents table tr th.floor {padding-left:0; padding-right:13px; color:#34bd63; text-align: right;}
			.about-contents table tr th.space-name {padding-left:0; color:#34bd63; font-weight: normal;}
		.about-contents table tr td {text-align: left; color:#1e1e1e; font-size: 11px; letter-spacing: -1px;}
			.about-contents table tr td.space-type {text-align: right; padding-right:4px;}

.roundabout-contents {position: relative; z-index: 0; }
	.roundabout-contents h2 {position: absolute; top:92px; left:154px; color:#fff;}
		.roundabout-contents h2 small {font-size:11px; letter-spacing: -1px; line-height: 2.85em;}
	
	.roundabout-contents ul.roundabout-info {position: absolute; top:241px; left:154px; color:#fff;}
		.roundabout-contents ul.roundabout-info li {float: left; width:208px; margin-right:15px; padding:20px 10px 0 10px;}
			.roundabout-contents ul.roundabout-info li .headline {display: none; margin-top:15px; font-size:16px; line-height:1.4em; letter-spacing: -1px;}
			.roundabout-contents ul.roundabout-info li .desc {display: none; margin-top:25px; font-size: 11px; line-height:1.6em; letter-spacing: -1px;} 
		.roundabout-contents ul.roundabout-info li:hover {float: left; width:208px; height:282px; margin-right:15px; padding:20px 10px 0 10px; background:url('./images/bg-black-box.png') no-repeat left top;}
			.roundabout-contents ul.roundabout-info li:hover .headline,
			.roundabout-contents ul.roundabout-info li:hover .desc {display: block;}
			
		
	.roundabout-contents .photographer {position: absolute; top:566px; left:166px; color:#fff; font-size:10px;}

.private-contents {padding:90px 0 95px 154px;}
	.private-contents h2 {color:#000;}
		.private-contents h2 small {font-size:11px; letter-spacing: -1px; line-height: 2.5em;}
	.private-contents ul.private-room-info {overflow: hidden; margin-top: 45px;}
		.private-contents ul.private-room-info li {float: left; width:232px; margin-right: 15px;}
			.private-contents ul.private-room-info li h3 {margin-top: 12px; font-weight: normal; font-size: 11px; color: #000;}
				.private-contents ul.private-room-info li h3 b {padding-left:4px; color: #1abc69;}
			.private-contents ul.private-room-info li .headline {margin-top:8px; font-size:16px; line-height:1.4em; letter-spacing: -1px;}
			.private-contents ul.private-room-info li .desc {margin-top:20px; font-size: 11px; line-height:1.6em; letter-spacing: -1px;}
	.private-contents table {margin-top: 55px;}
		.private-contents table tr th {width:247px; font-size: 11px; text-align: left; color: #1abc69; letter-spacing: -1px;}
		.private-contents table tr td {font-size: 11px; color: #000; letter-spacing: -1px;}

.shared-kitchen {position: relative; z-index: 0;}
	.shared-kitchen h2 {position: absolute; top:72px; left:152px; letter-spacing: -1px; color:#000;}
		.shared-kitchen h2 small {font-size:11px; letter-spacing: -1px; line-height: 2.85em;}
		.shared-kitchen .shared-kitchen-info {position: absolute; top:290px; left:817px; width:50px; height:50px;}
		.shared-kitchen .shared-kitchen-info.open {left:382px; width:485px; height:275px; background: url('./images/white-back.png') no-repeat left top;}
			.shared-kitchen .shared-kitchen-info .info-open {float: right; padding:16px 6px 0 0; cursor: pointer;}
			.shared-kitchen .shared-kitchen-info .info-close {display: none; float: right; padding:19px 8px 0 0; cursor: pointer;}
			.shared-kitchen .shared-kitchen-info h3 {display: none; padding:16px 0 0 14px; font-size:18px; color: #a08e5c; line-height: 1.4em; letter-spacing: -1px;}
			.shared-kitchen .shared-kitchen-info .shared-info {display: none; overflow: hidden; clear: both; padding:42px 0 0 16px; font-size: 11px; color: #000;}
				.shared-kitchen .shared-kitchen-info .shared-info p {float: left; width: 240px; padding-top:21px; letter-spacing: -1px;}
				.shared-kitchen .shared-kitchen-info .shared-info .homeapp-list {float: right; width:223px; padding-left:4px; letter-spacing: -1px;}
				.shared-kitchen .shared-kitchen-info .shared-info .homeapp-list h4 {clear: both; font-size: 11px;font-weight: normal; color:#a08e5c;}
				.shared-kitchen .shared-kitchen-info .shared-info .homeapp-list ul {float: left; width: 50%; margin-top: 5px;}
			.shared-kitchen .shared-kitchen-info.open .info-open {display: none;}
			.shared-kitchen .shared-kitchen-info.open .info-close,
			.shared-kitchen .shared-kitchen-info.open h3,
			.shared-kitchen .shared-kitchen-info.open .shared-info {display: block;}
				
		.shared-kitchen .photographer {position: absolute; top:572px; left:382px; color:#000; font-size:10px;}

#price {height:770px; background:#f3f2f0;}
	#price h2 {padding: 60px 0 0 154px; color:#000;}
		#price h2 small {font-size:11px; letter-spacing: -1px; line-height: 2.5em;}
	#price .floor-plan {float: left; width:258px; padding:50px 0 0 148px;}
	#price .price-info {float: left; width:470px; padding-top:77px;}
		#price .price-info table tr th {border-top:1px solid #666666; border-bottom:2px solid #666666; padding:2px 0 3px 0; font-size: 11px;}
		#price .price-info table tr td {border-bottom:1px solid #666666; padding:4px 40px 7px 0; font-size: 12px; text-align: right;}
			#price .price-info table tr td.floor {text-align: left; padding-right:0;}
			#price .price-info .lease-info {overflow: hidden; margin-top: 30px; font-size: 10px; letter-spacing: -1px;}
				#price .price-info .lease-info .info-area {float: left; height:270px; color: #000;}
				#price .price-info .lease-info .info-area:nth-child(1) {width:143px;}
				#price .price-info .lease-info .info-area:nth-child(2) {width:122px;}
				#price .price-info .lease-info .info-area:nth-child(3) {width:110px;}
					#price .price-info .lease-info .info-area p {margin-top:15px;}
					#price .price-info .lease-info .info-area .price {margin-top:0; color:#a08e5c;}
					#price .price-info .lease-info .info-area h4 {margin-top: 15px; color:#2bb673;}
					#price .price-info .lease-info .info-area p {margin-top:15px;}
					
#location {position: relative; z-index: 0; height:500px;}
	#location h2 {position: absolute; top:66px; left:152px; color:#000;}
		#location h2 small {font-size:11px; letter-spacing: -1px; line-height: 2em;}
	#location .location-info {position: absolute; top:180px; left:627px; width: 226px; height:159px; padding:13px 0 0 16px; background: url('./images/white-back2.png') no-repeat left top;}
		#location .location-info h3 {clear: both; font-size:16px; letter-spacing: -1px;}
			#location .location-info h3 sub {font-size:11px;}
		#location .location-info .subway {float: left; padding-top:25px; font-size: 11px;}
		#location .location-info ul {float: right; padding:80px 16px 0 0;}
			#location .location-info ul li a {padding:0 4px;}
			
#team {height:550px; color:#b7ad74; background: #f9faf5;}
	#team h2 {padding: 105px 0 0 154px;}
		#team h2 small {font-size:11px; letter-spacing: -1px; line-height: 2.5em;}
	#team ul.team-link1 {overflow: hidden; margin-top:25px; padding-left:398px;}
		#team ul.team-link1 li {float: left; width:227px; margin-right: 15px; padding-left:3px; font-size: 11px; letter-spacing: -1px;}
			#team ul.team-link1 li a {display: block; width:80px; padding-top:49px; color:#b7ad74;}
				#team ul.team-link1 li a:hover {text-decoration: none;}
			#team ul.team-link1 li a.junglim {background:url('./images/bg-link-junglim.gif') no-repeat left top;}
			#team ul.team-link1 li a.sss {background:url('./images/bg-link-sss.gif') no-repeat left top;}
			#team ul.team-link1 li p {margin-top:18px; line-height: 1.6em;}
			#team .partners {padding: 50px 152px 0 154px; font-size:11px; text-align: right;}
				#team .partners span {float: left;}

#image {height:524px;}
		
#contact {padding-bottom:80px; background:#161616; color:#fff;}
	#contact h2 {padding: 75px 0 0 154px;}
		#contact h2 small {font-size:11px; letter-spacing: -1px; line-height: 1.5em;}
		#contact .contact-contents {overflow: hidden; margin-top: 90px; padding:0 0 0 154px;}
			#contact .contact-contents .contact-info {float:left; width:228px; margin-right: 16px; font-size: 11px;}
				#contact .contact-contents .contact-info .title {color:#a08e5c;}
				#contact .contact-contents .contact-info ul.call-info li b {padding:0 5px 0 10px;}
				#contact .contact-contents .contact-info .address {margin-top:18px;}
				#contact .contact-contents .contact-info ul.email-list li {margin-top: 30px;}
					#contact .contact-contents .contact-info ul.email-list li a {color:#fff; font-size: 12px;}
						#contact .contact-contents .contact-info ul.email-list li a:hover {color:#fff; font-size: 12px;}
			#contact .contact-contents table {float:left; width: 470px;}
				#contact .contact-contents table tr th {vertical-align: top; text-align: left; padding-top:5px;}
				#contact .contact-contents table tr td {vertical-align: top; padding-bottom:15px;}
					#contact .contact-contents table tr td input {width: 97%; height:46px; border:none 0; margin:0 0 0 0; padding-left:2%; font-size: 14px; font-weight: bold;}
					#contact .contact-contents table tr td input.input-name {background: #a08e5c; color: #fff;}
					#contact .contact-contents table tr td textarea {width: 97%; height:195px; border:none 0; margin:0 0 0 0; padding-left:2%; font-size: 14px; font-weight: bold; resize: none;}
					#contact .contact-contents table tr td input[type="submit"] {float: right; width:120px; height:37px; text-align: center; font-size: 12px; color:#fff; cursor: pointer; background: #a08e5c;}
					
#footer {border-top:1px solid #34bd63; padding:15px 0 50px 0; text-align: center; color: #a08e5c; font-size: 11px; background: #161616;}
	#footer ul#footer-nav li {display: inline; zoom: 1; *display:inline;}
		#footer ul#footer-nav li a {color: #a08e5c;}
	#footer .copy {margin-top:3px;}
	
#shotcut-nav {position: fixed; top:45%; left:50%; margin-left: 420px; z-index: 1000;}
	#shotcut-nav li {margin-bottom: 2px;}
	#shotcut-nav li a.contact-link {display: block; width:67px; height:48px; padding-top:15px; background:#000; color:#fff; text-align: center; font-size: 11px;}
		#shotcut-nav li a.contact-link:hover {background:#34bd63; text-decoration: none;}
				

/* gallery */
#container {
	width:1024px;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:0;
	}

#example {
	width:1024px;
	height:512px;
	position:relative;
	}

#slides {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	}

#slides .next,#slides .prev {
	position:absolute;
	top:221px;
	left:22px;
	display:block;
	z-index:101;
	}

.slides_container {
	width:1024px;
	height:512px;
	overflow:hidden;
	position:relative;
	}

#slides .next {
	left:960px;
	}

.pagination {
	display: none;
	margin:26px auto 0;
	width:100px;
	}

.pagination li {
	float:left;
	margin:0 1px;
	}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url('../images/pagination.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
	}

.pagination li.current a {
	background-position:0 -12px;
	}




#nav {
	list-style: none;
	position: fixed;
	left: 50%;
	margin-left:-600px;
	z-index: 1000;
	}

#nav li {
	width:68px;
	height:16px;
	margin: 0 0 15px 0;
	font-family: Helvetica, arial;
	text-align: right;
	}
#nav li a {vertical-align: top; display: inline-block; zoom: 1; *display:inline; height:16px; padding:0 8px; font-family: Helvetica, arial; font-size: 0; letter-spacing: 0; background: #f0f0ef; border-radius: 7px 7px; -webkit-border-radius: 7px 7px; -moz-border-radius: 7px 7px;}
#nav li a:hover {text-decoration: none;}
#nav li a.on {font-size: 10px;}

ul.sns-list {padding-top:10px; padding-left:140px; text-align: left;}
	ul.sns-list li {vertical-align: top; display: inline-block; padding:0 10px; zoom:1; *display:inline;}