@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Spoqa Han Sans Neo", sans-serif; -webkit-text-size-adjust: none; line-height: 1; font-weight: 400; letter-spacing: -0.5px; color: #000;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{ overflow: hidden; padding: 0; background: #FFF; -webkit-text-size-adjust: none; word-break: keep-all;}
@media(max-width: 767px){
    html{ font-size: calc(100vw / 30);}
}


.type_scroll::-webkit-scrollbar{ width: 5px; background: #FFF;}
.type_scroll::-webkit-scrollbar-thumb{ background-color: #003f89; border-radius: 0;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 767px){
}


.type_max{ padding-right: 50px !important; padding-left: 50px !important;}
.type_min{ margin: 0 auto; max-width: 1200px; width: 100%;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .type_max{ padding-right: 1.5rem !important; padding-left: 1.5rem !important;}
}


.quick{ position: fixed; z-index: 120; right: 50px; top: 50%; transform: translate(0,-50%); box-shadow: 0 1px 10px 1px rgba(0 0 0/10%); transition: all .2s;}
.quick .list{ padding: 0 15px; width: 110px; background: #FFF;}
.quick .list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0; border-top: 1px solid #898989; cursor: pointer;}
.quick .list a:first-child{ border-top: 0;}
.quick .list a img{ display: block;}
.quick .list a p{ margin-top: 10px; font-size: 14px; color: #333;}
.quick .btn{ display: flex; justify-content: center; align-items: center; height: 40px; background: #003f89; font-size: 14px; font-weight: 500; color: #FFF; cursor: pointer;}
@media(max-width: 1300px){
    .quick{ display: none;}
}


.header{ position: fixed; z-index: 7777; right: 0; left: 0; height: 100px; transition: all .2s;}
.header:before{ content: ""; display: block; position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; height: 1px; background: rgba(255 255 255/100%); transition: all .2s;}
.header .logo{ display: block; position: absolute; z-index: 10; top: 20px; left: 100px;}
.header .logo img{ display: block;}
.header .gnb_btn{ display: flex; align-items: center; position: absolute; z-index: 10; top: 20px; right: 100px; height: 60px; font-size: 28px; font-weight: 500; color: #FFF; opacity: 1; transition: all .2s; cursor: pointer;}
.header .gnb_close{ display: flex; align-items: center; position: absolute; z-index: 10; top: -60px; right: 100px; height: 60px; opacity: 0; transition: all .2s; cursor: pointer;}
.header .gnb_close i{ font-size: 40px; color: #FFF;}

.header .gnb{ position: fixed; z-index: 2; top: -100%; right: 0; bottom: 100%; left: 0; background: #003f89; opacity: 0; transition: all .3s;}
.header .gnb .top{ display: flex; grid-gap: 30px; position: absolute; top: 20px; right: 300px;}
.header .gnb .top a{ display: flex; align-items: center; height: 60px; cursor: pointer;}
.header .gnb .top a p{ font-size: 20px; color: #FFF;}
.header .gnb .bottom{ position: absolute; top: 100px; right: 0; left: 0; padding: 0 50px; border-top: 1px solid rgba(255 255 255/0%); transition: all .5s;}
.header .gnb .bottom > ul{ display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1600px; width: 100%;}
.header .gnb .bottom > ul > li{ padding-top: 100px; width: 16.6666666%;}
.header .gnb .bottom > ul > li > a{ display: block;}
.header .gnb .bottom > ul > li > a p{ font-size: 24px; font-weight: 500; color: #FFF;}
.header .gnb .bottom > ul > li > a i{ display: none;}
.header .gnb .bottom > ul > li > ul{ display: grid; grid-gap: 20px; padding-top: 50px;}
.header .gnb .bottom > ul > li > ul > li{}
.header .gnb .bottom > ul > li > ul > li > a{ display: block;}
.header .gnb .bottom > ul > li > ul > li > a p{ font-size: 16px; color: rgba(255 255 255/100%);}
.header .gnb .bottom > ul > li > ul > li:hover > a p{ color: rgba(255 255 255/60%);}
.header .gnb .bottom > ul > li > ul > li.on > a p{ color: #003f89;}

.header.on{ background: #003f89;}
.header.on:before{ background: rgba(255 255 255/0%);}

.header.open .gnb_btn{ top: -60px; opacity: 0;}
.header.open .gnb_close{ top: 20px; opacity: 1;}
.header.open .gnb{ top: 0; bottom: 0; opacity: 1;}
.header.open .gnb .bottom{ border-top: 1px solid rgba(255 255 255/100%);}
@media(max-width: 1500px){
    .header .logo{ left: 50px;}
    .header .gnb_btn{ right: 50px;}
    .header .gnb_close{ right: 50px;}
    .header .gnb .top{ right: 200px;}
    .header .gnb .bottom > ul > li{ padding-top: 60px;}
}
@media(max-width: 1024px){
    .header .gnb .bottom > ul > li{ width: 25%;}
    .header .gnb .bottom > ul > li > a p{ font-size: 20px;}
}
@media(max-width: 768px){
    .header{ height: 5rem;}
    .header .logo{ top: 1.9rem; left: 1rem;}
    .header .logo img{ height: 1.2rem;}
    .header .gnb_btn{ top: 1rem; right: 1rem; height: 3rem; font-size: 1.4rem;}
    .header .gnb_close{ top: -5rem; right: 1rem; height: 3rem;}
    .header .gnb_close i{ font-size: 1.6rem;}

    .header .gnb .top{ grid-gap: 0; position: absolute; top: 5rem; right: 0; left: 0;}
    .header .gnb .top a{ justify-content: center; width: 50%; height: 5rem; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
    .header .gnb .top a:last-child{ border-left: 1px solid #FFF;}
    .header .gnb .top a p{ font-size: 1.1rem;}
    .header .gnb .bottom{ overflow: auto; top: 10rem; bottom: 0; padding: 0; border-top: 0 !important;}
    .header .gnb .bottom > ul{ display: block;}
    .header .gnb .bottom > ul > li{ padding-top: 0; width: auto; border-bottom: 1px solid #FFF;}
    .header .gnb .bottom > ul > li > a{ display: flex; justify-content: space-between; align-items: center; padding: 0 1.2rem; height: 5rem;}
    .header .gnb .bottom > ul > li > a p{ font-size: 1.8rem;}
    .header .gnb .bottom > ul > li > a i{ display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; border: 1px solid #FFF; font-size: 1.2rem; color: #FFF;}
    .header .gnb .bottom > ul > li > ul{ display: none; padding: 0 1.2rem 1.2rem 1.2rem;}
    .header .gnb .bottom > ul > li > ul > li > a{ padding: 0.6rem 0;}
    .header .gnb .bottom > ul > li > ul > li > a p{ font-size: 1.1rem;}

    .header.open .gnb_btn{ top: -5rem;}
    .header.open .gnb_close{ top: 1rem;}
}


.footer{ padding: 60px 0; width: 100%; background: #003f89;}
.footer .type_min{}
.footer .top{ display: flex; grid-gap: 100px; justify-content: flex-start;}
.footer .top .logo{ display: block;}
.footer .top .logo img{ display: block;}
.footer .top .info{ display: flex; flex-wrap: wrap; grid-gap: 15px 30px;}
.footer .top .info p{ line-height: 1.4; font-size: 16px; color: #FFF;}
.footer .menu{ display: flex; margin-top: 50px; padding: 10px 50px; border-top: 1px solid rgba(255 255 255/100%); border-bottom: 1px solid rgba(255 255 255/100%);}
.footer .menu a{ display: block; width: 25%; border-right: 1px solid #FFF; text-align: center; font-size: 16px; color: #FFF;}
.footer .menu a:nth-child(1){ border-left: 1px solid #FFF;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .footer{ padding: 3rem 0;}
    .footer .top{ display: block;}
    .footer .top .logo img{ height: 1.4rem;}
    .footer .top .info{ grid-gap: 0.6rem 2rem; margin-top: 2rem;}
    .footer .top .info p{ font-size: 1rem;}
    .footer .menu{ justify-content: space-between; margin-top: 2rem; padding: 1rem 0.6rem;}
    .footer .menu a{ padding: 0 0.8rem; width: auto; font-size: 1rem;}
}


.home_visual{ overflow: hidden; position: relative; background: none;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{}
.home_visual .wrap{ overflow: hidden; position: relative;}
.home_visual .wrap .text{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; text-align: center;}
.home_visual .wrap .text .t1{ font-size: 24px; color: #FFF; opacity: 0; transform: translate(100px,0); transition: all .3s;}
.home_visual .wrap .text .t2{ margin-top: 20px; line-height: 1; font-size: 40px; font-weight: 700; color: #FFF; opacity: 0; transform: translate(100px,0); transition: all .3s;}
.home_visual .wrap .text .t2 br{ display: none;}
.home_visual .wrap .text .t3{ margin-top: 30px; line-height: 1.4; font-size: 20px; color: #FFF; opacity: 0; transform: translate(100px,0); transition: all .3s;}
.home_visual .wrap .text .btn{ display: flex; justify-content: space-between; align-items: center; margin: 50px auto 0 auto; padding: 0 30px; width: 250px; height: 50px; border: 1px solid #FFF;  opacity: 0; transform: translate(100px,0); transition: all .3s; cursor: pointer;}
.home_visual .wrap .text .btn p{ font-size: 20px; color: #FFF;}
.home_visual .wrap .text .btn img{ display: block;}
.home_visual .wrap .img{}
.home_visual .wrap .img .pc{ display: block; height: 910px; transform: scale(1.3); transition: all .3s;}
.home_visual .wrap .img .m{ display: none;}

.home_visual.on .wrap .text .t1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1s;}
.home_visual.on .wrap .text .t2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.2s;}
.home_visual.on .wrap .text .t3{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.4s;}
.home_visual.on .wrap .text .btn{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.6s;}
.home_visual.on .wrap .img .pc{ opacity: 1; transform: scale(1); transition: all 10s;}

.home_visual .swipe{ display: flex; align-items: center; position: absolute; z-index: 50; left: 50px; bottom: 50px;}
.home_visual .swipe p{ margin: 0 10px 0 0; font-size: 16px; font-weight: 300; color: #FFF;}
.home_visual .swipe img{ display: block;}

.home_visual .control{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; position: absolute; z-index: 30; bottom: 50px; left: calc(50% - 160px); width: 320px; height: 20px;}

.home_visual_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 0; left: 0;  bottom: 0; transition: all .2s; cursor: pointer;}
.home_visual_prev i{ font-size: 20px; color: #FFF;}
.home_visual_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 0; right: 0; bottom: 0; transition: all .2s; cursor: pointer;}
.home_visual_next i{ font-size: 20px; color: #FFF;}

.home_visual_page{ display: flex; align-items: center; grid-gap: 5px; width: auto !important; height: 20px; font-size: 18px; color: rgba(255 255 255/30%) !important; transition: all .2s;}
.home_visual_page span{ color: rgba(255 255 255/60%) !important;}
.home_visual_page span.swiper-pagination-current{ font-weight: 500; color: #FFF !important;}

.home_visual_line{ width: 120px; height: 2px; background: #FFF;}
.home_visual_line span{ display: block; width: 0; height: 2px; background: #00afec; transition: all 0s;}
.home_visual.on .home_visual_line span{ width: 100%; transition: all 3s;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_visual .wrap .text{ align-items: flex-end; padding-bottom: 5.2rem;}
    .home_visual .wrap .text .t1{ font-size: 1rem;}
    .home_visual .wrap .text .t2{ margin-top: 1rem; line-height: 1.2; font-size: 2.2rem;}
    .home_visual .wrap .text .t2 br{ display: block;}
    .home_visual .wrap .text .t3{ margin-top: 1.2rem; font-size: 16px;}
    .home_visual .wrap .text .btn{ margin: 1.4rem auto 0 auto; padding: 0 1.5rem; width: 12rem; height: 2.5rem;}
    .home_visual .wrap .text .btn p{ font-size: 1rem;}
    .home_visual .wrap .text .btn img{ height: 1rem;}
    .home_visual .wrap .img .m{ display: block; height: 50rem; transform: scale(1.3); transition: all .3s;}
    .home_visual .wrap .img .pc{ display: none;}
    .home_visual.on .wrap .img .m{ opacity: 1; transform: scale(1); transition: all 10s;}
    .home_visual .swipe{ display: none;}
    .home_visual .control{ grid-gap: 1rem; bottom: 2rem; left: calc(50% - 8rem); width: 16rem; height: 1.2rem;}
    .home_visual_prev i{ font-size: 1rem;}
    .home_visual_next i{ font-size: 1rem;}
    .home_visual_page{ grid-gap: 0.4rem; height: 1.2rem; font-size: 1rem;}
    .home_visual_line{ width: 6rem;}
}


.home_specialty{}
.home_specialty .type_min{ padding: 100px 0;}
.home_specialty .head{}
.home_specialty .head .t1{ font-size: 20px; color: #003f89; letter-spacing: 10px; text-transform: uppercase;}
.home_specialty .head .t2{ margin-top: 20px; font-size: 32px; color: #003f89;}
.home_specialty .head .t2 b{ font-weight: 700; color: #003f89;}
.home_specialty .body{ display: grid; grid-template-columns: repeat(2,1fr); margin-top: 50px;}
.home_specialty .body a{ display: block; padding: 50px; height: 250px; cursor: pointer;}
.home_specialty .body a:nth-child(1){ background: url(/images/hs_01.png) center/cover;}
.home_specialty .body a:nth-child(2){ background: url(/images/hs_02.png) center/cover;}
.home_specialty .body a:nth-child(3){ background: url(/images/hs_03.png) center/cover;}
.home_specialty .body a:nth-child(4){ background: url(/images/hs_04.png) center/cover;}
.home_specialty .body a .t1{ font-size: 24px; color: #FFF;}
.home_specialty .body a .t2{ margin-top: 20px; font-size: 40px; font-weight: 700; color: #FFF;}
.home_specialty .body a i{ display: flex; justify-content: center; align-items: center; margin-top: 20px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #FFF; font-size: 30px; color: #FFF; transition: all .2s;}
.home_specialty .body a:hover i{ background: #FFF; color: #003f89;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .home_specialty .body{ grid-template-columns: repeat(1,1fr);}
}
@media(max-width: 768px){
    .home_specialty .type_min{ padding: 4rem 0;}
    .home_specialty .head .t1{ font-size: 0.9rem; letter-spacing: 0.1rem;}
    .home_specialty .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_specialty .head .t2 b{ font-weight: 700; color: #003f89;}
    .home_specialty .body{ margin-top: 2rem;}
    .home_specialty .body a{ padding: 2rem; height: 12rem;}
    .home_specialty .body a .t1{ font-size: 1rem;}
    .home_specialty .body a .t2{ margin-top: 1rem; font-size: 2rem;}
    .home_specialty .body a i{ margin-top: 1rem; width: 2.2rem; height: 2.2rem; font-size: 1.4rem;}
}


.home_about{ overflow: hidden; position: relative; background: none;}
.home_about .swiper-wrapper{}
.home_about .swiper-wrapper .swiper-slide{}
.home_about .wrap{ overflow: hidden; position: relative;}
.home_about .wrap .text{ display: flex; position: absolute; z-index: 20; top: 160px; right: 0; bottom: 0; left: 0;}
.home_about .wrap .text .t1{ line-height: 1.2; font-size: 50px; color: #FFF; opacity: 1; transform: translate(0,0); transition: all .3s;}
.home_about .wrap .text .t1 b{ font-weight: 700; color: #FFF;}
.home_about .wrap .text .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #FFF; opacity: 1; transform: translate(0,0); transition: all .3s;}
.home_about .wrap .img{}
.home_about .wrap .img .pc{ display: block; height: 810px; transform: scale(1.1); transition: all .3s;}
.home_about .wrap .img .m{ display: none;}

.home_about.on .wrap .text .t1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1s;}
.home_about.on .wrap .text .t2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.2s;}
.home_about.on .wrap .img .pc{ opacity: 1; transform: scale(1); transition: all 10s;}

.home_about_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 70px); left: 200px; transition: all .2s; cursor: pointer;}
.home_about_prev img{ display: block;}
.home_about_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 70px); right: 200px; transition: all .2s; cursor: pointer;}
.home_about_next img{ display: block;}

.home_about .body{ position: absolute; z-index: 40; right: 0; bottom: 100px; left: 0;}
.home_about .body .type_min{ display: flex;}
.home_about .body .row{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 25%;}
.home_about .body .row img{ display: block;}
.home_about .body .row .t1{ margin-top: 20px; font-size: 24px; color: #FFF;}
.home_about .body .row .t2{ margin-top: 10px; font-size: 34px; font-weight: 700; color: #FFF;}
.home_about .body .row:nth-child(1) .t2{ color: transparent; background: linear-gradient(90deg, #e0ceb1, #af8e62); background-clip: text; -webkit-background-clip: text;}
@media(max-width: 1300px){
    .home_about_prev{ display: none;}
    .home_about_next{ display: none;}
}
@media(max-width: 1024px){
    .home_about .body .row img{ height: 100px;}
    .home_about .body .row .t1{ margin-top: 15px; font-size: 16px;}
    .home_about .body .row .t2{ margin-top: 10px; font-size: 24px;}
}
@media(max-width: 768px){
    .home_about .wrap .text{ top: 5rem;}
    .home_about .wrap .text .t1{ font-size: 1.8rem;}
    .home_about .wrap .text .t2{ margin-top: 0.8rem; font-size: 16px;}
	.home_about .wrap .text .t2 br{display:none;}

    .home_about .wrap .img .m{ display: block; height: 60rem; transform: scale(1.1); transition: all .3s;}
    .home_about .wrap .img .pc{ display: none;}
    .home_about.on .wrap .img .m{ opacity: 1; transform: scale(1); transition: all 3s;}

    .home_about .body{ right: 0; bottom: 0px; left: 0; padding: 1rem 0; border-radius: 2rem 2rem 0 0; background: #001835;}
    .home_about .body .type_min{ flex-wrap: wrap;}
    .home_about .body .row{ padding: 1rem 0; width: 50%;}
    .home_about .body .row img{ height: 5rem;}
    .home_about .body .row .t1{ margin-top: 1rem; font-size: 1rem;}
    .home_about .body .row .t2{ margin-top: 0.4rem; font-size: 1.4rem;}
}


.home_doctor{ display: flex; position: relative; height: 800px;}
.home_doctor:after{ content: ""; position: absolute; top: 400px; right: 0; bottom: 0; left: 0; background: #003f89;}
.home_doctor .wrap{ overflow: hidden; display: flex; align-items: center; position: relative; z-index: 10; width: 50%;}
.home_doctor .wrap .row{ display: flex; align-items: center; position: absolute; z-index: 10; top: 0; bottom: 0; max-width: 600px; width: 100%;}
.home_doctor .wrap:nth-child(1) .row{ right: 0;}
.home_doctor .wrap:nth-child(2) .row{ left: 0;}
.home_doctor .wrap .text{ display: flex; flex-direction: column; align-items: flex-end; position: absolute; z-index: 10; right: 150px; bottom: 80px;}
.home_doctor .wrap .text .name{ font-size: 60px; font-weight: 700; color: #FFF; text-shadow: 0 1px 5px rgba(0 0 0/50%);}
.home_doctor .wrap .text .btn{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 30px; width: 210px; height: 70px; border-radius: 10px; background: #FFF; cursor: pointer;}
.home_doctor .wrap .text .btn p{ font-size: 20px; font-weight: 500; color: #003f89;}
.home_doctor .wrap .text .btn span{ display: flex; align-items: center; margin-top: 5px; font-size: 20px; color: #003f89;}
.home_doctor .wrap .text .btn span img{ display: block; margin: 5px 0 0 10px;}
.home_doctor .wrap:nth-child(2) .text{ right: 50px;}

.home_doctor .wrap .video{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: absolute; top: 100px; bottom: 200px; width: 500px; transition: all .3s;}
.home_doctor .wrap .video img{ display: block; height: 100%; transition: all .2s;}
.home_doctor .wrap .video video{ display: block; width: 100%;}
.home_doctor .wrap:nth-child(1) .video{ right: 100px; left: auto;}
.home_doctor .wrap:nth-child(2) .video{ right: auto; left: 100px;}

.home_doctor .wrap:nth-child(1):hover .video{ top: 0; right: 0; bottom: 0; left: auto; width: 100%;}
.home_doctor .wrap:hover .video{ top: 0; right: 0; bottom: 0; left: 0; width: 100%;}
@media(max-width: 1300px){
    .home_doctor .wrap:nth-child(1) .video{ right: 0;}
    .home_doctor .wrap:nth-child(2) .video{ left: 0;}
    .home_doctor .wrap:nth-child(1) .video{ top: 0; right: 0; bottom: 0; left: auto; width: 100%;}
    .home_doctor .wrap .video{ top: 0; right: 0; bottom: 0; left: 0; width: 100%;}
}
@media(max-width: 1024px){
    .home_doctor{ display: block; height: auto;}
    .home_doctor .wrap{ width: 100%; height: 500px;}
    .home_doctor .wrap .row{ right: 0; left: 0; max-width: 100%;}
    .home_doctor .wrap .text{ right: 50px;}
}
@media(max-width: 768px){
    .home_doctor .wrap{ height: 100vw;}
    .home_doctor .wrap .text{ right: 2rem !important; bottom: 2rem !important;}
    .home_doctor .wrap .text .name{ font-size: 3rem;}
    .home_doctor .wrap .text .btn{ margin-top: 1.5rem; width: 12rem; height: 4rem; border-radius: 0.8rem;}
    .home_doctor .wrap .text .btn p{ font-size: 1.2rem;}
    .home_doctor .wrap .text .btn span{ margin-top: 0.2rem; font-size: 1rem;}
    .home_doctor .wrap .text .btn span img{ margin: 0.1rem 0 0 0.6rem; height: 0.4rem}
}


.home_notice{ position: relative;}
.home_notice .type_min{ padding: 100px 0;}
.home_notice .head{}
.home_notice .head .t1{ font-size: 20px; color: #003f89; letter-spacing: 10px; text-transform: uppercase;}
.home_notice .head .t2{ margin-top: 20px; line-height: 1.2; font-size: 32px; color: #003f89;}
.home_notice .head .t2 b{ font-weight: 700; color: #003f89;}
.home_notice .head .t2 br{ display: none;}
.home_notice .rolling{ overflow: hidden; margin-top: 50px;}
.home_notice .rolling a{ display: block;}
.home_notice .rolling a img{ display: block; width: 100%;}
.home_notice .rolling a p{ margin-top: 30px; font-size: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_notice_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 20px); left: 200px; transition: all .2s; cursor: pointer;}
.home_notice_prev img{ display: block;}
.home_notice_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 20px); right: 200px; transition: all .2s; cursor: pointer;}
.home_notice_next img{ display: block;}
@media(max-width: 1300px){
    .home_notice_prev{ display: none;}
    .home_notice_next{ display: none;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_notice{ overflow: hidden;}
    .home_notice .type_min{ padding: 4rem 0;}
    .home_notice .head .t1{ font-size: 0.9rem; letter-spacing: 0.1rem;}
    .home_notice .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_notice .head .t2 br{ display: block;}
    .home_notice .rolling{  margin: 2rem -14rem 0 -14rem;}
    .home_notice .rolling a p{ margin-top: 1.5rem; font-size: 1.2rem;}
}


.home_location{ padding: 100px 0 120px 0;}
.home_location .type_min{ position: relative; padding: 0 0 0 620px;}
.home_location .rolling{ overflow: hidden; position: absolute; top: 0; left: 0; width: 590px;}
.home_location .swiper-wrapper{}
.home_location .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.home_location .control{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; position: absolute; z-index: 30; bottom: 30px; left: 50%; transform: translate(-50%,0); padding: 0 40px; height: 40px; border-radius: 20px; background: rgba(0 0 0/80%);}
.home_location_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 0; left: 10px;  bottom: 0; transition: all .2s; cursor: pointer;}
.home_location_prev i{ font-size: 16px; color: #FFF;}
.home_location_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: 0; right: 10px; bottom: 0; transition: all .2s; cursor: pointer;}
.home_location_next i{ font-size: 16px; color: #FFF;}
.home_location_page{ display: flex; align-items: center; grid-gap: 5px; width: auto !important; height: 20px; font-size: 18px; color: rgba(255 255 255/30%) !important; transition: all .2s;}
.home_location_page span{ width: 8px; height: 8px; border-radius: 50%; border: 1px solid #FFF !important; opacity: 1;}
.home_location_page span.swiper-pagination-bullet-active{ background: #FFF;}

.home_location .fr{ height: 590px;}
.home_location .banner{ padding: 50px 0 0 50px; height: 300px; background: url(/images/hl_bg.png) no-repeat right bottom #f7f8f8;}
.home_location .banner .t1{ font-size: 16px; font-weight: 700; color: #003f89; text-transform: uppercase;}
.home_location .banner .t2{ margin-top: 20px; font-size: 32px; font-weight: 700; color: #333;}
.home_location .banner .t3{ margin-top: 40px; font-size: 20px; color: #666;}
.home_location .banner .t4{ margin-top: 20px; font-size: 32px; font-weight: 700; color: #003f89;}

.home_location .btn{ display: flex; justify-content: space-between; margin-top: 50px;}
.home_location .btn a{ display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.home_location .btn a .icon{ position: relative;}
.home_location .btn a .icon img{ display: block;}
.home_location .btn a .icon img:nth-child(1){ position: absolute; z-index: 10; opacity: 0; transition: all .2s;}
.home_location .btn a .icon img:nth-child(2){}
.home_location .btn a p{ margin-top: 20px; font-size: 20px; color: #999;}
.home_location .btn a:hover .icon img:nth-child(1){ opacity: 1;}
@media(max-width: 1300px){
    .home_location .banner{ padding: 50px 0 0 40px;}
    .home_location .btn a .icon img{ width: 120px;}
}
@media(max-width: 1024px){
    .home_location .type_min{ padding: 0;}
    .home_location .rolling{ position: relative; top: initial; left: initial; width: auto;}
    .home_location .fr{ margin-top: 50px; height: auto;}
}
@media(max-width: 768px){
    .home_location{ padding: 2rem 0 3rem 0;}
    .home_location .control{ grid-gap: 1rem; bottom: 1rem; padding: 0 2rem; height: 2rem; border-radius: 3rem;}
    .home_location_prev{ left: 0.6rem;}
    .home_location_prev i{ font-size: 1rem;}
    .home_location_next{ right: 0.6rem;}
    .home_location_next i{ font-size: 1rem;}
    .home_location_page{ grid-gap: 0.4rem; width: auto !important; height: 20px; font-size: 18px; color: rgba(255 255 255/30%) !important; transition: all .2s;}
    .home_location_page span{ width: 0.4rem; height: 0.4rem;}

    .home_location .fr{ margin-top: 1rem;}
    .home_location .banner{ padding: 2rem; height: auto; background: url(/images/hl_bg.png) no-repeat right bottom #f7f8f8; background-size: 6rem auto;}
    .home_location .banner .t1{ font-size: 0.9rem;}
    .home_location .banner .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_location .banner .t3{ margin-top: 2rem; font-size: 20px;}
    .home_location .banner .t4{ margin-top: 1rem; font-size: 1.8rem;}

    .home_location .btn{ margin-top: 2rem;}
    .home_location .btn a .icon img{ width: 7rem;}
    .home_location .btn a p{ margin-top: 1rem; font-size: 1.1rem;}
}