@charset "utf-8";

/* 흘러가는 글자 */
.marquee_wr {
	width: 100%;
	height: 7vw;
    min-height: 80px;
	margin: auto;
	overflow: hidden;
	position: relative;
    z-index: 1;
}

.marquee {
	width: 200%;
	font-size: 9.8rem;
	font-weight: 200;
	color: #505050;
	opacity: 0.1;
	position: absolute;
	top: 0;
	white-space: nowrap;
	text-transform: uppercase;
	animation: marquee 40s linear infinite;
    font-family: "Cinzel", serif;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}
/* 흘러가는 글자 */


/* 서브비주얼 */

.sub_visual {
    width: 100%;
    height: 655px;
    margin: 0 auto;
	overflow: hidden;
    position: relative;
    /* margin-top: 66px; */
}

.sub_visual .inner {
    width: 100%;
    margin: 0 auto;
    height: 550px;
    overflow: hidden;
}

.sub_visual_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    background: no-repeat center center/cover;
    animation: zoom 2s linear both;
}

.sub_txt_box{
    position: relative;
    top: 24rem;
    left: 0rem;
    animation: tit_ani 1.2s linear forwards;
}

.sub_txt_box .sub_bn_tit{
    font-size: 7rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

.sub_txt_box .sub_bn_desc{
    font-size: 2.2rem;
    color: #fff;
}


@keyframes tit_ani {
    0% {
        opacity: 0;
        transform: translate3d(0, 50%, 0);
    }

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

@keyframes zoom {

    0% {
        transform: translateX(-50%) scale(1.1);
    }

    100% {
        transform: translateX(-50%) scale(1);
    }
}

/* snb메뉴 01 스타일 */

#snb01 {
    position: absolute;
    height: 6.5rem;
    bottom: -3%;
    left: 13%;
}

#snb01 ul{
    display: flex;
    align-items: center;
}

#snb01 ul li a{
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    color: #ccc;
    position: relative;
    margin-left: -5px;
    padding-left: 34px;
}

#snb01 ul li a:hover{
    color: #000;
}

#snb01 ul li .snb_home{
    background: url('../img/sub/sub_snb_home.png') no-repeat;
    background-position: 1rem;
}

#snb01 ul li::after{
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url('../img/sub/sub_snb_arrow.png') no-repeat;
    position: relative;
    top: -1.8rem;
    left: 113%;
}

#snb01 ul li:nth-of-type(1):after{
    margin-left: 0.5rem;
}

#snb01 ul li:nth-of-type(3):after{
    opacity: 0;
}

/* snb메뉴 01 스타일 */


/* snb메뉴 02 스타일 */

#snb02 {
	background: #fff;
	height: 6.5rem;
	position: absolute;
    bottom: -0.1%;
    left: 32%;
}

#snb02 .snb02_bg{
    width: 500%;
    height: 65px;
    background: #fff;
    position: absolute;
    left: 100%;
    bottom: 0;
    z-index: -1;
}

#snb02 .inner ul {
	width: 100%;
    height: 600px;
	display: flex;
    justify-content: center;
}

#snb02 .inner ul li {
	width: 200px;
	height: 64px;
    font-size: 2rem;
    line-height: 64px;
    text-align: center;
}

#snb02 .inner ul li a{
    background: transparent;
}

#snb02 .inner ul li a.active{
    display: block;
    width: 100%;
    background-color: rgba(59,96,151,0.8);
    color: #fff;
    opacity: 1;
}

#snb02 .inner ul li a

#snb02 .inner ul li:nth-of-type a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	font-weight: 500;
	transition: .5s;
	text-align: center;
}

#snb02 .inner ul li a:hover {
    display: block;
    width: 100%;
	background-color: rgba(65,137,203,0.6);
    color: #fff;
}

/* snb메뉴 02 스타일 */

/* 서브비주얼 */

/* -------------------켄텐츠 시작------------------- */

/* 공통타이틀 */
.subject p{
    font-size: 5.7rem;
    color: #222;
    font-weight: 600;
    text-align: center;
}

.tit_simbol{
    width: 607px;
    height: 607px;
    position: absolute;
    top: 66%;
    right: -8%;
    z-index: -1;
}

