/* Common
=======================================================================*/
.pull_left{
	float: left;
}
.pull_right{
	float: right;
}

/* popup
=======================================================================*/
.overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8;
}
.popup{
	position: absolute;
	z-index: 100 !important;
}
.popup#photo_upload{
	top: 440px;
	width: 650px;
	left: 50%;
	margin-left: -325px;
	background-color: #fff;
}

.popup#photo_upload .categoryform {
	margin-bottom: 20px;
}

	.popup#photo_upload .title_area{
		width: 100%;
		height: 200px;
		text-align: center;
	}
		.popup#photo_upload .title_area .title{
			font-size: 22px;
			font-weight: bold;
			padding-top: 60px;
		}
		.popup#photo_upload .title_area p{
			margin-top: 30px;
			color: #666;
			margin-bottom: 0;
			font-size: 12px;
			color: #666;

		}
	.popup#photo_upload .body_area{
		background-color: #ececec;
		padding: 25px;
		width: 600px;
	}
		.popup#photo_upload .body_area .select_photo{
			width: 170px;
			min-height: 95px;
			margin: 0 auto;
            display: flex;
		}
			.popup#photo_upload .body_area .select_photo button{
				text-align: center;
				background:url(../images/sub/mypage/upload_imagefile.jpg) no-repeat;
				color: #fff;
				text-indent: -9999px;
				overflow: hidden;
				border: none;
				width: 170px;
				height: 95px;
				cursor: pointer;
			}
	.popup#photo_upload .body_area p{
			font-size: 12px;
			color: #666;
			margin-top: 18px;

	}
	.popup#photo_upload .body_area p.textarea_limit{
		margin: 0;
	}
	.popup#photo_upload .body_area textarea{
		border: 0;
		padding: 10px;

	}
	.popup#photo_upload .body_area .policy{
		padding-left: 15px;
		display: block;
		margin-top: 35px;
		color: #666;
		background:url(../images/sub/mypage/arrow_btn1_on.png) no-repeat left;
	}
	.popup#photo_upload .body_area .check_policy{
		margin-top: 15px;
	}
	.popup#photo_upload .body_area .check_policy .policy_check{
		background: url(../images/sub/mypage/icon_option_on.png) no-repeat left center;
		padding-left: 40px;
		height: 30px;
		display: inline-block;
		vertical-align: middle;
	}
	.popup#photo_upload .body_area .check_policy .policy_uncheck{
		background: url(../images/sub/mypage/icon_option_off.png) no-repeat left center;
		padding-left: 40px;
		height: 30px;
		display: inline-block;
		vertical-align: middle;
		line-height: 30px;

	}
	.popup#photo_upload .body_area .check_policy a,
	.popup#photo_upload .body_area .check_policy a:hover{
		color: #666;
	}
	.popup#photo_upload .body_area button.upload_above{
		text-align: center;
		background-color: #000;
		color: #fff;
		border: none;
		width: 600px;
		height: 65px;
		cursor: pointer;
		margin-top: 40px;
	}

