@charset "utf-8";

/* ===================================
    header
====================================== */
/* //// pc //// */
#headerwrap{position:relative;background:#fff;}
#headerwrap .logodiv{position:relative;width:100%;padding:50px 0;}
#headerwrap .logodiv .outloginwrap{display:inline-block;position:absolute;top:50px;right:5%;bottom:auto;left:auto;margin:auto;}
#headerwrap .logodiv .outloginwrap a{margin-left:15px;}
#headerwrap .logodiv .outloginwrap a:first-child{margin-left:0;}

#headerwrap .navwrap{padding-bottom:15px;border-bottom:1px solid #d2d2d2;}
#headerwrap .navwrap .listwrap{width:100%;display:flex;justify-content:center;align-items:center;}
#headerwrap .navwrap .listwrap .menu{width:calc(100% / 9);}
#headerwrap .navwrap .listwrap .menu .depth02{display:none;}

#headerwrap .dropnavi{display:none;position:absolute;z-index:999;background:#fff;width:100%;border-bottom:2px solid var(--pointcolor);}
#headerwrap .dropnavi .listwrap{width:100%;display:flex;justify-content:center;align-items:start;}
#headerwrap .dropnavi .listwrap .menu{width:calc(100% / 9);}
#headerwrap .dropnavi .listwrap .menu .depth02{padding-bottom:10px;}
#headerwrap .dropnavi .listwrap .menu .depth02 li{padding:10px 0;}
#headerwrap .dropnavi .listwrap .menu .depth02 li a:hover{color:var(--pointcolor);}

