/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

@import url(../bridge/style.css);

* {
	box-sizing: border-box;
}

@media (max-width: 1400px) {

	html,
	body {
		font-size: 16px !important;
	}

	header .header_inner_left {
		left: 30px !important;
	}

	.drop_down .narrow .second .inner ul li {
		width: 150px;
	}

	.header_bottom {
		padding: 0 30px;
	}

	nav.main_menu {
		left: auto;
		right: 0;
	}

	nav.main_menu > ul {
		left: auto;
	}

	nav.main_menu > ul > li > a {
		padding: 0 20px;
	}
}

@media (max-width: 1200px) {

	.title h1,
	.title.title_size_small h1 {
		font-size: 2.5rem;
	}
}

@media (max-width: 1000px) {

	.title {
		padding: 50px 0 0;
	}

	.title h1,
	.title.title_size_small h1 {
		font-size: 2rem;
	}

	.subtitle {
		position: relative;
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1000px) {
	.admin-bar .title_outer {
		padding-top: 32px !important;
	}
}

.elementor-widget-text-editor p + p {
	margin-top: 10px;
}

#submit_comment,
.qode-cf7-submit {
	font-size: 16px;
	text-transform: lowercase;
	padding: 0 68px;
	font-weight: 400
}

.breadcrumb a,
.qodef--underline-on-hover {
	background-size: 0 1px;
	background-position: 100% 100%
}

.breadcrumb a,
.qodef--underline-on-hover,
.qodef-e-link {
	background-position: 100% 100%
}

.breadcrumb a,
.qode-btn.qode-btn-simple .qode-btn-text,
.qode-underline-link,
.qodef--underline-on-hover,
.qodef-e-link,
.side_menu .projects_holder article .portfolio_description .portfolio_title {
	background-repeat: no-repeat;
	background-image: linear-gradient(90deg, currentColor 0, currentColor 100%)
}

.gallery_holder ul li img {
	display: block
}

.qode-cf7-submit {
	border: 1px solid #000;
	border-radius: 0;
	color: #000;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
	background-color: transparent;
	position: relative;
	transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out
}

.qode-cf7-submit:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: #000;
	transition: transform .8s cubic-bezier(.22, .61, .36, 1);
	z-index: -1;
	transform-origin: right;
	transform: scaleX(0)
}

.qode-cf7-submit:hover {
	color: #fff
}

.pagination ul li:not(.prev):not(.next) a:hover:before,
.pagination ul li:not(.prev):not(.next) span:before,
.qode-cf7-submit:hover:after {
	transform-origin: left;
	transform: scaleX(1)
}

.blog_holder.masonry article .post_text .post_text_inner,
.blog_holder.masonry_full_width article .post_text .post_text_inner,
.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover,
.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover,
.flexslider:hover .flex-direction-nav a.flex-next:hover,
.flexslider:hover .flex-direction-nav a.flex-prev:hover,
.latest_post_holder.boxes > ul > li,
.pagination ul li a:hover,
.pagination ul li span,
.portfolio_navigation .portfolio_next a:hover,
.portfolio_navigation .portfolio_prev a:hover,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover,
.portfolio_slider:hover .flex-direction-nav a.flex-next:hover,
.portfolio_slider:hover .flex-direction-nav a.flex-prev:hover,
.price_table_inner,
.projects_holder article .portfolio_description,
.q_counter_holder.boxed_counter,
.q_team {
	background-color: transparent
}

.blog_holder article.format-link .post_text i.link_mark,
.blog_holder article.format-quote .post_text i.qoute_mark,
.blog_holder.blog_large_image article .post_more,
.blog_holder.blog_large_image article.format-link .post_info,
.blog_holder.blog_large_image article.format-quote .post_info,
.blog_holder.blog_single article.format-link .post_info,
.blog_holder.blog_single article.format-quote .post_info,
.icon_social_holder,
.portfolio_gallery a .gallery_text_holder,
.qode_portfolio_related h4,
div.wpcf7-response-output:before {
	display: none
}

.projects_holder article .image_holder:hover .image img {
	transform: none
}

.projects_holder.standard_no_space .mix {
	padding: 0 4px;
	margin: 0 0 27px !important
}

.projects_holder.standard_no_space {
	margin: 0 -4px
}

@keyframes qode-text-from-right {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	12%,
	88% {
		opacity: 1
	}

	43% {
		transform: translateX(calc(-1 * 30px));
		opacity: 0
	}

	44% {
		transform: translateX(30px)
	}

	100% {
		transform: translateX(0)
	}
}

@keyframes qode-text-from-left {

	0%,
	100% {
		transform: translateX(0);
		opacity: 1
	}

	12%,
	88% {
		opacity: 1
	}

	43% {
		transform: translateX(30px);
		opacity: 0
	}

	44% {
		transform: translateX(calc(-1 * 30px))
	}
}

.projects_holder article:hover .portfolio_description .portfolio_title {
	animation: .8s cubic-bezier(.22, .61, .36, 1) forwards qode-text-from-right
}

.projects_holder article:hover .portfolio_description .project_category {
	animation: .85s cubic-bezier(.22, .61, .36, 1) .15s forwards qode-text-from-left
}

.wpcf7 form .wpcf7-response-output,
div.wpcf7-response-output {
	border-width: 1px !important;
	border-style: solid !important;
	margin: 2em 0 0 !important;
	padding: 1em 1.5em !important;
	background-color: #ECEBE8 !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	color: #000;
	text-transform: none;
	letter-spacing: 0;
}

.portfolio_navigation {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #e3e3e3;
	padding: 6px 0 136px
}

.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_prev {
	position: relative;
}

.portfolio_navigation .portfolio_prev a {
	justify-content: left;
}

.portfolio_navigation .portfolio_next a {
	justify-content: flex-end;
}

.portfolio_detail {
	display: flex;
	flex-direction: column
}

.portfolio_detail > * {
	order: 3
}

.portfolio_detail > .info.portfolio_content {
	order: 1;
	padding: 0 0 44px;
	margin: 0 0 57px;
	border-bottom: 1px solid #e3e3e3
}

#respond input[type=email],
#respond input[type=text],
#respond textarea,
.contact_form input[type=text],
.contact_form textarea,
aside.sidebar .widget #searchform input[type=text] {
	font-size: 11px;
	line-height: 24px;
	text-transform: uppercase;
	transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out
}

.portfolio_detail .info {
	padding: 0;
}

.portfolio_detail .info + .info {
	margin-top: 20px;
}

.portfolio_single .portfolio_container.two_columns_75_25 {
	display: flex;
	flex-direction: row-reverse;
	border-top: 1px solid #e3e3e3;
	margin: 60px 0 0;
	min-height: 350px;
}

.portfolio_single .portfolio_container.two_columns_75_25 > .column2 > .column_inner {
	padding: 73px 15px 0 0
}

.portfolio_single .portfolio_container.two_columns_75_25 > .column1 {
	border-left: 1px solid #e3e3e3;
}

.portfolio_single .portfolio_container.two_columns_75_25 > .column1 > .column_inner {
	padding: 73px 0 0 75px;
}

.flexslider .flex-next,
.flexslider .flex-prev,
.portfolio_slider .caroufredsel-next,
.portfolio_slider .caroufredsel-prev,
.portfolio_slider .flex-next,
.portfolio_slider .flex-prev {
	border-radius: 0;
	border: none;
	top: auto;
	bottom: 0;
	width: auto
}

.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover i,
.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover i,
.caroufredsel-direction-nav a i,
.flex-direction-nav a i,
.flexslider:hover .flex-direction-nav a.flex-next:hover i,
.flexslider:hover .flex-direction-nav a.flex-prev:hover i,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover i,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover i,
.portfolio_slider:hover .flex-direction-nav a.flex-next:hover i,
.portfolio_slider:hover .flex-direction-nav a.flex-prev:hover i,
body:not(.search-results) .blog_holder article.format-link .post_text:hover p a,
body:not(.search-results) .blog_holder article.format-quote .post_text:hover .quote_author,
body:not(.search-results) .blog_holder article.format-quote .post_text:hover i.qoute_mark,
body:not(.search-results) .blog_holder article.format-quote .post_text:hover p a {
	color: #000
}

.portfolio_single .flexslider {
	padding: 0 0 42px
}

.flexslider .flex-prev,
.portfolio_slider .caroufredsel-prev,
.portfolio_slider .flex-prev {
	left: auto;
	right: 25px
}

.flexslider .flex-next,
.portfolio_slider .caroufredsel-next,
.portfolio_slider .flex-next {
	right: 0
}

.portfolio_gallery a.v2 {
	width: 50%;
	margin: 0 0 8px !important;
	padding: 0 4px;
	box-sizing: border-box
}

.blog_holder.blog_large_image article {
	margin: 0 0 90px
}

.blog_holder.blog_large_image article:not(.format-quote):not(.format-link) .post_info,
.blog_holder.blog_single article:not(.format-quote):not(.format-link) .post_info {
	margin: 12px 0 0
}

.blog_holder.blog_large_image article:not(.format-quote):not(.format-link) .post_text .post_text_inner {
	padding-top: 29px;
	padding-bottom: 74px;
	border-bottom: 1px solid #e3e3e3
}

.blog_holder article.format-link .post_text .post_title,
.blog_holder article.format-quote .post_text .post_title {
	padding: 0
}

.blog_holder article.format-link .post_text .post_text_inner,
.blog_holder article.format-quote .post_text .post_text_inner {
	padding: 11.7% 9.7% 11.5%
}

.blog_holder article.format-quote .post_text .quote_author {
	color: #000;
	font-size: 12px;
	line-height: 1.16667em;
	font-weight: 400;
	text-transform: uppercase;
	margin: 33px 0 0
}

.blog_holder article.format-quote .post_text .quote_author::first-letter {
	font-size: 0;
	line-height: 0
}

.blog_holder article.format-quote .post_text .post_title p,
.blog_holder article.format-quote .post_text .post_title p a {
	color: #000;
	font-size: 24px;
	line-height: 1.20833em;
	font-weight: 400
}

body:not(.search-results) .blog_holder article.format-link .post_text:hover .post_text_inner,
body:not(.search-results) .blog_holder article.format-quote .post_text:hover .post_text_inner {
	background-color: #f7f3f0 !important
}

