@CHARSET "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
body *{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body{overflow-x:hidden;}
.header{padding: 0 112px;}
.header,.header.height{background:#fff;position:fixed;width:100%;left:0;top:0;z-index: 999999;}
.header .inner{margin: 0 auto;position:relative;height:80px;overflow: hidden;}
.header.height .inner{height: 390px;}
.header .inner h1{display:inline-block;padding:14px 0 0;}
.header .inner h1 a{vertical-align: top;display:inline-block;width: 200px;height: 64px;font-size:0 ;background: url(../img/logo.png) 0 0 no-repeat;font-size:0 ;}
.header .inner .info_top {
    position: absolute;
    right: 0;
    top: 25px;
}
.footer{position: relative;}
.header .inner .info_top li{display: inline-block;position: relative;}
.header .inner .info_top li a{font-weight:600 ;font-size: 13px;padding: 0 10px;display: inline-block;line-height: 28px;transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
font-weight: 300;
-moz-transition: all 0.3s ease;color: #2a2d35;}
.top{position: absolute;right: 32px;bottom: 63px;z-index: 999999;}
.header{background: #fff;}
.header.on{background: transparent;}
.header.height{background: #fff;border: 0;   -moz-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.17);
}
.header.on .inner h1 a{background: url(../img/logo_w.png) 0 0 no-repeat;}
.header.on .inner .info_top li a{color: #b4b2b2;}

.header.on .depth2{display: none;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;}
.header.on.height .depth2{display: block;}
.header.height .inner h1 a{background: url(../img/logo.png) 0 0 no-repeat;}
.header.height .inner .info_top li a{color: #2a2d35;}

.header .inner .info_top li{position: relative;}
.header .inner .info_top li::after {
    content: '';
    position: absolute;
    left: -1px;
    top: 10px;
    width: 1px;
    height: 10px;
    background: #22ccab;
}
.header .inner .info_top li:first-child:after{display: none;}

.lang {
    position: absolute;
    right: 0;
    top: 20px;width: 68px;
	text-align: center;
	z-index: 999;
}

	.lang .tab{background: url(../img/icon_lang_m.png) 0% 6px no-repeat;width: 56px;height: 32px;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;cursor: pointer;
  box-sizing: border-box;padding-left: 33px;padding-top: 8px;}
.lang .hide{display: none;border-top: 0;width: 68px;height: 96px;position: absolute;left: 1px;
  top: 55px;  box-shadow: 0 0 9px 0 rgba(10, 1, 3, 0.1);

  border: solid 1px #e0e0e0;

  background-color: #fff;left: 33px;
  top: 34px;}

.gnb{position: absolute;top: 30px;}
.gnb li{position: relative;display: inline-block;padding: 0 30px;height: 49px;}
.gnb li a.menu{
	font-weight: 600;
	font-size: 16px;
	color:#454545;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
}

#bo_list_total{display: none;}
.on .gnb li a.menu{
	color:#fff;
}
.height .gnb li a.menu{
	color:#454545;
}
.lang {
    position: absolute;
    right: 22px;
    top: 25px;
    padding: 15px;
        padding-bottom: 15px;
        padding-left: 15px;

    padding-bottom: 0;
    padding-left: 20px;
    background: #fff;
}


.lang .hide{display: none;}

.header.on .lang {
    border: 0;
    background: transparent;
}
.header:after{display: none;}
.header.height:after{display: block;position: absolute;content: '';width: 100%;height: 1px;left: 0;top: 80px;position: absolute; background-color: #e0e0e0;}


.header.on .tab{color: #fff;background: url(../img/arrow_lang_w.png) 100% 6px no-repeat;}

.header.on .lang.on .tab,.header.height .lang .tab{background: url(../img/arrow_lang_on.png) 100% 6px no-repeat;}
.header.height .lang .tab {color: #454545;}

.map iframe{border-radius: 28px;}


.slider_main_top,.slider_main_top li{height: 100%;height: 100vh;}
.slider_main_top{position: relative;
background: #000;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
}
.slider_main_top:after{content: '';display: block;width: 100%;height: 100%;position: absolute;z-index: 11;}
#bgvid2 {

  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  min-width: 120%;
  height: 120%;
  z-index: 100;
  background-size: cover;
  top: -10%;
  left: -10%;
 
  z-index: 10;
  background-size: cover;
  transition: 1s opacity;
}

.mousey {
  padding: 5px 10px;
  height: 40px;
   width :24px;
  border: 2px solid #e3e2e2;
  border-radius: 25px;
  opacity: 0.75;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.scroller {
  width: 2px;
  height: 6px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
.btn_detail_c {
  position: absolute;
  width: 100%;
  bottom: 5%;
  z-index: 9999;
  left: 0;
  text-align: center;
  padding-bottom: 33px;
}
.btn_detail_c{display:inline-block;font-size:0 ;background: url('../img/txt_scroll.png') center bottom no-repeat;}


.gnb{position: absolute;top: 0px;padding-top: 36px;text-align: center;left: 10%;right: 10%;width: 80%;}

.gnb li{position: relative;display: inline-block;padding: 0 63px;height: 49px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.gnb:hover li{padding: 0 83px;}
.gnb li a.menu{
	font-weight: 600;
	font-size: 16px;
	color:#454545;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
	  font-size: 18px;
  font-weight: 500;
  line-height: 0.17;
  letter-spacing: -0.36px;

  text-align: left;

  color: #454545;
}


.on .gnb li a.menu{
	color:#fff;
}
.height .gnb li a.menu{
	color:#454545;
}
.lang {
    position: absolute;
    right: 22px;
    top: 25px;
    padding: 0;
        padding-bottom: 15px;
        padding-left: 15px;
    padding-bottom: 0;
    padding-left: 20px;
    background: #fff;
}
.lang a{display: block;
cursor: pointer;}
	.lang .tab{background: url(../img/arrow_lang_on.png) 100% 6px no-repeat;}
.lang .hide{display: none;}

.header.on .lang {
    border: 0;
    background: transparent;
}
.header.on .tab{color: #fff;background: url(../img/icon_lang.png) 0 0 no-repeat;}
.header.on .lang.on,.header.height .lang{}
.header.on .lang.on .tab,.header.height .lang .tab,.header .lang .tab,.header.height.on .lang .tab{background: url(../img/icon_lang_b.png) 0 0 no-repeat;}
.header.height .lang .tab,.header .lang .tab{color: #454545;  font-size: 16px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: 0.19;

  letter-spacing: -0.32px;

  text-align: left;}
.header.height .lang.on .tab {}

.lang {
    position: absolute;
    right: 111px;
    top: 23px;width: 98px;
	text-align: center;
	padding-top: 10px;
}
.lang a{display: inline-block;
	font-size: 14px;
	text-align: center;
  font-size: 15px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 2.67;

  letter-spacing: -0.3px;

  text-align: center;

  color: #000;cursor: pointer;}
.header.on .lang .tab{background: url(../img/icon_lang.png) 0 0 no-repeat;height: 22px;}

.lang .hide{display: none;}
.lang .tab{position: relative;}
.lang:after{content: '';position: absolute;right: 0;top: 16px;width: 10px;height: 6px;background: url(../img/arrow.png) 0 0 no-repeat;}
.header.height .lang:after,.header .lang:after,.header.height.on .lang:after{background: url(../img/arrow_b.png) 0 0 no-repeat;}
.header.on .lang:after{background: url(../img/arrow.png) 0 0 no-repeat;}
.header.on .lang {
    border: 0;
    background: transparent;
}
.header.on .tab{  font-size: 16px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: 0.19;

  letter-spacing: -0.32px;

  text-align: left;

  color: #fff;color: #fff;background: url(../img/icon_lang.png) 0 0 no-repeat;}
.header .lang .hide{background: #fff;border-right: 3px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;padding: 5px 20px;z-index: 99999;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.header.height .lang .tab {color: #454545;}
.header.height .lang.on .tab {color: #00a0e0;}


.search_top{display: none;width: 393px;padding: 7px;background: #009fe3;position: fixed;right: 43px;top: 103px;z-index: 99999;}
.search_top .btn_close{position: absolute;right: 7px;top: 15px;}
.gnb li a.menu{position: relative;}
.gnb li:hover a.menu{color: #005fac;}
.gnb li ul.depth2{ border-left:1px solid #e0e0e0;
}
.gnb li:nth-child(4) ul.depth2,.gnb li:nth-child(2) ul.depth2{ border-right:1px solid #e0e0e0;}
.gnb li:nth-child(3) ul.depth2{border: 0;margin:  0 -3px;width: 103%;}
.gnb ul.depth2 {
    position: absolute;
    top: 45px;
    left: -0px !important;
    margin-left: 0;
    width: 100%;
    padding: 0;
	height: 307px;
    padding: 15px 3px 15px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gnb li:nth-child(1) ul.depth2{ width: 102%;
}
.gnb li ul.depth2:after{content: '';width: 0%;top: -3px;left: 50%;position: absolute;height: 2px;  
 background-color: #005fac;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.gnb li:hover ul.depth2:after{width: 100%;left: 0;}
.gnb li:hover ul.depth2{background-color: #fafafa;}
.gnb ul.depth2 li{text-align: center;padding: 0;  line-height: 2.88;height: auto;display:block;clear:both;float:none;width:100%;position:relative}
.gnb ul.depth2 li a{border:none;  font-size: 16px;
  font-weight: 500;

  letter-spacing: -0.32px;
  text-align: center;
  color: #000;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.gnb ul.depth2 li a:hover{border-bottom: 1px solid #000;}
.banner{padding: 0 0 61px;}

.tab_sub{display: block;  margin: 0px auto 35px;

  padding: 10px 11px 10px;

  border-radius: 37px;
max-width: 791px;

  box-shadow: 0 0 0 0 #fff, inset 0 0 0 0 #fff, inset 0 0 0 1px #535252;overflow: hidden;}
.tab_sub li{display: block;float: left;width: 25%;}
.tab_sub li a{line-height: 53px;  border-radius: 37px;
   letter-spacing: -0.3px;
  text-align: center;display: block;
  color: #fff;  font-size: 15px;
  font-weight: bold;  color: rgba(255, 255, 255, 0.6);}
  .tab_sub li.active a{  border: solid 0 #fff;
background-color: #4768f5;color: #fff;}



.root_daum_roughmap .map {
  position: relative;
  width: 100%;
  height: 100%;
}
#daumRoughmapContainer1699854452538 {
  width: 100% !important;
}

.section_main {position: relative;z-index: 999;}
.section_main .inner {
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.section_main.section2 .ment{width: 50%;float: left;height: 775px;background: #fff url(../img/img_main_1_1.png) 0 bottom no-repeat;}
.section_main.section2 .img{width: 50%;float: left;height: 775px;background: url(../img/img_main_1_2.png) center center no-repeat;-webkit-background-size: cover;
background-size: cover;}
.img_top2{background: url(../img/img_prd2.png) center center no-repeat;-webkit-background-size: cover;
background-size: cover;text-align: center;padding: 85px;}
.img_top3{background: url(../img/img_prd2.png) center center no-repeat;-webkit-background-size: cover;
background-size: cover;text-align: center;padding: 85px;}
.img_top2 img{width: 1071px !important;}
.img_top3 img{width: 1194px !important;}

.img_top1{background: url(../img/bg63.jpg) center center no-repeat;-webkit-background-size: cover;
background-size: cover;text-align: center;padding: 85px;}
.img_top1 img{width: 1071px !important;}
.section_main.section2 .ment:after{content:'';position: absolute;}
.section_main.section2{height: 775px;}
.section_main.section2 .ment .txt1{  font-size: 65.5px;

  font-weight: 800;
  line-height: 1.21;

  letter-spacing: normal;

  text-align: left;

  color: #000;padding: 0 0 30px;}
  .section_main.section2 .ment .txt1 strong{font-size: 65.5px;font-weight: 600;color: #005fac;}
.section_main.section2 .ment .txt2{  font-size: 18px;

  font-weight: normal;

  line-height: 1.53;

  letter-spacing: normal;

  text-align: left;

  color: #000;padding: 0 0 20px;}
    .section_main.section2 .ment .txt2 strong{font-size: 18px;font-weight: 600;}
.section_main.section2 .in{width: 718px;float: right;padding-top: 79px;}

.section_main.section3{
overflow: hidden;
}
.section_main.section3 li{width: 20%;float: left;height: 721px; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;
font-weight: 300;cursor: pointer;position: relative;
-moz-transition: all 0.5s ease;background: url(../img/img_main_2_2.png) center 0 no-repeat;}
.section_main.section3 li:nth-child(2){background: url(../img/img_main_2_1.png) center 0 no-repeat;}
.section_main.section3 li:nth-child(3){background: url(../img/img_main_2_3.png) center 0 no-repeat;}
.section_main.section3 li:nth-child(4){background: url(../img/img_main_2_4.png) center 0 no-repeat;}
.section_main.section3 li:nth-child(5){background: url(../img/img_main_2_5.png) center 0 no-repeat;}
.section_main.section3:hover li{width: 15%;}
.section_main.section3:hover li:hover{width: 40%;}
.section_main.section3 li a{display: block;height: 721px;position: absolute;left: 0;top: 0;width: 100%;}
.section_main.section3 li a .txt1{  font-size: 40px;

  font-weight: bold;

-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
  letter-spacing: -0.8px;
padding-left: 46px;
  text-align: left;
margin-top:559px ;
  color: #fff;}
  .section_main.section3 li a .txt1 .icon{display: block;background: url(../img/arrw_banner.png) 0 bottom no-repeat;width: 46px;height: 14px;margin: 33px 0 0;}
.section_main.section3:hover li:hover a .txt1{padding-left: 86px;}


.section_main.section4 .ment{width: 50%;float: right;height: 701px;background: #fff url(../img/bg_main_1_1.png) right 59px no-repeat;}
.section_main.section4 .img{width: 50%;float: left;height: 701px;background: url(../img/img_main_1_3.png) center center no-repeat;-webkit-background-size: cover;
background-size: cover;}
.section_main.section4 .ment:after{content:'';position: absolute;}
.section_main.section4{height: 701px;}
.section_main.section4 .ment .txt1{  font-size: 65.5px;

  font-weight: 800;
  line-height: 1.21;

  letter-spacing: normal;

  text-align: left;

  color: #000;padding: 0 0 30px;}
  .section_main.section4 .ment .txt1 strong{font-size: 65.5px;font-weight: 600;color: #005fac;}
.section_main.section4 .ment .txt2{  font-size: 18px;

  font-weight: normal;

  line-height: 1.53;

  letter-spacing: normal;

  text-align: left;

  color: #000;padding: 0 0 20px;}
    .section_main.section4 .ment .txt2 strong{font-size: 18px;font-weight: 600;}
.section_main.section4 .in{width: 718px;float: left;padding-top: 118px;padding-left: 78px;}
.section_main h2 .txt1{  font-size: 65.5px;

  font-weight: 800;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.21;

  letter-spacing: -1.31px;

  text-align: center;

  color: #fefefe;padding: 88px 0 65px;}

.section_main.section5{background: url(../img/img_main_1_4.jpg) center center no-repeat;-webkit-background-size: cover;
background-size: cover;}
.pc{display: block !important;}
.mobile{display: none !important;}
.section_main.section6 .img img{width: 100%;}
.list_history{margin: 0px 0 0 400px;padding-bottom: 50px;}
   .list_history li{position: relative;padding-left: 313px;height: 186px;}
.list_history li:nth-child(2n) .in{left: -150px;position: absolute;}
.list_history .line {
  width: 1px;
  position: absolute;
  left: 175px;
  top: -53px;
  height: 178px;
  margin: 84px 21px 0 56px;
  background-color: #fff;
}
.list_history .dot {
  width: 13px;
  height: 13px;
  margin: 0;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 22px;
  left: 225px;
}
 .list_history h3{  font-size: 50px;

  font-weight: 800;

  text-align: left;

  color: #fff;padding: 0 0 15px;}
   .list_history p{ 
  text-align: left;
  color: #fff;  font-size: 19.5px;
  line-height: 1.51;

  letter-spacing: normal;

  text-align: left;

  color: #fff;
  padding-left: 15px;
  position: relative;

}
.list_history p:after{content: '-';left: 0;top: 0;  position: absolute;color: #fff;  font-size: 19.5px;
  line-height: 1.51;}
.section_main.section6{background: #fff;padding: 0 0 113px;}
.section_main.section7{background: #f5f6f7;padding: 0 0 60px;}
.section_main h2 .txt1 strong{  font-size: 65.5px;

  font-weight: 800;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.21;

  letter-spacing: -1.31px;

  text-align: center;

  color: #000;}
  .section_main.section6 h2 .txt1{padding-bottom: 0;}
  .section_main.section6 .info{padding: 30px 0 50px;}
   .section_main.section6 .info p{  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

display: inline-block;vertical-align: top;margin: 0 55px 0 0;
  letter-spacing: normal;

  text-align: left;

  color: #000;}
  .section_main.section6 .info p img{vertical-align: -6px;margin-right: 5px;}
  .section_main.section6 .map{width: 105%;overflow: hidden;}
   .section_main.section6 .map li{width: 378px;float: left;margin: 0 42px 0 0;}
   .footer h1{position: absolute;left: 0;top: 64px;}
.footer {
    box-sizing: border-box;
    
    
 
    line-height: 25px;z-index: 99999;
    position: relative;  background-color: #222;

}
.footer .inner{max-width: 1237px;margin: 0 auto;position: relative;   padding: 48px 0 48px 220px;}
.footer .address{  line-height: 1.69;

  letter-spacing: 0.32px;

  text-align: left;

  color: #8b8b8b;font-size: 16px;padding: 0 0 5px;}
.footer .address strong{  line-height: 1.69;

  letter-spacing: 0.32px;

  text-align: left;

  color: #8b8b8b; font-size: 16px;}
.footer .copy{  line-height: 1.69;

  letter-spacing: 0.32px;

  text-align: left;

  color: #8b8b8b; font-size: 16px;} 
.section{
     
}
.section_top .txt1{ transform: translateY(0); 
     transition: all 0.2s cubic-bezier(.39,0,.12,.99);}
.section2.active .ment{opacity: 1;}
.wrap_bg{position: fixed;z-index: 99;background: #000;left: 0;top: 0;height: 100%;width: 100%;}
#bgvid {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;

    height: 110%;
    z-index: 100;
    background-size: cover;
    top: -10%;
    left: 0%;
    min-width: 100%;
    min-height: 110%;
    width: auto;
    height: auto;
    z-index: 10;
    background-size: cover;
    transition: 1s opacity;
}

.hero-section { background: #FFF;}
.hero-section img {
  width: 1240px;
  position: absolute;
bottom: -70%;
  left: 50%;
  
  transform: translate(-50%);
  max-width: 100%;

  transition: all 1.0s ease;
      animation: fadeInKv 1.3s 1.6s forwards;
	  background: #000;

  
}

.wrap{padding-top: 80px;}
.hero-section.active{position: absolute !important;height: 100%;top: 0;left: 0;width: 100%;z-index: 999;}
.hero-section.active img{width: 100%;bottom: auto !important;top: 645px;}

.table_style1{border-bottom:0;overflow-x: auto;}
.table_style1 table {width:100%; }
.table_style1 table th {padding:15px 0;  font-size: 18px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;

  color: #fff;text-align: center;
height: 47px;
background:#005fac;}
.table_style1 table td {padding:11px 15px; color:#5c5c5c; font-weight:300 ;font-size:17px; border-bottom:1px solid #dadada;text-align:center;line-height:20px;line-height: 25px;  font-size: 17px;

  font-weight: normal;


  text-align: left;

  color: #000;}
 .table_style1 table td strong{ font-weight:600 ;font-size:15px;}
 .table_style1.mt{margin-top: 44px;}
  .table_style1 table td span{font-size:15px;}
.table_style1 table tr td:first-child,.table_style1 table tr:first-child th:first-child{border-left:0;}
.table_style1 table tr td:last-child{border-right: 0;}

.section_top .inner{max-width: 1240px;margin: 0 auto;background-color: white;}
.section_top .inner .ment{position: fixed;top: 249px;max-width: 1240px;margin: 0 auto;z-index: 9999;	 /*mix-blend-mode: difference;*/
	   /* 165deg = 180deg - 15deg   */
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
   background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.section_top .inner .ment .txt1{padding: 0 0 20px;  font-size: 65.5px;
  font-weight: 800;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #000; /*mix-blend-mode: difference;*/}
.section_top .inner .txt2{  font-size: 26px;

  font-weight: 500;

  line-height: 1.54;

  letter-spacing: normal;

  text-align: left;

  color: #000; 

    margin: 0;
	z-index: 9999;
	left: 0;
    top: 10%;
    left: 0%;
	/*mix-blend-mode: difference;
    transition: all 1.2s cubic-bezier(.39,0,.12,.99);*/



}
.section_top .inner .ment .txt1.active{color: #fff;}
.section_top .inner .ment .txt2.active{color: #fff;}
.gradient-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  height: 200px;
  background-image: linear-gradient(to bottom, rgb(100, 182, 240) 15%, rgb(81, 155, 244));
}

.scroll-content {
  position: absolute;
  top: 50px;

}

.section_top{height: 1646px;}
.sub_content{background: #000;position: relative;z-index: 99999;}
.sub_content .img_top img{width: 100% ;}
.wrap_prd{overflow: hidden;background: #fff;}
.wrap_prd.right .img{float: right;}
.wrap_prd .txt{width: 50%;float: left;}
.wrap_prd .img{position: relative;width: 50%;float: left;height: 731px; background-color: #f1f2f3;text-align: center;padding-top: 100px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.img_top2{padding: 28px;}
.wrap_prd .txt .in{width: 537px;float: left;margin: 103px 62px 0 62px;}
.wrap_prd .txt h3{  

  font-stretch: normal;

  font-style: normal;

  line-height: 1.11;

  font-weight: 800;
  letter-spacing: normal;

  text-align: left;
font-size: 35.5px;
  color: #000;margin: 0 0 25px;}
  .wrap_prd .txt h3 span{  
  font-size: 18px;

  font-weight: 500;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
.wrap_prd.right .txt .in {

  float: right;

}
.wrap_prd .img:after{content: '';position: absolute; top: 50%;width: 36px;height: 68px;background: url(../img/arrow_prd.png) 0 0 no-repeat;right: 0;}
.wrap_prd.right .img:after{content: '';position: absolute; top: 50%;width: 36px;height: 68px;background: url(../img/arrow_prd.png) right 0 no-repeat;left: 0;}
.list_re{padding: 99px 0 100px;}
.list_re.bg1{background: url(../img/s_bg1.png) center center no-repeat;-webkit-background-size: cover;
background-size: cover;}
.list_re.bg2{background: url(../img/s_bg2.png) center center no-repeat;-webkit-background-size: cover;
background-size: cover;}
.list_re.bg3{background: url(../img/s_bg3.png) center center no-repeat;-webkit-background-size: cover;
background-size: cover;}

.wrap_histoy2 h3{  font-size: 60px;

  font-weight: 800;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.33;

  letter-spacing: -1.2px;



  color: #000;
  margin: 0 0 80px;

}
.wrap_histoy2 ul{background: url(../img/line.png) 150px -16px no-repeat;padding: 21px 0 30px 0;}

.wrap_histoy2 h3 strong{  font-size: 60px;

  font-weight: 800;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.33;

  letter-spacing: -1.2px;

color: #005fac;


}

.wrap_histoy2{padding: 99px 0 100px;background: #fff url(../img/s_bg4.jpg) right 0 no-repeat;}
.wrap_histoy2 .inner {max-width: 1226px;margin: 0 auto;}
.wrap_histoy2 .inner li {
  position: relative;
  padding: 0 0 0px 210px;
  margin: 0 0 61px;
}
.wrap_histoy2 .inner li:first-child{margin: 0 0 55px;}
.wrap_histoy2 .inner li:nth-child(2){margin: 0 0 37px;}
.list_re .inner{max-width: 1226px;margin: 0 auto;}
.wrap_histoy2 .inner li strong{position: absolute;left: 0;top: -6px;  font-size: 45px;

  font-weight: bold;
  letter-spacing: -0.9px;

  text-align: center;

  color: #000;}
  .wrap_histoy2 .inner li dl{position: relative;padding: 0 0 0px 66px;  font-size: 17px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.68;

  letter-spacing: normal;

  text-align: left;

  color: #000;}
   .wrap_histoy2 .inner li dl dd{font-size: 17px;  line-height: 1.68;}
  .wrap_histoy2 .inner li dl dt{font-size: 17px;position: absolute;left: 0;top: 0;font-weight: bold;}
   .wrap_histoy2 .inner li dl dt:before{content: '-';color: #005fac;}
.list_re .ment{position: relative;padding: 0 0 58px 461px;}
.list_re .ment h3{  font-size: 55px;

  font-weight: 900;

  font-stretch: normal;

  font-style: normal;

  line-height: 0.98;

  letter-spacing: normal;

  text-align: left;

  color: #fff;position: absolute;left: 0;top: 0;}
 .list_re .ment li { color: #fff;position: relative;padding-left: 10px; font-size: 20px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.6;

  letter-spacing: normal;

  text-align: left;}
  .list_re .img{width: 105%;overflow: hidden;} 
  .list_re .img li{width: 377px;margin: 0 35px 0 0; 
float: left;
 }
   .list_re .ment li:after{content: '';width: 3px;height: 3px;-webkit-border-radius: 50%;
   -moz-border-radius: 50%;background: #fff;
   border-radius: 50%;position: absolute;left: 0;top: 15px;}

.section_top .inner .ment.active {
  position: absolute;
  left: 0;
  top: 800px;
  max-width: 1240px;left: 50%;margin-left: -620px;
}
.cmt_btn,#bo_vc,#bo_vc_w,#bo_v_share{display: none;}
.table_style2{border-bottom:0;}
.table_style2 table {width:100%;}
.table_style2 table th {padding:15px 0; font-size:16px; color:#272a2c;  font-weight:600 ;width: 160px;}
.table_style2 table td {padding:7px 15px 7px 20px;  font-weight:300 ;font-size:16px;  text-align:left;line-height:20px;background:#fff;}
.table_style2 table td.height{height: 136px;}
.table_style2 table td label{  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;


  letter-spacing: -0.16px;
margin: 0 35px 0 0;
  text-align: left;

  color: #333;}
  #bo_gall .gall_text_href a {
  font-weight: bold;
  font-size: 24px;

  font-weight: 600;

  font-stretch: normal;

  font-style: normal;

  line-height: 1;

  letter-spacing: -0.24px;

  text-align: left;

  color: #000;
padding: 10px 25px;
}
#bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view {
  font-size: 15px;

  font-weight: 300;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.6;

  letter-spacing: -0.15px;

  text-align: left;
margin: 0;
  color: rgba(0, 0, 0, 0.7);
  padding: 0 25px;
}
  #bo_v_title .bo_v_tit {
  display: block;
  font-size: 33px !important;
  margin: 5px 0 0;
  word-break: break-all;
}
 .table_style2 table td strong{ font-weight:600 ;font-size:15px;}
 .table_style2.mt{margin-top: 44px;}
 .table_style2.wrap_img table{border-top:1px solid #fff;}
  .table_style2 table td span{font-size:15px;}
.table_style2 table tr td:first-child,.table_style2 table tr:first-child th:first-child{border-left:0;}
.table_style2 table tr td.bo_l{border-left:1px solid #dadada;}
.table_style2 table tr td .bg{background: rgba(0, 0, 0, 0.39);padding: 7px 10px;color: #fff;
font-weight: 300;
font-size: 15px;}
.table_style2.center table td{text-align:center;}
.table_style2 table td.txt_l{text-align:left;}
.table_style2 .input_style {
  width: 100%;
  height: 41px;
  padding: 0 10px;
  line-height: 41px;
  border: 1px solid #d1d1d1;
  color: #333333;
  font-size: 13px;
  box-sizing: border-box;
  vertical-align: top;
}
.table_style2 .input_style.w270{width: 270px;}
.table_style2 tr{}

.table_style2 tr td p,.txt_agree p{padding: 10px 0 10px;  font-size: 17px;

  font-weight: 600;
  letter-spacing: -0.17px;

  text-align: left;

  color: #000;

}
.table_style2 tr td p strong,.txt_agree strong{  font-size: 17px;

  font-weight: 600;
  letter-spacing: -0.17px;

  text-align: left;

 color: #f00;}
  .txt_agree{margin: 25px 15px 0;}
 .txt_agree .txt{text-align: left;  font-size: 16px;

  font-weight: 300;
margin: 10px 0 0;
  font-stretch: normal;

  font-style: normal;

  line-height: 2.13;

  letter-spacing: -0.16px;

  text-align: left;
  box-shadow: 0 0 0 0 #fff, inset 0 0 0 0 #fff, inset 0 0 0 1px #d8d8d8;

  background-color: #f5f7f8;
  color: #989898;
  padding: 10px 20px;}
.table_style2 tr td.agree{  font-size: 17px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.41;

  letter-spacing: -0.17px;

  text-align: center;

  color: #333;}.btn_confirm {
  text-align: center;
}
  .table_style2 tr td.agree input{margin: 0 10px 0 0;}
.table_style2 .input_style.w97{width:97px;}
.table_style2 .input_style.w175{width: 175px;}
.table_style2 .input_style.w478{width: 478px;}
.table_style2 .input_style.height{height: 141px;}
.sub_cont .tit_c {
    font-weight: 100;
    font-size: 32px;
    color: #232323;
    padding: 89px 0 29px;
    text-align: center;
}
.bo_v_option {
  display: none;
}

.sub_1 .tab_content{text-align:center;padding: 40px 0 0;}
.table_style1 table td.td_apply{text-align:center;padding: 22px 0 82px;background: #f5f5f5;}
.btn_view_b{text-align:center;position: relative;}
.btn_view_b .left{position: absolute;left: 0;top: 0;}
.btn_view_b .right{position: absolute;right: 0;top: 0;}
.sub_1 .section6{background: #e9ebf0;padding: 0 0 85px;}

.btn_area_c {text-align:center;padding: 32px 0 0;}
.btn_area_c a{
min-width: 177px;
height: 50px;
display: inline-block;
line-height: 50px;
background: #2c2c2c;
    background-size: auto;
background-size: auto;
font-size: 15px;
color: #fff;
font-weight: 800;
padding: 0 14px;
border-radius: 30px;
background-size: cover;
}
#bo_w .btn_submit,#bo_w button.btn_submit,.btn_submit:hover,.btn_submit,a.btn_submit{  width: 151px;

  height: 61px;

  margin: 53px 42px 193px 34px;


  background-color: #0065ae;  font-size: 19.5px;

  font-weight: 600;

  font-stretch: normal;

  font-style: normal;

  line-height: 61px;

  letter-spacing: -0.2px;


  color: #fff;
vertical-align: top;
}
#bo_list *{font-size: 16px;}
.btn_view_b{text-align:center;position: relative;}
.btn_view_b .left{position: absolute;left: 0;top: 0;}
.btn_view_b .right{position: absolute;right: 0;top: 0;}
.btn_view_b{padding: 0 0 50px;}
.btn_submit:hover, .btn_submit, a.btn_submit,.btn_view_b .btn_admin{margin: 0;display: inline-block;line-height: 50px;height: 50px;padding: 0 15px;}
.btn_view_b .btn_admin {
  display: inline-block;
}
.btn_view_b .right {
  position: absolute;
  right: 0;
  top: 0;
}
a.btn01 {
  display: inline-block;
  line-height: 61px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  font-weight: 300;
  border: 1px solid #2c2c2c;
  background: #2c2c2c;
  padding: 0 20px;
  border-radius: 0 !important;
  margin: 0 2px;
  vertical-align: 0 !important;
  height: 61px;
  margin-top: 53px;
}
a.btn_admin, .btn_admin {
  display: inline-block;
  color: #d13f4a;
  text-decoration: none;
  vertical-align: middle;
  vertical-align: top;
}
.wrap_b{max-width: 1223px;margin: 0 auto;}
.wrap_b h2{  font-size: 60px;

  font-weight: 800;
  letter-spacing: -1.2px;
position: relative;
  text-align: left;
  color: #000;padding: 100px 0 70px;}
  .wrap_b h2 p{position: absolute;right: 0px;top: 130px;  font-size: 16px;

  font-weight: 300;

  font-stretch: normal;

  font-style: normal;



  letter-spacing: -0.16px;

  text-align: left;

  color: #000;}
    .wrap_b h2 p strong,.txt_agree strong{color: #ff4a46;}
	@media only screen and (min-width : 1000px) {
.menu_aside{display: none !important;}
}
@media only screen and (min-width: 800px) {
    .m_open {
        display: none;
    }
	.menu_aside {
        display: none !important;
    }
}
@media only screen and (max-width : 1000px) {

}

@media only screen and (max-width : 800px) {
.sub_content .img_top img {
  width: 100% !important;
}
.btn_detail_c {

  bottom: 8%;

}
#bo_v_info .profile_info {
  margin: 20px 20px 10px;

}
#bo_v_atc{padding: 15px;}
.slider_main_top, .slider_main_top li {
  height: 100%;
  height: auto;
}
.section_main.section2 .ment,.section_main.section2 .img,.section_main.section2 .in{float: none;width: auto;}
.list_re {
  padding: 52px 17px 52px;
}
.section_main.section2 {
  height: auto;
}
.section_main.section2 .ment .txt1 {
  font-size: 40.5px;
  font-weight: 800;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding: 0 0 20px;
}
.section_main.section2 .ment .txt2,.section_main.section2 .ment .txt2 strong{
  font-size: 15px;

  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding: 0 0 20px;
}
.on .header {
  background: #fff;
}
.on .header .inner h1 a {

  background: url(../img/logo.png) 0 0 no-repeat;

}
.section_main.section2 .img {

  height: 399px;}
.section_main.section2 .ment .txt1 strong{ font-size: 40.5px;}
.section_main.section2 .in {

  padding-top: 34px;
  padding-bottom: 34px;
}
.section_main.section2 .ment {

  height: auto;padding: 0 10px;}
.lang_m{position: absolute;left: 15px;bottom: 35px;padding-left: 15px;background: #fff url(../img/lang_m.png) 0 center no-repeat;background-size: 18px auto;}
.lang_m a{color: #a3a3a3;font-size: 14px;font-weight: 300;display: inline-block;padding: 0 20px;line-height: 25px;}
.lang_m i{font-size: 16px;color: #d6d6d6;font-style: normal;}
.lang_m a.active{color: #000;text-decoration: underline;}
.slider_main_top video{width: 100%;}
.pc{display: none !important;}
.header .lang{display: none;}
.mobile{display: block !important;}
body.on .m_open{display: none !important;}
.header.on .inner h1 a {

}
.list_re .ment {
  position: relative;
  padding: 3px 0 3px 0px;
}
.list_re .ment h3 {
  font-size: 35px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.98;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: static;
  left: 0;
  top: 0;
  margin: 0 0 25px;
}
.list_re .ment li {
  color: #fff;
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
}
.list_re .ment li::after {

  top: 10px;
}
.list_re .img{width: auto;}
.list_re .img{margin: 25px 0 0;}
.list_re .img li {
  width: auto;text-align: center;
  margin: 0 0px 15px 0;
  float: none;
}
.wrap_histoy2 .inner li dl dd {
  font-size: 14px;
  line-height: 1.68;
}
.wrap_histoy2 .inner li strong {
  position: absolute;
  left: 20px;
  top: -6px;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: -0.9px;
  text-align: center;
  color: #000;
}
.wrap_histoy2 .inner li strong {
  position: absolute;
  left: 25px;
  top: -6px;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -0.9px;
  text-align: center;
  color: #000;
}
.wrap_histoy2 .inner li dl {
  position: relative;
  padding: 0 13px 0px 45px;
  font-size: 17px;
}
.wrap_histoy2 h3{margin: 0 0 10px;}
.wrap_histoy2 h3 strong,.wrap_histoy2 h3{font-size: 35px;}
.wrap_histoy2 .inner li {
  margin: 0 0 20px;
}
.wrap_histoy2 ul {
  background: transparent;
  padding: 21px 0 30px 0;
}
.wrap_histoy2 {
  padding: 48px 0 0px;
  background: #fff url(../img/s_bg4.jpg) right 0 no-repeat;
}
.wrap_histoy2 .inner li {
  position: relative;
  padding: 0 0 0px 49px;
  margin: 0 0 31px;
}
  .wrap_histoy2 .inner li strong {
    position: static;
    left: 0;
    top: -6px;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.9px;
    text-align: center;
    color: #000;
  }
.wrap_histoy2 .inner li dl dt {
  font-size: 13px;
  position: absolute;
  left: -0px;
  top: 0;
  font-weight: bold;
}
.wrap_histoy2 .inner li {
  position: relative;
  padding: 0 0 0px 15px;
  margin: 0 0 61px;
}
.wrap_histoy2 .inner li dl dd {
  font-size: 13px;
  line-height: 1.68;
}
.section_main.section3_m li a .txt1 .icon {
  display: block;
  background: url(../img/arrw_banner.png) 0 bottom no-repeat;
  width: 46px;
  height: 14px;
  margin: 33px 0 0;background-size: 48px auto;
}
.section_main.section4 .ment {

  background: #fff url(../img/bg_main_1_1.png) right 59px no-repeat;
  background-size: 348px auto;
}
.section_main.section4{height: auto;}
.section_main.section4 .img,.section_main.section4 .ment{width: 100%;float: none;}
.section_main.section4 .img{height: 395px;}
.section_main.section4 .ment{height: auto;}
.section_main.section3_m li a .txt1{  font-size: 25px;

  font-weight: bold;


  letter-spacing: -0.8px;
padding-left: 20px;
  text-align: left;
position: absolute;left: 0;bottom: 25px;
  color: #fff;}
.section3_m img{width: 100%;}
.section_main.section4 .in {
  width: auto;
  float: none;
  padding-top: 72px;
  padding-left: 28px;
  padding-bottom: 52px;
}
.section_main.section4 .ment .txt2 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding: 0 0 20px;
}
.section_main.section5 {
  background: url(../img/img_main_m4.jpg) center center no-repeat;
    background-size: auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.list_history {
  margin: 0px 0 0 50px;
  padding-bottom: 34px;
  background: url(../img/line_m.png) 0 0 no-repeat;
  background-size: 22px auto;
}
.section_main.section6 .inner{padding:0 15px;}
.section_main h2 .txt1 strong {
  font-size: 29.5px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -1.31px;
  text-align: center;
  color: #000;
}
.section_main.section6 .info p {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: top;
  margin: 0 0px 10px 0;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.footer h1 {
  position: static;
 margin: 0 0 20px;
}
  .top {
    position: absolute;
    right: 24px;
    bottom: 122px;
    z-index: 999999;
  }
.section_main.section7 {
  background: #f5f6f7;
  padding: 0 0 00px;
}
.section_top .inner .ment .txt1 {
  padding: 0 0 20px;
  font-size: 26.5px;
  font-weight: 800;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  mix-blend-mode: none;
}
.wrap {
  padding-top: 63px;
}
.img_top1 img {
  width: 100% !important;
}
.img_top1,.img_top3,.img_top4,.img_top5 {
  padding: 37px;
}
.wrap_prd .txt .in {
  width: auto;
  float: none;
  margin: 33px 15px 35px 15px;
}
.wrap_prd .img,.wrap_prd .txt{float: none;height: auto;width: 100%;}
.wrap_prd .img{padding: 35px 30px;}
.wrap_prd .img img{width: 100%;}
.wrap_prd.right .txt .in {
  float: none;
}
.wrap_prd.right .img {
  float: none;
}
.section_top .inner{position: relative;}
.section_top .inner .ment {
  position: absolute;
  top: 30% ;
  max-width: 1240px;
  margin: 0 auto;
  z-index: 9999;
  mix-blend-mode: none;
  background: #fff;
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  left: 15px;
}
.wrap_prd .txt h3 {
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  font-weight: 800;
  letter-spacing: normal;
  text-align: left;
  font-size: 25.5px;
  color: #000;
  margin: 0 0 25px;
}
.table_style1 table th {
  padding: 15px 0;
  font-size: 15px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  height: 47px;
  background: #005fac;
}
.table_style1 table td {
  padding: 11px 15px;
  color: #5c5c5c;
  font-weight: 300;
  font-size: 17px;
  border-bottom: 1px solid #dadada;
  text-align: center;
  line-height: 20px;
  line-height: 25px;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  color: #000;
}
.wrap_prd .img::after,.wrap_prd.right .img::after {
  content: '';
  position: absolute;
  top: auto;
  width: 78px;
  height: 32px;
  background: url(../img/arrow_prd.png) 0 0 no-repeat;
  right: auto;
  bottom: 0%;
  left: 50%;
  margin-left: -39px;
}
.section_top .inner .txt2 {
  font-size: 16px;
  font-weight: 500;color: #fff;}
.section_top {
  height: auto !important;
}
.table_style2 tr td p, .txt_agree p {
  padding: 10px 0 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.17px;
  text-align: left;
  color: #000;
}
#bo_w .write_div {
  margin: 10px 10px;
  position: relative;
}
.gall_img{height: auto !important;}
#bo_btn_top{display: none;}
.gall_row .col-gn-3 {
  width: 50% !important;
}
#bo_gall .gall_text_href a {
  font-weight: bold;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.24px;
  text-align: left;
  color: #000;
  padding: 10px 5px;
}
.gall_row .box_clear {
  clear: inherit !important;
}
#bo_gall{padding:  0 10px;}
#bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: -0.15px;
  text-align: left;
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  padding: 0 8px;
}
#bo_w .btn_submit, #bo_w button.btn_submit, .btn_submit:hover, .btn_submit, a.btn_submit{margin-bottom: 50px;}
.txt_agree .txt {
  text-align: left;
  font-size: 12px;
  font-weight: 300;
  margin: 10px 0 0;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: -0.16px;
  text-align: left;
  box-shadow: 0 0 0 0 #fff, inset 0 0 0 0 #fff, inset 0 0 0 1px #d8d8d8;
  background-color: #f5f7f8;
  color: #989898;
  padding: 10px 20px;
}
.table_style2 table td {
  padding: 7px 10px 7px 10px;
  font-weight: 300;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
  background: #fff;
}
.table_style2 .input_style {
  width: 100%;
  height: 33px;
  padding: 0 10px;
  line-height: 41px;
  border: 1px solid #d1d1d1;
  color: #333333;
  font-size: 13px;
  box-sizing: border-box;
  vertical-align: top;
}
.table_style2 table td label {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.16px;
  margin: 0 5px 10px 0;
  text-align: left;
  display: inline-block;
  color: #333;
}
.wrap_b h2 {
  font-size: 33px;
  font-weight: 800;
  letter-spacing: -1.2px;
  position: relative;
  text-align: left;
  color: #000;
  padding: 36px 10px 16px;
}
.hero-section img {
  width: auto;
  position: static;
  transform: translate(0%);
  max-width: 100%;
  background: #000;
}
.footer .address {
  line-height: 1.69;
  letter-spacing: 0.32px;
  text-align: left;
  color: #8b8b8b;
  font-size: 12px;
  padding: 0 0 5px;
}
.footer h1 img{
 width: 130px;
}
.footer .inner {
  max-width: 1237px;
  margin: 0 auto;
  position: relative;
  padding: 32px 0 34px 20px;
}
.section_main.section6 {
  background: #fff;
  padding: 0 0 30px;
}
.section_main.section6 .info {
  padding: 24px 0 24px;
}
.section_main.section6 .map {
  width: auto;
  overflow: hidden;
}
.section_main.section6 .map li {
  width: auto;
  float: none;
  margin: 0 0px 25px 0;text-align: center;
}
.section_main.section6 .map li img{width: 100%;}
.list_history ul{padding-top: 0px;}
.list_history .line,.list_history .dot{display: none;}
.list_history li {
  position: relative;
  padding-left: 45px;
  height: auto;
}
.list_history p {
  text-align: left;
  color: #fff;
  font-size: 15.5px;
  line-height: 1.51;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-left: 15px;
  position: relative;
}
.list_history p::after {
  content: '-';
  left: 0;
  top: 0;
  position: absolute;
  color: #fff;
  font-size: 13.5px;
  line-height: 1.51;
}

.list_history li:nth-child(2n) .in{left:0px;position: relative;}
.list_history li:nth-child(3) h3{margin-top: 28px;}
.list_history li:nth-child(4) h3{margin-top: 10px;}
.list_history li:nth-child(5) h3{margin-top: 28px;}
.list_history li:nth-child(6) h3{margin-top: 8px;}
.list_history li:nth-child(7) h3{margin-top: 28px;}
.list_history li:nth-child(8) h3{margin-top: 8px;}
.list_history li:nth-child(9) h3{margin-top: 28px;}
.list_history h3 {
  font-size: 30px;
  font-weight: 800;
  text-align: left;
  color: #fff;
  padding: 16px 0 10px;
}
.section_main h2 .txt1 {
  font-size: 28.5px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: -1.31px;
  text-align: center;
  color: #fefefe;
  padding: 51px 0 44px;
}
.banner img{width: 100px;}
.section_main.section4 .ment .txt1,.section_main.section4 .ment .txt1 strong {
  font-size: 40.5px;}
.section3_m li{position: relative;}
.m_menu h1{display: none !important;}
.m_open {
    display: block;
    width: 26px;
    margin-top: 0;
	font-size:0 ;
	height: 20px;
    position: absolute;
    right: 5px;
    top: 20px;
    background: transparent;
    border: 0;
	background: url('../img/manu_m_b.png') 0 0 no-repeat;
	background-size: 26px auto;cursor: pointer;
	z-index: 999;


}

.m_open, nav.menu_aside {
    display: none;
}
.header{text-align: left;}
.header.on{border: 0;}
.on .m_open{
background: url('../img/menu_m.png') 0 0 no-repeat;
	background-size: 26px auto
}
.header .inner {
    margin: 0 0px;
}
.m_open img {
    width: 100%;
}
.menu_aside .top_n{background: #00023c;line-height: 65px;padding: 0 10px;color: #fff;position: relative;}
.menu_aside .top_n .wrap_btn{position: absolute;right: 10px;top: 15px;}
.header .gnb{display: none !important;}
.menu_aside .top_n .wrap_btn .btn_style {
  background: #fff;
  width: 72px;
  line-height: 33px;
  color: #000;
  text-align: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin: 0 1px;
}

.m_menu .gnb_m{padding: 10px 0;background: #fff;}
.m_menu .btn_area{background: #fff;border-top: 1px solid #f3f3f3;padding: 15px 0;}
.m_menu .gnb_m ul li {
	line-height:45px;
}
.slider_main_top .ment p.txt1 img{width: 236px;}
.main #section3 {
  padding: 35px 0;
  background: url(../img/img_main_sec03_m.jpg) center 0 no-repeat;
    background-size: auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.list_img_sol{width: 239px;margin: 0 auto;}
.main #section3 li {
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff;
  box-sizing: border-box;
  border-left: 1px solid #dfe0e0;
  height: 383px;
  float: none;
}

.m_menu .gnb_m ul li a{display: block;padding: 0 15px;font-weight: 500;font-size:16px;color:#2a2d35;}
.m_menu .gnb_m ul li a.big{
	background: #fff url('../img/arrw_m.png') calc(100% - 20px) 50% no-repeat;
background-size: 13px auto;

text-transform: uppercase;
}
.list_img_banner{text-align: center;}
.main #section5 .list_banner {
  overflow: hidden;
  width: auto;
}
.list_img_banner li {
  width: 280px;
  height: auto;
  float: none;
  text-align: center;
  margin: 0 auto 19px;
 
  position: relative;
  cursor: pointer;
  overflow: hidden;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.main #section5 {
  padding: 150px 0 10px;
}

.main #section5 .list_banner li {
  width: auto;
  float: none;
  margin: 0 0 49px 0;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.main #section5 .list_banner li img{width: 100%;}
.list_img_banner li img{width: 100%;}
.list_img_banner li .ment{display: none !important;}
.m_menu .gnb_m ul ul li {
    line-height: 15px;
	margin: 0;
}
.main #section5 .list_banner li .ment strong {
  display: block;
  font-size: 17px;
  color: #2ecb90;
}
.main #section5 .list_banner li .ment p {
  padding: 10px 0 32px;
  font-size: 13px;
  color: #d2d2d2;
  line-height: 1.5;
  letter-spacing: -0.5px;
  font-weight: 200;
}
nav.on .m_menu {
    transform: translateX(0);
}


.m_menu {
z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
   background: #fff;
    transform: translateX(60%);
    transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
	z-index:9999
}
.on .wrap{
    transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
	width: 100%;
	
}
.header .inner,.header {
    height: 63px !important;
}
.header .inner h1 {
    padding: 11px 0 0 0px;
}
.list_re .img li img{width: 100%;}
.header {
  padding: 0 15px;
}
.main #section6 {
  padding: 80px 0;
  background:  url(../img/img_main_sec01_m.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.main #section1 {
  padding: 80px 0;
  background:  url(../img/img_main_sec01_m.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.main #section1 .ment p.txt1,.main #section1 .ment p.txt1 strong{font-size: 13px;}
.main #section1 .ment p.txt2,.main #section1 .ment p.txt2 strong{font-size: 23px;}
.main #section1 .ment p.txt3,.main #section1 .ment p.txt3 strong{font-size: 11px;}
.main #section2 {
  padding: 35px 0;
}

.main #section1 {
  padding: 49px 0;
}
.main .section .inner {
padding: 0 10px;
}
a.detail {
  display: inline-block;
  padding: 2px 28px 2px 0;
  font-size: 13px;
  color: #3eebab !important;
  font-weight: 600;
  background: url(../img/arrow_main_detail.png) 100% 3px no-repeat;
  line-height: 1;
  vertical-align: top;
}
.main #section2 .ment p.txt1,.main #section2 .ment p.txt1 strong{font-size: 25px;}
.main #section2 .ment p.txt2,.main #section2 .ment p.txt2 strong{font-size: 12px;}
.main #section2 .ment,.main #section2 .img {
  width: auto;
  float: none;
  padding: 10px 0 30px;
}
.main #section2 .ment p.txt2{padding: 0;}
.main #section2 .img img{width: 100%;}
.main #section2 .bx-controls-direction {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 24px;
  margin-left: -75px;
}
.main #section2 {
  padding: 35px 0;
  background:  url(../img/img_main_sec02_m.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.main #section2 .bx-wrapper .bx-pager{display: none;}
.header .logo {
    display: inline-block;
}
.header .logo img{width: 47px;}
.m_menu .top {
    padding: 15px 15px 15px;
	background:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	position: relative;
	height: 63px;
	right: auto;bottom: auto;

}

.m_menu .top img{width: 120px;}
.m_menu .top h1{display: inline-block;}
.ovh {
    overflow: hidden;
}
.m_menu .logo {
    margin-top: 20px;
}
.fl {
    float: left;
}

.m_close {
    display: block;
    width: 27px;
    height: 27px;
    margin-top: 15px;
    background: #fff url('../img/close_m.png') 0 0 no-repeat;
        background-size: auto;
    background-size: 20px auto;
    text-indent: -9999px;
	    position: absolute;
    right: 10px;
	top: 2px;
	border:0;z-index: 999999999;
}
.menu_aside {
right: 0;
    height: 100%;
    width: 60%;
    position: absolute;
    z-index: 999999999;
}
.menu_aside:after{content: '';position: fixed;width: 100%;height: 100%;left: 0;top: 63px;background: rgba(0, 0, 0, 0.37);z-index: 999;}
.m_menu .list_lang li a{font-weight: 300;}
.gnb_m{}
.slider_main_top.mobile{height: 700px;overflow: hidden;}
.m_menu > ul {
    width: 100%;
    height: calc(100% - 60px);
    overflow-y: auto;
}
.m_menu > ul > li {
    padding: 0px;
}
.m_menu > ul button {
    display: block;
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    text-align: left;
    font-size: 2rem;
    font-weight: 700;
    background: #113775 url('/img/arrow_down.png') calc(100% - 20px) 50% no-repeat;
        background-size: auto;
    background-size: 12px auto;
	border: none;
}
.m_menu .sub {
    display: none;
	background: #fff;

}
.m_menu ul li .sub li {

}
.m_menu ul li .sub li:last-child{border-bottom:0}
.m_menu .sub {
	padding: 15px 0;
	background: #f1f1f1;

}

.m_menu .gnb_m ul ul li a{font-size:15px ;color: #000;font-weight:300 ;line-height: 32px;padding-left: 30px;position: relative;display: block;border-bottom: 0;}

.m_menu .gnb_m ul li a.big.on {
    background: #fff url('../img/arrow_up.png') calc(100% - 20px) 50% no-repeat;
    background-size: 10px auto;
}
.sub_top{
background-size: auto 160px !important;
height: 160px;
}
.sub_top strong img{width: 120px;line-height: 1;}

.sub_top strong {
    padding: 41px 0 10px;
	line-height: 1;
	font-size: 0;
}
.sub_top p {
    font-size: 11px;
    line-height: 19px;
    font-weight: 100;
	padding: 0 10px;
}
.m_menu .info_top{position: absolute;left: 13px;top: 21px;}
.m_menu .info_top li{display: inline-block;padding: 0 8px;position: relative;}
.m_menu .info_top li:before{content:'';display: block;width: 1px;height: 11px;background:#3f84b5;left: -1px;position: absolute;top: 1px;}
.m_menu .info_top li:first-child:before{display: none;}
.m_menu .info_top li a{font-weight:100 ;font-size:11px ;color: #fff;}
.m_menu .btn_member{text-align:center;padding: 57px 0 0;}
.m_menu .btn_member .btn_style {
	min-width: 83px;
    width: 83px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background: #3f84b5;
font-size: 12px;
text-align: center;
color:#fff;
    font-weight: 300;
    vertical-align: top;
    border-radius: 0;
    margin: 0 2px;
	padding: 0;
}
.header .inner h1 a {
  width: 137px;
  background-size: 137px auto !important;
}

}
@media only screen and (max-width : 400px) {

}
@media only screen and (max-width : 320px) {
	
}