/**
Theme Name: astra-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* 점선없애기 */
.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle,
.ast-mobile-popup-drawer.active .menu-toggle-close:focus,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus{
	border:0 !important;
	outline:none !important;
}
a:hover {text-decoration:none;}
a {blr:expression(this.onFocus=this.blur());}
area:focus {outline:none;}
area {blr:expression(this.onFocus=this.blur());}
input:focus, img:focus, embed:focus, map:focus {outline:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } /* 크롬에서 인풋박스 노란배경 안나오게 */
.font28{
	font-size:28px;
}
.fw600{
	font-weight:600;
}
/** HEADER START **/
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar{
	padding-top:0 !important;
	padding-bottom:0 !important; 
}
.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle{
	position: relative;
	padding:8px 0;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:before,
.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle:before{
	content:"";
	display:block;
	width:100%;
	height:3px;
	background:#000;
	position: absolute;
	left:50%;
	margin-left:-50%;
	top:0;
	transition: all .3s linear;
	border-radius: 2px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:after,
.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle:after{
	content:"";
	display:block;
	width:100%;
	height:3px;
	background:#000;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-50%;
	transition: all .3s linear;
	border-radius: 2px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:before{
	top:8px;
	width:24px;
	margin-left:-12px;
	transform: rotate(135deg)
}
.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle.toggled:before{
	top:8px;
	width:120%;
	margin-left:-60%;
	transform: rotate(135deg)
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:after{
	bottom:8px;
	width:24px;
	margin-left:-12px;
	transform: rotate(-135deg);
}
.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle.toggled:after{
	bottom:8px;
	width:120%;
	margin-left:-60%;
	transform: rotate(-135deg)
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close{
	position: absolute;
    height: 19px;
    width: 19px;
    right: 15px;
    top: 12px;
    padding: 0;
}
.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle .mobile-menu-toggle-icon{
	height:0px;
	padding:0;
	padding-top:3px;
	overflow:hidden;
	background:#000;
	display:block;
	border-radius: 2px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close .ast-svg-iconset,
.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle.toggled .mobile-menu-toggle-icon{ 
	opacity: 0;
}
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu{
	padding: 0.7em 0;
	border-radius: 0 0 5px 5px;;
}
.ast-desktop .main-header-menu .sub-menu .menu-link{
	padding:0.5em 1em !important;
}
/** HEADER END **/

/** MAIN SLIDE START **/
.slide-main {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.slide-main .swiper-slide {
	background-size: cover;
}

.slide-main .elementor-image-carousel-caption {
	position: absolute;
	max-width: 1000px;
	z-index: 999;
	margin: auto;
	left: 70px;
	right: 70px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
	padding-top: 0px;
}

span.slide-span {
	font-size: 32px;
	font-weight: 600;
	padding-bottom: 30px;
}

.slide-main .elementor-image-carousel-caption a {
	color: #fff;
}

.slide-main .elementor-image-carousel-caption h2 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 52px;
	line-height: 68px;
}

div.slide-bottom {
	font-size: 24px;
	font-weight: 400;
	padding-top: 40px;
}

.slide-main .elementor-image-carousel-caption h2 span {
	font-style: italic;
}

.swiper-slide-active a.animate-pop-up {
	margin-top: 20px;
	display: inline-block;
	font-size: 13px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 0px 8px 0px;
	width: 100px;
	text-align: center;
	border: 1px solid #fff;
	line-height: 18px;
	text-transform: uppercase;
	opacity: 0;
	animation: pop-up .6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
	animation-delay: 1.8s;
	transition: all .2s linear;
	color: #fff;
}

.swiper-slide-active a.animate-pop-up span {
	display: inline-block;
	width: 17px;
	height: 0px;
	padding-top: 16px;
	overflow: hidden;
	background: url(img/arrow-right.png) no-repeat right 40%;
	background-size: 17px;
	vertical-align: middle;
	margin-left: 5px;
}

span.slide-span,
h2.slide-title,
div.slide-bottom,
a.animate-pop-up {
	opacity: 0;
	top: -100px;
}

.swiper-slide-active span.slide-span {
	margin: 0;
	display: block;
	position: relative;
	animation: pop-in .6s cubic-bezier(0, 1.0, 0.3, 1.0) forwards;
	animation-delay: 1.0s;
	transition: all .5s linear;
	transform: scale(.8);
	opacity: 0;
	color: #fff;
}

.swiper-slide-active h2.slide-title {
	margin: 0;
	display: block;
	position: relative;
	animation: pop-in .6s cubic-bezier(0, 1.0, 0.3, 1.0) forwards;
	animation-delay: 1.3s;
	transition: all .5s linear;
	transform: scale(.8);
	opacity: 0;
	color: #fff;

}

.swiper-slide-active div.slide-bottom {
	display: block;
	animation: pop-in .6s cubic-bezier(0, 0.9, 0.3, 1.1) forwards;
	animation-delay: 1.6s;
	transition: all .5s linear;
	transform: scale(.8);
	padding-bottom: 20px;
	line-height: 1.5em;
	max-width: 800px;
	margin: 0 auto;
	opacity: 0;
	color: #fff;
}

@keyframes pop-in {
	0% {
		opacity: 0;
		top: -100px;
		transform: scale(.8);
	}

	100% {
		opacity: 1;
		top: 0px;
		transform: none;
	}
}

@keyframes pop-inB {
	0% {
		opacity: 0;
		transform: translateX(14rem) scale(.6);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes pop-up {
	0% {
		opacity: 0;
		transform: translateY(4rem) scale(.8);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

.slide-main .swiper-pagination {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 60px !important;
	text-align: center;
	z-index: 9;
}

.slide-main .swiper-pagination span {
	width: 24px;
	box-sizing: border-box;
	height: 24px;
	border: 4px solid #fff;
	border-radius: 50%;
	margin: 0 13px !important;
	background: none !important;
	opacity: 1 !important;
}

.elementor-element.elementor-pagination-position-outside .swiper {
	padding-bottom: 0 !important;
}

.slide-main .swiper-pagination span.swiper-pagination-bullet-active {
	background: rgba(217, 217, 217, 0.8) !important;
}
@media screen and (max-width:992px) {
	.slide-main .elementor-image-carousel-caption{
		left:40px;
		right:40px;
	}
	.slide-main .elementor-image-carousel-caption h2{
		font-size:7vw;
		line-height:1.3em;
	}
	div.slide-bottom{
		font-size:4.5vw;
	}
	.slide-main .swiper-pagination{
		bottom:20px !important;
	}
	.slide-main .swiper-pagination span{
		width: 16px;
		box-sizing: border-box;
		height: 16px;
		border: 2px solid #fff;
		margin: 0 6px !important;
	}
}
/** MAIN SLIDE END **/

/** MAIN SLIDE BOTTOM BOX START **/
.slide-bottom-box {
	max-width: 1020px !important;
	margin: 0 auto;
	position: relative;
	z-index: 9;
	transform: translate(0%, -50%);
}

.slide-bottom-box h3 {
	font-size: 20px;
	margin: 10px 0 10px 0 !important;
}

.slide-bottom-box h3 a {
	font-size: 20px;
}

.slide-bottom-box p {
	font-size: 18px;
	line-height: 20px;
}

.slide-bottom-box img {
	max-width: 100px;
	width: 100%;
}

.slide-bottom-box .elementor-col-25:after {
	background: rgb(255 255 255 / 20%);
	position: absolute;
	right: 0;
	width: 1px;
	height: 100%;
	top: 0;
	bottom: 0;
	content: "";
}

.slide-bottom-box .elementor-col-25:last-child:after {
	display: none;
}
@media screen and (max-width:1024px) {
	.slide-bottom-box{
		margin:0 10px;
	}
}
@media screen and (max-width:922px) {
	.slide-bottom-box .elementor-col-25 {
		width:25%;
	}
}
@media screen and (max-width:750px) {
	.slide-bottom-box {
		padding: 0px 10px !important;
		background-image: none;
		transform: translate(0%, 0%);
		margin-top:10px !important;
	}

	.slide-bottom-box .elementor-col-25 {
		padding: 15px 0;
		width: 50%;
		position: relative;
	}
	.slide-bottom-box img{
		max-width:40px;
	}
	.slide-bottom-box .elementor-col-25::after {
		height: auto;
		top: 20px;
		bottom: 20px;
	}

	.slide-bottom-box .elementor-col-25::before {
		content: "";
		display: block;
		position: absolute;
		left: 20px;
		right: 20px;
		height: auto;
		background: rgb(255 255 255 / 20%);
		bottom: 0;
		height: 1px;
	}

	.slide-bottom-box .elementor-col-25:nth-child(n+3)::before,
	.slide-bottom-box .elementor-col-25:nth-child(2)::after {
		display: none;
	}

	.slide-bottom-box .elementor-widget-container {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

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

	.slide-bottom-box h3 {
		font-size: 15px;
		margin: 10px 0 5px !important;
	}

	.slide-bottom-box h3 a {
		font-size: 15px;
		;
	}

	.slide-bottom-box p {
		font-size: 13px;
	}

	.slide-bottom-box .elementor-col-25 .elementor-widget-container {
		margin: 0 !important;
	}

	.slide-bottom-box .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img {
		margin-bottom: 0 !important;
	}

	.slide-bottom-box .elementor-widget-container {
		padding: 0;
	}
}

@media screen and (max-width:420px) {
	.slide-bottom-box .elementor-col-25 {
		padding: 10px 0;
	}
	.slide-bottom-box h3 {
		font-size: 14px;
	}

	.slide-bottom-box h3 a {
		font-size: 14px;
	}

}
/** MAIN SLIDE BOTTOM BOX END **/

/** SIX BOX START **/
.six-middle-box p{
	font-weight:400;
	color:#888;
	margin-bottom:0;;
} 

/** SIX BOX END **/

/** CATEGOTY BOX START **/
@media (max-width: 544px){
	.three-category-box ul.products:not(.elementor-grid){
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		column-gap: 10px;
	}
	.three-category-box ul.products li.product .woocommerce-loop-category__title{
		left:10px !important;
		right:10px !important;
		bottom:10px !important;
		padding: 0.5em 0.5em 0.7em !important;
	}
}
/** CATEGOTY BOX END **/

/** BOX COUNTER START **/

.box-counter .elementor-counter .elementor-counter-number-wrapper{
	font-size:42px;
}
.box-counter .elementor-widget:not(:last-child){
	margin-bottom: 0px;
}
@media (max-width: 921px){
	.box-counter .elementor-counter .elementor-counter-title{
		font-size:12px;
	}
}
@media (max-width: 768px){
	.box-counter .elementor-column.elementor-col-25{
		width:50%;
		position: relative;
	}
	.box-counter img{
		max-width:40px;
	}
	.box-counter .elementor-col-25::after {
		height: auto;
		top: 20px;
		bottom: 20px;
	}
	.box-counter .elementor-col-25:after {
		background: rgb(255, 255, 255);
		position: absolute;
		right: 0;
		width: 1px;
		height: auto;
		top: 10px;
		bottom: 10px;
		content: "";
	}
	.box-counter .elementor-col-25::before {
		content: "";
		display: block;
		position: absolute;
		left: 20px;
		right: 20px;
		height: auto;
		background: rgb(255, 255, 255);
		bottom: 0;
		height: 1px;
	}

	.box-counter .elementor-col-25:nth-child(n+3)::before,
	.box-counter .elementor-col-25:nth-child(4)::after,
	.box-counter .elementor-col-25:nth-child(2)::after {
		display: none;
	}
	.box-counter .elementor-icon{
		padding-top:20px;
	}
}
/** BOX COUNTER END **/

/** TIMELINE START **/
.uael-timeline-main p{
	margin:0;
}
.uael-timeline-main img{
	margin-bottom:10px;
}
@media (max-width: 1024px){
	.elementor-1082 .elementor-element.elementor-element-657f2ef.uael-timeline--center.uael-timeline-responsive-tablet .uael-timeline__line {
		left: calc(4.3em / 2) !important;
	}
}

/** TIMELINE END **/

/** WIDGET START **/
.entry-content h3.dw-h3{
	font-size: 20px;
    font-weight: 600;
	position: relative;
}
.dw-h3 .h3-more{
	position: absolute;
    right: 0px;
    text-align: center;
    width: 80px;
    font-size: 12px;
    bottom: 0px;
}
.entry-content h3.dw-h3:after,
.entry-content h3.dw-h3:before{
	content: "";
    position: absolute;
    bottom: -20px;
    left: 7px;
    width: 14px;
    margin-left: -7px;
    height: 1px;
    background: #696969;
    -webkit-transition: none .5s ease .1s;
    -ms-transition: none .5s ease .1s;
    transition: none .5s ease .1s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    -ms-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
.entry-content .wrap-widget:hover h3.dw-h3:before{
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/** WIDGET END **/

/** FOOTER START **/
.site-footer{
	color:#fff;
}
.site-footer-section-1 .menu{
	display: flex;
    flex-wrap: wrap;
}
.site-footer-section-1 .menu li{
	margin: 2px 20px 2px 0;
}
.site-footer-section-1 .menu li a{
	color:#fff !important;
}
.footer-widget-area .widget_block{
	font-size:14px;
}
/** FOOTER END **/