.blog_holder article.format-link .post_text .post_title p,
.blog_holder article.format-link .post_text .post_title p a {
	font-size: 24px;
	color: #000;
	text-decoration: underline
}

.blog_holder.blog_large_image article.format-link,
.blog_holder.blog_large_image article.format-quote {
	padding-bottom: 80px;
	margin-bottom: 90px;
	border-bottom: 1px solid #e3e3e3
}

.pagination ul {
	display: flex;
	justify-content: center
}

.pagination ul li a,
.pagination ul li span {
	margin: 0;
	width: auto;
	height: auto;
	padding: 0 20px;
	position: relative
}

.pagination ul li:not(.prev):not(.next) a:before,
.pagination ul li:not(.prev):not(.next) span:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	transform-origin: right;
	transform: scaleX(0);
	z-index: 2;
	transition: transform .5s
}

.pagination ul li:not(.prev):not(.next) a:after,
.pagination ul li:not(.prev):not(.next) span:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #b5b5b5
}

.pagination ul li.next,
.pagination ul li.prev {
	margin: 0 20px
}

.pagination ul li.next a,
.pagination ul li.prev a {
	color: #000;
	font-size: 20px
}

.blog_holder.blog_large_image article:last-of-type {
	margin: 0 0 72px
}

#searchform.wp-block-search input[type=submit],
.header_top #searchform input[type=submit],
.widget.widget_search form input[type=submit] {
	width: 50px;
	padding: 0;
	height: 55px;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	color: #000
}

aside.sidebar .widget #searchform input[type=text] {
	width: 100%;
	padding: 11px 0 10px;
	float: none;
	border-bottom: 1px solid #e3e3e3;
	font-weight: inherit;
	color: #000
}

#respond input[type=email]:focus,
#respond input[type=text]:focus,
#respond textarea:focus,
.contact_form input[type=text]:focus,
.contact_form textarea:focus,
aside.sidebar .widget #searchform input[type=text]:focus {
	border-color: #000
}

.qode-input-holder {
	position: relative
}

.qodef--underline-on-hover {
	transition: background-size .5s cubic-bezier(.25, .46, .35, .94), color .2s ease-out !important
}

/* .breadcrumb a:hover,
.qodef--underline-on-hover:hover {
	background-size: 100% 1px;
	background-position: 0 100%
}

.drop_down .second .inner ul li a span {
	--qodef-underline-position-y: calc(100% - 0px);
	--qodef-underline-height: 1px;
	background-position: 100% var(--qodef-underline-position-y);
	background-size: 0 var(--qodef-underline-height);
	transition: background-size .5s cubic-bezier(.25, .46, .35, .94), color .2s ease-out
} */

/* .drop_down .second .inner ul li a:hover span,
.drop_down .second .inner ul li.current_page_item a span {
	background-size: 100% var(--qodef-underline-height);
	background-position: 0 var(--qodef-underline-position-y)
} */

.header_bottom {
	padding: 0 50px
}

header .header_inner_left {
	left: 70px;
	width: 200px;
}

.drop_down .narrow .second .inner ul li a {
	text-align: center;
	white-space: nowrap;
}

/* header.transparent .drop_down .second:not(.right) {
	left: 50%;
	transform: translateX(-50%);
} */

@keyframes qode-inline-underline-initial-hover {
	0% {
		background-position: 100% calc(90% - 1px);
		background-size: 100% 1px
	}

	35% {
		background-position: 100% calc(90% - 1px);
		background-size: 0 1px
	}

	36% {
		background-position: 0 calc(90% - 1px);
		background-size: 0 1px
	}

	100% {
		background-position: 0 calc(90% - 1px);
		background-size: 100% 1px
	}
}

.qode-btn.qode-btn-simple .qode-btn-text {
	background-position: 100% calc(90% - 1px);
	background-size: 100% 1px
}

.qode-btn.qode-btn-simple:hover .qode-btn-text {
	animation: .8s cubic-bezier(.57, .39, 0, .86) forwards qode-inline-underline-initial-hover
}

.qode_portfolio_related .projects_holder article .portfolio_description,
div.comment_form form p.form-submit,
div.comment_holder .comment p.form-submit {
	text-align: left
}

.portfolio_navigation.navigation_title {
	margin-top: 0;
}

.qode_portfolio_related {
	margin: 0 0 92px
}

#respond input[type=email],
#respond input[type=text],
#respond textarea,
.contact_form input[type=text],
.contact_form textarea {
	border-style: solid;
	border-width: 0 0 1px;
	box-sizing: border-box;
	letter-spacing: .3em;
	margin: 0 0 24px;
	padding: 15px 0;
	background-color: transparent;
	border-color: #e3e3e3;
	color: #000
}

#respond input[type=email]::placeholder,
#respond input[type=text]::placeholder,
#respond textarea::placeholder,
.contact_form input[type=text]::placeholder,
.contact_form textarea::placeholder {
	color: #000
}

div.comment_form .comment-form-cookies-consent {
	margin: 3px 0 28px
}

#submit_comment {
	line-height: 47px;
	height: 47px;
	transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
	color: #000;
	background-color: transparent;
	border: 1px solid #000;
	border-radius: 0
}

#submit_comment:hover {
	background-color: #000;
	color: #fff
}

.qodef-newsletter .qode-submit-holder,
.qodef-newsletter .wpcf7-form-control-wrap,
.qodef-newsletter .wpcf7-text {
	width: 100%
}

.breadcrumb .current,
.breadcrumb a:hover {
	color: #b5b5b5
}

.breadcrumb a {
	transition: background-size .5s cubic-bezier(.25, .46, .35, .94), color .2s ease-out
}

.right_side_menu_opened .side_menu .projects_holder_outer:not(.masonry_with_space):not(.hideItems) .projects_holder.portfolio_one_by_one article {
	opacity: 1 !important;
	visibility: visible !important;
	display: inline-block
}

.side_menu .projects_holder_outer:not(.masonry_with_space):not(.hideItems) .projects_holder.portfolio_one_by_one article {
	opacity: 0 !important;
	visibility: hidden !important
}

.right_side_menu_opened .wrapper,
.right_side_menu_opened footer.uncover {
	left: 0
}

.side_menu_slide_from_right .side_menu {
	right: 0;
	opacity: 0;
	visibility: hidden
}

.right_side_menu_opened.side_menu_slide_from_right .side_menu,
.side_menu_slide_from_right .side_menu {
	transition: .25s linear
}

.right_side_menu_opened.side_menu_slide_from_right .side_menu {
	opacity: 1;
	visibility: visible
}

.mobile_menu_button span svg,
.side_menu_button .qode-side-menu-button-svg svg {
	overflow: visible
}

.side_menu_button > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto
}

.side_menu a.close_side_menu {
	top: 47px;
	right: 50px
}

.side_menu a.close_side_menu.qode-side-menu-close-svg:hover,
aside.sidebar .qodef-newsletter .qode-cf7-submit:hover {
	color: #000
}

.testimonials_c_holder .testimonial_content_inner .testimonial_author {
	margin-top: 29px
}

.testimonials_c_holder .flex-control-nav {
	margin: 0
}

.testimonials_c_holder .flex-control-nav li {
	width: auto;
	height: auto;
	background-color: transparent
}

.testimonials_c_holder .flex-control-nav li a {
	width: 32px;
	height: 11px;
	padding: 5px 0;
	background-color: transparent;
	border-radius: 0;
	position: relative;
	transition: width .2s ease-out
}

.testimonials_c_holder .flex-control-nav li a.flex-active {
	background-color: transparent;
	width: 64px;
	transform: unset
}

.testimonials_c_holder .flex-control-nav li a:before {
	content: '';
	position: absolute;
	left: 0;
	height: 1px;
	width: 0;
	top: 5px;
	background-color: #000
}

.testimonials_c_holder .flex-control-nav li a:after {
	content: '';
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	top: 5px;
	background-color: #000;
	opacity: .3
}

.testimonials_c_holder .flex-control-nav li a.flex-active:before {
	animation-name: progressBar;
	animation-duration: 3s;
	animation-fill-mode: forwards
}