.tit_simbol img{
    width: 80%;
}
/* 공통타이틀 */

/* 공통_sec01 */

.intro_wr{
    display: flex;
    gap: 280px;
}

.intro_img_box{
    position: relative;
}

.intro_img_box .intro_img{
    width: 760px;
    height: 465px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 27%;
    z-index: 1;
}

.intro_img_box .intro_img img{
    width: 100%;
}

.intro_img_box .intro_img_bg{
    width: 844px;
    height: 480px;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    position: absolute;
    top: 10%;
    left: 0;
    margin-bottom: 20px;
}

.intro_img_box .intro_img_bg img{
    width: 100%;
}

.intro_desc_box .sub_ttl_row {
    margin-top: 80px;
}

.intro_desc_box .sub_ttl_row .tag{
    font-family: "Cinzel", serif;;
    font-size: 18px;
    color:var(--main-color);
    margin-bottom: 15px;
}

.intro_desc_box .sub_ttl_row .sub_tit{
    font-size: 45px;
    font-weight: 600;
}

.intro_desc_box .sub_ttl_row .sub_tit span{
    font-size: 45px;
    font-weight: 600;
    color:var(--main-color);
}

.intro_desc_box .sub_ttl_row .sub_tit::after{
    content: "";
    display: block;
    height: 2px;
    background: #3B6097;
    width: 160%;
    margin: 2rem 0;
}

.intro_desc_box .sub_ttl_row .sub_desc{
    font-size: 20px;
    color: #2c2c2c;
    line-height: 1.7;
}

/* 공통_sec01 */

/* 공통_서브타이틀 */

.sub_tit_row{
    margin-bottom: 60px;
}

.sub_tit_row .tag{
    font-family: "Cinzel", serif;
    font-size: 18px;
    color: var(--main-color);
    margin-bottom: 0px;
}

.sub_tit_row .tit{
    font-size: 40px;
    font-weight: 600;
    color: #161616;
}

.sub_tit_row .desc{
    font-size: 22px;
    color: #333;
    margin-top: 30px;
    line-height: 1.5;
    font-weight: 300;
}

/* 공통_서브타이틀 */

/* 대메뉴1 버튼 공통 */

.suture_button{
	/* position: sticky;
	top: 140px;
	z-index: 1000;
	background-color: #fff;
	width: 100%; */
}

.suture_button ul{
    display: flex;
	margin-top: 180px;
    margin-bottom: 80px;
    justify-content: center;
}

.suture_button ul a{
	display: inline-block;
	width: 300px;
	height: 63px;
	border: 1px solid #F5F5F5;
	color: #222;
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	display: block;
}

.suture_button ul a.on{
	border: none;
	background-color: rgba(59,96,151,0.8);
	color: #fff;
}

/* .suture_button ul {
	display: flex;
	margin-top: 180px;
    margin-bottom: 80px;
    justify-content: center;
}

.suture_button ul .suture_button01{
	width: 300px;
	height: 63px;
	background-color: rgba(59,96,151,0.8);
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	color: #fff;
}

.suture_button ul .suture_button02,
.suture_button ul .suture_button03,
.suture_button ul .suture_button04{
	width: 300px;
	height: 63px;
	border: 1px solid #F5F5F5;
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	color: #222;
} */



/* 대메뉴1 버튼 공통 */

/* 14_둘러보기 */

.con0104 .inner{
    width: 43%;
}

.around_slide_wr {
    margin-top: 8vw;
    margin-bottom: 8vw;
    width: 100%;
    overflow: hidden;
}

.around_slide .swiper-wrapper {
    display: flex !important;
    align-items: center;
}

/* --- 상단 큰 이미지 슬라이더 --- */
.around_slide {
    margin-bottom: 20px;
    width: 100% !important;
    margin: 0 auto 20px auto !important; 
    position: relative;
    display: block;
}

.around_slide .swiper-slide {
    width: 825px !important;  
    height: 550px !important; 
    
    scale: 0.9;
    opacity: 0.4;
    transition: all 0.4s ease; 
}

/* 가운데 활성화된 슬라이드 스타일 */
.around_slide .swiper-slide-active {
    scale: 1;
    opacity: 1;
}

.around_slide .around_img {
    width: 100%;
    height: 100%; 
    border-radius: 20px;
    overflow: hidden;
}

