@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * main_visual *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_visual .swiper-slide {height: 930px; background: no-repeat center center / cover;}

.main_visual .swiper-pagination-bullets {
	width: 10px;
	height: 10px;
	background-color:#fff;
	bottom: 30px;
	left: 50%;
	border-radius:50%;
	transform: translateX(-50%);
}

.main_visual .swiper-pagination-bullets-active {
	background-color: #000;
}

@media all and (max-width: 1024px) {
    .main_visual .swiper-slide {height: 630px;}   
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * main_con01 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main .con01 {background: url(/img/main_con01_bg.jpg) no-repeat center left / cover; border-bottom-right-radius: 500px}
.main .con01 .inner {align-items: center; gap: 40px 20px;}
.main .con01 .inner > .left,
.main .con01 .inner > .right {width: calc(50% - 10px);}
/* 이미지 */
.main .con01 .left {position: relative; align-self: flex-end;}
.main .con01 .img_box {width: 100%; max-width: 490px; margin: auto; position: relative; z-index: 1; margin-top: -185px;}
.main .con01 .img_box img {width: 100%; height: 100%; object-fit: cover; object-position: center; border-top-left-radius: 490px;}
/* 텍스트 */
.main .con01 .txt_box {color: #c3daf1;}

@media all and (max-width: 1700px) {
    .main .con01 {border-bottom-right-radius: 250px;}
}

@media all and (max-width: 1400px) {
    .main .con01 {border-radius: 0;}
}

@media all and (max-width: 1024px) {
    .main .con01 .left {align-self: center;}
    .main .con01 .img_box {margin-top: 0;}
    .main .con01 .img_box img {border-radius: 0;}
}

@media all and (max-width: 767px) {
    .main .con01 .inner {flex-wrap: wrap;}
    .main .con01 .inner > .left,   
    .main .con01 .inner > .right {width: 100%;}
    .main .con01 .inner > .left {order: 1;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * main con03 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main .con03 {}
.main .con03 .inner {align-items: center; gap: 40px 20px;}
.main .con03 .inner > .left,
.main .con03 .inner > .right {width: calc(50% - 10px);}
.main .con03 .btn_wrap {margin-top: 60px;}
.main .con03 .btn_wrap .btn {width: 200px; font-weight: 300; font-size: 18px;}
.main .con03 .img_box {width: 100%; max-width: 490px; margin: auto; position: relative; z-index: 1; margin-bottom: -185px; --bdrs: 490px;}
.main .con03 .img_box::before {content: ''; width: 100%; height: 100%; background-color: rgb(24, 90, 138, 0.05); position: absolute; top: -145px; left: 0; border-top-left-radius: var(--bdrs); transform: translateX(50%) rotate(-90deg);}
.main .con03 .img_box img {width: 100%; height: 100%; object-fit: cover; object-position: center; border-bottom-right-radius: var(--bdrs); position: relative;}

@media all and (max-width: 1850px) {
    .main .con03 .img_box::before {display: none;}
}

@media all and (max-width: 1024px) {
    .main .con03 .left {align-self: center;}
    .main .con03 .img_box {margin-bottom: 0;}
    .main .con03 .img_box img {border-radius: 0;}
}

@media all and (max-width: 767px) {
    .main .con03 .inner {flex-wrap: wrap;}
    .main .con03 .inner > .left,
    .main .con03 .inner > .right {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * main con04 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main .con04 .main_tit {align-items: flex-end; gap: 10px;}
/* swiper btns */
.main .con04 .swiper_btns {margin-left: auto;}

@media all and (max-width: 767px) {
    .main_tit {flex-wrap: wrap;}
    .main_tit > * {width: 100%;}
}