@keyframes progressBar {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

.qodef-newsletter {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 45px 30px 53px;
	justify-content: center;
	text-align: center
}

.qodef-newsletter input.wpcf7-form-control.wpcf7-text::placeholder {
	color: #acacac
}

.qodef-newsletter .qode-cf7-submit {
	border-color: #fff;
	color: #fff;
	height: 47px;
	line-height: 47px;
	width: 100%
}

.qodef-newsletter .qode-cf7-submit .qode-text {
	color: inherit !important;
	font-family: inherit !important;
	text-transform: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important
}

.qode-portfolio-carousel {
	height: 100vh
}

.qode-portfolio-carousel .qode-pc-image,
.qode-portfolio-carousel .qode-pc-inner,
.qode-portfolio-carousel .qode-pps-image-link {
	height: 100%
}

.qode-portfolio-carousel .qode-pps-image-link img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media only screen and (max-width:1000px) {
	header .header_inner_left {
		padding: 0 20px;
		left: 0 !important;
		width: auto;
	}

	.side_menu_button_wrapper {
		display: none !important;
	}

	.mobile_menu_button {
		float: right !important;
		margin: 0 !important;
	}

	.logo_wrapper {
		left: 20px !important;
		width: auto !important;
	}

	.q_logo a {
		left: 0 !important;
	}

	nav.mobile_menu {
		padding: 0 20px !important;
	}

	.header_bottom {
		padding: 0 !important;
	}

	nav.mobile_menu > ul {
		padding-bottom: 10px;
		width: 100%
	}

	nav.mobile_menu ul li,
	nav.mobile_menu ul li ul li,
	nav.mobile_menu ul li.open_sub > ul {
		border: none !important;
	}

	nav.mobile_menu ul > li + li {
		border-top: 1px solid #f1f1f1;
	}

	nav.mobile_menu ul > li > a,
	nav.mobile_menu ul > li > h3 {
		padding: 10px 0
	}

	nav.mobile_menu > ul > li:first-child > a,
	nav.mobile_menu > ul > li:first-child > h3 {
		padding-top: 10px
	}

	nav.mobile_menu ul > li.has_sub > span.mobile_arrow {
		height: 35px;
		line-height: 35px;
		padding: 0
	}

	nav.mobile_menu ul.sub_menu li a,
	nav.mobile_menu ul.sub_menu li h3 {
		font-size: 15px;
		line-height: 1.6875em;
		font-weight: 400;
		color: #333;
		text-transform: none;
		padding: 5px 0;
	}

	nav.mobile_menu {
		overflow: visible
	}

	nav.mobile_menu ul li > ul {
		padding-top: 10px;
		border-top: 1px solid #f1f1f1 !important;
		padding-bottom: 10px;
		background: #f6f6f6;
	}
}

@media only screen and (max-width:480px) {
	.footer_top.footer_top_full {
		padding-left: 30px;
		padding-right: 30px
	}
}

li.narrow .second .inner ul {
	padding: 10px 0
}

.qodef-e-link {
	display: inline-block;
	background-size: 100% 1px
}

.qodef-e-link:hover {
	animation: .8s cubic-bezier(.57, .39, 0, .86) forwards qode-underline-initial-hover
}

@keyframes qode-underline-initial-hover {
	0% {
		background-position: 100% 100%;
		background-size: 100% 1px
	}

	35% {
		background-position: 100% 100%;
		background-size: 0 1px
	}

	36% {
		background-position: 0 100%;
		background-size: 0 1px
	}

	100% {
		background-position: 0 100%;
		background-size: 100% 1px
	}
}

.side_menu a.close_side_menu.qode-side-menu-close-svg:hover svg {
	animation: .7s cubic-bezier(.22, .61, .36, 1) qode-draw-line
}

@keyframes qode-draw-line {

	0%,
	100% {
		-webkit-clip-path: inset(-1px -1px -1px 0);
		clip-path: inset(-1px -1px -1px 0)
	}

	39% {
		-webkit-clip-path: inset(-1px -1px -1px 100%);
		clip-path: inset(-1px -1px -1px 100%)
	}

	40% {
		-webkit-clip-path: inset(-1px 100% -1px -1px);
		clip-path: inset(-1px 100% -1px -1px)
	}
}

.side_menu .projects_holder article .portfolio_description .portfolio_title {
	display: inline-block;
	background-position: 100% 100%;
	background-size: 100% 1px;
	color: #000
}

.side_menu .projects_holder article:hover .portfolio_description .portfolio_title {
	animation: .8s cubic-bezier(.57, .39, 0, .86) forwards qode-size-menu-underline-initial-hover
}

@keyframes qode-size-menu-underline-initial-hover {
	0% {
		background-position: 100% 100%;
		background-size: 100% 1px
	}

	35% {
		background-position: 100% 100%;
		background-size: 0 1px
	}

	36% {
		background-position: 0 100%;
		background-size: 0 1px
	}

	100% {
		background-position: 0 100%;
		background-size: 100% 1px
	}
}

footer .qodef--underline-on-hover {
	display: inline-block;
	white-space: nowrap
}

@media only screen and (max-width:768px) {

	.footer_top .two_columns_50_50 > .column1,
	.footer_top .two_columns_50_50 > .column1 > .column2 {
		width: 100%
	}

	.footer_top .two_columns_50_50 > .column2 > .column_inner {
		padding: 0
	}

	.footer_top .two_columns_50_50 .column2 .column_inner > div {
		margin: 35px 0 0
	}

	footer .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1 {
		gap: 72px;
		margin: 81px 0 0
	}

	.portfolio_single.portfolio_template_2 .flexslider {
		margin: 0 0 6px
	}
}

aside.sidebar .qode-cf7-submit .qode-text {
	z-index: 2;
	position: relative
}

aside.sidebar .qode-cf7-submit:after {
	background-color: #fff;
	z-index: 1
}

#respond h5,
.comment_holder .comment_number .comment_number_inner > h5 {
	font-size: 36px;
	line-height: 41px
}

nav.main_menu.left {
	padding-left: 41px
}

.portfolio_template_8 .portfolio_detail .info h6,
.portfolio_template_8 .portfolio_detail .info span {
	font-weight: 400;
	float: none;
	width: 100%
}

.portfolio_template_8 .portfolio_detail .info .category,
.portfolio_template_8 .portfolio_detail .info > span {
	color: #000 !important
}

@media only screen and (max-width:600px) {
	footer .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1 {
		margin-top: 32px
	}

	.footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom {
		text-align: left
	}
}

@media only screen and (min-width:481px) and (max-width:1024px) {
	.qode-content-sidebar-responsive .content .container > .container_inner.default_template_holder > .grid2 > .column2 {
		width: 50%
	}
}

.qode-underline-link {
	--qodef-underline-position-y: calc(100% - 1px);
	--qodef-underline-height: 1px;
	background-position: 100% var(--qodef-underline-position-y);
	background-size: 100% var(--qodef-underline-height)
}

.qode-underline-link:hover {
	animation: .8s cubic-bezier(.57, .39, 0, .86) forwards qode-inline-underline-initial-hover-aux
}

@keyframes qode-inline-underline-initial-hover-aux {
	0% {
		background-position: 100% calc(100% - 1px);
		background-size: 100% 1px
	}

	35% {
		background-position: 100% calc(100% - 1px);
		background-size: 0 1px
	}

	36% {
		background-position: 0 calc(100% - 1px);
		background-size: 0 1px
	}

	100% {
		background-position: 0 calc(100% - 1px);
		background-size: 100% 1px
	}
}

@media only screen and (max-width:1024px) {
	.portfolio_single .portfolio_container.two_columns_75_25 {
		flex-direction: column;
		border: none;
		margin-top: 33px;
		margin-bottom: 39px;
		min-height: auto;
	}

	.portfolio_single .portfolio_container.two_columns_75_25 > .column1 > .column_inner {
		padding: 0;
		border: none
	}

	.portfolio_single .portfolio_container.two_columns_75_25 > div,
	.qode-content-sidebar-responsive .content .container > .container_inner.default_template_holder > .grid2 > * {
		width: 100%
	}

	.portfolio_single .portfolio_container.two_columns_75_25 > .column2 > .column_inner {
		border-top: 1px solid #e3e3e3;
		padding-top: 40px;
		padding-right: 0;
	}

	.portfolio_navigation {
		padding-bottom: 80px
	}

	.portfolio_single.portfolio_template_3 .portfolio_container.two_columns_75_25 {
		margin-top: 0
	}

	.portfolio_single.portfolio_template_3 .flexslider {
		margin: 0 0 8px
	}
}

@media only screen and (max-width:768px) {
	.portfolio_single.portfolio_template_1 .portfolio_images {
		margin: 0 0 23px
	}
}

.portfolio_navigation .portfolio_button a {
	background-image: none;
	margin: 0;
	line-height: 1;
	width: 35px;
	height: 35px;
}

.portfolio_navigation .portfolio_button a:hover {
	background-image: none
}

.portfolio_navigation .portfolio_button a:before {
	content: "\e903";
	font-family: xeicon;
	font-size: 35px;
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
	background-color: #fff
}

.mejs-overlay-play {
	width: 100% !important;
	height: calc(100% - 40px) !important
}

header.sticky .logo_wrapper,
header.sticky .side_menu_button,
header.sticky.centered_logo .logo_wrapper,
header:not(.sticky) .header_menu_bottom .side_menu_button {
	height: 120px !important
}

.dark.sticky nav.main_menu > ul > li.active > a,
.dark.sticky nav.main_menu > ul > li > a,
.dark.sticky nav.main_menu > ul > li > a:hover,
.light.sticky nav.main_menu > ul > li.active > a,
.light.sticky nav.main_menu > ul > li > a,
.light.sticky nav.main_menu > ul > li > a:hover,
header.sticky nav.main_menu > ul > li > a {
	line-height: 120px
}

.blog_holder article .mejs-container .mejs-controls,
.portfolio_single .mejs-container .mejs-controls {
	border: 1px solid #e3e3e3
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #000
}

.mejs-controls .mejs-replay button {
	background-image: url(../wp-content/themes/bridge/css/img/audio/play.png)
}

@media only screen and (max-width:1000px) {
	rs-fullwidth-wrap {
		margin-top: -100px
	}
}


/* start */



footer .footer_top .inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

footer .footer_top .inner .one {
	grid-row: 1/3;
}

footer .footer_top .inner .two {
	text-align: right;
	font-size: 1.8rem;
	color: #fff;
	line-height: 1;
	font-weight: 900;
}

footer .footer_top .inner .two em {
	font-size: 0.9rem;
	font-style: normal;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 600;
}

footer .footer_top .inner .three ul {
	display: flex;
	column-gap: 20px;
	justify-content: end;
	margin-top: 20px;
}

footer .footer_top .inner .three ul li a {
	font-size: 0;
	font-weight: 500;
}

footer .footer_top .inner .three ul li.naver a:before {
	content: "\ebfa";
}

footer .footer_top .inner .three ul li.instagram a:before {
	content: "\ebe9";
}

footer .footer_top .inner .three ul li.youtube a:before {
	content: "\ec32";
}

footer .footer_top .inner .three ul li.kakao a:before {
	content: "\ebee";
}

footer .footer_top .inner .three ul li.naver a:before,
footer .footer_top .inner .three ul li.instagram a:before,
footer .footer_top .inner .three ul li.youtube a:before,
footer .footer_top .inner .three ul li.kakao a:before {
	font-family: xeicon;
	font-size: 30px;
}

@media (max-width: 768px) {

	.footer_top.footer_top_full {
		padding: 50px 20px 20px;
	}

	.footer_bottom_holder {
		padding: 0 20px 50px;
	}

	footer .footer_top .inner {
		grid-template-columns: repeat(1, 1fr);
	}

	footer .footer_top .inner .two {
		order: 1;
		text-align: left;
	}

	footer .footer_top .inner .one {
		grid-row: initial;
		order: 2;
		margin: 20px 0;
	}

	footer .footer_top .inner .three {
		order: 3;
	}

	footer .footer_top .inner .three ul {
		justify-content: left;
		margin-top: 0;
	}
}



.about-title h1 {
	white-space: nowrap;
}

.qodef-m-text p + p {
	margin-top: 10px;
}

.portfolio-tax {
	margin-bottom: 50px;
	padding-bottom: 0;
}

.portfolio-tax ul li a.active {
	color: #f94e41;
	font-weight: bold;
}

.portfolio-tax ul {
	display: flex;
	list-style: none;
	column-gap: 40px;
}

.portfolio-search {
	margin-bottom: 40px;
}

.portfolio-search ul {
	list-style: none;
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right: 0;
	width: max-content;
	padding: 10px 10px 10px 20px;
	border: 1px solid #d9d9d9;
}

.portfolio-search ul li.txt_input input {
	border: 0;
	background: transparent;
	height: 40px;
	line-height: 40px;
	width: 250px;
	font-size: 0.9rem;
	font-family: "Pretendard";
}

.portfolio-search ul li.btn_input input {
	width: 40px;
	height: 40px;
	border: 0;
	background-color: transparent;
	background: url(/wp-content/img/search_icon.png) no-repeat;
	background-position: center;
	font-size: 0;
	padding: 0;
}

@media only screen and (max-width:1000px) {
	.portfolio-tax ul {
		column-gap: 25px;
	}

	.portfolio-search ul {
		padding: 5px 15px;
	}

	.portfolio-search ul li.txt_input input {
		height: 35px;
		line-height: 35px;
		width: 200px;
	}

	.portfolio-search ul li.btn_input input {
		width: 35px;
		height: 35px;
	}
}


@media only screen and (max-width:1000px) {
	.portfolio-tax ul {
		column-gap: 20px;
		overflow-x: auto;
		padding-bottom: 10px;
	}

	.portfolio-tax ul li a {
		white-space: nowrap;
	}
}

.portfolio-content .list {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	column-gap: 50px;
	row-gap: 70px;
}

.portfolio-content .list li {
	width: calc(100%/3 - 34px);
}

.portfolio-content .list li h3 {
	font-size: 1.1rem;
	background-image: linear-gradient(#151515, #151515);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size .3s;
	display: inline-block;
}

.portfolio-content .list li a:hover h3 {
	background-size: 100% 2px;
}

.portfolio-content .list li a .thumb {
	text-align: center;
	margin-bottom: 20px;
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
}

.portfolio-content.draft .list li a .thumb {
	aspect-ratio: 1/1;
}

.portfolio-content .list li a:hover .thumb {
	border-radius: 160px;
}

.portfolio-content .list li a .thumb img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}

.portfolio-content .list li a:hover .thumb img {
	transform: translate(-50%, -50%) scale(1.1);
}

@media only screen and (max-width:1200px) {

	.portfolio-tax {
		margin-bottom: 30px;
	}

	.portfolio-content .list li {
		width: calc(100%/3 - 20px);
	}

	.portfolio-content .list {
		column-gap: 30px;
		row-gap: 50px;
	}
}


@media only screen and (max-width:1000px) {
	.portfolio-content .list li {
		width: calc(100%/2 - 20px);
	}
}

@media only screen and (max-width:600px) {
	.portfolio-content .list {
		row-gap: 40px;
	}

	.portfolio-content .list li {
		width: 100%;
	}
}

.pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
	margin-top: 80px;
}