/* //// mobile //// */
.mo_wrap{background:none;width:100%;position:relative;background:#fff;/*top:0;bottom:auto;left:0;right:0;margin:auto;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;*/z-index: 9990;}
#headerwrap.tran .mo_wrap{position:fixed;top:0px;box-shadow:0 0 3px rgba(0,0,0,0.2);}
.mo_wrap .menu_m{width:90%;height:70px;margin:auto;}
.mo_wrap .menu_m .tcwrap{display:table-cell;vertical-align:middle;}

.mo_wrap .menu_m .logo_m{float:left;width:60%;margin:0 10%;display:table;height:inherit;}
.mo_wrap .menu_m .logo_m .logowrap{display:table-cell;vertical-align:middle;}
.mo_wrap .menu_m .logo_m a img{max-height:45px;margin:auto;}

.mo_wrap .menu_m .line_icon{float:left;width:10%;display:table;height:inherit;text-align:right;}
.mo_wrap .menu_m .line_icon i{display:inline-block;color:#388dc8;cursor:pointer;}
#headerwrap.tran .mo_wrap .menu_m .line_icon i{display:inline-block;color:#388dc8;cursor:pointer;}

.mo_wrap .menu_m .tel_link{float:left;width:10%;display:table;height:inherit;text-align:left;}
.mo_wrap .menu_m .tel_link a i{color:#388dc8;display:inline-block;}

.m_menu{position:fixed;top:0;left:-80%;bottom:0;width:80%;height:100%;background:#fff;z-index:9999;letter-spacing:0px;transition:all 0.4s ease;overflow-x:hidden;}
.m_menu_top:after{display:block;content:"";clear:both;}
.m_menu .m_menu_top{padding:20px;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#fff;position:relative;}
.m_menu .m_menu_top .logom{width: 130px; margin: 0;}
.m_menu .m_menu_top .closebtn{position:absolute;top:0;right:0;padding:5px 20px;font-size:30px;bottom:0;height:54px;margin:auto;color:#388dc8;}
.all_bg {position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;z-index:9999;}
#lnb {width: 100%;text-align: left;}
#lnb::-webkit-scrollbar {width: 6px;height: 6px;}
#lnb::-webkit-scrollbar-track {background: #fff;}
#lnb::-webkit-scrollbar-thumb {background: #003a81 ;}
#lnb::-webkit-scrollbar-thumb:hover {background: #003a81 ;}

#lnb ul.listwrap{display:block;}
#lnb .listwrap .sitemapwrap{display:block}
#lnb .depth01 {display: block;font-size: 13px;padding: 20px 25px;position: relative;top: 0;left: 0;}
#lnb .depth02{display:none;background-color:var(--pointcolor);}
#lnb .depth02 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#lnb .depth02 li a:hover{background:rgba(0,0,0,0.1);}

#lnb .depth03{display:none;background-color:#3872c8;}
#lnb .depth03 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#lnb .depth03 li a:hover{background:rgba(0,0,0,0.1);}


#lnb .depth01:before,
#lnb .void_link:before{display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;width: 1px;height: 11px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .depth01:after,
#lnb .void_link:after
{display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 11px;height: 1px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .void_link:before,
#lnb .void_link:after{background:var(--pointcolor);}
#lnb .menu.active .depth01:before,
#lnb .depth02 li.active .void_link:before
{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#lnb .menu.active .depth01:after,
#lnb .depth02 li.active .void_link:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}



/* ===================================
    main
====================================== */
/* //// common //// */
:root{--ani:cubic-bezier(.32,.94,.6,1)}
/* //// mainslidewrap //// */
#mainwrap .mainslidewrap {overflow:hidden;position:relative;width:100%;transition:transform .6s var(--ani)}
#mainwrap .mainslidewrap .mainSwiper {opacity: 0; transform:scale(1.05);width:100%;transition:all 2s var(--ani)}
#mainwrap .mainslidewrap .mainSwiper.on {opacity:1;transform:scale(1)}
#mainwrap .mainslidewrap .mainSwiper .swiper-slide {padding-top:33.9%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .3s}
#mainwrap .mainslidewrap .mainSwiper .swiper-slide-active {transform:skew(0)}
#mainwrap .mainslidewrap .bg {position: absolute; left: 0; top:0; width: 100%; height: 100%;max-height:100vh;background-repeat: no-repeat;background-position:center; background-size: cover;}
#mainwrap .mainslidewrap .bg.bg-1 {background-image: url('/img/main/slide01.jpg');}
#mainwrap .mainslidewrap .bg.bg-2 {background-image: url('/img/main/slide02.jpg');}
#mainwrap .mainslidewrap .bg.bg-3 {background-image: url('/img/main/slide03.jpg');}
#mainwrap .mainslidewrap .bg.bg-4 {background-image: url('/img/main/slide04.jpg');}

#mainwrap .mainslidewrap .swiper-button-prev{width:37px;height:73px;left:calc((100% - var(--layoutwidth)) / 2);}
#mainwrap .mainslidewrap .swiper-button-next{width:37px;height:73px;right:calc((100% - var(--layoutwidth)) / 2);}
#mainwrap .mainslidewrap .swiper-button-prev:after,
#mainwrap .mainslidewrap .swiper-button-next:after{content:'';}



@media(max-width:1440px){
    #mainwrap .mainslidewrap .swiper-button-prev{left:5%;}
    #mainwrap .mainslidewrap .swiper-button-next{right:5%;}
}
@media(max-width:768px){
    #mainwrap .mainslidewrap .mainSwiper .swiper-slide {padding-top:106.6%;}
    #mainwrap .mainslidewrap .bg.bg-1 {background-image: url('/img/main/slide01_m.jpg');}
    #mainwrap .mainslidewrap .bg.bg-2 {background-image: url('/img/main/slide02_m.jpg');}
    #mainwrap .mainslidewrap .bg.bg-3 {background-image: url('/img/main/slide03_m.jpg');}
    #mainwrap .mainslidewrap .bg.bg-4 {background-image: url('/img/main/slide04_m.jpg');}
}

/* //// sec01 //// */
#mainwrap .sec01 .banner{display:block;width:calc(100% / 3);max-width:400px;height:400px;margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:center center;}
#mainwrap .sec01 .banner01{background-image:url('/img/main/sec01_bg01.jpg');}
#mainwrap .sec01 .banner02{background-image:url('/img/main/sec01_bg02.jpg');}
#mainwrap .sec01 .banner03{background-image:url('/img/main/sec01_bg03.jpg');}
#mainwrap .sec01 .banner04{background-image:url('/img/main/sec01_bg04.jpg');}
#mainwrap .sec01 .banner05{background-image:url('/img/main/sec01_bg05.jpg');}
#mainwrap .sec01 .banner06{background-image:url('/img/main/sec01_bg06.jpg');}
#mainwrap .sec01 .banner .inner{height:100%;position:relative;}
#mainwrap .sec01 .banner .inner:after{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#mainwrap .sec01 .banner:hover .inner:after{opacity:1;}
#mainwrap .sec01 .banner .inner .txtinner{position:relative;z-index:3;}
#mainwrap .sec01 .banner .inner .txtinner .more{width:50px;height:50px;border:1px solid #fff;margin:auto;}
@media(max-width:768px){
    #mainwrap .sec01 .banner{width:50%;max-width:none;height:250px;}
    #mainwrap .sec01 .banner .inner .txtinner .more{width:40px;height:40px;}
}
@media(max-width:500px){
    #mainwrap .sec01 .banner{width:100%;height:140px;}
    #mainwrap .sec01 .banner .inner .txtinner{display:flex;justify-content:space-between;align-items:center;width:90%;margin:auto;}
    #mainwrap .sec01 .banner .inner .txtinner .txt{width:calc(100% - 40px);text-align:left;}
    #mainwrap .sec01 .banner .inner .txtinner .txt .mb-60{margin-bottom:0;}
    #mainwrap .sec01 .banner .inner .txtinner .more{width:40px;height:40px;}
}


/* //// sec02 //// */
#mainwrap .sec02 .imgbdiv{width:35%;}
#mainwrap .sec02 .txtdiv{width:65%;padding-left:4%;background:url('/img/main/sec02_bg.png')no-repeat 90% bottom;}
@media(max-width:1440px){
    #mainwrap .sec02 .section-left_sm{padding-left:0;width:90%;max-width:1200px;margin:auto;}
}
@media(max-width:768px){
    #mainwrap .sec02 .imgbdiv{width:80%;margin:auto auto 50px;}
    #mainwrap .sec02 .txtdiv{width:100%;padding-left:0;}
}

/* //// sec03 //// */
#mainwrap .sec03 .half{display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#mainwrap .sec03 .half_vertebra{background-image:url('/img/main/sec03_vertebra_bg.jpg');text-align:right;padding-right:5%;}
#mainwrap .sec03 .half_joint{background-image:url('/img/main/sec03_joint_bg.jpg');text-align:left;padding-left:5%;}
#mainwrap .sec03 .half_vertebra:hover{background-image:url('/img/main/sec03_vertebra_bg_hover.jpg');color:#fff;}
#mainwrap .sec03 .half_joint:hover{background-image:url('/img/main/sec03_joint_bg_hover.jpg');}

#mainwrap .sec03 .half .txtinner{display:inline-block;}
#mainwrap .sec03 .half .txtinner .icondiv{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.65);flex-direction:column;}
#mainwrap .sec03 .half_vertebra .txtinner .icondiv{margin-left:15px;}
#mainwrap .sec03 .half_vertebra .txtinner .icondiv:first-child{margin-left:0;}
#mainwrap .sec03 .half_joint .txtinner .icondiv{margin-right:15px;}
#mainwrap .sec03 .half_joint .txtinner .icondiv:last-child{margin-right:0;}
@media(max-width:1240px){
    #mainwrap .sec03 .half{width:100%;}
}
@media(max-width:768px){
    #mainwrap .sec03 .half{width:100%;}
    #mainwrap .sec03 .half .txtinner .icondiv{width:80px;height:80px;}
    #mainwrap .sec03 .half .txtinner .icondiv img{width:34px;}
}
@media(max-width:500px){
    #mainwrap .sec03 .half{width:100%;}
    #mainwrap .sec03 .half .txtinner > .mb-50{margin-bottom:0;}
    #mainwrap .sec03 .half .txtinner .iconwrap{display:none;}
}



/* //// sec04 //// */
#mainwrap .sec04 .box01{width:45%;}
#mainwrap .sec04 .box02{width:55%;padding-left:5%;}
#mainwrap .sec04 .swiper-button-prev{width:40px;height:39px;margin-top:0;top:0;left:auto;right:calc(((100% - var(--layoutminiwidth)) / 2) + 45px);}
#mainwrap .sec04 .swiper-button-next{width:40px;height:39px;margin-top:0;top:0;right:calc((100% - var(--layoutminiwidth)) / 2);}
#mainwrap .sec04 .swiper-button-prev:after,
#mainwrap .sec04 .swiper-button-next:after{content:'';}
@media(max-width:1440px){
    #mainwrap .sec04 .swiper-button-prev{right:calc(10% + 45px);}
    #mainwrap .sec04 .swiper-button-next{right:10%;}
}
@media(max-width:990px){
    #mainwrap .sec04 .box{max-width:600px;margin:auto;}
    #mainwrap .sec04 .box01{width:100%;margin-bottom:50px;}
    #mainwrap .sec04 .box02{width:100%;padding-left:0;}
    #mainwrap .sec04 .box .width80{width:100%;}
    #mainwrap .sec04 .swiper-button-prev{display:inline-block;position:relative;right:0;}
    #mainwrap .sec04 .swiper-button-next{display:inline-block;position:relative;right:0;}
}


/* //// sec05 //// */
#mainwrap .sec05 .box{width:47%;position:relative;}
#mainwrap .sec05 .box .title{position:relative;width:100%;height:180px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
#mainwrap .sec05 .box.notice .title{background-image:url('/img/main/sec05_notice_bg.jpg');}
#mainwrap .sec05 .box.news .title{background-image:url('/img/main/sec05_news_bg.jpg');}
#mainwrap .sec05 .box .title .txt{position:absolute;top:50%;bottom:auto;left:50%;right:auto;margin:auto;transform:translate(-50%, -50%);}
#mainwrap .sec05 .box .title .more{width:25px;height:25px;position:absolute;top:5%;bottom:auto;left:auto;right:3%;margin:auto;border:1px solid #fff;}
#mainwrap .sec05 .box .title .more p{padding-bottom:3px;}

#mainwrap .sec05 .box .cont{width:100%;}
#mainwrap .sec05 .box .cont a{width:100%;margin-bottom:0.625rem;}
#mainwrap .sec05 .box .cont a:hover p{color:var(--pointcolor);}
#mainwrap .sec05 .box .cont a:last-child{margin-bottom:0;}
#mainwrap .sec05 .box .cont .width75{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
#mainwrap .sec05 .box .cont .width20{flex-shrink:0;text-align:right;}

#mainwrap .sec05 .notice:after{content:'';display:block;width:1px;height:calc(100% - 180px - 1.875rem);background:#c6c6c6;position:absolute;top:auto;bottom:0;right:-6%;left:auto;margin:auto;}
@media(max-width:768px){
    #mainwrap .sec05 .box{width:100%;}
    #mainwrap .sec05 .box.notice{margin-bottom:60px;}
}
@media(max-width:768px){
    #mainwrap .sec05 .box .title{height:120px;}
}





/* //// sec06 //// */
#mainwrap .sec06 .sec_cont > .width100 > .half:first-child{padding-right:5%;flex-direction:column;}
#mainwrap .sec06 .sec_cont .half .line{width:100%;height:1px;background:#fff;margin:10% 0;}

#mainwrap .sec06 .mapwrap{max-width:680px;overflow:hidden;border-radius:20px;}
#mainwrap .sec06 .mapwrap .map{width:100% !important;}
#mainwrap .sec06 .mapwrap .hide{display:none;}

#mainwrap .sec06 .txtinner{width:100%;}
#mainwrap .sec06 .infolistwrap{width:100%;}
#mainwrap .sec06 .infolistwrap .list{width:100%;margin-bottom:10px;}
#mainwrap .sec06 .infolistwrap .list .wrap01{width:108px;}
#mainwrap .sec06 .infolistwrap .list .wrap02{width:calc(100% - 108px);padding-left:2%;}

#mainwrap .sec06 .txtinner .banner{display:inline-block;width:100%;max-width:380px;margin-bottom:10px;}
#mainwrap .sec06 .txtinner .banner .icon{width:96px;height:96px;background:#35c42e;flex-shrink:0;}
#mainwrap .sec06 .txtinner .banner .txt{width:calc(100% - 96px);padding-left:25px;}

#mainwrap .sec06 .iconlistwrap{width:100%;}
#mainwrap .sec06 .iconlistwrap .list{width:100%;margin-bottom:15px;}
#mainwrap .sec06 .iconlistwrap .list:last-child{margin-bottom:0;}
#mainwrap .sec06 .iconlistwrap .list .iconwrap{width:69px;height:69px;background:#fff;border-radius:50%;margin-right:25px;flex-shrink:0;}
#mainwrap .sec06 .iconlistwrap .list .iconwrap .imgbdiv{display:inline-block}
@media(max-width:990px){
    #mainwrap .sec06 .iconlistwrap .list .iconwrap{width:49px;height:49px;}
    #mainwrap .sec06 .iconlistwrap .list .iconwrap img{height:30px;}
}
@media(max-width:768px){
    #mainwrap .sec06 .sec_cont > .width100 > .half{width:100%;}
    #mainwrap .sec06 .sec_cont > .width100 > .half:first-child{padding-right:0;margin-bottom:50px;}
    #mainwrap .sec06 .sec_cont .half .line{margin:50px 0;}
    #mainwrap .sec06 .infolistwrap .list .wrap01{width:90px;}
}
@media(max-width:768px){
    #mainwrap .sec06 .mapwrap .map{height:200px !important;}
}

/* ===================================
    footer
====================================== */
/* //// topbtn //// */
/* #topbtn{position:absolute;top:0;bottom:auto;left:0;right:0;margin:auto;width:119px;height:60px;border:none;border-radius:70px 70px 0 0;color:#fff;background:#000;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;z-index:90;text-align:center;transform:translateY(-100%);}
#topbtn:hover{color:#fff;} */
#top_btn{border:2px solid var(--pointcolor);border-radius:50%;color:var(--pointcolor);background:rgba(255,255,255,0.3);}
#top_btn:hover{border-color:var(--pointcolor);background:rgba(255,255,255,0.3);color:var(--pointcolor);}



/* //// footer //// */
#footerwrap a{color:#fff;}
#footerwrap .infowrap01 p{padding:0 5px;}
#footerwrap .infowrap01 p:first-child{padding-left:0;}
#footerwrap .infowrap01 p:last-child{padding-right:0;}

#footerwrap .infowrap02 .list{padding:0 10px;position:relative;}
#footerwrap .infowrap02 .list:first-child{padding-left:0;}
#footerwrap .infowrap02 .list:last-child{padding-right:0;}
#footerwrap .infowrap02 .list:after{content:'';display:block;position:absolute;top:0;bottom:0;right:0;left:auto;margin:auto;width:1px;height:60%;background:#fff;}
#footerwrap .infowrap02 .list:last-child:after{display:none;}

#footerwrap .infowrap03 a{padding:0 5px;display:inline-block;}
#footerwrap .infowrap03 a:first-child{padding-left:0;}
#footerwrap .infowrap03 a:last-child{padding-right:0;}
@media(max-width:1240px){
    #footerwrap .infowrap01{display:block;}
    #footerwrap .infowrap01 p:last-child{padding:0;}
}
@media(max-width:768px){
    #footerwrap .width20{width:100%;margin-bottom:50px;}
    #footerwrap .width20 .width90{margin:auto;}
    #footerwrap .width20 .width90 img{margin:auto;height:36px;}
    #footerwrap .width80{width:100%;display:block;}
    #footerwrap .width80 .txtinner.text-right{text-align:left;}
    #footerwrap .width80 .txtinner.text-right .infowrap{display:block;margin-top:2rem;}
}
@media(max-width:500px){

}


/* //// quick //// */
#quickwrap{position:fixed;top:30%;right:0;margin:auto;z-index:9999;box-shadow:0 0 7px rgba(0,0,0,0.1);}
#quickwrap .quickbtn{display:block;width:160px;height:60px;border-bottom:1px solid #ddd;background:#f8f8f8;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#quickwrap .quickbtn:hover{background:#e9e9e9;}
#quickwrap .quickbtn:last-child{border-bottom:none;}
#quickwrap .quickbtn .width100{height:inherit;}
#quickwrap .quickbtn .width100 .iconwrap{width:60px;height:inherit;}
#quickwrap .quickbtn .width100 .textwrap{width:100px;height:inherit;}
#quickwrap .quickbtn .width100 .textwrap .font-18{font-size:18px;}

#quickwrap .pc_topbtn{position:relative;bottom:auto;right:auto;font-size:16px;width:160px;height:60px;line-height:1;border:none;background:var(--pointcolor);border-radius:0;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
#quickwrap .pc_topbtn:hover{background:#0d6fb8;}