/* sub 공통 */
table{width:100%;border-spacing: 0;}
.half-1{margin-top:2%}
.half-1:nth-child(-n+2){margin-top: 0;}
.mt-50 {margin-top: 3rem;}
/* .flex-justify-center{justify-content: center;display: flex;} */
.flex-align-center{align-items: center;display: flex;}

.title >span{display: block;}

.sub .swiper-button-prev, .sub .swiper-button-next {width:70px;height:70px;}
.sub .swiper-button-prev:after, .sub .swiper-button-next:after{content: "";width:18px;height:18px;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.sub .swiper-button-prev:after{background-image: url(/img/sub/arrow.png);}
.sub .swiper-button-next:after{background-image: url(/img/sub/arrow_w.png);transform: rotate(180deg);}
.sub .swiper-button-next{background-color: #c2996b;}

.sub .box-shadow{box-shadow:0 0 15px 5px rgba(194,153,107,0.1);padding:40px 50px;background:#fff}
.sub .box-shadow b{width: calc(100% - 85px);text-align: left;}

@media (max-width: 990px) {
    .half-1:nth-child(-n+2){margin-top: 2%;}
    .half-1:first-child{margin-top:0}
    .sub .swiper-button-prev, .sub .swiper-button-next{width:50px;height:50px;}
    .font-60{font-size: 3.7rem;}
    .font-30{font-size: 1.8rem;}

    .sub .box-shadow{padding:30px;}
    .flex-justify-center{justify-content: flex-start;}
    .sub .box-shadow b{width: calc(100% - 60px);}
}
@media (max-width: 768px) {
    .sub .box-shadow{padding:20px 15px;}
}

/* sub_top */
.sub .sub_top{height:800px;position:relative;top:0;left:0;overflow: hidden;}
.sub .sub_top .sub_top_img{width:100%;height:100%;}
.sub .sub_top .sub_top_txt{position:absolute;bottom:35%;left: 50%;transform: translateX(-50%);width:1400px;color:#fff}

@media (max-width: 1440px) {
    .sub .sub_top .sub_top_txt{width: 90%;}
    .sub .sub_top{height:600px}
}
@media (max-width: 990px) {
    .sub .sub_top{height:500px}
}

@media (max-width: 798px) {
    .sub .sub_top{height:700px}
    .sub .sub_top .sub_top_txt{bottom:auto;top:50%;text-align: center;transform: translate(-50%, -50%);}

}
/* tab 공통 */
.sub .tab_btn {padding: 22px 80px;display: inline-block;border-radius: 50px;border: 1px solid #000;line-height: 1;}
.sub .tab {display:flex;flex-wrap: wrap;max-width:100%;margin: auto;text-align: center;align-items: center;justify-content: center;}
.sub .tab li{border-radius: 5px;border:1px solid #b2b2b2;font-size: 1.375rem;padding:10px;width:18%;margin-right:2%;text-align:center;cursor: pointer;}
.sub .tab li:last-child{margin-right: 0;}
.sub .tab li:nth-child(5n){margin-right: 0;}
.sub .view{display: none;}
.sub .view.active{display: block;}

.sub .tab.tabWidth li{width: 20%;}

@media (max-width: 990px) {
    .sub .tab li{width:31%;margin-top:10px;}
    .sub .tab li:nth-child(-n+3){margin-top:0}
}
@media (max-width: 768px) {
    .sub .tab_btn {padding: 18px 45px;}
    .sub .tab {max-width: 100%;}
    .sub .tab li{font-size: 1.3rem;padding:10px 5px}
    .sub .tab.mw2 {justify-content: space-between;}
    .sub .tab.mw2 li {width: 48%;margin-right: 0;}
    .sub .tab.mw2 li:nth-child(3) {margin-top:10px;}
}



/* 이미지 + 텍스트 */
#img-box .img-left{display:flex;align-items: center;width:100%;}
#img-box .img-left > .img{order:1}
#img-box .img-left > .txt{order:2;padding-left: 5%;}

#img-box .img-right{display:flex;align-items: center;width:100%;}
#img-box .img-right > .img{order:2}
#img-box .img-right > .txt{order:1;padding-right: 5%;}

@media (max-width: 990px) {
    #img-box .img-left, #img-box .img-right{flex-wrap: wrap;}
    #img-box .img-right > .img, #img-box .img-left > .img{width:100%;padding:0}
    #img-box .img-right > .txt, #img-box .img-left > .txt{width:100%;padding:0}

    #img-box .img-left > .img{order:2;padding-top:3rem}
    #img-box .img-left > .txt{order:1;}

    #img-box .img-right > .img{order:2;padding-top:3rem}
    #img-box .img-right > .txt{order:1;}
}


#img-bg {background-position: center;background-repeat: no-repeat;background-size: cover;}
.sub.vasectomy #img-bg{background-image: url(/img/sub/vasectomy/vasectomy_bg.jpg);}
.sub.circumcision #img-bg{background-image: url(/img/sub/vasectomy/circumcision_bg.jpg);}
.sub.eswt #img-bg{background-image: url(/img/sub/urolithiasis/eswt_bg.jpg);}

/* check_list */
.sub .check_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub .check_list li{padding: 25px;padding-left:65px;border:1px solid #c2996b;position:relative;top:0;left: 0;width:49%;margin-top:1.25rem; display: flex; align-items: center;}
.sub .check_list li:nth-child(-n+2){margin-top:0}
.sub .check_list li:after{display: block;content: "";clear:both;width:30px;height:30px;position:absolute;top:50%;left: 25px;transform: translateY(-50%);background-image: url(/img/sub/check.png);background-position: center;background-repeat: no-repeat;background-size: 100%;}

@media (max-width: 990px) {
    .sub .check_list li{width:100%;padding:20px 25px;padding-left: 75px;}
    .sub .check_list li:nth-child(-n+2){margin-top:1.25rem;}
    .sub .check_list li:first-child{margin-top:0}
}
@media (max-width: 500px) {
    .sub .check_list li{padding-left: 60px;}
    .sub .check_list li:after{width:20px;height:20px;left:20px}
}




/* definition */
.sub .definition{position:relative;top:0;left:0;overflow: hidden;}
.sub .definition:After{display:block;content:"";clear: both;width: 1400px;height:1px;background: #d8d8d8;position:absolute;bottom:0;left: 50%;transform: translateX(-50%);}

@media (max-width: 1440px) {
    .sub .definition:After{width:90%;}
}




/* cause */
.sub .cause .list{padding-left: 5%;}
.sub .cause .cause_list {display:flex;flex-wrap: wrap;}
.sub .cause .cause_list li{display:flex;align-items: center;margin-top:1.875rem;width: 100%;}
.sub .cause .cause_list.wtxt {padding-left: 50px;position:relative;top:0;left: 0;}
.sub .cause .cause_list.wtxt:after {display:block;content: "";clear:both;width: 2px;height:95%;position:absolute;top:50%;left:0;transform: translateY(-50%);background:#c2996b;}
.sub .cause .cause_list.w3 li{width: 33.3333%;}
.sub .cause .cause_list.w3 li:nth-child(-n+3){margin-top:0}
.sub .cause .num{width:75px;height:75px;color:#fff;font-weight: bold;font-size: 1.875rem;font-family: 'GmarketSans', sans-serif;border-radius: 50%;background:#c2996b;display: flex;justify-content: center;align-items: center;}
.sub .cause .cause_list li span{padding-left:25px;width: calc(100% - 75px);}
.sub .cause .cause_list.w2 li{width: 50%;}
.sub .cause .cause_list.w3 li:nth-child(-n+2){margin-top:0}
/* cause 유두축소*/
.sub .cause .cause_list.list2 li{display:flex;align-items: flex-start; margin-top:1.875rem;width: 100%;}

@media (max-width: 990px) {
    .sub .cause{text-align: center;}
    .sub .cause .cause_box{flex-wrap: wrap;}
    .sub .cause .title_box{width:100%;}
    .sub .cause .list{width:100%;padding-left: 0;}
    .sub .cause .cause_list{margin-top:4.68rem}
    .sub .cause .cause_list.w3 li{width:48%;}
    .sub .cause .cause_list.w3 li:nth-child(-n+3){margin-top:1.875rem;}
    .sub .cause .cause_list.w3 li:nth-child(-n+2){margin-top:0;}
    .sub .cause .cause_list li{justify-content: flex-start;align-items: flex-start;}
    .sub .cause .cause_list li:first-child{margin-top:0!important}
    .sub .cause .num{width: 50px;height:50px;}

    .sub .cause .cause_list.wtxt {padding: 30px;background: #faf9f8;border-top: 2px solid #c29983;}
    .sub .cause .cause_list.wtxt:after {display: none;}
    .sub .cause .cause_list li span{text-align: left;}
}

@media (max-width: 768px) {
    .sub .cause .num{width: 38px;height:38px;font-size: 1.5rem;}
}




/* symptom */
.sub .symptom .symptom_list li{display: flex;margin-top:10px;}
.sub .symptom .symptom_list li:first-child{margin-top:0}
.sub .symptom .symptom_list li .num{width: 10%;}
.sub .symptom .symptom_list li span{width: 85%;padding-left: 10px;}
.sub .symptom .num{font-size: 1.875rem;font-weight: bold;font-family: 'GmarketSans', sans-serif;color: #c2996b;}
.sub .symptom .symptom_list.st1 li{margin-top:15px;}
.sub .symptom .symptom_list.st1 li:first-child{margin-top:0}
.sub .symptom .symptom_list.st1 li .num{width: 30px;font-size: 1.375rem;padding-top: 3px;}
.sub .symptom .symptom_list.st1 li span{width: calc(100% - 30px);padding-left: 20px;}
.sub .symptom .symptom_list li.half-1:nth-child(2){margin-top: 0;}

.sub.aids .symptom .symptom_list.st1 li .num{padding-top:10px}
@media (max-width: 990px){
    .sub .symptom .symptom_list li.half-1:nth-child(2){margin-top:10px;}
    .sub.aids .symptom .symptom_list.st1 li .num{padding-top:5px}
}
@media (max-width: 768px){
    .sub .symptom .num{font-size: 1.5rem;}
    
}




/* diagnosis */
.sub .diagnosis .tab li{border-color: #fff;color: #fff;}
.sub .diagnosis .tab li.active, .sub .diagnosis .tab li:hover{border-color: #000;background-color: #000;}
.sub .diagnosis .diagnosis_list .diagnosis_box{display: flex;flex-wrap: wrap;}
.sub .diagnosis .diagnosis_list .diagnosis_tit{padding:15px 30px;background-color: #fff;font-weight: 600;}
.sub .diagnosis .diagnosis_list .diagnosis_desc{padding:20px 30px}

@media (max-width: 990px){
.sub .diagnosis .diagnosis_list .diagnosis_tit {padding: 10px 20px;}
.sub .diagnosis .diagnosis_list .diagnosis_desc {padding: 10px 20px;}
}




/* treatment */
.sub .treatment .treatment_table th {width: 25%;text-align:left;padding: 5px;}
.sub .treatment .treatment_table td {width: 75%;text-align:left;padding: 5px;}
.sub .treatment .tab li.active, .sub .treatment .tab li:hover{border-color: #c2996b;background-color: #c2996b;color: #fff;}
.sub .treatment .treatment_black_tit .black_tit{padding: 10px 20px;background: #000;color: #fff;display: inline-block;font-weight: 600;}
.sub .treatment .treatment_list li{margin-top:5px;}
.sub .treatment .treatment_list li:first-child{margin-top: 0;}
.sub .treatment .treatment_list li span{color: #898989;}

/* treatment_slide */
.sub .treatment_slide .img-right{align-items: flex-start!important;}
.sub .treatment_slide .txt b, .sub .treatment_slide .txt span{display: block;}
.sub .treatment_slide .txt b {font-size: 1.875rem;}
.sub .treatment_slide .swiper-btn-wrap{display: flex;}
.sub .treatment_slide .swiper-btn-wrap > *{position:relative;top:0;left: 0;right: auto;margin-top: 0;}
.sub .treatment_slide .swiper-button-prev{order: 1;}
.sub .treatment_slide .swiper-button-next{order:2}
.sub .treatment_slide .swiper-slide img{width: 100%;}

.sub .treatment2 .box .step {border: 1px solid #c2996b; text-align: center; font-size: 1.125rem; font-weight: 700; color: #c2996b; padding: 1rem; margin-right: 1rem; height: 6.7rem;}
.sub .treatment2 .box p.point {color: #c2996b;}

@media(max-width:990px) {
  .sub .treatment2 .box_wrap3 .box {width: 48.5%; margin-right: 1.5%;}
  .sub .treatment2 .box_wrap3 .box:nth-child(2) {margin-top: 0;}
}

@media(max-width:680px) {
    .sub .treatment2 .box p br {display: none !important;}
}

@media(max-width:500px) {
    .sub .treatment2 .box_wrap3 .box {width: 100%;}
    .sub .treatment2 .box_wrap3 .box:nth-child(2) {margin-top: 1.875rem;}
}


/* advantage */
.sub .advantage .box {padding:0 15px;background-color: #faf9f8;border-top:5px solid #c2996b;height:300px;display: flex;align-content: center;justify-content: center;}
.sub .advantage .box_wrap3.wrap3 {max-width: 900px; margin: auto;}
.sub .advantage .box .inner {align-self: center;}

.sub .advantage .w2 .box{height: auto;padding:30px 75px}

@media (max-width: 1440px){
.sub .advantage .box{height:250px}
}
@media (max-width: 1024px){
.sub .advantage .box{height:auto!important;padding:30px 10px;width:32.3333%;margin-right:1.5%;margin-top:1.5%;}
.sub .advantage .box:nth-child(3n){margin-right:0}
.sub .advantage .box:nth-child(-n+3){margin-top: 0}
.sub .advantage .box br{display: none;}
.sub .advantage .flex-center{align-items: flex-start;}

}
@media (max-width: 500px){
    .sub .advantage .box{width:49%;margin-right:2%;margin-top:2%}
    .sub .advantage .box:nth-child(3n){margin-right:2%}
    .sub .advantage .box:nth-child(2n){margin-right:0}
    .sub .advantage .box:nth-child(-n+3){margin-top:2%;}
    .sub .advantage .box:nth-child(-n+2){margin-top:0;}    

    
    .sub .advantage .w2 .box{width: 100%;margin-right:0}
    .sub .advantage .w2 .box:nth-child(-n+2){margin-top:2%;} 
    .sub .advantage .w2 .box:first-child{margin-top:0;} 
    
}
/* process */
.sub .process .box img{width: 100%;}
.sub .process .num{font-size: 1.875rem;font-family: 'GmarketSans', sans-serif; font-weight: bold;padding-bottom:10px;border-bottom:2px solid #000}
.sub .process .num span.txt {font-family: 'Noto Sans KR', sans-serif, Apple-Gothic, Dotum;}
.sub .process .box_wrap4 .box.w2{width:49%}
.sub .process .box.w2 .img{justify-content: space-between;}
.sub .process .box.w2 .img img{max-width: 100%;}
.sub .process .box.w2 .img img {justify-self: center;align-self: center;width: 48%;}
.sub .process .box.w2 .img img:first-child{margin-right:4%}

@media (max-width: 990px){
.sub .process .box{width: 49%;margin-right:2%;margin-top:1.875rem}
.sub .process .box:nth-child(-n+2){margin-top:0}
.sub .process .box:nth-child(2n){margin-right:0}
.sub .process .box_wrap4 .box.w2{width:100%;margin-top:1.875rem}
}
/* process 수증기기화술 */
.sub.rezum .process .box_wrap3 {justify-content: space-evenly;}
.sub.rezum .process .box_wrap3 .box {max-width: 380px;     text-align: center;}
@media (max-width: 990px){
    .sub.rezum .process .box_wrap3 {justify-content: space-between; gap: 1%;}
    .sub.rezum .process .box_wrap3 .box {width: calc(98% / 3);    max-width: none;   margin: 0;}
}
@media (max-width: 500px){
    .sub.rezum .process .box_wrap3 {flex-direction: column;  gap: 0;}
    .sub.rezum .process .box_wrap3 .box {width: 100%;max-width: 380px;margin: 0 auto; padding-bottom: 10%;}
    .sub.rezum .process .box_wrap3 .box:last-child {padding: 0;}
}




/* special */
.special .swiper-pagination{position:relative;top:0;left:0;display:flex;}
.special .swiper-pagination-bullet{display:block;width:33.3333%;height:auto;background:none;border-bottom:2px solid #aaa;position:relative;top:0;left:0;padding-bottom:10px;border-radius:0}
.special .swiper-pagination-bullet-active:after {display:block;content:"";clear:both;width:100%;height:4px;background:#c2996b;position:absolute;bottom:-3px;left:0}
.special .swiper-pagination-bullet-active {border-color:transparent}
.special .txt{display:flex;justify-content: space-between;text-align:left;margin-top:30px;}
.special .txt1{width:30%}
.special .txt2{width:60%}

.songdotop .special .swiper-pagination-bullet{width: 20%;}



@media (max-width: 990px){
    .special .txt{display: block;}
    .special .txt1{width:100%}
    .special .txt2{margin-top:10px;width:100%}
    .special .swiper-pagination-bullet{font-size: 1.5rem;}
}
@media (max-width: 768px){
	.songdotop .special .swiper-pagination {flex-wrap:wrap;}
	.songdotop .special .swiper-pagination-bullet{width: 30%; padding:0.5em 0 0;}
}




/* faq */
.sub .faq .qna_box {margin-top: 3.125rem;}
.sub .faq .qna_box:first-child{margin-top:0}
.sub .faq .qna_tit{font-weight:500;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #000}
.sub .faq .qna_tit span{font-size: 1.875rem;font-weight:bold;font-family: 'GmarketSans', sans-serif;color:#c2996b}
.sub .faq .qna_desc {padding:0 40px}

@media (max-width: 1024px){
    .sub .faq .qna_desc {padding:0 30px} 
}

/* faq 수증기기화술 */
.sub.rezum .faq .title {text-align: center;}
.sub.rezum .faq .cont_box {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5rem;}
.sub.rezum .faq .qna_box {width: 45%; margin: 0;}
@media (max-width: 990px){
    .sub.rezum .faq .cont_box {gap: 3rem;}
    .sub.rezum .faq .qna_box {width: 100%;}
}

/* faq 수증기기화술 */
.sub.URS .faq .title {text-align: center;}
.sub.URS .faq .cont_box {display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 2%;}
.sub.URS .faq .qna_box {width: 49%; margin: 0; margin-top: 2rem;}
@media (max-width: 990px){
    .sub.URS .faq .qna_box {width: 100%;}
}
@media(max-width:580px) {
        .sub.URS .faq .qna_box br {display: none;}
}


/* black_box */
.sub .black_box .box {position: relative;top:0;left: 0;}
.sub .black_box .box .txt{width:60%;position: absolute;bottom:30px;left:30px;color:#fff}

@media (max-width: 990px){
    .sub .black_box .box{overflow: hidden;}
    .sub .black_box .box .txt{position:relative;bottom:0;left:0;padding:30px;width:100%}
    .sub .black_box .box img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%}
}


/* accordion */
.sub .accordion_box .accordion_tit {padding: 20px 10px;padding-right: 60px;border-bottom: 1px solid #e5e5e5;position:relative;top:0;left:0;cursor: pointer;}
.sub .accordion_box .accordion_tit:after{display:block;content:"";clear:both;width:21px;height:11px;position:absolute;top:50%;right:10px;transform: translateY(-50%) rotate(180deg);background-repeat: no-repeat;background-position: center;background-size: 100%;background-image: url(/img/sub/arrow_up.png);}
.sub .accordion_box.on .accordion_tit:after {transform: translateY(-50%) rotate(0deg);}
.sub .accordion_box .accordion_desc {padding: 30px;background: #f9f5f0;border-bottom: 1px solid #e5e5e5;}
.sub .accordion_box .accordion_tit .num {margin-right: 10px;}



/* case */
.sub .case .case_tit{border-bottom:2px solid #c2996b;padding-bottom:0.625rem;font-weight: 600;font-size: 1.5rem;}

/* program */
.sub .program .title_wrap{position: relative;top:0;left:0}
.sub .program .swiper-btn-wrap{position:absolute;bottom:0;right: 0;}
.sub .program .swiper-btn-wrap{display: flex;}
.sub .program .swiper-btn-wrap > *{position:relative;top:0;left: 0;right: auto;margin-top: 0;}
.sub .program .swiper-btn-wrap .swiper-button-prev{background-color: #000;}
.sub .program .swiper-button-prev:after{background-image: url(/img/sub/arrow_w.png);}
.sub .program .program_slide .swiper-slide img{width: 100%;}
.sub .program .program_slide.cause{padding:10px 0 10px 10px}
.sub .program .program_slide.cause .box-shadow{height:auto}

@media (max-width: 990px){
    .sub .program .swiper-btn-wrap{position: relative;margin-top:1.875rem}   
}


/* stage */
.sub .stage {}
.sub .stage .stage_list {display: flex;justify-content: space-between;}
.sub .stage .stage_list .stage_box:After {display: block;content: "";clear: both;width: 40%;height: 0px;border-top: 10px dotted #c2996b;position: absolute;top: 45px;right: -47%;}
.sub .stage .stage_list .stage_box:last-child:After{display: none;}
.sub .stage .stage_list .stage_box {position: relative;top: 0;left: 0;}
.sub .stage .stage_list .stage_box .box {border: 4px solid #c2996b;border-radius: 13px;font-weight: 500;padding: 20px 0;}
.sub .stage .stage_list.w4 .stage_box {width: 18%;}



@media (max-width: 768px){
    .sub .stage .stage_list{flex-wrap: wrap;}
    .sub .stage .stage_list .stage_box .box{padding:0;border:0}
    .sub .stage .stage_list .stage_box{margin-top:30px;}
    .sub .stage .stage_list .stage_box:first-child{margin-top:0}
    .sub .stage .stage_list .stage_box{background:#fffefc;width: 100%!important;border: 4px solid #c2996b;border-radius: 15px;padding: 15px;}
    .sub .stage .stage_list .stage_box:After{width: 2px;height: 20px;bottom: -29px;left: 50%;border-left: 5px dotted #c2996b;right: auto;border-top: 0;margin-left: -2.5px;top: auto}
    .sub .stage .stage_list .stage_box .desc{margin-top:10px;}
}


/* table_box */
.sub .table_box th, .sub .table_box td{padding:15px 10px;text-align: center;}
.sub .table_box td {border-right: 1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.sub .table_box td:last-child{border-right: 0;}
.sub .table_box .t_co1{background-color: #e6e6e6;}
.sub .table_box .t_co2{background-color: #bfbfbf;}
.sub .table_box .t_co3{background-color: #000000;color: #fff;}
.sub .table_box .t_co4{background-color: #7f7f7f;color: #fff;}


.sub .type th, .sub .type td{padding:15px 10px;text-align: center;}
.sub .type th{color: #fff;}
.sub .type td {border-right: 1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.sub .type td:last-child{border-right: 0;}
.sub .type table .circle .inner{display: flex;width:100%;align-items: center;justify-content: center;flex-wrap: wrap;}
.sub .type table .circle .inner > div{margin:0 6px;width:60px;height:60px;border-radius: 50%;border:5px solid #ede0d2;background-color: #c2996b;color: #fff;line-height: 45px;}

.sub .type table .circle.st2 .inner > div{border-color: #ede0d2;background-color: #866641;}

.sub .type .t_co1{background-color: #c2996b;}
.sub .type .t_co2{background-color: #e0ccb5;}



/* aftercare */
.sub .aftercare .aftercare_list li{padding:15px 0;padding-left: 30px;position:relative;top:0;left:0;border-bottom: 1px dashed #cccccc;}
.sub .aftercare .aftercare_list li:After {display: block;content: "";clear: both;width: 5px;height: 20px;background: #c2996b;position: absolute;top: 20px;left: 10px;}




.sub .part_slide .swiper-pagination {position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.sub .part_slide .swiper-pagination .swiper-pagination-bullet {padding: 20px 50px;border-radius: 10px;width: auto;height: auto;background: #fff;color: #c2996b;opacity: 1;border: 1px solid #c2996b;margin-right: 10px;margin-top: 10px;}
.sub .part_slide .swiper-pagination .swiper-pagination-bullet-active {background: #c2996b;color: #fff;}


@media (max-width: 768px){
    .sub .part_slide .swiper-pagination .swiper-pagination-bullet{width:32.3333%;margin-right:1.5%;padding:15px;}
    .sub .part_slide .swiper-pagination .swiper-pagination-bullet:nth-child(3n){margin-right: 0;}
}

.sub .caution {background: #c2996b; padding: 100px 0; color: #fff !important;}
.sub .caution li img {filter: brightness(0) invert(1); margin-top: 0.25rem;}

@media(max-width:990px) {
    .sub .caution .flex.con_box {flex-direction: column; gap: 4.5rem;} 
    .sub .caution .flex.con_box .box {width: 100% !important;}
    .sub .caution .flex.con_box p br {display: none !important;}
}

@media(max-width:768px) {
   .sub .caution {padding: 80px 0;} 
}

@media(max-width:500px) {
 .sub .caution li img {width: 20px;}   
}

.sub .VS .title h1 span {color: #c2996b;}
.sub .VS table {border-collapse: collapse; text-align: center; }
.sub .VS th {background: #c2996b; color: #fff; border: 1px solid #fff; padding: 1rem; font-size: 1.5625rem;}
.sub .VS td {border: 0.5px solid #c2996b; padding: 1rem; font-size: 1.125rem;}

@media(max-width:500px) {
    .sub .VS .cont_box {overflow-x: scroll;}
    .sub .VS table {width: 700px;}
}