.pagination .nav-links .page-numbers {
	color: #999;
}

.pagination .nav-links .page-numbers.current {
	color: #111;
	font-weight: bold;
}

.pagination .nav-links .page-numbers.next,
.pagination .nav-links .page-numbers.prev {
	font-size: 0
}

.pagination .nav-links .page-numbers.next:before {
	content: "\f102";
}

.pagination .nav-links .page-numbers.prev:before {
	content: "\f101";
}

.pagination .nav-links .page-numbers.next:before,
.pagination .nav-links .page-numbers.prev:before {
	font-family: Kiko;
	font-size: 1rem;
	color: #333;
}

@media only screen and (max-width:1000px) {
	.pagination .nav-links {
		gap: 30px;
		margin-top: 50px;
	}
}

.wpcf7-form .inner {
	display: flex;
}

.wpcf7-form .inner + .inner {
	margin-top: 40px;
}

.wpcf7-form .inner > .form-title {
	width: 200px
}

.wpcf7-form .inner > .form-title em {
	display: block;
	font-style: normal;
	font-size: 0.8rem;
}

.wpcf7-form .inner > .form-input {
	width: calc(100% - 200px)
}

.wpcf7-form .inner.address .postcode .wpcf7-text {
	width: 200px;
}

.wpcf7-form .inner.address .postcode .wpcf7-form-control-wrap,
.wpcf7-form .inner.address .postcode .post-search {
	display: inline-block;
}

.wpcf7-form .inner.address .postcode .post-search {
	height: 45px;
	line-height: 1;
	padding: 0 20px;
	border: 0;
	background: #555;
	color: #fff;
	font-family: "Pretendard";
	cursor: pointer;
	font-size: 0.9rem;
	vertical-align: top;
	margin-left: 5px;
}

.wpcf7-form .inner.address .postcode label {
	width: 100%;
	display: block;
}

.wpcf7-form .inner.address .inline + .inline {
	margin-top: 15px;
}

.wpcf7-form .inner.address .inline label {
	font-size: 0.8rem;
	margin-bottom: 5px;
	display: block;
}

.wpcf7-form .inner .wpcf7-date {
	width: 200px;
}

.wpcf7-form .inner textarea {
	height: auto !important;
	line-height: 1.3 !important;
}

.wpcf7-form .inner .form-title label {
	font-weight: 600;
}

.wpcf7-form > .inner.last {
	margin-bottom: 80px;
}

.wpcf7-form .submit-wrap {
	text-align: center;
	margin-right: 0;
	position: relative;
}

.wpcf7-not-valid-tip {
	font-size: 0.8rem !important;
}

.wpcf7-form .inner.file .wpcf7-form-control-wrap {
	width: 100%;
	display: block;
	background: #f6f6f6;
	padding: 10px;
	border: 1px solid #d9d9d9;
}

.wpcf7-form .inner.file em {
	font-size: 0.8rem;
	color: #888;
	font-style: normal;
	line-height: 1.3;
	display: block;
	margin-top: 10px;
}

.wpcf7-form .wpcf7-spinner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 768px) {
	.wpcf7-form .inner {
		flex-direction: column;
		row-gap: 5px;
	}

	.wpcf7-form .inner > .form-input,
	.wpcf7-form .inner > .form-title {
		width: 100%;
	}

	.wpcf7-form .inner + .inner {
		margin-top: 30px;
	}

	.wpcf7-form > .inner.last {
		margin-bottom: 50px;
	}

	.wpcf7-form .submit-wrap {
		text-align: left;
	}

}


.quick-wrap {
	position: fixed;
	top: 0;
	right: -300px;
	z-index: 9999;
	transition: right 0.3s ease-in-out;
}

.quick-wrap.active {
	right: 0px;
}

.quick-wrap .left {
	position: absolute;
	left: -80px;
}

.quick-wrap .left .toggle-btn {
	width: 80px;
	height: 350px;
	background: #202020;
	color: #fff;
	font-family: "Pretendard";
	border: 0;
	font-size: 1rem;
	cursor: pointer;
}

.quick-wrap .left .contact {
	width: 80px;
	height: 200px;
	background: #f94e41;
	color: #fff;
}

.quick-wrap .left a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.quick-wrap .left .toggle-btn span {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	white-space: nowrap;
	font-weight: 600;
	text-transform: uppercase;
}

.quick-wrap .left .contact span {
	transform: rotate(270deg);
	white-space: nowrap;
	font-weight: 600;
}

.quick-wrap .toggle-inner {
	width: 300px;
	height: 100vh;
	background: #333;
	list-style: none;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	padding: 40px;
	padding-top: 50px;
}

.quick-wrap .toggle-inner ul {
	list-style: none;
}

.quick-wrap .toggle-inner .one ul li {
	border-bottom: 1px solid #777;
}

.quick-wrap .toggle-inner .one ul li a {
	display: block;
	padding: 10px 0;
	font-weight: 500;
	font-size: 0.9rem;
	color: #fff;
}

.quick-wrap .toggle-inner .two ul {
	display: flex;
	column-gap: 15px;
}

.quick-wrap .toggle-inner .two ul li a {
	font-size: 0;
	font-weight: 500;
	color: #fff;
}

.quick-wrap .toggle-inner .two ul li.naver a:before {
	content: "\ebfa";
}

.quick-wrap .toggle-inner .two ul li.instagram a:before {
	content: "\ebe9";
}

.quick-wrap .toggle-inner .two ul li.youtube a:before {
	content: "\ec32";
}

.quick-wrap .toggle-inner .two ul li.naver a:before,
.quick-wrap .toggle-inner .two ul li.instagram a:before,
.quick-wrap .toggle-inner .two ul li.youtube a:before {
	font-family: xeicon;
	font-size: 25px;
}

@media (max-width: 1400px) {
	.quick-wrap .left .toggle-btn {
		width: 50px;
		height: 250px;
	}

	.quick-wrap .left .contact {
		width: 50px;
		height: 140px;
	}

	.quick-wrap .left {
		left: -50px;
		bottom: 63px;
	}

	#back_to_top > span {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	#back_to_top span i,
	#back_to_top span span {
		line-height: 50px;
	}
}


@media (max-width: 768px) {
	.quick-wrap .left {
		bottom: 70px;
		left: -40px;
	}

	.quick-wrap .left .toggle-btn {
		width: 40px;
		height: 140px;
		font-size: 14px;
		padding: 0;
	}


	.quick-wrap .left .contact {
		width: 40px;
		height: 90px;
		font-size: 14px;
	}

	.quick-wrap .toggle-inner {
		padding: 30px;
		padding-top: 30px;
	}

	#back_to_top > span {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	#back_to_top span i,
	#back_to_top span span {
		line-height: 40px;
	}


}



.custom-accordion .q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark {
	display: none;
}

.custom-accordion .q_accordion_holder.accordion .ui-accordion-header .accordion_mark.right_mark {
	display: block !important;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	border: none;
}

.custom-accordion .q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {
	padding-left: 25px;
	padding-right: 45px;
	font-size: 1.1rem;
	font-weight: 600;
}

