body { line-height: 1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block; }
								  
ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

table { 
	border-collapse: collapse; 
	border-spacing: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }


.f_white					{color:#fff}
.sub_title					{color:#545454; font-size:2.250em; font-family:Nanum Gothic;}
.sub_title2					{color:#fff; font-size:2.250em; font-family:Nanum Gothic;}
.data_txt					{margin-top:40px; color:#737272; line-height:1.6em; font-family:Nanum Gothic;}

.sontact					{text-align:left; width:99%; margin-top:35px}
.sontact_left				{width:25%; float:left; margin-top:10px}
.sontact_right				{width:75%; float:left; margin-top:10px; text-align:left}
.sontact_in					{border:1px solid #cccccc; height:20px; padding:5px}

.line						{padding-top:5px; border-top:3px solid #000; width:70px; margin:0 auto}

.about_tex01				{font-size:1.5em; color:#88AE3F; margin-top:10px; font-weight:700}
.about_tex02				{font-size:0.9em; color:#959595; line-height:1.7em; padding:20px 0 30px 0}
.about_tex02 span			{font-weight:600; color:#000}
.about_tex03				{font-size:1.0em; color:#000;}
.request					{border-bottom:1px solid #88AE3F; padding-bottom:10px; }
@media screen and (max-width:600px) 
	{
		.about_tex01		{font-size:1.0em;}
		.about_tex02		{font-size:0.7em;}
		.about_tex03		{font-size:0.8em;}
	}



.map						{text-align:left; float:left; min-width:180px;}
@media screen and (min-width:180px){
	.map					{padding-top:10px;}
}
/*
.contents_text_l{width:45%;  float:left; padding:0 2%}
*/
.map_title					{font-family:Nanum Gothic; font-size:1.5em; color:#000; margin-bottom:10px}


.work						{width:100%}
.work li					{width:20%; float:left}
@media screen and (max-width:1024px)	{
	.work					{float:none; width:auto}
	.work li				{width:25%; float:left}
}
@media screen and (max-width:800px)	{
	.work					{float:none; width:auto}
	.work li				{width:50%; float:left}
}
@media screen and (max-width:400px)	{
	.work					{float:none; width:auto}
	.work li				{width:100%; float:none}
}



.view {
   /*width: 300px;*/
	width:100%;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   /*
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;

   box-shadow: 1px 1px 2px #e6e6e6;
   */
   border:1px solid #e8e8e8;
   border-radius: 6px;
   cursor: pointer;
   /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
   /*width: 300px;*/
   width:100%;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   border:1px solid #e8e8e8;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   font-family:Nanum Gothic;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family:Nanum Gothic;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px 10px;
   text-align: center;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   /*background-color: rgba(255, 231, 179, 0.3);*/
   background-color: #2d2921;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
	border-bottom: 1px solid #fff;
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   /*color: #333;*/
   color: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   /*color: #333;*/
    color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   margin: 0 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(3);
   -moz-transform: scale(3);
   -o-transform: scale(3);
   -ms-transform: scale(3);
   transform: scale(3);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);

   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 14px 19px 14px 19px;
   background: #000;
   color: #fff;
   
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
	
	
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;


.zoom-icon {
	background: url(http://i.imgur.com/oxhNwPT.png) center center no-repeat;
	
}