.popup.photo_detail{
	top: 530px;
	width: 680px;
	left: 50%;
	margin-left: -340px;
	background-color: #fff;
}
	.popup.photo_detail .top_close{
		height: 25px;
		width: 800px;
		padding: 15px 25px;
		text-align: right;
	}
		.popup.photo_detail .top_close .modal-close-btn{
			display: inline-block;
			width: 23px;
			height: 23px;
		}
	.popup.photo_detail .body_area .time_category{
		height: 35px;
		margin-top: -7px;
		line-height: 35px;
	}
		.popup.photo_detail .body_area .time_category .time{
			width: 158px;
			text-align: center;
			border-right: 1px solid #cecece;
			height: 100%;
		}
		.popup.photo_detail .body_area .time_category .time span{
			width: 105px;
			padding-left: 20px;
			margin: 0 auto;
			font-size: 11px;
			color: #ababab;
			height: 100%;
			display: inline-block;
			background: url(../images/sub/mypage/icon_s_time.png) no-repeat center left;
		}
	.popup.photo_detail .body_area .category_name{
		padding-right: 25px;
		width: 665px;
		font-size: 11px;
		color: #ababab;
		text-align: right;
		height:100%;
	}
	.popup.photo_detail .body_area .content{
		border-top: 1px solid #cecece;
		width: auto;
		padding: 20px 25px;
	}
		.popup.photo_detail .body_area .content .pull_left{
			width: 575px;
		}
			.popup.photo_detail .body_area .content .pull_left .thread_title{
				font-weight: bold;
				font-size: 14px;
			}
			.popup.photo_detail .body_area .content .pull_left p{
				font-size:12px;
				color: #666;
				margin-top: 10px;
				margin-bottom: 0;
			}

		.popup.photo_detail .body_area .content .pull_right button.detail{
			text-align: center;
			background-color: #000;
			color: #fff;
			border: none;
			width: 210px;
			height: 65px;
			cursor: pointer;
			font-size: 13px;
		}
.popup.photo_detail#photo_albumstock .time_category .likes{
	width: 105px;
	text-align: center;
	border-right: 1px solid #cecece;
	height: 100%;
}
	.popup.photo_detail .body_area .time_category .likes span{
		padding-left: 20px;
		margin: 0 auto;
		font-size: 11px;
		color: #666;
		display: inline-block;
		background: url(../images/sub/mypage/icon_heart_off.png) no-repeat center left;
	}
.popup.photo_detail#photo_albumstock .time_category .category_name{
	padding-right: 10px;
	width: 560px;
	font-size: 11px;
	color: #ababab;
	text-align: right;
	height: 100%;
}
	.popup.photo_detail#photo_albumstock .body_area .content{
		padding: 20px 25px 45px;
	}
.popup.delete_pop{
	top: 590px;
	width: 650px;
	left: 50%;
	margin-left: -325px;
	background-color: #fff;
}
	.popup.delete_pop .title_area{
		width: 100%;
		height: 200px;
		text-align: center;
	}
		.popup.delete_pop .title_area .title{
			font-size: 22px;
			font-weight: bold;
			padding-top: 60px;
		}
		.popup.delete_pop .title_area p{
			margin-top: 30px;
			color: #666;
			margin-bottom: 0;
			font-size: 12px;
			color: #666;

		}
	.popup.delete_pop .body_area{
		padding: 0 25px 60px;
		width: 600px;
	}
		.popup.delete_pop .body_area .thread_box{
			background-color: #ececec;
			width: 550px;
			padding: 25px;
			margin-bottom: 60px;
		}
			.popup.delete_pop .body_area .thread_box .thread_title{
				font-weight: bold;
				font-size: 14px;
			}
			.popup.delete_pop .body_area .thread_box .content{
				margin-top: 10px;
			}
			.popup.delete_pop .body_area .thread_box .pull_left{
				width: 420px;
			}
			.popup.delete_pop .body_area .thread_box p{
				font-size: 12px;
				color: #666;
				margin-bottom: 0;
				line-height: 1.5;
			}
			.popup.delete_pop .body_area .thread_box .pull_right img{
				width: 110px;
			}
	.popup.delete_pop .btn_area{

		text-align: center;
	}
		.popup.delete_pop .btn_area button{
			width: 290px;
			height: 60px;
			text-align: center;
			color: #fff;
			border: none;
			cursor: pointer;
			font-size: 13px;
		}
			.popup.delete_pop .btn_area button.gray{
				background-color: #848484;
			}
			.popup.delete_pop .btn_area button.black{
				background-color: #000;
			}

.popup#photo_upload .body_area .section-title {
    font-size: 14px;
    font-weight: bold;
    padding: 16px 0 4px;
}
.popup#photo_upload .body_area .block-title {
    font-size: 12px;
    font-weight: bold;
}