.custom-accordion .q_accordion_holder.accordion h3.ui-accordion-header {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	overflow: hidden;
	font-weight: 400;
	text-transform: none;
	letter-spacing: -.025em;
	color: #000;
	min-height: auto;
	height: auto;
	line-height: 1.4em;
	padding: 20px 0;
	margin: 0;
	counter-increment: count;
	font-size: 1rem;
	font-weight: 500;
}

.custom-accordion .q_accordion_holder.accordion div.accordion_content {
	padding: 20px 25px 60px;
	border-bottom: 1px solid #d9d9d9;
}

.custom-accordion .q_accordion_holder.accordion div.accordion_content_inner {
	padding: 0;
	font-size: 0.9rem;
}

.custom-accordion .q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title:before {
	content: counter(count, decimal-leading-zero);
	font-size: 13px;
	line-height: 1;
	margin-right: 19px;
	position: absolute;
	top: 15px;
	font-weight: 300;
	left: 0;
}

@media (max-width: 1024px) {
	.custom-accordion .q_accordion_holder.accordion div.accordion_content {
		padding: 20px 25px 20px;
	}
}

.custom-work .caroufredsel-direction-nav {
	position: absolute;
	left: 70px;
	bottom: -50px;
	z-index: 999;
}

.custom-work .caroufredsel-direction-nav .caroufredsel-prev i,
.custom-work .caroufredsel-direction-nav .caroufredsel-next i {
	color: #fff !important;
}

.custom-work .caroufredsel-direction-nav .caroufredsel-prev i:before {
	content: "\f093";
	font-family: 'Kiko';
	font-weight: normal;
}

.custom-work .caroufredsel-direction-nav .caroufredsel-next i:before {
	content: "\f092";
	font-family: 'Kiko';
	font-weight: normal;
}

.custom-work .project_category {
	display: none;
}

.custom-work .portfolio_slider_holder {
	margin: 0 -25px;
}

.custom-work .portfolio_slider .portfolio_slides > li .image_holder {
	padding: 0 25px;
}

.custom-work .portfolio_slides .hover_feature_holder_inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: flex-start;
	padding: 34px 55px;
}

.custom-work .portfolio_slider .image_holder .separator {
	display: none;
}

.custom-work .portfolio_slider .project_category {
	font-size: 16px;
	line-height: 1.62em;
	font-weight: 300;
	margin: 7px 0 0;
}

.custom-work .portfolio_slider .portfolio_slides li:hover .image_pixel_hover {
	background-color: rgba(0, 0, 0, .4);
}

.custom-work .portfolio_slider .portfolio_slides li.item:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media (max-width: 1024px) {
	.custom-work .portfolio_slider .portfolio_slides > li .image_holder {
		padding: 0px 10px;
	}
}


.subtitle:before {
	content: "•";
	font-size: 20px;
	line-height: 1;
	margin-right: 5px;
}

.shapes-wrap {
	position: absolute;
	right: 80px;
	bottom: 0;
	opacity: 0.6;
	z-index: -1;
}

.shapes-wrap .shapes {
	background-color: #fff;
	width: 150px;
	height: 150px;
	float: left;
}

.shapes-wrap .circle {
	border-radius: 100%;
	animation: moveRight 3s infinite alternate ease-in-out;
}

.shapes-wrap .rectangle {
	width: 300px;
	margin-right: 10px;
}

@keyframes moveRight {
	0% {
		margin-right: 0;
	}

	50% {
		margin-right: 120px;
	}

	100% {
		margin-right: 0;
	}
}

@keyframes morph {
	0% {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		/* 정사각형 */
		border-radius: 0%;
	}

	50% {
		clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
		/* 삼각형 */
		border-radius: 0%;
	}

	100% {
		clip-path: circle(50% at 50% 50%);
		/* 원 */
		border-radius: 50%;
	}
}


@media (max-width: 1000px) {

	.shapes-wrap {
		right: 0;
	}

	.shapes-wrap .shapes {
		width: 60px;
		height: 60px;
	}

	.shapes-wrap .rectangle {
		width: 130px;
	}


	@keyframes moveRight {
		0% {
			margin-right: 0;
		}

		50% {
			margin-right: 50px;
		}

		100% {
			margin-right: 0;
		}
	}

}

.result-text {
	margin-bottom: 30px;
}

.result-text em {
	text-decoration: underline;
	font-style: normal;
}

.result-text strong {
	color: #f94e41;
	font-weight: bold;
}

.portfolio_single {
	padding-bottom: 100px;
	padding-top: 200px;
}

.portfolio_navigation.navigation_title .post_info span {
	font-size: 1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.portfolio_single .portfolio_title {
	font-size: 2rem;
	margin-bottom: 40px;
	font-weight: 700;
}

.portfolio_page-template-default .title_outer {
	display: none;
}

.portfolio_navigation.navigation_title {
	display: flex;
	align-items: center;
}

.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_prev {
	width: calc(100%/2 - 17.5px);
}

@media (max-width: 1000px) {

	.portfolio_single .portfolio_container.two_columns_75_25 > .column1 {
		border-left: 0;
	}

	.portfolio_single {
		padding-top: 50px;
	}

	.portfolio_title {
		font-size: 1.5rem;
		margin-bottom: 30px;
	}

	.portfolio_navigation .portfolio_next,
	.portfolio_navigation .portfolio_prev {
		width: calc(100%/2 - 12.5px);
	}

	.portfolio_navigation .portfolio_button a {
		width: 25px;
		height: 25px;
	}

	.portfolio_navigation .portfolio_button a::before {
		font-size: 25px;
	}
}


strong.highlight {
	color: #f94e41;
	background: transparent;
	font-weight: 800;
	padding: 0;
}

em.highlight {
	font-style: normal;
	color: #fad804;
	background: transparent;
}


.elementor-counter .elementor-counter-number-suffix {
	font-size: 1rem;
	font-weight: 700;
	margin-top: 5px;
	margin-left: 5px;
}

.sub-title p:before {
	content: "•";
	font-size: 20px;
	line-height: 1;
	margin-right: 5px;
}

.sub-title p {
	display: block;
	font-size: 15px;
}

.portfolio_gallery a.v3 {
	text-align: center;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
}

.portfolio_gallery a.v3 img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}

.portfolio_gallery a.v3:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}


.op-wrap .elementor-image-box-wrapper {
	position: relative;
}

.op-wrap .elementor-image-box-wrapper .elementor-image-box-content {
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
	z-index: 2;
}

.op-wrap .elementor-image-box-wrapper .elementor-image-box-content h3,
.op-wrap .elementor-image-box-wrapper .elementor-image-box-content p {
	color: #fff;
}

.op-wrap .elementor-image-box-wrapper .elementor-image-box-content p {
	font-weight: 600;
	margin-top: 5px;
	font-size: 1.1rem;
}

.op-wrap .elementor-image-box-wrapper:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 40%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0.8;
}


.icon-box .elementor-image-box-img {
	background: #fff;
	border-radius: 50%;
	padding: 10px;
}

/* 부모 탭 스타일 */
.parent-tabs .elementor-widget-container {
	display: flex;
	column-gap: 10px;
}

.parent-tab {
	cursor: pointer;
	padding: 15px 35px;
	background: #fff;
	color: #333;
	border: 2px solid #d9d9d9;
	line-height: 1;
}

.parent-tab.active {
	color: #111;
	font-weight: 600;
	border: 2px solid #111;
}

body:not(.elementor-editor-active) .parent-tab-content {
	display: none !important;
}

body:not(.elementor-editor-active) .parent-tab-content.active {
	display: flex !important;
}

/* 자식 탭 스타일 */
.child-tabs {
	display: flex;
}

.child-tabs .elementor-widget-container {
	width: 100%;
}

.child-tab {
	cursor: pointer;
	padding: 15px 0;
	background: #fff;
	color: #999;
	margin-right: 0;
	border-radius: 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 1.3rem;
	display: flex;
	flex-direction: row;
	align-items: end;
	column-gap: 10px;
	line-height: 1;
}

.child-tab.active {
	font-weight: 600;
	color: #111;
	border-bottom: 2px solid #111;
}

.child-tab h6 {
	font-weight: 400;
	color: #555;
	line-height: 1.2;
	font-size: 0.85rem;
}

body:not(.elementor-editor-active) .child-tab-content {
	display: none !important;
}

body:not(.elementor-editor-active) .child-tab-content.active {
	display: flex !important;
}


@media (max-width: 1200px) {
	.child-tab {
		flex-direction: column;
		align-items: normal;
		row-gap: 5px;
	}
}

@media (max-width: 1024px) {
	.child-tabs .elementor-widget-container {
		display: flex;
		column-gap: 0;
	}

	.child-tab {
		padding: 0 0 10px;
		flex: 1;
	}

	.child-tab h6 {
		display: none;
	}
}

.title h1 {
	transform: translate3d(0, -50px, 0);
	opacity: 0;
	transition: all 0.5s ease;
}

.title.in-view h1 {
	opacity: 1;
	transform: translateZ(0);
}

.title .text_above_title,
.title .subtitle {
	opacity: 0;
	transition: all 0.5s ease;
}

.title.in-view .text_above_title,
.title.in-view .subtitle {
	opacity: 1;
}


/* 탭 스타일 */
.product-tax ul {
	display: flex;
	list-style: none;
	align-items: end;
	justify-content: center;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 70px;
}

.product-tax.main ul {
	border-bottom: 0;
	margin-bottom: 0;
	justify-content: space-between;
}

.product-tax ul li a {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 10px;
	text-align: center;
	border-bottom: 2px solid #fff;
	padding: 0 0 20px;
	opacity: 0.5;
	transition: opacity 0.3s ease;
	color: #111 !important;
}

.product-tax ul li a:hover {
	opacity: 1;
	color: #dc312b !important;
}

.product-tax.main ul li {
	flex: 1;
}

.product-tax.main ul li a {
	transition: all 0.3s ease;
	padding: 0 0 20px;
	opacity: 1;
}

.product-tax ul li a.active {
	border-bottom: 2px solid #dc312b;
	font-weight: 600;
	opacity: 1;
	color: #dc312b !important;
}

.product-tax.main ul li a:hover {
	opacity: 1;
	border-bottom: 2px solid #dc312b;
	color: #dc312b !important;
}

.product-tax ul li {
	flex: 1;
}

