/* ABOUT */

.content { padding:0 0 53px; border-bottom:1px solid #12110c; }

.video { clear:both; padding:71px 0 78px; height:398px; text-align:center; overflow:hidden; }
.video iframe { border:0; }

.origin-of-logo { padding:80px 0 84px; }

#viewer-wrapper { position:relative; margin: 0 auto; padding: 0; *zoom: 1; }
#viewer-wrapper .info-viewer { }
#viewer-wrapper .info-viewer .about-studio-1 { padding:84px 0 0; }
#viewer-wrapper .info-viewer .about-studio-2 { padding:63px 0 0; }
#viewer-wrapper .info-viewer .about-studio-3 { padding:63px 0 0; }
#viewer-wrapper .info-viewer .about-studio-4 { padding:63px 0 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
#viewer-wrapper .bx-wrapper .bx-prev {
	bottom:0; left:0; width:48px; height:13px;
	background:url('/new/about/images/about_studio_btn_prev.jpg') left top no-repeat;
}
#viewer-wrapper .bx-wrapper .bx-next {
	bottom:0; right:0; width:48px; height:13px;
	background: url('/new/about/images/about_studio_btn_next.jpg') right top no-repeat;
}
#viewer-wrapper .bx-wrapper .bx-prev:hover { background-position:0 0; }
#viewer-wrapper .bx-wrapper .bx-next:hover { background-position:0 0; }
#viewer-wrapper .bx-wrapper .bx-controls-direction { text-align:center; }
#viewer-wrapper .bx-wrapper .bx-controls-direction a {
	position: relative;
	display:inline-block;
	top: 100%;
	margin:0 22px;
	outline: 0;
	width:48px; height:13px;
	text-indent: -9999px;
	z-index: 9999; overflow:hidden;
}
#viewer-wrapper .bx-wrapper .bx-controls-direction a.disabled { display: none; }


/* Clients */
.clients { padding:76px 0 53px; min-height:417px; }
.clients #viewer-wrapper { float:left; position:relative; margin:0 auto; padding:0; width:450px; height:100%; *zoom: 1; }
.clients #viewer-wrapper .info-viewer { width:450px; }
.clients #viewer-wrapper .info-viewer p { width:450px; padding:0 0 35px; text-align:center; }
.clients #viewer-wrapper .info-viewer p img { max-width:450px; max-height:350px; margin:0 auto; }
.clients #viewer-wrapper #paging { float:right; position:relative; margin:-19px 0 0; padding:0 14px; min-width:280px; height:13px; }
.clients #viewer-wrapper #paging #slider-prev,
.clients #viewer-wrapper #paging #slider-next { position:absolute; top:0; padding:0; }
.clients #viewer-wrapper #paging #slider-prev { left:0; }
.clients #viewer-wrapper #paging #slider-next { right:0; }
.clients #viewer-wrapper #paging #paper { display:block; clear:both; position:relative; padding:4px 0 0; }
.clients #viewer-wrapper #paging #paper a { display:inline-block; float:left; margin:0 4px; width:6px; height:6px; text-indent:-999px; background:url('/new/about/images/about_client_paging_off.jpg') 0 0 no-repeat; overflow:hidden; }
.clients #viewer-wrapper #paging #paper a:hover,
.clients #viewer-wrapper #paging #paper a.active { background:url('/new/about/images/about_client_paging_on.jpg') 0 0 no-repeat; }
.clients #viewer-wrapper .bx-wrapper .bx-caption {
	position: relative; 
	bottom:0;
	left: 0;
	background:;
	width:auto; text-align:left; 
}
.clients #viewer-wrapper .bx-wrapper .bx-caption span {
	color: #cecece;
	display: block; text-align:left; 
	font-family:'Roboto',Arial,Dotum,AppleGothic,sans-serif;
	font-size:10px; letter-spacing:0.05em;
	padding:16px 0 0;
	line-height:20px;
}
.clients .txtBox { float:right; margin:-8px 0 0; width:205px; height:100%; line-height:24px; }

/* Map
.map { padding:27px 0 30px; }
.map p { margin:28px 0 8px; padding:0; font-size:13px; color:#959595; font-weight:400; letter-spacing:1px; }
.map span { font-family: 'Dotum', sans-serif; line-height:16px; color:#555; }
.map .btn_print { display:block; float:right; margin:4px 0 0; }
.map .btn_detail { position:absolute; bottom:-32px; right:0; }
.map .btn_detail img { float:left; }
.map #map_canvas { margin:27px 0 0; }
 */

/* Map */
.map { position:relative; padding:27px 0 30px 0; min-height:417px; }

