﻿.global-load {
   position: fixed;
   background-color: #154988;
   z-index: 1000;
   width: 100%;
   height: 100%;
   display: table;
}
.global-load div {
   display: table-cell;
   width: 100%;
   height: 100%;
   vertical-align: middle;
   text-align: center;
}
.global-load div span {
   font-size: 0;
   display: inline-block;
   width: 218px;
   height: 46px;
   background-image: url("../../../skin/default/img/main/top_logo.png");
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 218px 46px;
}
/* pace loader Start */
.pace {
   -webkit-pointer-events: none;
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}
.pace .pace-activity {
   display: block;
   position: fixed;
   z-index: 2000;
   top: 0;
   right: 0;
   width: 300px;
   height: 300px;
   background: #154988;
   -webkit-transition: -webkit-transform 0.3s;
   transition: transform 0.3s;
   -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
   transform: translateX(100%) translateY(-100%) rotate(45deg);
   pointer-events: none;
}
.pace.pace-active .pace-activity {
   -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
   transform: translateX(50%) translateY(-50%) rotate(45deg);
}
.pace .pace-activity::before,
.pace .pace-activity::after {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute;
   bottom: 30px;
   left: 50%;
   display: block;
   border: 5px solid #fff;
   border-radius: 50%;
   content: "";
}
.pace .pace-activity::before {
   margin-left: -40px;
   width: 80px;
   height: 80px;
   border-right-color: rgba(0, 0, 0, 0.2);
   border-left-color: rgba(0, 0, 0, 0.2);
   -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
   animation: pace-theme-corner-indicator-spin 3s linear infinite;
}
.pace .pace-activity::after {
   bottom: 50px;
   margin-left: -20px;
   width: 40px;
   height: 40px;
   border-top-color: rgba(0, 0, 0, 0.2);
   border-bottom-color: rgba(0, 0, 0, 0.2);
   -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
   animation: pace-theme-corner-indicator-spin 1s linear infinite;
}
@-webkit-keyframes pace-theme-corner-indicator-spin {
   0% {
      -webkit-transform: rotate(0deg);
   }
   100% {
      -webkit-transform: rotate(359deg);
   }
}
@keyframes pace-theme-corner-indicator-spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(359deg);
   }
}
/* pace loader End */

.section1 {
   height: 100%;
}