.product-tax ul li a .tax-img-wrap {
	position: relative;
	width: 100%;
	height: 90px;
}

.product-tax ul li a .tax-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transition: opacity 0.3s ease;
	transform: translateY(-50%) translateX(-50%);
}

.product-tax ul li a .tax-img.hover {
	opacity: 0;
}

.product-tax ul li a:hover .tax-img-wrap .tax-img.hover,
.product-tax ul li a.active .tax-img-wrap .tax-img.hover {
	opacity: 1;
}

.product-tax ul li a:hover .tax-img-wrap .tax-img.default,
.product-tax ul li a.active .tax-img-wrap .tax-img.default {
	opacity: 0;
}

.product-container .product-wrap h2,
.product-container .case-wrap h2 {
	font-size: 1.5rem;
	color: #000;
	padding-bottom: 30px;
}

.product-container .product-list {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	column-gap: 50px;
	row-gap: 40px;
}

.product-container .product-list li {
	width: calc(100%/2 - 25px);
}

.product-container .product-list li h3 {
	font-size: 1.0rem;
	background-image: linear-gradient(#151515, #151515);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size .3s;
	display: inline-block;
}

.product-container .product-list li .thumb {
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
	aspect-ratio: 5/3;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
}

.product-container .product-list li .thumb img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}

.product-wrap + .product-wrap {
	margin-top: 100px;
}

@media (max-width: 1200px) {
	.product-tax ul li a {
		padding: 0 30px 15px;
	}

	.product-tax ul li a img {
		object-fit: cover;
		max-width: 75%;
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.product-container .product-wrap h2 {
		padding-bottom: 20px;
	}

	.product-container .product-list li {
		width: 100%;
	}

	.product-tax ul {
		margin-bottom: 50px;
		flex-flow: row wrap;
	}

	.product-tax ul li {
		width: calc(100%/3);
		flex: initial;
	}

	.product-tax ul li a {
		padding: 15px;
		border: 2px solid #fff;
	}

	.product-tax ul li a.active {
		border: 2px solid #dc312b;
	}

	.product-wrap + .product-wrap {
		margin-top: 60px;
	}

	.product-tax.main ul {
		justify-content: left;
		gap: 20px;
	}

	.product-tax.main ul li {
		flex: initial;
		width: calc(100%/3 - 13.4px);
	}

	.product-tax.main ul li a {
		padding: 0;
		border: 0 !important;
	}

}

.case-wrap .case-list {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	column-gap: 50px;
	row-gap: 70px;
}

.case-wrap .case-list li {
	width: calc(100%/3 - 34px);
}

.case-wrap .case-list li h3 {
	font-size: 1.1rem;
	background-image: linear-gradient(#151515, #151515);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size .3s;
	display: inline-block;
}

.case-wrap .case-list li a:hover h3 {
	background-size: 100% 2px;
}

.case-wrap .case-list li a .thumb {
	text-align: center;
	margin-bottom: 20px;
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
}

.case-wrap .case-list li a:hover .thumb {
	border-radius: 160px;
}

.case-wrap .case-list li a .thumb img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}

.case-wrap .case-list li a:hover .thumb img {
	transform: translate(-50%, -50%) scale(1.1);
}


@media (max-width: 768px) {
	.case-wrap .case-list li {
		width: 100%;
	}
}

.qode_clients.qode_clients_switch_images.qode_clients_switch_fade .qode_client_image_holder a .qode_client_main_image,
.qode_clients.qode_clients_switch_images.qode_clients_switch_fade .qode_client_image_holder a .qode_client_hover_image {
	max-width: 160px;
	width: 100%;
}

.qode_clients.qode_clients_switch_images.qode_clients_switch_fade .qode_client_image_holder a .qode_client_main_image {
	filter: grayscale(100%);
}

@media (max-width: 1024px) {
	#SR7_2_1 .qodef-rev--bullets.sr7-bullets {
		transform: translate(20px, -35px) !important;
	}

	#SR7_2_1 .sahel-navigation.sr7-arrows.sr7-leftarrow {
		transform: translate(-119px, -30px) !important;
	}

	#SR7_2_1 .sahel-navigation.sr7-arrows.sr7-rightarrow {
		transform: translate(-70px, -30px) !important;
	}
}

@media (max-width: 1024px) {
	.footer_top.footer_top_full {
		padding: 50px 20px 20px !important;
		padding-right: 70px !important;
	}

	.footer_bottom_holder {
		padding: 0 20px 30px !important;
	}
}

@media (max-width: 768px) {
	.footer_top.footer_top_full {
		padding-right: 20px !important;
	}
}


nav.main_menu > ul {
	display: flex;
}

.main-op h2,
.main-op h5,
.main-op p {
	transition: all 0.3s ease;
}

.main-op:hover h2,
.main-op:hover h5,
.main-op:hover p {
	color: #111;
}

.main-op:hover a.elementor-icon {
	fill: #fff !important;
	background: #f94e41 !important;
}

.main-op {
	box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.1);
}

.main-showroom a.elementor-icon svg {
	transition: all 0.3s ease;
}

.main-showroom:hover .elementor-icon svg {
	fill: #f94e41 !important;
}

.main-showroom:hover .elementor-icon {
	color: #f94e41 !important;
}

@media (max-width: 1024px) {
	.main-op {
		box-shadow: none;
	}
}

.main-showroom:hover {
	box-shadow: 0 0 0 5px #f94e41 inset;
}

@media (max-width: 1600px) {
	.main-showroom-wrap {
		grid-template-columns: repeat(2, 1fr) !important;
		grid-template-rows: repeat(2, 1fr) !important;
		row-gap: 20px !important;
	}
}


@media (max-width: 600px) {
	.main-showroom-wrap {
		display: flex !important;
		flex-direction: column !important;
	}
}



.designer-portfolio-single .gallery-item a {
	text-align: center;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
}

.designer-portfolio-single .gallery-item a img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}

.designer-portfolio-single .gallery-item a:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}

.designer-portfolio-single .custom-gallery .gallery-item {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0)
}

.designer-portfolio-single .custom-gallery .gallery-item {
	width: 32%;
	margin: 0 2% 2% 0
}

.designer-portfolio-single .custom-gallery .gallery-item:nth-child(3n) {
	margin: 0 0 2%
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
	.designer-portfolio-single .custom-gallery .gallery-item {
		width: 49% !important;
		margin: 0 2% 2% 0 !important;
	}

	.designer-portfolio-single .custom-gallery .gallery-item:nth-child(2n) {
		margin: 0 0 2% !important;
	}
}

@media only screen and (max-width: 600px) {
	.designer-portfolio-single .custom-gallery .gallery-item {
		width: 100%;
		margin: 0 0 4% !important;
	}

	.designer-portfolio-single .custom-gallery .gallery-item:nth-child(2n) {
		margin: 0 0 4% !important;
	}
}


