.mo_br{display: block;}
.mo_none09{
    display: block;
}
.mo_block09{display: none;}
.eTit{color: #BE9473;font-family: "Montserrat", sans-serif;font-size: 1.2rem;font-weight: 700;line-height: 1; display:inline-block; margin:0 0 10px;}
.mainTit{font-size:3rem;font-weight: 800;line-height: 120%; color:#252525;}
.mainTit.w{color: #fff;}

.section {overflow:hidden; clear:both; position: relative; width: 100%; height: 100vh; word-break: keep-all; box-sizing:border-box; display:flex; justify-content: center; flex-direction: column; }
.section .fp-tableCell {vertical-align: middle; }
.section.business .fp-tableCell, .section.professoinals .fp-tableCell, .section.case .fp-tableCell, .section.contact .fp-tableCell, .section.location .fp-tableCell,.section.system .fp-tableCell{padding-top:90px;}

.moreBtn{vertical-align:middle; font-size: 0.88889rem;font-weight: 700; display:inline-block; }
.moreBtn::after{content:""; display:inline-block; width:10px; height:3px; background:#444; vertical-align:middle; margin:0 0 2px 10px;}



/* ?????? */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-track {display:flex; }
.slick-slide{border:0; outline: 0 !important;}
.slick-initialized .slick-slide{display:block; outline: 0 !important;}


.visual{position:relative; width: 100%; height: 100vh; background:#000; overflow:hidden; z-index:1;}
.visual .visual_in{width: 100%; height: 100%; position: relative;}
.visual .vRoll{position:relative; width: 100%; height: 100vh; }

.visual .visual_in .vRoll .bg{position:absolute; left:0; top:0; width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-transition:transform 3000ms  ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out;}
.visual .visual_in .vRoll .bg .jarallax{position: relative; width: 100%; height:100%; opacity:1;}
.visual .visual_in .vRoll .bg .jarallax iframe{position: absolute;}


.visual .visual_in .vRoll .vTxt{text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; width:80%}
.visual .visual_in .vRoll .vTxt img{position:relative; transition:all .6s 0s linear; transform:translateY(60px); opacity:0; max-width: 100%;}
.visual .visual_in .vRoll .vTxt h3{position:relative; color:#fff; font-size: 2.9rem; font-style: normal; font-weight: 600; line-height: 1; margin:50px 0 13px; transition:all .6s 0.3s linear; transform:translateY(60px); opacity:0;}
.visual .visual_in .vRoll .vTxt p{position:relative; color:#fff; font-size:1.5rem; font-weight:400;transition:all .6s 0.6s linear; transform:translateY(60px); opacity:0.8;}

.visual .visual_in .vRoll.action .vTxt img,
.visual .visual_in .vRoll.action .vTxt h3,
.visual .visual_in .vRoll.action .vTxt p{transform:translateY(0); opacity:1;}




/**** S::?????��? ****/
.business{background:#f9f9f9;}
.business .businessTit {display:flex; align-items:end; margin-bottom: -75px;}
.business .left {}
.business .right {margin-left:30px; font-size:1.388rem;}
.business .mainTit{ color:#3B4C61;}
.business .bsContRoll{width:Calc(50% + 600px); position:relative; left:50%; margin-left:-600px; overflow-y:visible; padding:115px 0 80px;}
.business .bsContRoll .bsContRoll_in{max-width:1200px;}
.business .bsContRoll ul{display:flex; }
.business .bsContRoll li.bRoll{box-sizing:border-box; }
.business .bsContRoll li.bRoll a{display:block; position:relative; box-sizing:border-box; border:1px solid #ddd; background:#fff; height:390px; padding:50px 30px;}
.business .bsContRoll li.bRoll a .bg{position:absolute; left:0; top:0; z-index:1; display:block; width:100%; height:100%; opacity:0; transition:all 0.2s linear; background-size:cover; background-position:center;}
.business .bsContRoll li.bRoll h6{position:relative; z-index:2; color:#252525;font-size: 1.55556rem;font-weight: 700;line-height:1; margin:0 0 18px;}
.business .bsContRoll li.bRoll p{position:relative; z-index:2; line-height:1.3em;}
.business .bsContRoll li.bRoll p.icon {position:absolute; bottom:90px; z-index:2;}
.business .bsContRoll li.bRoll .moreBtn{position:absolute; bottom:45px; z-index:2; }
.business .bsContRoll li.bRoll .moreBtn::after{background:#CAA385;}

.business .bsContRoll li.bRoll a:hover{box-shadow: 0px 10px 20px 0px rgba(29, 44, 65, 0.30);}
.business .bsContRoll li.bRoll a:hover .bg{opacity:1; transition:all 0.2s linear; }
.business .bsContRoll li.bRoll a:hover h6,
.business .bsContRoll li.bRoll a:hover p,
.business .bsContRoll li.bRoll a:hover .moreBtn{color:#fff;}
.business .bsContRoll li.bRoll a:hover .moreBtn::after{background:#fff;}

.business .bsContRoll .swiper-button-next,
.business .bsContRoll .swiper-button-prev{display:block; top:0; right:auto; left:1070px; width:65px !important; height:65px !important; background:#fff; z-index:500; box-sizing:border-box; border:1px solid #ddd; margin:0; z-index:5;}
.business .bsContRoll .swiper-button-prev{ margin-left:0; margin-right:-1px;}
.business .bsContRoll .swiper-button-next{ margin-left:65px;}
.business .bsContRoll .swiper-button-prev::after,
.business .bsContRoll .swiper-button-next::after{content:""; display:block; width:24px; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);font-size:0 !important; text-indent:-99999px; overflow:hidden; background:url('/theme/wm_001/img/bsPrev.png') no-repeat center/100% auto;}
.business .bsContRoll .swiper-button-next::after{background-image:url('/theme/wm_001/img/bsNext.png') }
.business .bsContRoll .swiper-button-next.swiper-button-disabled,
.business .bsContRoll .swiper-button-prev.swiper-button-disabled{opacity:0.5;}

.business .bsContRoll .swiper-pagination{position:absolute; top:auto; bottom:0; max-width:1200px; background:#E7E7E7; height:5px; border-radius:10px; opacity:1;}
.business .bsContRoll .swiper-pagination span{background:#1D2C41;border-radius:10px;}


.business .bsContRoll li.bRoll.bg01 a .bg{background-image:url('/theme/wm_001/img/businessArea_bg1.jpg');}

/**** E::?????��? ****/



/**** S::?�� ****/
.system{background:url('/theme/wm_001/img/system_bg.jpg')no-repeat center/cover;}
.system .systemCont_in{width:50%; margin-left:50%; background:rgba(29,44,65,0.9); height:100vh; display:flex;align-items: center;}
.system .systemCont_in > img{display:none}
.system .systemCont_in article{width:600px; box-sizing:border-box; padding:80px 0 0 87px;}
.system .systemCont_in article .mainTit{color:#fff; margin:0 0 28px}
.system .systemCont_in article p{color:#fff; font-size: 1.11111rem; margin-bottom:70px;}
.system .systemCont_in article ul {position:relative; overflow:hidden;}
.system .systemCont_in article ul li {float:left; width:33%; text-align:center; }
.system .systemCont_in article ul li p { color:#CAA385; padding-top:20px; margin-bottom:0;}
/**** E::?�� ****/


/**** S::?????? ****/
.professoinals{background:url('/theme/wm_001/img/professoinals_bg02.jpg')no-repeat center/cover;}
.professoinals .professoinalsCont{position:Relative; }
.professoinals .proRoll_wrap{position:relative; z-index:5; margin:40px 0 0;}  
.professoinals .proRoll_wrap .proCont_big{}
.professoinals .proRoll_wrap .proCont_big .proInfo{display:flex; align-items: end; position: relative; z-index: 1;}
.professoinals .proRoll_wrap .proCont_big .proInfo::after{position: absolute; content: ''; bottom: 0; left: 0; right: 0; background: #1f3e60; height: 310px; z-index: -1;}
.professoinals .proRoll_wrap .proCont_big .proInfo dt{width:430px; padding-left: 20px; padding-bottom: 20px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dt img{display:block; width:100%; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.10);}
/*.professoinals .proRoll_wrap .proCont_big .proInfo dd{width:calc(100% - 430px); box-sizing:border-box; padding:0 50px 50px 165px; position: relative;}*/
.professoinals .proRoll_wrap .proCont_big .proInfo dd{width:calc(100% - 430px); box-sizing:border-box; padding:0 50px 35px 165px; position: relative;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd h5{color:#fff;font-size: 26px; font-weight: 300;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd h5 span{font-size: 40px; font-weight: 700; padding-right: 5px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd p {font-size:18px; color: #fff; margin:20px 0;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd ul{display: flex; flex-wrap: wrap;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd li{position:Relative; padding:0 0 0 10px; width: 50%; font-size: 18px; color: #fff;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd li::before{content:""; display:block; position:absolute; left:0; top:9px; width: 3px;height: 3px; border-radius:50%; background:#CAA385;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd a.more{display:block; width:180px; height:50px; box-sizing:border-box; background: #BE9473; text-align:center; line-height:50px; color:#fff; transition:all 0.2s linear; position: absolute; left: -50px; top: 0; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd a.more img{margin-left: 10px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd a.more:hover{background: #ac8362; transition:all 0.2s linear;}

.proCont_thumWrap{position:absolute; right:100px; top:0px; z-index:900; width:calc(100% - 430px - 200px); }
.proCont_thumWrap .top_title{position: absolute; bottom: calc(100% + 50px); display: flex; align-items: center;}
.proCont_thumWrap .top_title h6{ font-size: 23px; font-weight: 500;line-height: 1.25; text-align: center; color: #1f3e60; margin: 0 15px;}
.proCont_thum{overflow:hidden;margin: 0 40px;}
.proCont_thum ul{}
.proCont_thum li {cursor:pointer; opacity: 0.5;}
.proCont_thum li div{display:block; width:100%; position:relative;max-width:120px; margin:0 auto;}
.proCont_thum li span{display:block;width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; border:5px solid #be9473;box-sizing:border-box; opacity:0;}
.proCont_thum li img{width:100%; display:block; line-height:1; }
.proCont_thum li p{text-align:Center;line-height:133%; margin:10px 0 0;}
.proCont_thum li p b{display:block; font-weight:600; line-height:inherit;}
.proCont_thum li.swiper-slide-thumb-active span{opacity:1;}
.proCont_thum li.swiper-slide-thumb-active{opacity: 1;}
.proCont_thumWrap .swiper-button-next,
.proCont_thumWrap .swiper-button-prev{color:#ddd;top:25px !important;padding:0; margin:0;}
.proCont_thumWrap .swiper-button-next{right:0 !important;}
.proCont_thumWrap .swiper-button-prev{left:0 !important;}
.proCont_thumWrap .swiper-button-next::after,
.proCont_thumWrap .swiper-button-prev::after{font-size:30px;}
/**** E::?????? ****/

/**** S::???????? ****/
.case{background:url('/theme/wm_001/img/case_bg_new.jpg')no-repeat center/cover;}
.case .caseTit {display:flex; align-items:end; margin-bottom:30px;;}
.case .left {}
.case .right {margin-left:100px; font-size:1.388rem; color:#fff;}

.case .eTit{ text-align:left; display:block; margin:0 auto 5px; }
.case .mainTit{color:#fff; text-align:left; }
.case .linkArea{font-size:0; width:100%; text-align:center; margin: 35px 0 44px;}
.case .linkArea li{display:inline-block; vertical-align:middle; font-size:1rem; color:#fff; font-weight: 500; margin: 0 5px;}
.case .linkArea li a{display:block;width: 95px; height: 40px; box-sizing:border-box; border:1px solid #fff; border-radius:20px; text-align:center; line-height:38px; transition:all 0.2s linear;}
.case .linkArea li a:hover{background:#BE9473; border-color:#BE9473; color:#fff; transition:all 0.2s linear;}

.case .caseContRoll{overflow:visible;}
.case .caseContRoll .caseContRoll_in{overflow:visible;}
.case .caseContRoll ul{display:flex; }
.case .caseContRoll li.cRoll{opacity:0.3;}
.case .caseContRoll li.swiper-slide-visible{opacity:1 !important; }
.case .caseContRoll li.cRoll a{display:block; background:#fff; box-sizing:border-box; border: 6px solid #fff; padding:20px; position:relative; transition:all 0.2s linear;}
.case .caseContRoll li.cRoll .cate{color: #224b79;font-weight: 500; line-height:1; font-size: 15px;}
.case .caseContRoll li.cRoll h6{color:#222;font-size: 20px;font-weight: 700; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3em;height:2.6em;margin:10px 0 20px;}
.case .caseContRoll li.cRoll .desc{    
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.41em;
	height:2.82em;
    margin:0 0 20px; 
    color: #555;
    font-size: 17px;
}
.case .caseContRoll li.cRoll .more_btn_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.case .caseContRoll li.cRoll .more_btn_box .date{
    font-size: 15px;
    color: #888;
}
.case .caseContRoll li.cRoll .img_box{
    border: solid 1px #d9d9d9;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.case .caseContRoll li.cRoll .img_box .result_txt{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 4px 19px;
    background-color: #bd9572;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #fff;
}
.case .caseContRoll li.cRoll .txt_box{
    margin-top: 20px;
}


.case .caseContRoll li.cRoll a:hover{border-color:#BE9473;box-shadow: 0px 10px 20px 0px rgba(29, 44, 65, 0.50); transition:all 0.2s linear;}

.case .caseContRoll .swiper-button-next,
.case .caseContRoll .swiper-button-prev{display:block; border-radius:50%; width:65px !important; height:65px !important; background:#F0F0F0; z-index:500; opacity:1 !important; }
.case .caseContRoll .swiper-button-next{right:-32px;}
.case .caseContRoll .swiper-button-prev{left:-32px;}
.case .caseContRoll .swiper-button-next::after,
.case .caseContRoll .swiper-button-prev::after{width:12px; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);font-size:0 !impotant; text-indent:-99999px; overflow:hidden; background:url('/theme/wm_001/img/case_prev.svg') no-repeat center/100% auto; }
.case .caseContRoll .swiper-button-next::after{background-image:url('/theme/wm_001/img/case_next.svg'); margin-right:-2px;}
.case .caseContRoll .swiper-button-prev::after{margin-left:-2px;}
/**** E::???????? ****/


/**** S::?????? ****/
/*.contact{background:#f9f9f9;}*/
.contact{background:url('/theme/wm_001/img/main_location_bg.jpg')no-repeat center/cover;}
.contactTit .mainTit{color:#fff;}
.contactTit dl{margin:35px 0 20px}
.contactTit dl dt{font-size: 1.11111rem; color:#CAA385; margin:15px 0 5px;}
.contactTit dl dd{display:inline-block; color:#fff; margin-right:50px; font-size: 1.11111rem;}
.contactTit dl dt span, .contactTit dl dd span{font-weight:700; color:#CAA385;}
.contactTit dl dd em{font-style: normal; width: calc(100% - 30px);}

.contact .contactTit{display: flex; align-items: end; justify-content: space-between; margin-bottom: 40px;}


.contactCont{display:flex; flex-direction: row-reverse;}
.contactCont > .map{width:50%;}
.contactCont > .map ul {text-align:center; margin-bottom:20px;}
.contactCont > .map li {display:inline-block; width:170px;}
.contactCont > .map li a {background:#fff; /*border:1px solid #1D2C41;*/ color:#1D2C41; padding:10px 0; 15px; display:block;}
.contactCont > .map li a i {margin-right:2px;}
.contactCont > .map li a:hover {color:#fff; background:#1D2C41}

.contactCont > .info{width:50%; box-sizing:border-box; padding:0 0 0 82px;}

.form ul{font-size:0;}
.form ul li{font-size:1rem; width:100%; margin:0 0 10px; padding:0;line-height:1; display:inline-flex; border-radius: 5px; overflow:hidden;}
.form ul li label {background:#EFE4DC; display:block; height:100%; line-height:50px; width:120px; padding-left:20px;}
.form ul li input{background:#fff; line-height:50px;  box-sizing:border-box; padding:0 20px; width:calc(100% - 100px); margin:0; border:none;font-size:1rem; color:#444; border:0;}
.form ul li placeholder{font-size:1rem; color:#444;}
.form ul li textarea{width:100%; height:142px; background:#fff; box-sizing:border-box; padding:20px;margin:0; border:none; font-size:1rem; color:#444;border-radius: 5px;}
.form .privacy{display:flex; align-items: center; }
.form .privacy input[type="checkbox"] {width:22px; height:22px; border-radius:5px;}
.form .privacy label {font-size: 0.88889rem; margin-left:4px; color:#eee;}
.form .privacy .contactPrivacyView{margin-left:20px; cursor:pointer; text-decoration:underline; color:#eee; font-size: 0.88889rem; }
.form .submitBtn{display:block; line-height:55px; width:190px; border:none; background:#3B4C61; color:#fff; font-size:1.11111rem; cursor:pointer; float:right; right:0; margin-left:auto;}
.form .submitBtn:hover{background:#BE9473; transition:all 0.2s linear;}
.form .btn_privacy {color:#fff; font-size:14px; margin-left:10px; border:1px solid #fff; padding:3px;}
/**** E::?????? ****/


/**** S::????��? ****/
.location {background:url('/theme/wm_001/img/main_location_bg.jpg')no-repeat center/cover;}
.location .locationTit {display:flex; align-items:end; margin-bottom:40px;}
.location .locationTit .left {}
.location .locationTit .right {margin-left:100px; font-size:1.388rem; color:#fff;}
.location .locationTit .mainTit{color:#fff;}

.locationCont{display:flex; flex-direction: row-reverse;}
/*.locationCont h4 {border-bottom:1px solid rgba(255,255,255,0.3); margin-top:30px}*/
.locationCont h4 {border-bottom:1px solid rgba(255,255,255,0.3); margin-top:5px}
.locationCont h4 img {width:200px; margin-bottom:20px;}
/*.locationCont > .info dl{margin:35px 0 30px; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.3)}*/
.locationCont > .info dl{margin:15px 0 30px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.3)}
.locationCont > .info dl dt {font-size:1.2rem; color:#fff; line-height:2}
.locationCont > .info dl dd{display:block; color:#fff; margin-right:50px; font-size: 1.11111rem; line-height:2}
.locationCont > .info dl dd span{font-weight:500; color:#CAA385; width:90px; display:inline-block;}
.locationCont > .info dl dd em{font-style: normal;}

.locationCont > .map{width:50%;}
.locationCont > .info ul {margin-top:20px;}
.locationCont > .info li {display:inline-block; width:32.3%; text-align:center;}
.locationCont > .info li a {background:#fff;  color:#1D2C41; padding:10px 0 ; display:block;}
.locationCont > .info li a i {margin-right:3px;}
.locationCont > .info li a:hover {color:#fff; background:#BE9473}

/*.locationCont > .info{width:50%; box-sizing:border-box; padding:0 0 0 82px;}*/
.locationCont > .info{width:50%; box-sizing:border-box; padding:0 0 0 70px;}

#main #tab-content{
    position: relative;
    min-height: 432px;
}
#main #tab-content > div {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}
#main .tab-menu{
    display: flex;
    align-items: center;
    justify-content: center;
}
#main .tab-menu li{
    width: 170px;
    text-align: center;
}
#main .tab-menu li a{
    display: inline-block;
    box-shadow: 5px 8.7px 10px 0 rgba(0, 0, 0, 0.22);
    width: 100%;
    height: 100%;
    background-color: #594535;
    padding: 10px 0;
    font-size: 20px; 
    color: #9d8069;
}
#main .tab-menu li a.active{
    box-shadow: 5px 8.7px 10px 0 rgba(0, 0, 0, 0.22);
    background-color: #be9473;
    color: #fff;
    font-weight: 700;
}
/**** E::?????? ****/



/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1240px){


#fp-nav{display:none !important; z-index:9999999 !important;}


/**** S::?????��? ****/
.business .bsContRoll{width:calc(100% - 40px); left:20px; margin-left:0;}
.business .bsContRoll .swiper-button-next,
.business .bsContRoll .swiper-button-prev{right:0; left:auto; }
.business .bsContRoll .swiper-button-prev{ margin:0 55px 0 0;}
.business .bsContRoll .swiper-button-next{ margin-left:0;}
/**** E::?????��? ****/


/**** S::?�� ****/
.system .systemCont_in article{width:100%; padding:0 20px 0 87px;}

/**** E::?�� ****/


/**** S::?????? ****/
.professoinals .proRoll_wrap .proCont_big .proInfo::after{height: 250px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dt{width:360px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd{width:calc(100% - 360px); padding: 0 20px 20px 100px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd p{ overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; margin: 15px 0 10px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd a.more{left: auto; right: 20px;}

/* .proRoll_wrap{padding-bottom:60px;} */
.proCont_thumWrap{width:calc(100% - 360px - 120px); right:60px;}
.proCont_thum{margin: 0 60px;}
/**** E::?????? ****/


/**** S::?????? ****/
.contactCont > .info{padding:0 0 0 60px;}
/**** E::?????? ****/



/**** S::????��? ****/
.locationCont > .info {padding:0 0 0 30px;}
.locationCont > .info dl dd {font-size:1.2rem;}
.locationCont > .info dl dd span{font-size: 1rem;}
.locationCont > .info ul li {width:140px; }
/**** E::????��? ****/

}

/*******************************************************************************
    @media  ~980px                
*******************************************************************************/
@media all and (max-width:980px){


.section .fp-tableCell{vertical-align:top !important; height:auto !important; display:block; }
.section.business .fp-tableCell, .section.system .fp-tableCell, .section.professoinals .fp-tableCell, .section.case .fp-tableCell, .section.contact .fp-tableCell, .section.location .fp-tableCell{padding-top:0;}


.eTit{font-size: 0.88889rem; }
.mainTit{font-size: 2.2rem;}


.visual .visual_in .vRoll .vTxt{}
/* .visual .visual_in .vRoll .vTxt img{width:60px} */
.visual .visual_in .vRoll .vTxt h3{ font-size: 3rem; }
.visual .visual_in .vRoll .vTxt p{font-size:1.3rem; }


/**** S::?????��? ****/
.business{padding:60px 0;}
.business .businessTit {display:block; margin-bottom:-50px; margin-top:0;}
.business .businessTit .right {margin-left:0; font-size:1.1111rem;}
.business .mainTit{margin-bottom:10px;}
.business .bsContRoll{width:90%; left:5%; padding:72px 0 30px;}
.business .bsContRoll .swiper-button-next,
.business .bsContRoll .swiper-button-prev{width:55px !important; height:55px !important; }
.business .bsContRoll .swiper-button-prev{ margin:0 55px 0 0;}
.business .bsContRoll .swiper-button-prev::after,
.business .bsContRoll .swiper-button-next::after{width:18px;}
.business .bsContRoll .swiper-pagination{height:5px;}

.business .bsContRoll li.bRoll{}
.business .bsContRoll li.bRoll a{height:270px; padding:35px 25px;}
.business .bsContRoll li.bRoll h6{margin:0 0 12px; font-size:1.3rem;}
.business .bsContRoll li.bRoll p.icon {bottom:60px;}
.business .bsContRoll li.bRoll .moreBtn{bottom:30px;}
/**** E::?????��? ****/


/**** S::?�� ****/
.system{background:#000;}
.system .systemCont_in{display:block;}
.system .systemCont_in > img{display:block; width:100%; display:block; line-height:1; }
.system .systemCont_in{width:100%; margin:0; height:auto; }
.system .systemCont_in article{width:100%; padding:40px 5% 60px;}
.system .systemCont_in article .mainTit{margin:0 0 18px}
/**** E::?�� ****/


/**** S::???????? ****/
.case{padding:60px 0;}
.case .caseTit {display:block; margin-top:0;}
.case .caseTit .right {margin-left:0; font-size:1.1111rem; margin-top:10px;}
.case .linkArea{margin: 20px 0 30px;}
.case .linkArea li{margin: 0 2px 2px;}
.case .linkArea li a{width:90px; height:36px;line-height:34px; }


/* .case .caseContRoll li.cRoll a{border: 4px solid #fff; padding:40px 25px 24px; } */
.case .caseContRoll li.cRoll h6{font-size: 1.2rem;margin:17px 0 20px;}
/* .case .caseContRoll li.cRoll p{margin:0 0 50px;} */

.case .caseContRoll .swiper-button-next,
.case .caseContRoll .swiper-button-prev{width:55px !important; height:55px !important;}
.case .caseContRoll .swiper-button-next{right:-27px;}
.case .caseContRoll .swiper-button-prev{left:-27px;}
.case .caseContRoll .swiper-button-next::after,
.case .caseContRoll .swiper-button-prev::after{width:10px; }
/**** E::???????? ****/


/**** S::?????? ****/
.professoinals .proRoll_wrap .proCont_big .proInfo dd h5{font-size:1.8rem;}
/**** E::?????? ****/


/**** S::?????? ****/
/* .professoinals{padding:60px 0;} */

.professoinals .proRoll_wrap .proCont_big .proInfo dt{width:300px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd{width:calc(100% - 300px); padding:0 0 0 40px;}

.proCont_thumWrap{position:relative; width:100%; right:0; bottom:-40px}
.proCont_thum{margin: 0 60px;}
.proCont_thumWrap .swiper-button-next::after,
.proCont_thumWrap .swiper-button-prev::after{font-size:24px;}


.proCont_thumWrap .top_title{bottom: 110%;}
.professoinals{padding: 60px 0;}
.professoinals .proRoll_wrap{margin: 60px 0 0;}
.professoinals .proRoll_wrap .proCont_big .proInfo{background: #1f3e60; padding: 20px; align-items: center; margin-top: 40px;}
.professoinals .proRoll_wrap .proCont_big .proInfo::after{display: none;}
.professoinals .proRoll_wrap .proCont_big .proInfo dt{padding: 0;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd a.more{position: initial; margin-top: 30px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd li{width: 100%;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd p{margin: 10px 0 20px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd h5{font-size: 1.8rem;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd h5 span{font-size: 2.2rem;}
/**** E::?????? ****/


/**** S::?????? ****/
.contact{padding:60px 0 100px; background-position:right 10% center;}
.contactCont{display:block;}
.contactCont > .map{width:100%; height:auto; border-radius:5px;}

.contactCont > .map ul {margin-bottom:30px;}
.contactCont > .info{width:100%; padding:0 0 30px;}
.contactCont > .info dl{margin:10px 0 28px}
.contactCont > .info dl dt{margin:0 0 5px;}
.contactCont > .info dl dd{margin-right:30px}

.form ul li{margin:0 0 6px;}
.form ul li input{line-height:46px; }
.form ul li textarea{height:90px; }
.form .privacy input[type="checkbox"] {width:18px; height:18px; }
.form .submitBtn{line-height:48px; margin:20px 0 0; margin-left:auto;}
/**** E::?????? ****/


/**** S::????��? ****/
.location {padding:60px 0; background-position:right 10% center;}
.location .locationTit{display:block; margin-top:0;}
.location .locationTit .right {margin-left:0;}
.locationCont{display:block;}
.locationCont > .map{width:100%; height:430px; border-radius:5px;}
.locationCont > .info{width:100%; padding:0 0 30px;}
.locationCont > .info ul li {width:32.3%}
.locationCont > .info dl{margin:10px 0 28px}
.locationCont > .info dl dt{margin:0 0 5px; line-height: 1.5;}
.locationCont > .info dl dd{margin-right:30px; display: flex;}
.locationCont > .info dl dd span {width:75px}
.locationCont > .info dl dd em{width: calc(100% - 65px);}

/**** E::????��? ****/


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



/* .visual .visual_in .vRoll .bg, .visual .vRoll {height:80vh;} */

.visual .visual_in .vRoll .vTxt{}
/* .visual .visual_in .vRoll .vTxt img{width:70px} */
.visual .visual_in .vRoll .vTxt h3{ font-size:2.6rem; }
.visual .visual_in .vRoll .vTxt p{font-size:1.4rem; }



/**** S::?????��? ****/
.business{padding:50px 0 70px 0;}
.business .businessTit {margin-bottom:-30px;}
.business .mainTit{}
.business .bsContRoll{width:90%; left:5%; padding:110px 0 20px;}
.business .bsContRoll .swiper-button-next, .business .bsContRoll .swiper-button-prev {left:0;right:auto}
.business .bsContRoll .swiper-button-next,
.business .bsContRoll .swiper-button-prev{width:44px !important; height:44px !important; top:50px;  }
.business .bsContRoll .swiper-button-prev{ margin:0 0 0 0;}
.business .bsContRoll .swiper-button-prev::after,
.business .bsContRoll .swiper-button-next::after{width:10px;}
.business .bsContRoll .swiper-button-next {margin-left:44px;}
.business .bsContRoll .swiper-pagination{height:3px;}

.business .bsContRoll li.bRoll a{height:280px;}
.business .bsContRoll li.bRoll p.icon img{height:50px;}
/**** E::?????��? ****/


/**** S::?�� ****/
.system .systemCont_in article{padding:50px 5% 50px;}
.system .systemCont_in article p {margin-bottom:40px;}
.system .systemCont_in article ul li .icon img {height:60px;}



/**** S::???????? ****/
.case{padding:50px 0 80px 0;}
.case .caseTit {margin-bottom:20px;}
.case .linkArea{margin:15px 0 20px;}

/* .case .caseContRoll li.cRoll a{padding:30px 28px 24px; } */
.case .caseContRoll li.cRoll .cate {font-size:1.1rem;}
.case .caseContRoll li.cRoll h6{margin:10px 0 17px;}
.case .caseContRoll li.cRoll p{font-size:1.1rem;}

.case .caseContRoll .swiper-button-next,
.case .caseContRoll .swiper-button-prev{width:44px !important; height:44px !important;}
.case .caseContRoll .swiper-button-next{right:-22px;}
.case .caseContRoll .swiper-button-prev{left:-22px;}
.case .caseContRoll .swiper-button-next::after,
.case .caseContRoll .swiper-button-prev::after{width:8px; }
/**** E::???????? ****/

/**** S::?????? ****/
/* .professoinals{padding:50px 0;} */
.professoinals .proRoll_wrap{margin:100px 0 0;}
.professoinals .proRoll_wrap .proCont_big .proInfo {display:block;}
.professoinals .proRoll_wrap .proCont_big .proInfo dt{width:100%; overflow:hidden; height: 310px;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd{width:100%; padding:20px 0 0;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd h5{font-size:1.8rem;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd ul{margin: 9px 0 25px}
.professoinals .proRoll_wrap .proCont_big .proInfo dd a.more{line-height:44px;width:200px; height:46px; margin:0 auto; border-width:2px; font-size:1.2rem;}
.professoinals .proRoll_wrap .proCont_big .proInfo dd h5 {margin-top:0;}
.proCont_thumWrap{position:relative; width:100%; margin:0 0 0;}
.proCont_thum{margin: 0 40px;}
.proCont_thumWrap .swiper-button-next,
.proCont_thumWrap .swiper-button-prev{top:26px !important}
.proCont_thumWrap .swiper-button-next::after,
.proCont_thumWrap .swiper-button-prev::after{font-size:20px;}
.proCont_thumWrap .top_title h6{font-size: 20px;}
/**** E::?????? ****/

/**** S::?????? ****/
.contact{padding:50px 0 70px 0;}
.contact .contactTit dl {margin:15px 0 20px}
.contactCont > .map li {width:32.3%;}
.contactCont > .info{padding:0 0 25px;}
.contactCont > .info dl{margin:8px 0 22px}

.form ul li{margin:0 0 6px;}
.form ul li input{line-height:42px; padding: 0 16px; }
.form ul li textarea{height:80px; padding:16px;}
.form .privacy {display:block;}
.form .privacy input[type="checkbox"] {width:18px; height:18px; }
.form .submitBtn{line-height:42px; font-size:1rem; margin:20px auto 0; float:inherit}
/**** E::?????? ****/


/**** S::????��? ****/
.location {padding:30px 0 30px 0;}
.location .locationTit .right{font-size:1.1111rem;}
.locationCont h4 {margin-top:15px;}
.locationCont h4 img {width:150px;}
/**** E::????��? ****/


}
/*******************************************************************************
    @media ~480px                
*******************************************************************************/
@media all and (max-width:480px){






}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){



}


/**** user ****/

/* ???? */
.businessTit .go_btn{
    padding: 8px 20px;
    box-shadow: 0px 9px 13px 0 rgba(0, 0, 0, 0.27);
    background-color: #bd9572;
    width: 230px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    transition: 0.3s;
}
.businessTit .go_btn p{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.businessTit .go_btn:hover{
    background-color: #c48360;
}
/* ???? */
.business {
    background: url(/theme/wm_001/img/business_bg02.jpg) no-repeat center / cover;
}
.business .businessTit{
    margin-bottom: 0;
}
.business #bs_scroll_box{
    margin-top: 60px;
    max-height: 450px;
    overflow-y: auto;
    width: 1220px;
    padding-right: 20px;
}
.business #bs_scroll_box::-webkit-scrollbar-track{
    border-radius: 10px;
	background-color: #fff;
}
.business #bs_scroll_box::-webkit-scrollbar{
    border-radius: 10px;
	width: 5px;
	background-color: #fff;
}
.business #bs_scroll_box::-webkit-scrollbar-thumb{
    border-radius: 10px;
	background-color: #000000;
}
.business #bs_scroll_box ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px 20px;
}
.business #bs_scroll_box ul li{
    box-shadow: 7px 7px 15px rgba(0,0,0,.16);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    aspect-ratio: 285/215;
    transition: 0.4s;
}
.business #bs_scroll_box ul li:hover {
    filter: grayscale(100%);
}
.business #bs_scroll_box ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.business #bs_scroll_box ul li p{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-top: 35px;
}
.business #bs_scroll_box ul li.li01{
    background-image: url(/theme/wm_001/img/business_list_bg01.jpg);
}
.business #bs_scroll_box ul li.li02{
    background-image: url(/theme/wm_001/img/business_list_bg02.jpg);
}
.business #bs_scroll_box ul li.li03{
    background-image: url(/theme/wm_001/img/business_list_bg03.jpg);
}
.business #bs_scroll_box ul li.li04{
    background-image: url(/theme/wm_001/img/business_list_bg04.jpg);
}
.business #bs_scroll_box ul li.li05{
    background-image: url(/theme/wm_001/img/business_list_bg05.jpg);
}
.business #bs_scroll_box ul li.li06{
    background-image: url(/theme/wm_001/img/business_list_bg06.jpg);
}
.business #bs_scroll_box ul li.li07{
    background-image: url(/theme/wm_001/img/business_list_bg07.jpg);
}
.business #bs_scroll_box ul li.li08{
    background-image: url(/theme/wm_001/img/business_list_bg08.jpg);
}
.business.tsm ul{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 45px; margin-top: 60px;}
.business.tsm ul li{ position: relative;}
.business.tsm ul li a{display: inline-block; width: 100%; height: 100%; }
.business.tsm ul li a:after{ position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;    transition: box-shadow 0.3s; box-shadow: 0 0 0 0 transparent inset;}
.business.tsm ul li a:hover:after{ box-shadow: 0 0 0 7px #BE9473 inset;}
.business.tsm ul li p{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(56,56,56,.33); padding: 11px 0; font-size: 25px; font-weight: 600; letter-spacing: -0.75px; color: #fff;}
.business.tsm ul li img{max-width: 100%; width: 100%;}


.system{background:url('/theme/wm_001/img/system_bg02.jpg')no-repeat center/cover; position: relative;}
.system .system_inner .top{
    display: flex;
    justify-content: space-between;
    align-items: start;    
}
.system .system_inner .top > div{
    width: 50%;
}
.system .system_inner .top .right_box .desc{
    font-size: 20px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
}
.system .system_inner .bot {
    margin-top: 75px;
}
.system .system_inner .bot ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.system .system_inner .bot ul li{
    box-shadow: 7px 7px 20px rgba(0,0,0,.38);
}
.system .system_inner .bot ul li .txt_box{
    background-color: #eee4db;
    padding: 15px 0;
    text-align: center;
}
.system .system_inner .bot ul li .img_box img{
    max-width: 100%;
    width: 100%;
}
.system .system_inner .bot ul li .txt_box p{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #222;
}
.system.tsm .mainTit{color: #fff;}
.system.tsm .businessTit p{color: #fff; font-size: 20px; line-height: 1.5; margin-top: 40px;}
.system.tsm ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; margin-top: 80px;}
.system.tsm ul li{background: #bf9472; display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 360/290; text-align: center; transition: 0.3s;}
.system.tsm ul li:hover{background: #ac8362;}
.system.tsm ul li span{display: inline-block;  width: 40px; height: 1px; opacity: 0.3; background-color: #fff; margin: 38px 0 30px;}
.system.tsm ul li p{ font-size: 22px; font-weight: 600; color: #fff;}


.yulmac01{
    background:url('/theme/wm_001/img/yulmac01_bg.jpg')no-repeat center/cover; 
}
.yulmac .top_txt h5{
    font-size: 28px;
    line-height: 1.43;
    text-align: center;
    font-weight: 400;
    color: #444;
}
.yulmac .top_txt h5.w{
    color: #fff;
}
.yulmac .fp-tableCell{
    padding-top: 100px;
}
.yulmac01 .list_box{
    margin-top: 70px;
}
.yulmac01 .list_box ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.yulmac01 .list_box ul li{
    /* box-shadow: 3.5px 6.1px 15px 0 rgba(0, 0, 0, 0.16); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    aspect-ratio: 380/235;
    transition: box-shadow 0.3s;
}
.yulmac01 .list_box ul li:hover{    
    transition: box-shadow 0.3s;
    box-shadow: 0 0 0 7px #BE9473 inset;
}
.yulmac01 .list_box ul li.li01{
    background-image: url(/theme/wm_001/img/yulmac01_list_bg01.jpg);
}
.yulmac01 .list_box ul li.li02{
    background-image: url(/theme/wm_001/img/yulmac01_list_bg02.jpg);
}
.yulmac01 .list_box ul li.li03{
    background-image: url(/theme/wm_001/img/yulmac01_list_bg03.jpg);
}
.yulmac01 .list_box ul li.li04{
    background-image: url(/theme/wm_001/img/yulmac01_list_bg04.jpg);
}
.yulmac01 .list_box ul li.li05{
    background-image: url(/theme/wm_001/img/yulmac01_list_bg05.jpg);
}
.yulmac01 .list_box ul li{
    padding: 30px;
}
.yulmac01 .list_box ul li.li06{
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yulmac01 .list_box ul li .top{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.65);
    padding-bottom: 18px;
}
.yulmac01 .list_box ul li .top p{
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -0.52px;
    color: #fff;
    margin-left: 25px;
}
.yulmac01 .list_box ul li .bot{
    padding-top: 18px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.yulmac01 .list_box ul li.li01 .bot{
    display: flex;
    flex-wrap: wrap;
}
.yulmac01 .list_box ul li.li02 .bot{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.yulmac01 .list_box ul li .bot p{
    font-size: 17px;
    color: #fff;
    min-width: 92px;
}
.yulmac01 .list_box ul li.li01 .bot p:nth-child(odd){
    margin-right: 25px;
}

.yulmac02{
    background:url('/theme/wm_001/img/yulmac02_bg.jpg')no-repeat center/cover; 
}
.yulmac02 .top_txt ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.yulmac02 .top_txt ul li{
    text-align: center;
    padding: 0 75px;
}
.yulmac02 .top_txt ul li:not(:last-child){
    border-right: 1px solid rgba(255,255,255,.2);
}
.yulmac02 .top_txt ul li h6{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.yulmac02 .top_txt ul li p{
    font-size: 25px;
    letter-spacing: -0.75px;
    color: #f7c682;
}
.yulmac02 .list_box {
    margin-top: 130px;
}
.yulmac02 .list_box ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.yulmac02 .list_box ul li{
    box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.15);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    aspect-ratio: 380/210;
    transition:0.3s;
}
.yulmac02 .list_box ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.yulmac02 .list_box ul li:hover {
    filter: grayscale(100%);
}
.yulmac02 .list_box ul li.li01{
    background-image: url(/theme/wm_001/img/yulmac02_list_bg01.jpg);
}
.yulmac02 .list_box ul li.li02{
    background-image: url(/theme/wm_001/img/yulmac02_list_bg02.jpg);
}
.yulmac02 .list_box ul li.li03{
    background-image: url(/theme/wm_001/img/yulmac02_list_bg03.jpg);
}
.yulmac02 .list_box ul li .tit{
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}
.yulmac02 .list_box ul li .desc{
    font-size: 18px;
    line-height: 1.22;
    color: rgba(255, 255, 255, 0.9);
    margin: 20px 0 30px;
}
.yulmac02 .list_box ul li .more{
    display: flex;
    align-items: center;
    justify-content: center;
}
.yulmac02 .list_box ul li .more span{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-right: 5px;
}
.partners {
    padding: 100px 0;
    background: #efeeee;
}
.partners .mainTit{
    text-align: center;
    color: #515151;
}
.partners .main_desc{
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    color: #838383;
}
.partners .swiper_wrap{
    position: relative;
}
.partners .partners_swiper{
    margin-top: 60px;
    position: static;
}
.partners .partners_swiper img{
    max-width: 100%;
}
.partners .swiper-button-next{
    right: -70px;
    background: url(/theme/wm_001/img/partners_next.png) no-repeat center / cover;
    width: 48px;
    height: 48px;
}
.partners .swiper-button-prev{
    left: -70px;
    background: url(/theme/wm_001/img/partners_prev.png) no-repeat center / cover;
    width: 48px;
    height: 48px;
}
.partners .swiper-button-prev:after,.partners .swiper-button-next:after{
    display: none;
}

@media all and (max-width:1240px){
    .business #bs_scroll_box{
        width: auto;
        padding-right: 10px;
    }
    .business #bs_scroll_box ul{
        grid-template-columns: repeat(3, 1fr);
        gap: 25px 20px;
    }
    .yulmac .fp-tableCell{
        padding-top: 0;
    }
    .yulmac01 .list_box ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .yulmac01 .list_box ul li{
        aspect-ratio: auto;
    }
    .yulmac01 .list_box ul li.li01 .bot{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .yulmac01 .list_box ul li.li02 .bot{
        grid-template-columns: repeat(3, 1fr);
    }
    .yulmac02 .list_box ul li{
        padding: 15px 0;
    }
}
@media all and (max-width:980px){
    .mo_none09{
        display: none;
    }
    .mo_block09{display: block;}
    .mo_br{display: inline;}
    .business #bs_scroll_box ul li p{
        font-size: 20px;
        margin-top: 20px;
    }
    .system{
        background: none;
        background-color: #283546;
    }
    .system .system_inner .top .left_box{
        background:url('/theme/wm_001/img/system_left_bg.jpg')no-repeat center/cover; 
        padding: 20px 20px;
    }
    .system .system_inner .top .right_box{
        background: #283546; 
        padding: 30px 20px 0;
    }
    .system .system_inner .top{
        flex-wrap: wrap;
    }
    .system .system_inner .top > div{
        width: 100%;        
    }
    .system .system_inner .bot{        
        padding: 0 20px 60px;
    }
    .case .caseContRoll li.cRoll .img_box .result_txt{
        font-size: 18px;
        padding: 6px 18px;
    }
    .contactTit dl dd{
        margin-bottom: 10px;
        display: flex;
    }
    .yulmac01 .list_box{
        margin-top: 40px;
    }
    .yulmac01 .list_box ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .yulmac01,.yulmac02{
        padding: 60px 0;
    }
    .yulmac02 .list_box ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .yulmac02 .top_txt ul{
        flex-wrap: wrap;
    }
    .yulmac02 .top_txt ul li{
        width: 100%;
        padding: 20px 0;
    }
    .yulmac02 .top_txt ul li:not(:last-child){
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        border-right: 0;
    }
    .yulmac02 .list_box{
        margin-top: 40px;
    }
    .yulmac02 .list_box ul li{
        aspect-ratio: auto;
        padding: 30px 0;
    }
    .partners{
        padding: 60px 0;
    }
    .partners.fp-section.fp-table,.partners .fp-slide.fp-table{
        height: auto !important;
    }
    .partners .main_desc{
        font-size: 18px;
    }
    .partners .swiper-button-prev{
        left: 0;
        width: 30px;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
    }
    .partners .swiper-button-next{
        right: 0;
        width: 30px;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
    }
    .visual .visual_in .vRoll .vTxt{width: 100%; top: 40%;}
    .visual .visual_in .vRoll .vTxt h3{font-size: 2.2rem;}
    .proCont_thumWrap .top_title{margin-bottom: 20px;}
    .proCont_thumWrap .top_title h6{margin: 0 5px;}
    .business.tsm ul{ grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 40px;}
    .business.tsm ul li p{font-size: 20px; padding: 7px 0;}
    .system.tsm{display: flex;}
    .system.tsm ul{margin-top: 40px; gap: 20px;}
    .system.tsm ul li{padding: 20px 0;}
    .system.tsm ul li img{width: 50px;}
    .system.tsm ul li span{margin: 20px 0;}
    .system.tsm ul li p{font-size: 20px;}
    .system.tsm .businessTit p{font-size: 18px; margin-top: 25px;}
}
@media all and (max-width:768px){
    .mo_none{
        display: none;
    }
    .business #bs_scroll_box{
        margin-top: 40px;
    }
    .business #bs_scroll_box ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .business #bs_scroll_box ul li{
        aspect-ratio: 1/.9;
    }
    .business #bs_scroll_box ul li p{
        font-size: 18px;
        margin-top: 20px;
    }
    .business #bs_scroll_box ul li img{
        width: 50px;
    }
    .businessTit .go_btn{
        width: 180px;
    }
    .businessTit .go_btn p{
        font-size: 14px;
    }
    .system .system_inner .bot{
        margin-top: 40px;
    }
    .system .system_inner .bot ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .system .system_inner .bot ul li .txt_box{
        padding: 11px 0;
    }
    .system .system_inner .bot ul li .txt_box p{
        font-size: 18px;
    }
    .system .system_inner .top .right_box .desc{
        font-size: 18px;
    }
    .system .system_inner .bot ul li .img_box img{
        aspect-ratio: 1/0.4;
    }
    .case .caseContRoll li.cRoll .more_btn_box .date{
        font-size: 14px;
    }
    .contact .contactTit{
        flex-wrap: wrap;
    }
    .contact .contactTit{
        justify-content: center;
    }
    .contact .contactTit > div{
        width: 100%;
    }
    .location .locationTit .left{
        margin-bottom: -10px;
    }
    .location .locationTit{
        margin-bottom: 10px;
    }
    #main .tab-menu li{
        width: 130px;
    }
    #main .tab-menu li a{
        font-size: 17px;
        padding: 7px 0;
    }
    .fp-section.fp-table.contact, .fp-slide.fp-table{
        height: 1120px !important;
    }
    .fp-section.fp-table.location, .fp-slide.fp-table{
        height: 710px !important;
    }
    .contactCont > .map,.locationCont > .map{
        height: 300px !important;
        overflow: hidden;
    }
    .yulmac .top_txt h5{
        font-size: 24px;
    }
    .yulmac01 .list_box ul li{
        padding: 20px;
    }
    .yulmac01 .list_box ul li .top{
        padding-bottom: 12px;
    }
    .yulmac01 .list_box ul li .top img{
        width: 40px;
    }
    .yulmac01 .list_box ul li .top p{
        font-size: 22px;
        margin-left: 15px;
    }
    .yulmac01 .list_box ul li .bot p{
        min-width: auto;
    }
    .yulmac02 .top_txt ul li{
        padding: 15px 0;
    }
    .yulmac02 .top_txt ul li h6{
        font-size: 32px;
    }
    .yulmac02 .top_txt ul li p{
        font-size: 20px;
    }
    .yulmac02 .list_box ul li .tit{
        font-size: 25px;
    }
    .yulmac02 .list_box ul li .desc{
        font-size: 18px;
        margin: 20px 0;
    }
    .system.tsm{padding: 60px 0;}
    .system.tsm ul li{aspect-ratio: auto; min-height: 200px; justify-content: start; padding: 20px 5px;}
}