/* .swiper-wrapper{height:auto;} */

/********************************************************** 
* 마우스 휠 아이콘
***********************************************************/
/* scroll_down_animation */
.scroll_down_wrap{
    position:fixed;
    bottom:0;
    left:50%;
    opacity:1;
    z-index: 1;
    transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    -moz-transform: translateX(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateZ(0);
    -o-transform: translateX(-50%) translateZ(0);
}
.scroll_down_wrap.onder{position:absolute;}
.scroll_down_wrap > p{margin-bottom:15px;}
.scroll_down{position:relative; width:2px; height:70px; background: #acacac; margin:0 auto; overflow:hidden;}
.scroll_down::after{
    content: ''; 
    position:absolute;
    top:0;
    left:0;
    width: 100%; 
    height: 25px; 
    background: #fff;
    margin: 0 auto;
    animation: scroll_down 2s ease infinite;
    -webkit-animation: scroll_down 2s ease infinite;
    -moz-animation: scroll_down 2s ease infinite;
    -ms-animation: scroll_down 2s ease infinite;
    -o-animation: scroll_down 2s ease infinite;
    transform: translateY(-30px) translateZ(0);
    -webkit-transform: translateY(-30px) translateZ(0);
    -moz-transform: translateY(-30px) translateZ(0);
    -ms-transform: translateY(-30px) translateZ(0);
    -o-transform: translateY(-30px) translateZ(0);
}

@keyframes scroll_down{
    0%{
        transform: translateY(-30px) translateZ(0);
        -webkit-transform: translateY(-30px) translateZ(0);
        -moz-transform: translateY(-30px) translateZ(0);
        -ms-transform: translateY(-30px) translateZ(0);
        -o-transform: translateY(-30px) translateZ(0);
    }
    100%{
        transform: translateY(100px) translateZ(0);
        -webkit-transform: translateY(100px) translateZ(0);
        -moz-transform: translateY(100px) translateZ(0);
        -ms-transform: translateY(100px) translateZ(0);
        -o-transform: translateY(100px) translateZ(0);
    }
}
@-webkit-keyframes scroll_down{
    0%{
        transform: translateY(-30px) translateZ(0);
        -webkit-transform: translateY(-30px) translateZ(0);
        -moz-transform: translateY(-30px) translateZ(0);
        -ms-transform: translateY(-30px) translateZ(0);
        -o-transform: translateY(-30px) translateZ(0);
    }
    100%{
        transform: translateY(100px) translateZ(0);
        -webkit-transform: translateY(100px) translateZ(0);
        -moz-transform: translateY(100px) translateZ(0);
        -ms-transform: translateY(100px) translateZ(0);
        -o-transform: translateY(100px) translateZ(0);
    }
}

/********************************************************** 
* main_visual_wrap
***********************************************************/
.main_visual_wrap { height: 100vh; position: relative;background:#fff;z-index:1;}
.main-visual-slide {height: 100%;}
.main-visual-slide .main-visual-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden; }
.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg { background:url("../img/main_visual01.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg { background:url("../img/main_visual02.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg { background:url("../img/main_visual03.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { background:url("../img/main_visual04.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item05 .main-visual-item-bg { background:url("../img/main_visual05.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item06 .main-visual-item-bg { background:url("../img/main_visual06.jpg") no-repeat 50% 50%/ cover; }

.main-visual-slide .swiper-slide.main-visual-item .main-visual-item-bg { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transition:all 3.5s linear; -webkit-transition:all 3.5s linear; -moz-transition:all 3.5s linear; -ms-transition:all 3.5s linear; -o-transition:all 3.5s linear; background-position:center 50%; }

.main-visual-slide .swiper-slide-active.main-visual-item .main-visual-item-bg { transform:scale(1); -wekit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); background-position:center 0; }


.main_visual_wrap .txtbox { position:absolute; top:28%; left:6%; }
.main_visual_wrap .txtbox strong { font-weight: 600;}
/* .main_visual_wrap .txtbox h3 { font-size:38px; line-height: 1.4; }
.main_visual_wrap .txtbox h2 { font-size:18px; line-height: 1.6; } */
.main_visual_wrap .main-visual-item01 .txtbox .tit01 { line-height: 1.4;}
.main_visual_wrap .txtbox .tit01 + .tit02 { margin-top: 1.8rem; }
.main_visual_wrap .txtbox .tit02 + .tit03 { margin-top: 2.2rem; }
.main_visual_wrap .txtbox .tit01 { font-size:2.875rem; line-height: 1.3; font-weight: 400; }
.main_visual_wrap .txtbox .tit01 strong { font-size:4.688rem; }
.main_visual_wrap .txtbox .tit02 { font-size:5.5rem; line-height: 1.3; }
.main_visual_wrap .txtbox .tit03 { font-size:1.313rem; line-height: 1.4; }
.main_visual_wrap .sub-top-txt-wrap + .sub-top-txt-wrap { margin-top: 2rem;}

.progress_show_bar{width: 345px; height: 3px; position: relative; margin-top: 3.75rem;}
.progress_show_bar::after{content:'';position: absolute;left:0;top:0;z-index:1;width:100%;height:100%;background: rgba(100, 102, 102, 0.2)}
.progress_show_bar::before{content:'';position: absolute;left:0;top:0;z-index:2;width:0;height:100%;background:rgba(110, 127, 159, 1)}
.swiper-slide-active .progress_show_bar::before{animation-name: countingBar;animation-duration: 3.5s; animation-timing-function: ease-in;animation-iteration-count: 1;
animation-direction: alternate;animation-fill-mode:forwards;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
.c-w .progress_show_bar::after{content:'';position: absolute;left:0;top:0;z-index:1;width:100%;height:100%;background: rgba(255, 255, 255, 0.2)}
.c-w .progress_show_bar::before{content:'';position: absolute;left:0;top:0;z-index:2;width:0;height:100%;background:rgba(255, 255, 255, 1)}



.main_visual_controllers { position: absolute; top: 65%; left: 6%; width: 100px; height: 12px; }
#main-visual-navigation {height: 100%;}
#main-visual-navigation span { display:inline-block; width:5px; height:12px; cursor:pointer; z-index:45; position: absolute; top: 0; }
.swiper-prev.main-visual-prev { background:url("../img/icon-prev01.png") no-repeat center/ 100% auto; left: 0; }
.swiper-next.main-visual-next { background:url("../img/icon-next01.png") no-repeat center/ 100% auto; right: 0; }
.main-visual-pagination { width: auto; font-size: 17px; font-family: 'Pretendard Variable'; top: -2px; left: 50%; transform: translate(-50%, 0%); color: #646666;}
.main_visual_controllers.white .main-visual-pagination { color: #fff;}
.main_visual_controllers.white .swiper-prev.main-visual-prev { background:url("../img/icon-prev02.png") no-repeat center/ 100% auto; left: 0; }
.main_visual_controllers.white .swiper-next.main-visual-next { background:url("../img/icon-next02.png") no-repeat center/ 100% auto; right: 0; }


/********************************************************** 
* main_doctor_wrap
***********************************************************/
/* S:: waves 물결 효과 */
.waves-wrap { position:absolute; left:0; bottom:-8px; width:100%; z-index: -1; }
.waves { position:relative; width:100%; height:50vh; }
.parallax > use { animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; }
.parallax > use:nth-child(1) { animation-delay:-2s; animation-duration:20s; }
.parallax > use:nth-child(2) { animation-delay:-3s; animation-duration:10s; }
.parallax > use:nth-child(3) { animation-delay:-4s; animation-duration:30s; }
.parallax > use:nth-child(4) { animation-delay:-5s; animation-duration:40s; }
@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }
    100% { 
        transform: translate3d(85px,0,0);
    }
}
/* E:: waves 물결 효과 */

.main_keyword { color: #d9b59d; font-weight: 500; font-size: 1.313rem; font-family: "DM Sans", sans-serif;}

.relative_wrap{position: relative;z-index: 1;}
.main_doctor_wrap { position: relative; z-index: 1; height: 100vh; overflow-y: hidden;  background: #1b335c; padding: 16.25rem 0 0; }
.main_doctor_card_wrap.m_doctor_card {display:none;}
.main_doctor_inner { display: flex; align-items: flex-start; justify-content: center; gap: 0 16rem;}
.main_doctor_txts strong { font-weight: 500; }
.main_doctor_txts .txt01 { font-size: 2.375rem; color: #fff; line-height: 1.4;}
.main_doctor_txts .txt02 { font-size: 1.125rem; color: #fff; line-height: 1.6;}
.main_doctor_txts .main_keyword + .txt01 { margin-top: 2.5rem;}
.main_doctor_txts .txt01 + .txt02 { margin-top: 2.5rem;}
.main_doctor_txts .txt02 + .main_doctor_more { margin-top: 2.5rem;}
.main_doctor_txts .pro { font-size: 1.125rem; color: #fff; font-weight: 500; width: 270px; height: 52px; display: flex; align-items: center; justify-content: center; gap: 0 1rem; border-radius: 26px; border: 1px solid #fff; margin-top: 3.1rem;}
.main_doctor_txts .pro i { width: 2rem; height: 2rem; display: block; background:url("../img/main_pro_icon.png") no-repeat center/ 100% auto; }

.main_doctor_more { position:relative; overflow:hidden; border-radius:0.187rem 1.25rem; transition:all 0.5s cubic-bezier(0.19,1,0.22,1); background: #c9a48a; width: 10.563rem; height: 2.75rem; line-height:  2.75rem; display: block; text-align: center; color: #fff !important; font-weight: 600; }
.main_doctor_more:hover { background: #000;}
/* .main_doctor_more:hover { border-radius:0; transition:all 0.75s cubic-bezier(0.19,1,0.22,1); } */

.main_doctor_card_wrap { transform: translate3d(0,0,0);}
.main_doctor_card_inner { display: flex; align-items: flex-start; gap: 0 2.5rem; }
.card_list { display: flex; flex-direction: column; align-items: center; gap: 2.5rem 0; }
.card_list02 { margin-top: 5.3rem;}
.card_list .card { position: relative; width: 299px; height: 377px; padding: 2.5rem 2.063rem; border-radius: 19px; background: #222; }
.card_list01 .card01 { background:url("../img/main_doctor01_card01.jpg") 50% 50%/ cover no-repeat; }
.card_list01 .card02 { background:url("../img/main_doctor01_card250725.jpg") 50% 50%/ cover no-repeat; }
.card_list01 .card03 { background:url("../img/main_doctor02_card02.jpg") 50% 50%/ cover no-repeat; }
.card_list02 .card01 { background:url("../img/main_doctor02_card01.jpg") 50% 50%/ cover no-repeat; }
.card_list02 .card02 { background:url("../img/main_doctor01_card03.jpg") 50% 50%/ cover no-repeat; }
.card p { color: #fff;}
.card .desc01 { font-size: 1.125rem; font-weight: 400;}
.card .desc02 { font-size: 2.125rem; font-weight: 500; margin-top: 3.125rem; }
.card .desc03 { font-size: 1.063rem; font-weight: 400; margin-top: 1.375rem;}
.card_more { display: block; width: 1.938rem; height: 1.938rem; background: #222; border-radius: 50%; position: relative; position: absolute; bottom: 2rem;}
.card_more::before { content: ""; display: block; width: 15px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.card_more::after { content: ""; display: block; width: 1px; height: 15px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.main_doctor_modal.modal { top: 25%; left: 22%; background: #fafafa; border-radius: 30px; }
.main_doctor_modal.modal .modal-content { width: 31.25rem; height: 30.625rem; padding: 3rem 2rem; }
.main_doctor_modal.modal .modal-txt { display: flex; align-items: flex-end; justify-content: center; margin-left: 3rem; height: 100%; }
.main_doctor_modal.modal .modal-close { font-size: 1rem; display: flex; flex-direction: column; align-items: center; background: none; position: absolute; top: 1rem; left: 1rem; font-weight: 400; color: #000;}
.main_doctor_modal.modal .modal-close i{ width:2.313rem; height:2.063rem; background:url("../img/modal-close.png") no-repeat center/100% auto;}
.doctor_records { height: 100%; overflow-y: scroll; padding: 0 2rem; }
.doctor_records::-webkit-scrollbar { width: 4px;}
.gnb-menu-list::-webkit-scrollbar-track {background: transparent;}
.doctor_records::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1);}
.doctor_record li { color: #4e4e4e; }
.doctor_record li + li {margin-top: 9px;}
.doctor_record .doc_name { font-size: 1.7rem; font-weight: 500; margin-bottom: 2rem;}
.doctor_record .doc_name span { font-size: 1.1rem; }
.doctor_record strong { font-weight: 500; font-size: 1.063rem; color: #c9a188; }
.doctor_record + .doctor_record { margin-top: 2rem; }

/********************************************************** 
* main_phil_wrap
***********************************************************/
.main_phil_wrap{ width: 100%; height: 100vh; padding: 10rem 0 0; position: relative;}
.main_phil_inner {width: 80%; height: 70%; margin: 0 auto; position: relative; overflow: hidden; border-radius: 80px; max-width: 1920px;}
.main_phil_inner > img{ width: 100%; }
.main_phil_inner > video { width: 100%; height: 100%; object-fit: cover; }
.main_phil_txts { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);}
.main_phil_txts strong { font-weight: 500;}
.main_phil_txts .txt01 { font-size: 1.75rem; margin-top: 1.563rem; line-height: 1.4; }
.main_phil_txts .txt02 { font-size: 1rem; margin-top: 1.875rem; line-height: 1.6; }
.main_phil_more { display: inline-block; margin-top: 2.5rem; border-bottom: 1px solid #fff; padding-bottom: 0.5rem; font-weight: 400; transition: all 0.4s;}
.main_phil_more:hover { color: #d9b59d; border-color: #d9b59d;}


/********************************************************** 
* main_implant_wrap
***********************************************************/
.main_implant_wrap{ position: relative; }
.main_implant_wrap::before{ content: ""; display: block; width: 57.125rem; height: 19.938rem; background: url(../img/main_implant_bg_txt.png) 50% 50%/100% no-repeat; position: absolute; bottom: 4rem; right: 24%;}
.main_implant_inner {display: flex; align-items: center; justify-content: center; gap: 0 1rem;}
.main_implant_txts {width: 30%;}
.main_implant_txts strong { font-weight: 500; }
.main_implant_txts .emphasize { color: #c69674;}
.main_implant_txts .txt01 { font-size: 2.375rem; line-height: 1.4;}
.main_implant_txts .txt02 { font-size: 1.125rem; line-height: 1.6;}
.main_implant_txts .txt02 + .txt02 { margin-top: 1.4rem;}
.main_implant_txts .main_keyword + .txt01 { margin-top: 2.5rem;}
.main_implant_txts .txt01 + .txt02 { margin-top: 2.5rem;}
.main_implant_txts .txt02 + .main_implant_more { margin-top: 2.5rem;}
.main_implant_more { position:relative; overflow:hidden; border-radius:0.187rem 1.25rem; transition:all 0.5s cubic-bezier(0.19,1,0.22,1); border: 1px solid #1b4e85; width: 10.563rem; height: 2.75rem; line-height:  2.75rem; display: block; text-align: center; color: #1b4e85 !important; font-weight: 600; }
.main_implant_more:hover {  color: #fff !important; background: #1b4e85; }

.main_implant_sliders{width: 49%;}
.main_implant_sliders::before {
    width: 1143px;
    height: 1143px;
    border: 1px solid rgba(201,161,136,0.3);
    border-radius: 100%;
    content: '';
    position: absolute;
    right: -33%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.main_implant_swiper { height: 1220px;}
.main_implant_swiper .main_implant_slider {display: flex; align-items: center; justify-content: flex-end; gap: 0 1.3rem;}
.main_implant_swiper .swiper-slide.swiper-slide-active { align-items: center; justify-content: center;}
.main_implant_swiper .swiper-slide:not(.swiper-slide-active) .implant_slide_txt { height: 0; overflow: hidden; }
.main_implant_swiper .implant_slide_txt {text-align: right; color: #c69674; height: auto;}
.main_implant_swiper .implant_slide_txt .txt01{ font-size: 1.688rem; font-weight: 400;}
.main_implant_swiper .implant_slide_txt .txt02{ font-size: 2rem; font-weight: 600; margin-top: 1rem;}
.main_implant_swiper .implant_slide_txt .txt02 span { font-size: 3.375rem;}
.main_implant_swiper .implant_slide_txt .txt03{ color: #1c1c1c; font-size: 1.125rem; margin-top: 1.313rem;}
.main_implant_swiper .main_implant_slider02 .implant_slide_txt .txt02{ font-size: 2.625rem; font-weight: 600;}
.main_implant_swiper .main_implant_slider03 .implant_slide_txt .txt02{ font-size: 2.625rem; }
.main_implant_swiper .implant_slide_img { position: relative; width: 55%; transition: all 0.3s;}
.main_implant_swiper .implant_slide_img > div { transition: .3s linear; display: inline-block; overflow: hidden; }
.main_implant_swiper .swiper-slide:not(.swiper-slide-active) .implant_slide_img { width: 29%; background: #fff; border-radius: 100%; }
.main_implant_swiper .swiper-slide:not(.swiper-slide-active) .implant_slide_img > div { opacity: 0.4;}
.main_implant_swiper .swiper-slide-active .implant_slide_img > div { transform: scale(1,1); }
.main_implant_swiper .swiper-slide-active .implant_slide_img::before { display: block; font-family: "DM Sans", sans-serif; font-weight: 600; font-size: 155px; text-shadow: -1px 0px #c9a48a, 0px 1px #c9a48a, 1px 0px #c9a48a, 0px -1px #c9a48a; position: absolute; top: -4.7rem; left: -4rem; color: #fff; opacity: 0.4; }
.main_implant_swiper .swiper-slide-active.main_implant_slider01 .implant_slide_img::before { content: "01"; }
.main_implant_swiper .swiper-slide-active.main_implant_slider02 .implant_slide_img::before { content: "02"; }
.main_implant_swiper .swiper-slide-active.main_implant_slider03 .implant_slide_img::before { content: "03"; }
/* .swiper-button-prev.main_implant_prev{
    top:50%; left:8%; width:3.188rem; height:1.125rem; opacity:1; background: url(../img/main_implant_prev.png) 50% 50%/100% no-repeat;
    transform: translate(-50%,-50%) translateZ(0);
    -webkit-transform: translate(-50%,-50%) translateZ(0); 
    -moz-transform: translate(-50%,-50%) translateZ(0); 
    -ms-transform: translate(-50%,-50%) translateZ(0); 
    -o-transform: translate(-50%,-50%) translateZ(0);
}
.swiper-button-next.main_implant_next{
    top:50%; right:4%; width:3.188rem; height:1.125rem; opacity:1; background: url(../img/main_implant_next.png) 50% 50%/100% no-repeat;
    transform: translate(-50%,-50%) translateZ(0);
    -webkit-transform: translate(-50%,-50%) translateZ(0); 
    -moz-transform: translate(-50%,-50%) translateZ(0); 
    -ms-transform: translate(-50%,-50%) translateZ(0); 
    -o-transform: translate(-50%,-50%) translateZ(0);
}
.swiper-button-prev.main_implant_prev::after, .swiper-button-next.main_implant_next::after {
    display: none;
} */
#main-implant-navigation {position: absolute; top: 50%; right: 5%; height:1.125rem; z-index: 1;}
#main-implant-navigation span { display:inline-block; width:3.188rem; height:1.125rem; cursor:pointer; z-index:2;}
.swiper-prev.main_implant_prev { background: url(../img/main_implant_prev.png) 50% 50%/100% no-repeat; margin-right: 1rem; }
.swiper-next.main_implant_next { background: url(../img/main_implant_next.png) 50% 50%/100% no-repeat; }


/********************************************************** 
* main_ceramic_wrap
***********************************************************/
.main_ceramic_wrap{ position: relative; background: url(../img/main_ceramic_bg.jpg) 50% 50%/cover no-repeat; padding: 8.75rem 0;  }
.main_ceramic_inner {display: flex; align-items: center; justify-content: center; gap: 0 5rem; padding-left: 2rem; }
.main_ceramic_txts strong { font-weight: 500; }
.main_ceramic_txts .emphasize { color: #c69674;}
.main_ceramic_txts .txt01 { font-size: 2.375rem; line-height: 1.4;}
.main_ceramic_txts .txt02 { font-size: 1.125rem; line-height: 1.6;}
.main_ceramic_txts .txt02 + .txt02 { margin-top: 1.4rem;}
.main_ceramic_txts .main_keyword + .txt01 { margin-top: 2.5rem;}
.main_ceramic_txts .txt01 + .txt02 { margin-top: 2.5rem;}
.main_ceramic_txts .txt02 + .main_ceramic_more { margin-top: 2.5rem;}
.main_ceramic_more { position:relative; overflow:hidden; border-radius:0.187rem 1.25rem; transition:all 0.5s cubic-bezier(0.19,1,0.22,1); background: #24272b; width: 10.563rem; height: 2.75rem; line-height:  2.75rem; display: block; text-align: center; color: #fff !important; font-weight: 500; }
.main_ceramic_more:hover { background: #c9a48a;}

.main_ceramic_sliders { width: 1022px; height: 540px; background: #fff; border-radius: 22px; box-shadow: 0px 0px 26px 20px rgba(127,127,127,0.12); display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.main_ceramic_swiper { width: 80%;}
.main_ceramic_swiper .main_ceramic_slider .ceramic_slide { display: flex; align-items: center; justify-content: center; gap: 0 1rem; position: relative;}
.main_ceramic_swiper .main_ceramic_slider .ceramic_slide::before { content: ""; display: block; width: 3.438rem; height: 3.438rem; background: url(../img/main_ceramic_icon01.png) 50% 50%/cover no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main_ceramic_swiper .main_ceramic_slider .ceramic_slide > img { border-radius: 13px; }
.main_ceramic_swiper .main_ceramic_slider .subtit { text-align: center; color: #4c4c4c; font-size: 1.313rem; margin-top: 1.4rem; font-weight: 400;}

#main-ceramic-navigation {position: absolute; top: 35%; left: 50%; width: 100%; height:50px; transform: translate(-50%, 0%); z-index: 2;}
#main-ceramic-navigation span { display:inline-block; width:22px; height:50px; cursor:pointer; z-index:2; position: absolute; top: 0;}
.swiper-prev.main_ceramic_prev { background: url(../img/main_ceramic_prev.png) 50% 50%/100% no-repeat; left: 0;}
.swiper-next.main_ceramic_next { background: url(../img/main_ceramic_next.png) 50% 50%/100% no-repeat; right: 0;}

.swiper-pagination.main_ceramic_pagination { position: static; margin-bottom: 2rem; }
.swiper-pagination.main_ceramic_pagination .swiper-pagination-bullet { width: auto; height: auto; background: transparent; border: 1px solid rgba(36, 39, 43, 0.3); border-radius: 25px; color: #757b83; font-size: 1.063rem; font-family: "DM Sans", sans-serif; width: 7.688rem; height: 3.188rem; line-height: 3.188rem; opacity: 1; transition: all 0.4s; font-weight: 400;}
.swiper-pagination.main_ceramic_pagination .swiper-pagination-bullet:hover { background: #c9a48a; border: 1px solid #c9a48a; color: #fff;}
.swiper-pagination.main_ceramic_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c9a48a; border: 1px solid #c9a48a; color: #fff;}
.swiper-pagination.main_ceramic_pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 2rem;}

/********************************************************** 
* main_space_wrap
***********************************************************/
.main_space_wrap{ position: relative; padding: 8.75rem 0;  }
.main_space_inner { width: 1390px; margin: 0 auto;}
.main_space_top {display: flex; align-items: center; justify-content: space-between;}
.main_space_txts { }
.main_space_txts strong { font-weight: 500; }
.main_space_txts .emphasize { color: #c69674;}
.main_space_txts .txt01 { font-size: 2.375rem; line-height: 1.4;}
.main_space_txts .txt02 { font-size: 1.125rem; line-height: 1.6; font-weight: 400;}
.main_space_txts .txt02 + .txt02 { margin-top: 1.4rem;}
.main_space_txts .main_keyword + .txt01 { margin-top: 2.5rem;}
.main_space_txts .txt01 + .txt02 { margin-top: 1.5rem;}
.main_space_txts .txt02 + .main_space_more { margin-top: 3.5rem;}
.main_space_more { position:relative; overflow:hidden; border-radius:0.187rem 1.25rem; transition:all 0.5s cubic-bezier(0.19,1,0.22,1); border: 1px solid #1b4e85; width: 10.563rem; height: 2.75rem; line-height:  2.75rem; display: block; text-align: center; color: #1b4e85 !important; font-weight: 500; }
.main_space_more:hover { background: #1b4e85; color: #fff !important; }

.main_space_slider { width: 700px; position: relative;}
.main_space_slide >img { border-radius: 13px; overflow: hidden; padding: 0 1px;}

.main_space_bottom {width: 100%; margin-top: 2rem;}
.main_space_thumb_swiper {width: 100%;}
.main_space_thumb_slide { border-radius: 13px; border: 3px solid transparent; overflow: hidden; opacity: 0.4; transition: opacity 0.3s, border 0.3s; cursor: pointer;}
.main_space_thumb_slide.swiper-slide-active { border: 3px solid #c9a48a; opacity: 1;}
.main_space_thumb_slide:hover { border: 3px solid #c9a48a; opacity: 1;}

#main-space-navigation {position: absolute; bottom: 1.8rem; left: -25%; height:1.125rem;}
#main-space-navigation span { display:inline-block; width:3.188rem; height:1.125rem; cursor:pointer; z-index:2;}
.swiper-prev.main_space_prev { background: url(../img/main_space_prev.png) 50% 50%/100% no-repeat; margin-right: 1rem; }
.swiper-next.main_space_next { background: url(../img/main_space_next.png) 50% 50%/100% no-repeat; }


/********************************************************** 
* main_review_wrap
***********************************************************/
.main_review_wrap{ position: relative; background: url(../img/main_review_bg.jpg) 50% 50%/cover no-repeat; padding: 8.75rem 0;  }
.main_review_inner { }
.main_review_txts { text-align: center;}
.main_review_txts strong { font-weight: 500; }
.main_review_txts .emphasize { color: #c69674;}
.main_review_txts .txt01 { font-size: 2.375rem; line-height: 1.4;}
.main_review_txts .txt02 { font-size: 1.125rem; line-height: 1.6; font-weight: 400;}
.main_review_txts .txt02 + .txt02 { margin-top: 1.4rem;}
.main_review_txts .main_keyword + .txt01 { margin-top: 2.5rem;}
.main_review_txts .txt01 + .txt02 { margin-top: 2.5rem;}
.main_review_more { position:relative; overflow:hidden; border-radius:0.187rem 1.25rem; transition:all 0.75s cubic-bezier(0.19,1,0.22,1); background: #c9a48a; width: 12.438rem; height: 2.75rem; line-height: 2.75rem; display: block; text-align: center; color: #fff !important; font-weight: 500; font-size: 0.938rem; margin: 3.75rem auto 0; border: 1px solid #c9a48a;}
.main_review_more:hover { background: #fff; color: #c9a48a !important; }

.main_review_sliders{ width: 80%; margin: 3.125rem auto 0; position: relative;}
.main_review_swiper { position: relative; width: 100%;}
.main_review_swiper .swiper-slide {  border-radius: 22px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(127,127,127,0.12); margin-right: 2rem; }
.review_holder { font-weight: 400; padding: 2rem; height: 14.75rem; }
.review_holder .comment { font-size: 1.188rem; line-height: 1.3;}
.review_holder .info { display: flex; align-items: center; gap: 0 1rem; margin-top: 1.34rem; padding-top: 1.34rem; border-top: 1px solid rgba(31, 31, 31, 0.3);}
.review_holder .info_txt {width: 100%;}
.review_holder .info_txt .txt01 { font-size: 0.919rem; font-weight: 500; color: #bc977d;}
.review_holder .info_txt .txt02 { font-size: 0.919rem; display: flex; align-items: center; justify-content: space-between; margin-top: 0.5rem;} 

#main-review-navigation {position: absolute; top: 40%; left: 50%; width: 100%; height:50px; transform: translate(-50%, 0%); z-index: -1;}
#main-review-navigation span { display:inline-block; width:19px; height:43px; cursor:pointer; z-index:2; position: absolute; top: 0;}
.swiper-prev.main_review_prev { background: url(../img/main_review_prev.png) 50% 50%/100% no-repeat; left: -3rem;}
.swiper-next.main_review_next { background: url(../img/main_review_next.png) 50% 50%/100% no-repeat; right: -3rem;}


/********************************************************** 
* main_contact_wrap
***********************************************************/
.main_contact_wrap { padding: 8.75rem 0;}
.main_contact_inner { display: flex; background: #f8f8f8; align-items: center; justify-content: flex-end; margin: 4rem auto 0; border-radius: 20px; overflow: hidden; width: 1643px; height: 648px; gap: 0 3.438rem; }

.main_contact_tit { font-family: "DM Sans", sans-serif; text-align: center; font-weight: 600; color: #c9a48a; font-size: 2.625rem; }
.main_contact_txts ul + ul { margin-top: 6.563rem; }
.main_contact_txts ul .subtit { font-weight: 600; font-size: 1.563rem; display: flex; align-items: center; gap: 0 1rem; }
.main_contact_txts ul .txt01 { font-size: 1.25rem; margin-top: 1.8rem; }
.main_contact_txts ul .txt02 { font-size: 1.25rem; font-weight: 500; margin-top: 1rem; display: flex; align-items: center;}
.main_contact_txts ul li:not(.subtit) {margin-left: 3.2rem; }
.main_contact_txts ul.n01 .subtit i { display: block; width: 2rem; height: 1.938rem; background: url(../img/main_contact_icon01.png) 50% 50%/100% no-repeat; }
.main_contact_txts ul.n01 .txt02 i { width: 1.438rem; height: 1.438rem; display: block; background: url(../img/main_contact_icon03.png) 50% 50%/100% no-repeat; margin-right: 0.5rem; }
.main_contact_txts ul.n02 .subtit i { display: block; width: 2.375rem; height: 2.375rem; background: url(../img/main_contact_icon02.png) 50% 50%/100% no-repeat; }
.c-pp { color: #833edb;}

.main_contact_map { width: 65%; height: 100%;}