/*
(주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/
.main_cont39_banner .container_fix.bubble_container {padding: 100px 15px 0;}
.main_cont39_banner .explain_bubble {font-size: 14px; color: #6bc959; padding: 11px 15px 13px; border: 1px solid #6bc959; border-radius: 19px; position: absolute; top: 42px; left: 15px; z-index: 2;}
.main_cont39_banner .explain_bubble:after {display: block; content: ""; width: 11px; height: 11px; border: 1px solid #6bc959; background: #fff; border-left: 0; border-bottom: 0; position: absolute; left: 34px; bottom: -6px; transform: rotate(135deg);}
.main_cont39_banner .widget_box .container_fix {display: flex; align-items: center; justify-content: space-between;}
.main_cont39_banner .widget_box .left, .main_cont39_banner .widget_box .right {width: auto;}
.main_cont39_banner .widget_box .left .banner_box {display: block; background: url('/img/mc08_left_banner_bg.jpg') no-repeat 100% 100%/cover; padding: 48px 0 48px 50px; border-radius: 5px; overflow: hidden;}
.main_cont39_banner .widget_box .left .banner_box h3 {font-size: 24px; font-weight: 600; color: #1b1b1b; line-height: 30px;}
.main_cont39_banner .widget_box .left .banner_box h3 .point_color {color: #ba14ff !important;}
.main_cont39_banner .widget_box .left .banner_box p {font-size: 14px; color: #1b1b1b; margin-top: 8px;}
.main_cont39_banner .widget_box .right .banner_box {display: block; background: url('/img/mc08_right_banner_bg.jpg') no-repeat 100% 100%/cover; padding: 48px 0 48px 50px; border-radius: 5px; overflow: hidden;}
.main_cont39_banner .widget_box .right .banner_box h3 {font-size: 24px; font-weight: 500; color: #fff; line-height: 30px;}
.main_cont39_banner .widget_box .right .banner_box p {font-size: 14px; color: #fff; margin-top: 8px;}
.main_cont39_banner .img-box{width: 100%; display: flex; justify-content: right;}
.main_cont39_banner .img-box img{width: auto; margin-top: 42px;}
.main_cont39 .main_cont39_banner{padding-top: 100px; display: flex; align-items: center; justify-content: space-between;}
.main_cont39 .left, .main_cont39 .right{width: auto; border-radius: 15px; overflow: hidden; background-color: #59b647; padding:45px 40px; width: 352px;}
.main_cont39 .left:hover, .main_cont39 .right:hover{background-color: #fff;}
.main_cont39 .left a, .main_cont39 .right a{color:#fff; display: inline-block; width: 100%;}
.main_cont39 .left:hover a, .main_cont39 .right:hover a{color: #6bc959;}
.main_cont39 .left:hover a img {content:url(/img/mc07_icon01_on.png);}
.main_cont39 .right:hover a img {content:url(/img/mc07_icon02_on.png);}
.main_cont39 .left a h4, .main_cont39 .right a h4{font-size: 30px; font-weight: 700; margin-bottom: 30px;font-family: "Montserrat", sans-serif !important;}
.main_cont39 .left a p, .main_cont39 .right a p{font-size: 18px; font-weight: 400; line-height: 30px;}
.main_cont39 .swiper-pagination .swiper-pagination-bullet{border: #5b4e7e; background: #5b4e7e; width: 7.5px; height: 7.5px; margin: 0 6px;}
.main_cont39 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border: #271f3e; background: #271f3e; width: 7.5px; height: 7.5px;}

.main_cont39_banner .text-area h2{font-family: "Montserrat", sans-serif !important; font-weight: 700; color:#fff; font-size: 40px; margin-bottom: 30px;}
.main_cont39_banner .text-area h3{color:#fff; font-size: 20px; line-height: 30px;}
.main_cont39_banner .banner-area{display: flex; gap:30px}

@media (max-width: 768px) {
    .main_cont39 .main_cont39_banner{display: block; padding-top: 35px;}
	.main_cont39_banner .text-area h2{font-size: 28px; margin-bottom: 14px; text-align: center;}
	.main_cont39_banner .text-area h3{font-size: 14px; line-height: 15px; margin-bottom: 25px; text-align: center;}
	.main_cont39 .left a, .main_cont39 .right a {position: relative; height: 100%; width: 100%;}
	.main_cont39 .left a h4, .main_cont39 .right a h4{font-size: 17.5px; margin-bottom: 8px; margin-right: 50px; line-height: 24px;}
	.main_cont39 .left a p, .main_cont39 .right a p{font-size: 13px; text-wrap: balance; word-break: keep-all; line-height: 20px;}
	.main_cont39 .right a p{max-width:130px}
	.main_cont39_banner .img-box {position: absolute; bottom: 0;}
	.main_cont39_banner .img-box img {margin-top: 0; position: absolute; right: 0px; bottom: 0px;}
	.main_cont39 .left a img {content:url(/img/mmc07_icon01.png); width: 37px;}
	.main_cont39 .right a img {content:url(/img/mmc07_icon02.png); width: 37px;}
	.main_cont39 .left:hover a img {content:url(/img/mmc07_icon01_on.png)}
	.main_cont39 .right:hover a img {content:url(/img/mmc07_icon02_on.png)}
	.main_cont39_banner .banner-area{gap:15px;}
    .main_cont39 .left, .main_cont39 .right{width: 100%; margin-top: 10px; border-radius: 7.5px; padding: 20px 15px 15px; height: 190px;}
	.main_cont39_banner .container_fix.bubble_container {padding: 35px 15px 0;}
	.main_cont39_banner .explain_bubble {font-size: 10.5px; padding: 8.5px 9.5px; border-radius: 14.5px; top: 20px; background: #fff;}
	.main_cont39_banner .explain_bubble:after {width: 7px; height: 7px; left: 40px; bottom: -4px;}
	.main_cont39_banner .widget_box .container_fix {padding: 0;}
	.main_cont39_banner .widget_box .swiper-container .swiper-wrapper .swiper-slide img {width: 100%;}
	.main_cont39_banner .widget_box .swiper-container .swiper-pagination {bottom: 12.5px;}
	.main_cont39_banner .widget_box .swiper-container .swiper-pagination .swiper-pagination-bullet {width: 7.5px; height: 7.5px; margin: 0 6px; background: #a8a8a8; opacity: 1;}
	.main_cont39_banner .widget_box .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #271f3e;}
}