/* detail content wrap */
	.project_detail_cont_wrap {position: relative;}
	.project_detail_cont_wrap.first_wrap {margin-top: 45px;}
	.project_detail_cont_wrap:after {content: ""; display: block; clear: both;}
	.project_detail_cont {float: left;}
	.project_detail_cont img {display: block; width: 100%;}
	.project_detail_cont_col1 {width: 100%;}
	.project_detail_cont_col2 {width: 100%;}

	/* detail info wrap */
	.project_detail_info_wrap {padding: 30px 20px; background: #e4e4e4; line-height: 1;}
	.project_sub_title {margin-bottom: 3px; font-size: 4vw;}
	.project_title {margin-bottom: 30px; font-family: "ogg roman"; font-size: 6vw;}
	.project_desc {display: none;}

	.project_detail_cont_wrap.first_wrap .project_detail_info_wrap {float: left; width: 100%;}

	/* detail button wrap */
	.project_detail_btn_wrap {margin-bottom: 120px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
	.project_page_btn:after {content: ""; display: block; clear: both;}
	.page_btn {float: left; width: 50%;}
	.page_btn button {padding: 16px 8px; font-size: 12px;}
	.page_btn button span {display: inline-block; vertical-align: middle;}
	.btn_icon {display: inline-block; padding: 0 6px; width: 50px; height: 20px; vertical-align: middle;}
	.prev_btn {text-align: left;}
	.next_btn {text-align: right; border-left: 1px solid #000;}

	.project_list_btn {padding: 10px 0; border-top: 1px solid #000; text-align: center;}
	.view_btn {display: inline-block;}
	.view_btn button {padding: 8px 35px; border: 1px solid #000; border-radius: 20px 20px; font-size: 12px;}

	@media (min-width: 768px) {
		/* detail content wrap */
		.project_detail_cont_col1 {width: 100%;}
		.project_detail_cont_col2 {width: 50%;}

		/* detail info wrap */
		.project_detail_info_wrap {padding: 60px 20px;}
		.project_sub_title {margin-bottom: 6px; font-size: 20px;}
		.project_title {margin-bottom: 20px; font-size: 34px;}
		.project_desc {display: block; padding-left: 60px; padding-right: 60px; width: 100%; line-height: 1.5; font-size: 13px; word-break: keep-all;}

		/* top visual style modify */
		.project_detail_cont_wrap.first_wrap {overflow: hidden;}
		.project_detail_cont_wrap.first_wrap .project_detail_cont {float: none;}
		.project_detail_cont_wrap.first_wrap .project_detail_cont img {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover;}
		.project_detail_cont_wrap.first_wrap .project_detail_info_wrap {position: absolute; bottom: 0; left: 0; width: 100%;}

		/* detail button wrap */
		.project_detail_btn_wrap {margin-bottom: 120px;}
		.page_btn button {padding: 20px 0; font-size: 14px;}

		.project_list_btn {padding: 10px 0;}
		.btn_icon {padding: 0 15px}
		.view_btn button {padding: 10px 70px; border-radius: 20px 20px; font-size: 14px;}

	}

	@media (min-width: 1200px) {
		.project_desc {padding-right: 0; width: 41%;}
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.project_sub_title {margin-bottom: 18px;}
	}