.around_slide .around_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}

/* --- 하단 썸네일 슬라이더 --- */
.around_slide02 .swiper-slide {
    width: 109px !important; 
    height: 73px !important;
}

.around_slide02 .around_img02 {
    width: 100%;
    height: 73px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}

.around_slide02 .around_img02 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* 14_둘러보기 */

/* m15_오시는길 */

.direc .direc_bg{
    width: 1461px;
    height: 525px;
    border-radius: 15px;
    background: #F9F9F9;
    display: flex;
    position: relative;
}

.direc .direc_bg .direc_tit_box{
    margin-top: 135px;
    margin-left: 89px;
}

.direc .direc_bg .direc_tit{
    font-size: 38px;
    margin-bottom: 46px;
}

.direc .direc_bg .direc_tit span{
    font-size: 38px;
    color: #6384BD;
    font-weight: 500;
}

.direc .direc_bg .direc_tit b{
    font-size: 38px;
    color: #161616;
    font-weight: 500;
}

.direc .direc_bg .direc_desc{
    font-size: 25px;
}

.direc .direc_bg .direc_desc span{
    font-size: 27px;
    font-weight: 600;
}

.direc .direc_bg .direc_desc h3{
    font-size: 21px;
}

.direc .map_box{
    width: 953px;
    height: 500px;
    overflow: hidden;
    position: absolute;
    top: 14%;
    right: -6%;
    box-shadow: 0px 4px 43px rgba(0, 0, 0, 0.13);
}


/* m15_오시는길 */

/* m32_sec04 */

