@charset "utf-8";

@import "reset.css";
@import "notosanskr.css";
@import "default.css";

.bx-viewport, .bx-wrapper{
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}
.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: none !important;
  left: 0;
  padding: 0;
  margin: 0;
}
.bxslider{
  border: none;
  width:100%;
  margin: 0;
  padding: 0;
  background-color: blue;
}
ul.bxslider {
  margin: 0;
  padding: 0;
  border:none;
}

/*전체*/
div.wrapper{width:100%;height:100vh;}

/*[탑메뉴 및 메인비쥬얼 영역]*/
div.top_visual_menu{position:relative;width: 100%;height:600px;}
div.top_visual01{background-image: url(../img/main_slide_img01.png);height:600px; background-size: cover;background-position:50% 40%; }
div.top_visual02{background-image: url(../img/main_slide_img02.png);height:600px; background-size: cover; }
div.top_visual03{background-image: url(../img/main_slide_img03.png);height:600px; background-size: cover; background-position:50% 40%;}
div.top_visual_txt{position: absolute; z-index: 5; color:#fff;top:190px; left:400px; font-size:42px; font-weight: 900;line-height: 1.2;text-shadow: 2px 2px 2px #000;}
div.top_menu_bg{width:100%; position: absolute;top:0; z-index: 2;}
div.top_menu_bg > div.top_menu{width:1280px; margin:0 auto; position: relative;height: 70px; }
div.top_menu_bg > div.top_menu > p.logo{position: absolute;top:20px; }
ul.menu{  width:1000px; height: 70px; position: absolute;right:0;}
ul.menu > li{float: left; width:200px; line-height: 70px; text-align: right; font-size: 16px;}
ul.menu > li a{color: #fff; text-decoration: none;}
.dept02 {display:none;}

/*main-사업분야*/
div.business-m{width: 1080px;margin: 0 auto; margin-top: 100px;}
p.title{font-size: 40px;font-weight: 900; text-align: center; color:#000;}
span.s-title{display:block; font-size:14px; color:#5D5D5D; text-align: center;padding-top: 5px;}
div.area{width: 1080px;height:400px;margin: 0 auto; margin-top:80px;position: relative;}
div.left-area-img{float: left; width:550px;}
div.right-area-txt{float:right;width:500px;}
div.right-area-img{float: right; width:550px;}
div.left-area-img img { width: 85%;}
div.right-area-img > img{position: absolute; right:0;}

div.left-area-txt{float:left;width:500px;}
span.area-txt-01{color:#272727;display:block; font-weight: 700;}
span.area-txt-02{font-size: 34px;font-weight: 700; display:block; color:#272727; margin-top: 50px;}
span.area-txt-03{font-size: 16px;color:#2B3990;display:block; font-weight: 700;margin-top: 10px;}
span.area-txt-04{font-size: 13px;color: #656565;display:block;margin-top: 30px;  }
.btn{border:0; outline:0;width: 148px;height: 45px;background: transparent; margin-top: 60px; cursor: pointer;}

              
/*main-솔루션영역*/
div.solution{width: 1080px;margin: 0 auto;margin-top: 130px;}
ul.solution-area{width:1080px; margin: 0 auto; height:300px; position: relative; margin-top: 50px;}
ul.solution-area > li{float: left;width:260px;border: 1px solid #eee; height:320px; margin-right: 10px;}
ul.solution-area > li a{text-decoration: none;}
ul.solution-area > li img{width: 100%;}
span.solution-tit{font-size: 16px;color: #2B2B2B; font-weight: 600; display: block;padding: 20px 15px 0;}
span.solution-tit-s{font-size: 13px;color: #2B2B2B; font-weight: 300;display: block;padding: 10px 15px 0; }


/*상단 메뉴 화이트일때*/
div.top_menu_bg-w{width:100%;  background:#000;}
div.top_menu_bg-w > div.top_menu-w{width:1280px; margin:0 auto; position: relative;height: 70px; }
div.top_menu_bg-w > div.top_menu-w > p.logo-w{position: absolute;top:20px;    left: 10px; }
ul.menu-w{display:inline-block;width:1000px; height: 70px; position: absolute;right:0;}
ul.menu-w > li{float: left; width:200px; line-height: 70px; text-align: center; font-size: 16px; color:#fff;}
ul.menu-w > li a{color:#fff; text-decoration: none; display: block;} 
ul.menu-w > li a:hover{color:#f8ea0d;font-weight: 700; background: url(../img/menu-line.png)no-repeat center 80%; }

/*상단 이미지 및 메뉴영역*/
div.sub_top_01{position:relative;z-index:3;background-image: url(../img/top_01.png); height:300px; background-size: cover;}
div.sub_top_02{position:relative;z-index:3;background-image: url(../img/top_02.png); height:300px; background-size: cover;}
div.sub_top_03{position:relative;z-index:3;background-image: url(../img/top_03.png); height:300px; background-size: cover;}
div.sub_top_04{position:relative;z-index:3;background-image: url(../img/top_04.png); height:300px; background-size: cover;}
div.sub_top_05{position:relative;z-index:3;background-image: url(../img/top_05.png); height:300px; background-size: cover;}
div.sub_top_txt{width:1280px; margin:0 auto;padding-top:130px; left:5px; position: relative; }
p.sub-title{color:#fff; font-size: 35px; font-weight: 900;}
span.sub-s-title{color: #fff;font-size: 15px;font-weight: 300;margin-top:10px;}
/*ul.sub-tab-menu{width: 960px; height: 60px; position: absolute;top:270px; left:180px;}*/
ul.sub-tab-menu { width: 960px;  height: 60px;  margin: 0 auto;  margin-top: 80px;}
ul.sub-tab-menu > li a{text-decoration: none; font-size: 16px; text-align:center;line-height:58px; float:left; background: #fff;box-shadow: 1px 3px 3px #eee;border: 1px solid #E3E3E3;width: 320px; height: 60px; color:#808080;}
ul.sub-tab-menu > li a:hover{background:#2B3990 ; color:#fff; display: block;}
ul.sub-tab-menu > li a.current{background:#2B3990 ; color:#fff; display: block;}
ul.sub-tab-menu01 > li a.current{background:#2B3990 ; color:#fff; display: block;}

/*펼침서브메뉴*/

div.sub-menu-wrap{display:none;width:100%;border-top:1px solid#343434; background:#000; box-shadow:1px 1px 2px #8e8e8e;}
div.sub-menu{width:1280px; margin:0 auto;  height:160px; position: relative; text-align:center;/*background: url(../img/img13.png)no-repeat 2% center; */}
ul.menu01 > li,ul.menu02 > li,ul.menu03 > li,ul.menu04 > li{height:30px; line-height: 30px; }
ul.menu01{position: absolute;top:13px; left:280px; width:200px;}
ul.menu02{position: absolute;top:13px; left:480px; width:200px; }
ul.menu03{position: absolute;top:13px; left:685px; width:200px;}
ul.menu04{position: absolute;top:13px; left:880px; width:200px;}
div.sub-menu > ul li a{color:#ccc; text-decoration: none;font-weight: 300;}
div.sub-menu > ul li a:hover{color:#f8ea0d; font-weight: 500;}


/*탭메뉴가 4개일때*/
ul.sub-tab-menu01{ width: 960px;  height: 60px;  margin: 0 auto;  margin-top: 80px;}
ul.sub-tab-menu01 > li a{text-decoration: none; font-size: 16px; text-align:center;line-height:58px; float:left; background: #fff;box-shadow: 1px 3px 3px #eee;border: 1px solid #E3E3E3;width:240px; height: 60px; color:#808080;}
ul.sub-tab-menu01 > li a:hover{background:#2B3990 ; color:#fff; display: block;}


/*회사소개*/
div.company-con-01{width:1080px; margin:0 auto; margin-top:140px; height:400px;}
div.company-con-01 > p {text-align: center;}
div.company-con-01 > span.line{ display: block;text-align: center; padding: 50px 0;}
div.company-con-01 > p img, div.company-con-01 > span.line img{margin:auto; }
span.com-txt01{display: block;color:#3D3D3D; font-size: 16px;text-align: center; }
span.sub-title{font-size: 40px; font-weight:700; display: block;text-align: center;margin-bottom:20px; color:#000;}

div.com-icon{background: #F5F5F5; ; width:100%;margin-top:30px;overflow: hidden; padding: 50px 0;}
div.com-icon > div.com-icon-area{width:903px; overflow: hidden; margin:0 auto;}
div.com-icon > div.com-icon-area > ul{width:903px;}
div.com-icon > div.com-icon-area > ul >li{width:301px;  float:left;padding-bottom: 20px;height: 190px;}
div.com-icon > div.com-icon-area > ul > li.icon01{background: url(../img/icon01.png)no-repeat center 30% #fff; border-right:1px solid #EAEAEA;}
div.com-icon > div.com-icon-area > ul > li.icon02{background: url(../img/icon02.png)no-repeat center 30% #fff;border-right:1px solid #EAEAEA;}
div.com-icon > div.com-icon-area > ul > li.icon03{background: url(../img/icon03.png)no-repeat center 30%#fff;}
div.com-icon > div.com-icon-area > ul > li.icon04{background: url(../img/icon04.png)no-repeat center 30% #fff; border-right:1px solid #EAEAEA;border-top:1px solid #EAEAEA;}
div.com-icon > div.com-icon-area > ul > li.icon05{background: url(../img/icon05.png)no-repeat center 30%#fff; border-right:1px solid #EAEAEA;border-top:1px solid #EAEAEA;}
div.com-icon > div.com-icon-area > ul > li.icon06{background: url(../img/icon06.png)no-repeat center 30% #fff;border-top:1px solid #EAEAEA;}
span.icon-area-title{display: block; font-size: 17px ; font-weight: 700; color:#000;text-align: center;margin-top:100px;}
span.icon-area-s-title{display: block;text-align: center; padding-top:5px; color:#4A4A4A; font-size: 13px;}

img.auto{max-width:100%; height:auto;}
img.a-auto{max-width:100%; height:auto;}


/*걸어온길*/
div.com-history{width:1080px; margin: 0 auto; margin-top:80px; }
div.history-year{width: 1080px; margin-top:60px; padding: 10px 0;overflow: hidden;}
div.history-year > div.history-year-left{float:left;width:470px;padding-left: 50px;}
div.history-year > div.history-year-left img{width:90%;}
div.history-year > div.history-year-right{float:right;width:550px;}
div.history-year > div.history-year-left01{float:left;width:550px;padding-left: 50px;}
div.history-year > div.history-year-right01{float:right;width:470px;}
span.history-year-title{background: url(../img/history_bak01.png)no-repeat left top;font-size:40px; font-weight: 900; color: #000;display: block; text-indent: 45px;height:86px; line-height:86px; }
span.history-year-txt{background: url(../img/history_bak02.png)no-repeat left top;color:#000;font-size:15px;height:34px; font-weight: 600; text-indent: 45px;display: block; line-height:22px; }
span.history-year-txt-view{font-size: 15px; display: inline-block;color:#4A4A4A; font-weight: 400;}

div.dis-table{display: table;}
span.dis-table200{display: table-cell;width: 200px;}
span.dis-table400{display: table-cell;width: 400px;}

/*파트너사*/
div.partners{background: #F5F5F5;width:100%;padding:80px 0;margin-top:80px;}
ul.ul-partners{width: 1033px; overflow:hidden; margin:0 auto; margin-top:50px; }
ul.ul-partners > li{display:flex;float:left; background: #fff;border: 1px solid #E4E4E4;width:250px; height:80px;margin-right: 8px; margin-bottom: 8px; }
ul.ul-partners > li img{margin: 0 auto;  padding: 20px;}


/*비즈니스*/
div.business{width:1280px;margin: 0 auto; margin-top:110px;margin-bottom:80px }
div.business > div.business-txt{text-align: center; margin-top:80px; }
div.business > div.business-txt > img{margin: auto;  margin-bottom: 30px; }
span.business-txt-b{font-size: 17px;  font-weight: 900;color:#2B3990; line-height: 1.5; }
div.business-bg{background: #F5F5F5;width:100%; padding: 80px 0; }
div.business01{width:1280px;margin: 0 auto;  }
div.business01 > img{margin: auto;  margin-top:50px; }

/*솔루션*/
div.solution{width:1280px;margin: 0 auto; margin-top:110px;margin-bottom:80px;}
div.solution01{width:1280px;margin: 0 auto; padding:80px 0; }
div.solution02{width:1280px;margin: 0 auto;  }
div.solution03{ width:1280px;margin: 0 auto;  margin-top:130px;margin-bottom:130px; }
div.img{display: flex; justify-content: center; margin-top: 50px;  }
div.solution-bg{background: #F5F5F5;width:100%;   padding:80px 0;}
 

/*문화*/
div.culture{width:100%;margin: 0 auto; margin-top:80px;  padding: 25px;}
div.culture > p.culture-title{ font-size: 35px;font-weight: 900; color:#000; text-align: center; margin-top: 70px;}
div.culture > ul.ul-culture{width:1080px;margin: 0 auto;  overflow: hidden;padding-bottom: 50px;}
div.culture > ul.ul-culture > li{float:left; width:360px; font-size: 23px; font-weight: 700; color:#000; text-align: center;margin-top: 40px;height:200px; padding-top: 110px;}
div.culture > ul.ul-culture > li.img01{background: url(../img/icon08.png)no-repeat center top;}
div.culture > ul.ul-culture > li.img02{background: url(../img/icon09.png)no-repeat center 15%;}
div.culture > ul.ul-culture > li.img03{background: url(../img/icon10.png)no-repeat center top;}
span.ul-culture-txt{display: block;color: #000;font-size: 14px; font-weight: 400; margin-top:10px;}
div.culture-bg{background: #F5F5F5;width:100%; padding:80px 0;overflow: hidden;}
div.culture-bg > ul.ul-culture-box{width:980px;margin: 0 auto;height:600px;margin-top:60px;    display: flex;  flex-wrap: wrap;  justify-content: space-around;}
div.culture-bg > ul.ul-culture-box li{ padding-top:25px; font-size:20px; font-weight:700;color:#2B3990;float:left;text-align:center;border:1px solid #D3D3D3;width:270px; height:280px;background: #fff; }
div.culture-bg > ul.ul-culture-box li img{margin: auto; margin-top: 35px;}
span.ul-culture-box-title{display: block;color:#2B3990;font-weight: 700;}
span.ul-culture-box-txt{margin-top: 40px;text-align:left;    padding-left: 30px; display: block; font-size: 13px; color: #797979; font-weight: 500;}
.mt30{margin-top:30px;}
.mt50{margin-top:0px;}
.m145{margin-left: 45px;}
p img.culture-step{padding: 30px 0;margin: auto;}
ul.ul-culture-step{width:1060px; margin: 0 auto;  position: relative;    overflow: hidden;}
ul.ul-culture-step > li{font-size: 13px; color: #000; font-weight: 700; float:left;width:230px; height: 75px;border:1px solid #D3D3D3;line-height:75px; text-align: center; margin-right:45px; }
ul.ul-culture-step > li:last-child{margin-right:0;}
span.arrow01{position: absolute; top:25px; left:248px;}
span.arrow02{position: absolute; top:25px; left:522px;}
span.arrow03{position: absolute; top:25px; left:798px;}

.blind {  z-index: -1;overflow: hidden; position: absolute;  width: 0;  height: 0;text-indent: -9999em;}
table{width: 1200px; margin:0 auto;text-align: center; margin-bottom: 100px;margin-top:50px;}
table tr {  border-bottom: 1px solid #000;}
table tr th {  color: #000;  font-weight: 500;  border-top: 2px solid #000;  border-bottom: 1px solid #000; background-color: #f7f7f7; height: 50px;  line-height: 50px;}
table tr td { height: 60px;  border-bottom: 1px solid #DFDFDF;padding: 7px 15px; }
td.txt01{color: #000;font-weight: 700; }  
span.txt02{display:inline-block;   background: #F2C311; text-align: center;color: #fff;padding: 10px;}      

/*contact*/
div.contact{width:1080px;margin: 0 auto; margin-top:100px;}
.inquery_form { font-size: 0; text-align: center;}
.inquery_form fieldset {  border: 0;}
.inquery_form label {    display: inline-block; width: 15%;height: 50px;line-height: 50px;font-size: 1.143rem;color: #000; vertical-align: middle;border-bottom: 1px solid #eaeaea;vertical-align: middle;}
.inquery_form input {  outline: none; width: 35%; height: 50px;font-weight: 300;border: 0; border-bottom: 1px solid #eaeaea;padding: 0;vertical-align: middle;}
.inquery_form select {  outline: none; width: 85%;height: 50px; border: 0;border-bottom: 1px solid #eaeaea; padding: 0; vertical-align: middle;}
.inquery_form textarea { outline: none; width: 100%;box-sizing: border-box;margin-top: 15px;}

.map { height: 400px;border: 2px solid #eaeaea;}
.map_list {margin-top: 10px;}
.map_list tr { border-bottom: 1px solid #eaeaea; height: 50px;}

.inquery_form select {outline: none; width: 85%; height: 50px; border: 0; border-bottom: 1px solid #eaeaea; padding: 0;vertical-align: middle;}

p.map-txt{font-size: 15px; font-weight: 500; color:#000; padding-top: 20px;}

   
/*footer*/
.footer{background: #222222; width: 100%; color:#fff; font-size: 13px; font-weight: 300; padding: 25px;}
.footer > div.address{width: 1280px;margin: 0 auto; }
.footer > div.address > p{padding: 2px 0; }

/*탑버튼*/
#topbtn {
    display: block;
    width: 33px;
    height: 38px;
    right: 5%;
    bottom: 130px;
    position: fixed;
    z-index: 9999999999;}


#topbtn > a img{width:50%;}



#slide .slide_bottom {
    top:500px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    line-height: 100px;}

    #slide .slide_bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100px;
        background: rgba(0, 0, 0, 0.8);
        text-align: center;
        line-height: 100px;}

span.language {
    position: absolute;
    top: 25px;
    right: 10px;    
    width: 50px;    
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    border-radius: 15px;

    text-align: center;
    padding: 1px;
}

span.language a {
    color: #FFF;
    font-size: 15px;
    text-decoration: none;      
}

span.language a:hover {
  color: #f8ea0d;
}

button.mm-menu{display:none;}

/* TABLET */
/*@media screen and (max-width: 1024px) and (min-width: 768px)*/

@media screen and (max-width: 1024px) {

span.language {
    right: 50px;
}
	
button.mm-menu{display: inline-block;
    font-size: 18px;
    right: 10px;
    position: absolute;
    top: 25px;
    background: transparent;
    color: #fff;}
div.top_visual_txt { top: 20%;   left: 10%; padding-right: 20px;}
div.top_menu_bg-w > div.top_menu-w { width: 100%;}
div.top_menu_bg-w > div.top_menu-w > p.logo-w { position: absolute; top: 20px; }
ul.menu-w {width: 80%;display: none;}
ul.menu-w li{
	width: 100%;
	float: none;
	color: #fff;
	height: 45px;
	line-height: 45px;
	text-align: left;
	font-weight: 400;
	padding: 0 20px;
	border-bottom: 1px solid #3f51bc;
	font-size: inherit;
}
  ul.menu-w > li a:hover{color:#f8ea0d;font-weight: 700; background-image: none; }
div.business-m {  width: 100%; padding:20px;}  
div.area {  width: 100%;  height:220px;padding: 0 25px; }
div.area-wrap {  width: 100%;  height:320px; }


div.top_menu_bg-w .menu-w {
  top: 70px;
  width: 100%;
  height: 225px;
  background: #2B3990;}

  ul.menu-w li a {
    display: inline-block;
    color: #fff;
    width: 100%;}

 ul.sub-tab-menu {width:100%;}
 ul.sub-tab-menu > li a {width: 33.3%;}
 div.company-con-01 {  width: 100%; padding: 0 25px;} 
 div.com-icon{padding: 60px 25px;}

 span.area-txt-02 { margin-top: 20px;}
 span.area-txt-04 {margin-top: 10px;}
.btn{margin-top: 20px;}
 div.com-icon > div.com-icon-area {width: 100%;}
 div.com-icon > div.com-icon-area > ul {width: 100%;}
 div.com-icon > div.com-icon-area > ul >li {  width: 33.3%;padding:10px; height:220px;}
 span.icon-area-s-title {font-size: 1rem;}
 div.left-area-img { width: 40%;}
div.left-area-img > img{ width: 85%;} 
div.right-area-txt { width: 60%; }
div.left-area-txt { width: 60%;}
div.right-area-img { width: 40%;}

div.right-area-img > img {width: 39%;}

div.partners { padding: 60px 25px;}
ul.ul-partners {width: 100%;}
ul.ul-partners li{width: 32%;}
div.solution {  width: 100%;padding:60px 25px;border-top: 1px solid #ccc;}

ul.solution-area { width: 100%; display: flex;  justify-content: space-evenly;}
ul.solution-area > li {width: 22%;}

div.sub_top_txt { width: 100%;left: 0; padding-left:15px;}

div.sub-menu { width:100%;display: none;}
div.com-history {width:100%;}
div.history-year { width:100%;}
div.history-year > div.history-year-left { width:40%;}
div.history-year > div.history-year-right { width:60%;padding-right:20px;}

div.history-year > div.history-year-right01 > img{ width:78%;}
div.business { width: 100%;padding:0 25px;}
div.business01 { width: 100%; padding: 0 25px;}
div.business01 { width: 100%;}

div.solution01 { width: 100%; padding: 0 25px;margin: 70px 0 90px;}

div.solution02 {  width: 100%; padding: 0 25px;}
div.solution03 {  border-top:none; margin: 110px 0;padding: 0 25px;width:100%;}

div.culture > ul.ul-culture { width: 100%;}
div.culture > ul.ul-culture > li {width: 33.3%;  }
ul.sub-tab-menu01 {width: 100%;}
ul.sub-tab-menu01 > li a {width:25%;}
ul.ul-culture-step {  width: 100%;}
ul.ul-culture-step > li {width:20%;padding: 0 5px;}
div.culture-bg > ul.ul-culture-box {width:100%; height: auto;display: flex; justify-content: space-evenly;}
div.culture-bg > ul.ul-culture-box li { padding-top: 25px; margin-top: 10px; width: 45%; height: auto;   padding-bottom: 15px; }
span.ul-culture-box-title{font-size: 1.7rem;}
span.ul-culture-box-txt {font-size: 1.2rem;margin-top: 20px;}
span.arrow01{position: absolute; top:25px; left:160px;}
span.arrow02{position: absolute; top:25px; left:350px;}
span.arrow03{position: absolute; top:25px; left:540px;}
table {  width: 100%; margin-bottom: 70px;}
div.contact {width:100%;padding: 0 25px;}
   .footer > div.address { width: 100%;}
  }




/* mobile */
@media screen and (max-width: 767px) {
  html {
       font-size: 12px;
   }
   img.a-auto{width:100%; height:100%;}
   
span.language {
	top: 16px;
    right: 50px;
}   
   
button.mm-menu{display:inline-block;font-size: 18px; right: 10px;  position: absolute; top: 16px;background: transparent; color: #fff;}
div.top_menu_bg-w > div.top_menu-w > p.logo-w { position: absolute; top: 10px; }
div.sub-menu { width:100%;display: none;}
 div.top_visual_menu{width:100%;height:100vh;}
 div.top_visual01, div.top_visual02, div.top_visual03{height:100vh;}
 div.top_visual_txt{/*width: 100%;*/ font-size: 3.5rem; padding: 0 15px;word-break:keep-all;}
 div.business-m
  ul.menu-w {height:200px;}
  ul.menu-w li{
     width: 100%;
     float: none;
     color: #fff;
     height: 45px;
     line-height: 45px;
     text-align: left;
     font-weight: 400;
     padding: 0 20px;
     border-bottom: 1px solid #3f51bc;
     font-size: inherit;
  }

  ul.menu-w > li a:hover{color:#f8ea0d;font-weight: 700; background-image: none; }

  div.sub_top_txt { width: 100%;left: 0; padding-left:15px;}
 ul.menu-w li a {display: inline-block;color: #fff; width: 100%;}
 
 div.area{width: 100%; height:480px; ;}
 div.left-area-txt,div.right-area-txt{width:100%; display: block;text-align: center;}
 div.left-area-txt01,div.right-area-txt01{width:100%; display: block;text-align: center;}
 div.left-area-img, div.right-area-img{width:100%;display: block; }
 div.left-area-img img{width:99%; margin: 0 auto; }
 div.right-area-img img{ width: 99%; margin: 0 auto;position :inherit;  right: inherit; } 
 span.area-txt-01{margin-top: 20px;}
 span.area-txt-02 {margin-top: 10px;font-size: 2.5rem;}
 span.area-txt-03 {font-size: 1.3rem;  word-break: keep-all;}
 span.area-txt-04 { margin-top:15px;}
 .btn {margin-top: 20px; }
 div.area-wrap{width:100%; position:relative;margin-top: 100px;}
 div.area-wrap > div.area-wrap01{position: absolute; top:260px;}
 div.area-wrap > div.area-wrap02{position: absolute; top:0; }
     
 div.top_menu_bg-w {  height: 50px;}
 div.top_menu_bg-w .menu-w {  top: 50px;  width: 100%;height: 200px;  background: #2B3990;}
 div.top_menu_bg-w .menu-w li {  height: 40px;  line-height: 40px;width: 100%}
 div.top_menu_bg-w .m-menu { font-size: 18px;}
 div.top_menu_bg-w .logo img {  height: 28px;}
 div.business-m{width:100%; margin-top: 80px;}
 span.s-title {padding:15px;}
 
div.solution{width:100%;  padding: 20px; border-top:1px solid #eee; margin-bottom: 70px;height: 1700px;}


p.mt40{margin-top:40px;}
ul.solution-area{width:100%;  margin-top:0;display: block;height:120px;}
ul.solution-area > li { text-align: center;  width: 100%; margin-top: 20px; height: auto; padding-bottom:20px;}
ul.solution-area > li span.solution-area-box{width:100%;text-align: center; display: block; height:310px; margin-top:20px;}
ul.solution-area > li span.solution-area-box > p img{width:90%; margin: 0 auto; padding:15px 0;}
span.solution-tit {  padding: 5px 15px 0;}
a{text-decoration: none;}

div.top_menu_bg-w > div.top_menu-w { width:100%; margin: 0 auto; position: relative; height: 70px;}
ul.sub-tab-menu {width: 100%; /*height: 200px;*/ margin:0 auto; position: absolute; top: 300px; }
ul.sub-tab-menu01 {width: 100%; height: 200px; margin:0 auto; position: absolute; top: 300px; left:0; }
.inquery_form label { width: 100%;}
.inquery_form input { width: 100%;}
   
ul.sub-tab-menu > li a {
  text-decoration: none;
  font-size: 1.071rem;
  text-align: center;
  line-height: 50px;
   background: #fff;
  box-shadow: 1px 3px 3px #eee;
  border: 1px solid #E3E3E3;
  width: 33.3%;
  height: 50px;
  color: #808080;}
ul.sub-tab-menu > li a.menu-02 {line-height: 17px; padding-top: 8px;}
ul.sub-tab-menu > li a.menu-03 {line-height: 17px;  padding-top: 8px;}
ul.sub-tab-menu01 > li a.menu-02 {line-height: 17px; padding-top: 8px;}
ul.sub-tab-menu01 > li a.menu-03 {line-height:50px;padding: 0 2px;}

ul.sub-tab-menu01 > li a {
    text-decoration: none;
    font-size: 1.071rem;
    text-align: center;
    line-height: 20px;
     background: #fff;
    box-shadow: 1px 3px 3px #eee;
    border: 1px solid #E3E3E3;
    width: 25%;
    height: 50px;
    color: #808080;}

div.business { width: 100%; margin: 0 auto;  margin-top: 110px;  margin-bottom: 80px;  padding: 0 20px; }
p.title {font-size: 2.5rem;}    

span.business-txt-b {word-break: keep-all;}
div.business01 { width: 100%;  margin: 0 auto; padding: 0 15px;}
div.company-con-01 { width: 100%; margin: 0 auto; margin-top: 140px;padding:0 15px;}
ul.ul-partners { width: 100%; margin-top: 30px; overflow: hidden; padding: 0 20px;}
div.com-icon > div.com-icon-area > ul {width: 100%;  text-align:center;overflow: hidden;}
div.com-icon > div.com-icon-area > ul >li {width:49%; font-size: 1.5rem; margin:0 auto;margin-bottom: 10px; padding-bottom: 20px;  display: inline-block; border: 1px solid #EAEAEA; height:200px; word-break: break-all;}
div.com-icon > div.com-icon-area > ul > li.icon01 { background: url(../img/icon01.png)no-repeat center 20% #fff; border-right: 1px solid #EAEAEA;background-size:13%;}
div.com-icon > div.com-icon-area > ul > li.icon02 { background: url(../img/icon02.png)no-repeat center 20% #fff; border-right: 1px solid #EAEAEA;background-size:13%;}
div.com-icon > div.com-icon-area > ul > li.icon03 { background: url(../img/icon03.png)no-repeat center 20% #fff; border-right: 1px solid #EAEAEA;background-size:13%;}
div.com-icon > div.com-icon-area > ul > li.icon04 { background: url(../img/icon04.png)no-repeat center 20% #fff; border-right: 1px solid #EAEAEA;background-size:13%;}
div.com-icon > div.com-icon-area > ul > li.icon05 { background: url(../img/icon05.png)no-repeat center 20% #fff; border-right: 1px solid #EAEAEA; background-size:15%;}
div.com-icon > div.com-icon-area > ul > li.icon06 { background: url(../img/icon06.png)no-repeat center 20% #fff; border-right: 1px solid #EAEAEA;;background-size:20%;margin-right: 1px;}
ul.ul-partners > li {display: block; float: left; background: #fff; border: 1px solid #E4E4E4; width: 50%;  margin:0 auto;margin-bottom: 8px; text-align: center; }   
span.com-txt01 {font-size: 1.15rem;word-break: keep-all;padding:0 10px}
div.com-icon > div.com-icon-area { width: 100%; }
div.com-icon { background: #F5F5F5;width: 100%; margin-top: 100px; overflow: hidden;  padding: 50px 25px;  text-align:center;}

span.icon-area-title {display: block;font-size: 1.2rem; font-weight: 700; color: #000; text-align: center;  margin-top: 75px;}
span.sub-title {font-size: 2.5rem;}
div.com-history {  width: 100%;margin-top:50px;}
.txt-height { line-height: 1.5;}
div.history-year { width: 100%; margin-top:0; padding: 10px 0; overflow: hidden; }
div.history-year > div.history-year-left {width: 100%;padding:0 20px;}
div.history-year > div.history-year-left > img{display: none;}
div.history-year > div.history-year-left01 {  width: 100%;  padding: 0 20px; width: 100%;margin-top:20px;}
div.history-year > div.history-year-right01 { width: 100%; }
div.history-year > div.history-year-right01 > img{display: none;}
div.history-year > div.history-year-right {padding: 0 20px;  width: 100%;  margin-top: 20px;}
span.history-year-txt-view {font-size: 1.1rem;}
span.history-year-txt {font-size: 1.2rem; height: 34px; text-indent: 30px; max-width: 100%; height: auto;}
span.history-year-title {background: url(../img/history_bak01.png)no-repeat left top;  font-size: 2.2rem; max-width: 100%;height: auto;}
div.partners { margin-top: 60px;padding: 60px 0;}
span.icon-area-s-title {font-size:0.9; padding: 0 10px; display:inline-block;margin-top: 3px;}
div.business-bg {background: #F5F5F5; width: 100%; padding: 60px 0;}
div.business01 > img { margin: auto; margin-top: 20px;}
div.solution01 { width:100%;padding: 60px 20px ;}   
div.solution02{width:100%; padding: 0 20px;}
div.solution-bg {padding: 50px 0;}
div.img { margin-top: 10px;}
.s-001{margin-bottom:30px;}
div.culture-bg > ul.ul-culture-box { width: 100%; margin: 0 auto; padding:10px 0;  height:auto;}
div.culture-bg > ul.ul-culture-box li { padding-top: 25px;font-size: 20px; font-weight: 700; color: #2B3990; float: left; text-align: center; border: 1px solid #D3D3D3; width: 75%; height: 300px; background: #fff; margin-top: 10px;}
div.culture > p.culture-title {font-size: 2rem;}
div.culture > ul.ul-culture { overflow: hidden;  width: 100%; margin: 0 auto; padding: 25px;}
div.culture > ul.ul-culture > li { width: 95%; font-size: 2.3rem; font-weight: 700; color: #000; text-align: center; margin-top: 40px; height: 200px; padding-top: 110px; }
span.ul-culture-box-txt { text-indent: 0;font-size: 1.2rem;   line-height: 1.5;padding: 0 10px;}
ul.ul-culture-step { width: 100%; margin: 0 auto; position: relative; }
ul.ul-culture-step > span img{display: none;}
div.culture {  margin-top: 50px;}
div.culture-bg { background: #F5F5F5; width: 100%; padding: 60px 0;}
ul.ul-culture-step > li {font-size: 13px;color: #000;font-weight: 700;width: 100%;border: 1px solid #D3D3D3;line-height: 75px;text-align: center;margin-top: 20px;}
div.contact {width: 100%;margin: 0 auto;margin-top: 60px;padding: 0 20px;}
.m-table{width: 100%; margin-top:20px;margin-bottom: 30px;}
span.business-txt-b {font-size: 1.3rem;  font-weight: 700;color: #2B3990;line-height: 1.5;}
div.business > div.business-txt { font-size: 1rem; text-align: center; margin-top: 60px;}
table {  width: 100%;  margin: 0 auto;  text-align: center;  margin-bottom: 50px;  margin-top: 50px;}
table tr td {  padding: 7px 1px;}
input::placeholder {display: }
.footer > div.address {width: 100%; padding: 0 20px; font-size: 1rem;}

 }