/*FONT*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');/*Noto Sans Font*/
.ft_serif{font-family: 'Noto Serif KR', serif;}

/* Sub 공통  */

p{word-break: keep-all;}
html,body{font-size:16px;}
h1, h2, h3, h4, h5, h6{font-weight: inherit;font-family: inherit;}
em {text-decoration: none;font-weight: bold; font-style: normal;}
.pd-0{padding:0}

.pb-0{padding-bottom:0 !important}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-35{padding-bottom:35px}
.pb-40{padding-bottom:40px}
.pb-45{padding-bottom:45px}
.pb-100{padding-bottom:100px}

.pt-0{padding-top:0 !important}
.pt-15{padding-top:15px }
.pt-20{padding-top:20px }
.pt-25{padding-top:25px }
.pt-30{padding-top:30px }
.pt-35{padding-top:35px }
.pt-40{padding-top:40px }
.pt-40{padding-top:40px }
.pt-100{padding-top:100px }

.mb-5p{margin-bottom:5%}
.mb-10p{margin-bottom:10%}
.mt-5p{margin-top:5%}
.mt-10p{margin-top:10%}

.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-40{margin-bottom:40px}
.mb-45{margin-bottom:45px}
.mb-100{margin-bottom:100px}

.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-40{margin-top:40px}
.mt-45{margin-top:45px}
.mt-100{margin-top:100px}

/* font-size */
.ft14{font-size:0.875rem}
.ft18{font-size:1.125rem}
.ft20{font-size:1.25rem}
.ft22{font-size:1.375rem}
.ft26{font-size:1.625rem}
.ft30{font-size:1.875rem}
.ft35{font-size:2.188rem}
.ft45{font-size:2.813rem}
.ft50{font-size:3.125rem}
.ft70{font-size:4.375rem}
.ft80{font-size:5rem}

.fw300{font-weight: 300 !important}
.fw500{font-weight: 500 !important}
.fw600{font-weight: 600 !important}
.fw700{font-weight: 700 !important}