.sub_drem .coul_sc{
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sub_drem .coul_sc .box_sticky{
    position: sticky;
    top: 12rem; 
    display:flex; 
    width:50%;
    flex-direction: column;
}

.sub_drem .coul_sc .image{
    width:695px;
    height: 367px; 
    background-color: #fff;
    transition: top 0.3s; 
    border-radius: 15px; 
    margin-top:1rem; 
    overflow: hidden; 
    position:relative;
}

.sub_drem .coul_sc .image img{
    opacity:0;
    width:100%; 
    height:100%; 
    position:absolute; 
    top:0; 
    left:0; 
    object-fit: cover; 
    transition: opacity 0.3s ease-in-out;
}

.sub_drem .coul_sc .image img.active {
    opacity: 1;
}

.sub_drem .coul_sc .box_wrap{
    width:51%;
    padding-top:30vh;
}

.sub_drem .coul_sc .box_wrap .sub_tit{
    margin-bottom:1.4rem;
}

.sub_drem .coul_sc .box_wrap .sub_tit .tit{
    display:flex; 
    font-size:32px; 
    font-weight:600; 
    align-items: center; 
    color: #333;
}

.sub_drem .coul_sc .box_wrap .sub_tit .num{
    width:3.1em; 
    height:1.6em; 
    margin-right:3.6rem; 
    font-size:22px; 
    display:flex; 
    justify-content: center; 
    border-radius:150px; 
    background-color: #3B6097; 
    color:#fff; 
}

.sub_drem .coul_sc .box_wrap .box {
    margin-bottom:18rem;
    opacity: 0.3;
    transition: opacity 0.3s ease-in-out;
}

.sub_drem .coul_sc .box_wrap .box .img {
    display: none
}

.sub_drem .coul_sc .box_wrap .box.active {
    opacity: 1;
}

.sub_drem .coul_sc .box_wrap .list li{
    font-size:21px; 
    line-height:1.5;
    margin-top: 25px;
}

.sub_drem .coul_sc .box_wrap .list li + li {
    margin-top: 0.5em
}

/* m32_sec04 */

/* m33_sec03 */

.mysite_btn{
    margin-top: 60px;
    margin-bottom: 160px;
}

.mysite_btn ul{
    display: flex;
    gap: 18px;
    justify-content: center;
}

.mysite_btn li{
    width: 611px;
    height: 69px;
    border-radius: 10px;
    color: #fff;
    font-size: 32px;
    background-color: #D9D9D9;
    text-align: center;
    line-height: 69px;
}

.mysite_btn li.active{
    background-color: #6384BD;
}
/* m33_sec03 */

/* m42_sec07 */

.iol_wr{
    margin-top: 86px;
}

.iol_box .iol_img{
    width: 330px;
    height: 217px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 40px;
}

.iol_box .iol_img img{
    width: 100%;
    height: 100%;
}

.iol_box .iol_text_box{
    width: 330px;
}

.iol_box .iol_text_box .iol_disc{
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.iol_box .iol_text_box .iol_disc::after{
    content: "";
    display: block;
    height: 3px;
    background: #6384BD;
    margin-top: 25px;
}

.iol_btn{
    display: flex;
    position: absolute;
    top: 63%;
    right: 3%;
    gap: 12.5px;
}

.iol-swiper-button-prev{
    width: 50px;
    height: 50px;
    background: url('/img/sub/m42_sec07_prev_btn.png') no-repeat;
    cursor: pointer;
}

.iol-swiper-button-prev:hover{
    background: url('/img/sub/m42_sec07_prev_btn_on.png') no-repeat;
    cursor: pointer;
}

.iol-swiper-button-next{
    width: 50px;
    height: 50px;
    background: url('/img/sub/m42_sec07_next_btn.png') no-repeat;
    cursor: pointer;
}

.iol-swiper-button-next:hover{
    background: url('/img/sub/m42_sec07_next_btn_on.png') no-repeat;
    cursor: pointer;
}


/* m42_sec07 */

/* m43_sec02 */

.con0403 .sub_drem .coul_sc .image{
    width:695px;
    height: 367px; 
    background-color: #fff;
    border: 1px solid #d9d9d9;
    transition: top 0.3s; 
    border-radius: 15px; 
    margin-top:1rem; 
    overflow: hidden; 
    position:relative;
}

.con0403 .sub_drem .coul_sc .box_wrap .list li{
    font-size:21px; 
    line-height:1.5;
    margin-top: 25px;
    margin-left: 130px;
    list-style: disc;
}

.con0403 .sub_drem .coul_sc .box_wrap .list li::marker{
    font-size: 14px;
    color: #6384BD;
}


/* m43_sec02 */

/* m51_sec02 */

.symp_con{
    width: 100%;
    height: auto;
    background: url('../img/sub/m51_sec02_bg.jpg') no-repeat;
}

.symp_list ul {
    display: flex;
    gap: 30px;
}

.symp_list ul li{
    width: 480px;
}

.symp_list ul li figure{
    width: 480px;
    height: 214px;
    border-radius: 20px;
    overflow: hidden;
}
.symp_list ul li figure img{
    width: 100%;
}

.symp_list ul li p{
    font-size: 20px;
    color: #222;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 24px;
    text-align: center;
}

.symp_list ul li span{
    display: block;
    height: 3px;
    background: #6384BD;
}

.symp_test{
    width: 1520px;
    height: 892px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 3rem #eee;
    margin-top: 120px;
    overflow: hidden;
}

.symp_test .test_tit_row{
    text-align: center;
    margin-top: 100px;
}

.symp_test .test_tit_row .tag{
    font-family: "Cinzel", serif;
    font-size: 16px;
    color: #a9a9a9;
}

.symp_test .test_tit_row .tit{
    font-size: 40px;
    font-weight: 600;
    color: #222;
    margin-top: 12px;
    margin-bottom: 20px;
    text-transform: lowercase;
}

.symp_test .test_tit_row .desc{
    font-size: 25px;
    color: #555;
}

.symp_test .test_list{
    margin: 60px 125px;
    display: flex;
    gap: 90px;
}

.symp_test .test_list .test_img{
    width: 550px;
    height: 488px;
}

.symp_test .test_list .test_desc li .num::after{
    content: "";
    display: block;
    height: 1px;
    background: #3B6097;
    transform: rotate(90deg);
    width: 60px;
    margin: 30px -24px;
}

.symp_test .test_list .test_desc li:last-child .num::after{
    height: 0px;
}

.symp_test .test_list .test_desc li{
    display: flex;
    gap: 15px;
    margin-bottom: 55px;
    align-items: center;
}

.symp_test .test_list .test_desc li:last-child{
    margin-bottom: 0px;
}

.symp_test .test_list .test_desc li .num{
    width: 33px;
    height: 33px;
    border-radius: 33px;
    background: #6384BD;
    font-size: 22px;
    color: #fff;
    padding-left: 10px;
}

.symp_test .test_list .test_desc li .desc{
    font-size: 20px;
    color: #222;
}

.symp_test .test_list .note::before{
    content: "";
    display: block;
    border: 1px solid #DEDEDE;
    margin: 3rem 0;
}

.symp_test .test_list .note p{
    font-size: 21px;
    line-height: 1.7;
}

.symp_test .test_list .note p span{
    font-size: 21px;
    color: var(--main-color);
}
/* m51_sec02 */

/* m51_sec03 */

.con0501 .sec03 .sub_tit_row{
    margin-bottom: 0px;
}

.compare_wr .comp_noti {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	font-size: 20px;
	color: #444;
	margin-bottom: 59px;
}

.compare_wr .comp_noti figure{
    width: 28px;
    height: 28px;
}

.compare_wr .comp_noti figure img{
    width: 100%;
}

.compare {
    display: flex;
	border-radius: 50px;
	overflow: hidden;
}
.compare #com_slide {
    width: 100%;
    display: block;
    flex: 1;
}

.compare #com_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    display: block;
}