.cus-nav {
   position: fixed;
   top: 50%;
   margin-top: -67px;
   z-index: 501;
   right: 30px;
   font-size: 100%;
   font-size: 100em;
   text-align: center;
   text-align: center;
}
.cus-nav li {
   margin-bottom: 10px;
}
.cus-nav li.last {
   margin-bottom: 0;
}
.cus-nav li a {
   display: block;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   position: relative;
}
.cus-nav li a span {
   font-size: 0;
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -5px;
   background-color: #154988;
   height: 2px;
   width: 10px;
   top: 50%;
   margin-top: -1px;
   transition: all 0.2s ease;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.cus-nav li a:hover span,
.cus-nav li.active a span {
   width: 14px;
   height: 14px;
   border: 2px solid #154988;
   border-radius: 50%;
   top: 0;
   left: 50%;
   margin-left: -7px;
   background-color: transparent;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.section-0 .cus-nav li a span,
.section-1 .cus-nav li a span {
   background-color: #fff;
}
.section-0 .cus-nav li a:hover span,
.section-0 .cus-nav li.active a span,
.section-1 .cus-nav li a:hover span,
.section-1 .cus-nav li.active a span {
   border-color: #fff;
   background-color: transparent;
}

.main_visual {
   height: 100%;
   position: relative;
}
.main_visual .main_visual_text {
   position: absolute;
   top: 50%;
   right: 100px;
   transform: translateY(-50%);
   text-align: right;
   padding-bottom: 200px;
}
.main_visual .main_visual_text.left {
   right: auto;
   left: 100px;
   padding-bottom: 0;
}
.main_visual .main_visual_text h2 {
   display: inline-block;
   font-family: "Raleway", sans-serif;
   font-size: 80px;
   color: #fff;
   font-weight: 700;
   line-height: 1;
   position: relative;
   text-align: left;
   word-break: keep-all;
}
.main_visual .main_slidetext01 h2 {
   color: #000
}
/* .main_visual .main_visual_text h2:after {
   width: 30px;
   content: "";
   background-color: #fff;
   position: absolute;
   height: 1px;
   left: 0;
   bottom: 0;
} */
.main_visual .main_visual_text h3 {
   font-size: 24px;
   color: #fff;
   margin-bottom: 45px;
}
.mvt_fix {
   position: relative;
}
.mvt_fix h3:after {
   width: 100%;
   content: "";
   background-color: rgba(255, 255, 255, 0.13);
   position: absolute;
   height: 1px;
   left: 0;
   bottom: 162px;
}
.main_visual .item1 .mvt_fix:after {
   bottom: 97px;
}
.main_visual .item2 .mvt_fix:after {
   bottom: 97px;
}
.main_visual .item3 .mvt_fix:after {
   bottom: 97px;
}
.main_visual .arrow_wrap {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 100;
}
.main_visual .arrow {
   overflow: hidden;
   margin-top: 500px;
}
.main_visual .arrow a {
   display: block;
   float: left;
   width: 70px;
   height: 65px;
   border: 1px solid rgba(255, 255, 255, 0.29);
   position: relative;
}
.main_visual .arrow a:hover {
   border-color: #fff;
}
.main_visual .arrow a span {
   display: none;
}
.main_visual .arrow a:before {
   display: block;
   content: "";
   width: 18px;
   height: 35px;
   position: absolute;
   left: 50%;
   margin-left: -9px;
   top: 50%;
   margin-top: -17px;
   background-image: url("../../../skin/default/img/main/ico_arrow.png");
   background-repeat: no-repeat;
   background-size: 36px auto;
}
.main_visual .arrow a.next {
   margin-left: -1px;
}
.main_visual .arrow a.prev:before {
   background-position: 0 0;
}
.main_visual .arrow a.next:before {
   background-position: -18px 0;
}

.main_visual-carousel {
   height: 100%;
}
.main_visual-carousel .owl-stage-outer {
   height: 100%;
}
.main_visual-carousel .owl-stage {
   height: 100%;
}
.main_visual-carousel .owl-item {
   height: 100%;
}
.main_visual .item1 {
   height: 100%;
   width: 100%;
   background-image: url("../../../skin/default/img/main/Slide01.jpg");
   background-position: 20% center;
   background-size: cover;
   display: table;
}
.main_visual .item2 {
   height: 100%;
   width: 100%;
   background-image: url("../../../skin/default/img/main/Slide02.jpg");
   background-position: 20% center;
   background-size: cover;
   display: table;
}
/* .main_visual .item3 {
   height: 100%;
   width: 100%;
   background-image: url("../../../skin/default/img/main/bg_section13.jpg");
   background-position: center center;
   background-size: cover;
   display: table;
} */

.about {
   height: 100%;
}
.sub_title {
   font-size: 46px;
   color: #000000;
   font-family: "Roboto", sans-serif;
   font-weight: 700;
}
.sub_text {
   font-size: 18px;
   color: #666666;
   font-weight: 200;
}
.about .about_top {
   padding-top: 95px;
   text-align: center;
   font-size: 0;
}
.about .about_bottom {
   position: relative;
}
.about .about_bottom .about_bottom_text {
   position: relative;
   padding-bottom: 40px;
   vertical-align: bottom;
   height: 100%;
   width: 100%;
   display: table-cell;
}
.about_bottom_text p.mo_about_text {
   display: none;
}
.about_bottom_text p.it_kr_mo {
   display: none;
}
.about .about_top .sub_text {
   margin-bottom: 25px;
}
.sub_tab {
   overflow: hidden;
   display: inline-block;
   margin-bottom: 35px;
   border-left: 1px solid #e7e7e7;
}
.sub_tab > li {
   float: left;
   margin-left: -1px;
}
.sub_tab > li > a {
   border: 1px solid #e7e7e7;
   display: block;
   width: 200px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 15px;
   color: #222222;
   background-color: #fff;
   text-decoration: none;
}
.sub_tab > li > a:hover,
.sub_tab > li.active > a {
   background-color: #154988;
   color: #fff;
   border: 1px solid #154988;
}
.mouse-icon {
   border: 2px solid #fff;
   border-radius: 16px;
   height: 39px;
   width: 25px;
   display: block;
   z-index: 20;
   position: absolute;
   left: 50%;
   bottom: 55px;
   margin: 0 0 0 -12px;
}
.mouse-icon:after {
   content: "Scroll";
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -17px;
   bottom: -28px;
   color: #fff;
   font-weight: 200;
   font-size: 14px;
}
.mouse-icon .wheel {
   -webkit-animation-name: drop;
   -webkit-animation-duration: 1s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-play-state: running;
   -webkit-animation-name: drop;
   animation-name: drop;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-play-state: running;
   animation-play-state: running;
}
.mouse-icon .wheel {
   position: relative;
   border-radius: 10px;
   background: #fff;
   width: 5px;
   height: 5px;
   top: 4px;
   margin-left: auto;
   margin-right: auto;
}

.aboutHeight {
   height: 650px;
}

.company {
   display: table;
   position: relative;
   width: 100%;
   background-image: url("../../../skin/default/img/main/bg_about02.jpg");
   background-position: 30% 0;
   background-size: cover;
   background-repeat: no-repeat;
}
.company .company_cover {
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0);
}
.about_bottom_text h3 {
   font-size: 24px;
   color: #fff;
   font-weight: 600;
   line-height: 1.5;
   padding-bottom: 180px;
   position: relative;
   margin-bottom: 30px;
}
.about_bottom_text h3.it {
   text-indent: 0px;
}
/* .about_bottom_text h3:after {
   width: 30px;
   height: 1px;
   content: "";
   display: block;
   background-color: #fff;
   position: absolute;
   left: 50%;
   margin-left: -15px;
   bottom: 0;
} */
.company .about_bottom_text h3:after {
   left: 0;
   margin-left: 0;
}
.about_bottom_text p {
   font-size: 20px;
   color: #fff;
   font-weight: 300;
   line-height: 2.2;
}
/* .about_bottom_text p.it {
   text-indent: 16px;
} */
.about_bottom_text p.mar {
   margin-bottom: 30px;
}
.about_bottom_text.black h3 {
   color: #222222;
}
.about_bottom_text.black h3:after {
   background-color: #222;
}
.about_bottom_text.black p {
   color: #000000;
}
.about .about_bottom .arrow {
   display: block;
   float: left;
   width: 70px;
   height: 65px;
   border: 1px solid rgba(255, 255, 255, 0.29);
   position: absolute;
   z-index: 50;
   top: 50%;
   margin-top: -32px;
}
.about .about_bottom .arrow:hover {
   border-color: #fff;
}
.about .about_bottom .arrow span {
   display: none;
}
.about .about_bottom .arrow:before {
   display: block;
   content: "";
   width: 18px;
   height: 35px;
   position: absolute;
   left: 50%;
   margin-left: -9px;
   top: 50%;
   margin-top: -17px;
   background-image: url("../../../skin/default/img/main/ico_arrow.png");
   background-repeat: no-repeat;
   background-size: 36px auto;
}
.about .about_bottom .arrow.prev {
   left: 50px;
}
.about .about_bottom .arrow.next {
   right: 50px;
}
.about .about_bottom .arrow.prev:before {
   background-position: 0 0;
}
.about .about_bottom .arrow.next:before {
   background-position: -18px 0;
}

.ceointro {
   display: table;
   width: 100%;
   height: 800px;
   background-image: url("../../../skin/default/img/main/bg_section22.jpg");
   background-position: center center;
   background-size: cover;
}
.ceointro .text_in {
   text-align: center;
}
.wordjustice .text_in {
   text-align: center;
   font-size: 18px;
   font-weight: 500;
}
.about_bottom_text .text_in {
   text-align: center;
}

.important {
   display: table;
   width: 100%;
   background-image: url("../../../skin/default/img/main/bg_about01.jpg");
   background-position: 80% center;
   background-size: cover;
}
.important .item {
   text-align: center;
   position: relative;
   padding-top: 120px;
}
.important .item:before {
   content: "";
   display: block;
   background-repeat: no-repeat;
   background-position: 0 0;
   position: absolute;
   left: 50%;
}
.important .item.item1:before {
   background-image: url("../../../skin/default/img/main/icon_about01.png");
   background-size: 50px auto;
   top: 0;
   margin-left: -40px;
   width: 80px;
   height: 80px;
   background-size: cover;
}
.important .item.item2:before {
   background-image: url("../../../skin/default/img/main/icon_about02.png");
   background-size: 95px auto;
   top: 0;
   margin-left: -40px;
   width: 80px;
   height: 80px;
   background-size: cover;
}
.important .item.item3:before {
   background-image: url("../../../skin/default/img/main/icon_about03.png");
   background-size: 89px auto;
   top: 0;
   margin-left: -39px;
   width: 78px;
   height: 78px;
   background-size: cover;
}
.important .item .tit {
   font-size: 32px;
   color: #fff;
   font-weight: 500;
   position: relative;
   /* padding-bottom: 15px; */
   margin-bottom: 15px;
}
/* .important .item .tit:after {
   width: 20px;
   height: 1px;
   content: "";
   display: block;
   background-color: #fff;
   position: absolute;
   left: 50%;
   margin-left: -10px;
   bottom: 0;
} */
.important .item .txt {
   font-size: 20px;
   color: #fff;
   font-weight: 200;
   line-height: 1.7;
}
.wordjustice {
   display: table;
   width: 100%;
   height: 650px;
   background-image: url("../../../skin/default/img/main/bg_section24.jpg");
   background-position: center center;
   background-size: cover;
}
.service .service_top {
   padding-top: 95px;
   text-align: center;
   margin-bottom: 60px;
}
.service_bottom .service-carousel-wrap {
   position: relative;
}
.service_bottom .service-carousel-wrap .arrow.prev,
.service_bottom .service-carousel-wrap .arrow.next {
   display: none;
}
.service_bottom .item {
   position: relative;
}
.service_bottom .item .over {
   opacity: 0;
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   visibility: hidden;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   z-index: 10;
   background: url("../../../skin/default/img/main/service_over_bg.png") repeat 0 0;
   border: 14px solid #154988;
   text-align: center;
}
.service_bottom .item.active .over {
   opacity: 1;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   visibility: visible;
}
.service_bottom .item .over span {
   display: inline-block;
   position: relative;
   font-size: 16px;
   color: #fff;
   font-weight: 400;
   padding-top: 70px;
   top: 50%;
   margin-top: -35px;
   text-decoration: none;
}
.service_bottom .item .over span:before {
   width: 59px;
   height: 59px;
   background: url("../../../skin/default/img/main/ic_plus.png") no-repeat 0 0;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -30px;
   content: "";
   display: block;
   background-size: 59px 59px;
}
.service_bottom .item .tit {
   position: absolute;
   left: 30px;
   top: 30px;
   padding-left: 18px;
}
.service_bottom .item .tit:before {
   position: absolute;
   left: 0;
   top: 0;
   background-color: #fff;
   width: 1px;
   height: 100%;
   content: "";
   display: block;
}
.service_bottom .item .tit .bb {
   font-size: 24px;
   color: #fff;
   font-weight: 500;
   line-height: 1;
}
.service_bottom .item .tit .ss {
   margin-top: 10px;
   font-size: 16px;
   color: #fff;
   font-weight: 400;
   line-height: 1;
}
.service-carousel-wrap .arrow {
   width: 70px;
   height: 65px;
   position: absolute;
   z-index: 50;
   top: 50%;
   margin-top: -32px;
}
.service-carousel-wrap .arrow:hover {
   border-color: #fff;
}
.service-carousel-wrap .arrow span {
   display: none;
}
.service-carousel-wrap .arrow:before {
   display: block;
   content: "";
   width: 70px;
   height: 65px;
   position: absolute;
   background-repeat: no-repeat;
   background-size: 140px auto;
   background-position: 0 0;
}
.service-carousel-wrap .arrow.prev {
   left: 0;
}
.service-carousel-wrap .arrow.next {
   right: 0;
}
.service-carousel-wrap .arrow.prev:before {
   background-image: url("../../../skin/default/img/main/service_prev.png");
}
.service-carousel-wrap .arrow.next:before {
   background-image: url("../../../skin/default/img/main/service_next.png");
}
.service-carousel-wrap .arrow.prev:hover:before,
.service-carousel-wrap .arrow.next:hover:before {
   background-position: -70px 0;
}
.serviceCont p {
   margin-bottom: 15px;
   font-size: 17px;
   text-indent: 17px;
}

.clients {
   height: 100%;
}
.clients .clients_top {
   padding-top: 95px;
   text-align: center;
   font-size: 0;
}
.clients .clients_top .sub_text {
   margin-bottom: 25px;
}
.clients .sub_tab {
   width: 100%;
   display: block;
}
.clients .sub_tab > li {
   width: 33.333333333%;
}
.clients .sub_tab > li > a {
   width: 100%;
}
.clients-carousel-wrap {
   /* padding: 0 100px; */
   position: relative;
}

.clients-carousel-wrap .ccowl {
   display: none;
}
.clients-carousel-wrap .clients-carousel0 {
   display: block;
}
.clients-carousel-wrap .owl-carousel {
   display: block;
}
.clients-carousel .item {
   overflow: hidden;
}
.clients-carousel .item .item_banner {
   width: 20%;
   float: left;
}
.clients-carousel .item .item_banner a {
   cursor: default;
}
.clients-carousel .item .item_banner a img {
   border: 5px solid transparent;
}
.clients-carousel .item .item_banner.active a img {
   border: 1px solid #154988;
}
.clients-carousel-wrap .arrow {
   display: block;
   width: 18px;
   height: 35px;
   position: absolute;
   z-index: 50;
   top: 50%;
   margin-top: -17px;
}
.clients-carousel-wrap .arrow:hover {
   border-color: #fff;
}
.clients-carousel-wrap .arrow span {
   display: none;
}
.clients-carousel-wrap .arrow:before {
   display: block;
   content: "";
   width: 18px;
   height: 35px;
   position: absolute;
   background-repeat: no-repeat;
   background-size: 36px auto;
   background-position: 0 0;
   background-image: url("../../../skin/default/img/main/arrow_client.png");
}
.clients-carousel-wrap .arrow.prev {
   left: 0;
}
.clients-carousel-wrap .arrow.next {
   right: 0;
}
.clients-carousel-wrap .arrow.next:before {
   background-position: -18px 0;
}
.clients-view {
   height: 320px;
   border: 1px solid #e7e7e7;
   margin-top: 45px;
}
.clients-view .clients-view-img {
   height: 100%;
   background-color: #fcfcfc;
}
.clients-view .clients-view-txt {
   height: 100%;
   background-color: #fff;
}
.clients-view .clients-view-txt .tit {
   font-size: 24px;
   color: #222222;
   font-weight: 600;
}
.clients-view .clients-view-txt .stit {
   font-size: 14px;
   color: #0e4194;
   font-weight: 300;
   margin-bottom: 15px;
}
.clients-view .clients-view-txt .txt {
   font-size: 16px;
   color: #666666;
   font-weight: 200;
   line-height: 1.7;
}
.clients-view .clients-view-txt .ttwrap {
   text-align: left;
   padding: 40px 40px 0 40px;
}
.clients-view .img,
.clients-view .tit,
.clients-view .stit,
.clients-view .txt {
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
}

.profile {
   height: 100%;
}
.profile .member {
   margin-bottom: 25px;
   height: 228px;
}
.profile .profile_top {
   padding-top: 120px;
   text-align: center;
}
.profile .profile_top .sub_text {
   margin-bottom: 45px;
}

.member .img_wrap {
   position: relative;
   overflow: hidden;
}
.member .img_wrap .over_panel {
   position: absolute;
   left: 0;
   top: 100%;
   background: #5167a3;
   width: 100%;
   height: 100%;
   padding: 10px;
   display: block;
   opacity: 0.7;
}
.member .img_wrap .over_panel .name {
   font-size: 16px;
   color: #fff;
   font-weight: 500;
}
.member .img_wrap .over_panel,
.member .img_wrap .over_panel .name {
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
}
.member .img_wrap .over_panel .view {
   transition: all 0.8s ease;
   -webkit-transition: all 0.8s ease;
   -moz-transition: all 0.8s ease;
}
.member .img_wrap .over_panel .view {
   text-decoration: none;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -44px;
   margin-top: 27px;
   display: inline-block;
   opacity: 0;
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   visibility: hidden;
}
.member .img_wrap .over_panel .view span {
   font-size: 16px;
   color: #fff;
   padding-top: 70px;
   position: relative;
}
.member .img_wrap .over_panel .view span:before {
   content: "";
   display: block;
   width: 54px;
   height: 54px;
   background-image: url("../../../skin/default/img/main/ic_plus.png");
   background-position: center center;
   background-size: 54px 54px;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -27px;
}

.member.active .img_wrap .over_panel {
   top: 0;
}
.member.active .img_wrap .over_panel .name {
   opacity: 0;
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   visibility: hidden;
}
.member.active .img_wrap .over_panel .view {
   opacity: 1;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   visibility: visible;
}

.member .send {
   text-align: center;
}
.member .send p {
   display: block;
   padding: 10px 0;
   position: relative;
   background: rgba(81, 103, 163, 0.7);
}
.member .send p span {
   font-size: 16px;
   color: #fff;
   font-weight: 300;
   display: inline-block;
   position: relative;
}
/* .member .send a span:before {
   content: "";
   display: block;
   width: 20px;
   height: 15px;
   background-image: url("../../../skin/default/img/main/ic_mail.png");
   background-position: center center;
   background-size: 20px 15px;
   position: absolute;
   left: 0;
   top: 3px;
} */

.contact {
   padding-bottom: 175px;
}
.contact .contact_top {
   padding-top: 140px;
   text-align: center;
}
.contact .contact_top .sub_text {
   margin-bottom: 25px;
}
.contact .addr {
   background-color: #084c8c;
   padding: 40px;
   text-align: left;
   min-height: 500px;
}
.contact .addr .tit span {
   font-size: 22px;
   color: #fff;
   display: inline-block;
   position: relative;
   padding-left: 21px;
   padding-bottom: 25px;
   margin-bottom: 25px;
}
.contact .addr .tit span:before {
   position: absolute;
   left: 0;
   top: 5px;
   content: "";
   display: block;
   width: 16px;
   height: 22px;
   background: url("../../../skin/default/img/main/ico_pointer.png") no-repeat 0 0;
   background-size: 16px 22px;
}
.contact .addr .tit span:after {
   position: absolute;
   left: 0;
   bottom: 0;
   content: "";
   display: block;
   width: 30px;
   height: 1px;
   background: #fff;
}
.contact .addr .t1 {
   font-size: 18px;
   color: #8dd2fe;
   font-weight: 500;
   margin-bottom: 10px;
}
.contact .addr .t2 {
   font-size: 14px;
   color: #ffffff;
   font-weight: 400;
   margin-bottom: 10px;
}
.contact .addr .t2 > a {
   color: #fff;
}
.contact .addr .t2 > a:hover {
   text-decoration: none;
}
.contact .addr .t3 {
   font-size: 14px;
   color: #c8d3e8;
   font-weight: 300;
}
.contact .addr .addr_in {
   padding-bottom: 30px;
   margin-bottom: 30px;
   border-bottom: 1px solid #4d7ead;
}

.footer {
   background-color: #f4f2f5;
   padding: 30px 0;
   text-align: center;
}
.footer h1 {
   padding-bottom: 30px;
   margin-bottom: 20px;
   border-bottom: 1px solid #dddddd;
}
.footer p {
   font-size: 14px;
   color: #999999;
   font-weight: 400;
   line-height: 1.7;
}
.top {
   opacity: 0;
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   visibility: hidden;
   position: fixed;
   z-index: 500;
   bottom: 10px;
   right: 20px;
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
}
.section-5 .top {
   opacity: 1;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   visibility: visible;
}

.bigDataOver {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 600;
   display: none;
}
.bigDataOver .bigDataOverBack {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url("../../../skin/default/img/main/pop_over.png") repeat 0 0;
   z-index: 601;
}
.bigDataWrap {
   text-align: center;
   position: fixed;
   width: 1080px;
   margin: 0 auto;
   background-color: #fff;
   z-index: 602;
   left: 50%;
   margin-left: -540px;
   top: 100px;
}
.bigDataWrap .bigData {
   padding: 75px 80px 75px 80px;
   position: relative;
}
.bigDataWrap .bigData .bdclose {
   position: absolute;
   top: 0;
   right: -62px;
   width: 60px;
   height: 60px;
}
.bigDataWrap .bigData .bdclose span {
   display: none;
}
.bigDataWrap .bigData .bdclose:before {
   content: "";
   display: block;
   width: 60px;
   height: 60px;
   background: url("../../../skin/default/img/main/bt_close.png") no-repeat center center;
   background-size: 60px 60px;
}
.bigDataWrap .bigData .bigDataTit {
   padding-bottom: 20px;
   border-bottom: 1px solid #e4e4e4;
}
.bigDataWrap .bigData .bigDataTit h3 {
   font-size: 30px;
   color: #222222;
   font-weight: 600;
}
.bigDataWrap .bigData .bigDataTit p {
   font-size: 16px;
   color: #084c8c;
   font-weight: 400;
}
.bigDataWrap .bigData .bigDataCont {
   height: 220px;
   font-size: 20px;
   color: #666666;
   font-weight: 300;
}

.consultWrap {
   display: none;
   width: 320px;
   border: 1px solid #d8d8d8;
   background: url("../../../skin/default/img/main/consult_bg.png") repeat 0 0;
   padding: 14px 20px;
   position: fixed;
   bottom: 10px;
   right: 30px;
   transition: all 2s ease;
   -webkit-transition: all 2s ease;
   -moz-transition: all 2s ease;
   z-index: 500;
}
.section-5 .consultWrap {
   bottom: 150px;
}
.consultWrap .consult .pt1 {
   font-size: 13px;
   color: #2361ac;
   font-weight: 500;
}
.consultWrap .consult .pt2 {
   font-size: 14px;
   color: #222222;
   font-weight: 300;
   position: relative;
   padding-right: 50px;
}
.consultWrap .consult .pt2 span {
   position: absolute;
   right: 0;
   top: 0;
   font-size: 14px;
   color: #3d5dbc;
   font-weight: 300;
}
.consultWrap .consult .inputWrap {
   padding-right: 70px;
   position: relative;
   margin-top: 5px;
}
.consultWrap .consult .inputWrap .input {
   outline: none;
   width: 100%;
   height: 32px;
   background-color: #fff;
   border: 1px solid #d6d6d6;
   font-size: 12px;
   padding: 5px;
}
.consultWrap .consult .inputWrap .submit {
   outline: none;
   border: none;
   width: 70px;
   height: 32px;
   line-height: 32px;
   background-color: #333333;
   color: #fff;
   font-weight: 300;
   font-size: 14px;
   position: absolute;
   right: 0;
   top: 0;
   display: block;
}
.consultWrap .cclose {
   position: absolute;
   top: -25px;
   right: 0;
   width: 15px;
   height: 15px;
}
.consultWrap .cclose span {
   display: none;
}
.consultWrap .cclose:before {
   content: "";
   display: block;
   width: 15px;
   height: 15px;
   background: url("../../../skin/default/img/main/ic_close.png") no-repeat center center;
   background-size: 15px 15px;
}

.memberOver {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 600;
   display: none;
}
.memberOver .memberOverBack {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url("../../../skin/default/img/main/pop_over.png") repeat 0 0;
   z-index: 601;
}
.memberWrap {
   position: fixed;
   width: 1080px;
   margin: 0 auto;
   background-color: #fff;
   z-index: 602;
   left: 50%;
   margin-left: -540px;
   top: 100px;
}
.memberWrap .memberData {
   padding: 80px;
   position: relative;
}
.memberWrap .memberData .bdclose {
   position: absolute;
   top: 0;
   right: -62px;
   width: 60px;
   height: 60px;
}
.memberWrap .memberData .bdclose span {
   display: none;
}
.memberWrap .memberData .bdclose:before {
   content: "";
   display: block;
   width: 60px;
   height: 60px;
   background: url("../../../skin/default/img/main/bt_close.png") no-repeat center center;
   background-size: 60px 60px;
}
.memberWrap .memberData .memberTit {
   font-size: 30px;
   font-weight: 600;
   color: #222222;
   padding-bottom: 20px;
   border-bottom: 1px solid #e4e4e4;
   margin-bottom: 20px;
}
.memberWrap .memberData .memberCont {
   font-size: 15px;
   color: #666666;
   font-weight: 200;
}
.memberImgWrap {
   overflow: hidden;
}
.memberImgWrap .memberImg {
   float: left;
   width: 30.979%;
   margin-right: 4.347%;
}
.memberImgWrap .memberTxt {
   float: left;
   width: 64.674%;
}
.memberImgWrap .memberCont {
   line-height: 2;
}

.serviceOver {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 600;
   display: none;
}
.serviceOver .serviceOverBack {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url("../../../skin/default/img/main/pop_over.png") repeat 0 0;
   z-index: 601;
}
.serviceWrap {
   position: fixed;
   width: 1080px;
   margin: 0 auto;
   background-color: #fff;
   z-index: 602;
   left: 50%;
   margin-left: -540px;
   top: 100px;
}
.serviceWrap .serviceData {
   padding: 0;
   position: relative;
}
.serviceWrap .serviceData .bdclose {
   position: absolute;
   top: 0;
   right: -62px;
   width: 60px;
   height: 60px;
}
.serviceWrap .serviceData .bdclose span {
   display: none;
}
.serviceWrap .serviceData .bdclose:before {
   content: "";
   display: block;
   width: 60px;
   height: 60px;
   background: url("../../../skin/default/img/main/bt_close.png") no-repeat center center;
   background-size: 60px 60px;
}
.serviceWrap .serviceData .serviceTit {
   font-size: 30px;
   font-weight: 600;
   color: #222222;
   padding-bottom: 20px;
   border-bottom: 1px solid #e4e4e4;
   margin-bottom: 20px;
}
.serviceWrap .serviceData .serviceTit span {
   font-size: 16px;
   color: #084c8c;
   font-weight: 400;
   display: block;
}
.serviceWrap .serviceData .serviceCont {
   font-size: 15px;
   color: #666666;
   font-weight: 300;
}
.serviceWrap .serviceData .serviceCont .mar {
   margin-bottom: 15px;
}
.serviceWrap .serviceData .serviceCont .it {
   text-indent: 17px;
}

.serviceImgWrap {
   overflow: hidden;
}
.serviceImgWrap .serviceinfo {
   overflow: hidden;
}
.serviceImgWrap .serviceImg {
   float: left;
   width: 30.979%;
   margin-right: 4.347%;
}
.serviceImgWrap .serviceTxt {
   float: left;
   width: 64.674%;
   padding: 30px 80px 30px 0;
}
.serviceImgWrap .serviceCont {
   line-height: 1.7;
}

.root_daum_roughmap {
   width: 100%;
}
.root_daum_roughmap .wrap_controllers {
   display: none;
}