.designer-portfolio-template-default .designer-wrap {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.designer-portfolio-template-default .connected-designer {
	padding: 50px;
	background: #f6f6f6;
	border-radius: 40px;
	display: flex;
}

.designer-portfolio-template-default .connected-designer .left {
	width: 60%;
	background: url(/wp-content/uploads/2025/03/yedang-emblem.png) no-repeat;
	background-position: bottom;
	background-size: 200px;
	background-position-x: calc(100% - 30px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.designer-portfolio-template-default .connected-designer .right {
	width: 40%;
}

.designer-portfolio-template-default .connected-designer .left h1 {
	color: #111;
}

.designer-portfolio-template-default .connected-designer .left i {
	color: #DA3129;
}

.designer-portfolio-template-default .connected-designer .left h2 {
	margin-bottom: 10px;
	margin-top: auto;
	color: #111;
}

.designer-portfolio-template-default .connected-designer .left h2 em {
	font-style: normal;
	font-size: 1rem;
}

@media (max-width: 1000px) {
	.designer-portfolio-template-default .connected-designer {
		padding: 30px;
	}

	.designer-portfolio-template-default .connected-designer .left {
		width: 50%;
		background-size: 150px;
	}

	.designer-portfolio-template-default .connected-designer .right {
		width: 50%;
	}
}

@media (max-width: 768px) {

	.designer-portfolio-template-default .connected-designer .left {
		margin-bottom: 30px;
	}

	.designer-portfolio-template-default .connected-designer .left,
	.designer-portfolio-template-default .connected-designer .right {
		width: 100%;
	}

	.designer-portfolio-template-default .connected-designer {
		flex-direction: column;
	}

	.designer-portfolio-template-default .connected-designer .left {
		background-size: 120px;
		background-position-x: 100%;
	}

	.designer-portfolio-template-default .connected-designer .left h1 {
		font-size: 1.2rem;
		margin-bottom: 10px;
	}
}

.designer-portfolio-template-default .portfolio_navigation .portfolio_button a {
	font-size: 0;
}

.designer-portfolio-container ul {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	column-gap: 50px;
	row-gap: 70px;
}

.designer-portfolio-container ul li {
	width: calc(100%/3 - 34px);
}

.designer-portfolio-container ul li h3 {
	font-size: 1.1rem;
	background-image: linear-gradient(#151515, #151515);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	transition: background-size .3s;
	display: inline-block;
}

.designer-portfolio-container ul li a {
	display: block;
}

.designer-portfolio-container ul li a:hover h3 {
	background-size: 100% 2px;
}

.designer-portfolio-container ul li a .thumb {
	text-align: center;
	margin-bottom: 20px;
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
}

.designer-portfolio-container ul li a .thumb img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}

.designer-portfolio-container ul li a:hover .thumb img {
	transform: translate(-50%, -50%) scale(1.1);
}

.designer-portfolio-container ul li a .info {
	font-size: 0.9rem;
	color: #555;
}


@media only screen and (max-width:1200px) {
	.designer-portfolio-container ul li {
		width: calc(100%/3 - 20px);
	}

	.designer-portfolio-container ul {
		column-gap: 30px;
		row-gap: 50px;
	}
}


@media only screen and (max-width:1000px) {
	.designer-portfolio-container ul li {
		width: calc(100%/2 - 20px);
	}
}

@media only screen and (max-width:600px) {
	.designer-portfolio-container ul {
		row-gap: 40px;
	}

	.designer-portfolio-container ul li {
		width: 100%;
	}
}

#SR7_2_1-4-2_video iframe {
	max-width: none !important;
}



.appear-text .elementor-heading-title {
	background: linear-gradient(90deg, #000, #000 50%, rgba(0, 0, 0, 0.2) 0);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	background-position: 100%;
	transition: all 2s;
	transition-delay: 0.3s;
}

.appear-text.two .elementor-heading-title {
	transition: all 2s;
	transition-delay: 2s;
}

.in-view .appear-text .elementor-heading-title {
	background-position: 0% !important;
}

.appear-title {
	display: block;
	overflow: hidden;
}

.appear-title span {
	display: block;
	opacity: 0;
	transform: translateY(100%);
	transition: all 1s;
}

.in-view .appear-title span {
	opacity: 1;
	transform: translate(0px, 0px);
}


.wp-block-themepunch-revslider sr7-txt em {
	font-style: normal;
	color: #fad804;
	background: transparent;
}


.portfolio_custom_field h6 {
	font-size: 1.0rem;
}

.q_logo a:after {
	position: absolute;
	right: -60px;
	font-size: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	line-height: 1;
	color: #333;
	transition: all .6s ease-in-out;
	font-weight: 500;
}


header.light .q_logo a:after {
	color: #fff;
}


header.light.scrolled .q_logo a:after {
	color: #333;
}


@media only screen and (max-width:1000px) {
	.q_logo a::after {
		right: -25px;
		color: #333 !important;
	}
}

nav.mobile_menu {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	background: #fff;
	position: absolute;
	top: 70px;
}


.family-list ul {
	display: flex;
	list-style: none;
	column-gap: 10px;
}

.family-list ul li a {
	border: 1px solid #555;
	padding: 5px 10px;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}

.family-list ul li a:hover {
	background: #555;
	color: #fff;
}


@media only screen and (max-width:1200px) {
	.main-title h1 br {
		display: none;
	}
}

@media only screen and (max-width:1024px) {
	.main-title h1 br {
		display: inline-block;
	}
}

@media only screen and (max-width:500px) {
	.main-title h1 br {
		display: none;
	}
}

.home .projects_holder.v3.hover_text .mix {
	margin: 0;
}

.home .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title {
	font-size: 1.1rem !important;
}

@media only screen and (max-width:768px) {
	.home .projects_holder.v3.hover_text .mix:nth-child(3) {
		display: none !important;
	}
}

@media only screen and (max-width:480px) {
	.home .projects_holder.v3.hover_text .mix:nth-child(1) {
		margin-bottom: 20px;
	}
}


.main-more a {
	display: flex;
	background: #fff;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 30px;
	transition: all 0.3s ease;
}

.main-more a .left {
	width: calc(100% - 70px);
	display: flex;
	flex-direction: column;
	font-size: 0.8rem;
	row-gap: 5px;
	color: #333;
	padding-left: 120px;
	padding-right: 20px;
}

.main-more a .left strong {
	font-size: 1.1rem;
	line-height: 1.3;
}

.main-more a .right {
	width: 70px;
	text-align: right;
}

.main-more a .right .more {
	background: #f1f1f1;
	font-size: 0.8rem;
	padding: 5px 0;
	border-radius: 20px;
	color: #111;
	transition: all 0.3s ease;
	width: 70px;
	text-align: center;
	display: inline-block;
}

.main-more.one a .left {
	background: url(/wp-content/uploads/2025/03/shape-1.png) no-repeat;
	background-size: 90px;
	background-position-x: 0;
	background-position-y: 50%;
}

.main-more.two a .left {
	background: url(/wp-content/uploads/2025/03/shape-3.png) no-repeat;
	background-size: 80px;
	background-position-x: 0;
	background-position-y: 50%;
}

.main-more.three a .left {
	background: url(/wp-content/uploads/2025/03/shape-2.png) no-repeat;
	background-size: 80px;
	background-position-x: 0;
	background-position-y: 50%;
}

.main-more.showroom a .left {
	background: url(/wp-content/uploads/2025/04/showroom.png) no-repeat;
	background-size: 90px;
	background-position-x: 0;
	background-position-y: 50%;
}

.main-more.portfolio a .left {
	background: url(/wp-content/uploads/2025/04/portfolio.png) no-repeat;
	background-size: 80px;
	background-position-x: 0;
	background-position-y: 50%;
}

.main-more.blog a .left {
	background: url(/wp-content/uploads/2025/04/blog.png) no-repeat;
	background-size: 90px;
	background-position-x: 0;
	background-position-y: 50%;
}

.main-more.consumer a .left {
	background: url(/wp-content/uploads/2025/06/consumer.png) no-repeat;
	background-size: 85px;
	background-position-x: 0;
	background-position-y: 50%;
}

.main-more a:hover {
	box-shadow: 0 0 0 5px #f94e41 inset;
}

.main-more a:hover .right .more {
	background: #f94e41;
	color: #fff;
}


@media (max-width: 1700px) {
	.main-more a {
		flex-direction: column;
		align-items: baseline;
	}

	.main-more a .left {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		padding-top: 70px;
		background-position-y: 0 !important;
	}

	.main-more a .right {
		width: 100%;
		margin-top: auto;
	}

	.main-more.one a .left,
	.main-more.two a .left,
	.main-more.three a .left,
	.main-more.showroom a .left,
	.main-more.portfolio a .left,
	.main-more.blog a .left,
	.main-more.consumer a .left{
		background-size: 60px;
	}
}

@media (max-width: 600px) {
	.main-more a {
		padding: 20px;
	}
}

.product-tax.main ul li a .tax-img-wrap {
	position: relative;
	width: 100%;
	height: 90px;
}

.product-tax.main ul li a .tax-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transition: opacity 0.3s ease;
	transform: translateY(-50%) translateX(-50%);
}

.product-tax.main ul li a .tax-img:not(.hover) {
	opacity: 0;
}

.product-tax.main ul li a .tax-img.hover {
	opacity: 1;
}

.product-tax.main ul li a:hover .tax-img-wrap .tax-img.hover {
	opacity: 1;
}

.product-tax.main ul li a:hover .tax-img-wrap .tax-img.default {
	opacity: 0;
}

.orga-wrap {
	display: flex;
	flex-flow: row wrap;
	max-width: 1500px;
	margin: 0 auto;
}

.orga-wrap .one {
	position: relative;
	width: 100%;
	padding-bottom: 70px;
}

.orga-wrap .one .box {
	padding: 10px;
	background: #DC312B;
	color: #fff;
	width: 230px;
	text-align: center;
	margin: 0 auto;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	padding: 0;
}

.orga-wrap .two .inner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	column-gap: 20px;
	position: relative;
	padding-top: 40px;
	align-items: baseline;
}

.orga-wrap .two {
	width: 50%;
	position: relative;
}

.orga-wrap .two .box {
	background: #555;
	color: #fff;
	width: 200px;
	text-align: center;
	margin: 0 auto;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: relative;
}

.orga-wrap .two .inner ul {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	list-style: none;
	position: relative;
}

.orga-wrap .two .inner ul li {
	background: #fff;
	color: #333;
	border: 1px solid #555;
	width: 150px;
	text-align: center;
	font-size: 0.9rem;
	height: 50px;
	line-height: 50px;
	padding: 0;
}

.orga-wrap .two .inner ul li:first-child {
	background: #f1f1f1;
	font-weight: 500;
	color: #333;
	margin-bottom: 10px;
}

.orga-wrap .three-four {
	width: 50%;
	position: relative;
}

.orga-wrap .three-four .three {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	column-gap: 30px;
	position: relative;
	justify-content: center;
}

.orga-wrap .three-four .three .inner {
	display: flex;
	column-gap: 30px;
}

.orga-wrap .three-four .three .box,
.orga-wrap .three-four .four .box {
	background: #555;
	color: #fff;
	width: 200px;
	text-align: center;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: relative;
}

.orga-wrap .three-four .four .box {
	font-size: 0.9rem;
	position: relative;
	display: flex;
	align-items: center;
}

.orga-wrap .three-four .four .box span {
	width: 100%;
	display: block;
	padding: 0 10px;
	line-height: 1.3;
}

.orga-wrap .three-four .three ul {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	list-style: none;
	position: relative;
}

.orga-wrap .three-four .three ul li {
	background: #fff;
	color: #333;
	border: 1px solid #555;
	width: 150px;
	text-align: center;
	font-size: 0.9rem;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: relative;
}

.orga-wrap .three-four .four {
	display: flex;
	flex-flow: row wrap;
	padding-top: 10px;
	justify-content: center;
}

.orga-wrap .three-four .four .inner {
	width: 100%;
	display: flex;
	column-gap: 20px;
	position: relative;
	padding-top: 40px;
	padding-left: 25px;
	align-items: baseline;
	justify-content: center;
}

.orga-wrap .three-four .four .inner ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	position: relative;
}

.orga-wrap .three-four .four .inner ul li {
	background: #fff;
	color: #333;
	border: 1px solid #555;
	width: 150px;
	text-align: center;
	font-size: 0.9rem;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: relative;
}

.orga-wrap .three-four .four .inner ul li:first-child {
	background: #f1f1f1;
	font-weight: 500;
	color: #333;
	margin-bottom: 10px;
}

.orga-wrap .one:after {
	content: "";
	width: 1px;
	height: 52px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.orga-wrap .three-four .three .inner .box:after {
	content: "";
	width: 30px;
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	top: 25px;
	z-index: -1;
	left: -30px;
}

.orga-wrap .three-four .three ul:after {
	content: "";
	width: 30px;
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	top: 25px;
	z-index: -1;
	left: -30px;
}

.orga-wrap .three-four .three ul li:last-child:after {
	content: "";
	width: 15px;
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	top: 25px;
	z-index: -1;
	left: -15px;
}

.orga-wrap .three-four .three ul li:last-child:before {
	content: "";
	width: 1px;
	height: 60px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	top: -35px;
	z-index: -1;
	left: -15px;
}

.orga-wrap .three-four .four .box:after {
	content: "";
	width: 1px;
	height: 60px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -60px;
	z-index: -1;
}

.orga-wrap .three-four .four .box:before {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	z-index: -1;
}

/*.orga-wrap .three-four .four .inner ul:first-child li:first-child:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	z-index: -1;
}*/

.orga-wrap .three-four .four .inner ul li:first-child:before {
	content: "";
	width: calc(100% + 21px);
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: -95px;
	top: -20px;
	z-index: -1;
}

.orga-wrap .three-four .four .inner ul:first-child li:first-child:before {
	display: none;
}

.orga-wrap .three-four .four .inner ul:last-child li:first-child:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	z-index: -1;
}