#com_slide {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.compare #com_slide #after {
    display: block;
    pointer-events: none;
}

.compare #com_slide #before {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
}

.compare #com_slide #resizer_box {
    width: 100%;
    height: 99px;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 83%;
    z-index: 5;
    /* touch-action: pan-y;
    -ms-touch-action: pan-y; */
    cursor: pointer;
    display: flex;
    gap: 590px;
}

.compare #com_slide #resizer_box p{
    font-size: 25px;
    color: #fff;
    margin-left: 17%;
    line-height: 99px;
    -webkit-user-select: none;
    -ms-user-select: none;   
    user-select: none;
}

.compare #com_slide #resizer {
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    top: 92%;
    left: 50%;        /* 초기 위치 */
    transform: translate(-50%, -50%);
    z-index: 6;
    background: url('/img/sub/comp_bar_circle.png') no-repeat center center/cover;
    cursor: pointer;
    touch-action: none; /* 모바일 드래그 방해 금지 */
}

.compare #com_slide #resizer_line{
    width: 50%;   
    height: 1px;   
    background: #fff;
    position: absolute;
    top: 92%;
    left: 25%;   
    z-index: 5;
}

/* m51_sec03 */


/* m51_sec04 */

.con0501 .sec04{
    background: url('../img/sub/m51_sec04_bg.jpg');
    width: 100%;
    height: auto;
}

.con0501 .sec04 .sub_tit_row .tit{
    color: #fff;
}

.type_wr figure{
    width: 638px;
    height: 300px;
    overflow: hidden;
    border-radius: 20px;
}

.type_wr figure img{
    width: 100%;
}

.type_wr ul{
    display: flex;
    gap: 100px;
    margin-bottom: 60px;
}

.type_wr ul:nth-of-type(2){
    margin-bottom: 0px;
}

.type_wr li .type_num{
    font-size: 25px;
    color: #A1C4FF;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.type_wr li .type_tit{
    font-size: 32px;
    height: 5.0;
    color: #fff;
    margin-bottom: 25px;
}

.type_wr li .type_tit::after{
    content: "";
    display: block;
    width: 160%;
    height: 1px;
    margin-top: 25px;
    background: #fff;
    position: relative;
    left: -20%;
}

.type_wr li .type_desc{
    font-size: 20px;
    height: 32px;
    color: #fff;
}

/* m51_sec04 */

/* m51_sec05 */

.way_wr ul {
    display: flex;
    gap: 100px;
}

.way_wr ul li{
    width: 710px;
    height: 459px;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #e5e5e5;
}

.way_wr ul li figure{
    width: 710px;
    height: 242px;
}

.way_wr ul li figure img{
    width: 100%;
}

.way_wr ul li .way_list{
    display: flex;
    gap: 15px;
    margin: 50px 0 30px 45px;
}

.way_wr ul li .way_list .way_num{
    width: 36px;
    height: 36px;
    border-radius: 5px;
    background-color: #3B6097;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
    text-align: center;
}

.way_wr ul li .way_list .way_tit{
    font-size: 28px;
    font-weight: 600;
}

