.visual {width:100%; position:relative; background-color:#0058B2;}
.visual .visual_sw {z-index:1; min-width:1600px; opacity:0;}
.visual.active .visual_sw {transition:0.6s; transition-delay: 0.8s; opacity:1;}

.visual .visual_sw .swiper-slide {width:100%; height:990px; overflow: hidden; position:relative;}
.visual .visual_sw .swiper-slide img {min-width:1920px; width:100%;}

.visual_arrow_box {width:1600px; position:relative; margin: auto; z-index:3; opacity:0;}
.visual.active .visual_arrow_box {transition:0.6s; transition-delay: 1.4s; opacity:1;}
.visual_arrow_box img.visualPrev {position:absolute; top:512px; left:50px; cursor: pointer; transition:all 0.2s; z-index:2;}
.visual_arrow_box img.visualNext {position:absolute; top:512px; right:50px; cursor: pointer; transition:all 0.2s; z-index:2;}
.visual_arrow_box img.visualPrev:hover {opacity:0.7;}
.visual_arrow_box img.visualNext:hover {opacity:0.7;}

.visual_info_box {width:100%; height:905px; position:absolute; z-index:2; top:85px; left:0; min-width:1600px; z-index:2}

.visual_info_box .visual_txt_box {width:100%; position:relative; text-align: center; padding-top:264px; z-index:1; min-width:1600px;}
.visual_info_box .visual_txt_box p {line-height:74px; margin-bottom:50px;  text-shadow:5px 5px 20px rgba(0,0,0,0.4); }
.visual_info_box .visual_txt_box p font {font-family: 'twayair',sans-serif; font-size:70px; color:#fff; font-weight:400; letter-spacing:-0.01em; top:30px; position:relative; opacity:0;}
.visual_info_box .visual_txt_box p font:nth-child(2) {margin:0px 15px; top:-30px;}
.visual.active .visual_info_box .visual_txt_box p font {top:0; opacity:1; transition:0.6s; transition-delay:1.4s;}
.visual_info_box .visual_txt_box span {font-size:24px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:34px; display: block; text-shadow:5px 5px 20px rgba(0,0,0,0.4); margin-bottom:50px; opacity:0;}
.visual.active .visual_info_box .visual_txt_box span {opacity:1; transition:0.6s; transition-delay:1.6s;}
.visual_info_box .visual_txt_box .vis_btn_box {width:250px; margin: auto; opacity:0;}
.visual.active .visual_info_box .visual_txt_box .vis_btn_box {opacity:1; transition:0.6s; transition-delay:1.6s;}
.visual_info_box .visual_txt_box .vis_btn_box div {width:100%; border:1px solid #fff; overflow: hidden; padding:0px 20px; position:relative; transition:all 0.2s;}
.visual_info_box .visual_txt_box .vis_btn_box div:hover {opacity:0.6;}
.visual_info_box .visual_txt_box .vis_btn_box div font {font-family: 'Roboto',sans-serif; font-size:18px; color:#fff; font-weight:400; letter-spacing:-0.025em; float:left; line-height:50px;}
.visual_info_box .visual_txt_box .vis_btn_box div font b {font-family: 'Roboto',sans-serif; font-size:18px; color:#fff; font-weight:500;}
.visual_info_box .visual_txt_box .vis_btn_box div img {top:20px; position:absolute; right:20px;}

.visual_info_box .visualPage {width:100%; text-align: center; position:absolute; bottom:110px; left:0; opacity:0;}
.visual.active  .visual_info_box .visualPage {opacity:1; transition:0.6s; transition-delay:1.6s;}
.visual_info_box .visualPage ul {display:inline-block; zoom:1; *display:inline; overflow: hidden;}
.visual_info_box .visualPage ul li {width:16px; height:16px; border:1px solid #fff; float:left; margin:0px 7px; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; cursor: pointer;}
.visual_info_box .visualPage ul li.on {background-color:#fff;}
.visual_info_box .controller {width:15px; height:16px; position:relative; display:inline-block; zoom:1; *display:inline; margin-left:20px;}
.visual_info_box .controller .stop {width:15px; height:16px; background-image:url("../img/main/stop.png"); position:absolute; top:0; left:0; cursor: pointer;}
.visual_info_box .controller .play {width:15px; height:16px; background-image:url("../img/main/play.png"); position:absolute; top:0; left:0; display:none; cursor: pointer;}

.main_content {width:100%; position:relative;}
.main_content::after {content:""; width:107px; height:894px; position:absolute; top:220px; left:35px; background-image:url("../img/main/txtBg02.png");}

.m_estimate {width:100%; overflow:hidden; }
.m_estimate .m_estimate_form {width:100%; padding:52px 0px; position:relative; padding-bottom:82px;}
.m_estimate .m_estimate_form::before {content:""; width:475px; height:100%; background-color:#F2F7FB; position:absolute; top:0; right:0;}
.m_estimate .m_estimate_form::after {content:""; width:100%; height:100%; background-color:#F2F7FB; position:absolute; top:0; right:-100%;}
.m_estimate .m_estimate_form form {display: block; width:100%; background-color:#F8F7F9; padding:20px 32px; -ms-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; padding-bottom:65px; position:relative; top:50px; opacity:0;}
.m_estimate.active .m_estimate_form form {opacity:1; transition:0.6s; top:0;}
.m_estimate .m_estimate_form table {width:100%; table-layout: fixed;}
.m_estimate .m_estimate_form table tr td {padding:10px 0px;}
.m_estimate .m_estimate_form table tr td p {font-size:15px; color:#58585b; font-weight:400; letter-spacing:-0.01em; line-height:20px; margin-bottom:8px;}
.m_estimate .m_estimate_form table tr td input[type=text] {width:320px; height:60px; border:1px solid #ced0d4; padding:0px 20px; font-size:16px; color:#58585b; font-weight:400; letter-spacing:-0.025em; -ms-border-radius:12px; -moz-border-radius:12px; -o-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}
.m_estimate .m_estimate_form table tr td input[type=text]::placeholder{font-size:16px; color:#aaa; font-weight:300; letter-spacing:-0.025em;}
.m_estimate .m_estimate_form table tr td input[type=text]::-moz-placeholder {font-size:16px; color:#aaa; font-weight:300; letter-spacing:-0.025em;}
.m_estimate .m_estimate_form table tr td input[type=text]:-ms-input-placeholder {font-size:16px; color:#aaa; font-weight:300; letter-spacing:-0.025em;}
.m_estimate .m_estimate_form table tr td input[type=text]::-webkit-input-placeholder {font-size:16px; color:#aaa; font-weight:300; letter-spacing:-0.025em;}
.m_estimate .m_estimate_form table tr td input[type=text].hopeDate {width:460px; background-image:url("../img/main/m_form_icon01.png"); background-repeat: no-repeat; background-position:left 20px center; padding-left:70px;}

.m_estimate .m_estimate_form table tr td .m_est_chk_box {width:658px; border:1px solid #ced0d4; background-color:#fff; -ms-border-radius:12px; -moz-border-radius:12px; -o-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; padding:19px 20px; overflow: hidden;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label {display: block; float:left; overflow: hidden; margin-left:20px; cursor: pointer;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label:first-child {margin-left:0;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label input[name=servChk] {width:20px; height:20px; background-image:url("../img/common/chk_off.png"); float:left; margin-right:8px; margin-top:1px;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label input[name=servChk]:checked {background-image:url("../img/common/chk_on.png");}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label input[name=scType] {width:16px; height:16px; background-image:url("../img/common/radio_off.png"); float:left; margin-right:6px; margin-top:3px;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label input[name=scType]:checked {background-image:url("../img/common/radio_on.png");}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label b {font-size:16px; color:#58585b; font-weight:400; letter-spacing:-0.01em; line-height:20px; float:left; transition:all 0.2s;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box label:hover b {color:#999;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box span {font-size:16px; color:#58585b; font-weight:400; letter-spacing:-0.01em; line-height:20px; float:left; margin-left:5px;}

.m_estimate .m_estimate_form table tr td .m_est_chk_box div {float:left; overflow: hidden; padding-left:5px;}
.m_estimate .m_estimate_form table tr td .m_est_chk_box div label {margin-left:15px;}

.m_estimate .m_estimate_form table tr td .country_select_box {width:460px; border:1px solid #ced0d4; background-color:#fff; -ms-border-radius:12px; -moz-border-radius:12px; -o-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; overflow: hidden; padding:8px 0px;}
.m_estimate .m_estimate_form table tr td .country_select_box div {width:50%; float:left; padding-left:70px; padding-right:20px;}
.m_estimate .m_estimate_form table tr td .country_select_box div:first-child {border-right:1px solid #ddd; background-image:url("../img/main/m_form_icon02.png"); background-repeat: no-repeat; background-position:left 20px center;}
.m_estimate .m_estimate_form table tr td .country_select_box div:last-child {background-image:url("../img/main/m_form_icon03.png"); background-repeat: no-repeat; background-position:left 20px center;}
.m_estimate .m_estimate_form table tr td .country_select_box div select {width:100%; height:24px; font-size:16px; color:#58585b; font-weight:400; letter-spacing:-0.025em; display: block;}
.m_estimate .m_estimate_form table tr td .country_select_box div select option {font-size:16px; color:#58585b; font-weight:400;}
.m_estimate .m_estimate_form table tr td .country_select_box div span {display: block; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px;}

.m_estimate .m_estimate_form input[type=submit] {width:320px; height:60px; position:absolute; bottom:-30px; left:50%; margin-left:-160px; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-color:#5492F9; font-family: 'twayair',sans-serif; font-size:20px; color:#fff; font-weight:300; letter-spacing:-0.05em; cursor: pointer; transition:all 0.2s;}
.m_estimate .m_estimate_form input[type=submit]:hover {background-color:#3c71c8;}


.m_key_work {width:100%; overflow: hidden; position:relative;}
.m_key_work .m_kw_inner {width:100%; padding:90px 0px; padding-bottom:120px; position:relative;}
.m_key_work .m_kw_bg {position:absolute; top:0; left:50%; height:100%; margin-left:-600px;}
.m_key_work .m_kw_bg::before {content:""; width:475px; height:100%; background-color:#F2F7FB; position:absolute; top:0; right:0;}
.m_key_work .m_kw_bg::after {content:""; width:100%; height:100%; background-color:#F2F7FB; position:absolute; top:0; right:-100%;}
.m_key_work .m_kw_inner .m_kw_top p.m_kw_title {font-family: 'twayair',sans-serif; font-size:40px; color:#58585b; letter-spacing:-0.075em; font-weight:400; line-height:44px; position:relative; left:-50px; opacity:0;}
.m_key_work.active .m_kw_inner .m_kw_top p.m_kw_title {left:0; opacity:1; transition:0.6s;}
.m_key_work .m_kw_inner .m_kw_top ul.m_kw_tab {height:37px; margin-top:32px;}
.m_key_work .m_kw_inner .m_kw_top ul.m_kw_tab li {float:left; font-size:20px; color:#58585b; font-weight:400; letter-spacing:-0.075em; margin-right:30px; position:relative; padding-bottom:8px; cursor: pointer; position:relative; left:-50px; opacity:0;}
.m_key_work.active .m_kw_inner .m_kw_top ul.m_kw_tab li {left:0; opacity:1; transition:0.4s;}
.m_key_work.active .m_kw_inner .m_kw_top ul.m_kw_tab li:nth-child(1) {transition-delay:0.2s;}
.m_key_work.active .m_kw_inner .m_kw_top ul.m_kw_tab li:nth-child(2) {transition-delay:0.3s;}
.m_key_work.active .m_kw_inner .m_kw_top ul.m_kw_tab li:nth-child(3) {transition-delay:0.4s;}
.m_key_work.active .m_kw_inner .m_kw_top ul.m_kw_tab li:nth-child(4) {transition-delay:0.5s;}
.m_key_work.active .m_kw_inner .m_kw_top ul.m_kw_tab li:nth-child(5) {transition-delay:0.6s;}
.m_key_work .m_kw_inner .m_kw_top ul.m_kw_tab li:last-child {margin-right:0;}
.m_key_work .m_kw_inner .m_kw_top ul.m_kw_tab li.on {color:#0070C3;}
.m_key_work .m_kw_inner .m_kw_top ul.m_kw_tab li.on::after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#0070C3;}


.m_key_work .m_kw_inner .m_kw_slide_box {width:100%; }

.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw {width:100%; z-index:1;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide {width:1200px; opacity:0.7; transition:all 0.2s;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide-active {opacity:1;}

.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox {width:1200px; height:550px;  padding:15px 0px; padding-top:5px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox img {float:left; margin-top:86px; position:relative; top:50px; opacity:0;}
.m_key_work.active .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox img {transition:0.8s; transition-delay:1.0s; top:0; opacity:1;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box {width:500px; height:530px; background-color:#fff; box-shadow:5px 6px 15px rgba(0,0,0,0.1); float:left; padding:35px;  position:relative; top:-50px; opacity:0;}
.m_key_work.active .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box {transition:0.8s; transition-delay:1.0s; top:0; opacity:1;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box p {font-size:24px; color:#0070c3; font-weight:400; letter-spacing:-0.075em; line-height:28px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box span {font-family: 'Roboto',sans-serif; font-size:36px; color:#333; font-weight:500; letter-spacing:-0.01em; line-height:40px; display: block; margin-top:10px; padding-bottom:2px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box font {font-size:18px; color:#58585b; font-weight:400; letter-spacing:-0.05em; line-height:25px; display: block; margin-top:7px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box em {font-family: 'Roboto',sans-serif; font-size:21px; color:#0070c3; font-weight:500; letter-spacing:-0.01em; line-height:25px; display: block; margin-top:25px;}

.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list {width:100%; padding-top:25px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list li {width:100%; position:relative; padding-left:12px; margin-bottom:15px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list li:last-child {margin-bottom:0;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list li::before {content:"·"; font-family: 'Roboto',sans-serif; font-size:18px; color:#333; font-weight:500; position:absolute; top:0; left:0; line-height:22px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list li strong { font-size:16px; color:#333; font-weight:500; letter-spacing:-0.025em; display: block; line-height:22px; margin-bottom:6px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list li strong.ff_roboto {font-family: 'Roboto',sans-serif; font-size:18px; margin-bottom:3px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list li b { font-size:16px; color:#888; font-weight:300; letter-spacing:-0.025em; display: block; line-height:22px;}


.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list2 {width:100%; padding-top:20px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list2 li {width:100%; position:relative; padding-left:12px; margin-bottom:4px; font-size:16px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list2 li:last-child {margin-bottom:0;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box ul.kw_i_list2 li::before {content:"·"; font-family: 'Roboto',sans-serif; font-size:17px; color:#333; font-weight:500; position:absolute; top:0; left:0; line-height:20px;}

.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box .pt {padding-top:35px;}

.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box div {width:430px; border:1px solid #ced0d4; font-size:18px; color:#58585b; font-weight:400; letter-spacing:-0.01em; font-family: 'Roboto',sans-serif; text-align: center; line-height:58px; position:absolute; bottom:35px; left:35px; transition:all 0.2s;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_sw .swiper-slide .kwBox .kw_info_box div:hover {border:1px solid #0070c3; color:#0070c3;}


.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_slide_btn {width:1200px; margin: auto; position:relative; z-index: 2; opacity:0;}
.m_key_work.active .m_kw_inner .m_kw_slide_box .m_kw_slide_btn {opacity:1; transition:0.6s; transition-delay:1.1s;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_slide_btn .sbInner {width:65px; position:absolute; top:200px; right:0;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_slide_btn .sbInner div {width:65px; height:65px; background-color:#fff; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; box-shadow:6px 6px 10px rgba(0,0,0,0.1); cursor: pointer; transition:all 0.2s;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_slide_btn .sbInner div.next {background-image:url("../img/main/kw_slide_next.png"); background-repeat: no-repeat; background-position:center; margin-bottom:10px;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_slide_btn .sbInner div.next:hover {background-image:url("../img/main/kw_slide_next_on.png"); background-repeat: no-repeat;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_slide_btn .sbInner div.prev {background-image:url("../img/main/kw_slide_prev.png"); background-repeat: no-repeat; background-position:center;}
.m_key_work .m_kw_inner .m_kw_slide_box .m_kw_slide_btn .sbInner div.prev:hover {background-image:url("../img/main/kw_slide_prev_on.png"); background-repeat: no-repeat;}

.m_service {width:100%; height:898px; position:relative; overflow: hidden;}
.m_service img.serv_bg_img {min-width:1920px; width:100%; position:absolute; top:30px; z-index:1; opacity:0;}
.m_service.active img.serv_bg_img {opacity:1; top:0; transition:0.6s; }

.m_service .m_serv_top {text-align: center; position:relative; padding-top:140px; z-index:2;}
.m_service .m_serv_top p {font-family: 'twayair',sans-serif; font-size:40px; color:#fff; font-weight:400; letter-spacing:-0.075em; line-height:44px; top:-30px; position:relative; opacity:0;}
.m_service .m_serv_top span {display: block; font-size:20px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height: 25px; margin-top:20px; top:-30px; position:relative; opacity:0;}
.m_service .m_serv_top .m_serv_tab {width:100%; text-align: center; top:30px; position:relative; opacity:0;}

.m_service.active .m_serv_top p {top:0; opacity:1; transition:0.6s; transition-delay:0.6s;}
.m_service.active .m_serv_top span {top:0; opacity:1; transition:0.6s; transition-delay:0.8s;}
.m_service.active .m_serv_top .m_serv_tab {top:0; opacity:1; transition:0.6s; transition-delay:0.8s;}

.m_service .m_serv_top .m_serv_tab ul {position:relative; text-align: center; margin-top:50px; display:inline-block; zoom:1; *display:inline;}
.m_service .m_serv_top .m_serv_tab ul::before {content:""; width:630px; height:2px; background-color:#fff; position:absolute; top:14px; left:2px;}
.m_service .m_serv_top .m_serv_tab ul li {margin-left:90px; position:relative; display:inline-block; zoom:1; *display:inline; padding-bottom:30px; cursor: pointer;}
.m_service .m_serv_top .m_serv_tab ul li:first-child {margin-left:0;}
.m_service .m_serv_top .m_serv_tab ul li div {width:30px; height:30px; background-color:#fff; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; font-family: 'Roboto',sans-serif; font-size:16px; color:#58585b; line-height:32px; text-align: center; margin: auto;}
.m_service .m_serv_top .m_serv_tab ul li b {font-size:18px; color:#fff; font-weight:300; letter-spacing:-0.025em; line-height:22px; width:100px; text-align: center; position:absolute; bottom:0; left:50%; margin-left:-50px;}
.m_service .m_serv_top .m_serv_tab ul li.on div {background-color:#5492F9; color:#fff;}


.m_service .m_serv_cont {width:100%; height:270px;  position:absolute; bottom:172px; left:0; z-index:2;}
.m_service .m_serv_cont::before {content:""; width:0; height:10px; box-shadow:0px -5px 5px rgba(0,0,0,0.15) inset; position:absolute; top:-10px; left:50%; transform: translate(-50%);}
.m_service .m_serv_cont::after {content:""; width:0; height:30px; box-shadow:0px 5px 7px rgba(0,0,0,0.2) inset; position:absolute; bottom:-30px; left:50%; transform: translate(-50%);}

.m_service.active .m_serv_cont::before {width:100%; transition:1s; transition-delay:0.8s;}
.m_service.active .m_serv_cont::after {width:100%; transition:1s; transition-delay:0.8s;}

.m_service .m_serv_cont .m_sc_list {position:relative; height:270px; z-index: 2;}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box {width:1800px; height:350px; position:absolute; bottom:0; left:0;}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox {width:300px; height:270px; float:left; border:1px solid rgba(255,255,255,0.2); border-left:0; padding:26px 36px; margin-top:80px; transition:all 0.5s; position:relative; overflow: hidden; cursor: pointer; top:30px; opacity:0;}
.m_service.active .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(1) {top:0; opacity:1; transition:0.6s; }
.m_service.active .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(2) {top:0; opacity:1; transition:0.6s; }
.m_service.active .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(3) {top:0; opacity:1; transition:0.6s; }
.m_service.active .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(4) {top:0; opacity:1; transition:0.6s; }
.m_service.active .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(5) {top:0; opacity:1; transition:0.6s; }
.m_service.active .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(6) {top:0; opacity:1; transition:0.6s; }
.m_service.active2 .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(1) {transition-delay:1.4s;}
.m_service.active2 .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(2) {transition-delay:1.5s;}
.m_service.active2 .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(3) {transition-delay:1.6s;}
.m_service.active2 .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(4) {transition-delay:1.7s;}
.m_service.active2 .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(5) {transition-delay:1.8s;}
.m_service.active2 .m_serv_cont .m_sc_list .m_sc_l_box .scBox:nth-child(6) {transition-delay:1.9s;}

.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox:hover {background-color:rgba(84,146,249,0.25);}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox::after {content:""; position: absolute; bottom: -168%; left: 140%; transform: rotate(45deg); width:300%; height: 300%; transition: 0.5s; background-color:#5492F9; z-index:-1;}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox:first-child {border-left:1px solid rgba(255,255,255,0.2);}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox.on {height:350px; margin-top:0; }
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox.on::after {left: -100%; transition: 0.6s;}

.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox p {font-family: 'twayair',sans-serif; font-size:24px; color:#fff; font-weight:100; letter-spacing:-0.075em; line-height:28px;}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox img {display: block; margin: auto; margin-top:38px; margin-bottom:25px;}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox span {font-size:15px; color:#fff; font-weight:400; letter-spacing:-0.05em; display: block; line-height:22px; word-break:keep-all; position:relative; top:30px; opacity:0; transition:all 0.5s;}

.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox.on img {margin-top:25px;}
.m_service .m_serv_cont .m_sc_list .m_sc_l_box .scBox.on span {top:0; opacity:1; transition-delay:0.2s;}


.m_community {width:100%; position:relative; overflow: hidden;}
.m_community .m_community_inner {position:relative; height:508px; padding:100px 0px; padding-bottom:70px; }
.m_community .m_community_inner::before {content:""; width:475px; height:100%; background-color:#F2F7FB; position:absolute; top:0; right:0; z-index:1;}
.m_community .m_community_inner::after {content:""; width:100%; height:100%; background-color:#F2F7FB; position:absolute; top:0; right:-100%; z-index:1;}

.m_community .m_community_inner .m_notice {width:725px; float:left; padding-right:52px; position:relative; left:-50px; opacity:0;}
.m_community.active .m_community_inner .m_notice {transition:0.6s; left:0; opacity:1;}
.m_community .m_community_inner .m_notice .m_notice_title {width:100%; overflow:hidden; padding-bottom:34px;}
.m_community .m_community_inner .m_notice .m_notice_title p {font-family: 'twayair',sans-serif; font-size:40px; color:#58585b; font-weight:400; letter-spacing:-0.075em; float:left; line-height:44px;}
.m_community .m_community_inner .m_notice .m_notice_title img {float:right; margin-top:10px; display: block; transition:all 0.2s;}
.m_community .m_community_inner .m_notice .m_notice_title img:hover {opacity:0.6;}
.m_community .m_community_inner .m_notice .m_notice_table {width:100%;}
.m_community .m_community_inner .m_notice .m_notice_table table {width:100%; table-layout: fixed;}
.m_community .m_community_inner .m_notice .m_notice_table table tr td {font-size:18px; color:#888; font-weight:400; letter-spacing:-0.05em; line-height:34px; border-bottom:1px solid #ced0d4; padding:15px 0px; font-family: 'Roboto',sans-serif; position:relative; text-align: right; }
.m_community .m_community_inner .m_notice .m_notice_table table tr td:first-child {padding-left:80px;}
.m_community .m_community_inner .m_notice .m_notice_table table tr td div {width:65px; position:absolute; top:15px; left:0; border:1px solid #5492F9; text-align: center; font-size:18px; color:#5392f9; font-weight:500; letter-spacing:-0.07em;}
.m_community .m_community_inner .m_notice .m_notice_table table tr td a {font-size:18px; color:#58585b; font-weight:400; letter-spacing:-0.05em; line-height:34px; max-width:440px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: left; float:left;}
.m_community .m_community_inner .m_notice .m_notice_table table tr td a:hover {text-decoration: underline; color:#000;}
.m_community .m_community_inner .m_notice .m_notice_table table tr td span { float:left; font-family: 'Roboto',sans-serif; font-size:17px; color:#5492F9; font-weight:700; line-height:34px; margin-left:5px; display: block; letter-spacing:-0.07em;}

.m_community .m_community_inner .m_customer_service {width:475px; float:left; padding-left:52px; position:relative; z-index:2; right:-50px; opacity:0;}
.m_community.active .m_community_inner .m_customer_service {transition:0.6s; right:0; opacity:1;}
.m_community .m_community_inner .m_customer_service p {font-family: 'twayair',sans-serif; font-size:40px; color:#58585b; font-weight:400; letter-spacing:-0.075em; line-height:44px;}

.m_community .m_community_inner .m_customer_service .contact_info_box {width:100%; padding-top:49px; padding-bottom:26px; margin-bottom:20px; border-bottom:1px solid #ced0d4;}
.m_community .m_community_inner .m_customer_service .contact_info_box span {font-family: 'Roboto',sans-serif; display:block; font-size:40px; color:#58585b; font-weight:500; position:relative; padding-left:88px; line-height:44px; margin-bottom:12px;}
.m_community .m_community_inner .m_customer_service .contact_info_box span:last-child {margin-bottom:0;}
.m_community .m_community_inner .m_customer_service .contact_info_box span font {font-family: 'Roboto',sans-serif; font-size:40px; color:#5392f9; font-weight:500; position:absolute; top:0; left:0; line-height:44px;}

.m_community .m_community_inner .m_customer_service .m_sc_info_box {width:100%;}
.m_community .m_community_inner .m_customer_service .m_sc_info_box strong {display:block; font-size:18px; color:#58585b; font-weight:400; position:relative; padding-left:68px; line-height:22px; padding-bottom:4px;}
.m_community .m_community_inner .m_customer_service .m_sc_info_box strong b {font-size:18px; color:#58585b; font-weight:400; position:absolute; top:0; left:0; line-height:22px;}
.m_community .m_community_inner .m_customer_service .m_sc_info_box span {font-family: 'Roboto',sans-serif; display:block; font-size:18px; color:#58585b; font-weight:600; position:relative; padding-left:68px; line-height:22px; margin-top:6px;}
.m_community .m_community_inner .m_customer_service .m_sc_info_box span font {font-family: 'Roboto',sans-serif; font-size:18px; color:#58585b; font-weight:600; position:absolute; top:0; left:0; line-height:22px;}

.reviewBtn {position: absolute; left: 260px; top: 2px; background-color: #5392f9; padding: 8px 37px; border-radius: 30px; color: #fff;}
.reviewBtn img {margin-left:6px; margin-top: -2px;}