/*
Theme Name: Beaver Builder Child Theme
Description: 자식테마 커스텀 CSS 코드를 위한 커스텀 스타일시트
Author: Superbee
Author URI: https://superbee.co.kr/
Version: 2.0
Template: bb-theme
*/

/* 이 라인 아래에 커스텀 CSS 추가
---------------------------------------------------------------- */

/* common css */

ul {margin: 0; padding: 0;}
li {list-style: none;}


/* Header */

#header {position: sticky; top: 0; background: #fff; height: 90px;  z-index: 100000;}
.fl-builder-content .fl-node-4pz80e1dfqar > .fl-col-content {display: flex; align-items: center;}
.fl-module-list .fl-list {display: flex; align-items: center; justify-content: flex-end; height: 90px;}
.fl-node-ul7fr6bk0vqc .menu a {padding: 35px 20px; position: relative;}
.fl-node-ul7fr6bk0vqc .menu a:after {content: '';  display: none; width: 100%; height: 6px; background: #2F8B48; width: 100%; position: absolute; bottom: -5px; left: 50%; transform: translate(-50%, -50%);}
.fl-node-ul7fr6bk0vqc .menu a:hover, .fl-node-ul7fr6bk0vqc .menu > li.current-menu-item > a:hover {text-decoration: none; color: #2F8B48 !important;}
.fl-node-ul7fr6bk0vqc .menu a:hover:after {display: block;}
.fl-node-ul7fr6bk0vqc .fl-menu .menu > li:last-child a {font-size: 14px; border:1px solid #2F8B48; color: #2F8B48; padding: 10px 15px; border-radius: 30px; margin-left: 10px; transition: all 0.3s; width: fit-content;}
.fl-node-ul7fr6bk0vqc .fl-menu .menu > li:last-child a:hover {background: #2F8B48; color: #fff !important;}
.fl-node-ul7fr6bk0vqc .fl-menu .menu > li:last-child a:after {display: none;}

/* main_visual */

.wheel_icon {}
.wheel_text {transform: rotate(90deg);}


/* main_content */

.swiper .swiper-slide {}
.swiper .swiper-slide > div {display: flex; align-items: center;  height: 100%; width: 100%; background: #fff;}
.swiper .swiper-slide .text_box {width: 50%; background: #2F8B48; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; padding: 246px 50px;}
.swiper .swiper-slide .text_box h3 {font-size: 45px; font-weight: 700; margin-bottom: 20px; color: #fff;}
.swiper .swiper-slide .text_box p {font-size: 20px; color: #fff; margin-bottom: 40px; line-height: 1.5;}
.swiper .swiper-slide .img_box {width: 50%; display: flex; align-items: center; justify-content: center;}
.swiper .swiper-slide .img_box img {width: 80%;}

.swiper-pagination {position: unset !important; text-align: left !important; color: #fff !important; font-size: 18px;}

.swiper-button-next {right: 20px !important;}
.swiper-button-prev {left: calc(50% + 20px) !important;}
.swiper-button-next, .swiper-button-prev {width: 65px !important; height: 65px !important;}
.swiper-button-next:after, .swiper-button-prev:after {display: none !important;}
.swiper-button-prev {background: url(/wp-content/uploads/2023/10/prev_btn.png) no-repeat center /cover;}
.swiper-button-next {background: url(/wp-content/uploads/2023/10/next_btn.png) no-repeat center /cover;}

.tabs_nav {display: flex; align-items: center; justify-content: center; margin-bottom: 72px;}
.tabs_nav a {font-size: 22px; font-weight: bold; line-height: 1.5; padding: 10px 28px; border-radius: 14px; background: #fff; border: 1px solid #2F8B48; transition: all 0.3s; margin-right: 20px;}
.tabs_nav a:last-child {margin-right: 0;} 
.tabs_nav a.active, .tabs_nav a:hover {background: #2F8B48; color: #fff;}
.tabs_box .tabs {display: none; background: #fff; border-radius: 20px 20px 0px 0px;}
.tabs_box .tabs.active {display: flex;}
.tabs_box .tabs .img_box {width: 50%; padding: 150px 20px 60px;}
.tabs_box .tabs .img_box span {font-size: 16px; color: #737373; line-height: 1.6; padding: 0px 0px 15px 55px; display: block;} 
.tabs_box .tabs .text_box {width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0px 45px;}
.tabs_box .tabs .title {margin-bottom: 50px;}
.tabs_box .tabs .text_box h3 {font-size: 34px; font-weight: bold; margin-bottom: 15px;}
.tabs_box .tabs .text_box h3 b {color: #2F8B48;}
.tabs_box .tabs .text_box p {line-height: 1.6; font-size: 20px;}
.tabs_box .tabs .text_box .item_box {padding: 40px; background: #F4FBF6; display: flex; flex-wrap: wrap; box-sizing: border-box; margin-bottom: 0; border-radius: 20px;}
.tabs_box .tabs .text_box .item_box li {width: 50%; display: flex; align-items: center;}
.tabs_box .tabs .text_box .item_box li:nth-child(-n+2) {margin-bottom: 40px;}
.tabs_box .tabs .text_box .item_box li span {display: block; width: 46px; height: 46px; border-radius: 100%; background: #2F8B48; color: #fff; line-height: 46px; text-align: center; font-weight: bold; font-size: 18px; margin-right: 20px;}
.tabs_box .tabs .text_box .item_box li p {margin-bottom: 0; font-size: 23px; font-weight: bold; color: #2F8B48;}

.review_box {max-width: 1196px; margin: 0 auto 120px;}
.review_box ul li {margin-bottom: 60px; display: flex;}
.review_box ul li:last-child {margin-bottom: 0;}
.review_box ul li.right {justify-content: flex-end;}
.review_box ul li .item {display: flex; align-items: center;}
.review_box ul li .item .profile {margin-right: 42px;}
.review_box ul li.right .item .profile {margin-left: 42px; margin-right: 0;}
.review_box ul li .item .text_box {width: 100%; min-width: 688px; height: 100px; background: #5DAF8C; border-radius: 60px; padding: 20px 50px; box-sizing: border-box; display: flex; align-items: center; position: relative;}
.review_box ul li.right .item .text_box {background: #F49E09;}
.review_box ul li .item .text_box p {font-size: 18px; font-weight: 500; color: #fff; line-height: 1.6; margin-bottom: 0;}
.review_box ul li .item .text_box span {font-size: 16px; color: #fff; line-height: 1.5; position: absolute; right: 50px; bottom: 20px;}
.review_box ul li .item .text_box:after {position: absolute; content: ''; display: block; background: url(/wp-content/uploads/2023/10/sc_6_text_buloon_left.png) no-repeat center / cover; width: 23px; height: 26px; left: -8px; bottom: 20px;}
.review_box ul li.right .item .text_box:after {left: auto; right: -8px; background: url(/wp-content/uploads/2023/10/sc_6_text_buloon_right.png) no-repeat center / cover;}

.flow_banner {overflow: hidden; display: flex; max-width: 100%; margin: 30px auto;}
.flow_banner.fb_2 {padding-left: 120px;}
.flow_banner .list {display: flex;}
.flow_banner .list > li {margin: 0px 15px; min-width: 215px; }

@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.wpcf7-form .form_row {display: flex; justify-content: space-between;}
.wpcf7-form .form_row div {width: calc(50% - 10px);}
.wpcf7-form .form_row div p {display: flex; align-items: center; height: 70px; background: #fff; padding: 0px 25px; border-radius: 4px;}
.wpcf7-form .form_row div p label {display: flex; width: 150px; font-size: 16px; font-weight: 500; color: #313336; margin-right: 10px;}
.wpcf7-form .form_row div p label .req {font-size: 16px; color: #E83815;}
.wpcf7-form .form_row div p > span {display: block; width: 100%;}
.wpcf7-form .form_row div p span input {width: 100%; display: block; border: 0; color: #111; font-size: 18px; background: #fff;}

.wpcf7-form .form_row .details {width: 100%;}
.wpcf7-form .form_row .details p {display: block; margin-right: 0; height: auto; padding: 20px 25px;}
.wpcf7-form .form_row .details p label {margin-bottom: 10px;}
.wpcf7-form .form_row div p span textarea {width: 100%; display: block; border: 0; color: #111; font-size: 18px; background: #fff; padding: 0;}
.wpcf7-form .btn_box {margin-top: 60px;}
.wpcf7-form .btn_box p {display: flex; justify-content: center}
.wpcf7-form .btn_box p input {width: 100%; max-width: 320px; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1.5; font-weight: 500; color: #fff; background: #2F8B48; border: 0; border-radius: 14px; transition: all 0.3s;}
.wpcf7-form .btn_box p input:hover {background: #227939;}
.wpcf7-form .btn_box .wpcf7-spinner {display: none;} 

.ft_content {word-break: keep-all;}
.ft_content b {font-weight: 400; display: inline-block; margin-bottom: 7px;}
.ft_content br {display: none;}
.ft_content .border {width: 1px; display: inline-block; height: 12px; background: #E0E0E0; margin: 0px 15px;}

.fl-node-wp0ruhsgdc57 .fl-tabs .fl-tabs-labels .fl-tabs-label.fl-tab-active {border-color: #2f8b48;}


/* responsive */

@media all and (max-width: 1460px){
	.swiper .swiper-slide .text_box h3 {font-size: 36px;}
	.swiper .swiper-slide .text_box p {font-size: 18px;}
}

@media all and (max-width: 1280px){
	.fl-node-ul7fr6bk0vqc .fl-menu .menu > li {display: flex; justify-content: flex-end;}
	.fl-node-ul7fr6bk0vqc .fl-menu .menu > li:last-child {padding-right: 20px;}
	.fl-node-ul7fr6bk0vqc .fl-menu .menu > li:last-child a {font-size: 16px;}
	
	.tabs_nav a {font-size: 16px;}
	.tabs_box .tabs {flex-direction: column;}
	.tabs_box .tabs .img_box {width: 100%; text-align: center;}
	.tabs_box .tabs .text_box {width: 100%; padding: 0px 30px 30px 30px;}
	.tabs_box .tabs .title {margin-bottom: 30px;}
	
	.review_box ul li .item {width: 90%;}
	.review_box ul li .item .text_box {min-width: auto; height: auto; flex-direction: column; align-items: flex-start;}
	.review_box ul li .item .text_box span {display: block; position: unset; width: 100%; text-align: right; margin-top: 10px;}
	
	.wpcf7-form .form_row div p {flex-direction: column; align-items: flex-start; height: auto; padding: 10px 20px;}
	.wpcf7-form .form_row div p span input {font-size: 14px; padding: 5px 0px;}
	.wpcf7-form .form_row div p span textarea {font-size: 14px;}
	.wpcf7-form .btn_box {margin-top: 30px;}
	
	.swiper .swiper-slide .text_box h3 {font-size: 21px;}
	.swiper .swiper-slide .text_box p {font-size: 16px; min-height: 85px;}
	.swiper .swiper-slide .text_box p br {display: none;}
	.swiper-pagination {font-size: 14px !important;}
}

@media all and (max-width: 768px) {
	.fl-node-ul7fr6bk0vqc .fl-menu-mobile-toggle {padding: 20px 0px;}
	.fl-node-c2p5ygil6mza.fl-module > .fl-module-content {margin-top: -116px;}
	
	.swiper .swiper-slide > div {flex-direction: column;}
	.swiper .swiper-slide .text_box {width: 100%; padding: 150px 20px;}
	.swiper .swiper-slide .img_box {width: 100%; padding: 0px 20px; min-height: 500px;}
	.swiper-button-next, .swiper-button-prev {bottom: 235px; top: auto !important;}
	.swiper .swiper-slide .text_box p {margin-bottom: 40px;}
	.swiper .swiper-slide .img_box img {width: 100%;}
	.swiper-pagination {font-size: 14px;}
	.swiper-button-prev {left: 20px !Important;}
	.swiper-button-next {right: 20px !important;}
	.swiper-button-next, .swiper-button-prev {width: 30px !important; height: 30px !important;}
	.fl-node-ul7fr6bk0vqc .fl-menu-mobile-flyout {background: rgba(255, 255, 255,.7);}
	
	.tabs_nav {flex-direction: column;}
	.tabs_nav a {width: 100%; max-width: 330px; font-size: 14px; margin: 0 auto 15px; text-align: center;}
	.tabs_nav a:last-child {margin: 0 auto;} 
	.tabs_box .tabs .img_box {padding: 30px;}
	.tabs_box .tabs .img_box span {padding: 0; text-align: center; margin-bottom: 15px; font-size: 12px;}
	.tabs_box .tabs .title {margin-bottom: 20px;}
	.tabs_box .tabs .text_box {padding: 0px 20px 20px 20px;}
	.tabs_box .tabs .text_box h3 {font-size: 20px;}
	.tabs_box .tabs .text_box p {word-break: keep-all; line-height: 1.6; font-size: 16px;}
	.tabs_box .tabs .text_box .item_box {padding: 15px;}
	.tabs_box .tabs .text_box .item_box li span {width: 25px; height: 25px; font-size: 10px; line-height: 25px; margin-right: 10px;}
	.tabs_box .tabs .text_box .item_box li p {font-size: 12px; text-align: left; max-width: 70%;}
	
	.review_box ul li .item {width: 100%;}
	.review_box ul li .item .profile {margin-right: 15px;}
	.review_box ul li .item .text_box {padding: 20px; border-radius: 30px;}
	.review_box ul li .item .text_box p {font-size: 14px; word-break: keep-all;}
	.review_box ul li .item .text_box p br {display: none;}
	.review_box ul li .item .text_box span {font-size: 12px;}
	
	.flow_banner .list > li {max-width: 185px;}
	
	.wpcf7-form .form_row {flex-direction: column;}
	.wpcf7-form .form_row div {width: 100%;}
	.wpcf7-form .btn_box p input {height: 50px; font-size: 16px;}
}