.map .tel { float:left; width:50%; margin:0 0; overflow:hidden; }
.map .tel p { float:left; height:34px; line-height:; font-size:13px; letter-spacing:0.08em; color:#636363; box-sizing:border-box; }
.map .tel p .kor { font-size:11px; letter-spacing:0.03em; }
.map .tel p.call { padding:0 10px 0 38px; background:url('/new/about/images/map_ico_tel.jpg') left center no-repeat; background-size:; }
.map .tel p.mail { padding:0 0 0 40px; padding-top:7px; background:url('/new/about/images/map_ico_mail.jpg') left center no-repeat; background-size:; }
.map .tel a { color:#636363;  }

.map .adr { float:right; width:; margin:0px 0 0; padding:0 0 0 35px; min-height:32px; color:#969696; font-size:12px; letter-spacing:0.08em; background:url('/new/about/images/map_ico_adr.jpg') left center no-repeat; }
.map .adr p.kor { color:#555; font-size:11px; line-height:2.1em; letter-spacing:0.03em; }
.map .adr a.btn-mapview { display:inline-block; margin:0 0 0 9px; padding:0 6px; height:16px; line-height:16px; font-size:9px; letter-spacing:0.03em; color:#fff; background:#acacac; }
.map .adr a.btn-mapview i { display:inline-block; margin:0 0 0 3px; padding:0; font-size:8px; font-style:normal; }

.map .mapImg { /*position:absolute; right:0; top:0; */ clear:both; width:290px; margin:0 auto 0; padding:27px 0 0; }
.map .mapImg img { width:100%; }

.map .road { margin:20px 30px 0; font-size:11px; color:#555; line-height:1.8em; }



/* Map-en */
.map-en { padding:27px 0 30px 0; min-height:417px; }

.map-en .tel { clear:both; margin:0 25px; overflow:hidden; }
.map-en .tel p { float:left; height:34px; line-height:; font-size:13px; letter-spacing:0.05em; color:#636363; box-sizing:border-box; }
.map-en .tel p .kor { font-size:11px; letter-spacing:0.03em; }
.map-en .tel p.call { padding:0 10px 0 38px; padding-top:10px; background:url('/mobile/en/about/images/map_ico_tel.jpg') left center no-repeat; background-size:; }
.map-en .tel p.mail { padding:0 0 0 40px; padding-top:10px; background:url('/mobile/en/about/images/map_ico_mail.jpg') left center no-repeat; background-size:; }
.map-en .tel a { color:#636363;  }

.map-en .adr { clear:both; margin:20px 25px 0; padding:0 0 0 35px; min-height:32px; color:#969696; font-size:12px; letter-spacing:0.08em; background:url('/mobile/en/about/images/map_ico_adr.jpg') left center no-repeat; }
.map-en .adr p.kor { color:#555; font-size:11px; line-height:2.1em; letter-spacing:0.03em; }
.map-en .adr a.btn-mapview { display:inline-block; margin:5px 0 0 0px; padding:0 6px; height:16px; line-height:16px; font-size:9px; letter-spacing:0.03em; color:#fff; background:#acacac; }
.map-en .adr a.btn-mapview i { display:inline-block; margin:0 0 0 3px; padding:0; font-size:8px; font-style:normal; }

.map-en .mapImg { margin:20px auto 25px; }
.map-en .mapImg img { width:100%; }

.map-en .road { margin:0 30px; font-size:11px; color:#555; line-height:1.8em; }



/* studiosketch */
.studiosketch { padding:76px 0 53px; min-height:417px; }
.studiosketch #viewer-wrapper { position:relative; margin:0 auto; padding:0; width:450px; height:100%; *zoom: 1; }
.studiosketch #viewer-wrapper .info-viewer { width:450px; }
.studiosketch #viewer-wrapper .info-viewer p { width:450px; padding:0 0 35px; text-align:center; }
.studiosketch #viewer-wrapper .info-viewer p img { max-width:450px; max-height:338px; margin:0 auto; }
.studiosketch #viewer-wrapper #paging { position:relative; float:left; margin:-19px auto 0; padding:0 14px; max-width:420px; min-width:310px; height:13px; }
.studiosketch #viewer-wrapper #paging #slider-prev,
.studiosketch #viewer-wrapper #paging #slider-next { position:absolute; top:0; padding:0; }
.studiosketch #viewer-wrapper #paging #slider-prev { left:0; }
.studiosketch #viewer-wrapper #paging #slider-next { right:0; }
.studiosketch #viewer-wrapper #paging #paper { display:block; clear:both; position:relative; padding:4px 0 0; margin:0 auto; }
.studiosketch #viewer-wrapper #paging #paper a { display:inline-block; float:left; margin:0 4px; width:6px; height:6px; text-indent:-999px; background:url('/new/about/images/about_client_paging_off.jpg') 0 0 no-repeat; overflow:hidden; }
.studiosketch #viewer-wrapper #paging #paper a:hover,
.studiosketch #viewer-wrapper #paging #paper a.active { background:url('/new/about/images/about_client_paging_on.jpg') 0 0 no-repeat; }
.studiosketch #viewer-wrapper .bx-wrapper .bx-caption {
	position: relative; 
	bottom:0;
	left: 0;
	background:;
	width:auto; text-align:left; 
}
.studiosketch #viewer-wrapper .bx-wrapper .bx-caption span {
	color: #cecece;
	display: block; text-align:left; 
	font-family:'Roboto',Arial,Dotum,AppleGothic,sans-serif;
	font-size:10px; letter-spacing:0.05em;
	padding:16px 0 0;
	line-height:20px;
}