body {
	font-size:16px;
	color:#333;
	word-break: keep-all;
	/*font:300 15px/15px Nanum Gothic;*/
	/*background:url(../images/bg.jpg) right no-repeat fixed #fff; 
	-webkit-font-smoothing:antialiased;*/
}

a{color:#801b7d; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
/*-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
*/
}
.font-normal {font-size:16px;}

::-moz-selection { /* Code for Firefox */
    color: #fff;
	background: #CDA4CD;
}

::selection {
	color: #fff;
	background: #AC5CBD;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}

h1{font:700 5em Nanum Gothic;margin:0.25em 0;text-transform: uppercase;}
h2{font:700 3.0em Nanum Gothic;margin-bottom: 0.3em;}
h3{font:300 2em Nanum Gothic;margin:2em 0 1em 0;}
h4{font:300 1.5em Nanum Gothic;margin-bottom: 0.3em;}
h4 i{margin-right: 0.5em;}

p{font-size:1.2em;line-height: 1.7em; /*margin-bottom: 1.7em;*/}

.spacer{padding: 3.0em 0;}

.btn{border:none;border-radius: 0;padding: 0.5em 2em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#AC5CBD; /*width: 100%;*/outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#801b7d;box-shadow: none;}

.topbar {background:url(../images/lines.png);	height:5px;position: fixed;top: 0;width: 100%;z-index: 1300;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em;}
.navbar-fixed-top{top: 5px;}
.navbar-inverse{background: #fff;} /*¸Þ´º¹è°æ*/
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background: none;color: #801b7d;}

#head,.carousel{margin-top: 0;}

/*#home{padding-top: 6em;}*/

/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 40px;}
.services ul li{width: 10em;height: 10em;border: 1px solid #ccc;padding: 0;border-radius: 50%;margin: 0 1.25em;line-height: 13.5em;color: #999;}
.services ul li span{line-height: 2em;display: inline-block;font-weight: 300;}
.services ul li span i{font-size: 3em;}
.services ul li span b{display: block;font-size: 1em;font-weight: 300;}


/*testimonials*/
.partners img{float: left;margin:0 75px 30px 0;}
.testimonails{min-height: 195px;}
.testimonails img{margin-top: 5px;}
.testimonails span{color: #888;}
.testimonails span b{font-weight: 400;}
.carousel-indicators li{border: 1px solid #f3c024;}
.carousel-indicators{bottom: 0;}

/*works*/
#works{padding-top:6em;}
#works figcaption a{border:1px solid #fff;margin-top: 1em;display: inline-block;color: #fff;padding: 0 2em;}
#works figcaption a:hover{text-decoration: none;padding: 0 3em;}
/*works*/

/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #b400ff;}


.highlight-info{ background:url(../images/lab.jpg) center fixed; background-size: cover; color:#fff;}
.highlight-info .overlay{background: rgba(232,159,16,0.7);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/










/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
/*contact*/


.footer{background-color: #2b2b2b; color: #fff; font-size: 1em;color: #aaa; /*padding-right:100px;*/ text-align: center;}
.footer a{color: #aaa;margin: 0 1em; }

.gototop{position: fixed;bottom: 20px; right: 15px; /*background: rgba(0,0,0,0.5);padding: 10px;color: #fff;*/ display:block}
.gototop i{line-height: 0.5em;}

@media (max-width: 1200px) {
	body{font-size:15px}

	.navbar-brand img{height: 40px;}
	.navbar-toggle{margin-top: 12px;}

	.services ul li{margin:0 0.5em; }
	
	.grid figure h2{/*font: 700 1.5em Nanum Gothic;*/}
	figure.effect-oscar figcaption{padding: 22%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}
}

@media (max-width: 900px) {
	h1{/*font: 700 3.5em Nanum Gothic;*/}
	h4 {/*font: 300 1.3em Nanum Gothic;*/}

	.btn{padding: 0.4em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.services ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 22%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}	
}


@media (max-width: 767px) {
	p{font-size:1.1em;line-height: 1.6em; /*margin-bottom: 1.7em;*/}
	body{font-size:14px}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 12px; margin:0px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.carousel-caption,.carousel-control,.carousel-indicators{display: none;}
	.carousel-control {z-index:100}

	h2.text-center{font-size: 2.7em;}
	h4 {/*font: 300 1.2em Nanum Gothic;*/}
	#partners h2{padding: 0 1em;} 
	/*#home {padding-top: 5em;}*/

	.partners{display: block;float: left;}
	.partners img{width: 120px;}



	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 1em 0;}
	.services ul li{margin-bottom: 1em;}

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	.footer{margin-top: 2em;padding-bottom: 2em; text-align: center;}
	.gototop {display:none;}

}

/*---------------------------------------------------*/
#top-nav { 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;

	background-color: #ffffff; 
	line-height: 70px;
	top: -85px;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#top-nav.fixed { top: 0; }

#myCarousel {
/*
	background-image: url(http://designmonkey.co.kr/wp/wp-content/uploads/intro.jpg);
	background-position: 50% 50% fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}
#myCarousel .carousel-inner {width:100%; height:100%;}
#myCarousel .carousel-inner .item {
	width:100%; height:100%;
	/*background-image: url(http://designmonkey.co.kr/wp/wp-content/uploads/intro.jpg);*/
	/*background-position: 50% 50% fixed no-repeat;*/
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*
#main-copy {
	top: 0px;
	padding: 0 30px;
	text-align: center;
	max-width: none;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(50%);
}
*/
#main-copy a {outline:0px;}

/* portfolio button */
#filter {
  text-align: center;
 /* background-color: #333;*/
  padding: 15px;
}

#filter button {
  border: 0;
  background-color: #ccc;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  padding: 5px 20px;
  margin: 2px 0px;
}

#filter button.active { background-color: #801b7d; }

#filter button:focus { outline: 0; }

/* #portfolio button */

#smart #camera-link {background:url(../images/business/business_02.jpg) center fixed; background-size: cover; color:#fff; padding:50px 0 30px 0; position:relative;}
#smart .toggle{background:url(../images/toogle_arrow2.png) no-repeat; background-position:0px 0px; width:40px; height:40px; display:block; margin:0 auto; margin-top:20px;}
#smart .toggle.active{background-position:0px -40px}

#smart .submit{background:#23bdcf; text-align:center; padding:8px}
#smart .submit a {background:url(../images/icon_post.png) no-repeat 0px transparent; color:#fff; padding-left:36px; display:inline; font-size:1.3em;}
#smart .submit a h4{}

#smart .submit2{background:#801b7d; text-align:center; padding:8px}
#smart .submit2 a {background:url(../images/icon_post.png) no-repeat 0px transparent; color:#fff; padding-left:36px; display:inline; font-size:1.3em;}
#smart .submit2 a h4{}


#dev-process .toggle{background:url(../images/toogle_arrow.png) no-repeat; background-position:0px 0px; width:40px; height:40px; display:block; margin:0 auto; margin-top:20px;}
#dev-process .toggle.active{background-position:0px -40px}

/*
 #portfolio .portfolio-item .portfolio-caption p,section h3.section-subheading{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic}
 section{padding:100px 0}
 section h2.section-heading{font-size:40px;margin-top:0;margin-bottom:15px}
 section h3.section-subheading{font-size:16px;text-transform:none;font-weight:400;margin-bottom:75px}
 
 @media (min-width:768px){
	section{padding:150px 0}
}
*/
 #portfolio .portfolio-item{margin:0 0 15px;right:0}
 #portfolio .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(128, 26, 125, 0.7);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-55px;color:#fff}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content a{margin-top:-12px}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
 #portfolio .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:#fff;text-align:center;padding:25px}
 #portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}
 #portfolio .portfolio-item .portfolio-caption p{font-size:16px;margin:0}
 footer span.copyright,footer ul.quicklinks{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif}
 #portfolio *{z-index:2}

@media (min-width:767px){
	#portfolio .portfolio-item{margin:0 0 30px}
	/*.navbar-wrapper .container{width:850px;}*/
}

.fa-3x{font-size: 3em}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

#job hr{margin:10px 0px; border-top:1px solid #ccc;}
#job h4{padding-left:10px; font-size:18px; font-weight:bold; color:#666;}
#job h4.active{color:#801b7d; font-size:18px;}
#job ul{padding-left:15px; display:none;}
#job ul li{list-style:none; /*background:url(../images/play.png) no-repeat 0 9px transparent; padding:3px 0 3px 17px;*/ padding:3px 0;}
#job .years{position:relative;}
#job .number{color:#801b7d; font-size:18px;}
#job .toggle{position:absolute; top:-8px; right:10px; background:url(../images/toogle_arrow.png) no-repeat; background-position:0px 0px; width:40px; height:40px;}
#job .toggle.active{background-position:0px -40px}
#job .col-sm-12 {padding:0px;}

#history h4{clear:both; float:left; color:#801b7d; padding-left:10px; width:130px; font-size:18px; margin-bottom:0px;}
#history ul{list-style:none; padding-left:25px; float:left; padding-bottom:10px;}
#history ul li {list-style:disc;}
#history td{padding:10px 10px; vertical-align:top;}
#history td.years {color:#801b7d; font-size:18px; padding:10px 20px;}

.sub-txt{max-width:800px; margin:0 auto; word-break: keep-all;}
.t-color1{color:#801b7d}
.t-color2{color:#920083}
.t-color3{color:#920083; font-weight:bold}
.t-white{color:#fff}

#about .about-logo{clear:both; float:left; width:225px; text-align:left;}
#about .container{padding: 80px 9em 40px 9em;}

#map {margin:40px auto;}
#map .adress{font-size:1.0em; line-height:1.5em; float:left; margin-top:10px; margin-left:10px; padding-right:20px; padding-bottom:20px;}
/*#map #map-area{width:600px; height:500px; margin-right:40px;}*/
/*#map #map-area{	width:100%; margin:0px; padding:0 15px;}*/
#map-area iframe{padding:5px; border:1px solid #eee;}
@media (max-width:767px){
	#map {margin:0px}
	#map iframe{height:300px;}
	#history ul{clear:both;}
}

@media (max-width: 1200px) {
	#about .container{padding: 80px 4em 40px 4em;}
}

@media (max-width: 1000px) {
	#about .container{padding: 80px 2em 40px 2em;}
	#about .about-logo{clear:both; float:left; width:100%; text-align:center;}

	#misson .round-box{width:220px; height:210px; padding:5px;}
	#map #map-area{width:100%; margin:0px;}
}

@media (max-width: 767px) {
	#misson .round-box{width:240px; height:230px; padding:15px; clear:both; position:relative; left:50%; margin-left:-120px;}
	#map #map-area{	width:100%; margin:0px; padding:0px;}
}

@media (min-width: 1200px) {
	#misson .round-box {left:0px;}
}
#misson .round-box {float:left; position:relative;}

@media (min-width:992px){
	#news .col-md-4
	section{padding:150px 0}
}

.round-box{ 
	width:240px;
	height:230px;
	padding:15px;
	margin:5px;
	background-color:#fff;
	border:2px solid #09763b;

	-moz-border-radius: 10px; /*¸ðÁú¶ó*/
	-webkit-border-radius: 10px; /*À¥Å¶*/
	/*IE9+,FF4+,chrome,Safari5,+opera*/
	border-radius: 10px;
	text-align:center;
}

.round-box p{ padding-top:30px;}

.round-box2{ 
	width:240px;
	padding:15px;
	margin:5px;
	background-color:#fff;
	border:2px solid #00bfd5;

	-moz-border-radius: 10px; /*¸ðÁú¶ó*/
	-webkit-border-radius: 10px; /*À¥Å¶*/
	/*IE9+,FF4+,chrome,Safari5,+opera*/
	border-radius: 10px;
	text-align:center;
}

.bg-color1 {background:#09763b;}

.jawooin {position:relative; margin:10px 0; display:inline-block; width:100%}
.jawooin li{position:absolute; top:5px; left:40px; line-height:1.5em; display:inline-block; padding-right:10px;}

.slide_btn a{
	background:#AC5CBD; border:1px solid #801b7d;
	float:left; color:#fff; text-decoration:none; margin-top:5px; margin-left:-10px;
	line-height:12px; font-size:12px; padding:10px 10px;
	min-width:106px; text-align:right;
}
.slide_btn a:hover{
	background:#801b7d; color:#fff; 
	border:1px solid #801b7d; 
}

#pms_icon{position:fixed; right:-58px; margin-top:5px;}
#blog_icon{position:fixed; right:-58px; margin-top:45px;}