/*-----------------------------------------------------------------------------------*/
/*	기본가이드
/*-----------------------------------------------------------------------------------*/


img	{ 
	border: 0; 
	padding: 0 0 0 0; 
}
a { 
	outline: none;
	
}
a:hover, a:visited, a:link, a:active { 

	color: #e8342f; 
}

ul, li { 
	padding: 0 0 0 0; 
	margin: 0; 
	list-style-type: none; 
}
hr {
	border: 0;
	border-bottom: 1px dashed #ddd;
}

strong {
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", 'nanumgothic' !improtant;
	font-weight: 600;
}


/* Portolio Hover */
.da-thumbs li ,
.da-thumbs li img {
	width:300px;
	height:200px;
	display: block;
	position: relative;
}

.da-thumbs li  {
	float:left;
	overflow: hidden;
}
.da-thumbs li  article {
	position: absolute;
	background-image:url(/images/main/image_hover.png);
	background-repeat:repeat;
	width: 100%;
	height: 100%;
}
.da-thumbs li  article.da-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li  article a {
	color:#fff;
	padding:20px;
	display:block;
}

.da-thumbs {
float:left;
width:300px;
margin-right:26px;
margin-bottom:43px;
}

.da-thumbs li  article h3{
color:#fff;
padding-top:70px;
}

.da-thumbs li  article p{
font-size:11px;
margin:5px 0 10px 0;
color:#fff;
display:block;
}

.da-thumbs li  article span{
display:inline-block;
}

span.link_post{
display:block;
width:35px;
height:35px;
background-color:#DF6232;
border-radius:50px;
cursor:pointer;
background-image:url(/images/main/zoom_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-right:10px;
}

span.zoom{
overflow:hidden;
display:block;
width:35px;
height:35px;
background-color:#DF6232;
border-radius:50px;
cursor:pointer;
background-image:url(/images/main/link_post_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-left:10px;
}

.portfolio_2col article h3{
padding-top:70px !important;
}

/* Image Grid */
.image_grid {
	float:left;
	overflow:hidden;
	width:980px;
	height:320px;
	position:relative;
	padding-left:17px;

}

.image_grid li{
	float: left;
	line-height: 17px;
	color: #686f74;
	list-style:none;
	overflow:hidden;
	text-align:center;
}


.port_title2 { margin:130px 0 30px 0; width:100%; height:200px; background:url(/images/main/port_top1.jpg) top center; }

.port_txt { float:left; width:300px; }
.port_txt h4 { font-size:15px; padding:10px 0 8px 0; border-bottom:1px solid #555;  }
.port_txt a{color: #f6f6f6; text-decoration:none;}
.port_txt a:hover, a:active, a:focus{color:#e8342f; }
.port_name { font-size:11px; padding-top:8px;  }
.port_name p { float:left; color:#ccc;   }
.port_name span { float:right; color:#ccc;  }

.port_menuwrap {  width:980px; margin:0 auto;  }
.port_menutitle { float:left; font-size:20px; font-weight:600;  letter-spacing:-0.5px; color:#000; margin:5px 0 0 17px;  }
.port_menu{ float:right; margin:0 11px 20px 0px; font-size:13px;}
.port_menu a{ display: inline-block; padding:7px 20px; /*border: 1px solid #fff;*/ border:1px solid #ccc; background:#fff; color: #000; font-weight:600; text-decoration: none; }
.port_menu a:hover{ color: #fff; border-color: #c82621; background:#c82621; }
.port_menu a.on{ border:1px solid #333; color:#fff; background:#333; }

.port_viewwrap {  width:980px; margin:0 auto; padding-top:170px;  }
.port_viewtop { float:left; width:100%; height:50px;  margin:0 0 20px 0; }
.port_viewlist { float:left; width:50px;   }
.port_viewtitle { float:left; width:790px; font-size:35px; letter-spacing:-0.2px; line-height:28px; color:#000; text-align:center; padding-left:30px;  }
.port_viewtitle span { font-size:15px; color:#444;  }
.port_viewbtn { float:right; width:102px;  }

.port_view_n { float:left; width:100%; height:100%; margin:20px 0 10px 0;  }

/* Responsive image grid*/
/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {

}


 @media only screen and (min-width: 480px) and (max-width: 767px) {

}