/* BASIC css start */
.mr0 {
	margin-right:0 !important
}
/* 마스크 뛰우기 */
#Mask {  
    position:fixed;  
    z-index:9000;  
    background:rgba(0,0,0,0.6);  
    display:none;  
    left:0;
    top:0;
    width:100%;
    height:100%;
} 

/* 바디에 스크롤 막는 방법 */
.not_scroll{
	position:fixed;
    overflow:hidden;
    width:100%;
    height:100%

}
#MintWrap {
	text-align:center;
}
#MintWrap .page_img {
}
#MintWrap .page_img img {
	width:100%;
	max-width:1000px;
}
#Mint_projects {
    width:100%;
    margin: 30px auto 0;
    max-width:1000px;
	background:#fff
}
#Mint_projects ul.tabs {
    margin:0 auto 10px;
    padding: 0;
	text-align:center;
    list-style: none;
    height:50px;
    width: 100%;
	font-weight:700;
	font-size:0;
}
#Mint_projects ul.tabs li {
	display:inline-block;
    text-align:center;
    cursor:pointer;
    width:30%;
    height:49px;
    line-height:50px;
    font-weight:bold;
    background:#fff;
    overflow:hidden;
    position:relative;
    font-size:18px;
    font-weight:800;
	border:1px solid #c2c2c2;
}
#Mint_projects ul.tabs li.active {
	background:#17bbbe;
	color:#fff;
}
#Mint_projects .tab_container {
	/*border: 1px solid #eee;*/
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
	max-width:1000px;
    background: #FFFFFF;
	margin-bottom: 50px;
}
#Mint_projects .tab_content {
    font-size:12px;
    display:none;
	text-align:left;
}
#Mint_projects .tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
#Mint_projects .tab_container .tab_content ul li {
	padding:10px;
	list-style:none;
	max-width:300px;
	margin-bottom:10px;
	vertical-align:top;
	min-height: 42px;
}

#Mint_projects .tab_content .project {
	margin-top:10px;
	display:inline-block;
}
#Mint_projects .tab_content .project_box {
	text-align:left;
}
#Mint_projects .tab_content h3 {
	text-align:left;
	font-size: 18px;
	margin:0 0 5px 0;
	font-weight:700;
}
#Mint_projects .tab_content h3 a.btn_more {
display:none;
	cursor:pointer;
	vertical-align:middle;
}
#Mint_projects .tab_content .project_thumb:nth-child(3n) {
	margin-right:0;
}
#Mint_projects .tab_content .project_thumb {
	border:1px solid #c2c2c2;
	display:inline-block;
	margin-right:10px;
}
#Mint_projects .tab_content .project_thumb a {
	color:#222;
	text-decoration:none;
}
#Mint_projects .tab_content .project_thumb .img {
	height:165px;
	overflow:hidden;
	position:relative;
}
#Mint_projects .tab_content .project_thumb .img img {
	width:100%;
}
#Mint_projects .tab_content .project_thumb .btn_zoom {
    position: absolute;
    font-size: 30px;
    color: #fff;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
#Mint_projects .tab_content .project_thumb:hover .btn_zoom {
	font-size:16px;
	font-weight:600;
    width:100%;
    height:100%;
    line-height:165px;
	background: rgba(0,0,0,0.7);
}
#Mint_projects .tab_content .project_thumb:hover .btn_zoom i {
	display:none;
}
#Mint_projects .tab_content .project_thumb .btn_zoom span {
	display:none;
}
#Mint_projects .tab_content .project_thumb:hover .btn_zoom span {
	display:block;
}
#Mint_projects .tab_content .project_thumb .info {
}
#Mint_projects .tab_content .project_thumb .info li {
	text-align:left;
	padding:0;
}
#Mint_projects .tab_content .project_thumb .info li dl {
	display:inline-block;
	margin: 10px 0;
    padding: 0;
}
#Mint_projects .tab_content .project_thumb .info li dl:first-child {
	width:60%;
}
#Mint_projects .tab_content .project_thumb .info li dt {
	font-size:14px;
	color:#999999;
	margin-bottom: 5px;
}
#Mint_projects .tab_content .project_thumb .info li dd {
	font-size: 16px;
    margin: 0;
    font-weight: 600;
}
#Mint_projects .tab_content .project_thumb .info li.descript {
	border-top:1px solid #eeeeee;
}
#Mint_projects .tab_content .project_thumb .info li.descript p {
	font-size:13px;
	padding: 0;
    margin: 10px 0;
}

.layerPopup{
	padding:20px; 
	position:absolute; 
	background:#fff;
	width:801px;
	z-index:99999;
}
.layerPopup button{
	cursor:pointer;
	width:100px;
	height:45px;
	background:#333;
	color:#fff;
}

.layerPopup .img_layer {
	height:465px;
	overflow:hidden;
	position:relative;
	text-align: center;
}
.layerPopup .button {
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
}
.layerPopup .img_layer img {
	/*width:100%;*/
	max-height: 100%;
}
.layerPopup .info_layer {
}
.layerPopup .info_layer li {
	text-align:left;
	padding:0;
}
.layerPopup .info_layer li dl {
	display:inline-block;
	margin: 10px 0;
    padding: 0;
}
.layerPopup .info_layer li dl:first-child {
	width:60%;
}
.layerPopup .info_layer li dt {
	font-size:16px;
	color:#999999;
	margin-bottom: 5px;
}
.layerPopup .info_layer li dd {
	font-size: 20px;
    margin: 0;
    font-weight: 600;
}
.layerPopup .info_layer li {
	width:100%;
	border-top:1px solid #eeeeee;
	max-width:780px !important;
}
.layerPopup .info_layer li dl:first-child {
	width:30%;
}
.layerPopup .info_layer li p {
	font-size:16px;
}

#tab2 .layerPopup {
	margin-top:-320px;
}
/* BASIC css end */