.orga-wrap .two .inner ul:after {
	content: "";
	width: 1px;
	height: 100%;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	z-index: -1;
}

/*
.orga-wrap .two .inner ul li:first-child:before {
	content: "";
	width: calc(100% + 23px);
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: -95px;
	top: -20px;
	z-index: -1;
}
*/

.orga-wrap .two .inner ul:nth-child(2) li:first-child:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	z-index: -1;
}

.orga-wrap .two .inner ul:nth-child(1) li:first-child:after,
.orga-wrap .two .inner ul:nth-child(3) li:first-child:after,
.orga-wrap .two .inner ul:nth-child(4) li:first-child:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	z-index: -1;
}

.orga-wrap .two .inner ul:nth-child(1) li:first-child:before {
	content: "";
	width: calc(100% + 20px);
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 75px;
	top: -20px;
	z-index: -1;
}

.orga-wrap .two .inner ul:nth-child(4) li:first-child:before,
.orga-wrap .two .inner ul:nth-child(3) li:first-child:before {
	content: "";
	width: calc(100% + 20px);
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: -95px;
	top: -20px;
	z-index: -1;
}

.orga-wrap .three-four .four .inner ul:after {
	content: "";
	width: 1px;
	height: 100%;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	z-index: -1;
}

.orga-wrap .three-four .three > .box:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	z-index: -1;
}

.orga-wrap .three-four .three:before {
	content: "";
	width: 50%;
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 0;
	top: -20px;
	z-index: -1;
}

.orga-wrap .two .box:after {
	content: "";
	width: 1px;
	height: 40px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -40px;
	z-index: -1;
}

.orga-wrap .two .box:before {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	z-index: -1;
}

.orga-wrap .two:before {
	content: "";
	width: 50%;
	height: 1px;
	display: block;
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	top: -40px;
	z-index: -1;
}


@media (max-width: 1400px) {

	.orga-wrap .three-four .three .box,
	.orga-wrap .three-four .four .box,
	.orga-wrap .two .box {
		width: 150px;
	}

	.orga-wrap .three-four .four .inner ul li,
	.orga-wrap .three-four .three ul li,
	.orga-wrap .two .inner ul li {
		width: 130px;
	}

	.orga-wrap .three-four .four .inner,
	.orga-wrap .two .inner {
		column-gap: 10px;
	}

	.orga-wrap .three-four .four .inner {
		padding-left: 0;
	}

	.orga-wrap .three-four .four .inner ul li:first-child::before {
		left: -65px;
	}

	.orga-wrap .three-four .four .inner ul li:first-child::before {
		width: calc(100% + 10px);
	}

	.orga-wrap .three-four .four .inner ul li:first-child:before {
		left: -75px;
	}

	.orga-wrap .two .inner ul:nth-child(1) li:first-child::before {
		width: calc(100% + 10px);
		left: 65px;
	}

	.orga-wrap .two .inner ul:nth-child(3) li:first-child::before {
		width: calc(100% + 20px);
		left: -85px;
	}

	.orga-wrap .three-four .three > .box::before {
		width: 75px;
	}

	.orga-wrap .three-four .four .inner ul:last-child li:first-child::before {
		width: calc(100% + 20px);
		left: -84px;
	}
}


@media (max-width: 1200px) {
	.orga-wrap .one {
		order: 1;
		padding-bottom: 40px;
	}

	.orga-wrap .one:after {
		height: 80px;
	}

	.orga-wrap .three-four .three > .box:after {
		display: none;
	}

	.orga-wrap .three-four .three:before {
		display: none;
	}

	.orga-wrap .three-four {
		width: 100%;
		order: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
		border-left: 1px solid #d9d9d9;
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.orga-wrap .two {
		width: 100%;
		order: 3;
		padding-top: 30px;
	}

	.orga-wrap .three-four .four .inner {
		padding-left: 10px;
	}

	.orga-wrap .two:before {
		top: 0;
		left: 0;
	}

	.orga-wrap .two .box:after {
		height: 30px;
		top: -30px;
	}


	.orga-wrap .two .inner ul:nth-child(4) li:first-child::before,
	.orga-wrap .two .inner ul:nth-child(3) li:first-child::before {
		left: -85px;
	}

	.orga-wrap .three-four .three > .box::before {
		display: none;
	}

	.orga-wrap .three-four:after {
		content: "";
		width: 50%;
		height: 1px;
		display: block;
		background: #d9d9d9;
		position: absolute;
		top: 0;
		z-index: -1;
		left: 0;
	}

	.orga-wrap .three-four .three .inner {
		flex-direction: column;
		row-gap: 20px;
		align-items: center;
	}

	.orga-wrap .three-four .four .inner ul li,
	.orga-wrap .three-four .three ul li,
	.orga-wrap .two .inner ul li {
		height: 40px;
		line-height: 37px;
	}

	.orga-wrap .three-four .three ul:before {
		content: "";
		width: 1px;
		height: 100%;
		display: block;
		background: #d9d9d9;
		position: absolute;
		top: -20px;
		z-index: -1;
		left: 50%;
		transform: translateX(-50%);
	}

	.orga-wrap .three-four .three ul li:last-child:before,
	.orga-wrap .three-four .three ul li:last-child:after,
	.orga-wrap .three-four .three ul:after {
		display: none;
	}

	.orga-wrap .three-four .four {
		margin-top: 0;
		width: 100%;
	}

	.orga-wrap .three-four .four .box:after {
		height: 30px;
		top: auto;
		bottom: 50px;
	}
}


@media (max-width: 600px) {
	.orga-wrap .one .box {
		width: 180px;
	}

	.orga-wrap .three-four .three .box,
	.orga-wrap .three-four .four .box,
	.orga-wrap .two .box {
		width: 110px;
	}

	.orga-wrap .three-four .four .inner ul li,
	.orga-wrap .three-four .three ul li,
	.orga-wrap .two .inner ul li {
		width: 110px;
	}

	.orga-wrap .three-four .four .inner {
		padding-left: 0;
	}

	.orga-wrap .three-four .four .inner ul li:first-child::before {
		left: -65px;
	}

	.orga-wrap .two .inner ul:nth-child(1) li:first-child:before {
		width: calc(100% + 10px);
		left: 55px;
	}

	.orga-wrap .two .inner ul:nth-child(3) li:first-child:before {
		width: calc(100% + 10px);
		left: -70px;
	}

	.orga-wrap .two .inner ul:nth-child(4) li:first-child::before,
	.orga-wrap .two .inner ul:nth-child(3) li:first-child::before {
		left: -75px;
	}

	.orga-wrap .two .inner ul li:first-child {
		margin-bottom: 5px;
	}

	.orga-wrap .three-four .four .inner ul:last-child li:first-child:before {
		width: calc(100% + 20px);
		left: -74px;
	}

	.orga-wrap .two .inner ul:nth-child(3) li:first-child::before {
		width: calc(100% + 20px);
		left: -75px;
	}
}



@media (max-width: 480px) {
	.orga-wrap .two .inner {
		column-gap: 10px;
	}

	.orga-wrap .one .box {
		font-size: 0.9rem;
	}

	.orga-wrap .three-four .three .box,
	.orga-wrap .three-four .four .box,
	.orga-wrap .two .box {
		width: 100px;
		font-size: 0.9rem;
	}

	.orga-wrap .three-four .four .inner ul li,
	.orga-wrap .three-four .three ul li,
	.orga-wrap .two .inner ul li {
		width: 100px;
		font-size: 0.8rem;
	}

	.orga-wrap .three-four .four .box span {
		padding: 0;
		font-size: 0.8rem;
	}

	.orga-wrap .three-four .four .inner {
		column-gap: 10px;
	}

	.orga-wrap .three-four .three {
		column-gap: 10px;
	}

	.orga-wrap .three-four {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.orga-wrap .three-four .four .inner ul li:first-child::before {
		left: -60px;
	}

	.orga-wrap .two .inner ul:nth-child(4) li:first-child::before,
	.orga-wrap .two .inner ul:nth-child(3) li:first-child::before {
		left: -69px;
	}

	.orga-wrap .two .inner ul:nth-child(1) li:first-child:before {
		width: calc(100% + 10px);
		left: 50px;
	}

	.orga-wrap .two .inner ul:nth-child(3) li:first-child:before {
		width: calc(100% + 10px);
		left: -60px;
	}

	.orga-wrap .three-four .four .inner ul:last-child li:first-child:before {
		width: calc(100% + 11px);
		left: -60px;
	}

	.orga-wrap .one {
		padding-bottom: 30px;
	}
}


@media only screen and (max-width:600px) {
	.qode-normal-space .qode-outer-space .qode-item-space {
		padding: 0 5px;
	}
}


.home .projects_holder_outer article .hover_feature_holder_title,
.home .projects_holder_outer article .hover_feature_holder_title .hover_feature_holder_title_inner,
.home .projects_holder_outer article .hover_feature_holder_title .hover_feature_holder_title_inner .portfolio_title {
	width: 100%;
	height: 100%;
	display: block;
}

.home .projects_holder_outer article .hover_feature_holder_title .hover_feature_holder_title_inner .portfolio_title a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}


@media (min-width: 1400px) {

	#pp_full_res img,
	.pp_content {
		height: 90dvh !important;
		width: auto !important;
	}


	.pp_hoverContainer {
		height: 90dvh !important;
		width: 100dvw !important;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		top: 50% !important;
	}

	div.pp_pic_holder {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translateX(-50%) translateY(-50%);
		width: auto !important;
	}

	div.ppt {
		width: 100% !important;
		margin: 0 !important;
	}

}

body div.pp_default .pp_close:before {
	content: "닫기";
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	left: auto;
	display: inline-block;
	color: #fff;
	position: absolute;
	right: 25px;
	z-index: 999;
	text-indent: 0;
	top: 1px;
}