.way_wr ul li .way_desc{
    font-size: 20px;
    line-height: 30px;
    margin-left: 45px;
}

/* m51_sec05 */

/* m52_sec05 | m53_sec04 | m54_sec04*/

.con0502 .sec05,
.con0503 .sec04,
.con0504 .sec04{
    width: 100%;
    height: auto;
    background: url('/img/sub/m52_sec05_bg.jpg') no-repeat;
    background-size: cover;
}

/* m52_sec05 */


/* -------------------켄텐츠 끝------------------- */

/* 서브 슬라이드 영역 공통 */

.sub_slide_wr{
    width: 100%;
    height: 780px;
}

.sub_slide {
    width: 100%;
    height: 780px;
    position: relative;
}

.sub_slide .sub_slide_bg01{
    width: 100%;
    height: 780px;
    background: url('/img/sub/sub_bn_slide_img01.jpg') no-repeat;
}

.sub_slide .sub_slide_bg02{
    width: 100%;
    height: 780px;
    background: url('/img/sub/sub_bn_slide_img02.jpg') no-repeat;
}

.sub_slide .sub_slide_bg03{
    width: 100%;
    height: 780px;
    background: url('/img/sub/sub_bn_slide_img01.jpg') no-repeat;
}

.sub_slide .sub_slide_box{
    width: 1179px;
    height: 553px;
    background: rgba(0, 0, 0, 0.71);
    position: absolute;
    top: 15%;
    left: 0;
}

.sub_slide .sub_slide_box .sub_tit_row{
    position: absolute;
    top: 25%;
    left: 14%;
}

.sub_slide .sub_slide_box .sub_tit_row .tag{
    font-size: 20px;
    color: #A1C4FF; 
    margin-bottom: 10px;  
}

.sub_slide .sub_slide_box .sub_tit_row .tit{
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 24px;
}

.sub_slide .sub_slide_box .sub_tit_row .tit span{
    font-size: 35px;
    font-weight: 500;
    color: #A1C4FF;
}

.sub_slide .sub_slide_box .sub_tit_row .desc{
    font-size: 20px;
    line-height: 32px;
    color: #fff;
}

.sub_slide .sub_slide_box .sub_tit_row .desc span{
    font-size: 20px;
    line-height: 32px;
    color: #A1C4FF;
}

.sub-slide-swiper-pagination {
    position: absolute;
    bottom: 27rem !important; /* 아래에서 30px 위로 */
    left: 20% !important;
    transform: translateX(-50%);
    top: auto !important; /* 상단 고정 해제 */
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.sub-slide-swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
    border-radius: 10px;
    background: #fff !important; /* 배경색으로 지정 */
    opacity: 0.4; /* 비활성 상태는 흐리게 */
}

/* 활성화된 점 (Active) */
.sub-slide-swiper-pagination-bullet-active {
    background: #fff !important; /* 강조하고 싶은 색상 (예: 하늘색) */
    opacity: 1 !important; /* 진하게 */
}

/* 버튼 공통 설정 */
.sub-slide-swiper-button-prev,
.sub-slide-swiper-button-next {
    position: absolute;
    top: 65%; /* 세로 중앙 */
    transform: translateY(-50%);
    width: 6rem;  /* 모바일에서 누르기 편한 크기 (40px) */
    height: 6rem;
    z-index: 100; /* 다른 요소보다 위에 */
    cursor: pointer;
    /* 버튼 이미지가 없다면 임시로 화살표 모양을 만듭니다 */
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 왼쪽 버튼 위치 */
.sub-slide-swiper-button-prev {
    left: 17rem;
}

/* 오른쪽 버튼 위치 */
.sub-slide-swiper-button-next {
    left: 25rem;
}

/* 화살표 아이콘 넣기 (이미지가 없을 때 대비) */
.sub-slide-swiper-button-prev::after,
.sub-slide-swiper-button-next::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
}

.sub-slide-swiper-button-prev::after {
    transform: rotate(-135deg); /* 왼쪽 화살표 */
    margin-left: 0.5rem;
}

.sub-slide-swiper-button-next::after {
    transform: rotate(45deg); /* 오른쪽 화살표 */
    margin-right: 0.5rem;
}


/* 서브 슬라이드 영역 공통 */