.colwt{color: #fff !important}

.wrap{max-width: 1400px;width: 90%;margin:auto}
.cont{padding:150px 0}

.titbox > span{color: #e2b666;text-transform: uppercase;font-family: 'GmarketSans','Noto Sans KR',sans-serif; font-weight: bold;font-size:1.375rem;letter-spacing: 3px;display: inline-block;margin-bottom:5px}
.titbox > h5{font-size:3.125rem;line-height: 1.3;}
.titbox .subtit{font-size:1.875rem}



.suttop img{width: 100%;}

.Sub_tab {padding:5% 0;font-size: 1.875rem;}
.Sub_tab .tab_inner{display: flex;    max-width: 800px;margin: auto;}
.Sub_tab .tab_inner li{width: 50%;text-align: center;}
.Sub_tab .tab_inner li a{display: block;padding:10px; background: #f8ebda;}

.Sub_tab .tab_inner li.on a{background:#e2b666;color: #fff;}

/* mn01 */
.sub{overflow: hidden;}
.sec .titbox{text-align: center}
.sec em{color: #e2b666;}

.sec01{text-align: center}
.mn01_1 .titbox > h5 .mark{box-shadow:inset 0 -2rem 0 rgba(227,181,103,0.5)}
.sec02{text-align: center;background: url(/img/sub/mn01/sec02_bg.jpg) no-repeat center center / cover;color: #fff;}

.sec03{;background: url(/img/sub/mn01/sec03_bg.png) no-repeat right bottom}
.sec03 .boxwrap .wrap{display: flex;justify-content: space-between;}
.sec03 .leftbox{width: 55%;}
.sec03 .rightbox{width: 45%;align-self: center;}
.sec03 .rightbox li{display: flex;align-items: center;height: 265px;}
.sec03 .rightbox li:nth-child(odd){position: relative;left:-413px}

.sec03 .rightbox h5{text-transform: uppercase;margin:0 40px}



.sec04 {display: flex;padding-top: 150px;justify-content: space-between;}
.sec04 .leftbox {width: 42%;position: relative;top: -150px;}
.sec04 .rightbox {background: #f6e9d1;text-align: left;width: 56%;position: relative;padding: 5%;padding-right:3%;}
.sec04 .titbox{text-align: left}
.sec04 .rightbox::before {background: #f6e9d1;position: absolute;top: 0;width: 20%;height: 100%;content: "";left: -20%;z-index: -1}
.sec04 .mark{box-shadow: inset 0 -14px 0 rgba(255,255,255,0.8);}

.sec05{}
.sec05 .wrap{display: flex;justify-content: space-between;}
.sec05 .titbox{text-align: left}
.sec05 .leftbox {width: 50%;align-self: center}
.sec05 .leftbox p {}
.sec05 .leftbox p img{vertical-align: text-bottom;margin-left:20px}

.sec05 .rightbox {width: 48%;margin-left:2%}

.sec06{background: url(/img/sub/mn01/sec06_bg.jpg) no-repeat center center / cover}
.sec06 .wrap{overflow: hidden;}
.sec06 .txt{float: right;margin-right:5%}

.sec07{background:url(/img/sub/mn01/sec07.png) no-repeat left 5% top 1% / 15%}
.sec07 .wrap{display: flex;justify-content: space-between;}
.sec07 .tab-content{position: relative;padding-left: 20px;}
.sec07 .num{position: absolute;top: 0;left: 10%;font-size:3.125rem;line-height: 1.2}

.sec07 .leftbox{position: sticky;	top: 8rem;	align-self: start;width: 240px;z-index: 1}
.sec07 .leftbox .txt{}
.sec07 .leftbox .txt li{margin:5% 0;cursor: pointer}
.sec07 .leftbox .txt li.current a{display: inline-block;font-size: 2.5rem; font-weight: bold;border-bottom:2px solid}


.sec07 .rightbox {margin-left:20px}
.sec07 .rightbox .tab-content {padding-top:50px;padding-left: 50px;}
.sec07 .rightbox .tab-content .num{color: #fff;font-size: 9.375rem;text-shadow:-3px 3px #e2b666,3px 3px #e2b666,3px -3px #e2b666,-3px -3px #e2b666;
    color:#fff }
.sec07 .rightbox .txt{padding-left:10%}


/* 둘러보기 */
.sec08 .titbox{text-align: left;text-transform:uppercase;}
.sec08 .boxwrap{display: flex;justify-content: space-between;}
.sec08 .leftbox{width: 75%;}
.sec08 .rightbox{width: 25%;}

.sec08 .swiper-slide img{transition: 0.8s;opacity: 0.6;}
.sec08 .swiper-slide-active img{opacity:1}

.sec08 .swiper-pagination{margin-right:2rem;font-size: 20px;position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;    align-items: flex-end;}
.sec08 .swiper-pagination-bullet {line-height: 30px;transition: all 0.5s;color: #bbb; width: 150px;height: auto;display: block;margin: 5% 0 !important;background: none;padding-right:30px;position: relative;opacity: 1;}
.sec08 .swiper-pagination-bullet-active{font-size: 30px;background: none;font-weight: bold;color: #000;}
.sec08 .swiper-container-horizontal > .swiper-pagination-bullets {width: auto;left: auto;right: 0;bottom: 0}

.sec08 .swiper-pagination-bullet::before,.sec08 .swiper-pagination-bullet::after{top: 50%;content: "";position: absolute;border-radius: 100%;}
.sec08 .swiper-pagination-bullet::before{transform: translateY(-50%);right: 0;width: 20px;height: 20px;background-color: rgba(226,182,102,0.3)}

.sec08 .swiper-pagination-bullet::after {transform: translateY(-50%) scale(0);right: 5px;width: 10px;height: 10px;background-color: #e2b666;transition: 0.2s}
.sec08 .swiper-pagination-bullet-active::after{transform: translateY(-50%) scale(1)}


/* 진료시간&오시는길 */
.sec09 .titbox{text-transform:uppercase;text-align: left}
.sec09 .box1{display: flex;justify-content: space-between}
.sec09 .box1.leftbox{width: 45%;}
.sec09 .box1 .leftbox .txt{margin-bottom:5rem}
.sec09 .box1 .rightbox{width: 50%;text-align: right}
.sec09 .box1 .rightbox .info_btn{transform: translateY(-50%);display: inline-block;right:1rem;text-align: center;background:#000;color: #fff;padding:2rem}
.sec09 .box1 .rightbox .info_btn img{width: 80%;}


.sec09 .mapwrap{text-align: center}
.sec09 .maptag{display: inline-block;padding:1% 5%;background:#f0dab2;border-radius: 50px;    transform: translateY(-50%);    z-index: 9;    position: relative;}

.sec09 .map{ height: 40vw !important; max-height: 680px}

.sec09 .box2 .txt{display: flex;justify-content: space-between;}
.sec09 .box2 .txt >div{width: 50%;}
.sec09 .box2 .txt img{margin-right:20px}
.sec09 .box2 .text {padding-left:88px}
.sec09 .box2 .text >div{display: flex;flex-wrap:wrap}
.sec09 .box2 .text dl{display: flex;align-items: flex-start;}
.sec09 .box2 .text dt{color: #fff;padding: 2px 10px;border-radius: 5px;margin-right: 20px;margin-bottom:10px}




/* C1 */
.c1{text-align: center}
.c1 .titbox{}
.c1 .txt{}
.c1 .boxwrap{display: flex;justify-content: space-between;}
.c1 .boxwrap li{width: 23%;border-radius: 0 50px;height: 250px;display: flex;flex-direction:column;align-items: center;justify-content: center;}
.c1 .boxwrap li:nth-child(odd){background:#f6e9d1}
.c1 .boxwrap li:nth-child(even){background: #fff;box-shadow: 3px 3px 13px rgba(0,0,0,0.1)}



/* C2 */
.c2{text-align: center}
.c2 .titbox{}

.c2_1{background:linear-gradient(to right, #D4CFB7, #bab18b, #90865a)}
.c2_1 .memo{background:#fff;box-shadow:8px 8px 8px rgba(0,0,0,0.1);margin:auto;padding:5%;border-radius: 30px}
.c2_1 .titbox{}
.c2_1 .titbox > img{max-width:500px;opacity: 0.7;}
.c2_1 .titbox h5 {transform: translateY(-40%);}
.c2_1 .titbox h5 > span{background-color:#000;padding:0 5px 3px;display: inline-block}
.c2_1 .titbox h5 > span b{background: linear-gradient(to bottom, #e9b44a ,#f7e4ab , #e9b44a);   -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.c2_1 .titbox .subtit{margin: -1rem 0 1.5rem;font-size: 2rem;}
.c2_1 .titbox .subtit span{text-decoration: underline; text-underline-position: under;}


.c2_1 .imgwrap{display: flex;justify-content: space-between}
.c2_1 .imgwrap .imgbox{width: 40%;overflow: hidden;border-radius: 20px;background: #fff;border: 4px solid #fff;box-shadow: -6px 6px 8px rgba(0,0,0,0.15);align-self: center;}
.c2_1 .txtlist{width: 58%;}
.c2_1 .txtlist li{padding: 2rem 1rem;}
.c2_1 .txtlist li:nth-child(odd){background:#f3ede1}

.c2 .table  {border:none;border-collapse:collapse;border-spacing:0;text-align:center;width: 100%;}
.c2 .table td{border-style:solid;border-width:0px;overflow:hidden;padding:20px 5px;word-break:normal;vertical-align:middle}
.c2 .table th{border-style:solid;border-width:0px;overflow:hidden;padding:10px 5px;word-break:normal;vertical-align:middle}
.c2 .table tbody tr{border-top:1px dashed #000;border-bottom:1px dashed #000}
.c2 .table tbody tr:first-child{border-top:0}
.c2 .table tbody tr:last-child{border-bottom:0}
.c2 .table .tg-mtbf{background-color:#f6e9d1;}
.c2 .table .tg-33bh{background-color:#b3b3b3;color: #fff;width: calc(86% /2)}
.c2 .table .tg-nrix{min-width: 90px}
.c2 .table .tg-7o1q{background-color:#f2f2f2;}
.c2 .table .tg-1{padding:0;max-width: 600px;}
.c2 .table .tg-9sbp{background-color:#e2b666;color: #fff;width: calc(86% /2)}

/* C3 */
.c3{text-align: center;background: #f2f2f2}
.c3 .titbox{}
.c3 .subcont{text-align: left;padding-left:50px}
.c3 .subcont h4{position: relative;}
.c3 .subcont h4::after{position: absolute;width: 10px;height: 100%;content:"";background:#e2b666;left:-30px}

.c3 .txt{background-color: #fff;padding:40px;position: relative;}
.c3 .slidewrap{position: relative;}
.c3 .swiper-container{padding:50px 0;width: 95%;margin:auto}

.c3 .imgbox{position: relative;}
.c3 .imgbox > span{display: inline-block;width: 45%;padding:4px;background: #fff;border-radius: 50px;text-transform: uppercase;}
.c3 .swiper-slide .imgbox > span{position: relative;top:20px}
.c3 .swiper-slide-active .imgbox > span{background:#e2b666;color: #fff;}
.c3 .swiper-slide-active {transform: scale(1.2) !important;z-index: 3 !important}


.c3 .swiper-pagination{position: relative;bottom:0;margin-top: 30px}
.c3 .swiper-pagination-bullet{width: 12px;height: 12px;margin:0 5px}
.c3 .swiper-pagination-bullet-active{background:#e2b666}
.c3 .swiper-button-prev,.c3 .swiper-button-next{width: 60px;height: 60px;background: #666;}
.c3 .swiper-button-prev:after,.c3 .swiper-button-next:after{color: #fff;font-size: 30px}

/* C4 */
.c4 {overflow: hidden}
.c4 .slidewrap{position: relative;}
.c4 .slidewrap .swiper-container{overflow: visible;}
.c4 .slidewrap .swiper-slide{padding-bottom:60px}
.c4 .imgbox{padding-left:20%}
.c4 .imgbox img{border-radius: 0 50px}
.c4 .txt{max-width:360px;background:#e2b666;border-radius: 0 50px;position: absolute;bottom: 0;padding:80px 30px;width: 50%;text-align: center}
.c4 .txt h5{text-transform: uppercase}
.c4 .txt .bar{width: 18px;height: 1px;background-color: #000;margin:10px auto}

.c4 .swiper-box{position: relative;    max-width: 300px;    margin: auto;}
.c4 .swiper-pagination{position: relative;bottom:0;margin-top:-30px;z-index: 1}
.c4 .swiper-pagination-current{font-weight: 600;font-size: 1.875rem}
.c4 .swiper-button-prev, .c4 .swiper-button-next{color: #333;}
.c4 .swiper-button-prev:after,.c4 .swiper-button-next:after{font-size:2.2rem}


/* C5 */
.c5{position: relative;}
.c5::before{position: absolute;content: '';width: 100%;top: 0;left: 0;height: 80%;background:url(/img/sub/mn02/c5_bg.jpg) no-repeat center center;background-size: cover;z-index: -1;}
.mn04 .c5::before{background-image: url(/img/sub/mn04/c5_bg.jpg)}
.mn05 .c5::before{background-image: url(/img/sub/mn05/c5_bg.jpg)}
.mn06 .c5::before{background-image: url(/img/sub/mn06/c5_bg.jpg)}
.mn07 .c5::before{background-image: url(/img/sub/mn07/c5_bg.jpg)}
.mn08 .c5::before{background-image: url(/img/sub/mn08/c5_bg.jpg)}
.mn09 .c5::before{background-image: url(/img/sub/mn09/c5_bg.jpg)}

.c5 .wrap{}
.c5 .titbox{text-align: center}
.c5 .txtbox{display: flex;justify-content: space-between;background:#f2f2f2;border-radius: 50px 0;padding:4% 0}
.c5 .txtbox li{width: 25%;padding:20px 0;padding-left:50px;border-right:1px dashed #000}
.c5 .txtbox li:last-child{border-right:0}
.c5 .txtbox li span{display: inline-block;margin-bottom:10px}


/* C6 */
.c6{}
.c6 .titbox{text-align: center}
.c6 .qa{margin-bottom:5%;box-shadow: 2px 2px 29px rgba(0,0,0,0.1);   border-radius: 20px;}
.c6 .qa > li{}
.c6 .qa h3{font-weight: 500;padding:2.2rem;box-shadow:2px 2px 19px rgba(0,0,0,0.1);border-radius: 15px;display: flex;justify-content: space-between;cursor: pointer;}
.c6 .qa li .submenu-indicator {transition:all 0.5s}
.c6 .qa li.on > h3 {color: #e2b666;}
.c6 .qa li.on .submenu-indicator {transform:rotate(45deg)}
.c6 .qa_list {padding: 2.2rem;display: none}
.c6 .qa_list li{display: flex;align-items: center;padding-bottom:20px}
.c6 .qa_list li:last-child{padding-bottom:0}
.c6 .qa .num{background: #e2b666;color: #fff;display: flex;margin-right:20px;width: 40px;height: 40px;justify-content: center;align-items: center;border-radius: 50%;padding-top:4px;flex-shrink: 0;}
.c6 .qa p{}

/* C7*/
.c7{overflow: hidden}
.c7 .titbox{text-align: center}
.c7 .swiper-slide{display: flex;padding-bottom:20px}
.c7 .swiper-slide .imgbox{width: 50%;}
.c7 .swiper-slide .s_name{display: inline-block;background: #e2b666;color: #fff;padding:6px 20px;border-radius: 50px;position: absolute;left: 50%;transform:translateX(-50%);bottom: 0}
.c7 .swiper-slide .empy{width: 100%;text-align: center}

.c7 .gallery-thumbs{overflow: visible;margin-top:5%}

/* C8*/
.c8{overflow: hidden}
.c8 .titbox{text-align: center}
.c8 .boxwrap{display: flex;justify-content: space-between;}
.c8 .boxwrap .box{width: 32%;}
.c8 .txt{text-align: center;}

/* C9 */
.c9{text-align: center;background: #f2f2f2;}
.c9 .imgbox{position: relative;padding-bottom:50px}
.c9 .imgbox span{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);display: flex;text-transform: uppercase;width: 95px;height: 95px;border-radius: 50%;background: #e2b666;color: #fff;flex-direction: column;align-items: center;justify-content: center;padding-top:1rem}
.c9 .txt{max-width: 600px;margin:auto}

/* C10 */
.c10{}
.c10 .titbox{text-align: center}
.c10 .imgwrap{background:url(/img/sub/mn06/c10_bg.jpg) no-repeat right center;background-size: cover;padding-top:10%;border-radius: 50px;overflow:hidden}
.c10 .imgwrap .imgbox {width: 85%;margin:auto}


/* C11 */
.c11{overflow: hidden;background:url(/img/sub/mn08/c11_bg.jpg) no-repeat center center / cover}
.c11 .titbox{text-align: center}
.c11 .swiper-slide{display: flex;justify-content: space-between;align-items: center;visibility: hidden;transition: all 0.5s}
.c11 .swiper-slide-active{visibility: visible;}
.c11 .leftbox {width: 45%;}
.c11 .rightbox {width: 50%;}
.c11 .rightbox p{padding:30px 0 }
.c11 .cirwrap{display: flex;align-items: center}
.c11 .cirwrap li{border-radius: 50%;width: 120px;height: 120px;background: #e2b666;color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;margin-right:8px}
.c11 .cirwrap li:nth-child(5n){margin-right:0}
.c11 .swiper-pagination-bullet-active{background: #e2b666;width: 18px;border-radius: 30px}



@media (max-width:1920px) {
    .sec03 .rightbox li:nth-child(odd){left:-22vw}
    .c3 .txt{padding:10%}


}
@media (max-width:1440px) {
    .c3 .txt br{display: none}
    .sec03 .rightbox li{height: 19.2vw;}
    .c4 .txt{padding:60px 30px}
}

@media (max-width:1240px) {

    .sec04 .rightbox .txt br{display: none}

    .c2_1 .titbox > img{width: 55%;}
    .c2_1 .imgwrap{flex-wrap:wrap;justify-content: center;}
    .c2_1 .imgwrap .imgbox{width: 80%;max-width:600px;margin-bottom: 5%;}
    .c2_1 .txtlist{width: 100%;}

    .c5 .txtbox{background:none;flex-wrap:wrap;justify-content: center;}
    .c5 .txtbox li{background: #f2f2f2;border-right:none;width: 32%;text-align: center;padding: 5%;margin-top:2%;margin-right:2%;border-radius: 0 40px;    box-shadow: 3px 3px 13px rgba(0,0,0,0.2);}
    .c5 .txtbox li:nth-child(-n+3) {margin-top:0}
    .c5 .txtbox li:nth-child(3),.c5 .txtbox li:nth-child(5) {margin-right:0}

    .c11 .swiper-container{padding-bottom:50px}
    .c11 .cirwrap{flex-wrap:wrap}
    .c11 .cirwrap li{margin-bottom:10px}
}

@media (max-width:1024px) {
    .sec09 .box1{flex-wrap:wrap}
    .sec09 .box1 .leftbox{width: 100%;order:2}
    .sec09 .box1 .leftbox .txt{float:left;margin-right:40px}
    .sec09 .box1 .rightbox{width: 100%;max-width: 600px;margin-left:auto}


    .c1 .boxwrap{flex-wrap:wrap}
    .c1 .boxwrap li{width: 48%;;margin-top: 4%;height: auto;padding:40px}
    .c1 .boxwrap li:nth-child(-n+2){margin-top: 0;}
    .c1 .boxwrap li img{max-width: 74px;width: 45%;}

}
@media (max-width:990px) {
    .c4 .swiper-box{margin-right:15%}
}

@media (max-width:768px) {
    .wrap{width: 85%;}
    .cont{padding:100px 0}
    .Sub_tab {font-size: 1.5rem;}


    .sec03 .rightbox{width: 100%;display: flex;flex-wrap:wrap;justify-content:space-between; }
    .sec03 .rightbox .imgbox{max-width: 150px;margin:auto;margin-bottom:15px}
    .sec03 .rightbox li{height: auto;flex-wrap: wrap;text-align: center;width: 48%;margin-bottom: 20px}
    .sec03 .rightbox li:nth-child(odd){left: 0; }

    .sec03 .rightbox h5{width: 100%;margin:auto;padding-bottom: 5px}
    .sec03 .rightbox p{width: 100%;margin:auto;min-height: 66px;}

    .sec04{flex-wrap:wrap;padding-top:0}
    .sec04 .leftbox {width: 90%;margin: auto;top: 0;}
    .sec04 .rightbox{width: 100%;}
    .sec04 .rightbox::before{width: 100%;left: 0;top: -35%;height: 155%;}


    .sec05 .wrap{flex-wrap:wrap}
    .sec05 .leftbox{width: 100%;order:1}
    .sec05 .rightbox{margin:auto;margin-bottom: 25px;width: 100%;max-width:450px}

    .sec06 .txt{margin-right:0}

    .sec07 .leftbox {width: 135px;}
    .sec07 .leftbox h3.ft80{font-size: 3.3rem}
    .sec07 .leftbox .txt.ft30{font-size: 1.5rem}
    .sec07 .leftbox .txt li.current a{font-size:1.8rem}

    .sec07 .rightbox .tab-content{padding-left:0;padding-top:25px}
    .sec07 .rightbox .tab-content .num{font-size: 5rem;text-shadow:-1px 1px #e2b666, 1px 1px #e2b666, 1px -1px #e2b666, -1px -1px #e2b666}

    .sec08 .boxwrap{flex-wrap:wrap}
    .sec08 .leftbox{width: 100%;order:1;}
    .sec08 .rightbox{width: 100%;    padding-bottom: 20px;}
    .sec08 .swiper-pagination{flex-direction:row;flex-wrap:wrap;margin-right:auto;    font-size: 16px;}
    .sec08 .swiper-pagination-bullet-active{font-size: 22px}
    .sec08 .swiper-pagination-bullet{width: 25%;margin:20px 0  0!important}

    .sec09 .box2 {margin-top:3rem}
    .sec09 .box2 .txt{flex-wrap:wrap}
    .sec09 .box2 .txt >div{width: 100%;}
    .sec09 .box2 .txt >div.txt01{margin-bottom:20px}
    .sec09 .map{height: 80vw !important;    max-height: 550px;}
    .sec09 .maptag{display: block;width: 90%;margin:auto}




    .c1 .txt br,.c1 .titbox .subtit br{display: none}
    .c1 .titbox .subtit {    max-width: 400px;        margin: auto;}
    .c1 .boxwrap li{padding: 25px;border-radius: 0 30px}


    .c2 .table02{margin-top:10%}
    .c2 .table th img{width: 100%;}
    .c2 .table td{width: 73%;}

    .c2_1 .titbox > img{width: 70%;}
    .c2_1 .memo{padding:10% 5%}

    .c3 .swiper-slide{padding:0 50px}
    .c3 .imgbox img{width: 100%;}
    /* .c3 .txt{padding:20px} */

    .c4 .txt{width: 55%;}
    .c4 .swiper-box{margin-right:0;max-width: 170px}


    .c5::before{height: 35%;}
    .c5 .txtbox{justify-content: space-between;;}
    .c5 .txtbox li{width: 48%;margin-top:4% !important;margin-right:0;border-radius: 0 20px}
    .c5 .txtbox li:nth-child(-n+2){margin-top:0 !important}

    .c8 .boxwrap{flex-wrap:wrap}
    .c8 .boxwrap .box{width: 48%;;margin-top:4% ;border:1px solid #dcdcdc}
    .c8 .boxwrap .box .imgbox {margin-bottom:0}
    .c8 .boxwrap .box:nth-child(-n+2){margin-top:0 }
    .c8 .txt{padding:15px}

    .c9 .imgbox{padding-bottom:35px}
    .c9 .imgbox span{width: 65px;height: 65px;}

    .c11 .swiper-slide{display: block}
    .c11 .leftbox{width: 70%;margin:auto}
    .c11 .rightbox{width: 100%;    margin-top: 10%;}
    .c11 .cirwrap {    justify-content: center;}
    .c11 .cirwrap li{width: 90px;height: 90px;}

}

@media (max-width:550px) {
    .titbox > h5{font-size: 2.8rem}
    .sec01 {width: 90%;margin: auto}

    .sec01 .txt  br{display: none}
    .sec02 .titbox{width: 90%;margin: auto}
    .sec02 .titbox h5{max-width: 360px;margin:auto}
    .sec02 .titbox h5 br{display: none}

    .sec03 .rightbox li{width: 100%;}

    .sec07 {background:#fff}
    .sec07 .num{left:15px}
    .sec07 .wrap{flex-wrap:wrap}

    .sec07 .leftbox{width: 100%;top:68px;background:#fff url(/img/sub/mn01/sec07.png) no-repeat right top 32px / 15%;padding: 15px 0;}
    .sec07 .leftbox .txt.ft30{font-size:15px}
    .sec07 .leftbox .txt ul{display: flex;flex-wrap:wrap;align-items: center;}
    .sec07 .leftbox .txt li{width: 33%;margin:8px 0;    text-align: center;}
    .sec07 .leftbox .txt li.current a{font-size: 16px}
    .sec07 .rightbox{margin-left:0}
    .sec07 .rightbox .txt{padding-left:15px}

    .sec08  em{display: block}
    .sec08 .swiper-pagination{justify-content: flex-start;}
    .sec08 .swiper-pagination-bullet{width: 33%;}
    .sec08 .swiper-pagination-bullet-active{font-size: 18px}
    .sec09 .box1 .leftbox > div:last-child{text-align: right}
    .sec09 .box1 .leftbox .txt{margin-bottom:3rem}
    .sec09 .box2 .txt img{width: 45px;}
    .sec09 .box2 .text{padding-left: 0; margin-top: 1rem;}



    .c4 .imgbox{padding-left:0;}
    .c4 .imgbox img{padding-left:0;border-radius: 0}
    .c4 .txt{max-width:768px;position: relative;width: 100%;border-radius: 0;padding:10% 15%}

    .c4 .slidewrap .swiper-container{padding-bottom:60px}
    .c4 .slidewrap .swiper-slide{padding-bottom:0;border-radius: 30px;overflow: hidden;    box-shadow: 3px 3px 13px rgba(0,0,0,0.1);}
    .c4 .swiper-box{margin:auto}

    .c11 .cirwrap li{width: 100%;height: auto;border-radius:20px;padding:10px}
    .c11 .cirwrap li br{display: none}
}

@media (max-width:425px) {



    .sec09 .box1 .leftbox .txt{float:none}
    .sec09 .maptag{font-size:1.5rem}

    .sec09 .box2{margin-top: 5rem;}

    .c8 .boxwrap .box{width: 100%; margin-top: 40px !important;}
    .c8 .boxwrap .box:nth-child(-n+1){margin-top:0 !important}

}