@charset "UTF-8";
.row { padding: 0 20px; }

.inner { max-width: 1460px; margin: 0 auto; position: relative; }

.inner:after { content: ""; display: block; clear: both; overflow: hidden; }

/* -----------------------------
      header
----------------------------- */
#brand_header { position: fixed; top: 0; left: 0; width: 100%; z-index: 20; transition: all 0.3s; }

.header_g { position: relative; margin: 0 auto; max-width: 1400px; text-align: center; }

.header_g .brand { position: absolute; left: 0; top: 36px; transition: all 0.3s; }

.header_g .brand a { display: block; vertical-align: top; line-height: 1; background: url(../img/common/logo_v1.png) no-repeat 0 0; width: 155px; height: 30px; }

#navigation { display: inline-block; padding: 36px 0 0; position: relative; }

#navigation:after { content: ""; display: block; position: absolute; top: 100px; left: 50%; width: 350%; height: 0; background: #fff; transform: translateX(-50%); transition: all 0.3s; }

.lang_menu { position: absolute; right: 0; top: 36px; border: 1px solid #bbb; }

.lang_menu a { display: block; float: left; text-align: center; text-transform: uppercase; color: #ccc; width: 60px; font-size: 15px; height: 25px; line-height: 25px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/* .lang_menu a.active { color: #2ac4f0; } */
.lang_menu a.active { color: #0F6BFF; }

.lang_menu a + a { border-left: 1px solid #bbb; }

.mn1 { position: relative; display: inline-block; }

.mn1 .treemenu { display: block; font-size: 17px; font-weight: 700; color: #fff; transition: all 0.3s; text-decoration:none;}

.mn2 { z-index: 4; transition: all 0.3s; }

.mn2 ul li a { display: block; font-size: 16.5px; color: #333333; }

.mn3 { display: none; }


  #top_gnb .mn2 ul li a.treemenu_v2{}

  
@media (max-width: 1290px) {   
.mn1 .treemenu { font-size: 15px;}
.mn2 ul li a { font-size: 15px;  }
}

/* -----------------------------
      데스크탑 전용 메뉴
----------------------------- */
@media (min-width: 1001px) { .mn1 .treemenu { padding: 5px 0.6vw 0; height: 63px; }
  /* .mn1 .treemenu:after { content: ""; display: block; position: absolute; left: 50%; width: 0; bottom: 0; transition: all 0.3s; height: 2px; background: #46caf0; transform: translateX(-50%); } */
  .mn1 .treemenu:after { content: ""; display: block; position: absolute; left: 50%; width: 0; bottom: 0; transition: all 0.3s; height: 2px; background: #0F6BFF; transform: translateX(-50%); }
  .mn1:hover .treemenu { color: #2ac4f0 !important; }
  .mn1:hover .treemenu { color: #0F6BFF !important; }
  .mn1:hover .treemenu:after { width: 110px; }
  .mn2 { position: absolute; top: 63px; left: 0; right: 0; opacity: 0; visibility: hidden; min-height: 300px; }
  .mn2 ul { padding-top: 24px; }
  .mn2 ul li + li { padding-top: 20px; }
  .mn2 ul li + li a { text-align: center; } }

/* -----------------------------
      header active
----------------------------- */
@media (min-width: 1001px) { #brand_header.menu_on { background-color: #fff; border-bottom: 1px solid #cccccc; }
  #brand_header.menu_on .header_g .brand a { background-image: url(../img/common/logo_v2.png); }
  #brand_header.menu_on .lang_menu a { color: #666; }
  /* #brand_header.menu_on .lang_menu a.active { color: #2ac4f0; } */
  #brand_header.menu_on .lang_menu a.active { color: #0F6BFF; }
  #brand_header.menu_on #navigation { transition: all 0.3s; }
  #brand_header.menu_on #navigation:after { height: 420px; z-index: 3; border-bottom: 1px solid #ccc; }
  #brand_header.menu_on #top_gnb .mn1 .treemenu { color: #000; }
  #brand_header.menu_on #top_gnb .mn2 { opacity: 1; visibility: visible; }
  #brand_header.sticky { background-color: #fff; border-bottom: 1px solid #cccccc; }
  #brand_header.sticky .header_g .brand { top: 20px; }
  #brand_header.sticky .header_g .brand a { background-image: url(../img/common/logo_v2.png); }
  #brand_header.sticky #navigation { padding-top: 20px; }
  #brand_header.sticky #navigation:after { top: 66px; }
  #brand_header.sticky .lang_menu { top: 20px; }
  #brand_header.sticky .lang_menu a { color: #666; }
  /* #brand_header.sticky .lang_menu a.active { color: #2ac4f0; } */
  #brand_header.sticky .lang_menu a.active { color: #0F6BFF; }
  #brand_header.sticky #top_gnb .mn1 .treemenu { color: #000; height: 45px; }
  #brand_header.sticky #top_gnb .mn2 { top: 45px; } }

.trigger { position: absolute; right: 0; top: 40px; z-index: 10; opacity: 0; visibility: hidden; }

.trigger .wrap { position: relative; cursor: pointer; display: block; width: 40px; height: 31px; }

.trigger .bar { display: block; position: absolute; background: #fff; height: 3px; width: 40px; right: 0; transition: all 0.3s; }

.trigger .bar:nth-child(1) { top: 0; }

.trigger .bar:nth-child(2) { top: 14px; }

.trigger .bar:nth-child(3) { top: 28px; }

/* -----------------------------
      mobile header
----------------------------- */
@media (max-width: 1409px) { .header_g { margin: 0 25px; } }

@media (max-width: 999px) { .header_g { margin: 0 25px; }
  .header_g .brand { top: 20px; }
  .header_g .brand a { width: 138px; height: 26px; background-size: 100% auto; }
  .lang_menu { top: 20px; }
  .trigger { top: 20px; opacity: 1; visibility: visible; }
  .trigger .wrap { width: 20px; height: 15px; }
  .trigger .wrap .bar { height: 1px; width: 100%; }
  .trigger .wrap .bar:nth-child(2) { top: 7px; }
  .trigger .wrap .bar:nth-child(3) { top: 14px; }
  #navigation { display: block; position: fixed; width: 90%; right: 0; top: 0; height: 100vh; transform: translateX(100%); padding-top: 0; transition: all 0.3s; }
  #navigation:after { position: absolute; left: 0; top: 0; background: #000; height: 100%; opacity: 0; visibility: hidden; }
  #top_gnb { height: 100%; background: #fff; padding-top: 54px; z-index: 4; position: relative; overflow-y: auto; }
  #top_gnb .mn1 { display: block; }
  #top_gnb .mn1:first-child { border-top: 1px solid #ddd; }
  #top_gnb .mn1 .treemenu { color: #000; text-align: left; border-bottom: 1px solid #ddd; padding: 15px 20px; background: #fff url(../img/common/arrow_d2.png) no-repeat 95% 50%; background-size: 11px auto; font-size: 16px; }
  #top_gnb .mn1 .treemenu.on + .mn2 { display: block; }
  #top_gnb .mn2 { position: static; top: 0; min-height: 0; background: #f7f7f7; display: none; border-bottom: 1px solid #ddd; padding: 10px 0; }
  #top_gnb .mn2 ul li a { text-align: left; padding: 10px 10px 10px 25px; font-size: 13px; }
  #top_gnb .mn2 ul li a.treemenu_v2 { background: url(../img/common/arrow_d3.png) no-repeat 95% 50%; background-size: 10px auto; }
  #top_gnb .mn2 ul li a.treemenu_v2.on + .mn3 { display: block; }
  #top_gnb .mn3 { background: #444444; padding: 10px 0; }
  #top_gnb .mn3 ul li a { color: #fff; font-size: 12px; }
  .lang_menu { position: fixed; transform: translateX(100%); transition: all 0.3s; }
  #brand_header.mobile_on #navigation { transform: translateX(0); }
  #brand_header.mobile_on #navigation:after { opacity: 0.5; visibility: visible; }
  #brand_header.mobile_on .lang_menu { transform: translateX(0); right: inherit; left: 15%; }
  #brand_header.mobile_on .trigger .wrap .bar { background: #000; }
  #brand_header.mobile_on .trigger .wrap .bar:nth-child(1) { transform: rotate(45deg); top: 7px; right: -5%; }
  #brand_header.mobile_on .trigger .wrap .bar:nth-child(3) { transform: rotate(-45deg); top: 7px; right: -5%; }
  #brand_header.mobile_on .trigger .wrap .bar:nth-child(2) { opacity: 0; visibility: hidden; right: -50%; }
  #brand_header.sticky { background: #fff; height: 55px; border-bottom: 1px solid #ddd; }
  #brand_header.sticky .brand a { background: url(../img/common/logo_v4.png) no-repeat 0 0; background-size: 100% auto; width: 120.5px; height: 16px; }
  #brand_header.sticky .trigger .wrap .bar { background-color: #000; } }

/* -----------------------------
      small mobile header
----------------------------- */
@media (max-width: 719px) { .swiper-button-next:after, .swiper-button-prev:after { font-size: 36px; } }

/* -----------------------------
      sub header
----------------------------- */
#brand_header.v2 { border-bottom: 1px solid #ccc; background: #fff; }

#brand_header.v2 .header_g .brand a { background-image: url(../img/common/logo_v2.png); }

@media (min-width: 1001px) { #brand_header.v2 .mn1 .treemenu {padding: 5px 1.2vw 0;  font-size: 17px; color: #000; position: relative; }
  #brand_header.v2 .mn1 .treemenu:before { content: ""; display: block; position: absolute; left: 0; top: 15px; width: 2px; height: 2px; background: #7f7f7f; }
  #brand_header.v2 .mn1:first-child .treemenu:before { display: none; } }

#brand_header.v2 .trigger .wrap .bar { background-color: #000; }

@media (max-width: 999px) { #brand_header.v2 { height: 55px; }
  #brand_header.v2 .header_g .brand a { background: url(../img/common/logo_v4.png) no-repeat 0 0; background-size: 100% auto; width: 120.5px; height: 16px; } }

/* -----------------------------
      footer
----------------------------- */
#footer { background: #252525; text-align: left; }
#footer_tit { font-weight: 900; margin-right: 10px; }

.foot_link { padding: 24px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.foot_link a { display: inline-block; color: #999999; font-size: 16.5px; }

.foot_link a + a { padding-left: 1.25vw; margin-left: 1.09375vw; position: relative; }

.foot_link a + a:after { content: ""; display: block; position: absolute; left: 0; top: 3px; height: 10px; width: 1px; background: #666666; }

.foot_addr { padding: 45px 0; position: relative; }

.foot_addr span { display: inline-block; font-size: 15px; color: #999999;line-height: 24px; }

.foot_addr span a { color: #999999; }

.foot_addr span + span { padding-left: 0.52083vw; margin-left: 0.52083vw; position: relative; }

.foot_addr span + span:after { content: ""; display: none; position: absolute; left: 0; top: 3px; height: 10px; width: 1px; background: #666666; }

.foot_addr .copy { padding: 10px 0 0; color: #666; }

.foot_logo { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 138px; height: 26px; background: url(../img/common/logo_foot.png) no-repeat 0 0; opacity: 1; visibility: visible; transition: 0.3s all; }

.foot_addr, .foot_link { max-width: 1460px; margin: 0 auto; }

.foot_addr>.footer_tit_wrap { border: 1px solid #999; border-radius: 20px; width: 200px; height: 30px;background-color: #999; color: #fff; text-align: center;  line-height: 30px; }

.foot_addr>.footer_tit_wrap strong { font-weight: 900; margin-right: 10px; }

.foot_addr span.footer_tit { margin-right: 10px;  }


@media (max-width: 1299px) { .foot_logo { opacity: 0; visibility: hidden; } }

@media (max-width: 719px) { .foot_link { padding: 10px 0;text-align: center; }
  .foot_link a { font-size: 11px; }
  .foot_link a + a { margin-left: 10px; padding-left: 11px; }
  .foot_link a + a:after { height: 8px; }
  .foot_addr { padding: 15px 15px; text-align: center;}
  .foot_addr span { font-size: 11px; line-height: 18px; }
  .foot_addr span:first-child { display: block; }
  .foot_addr span + span { padding-left: 9px; margin-left: 8px; }
  .foot_addr span + span:after { height: 8px; }
  .foot_addr span:nth-child(2):after { display: none; }
  .foot_addr .copy { font-size: 11px; } 
	#footer_tit { display: inherit; }
	.footer_tit_blank { display: none!important; }
	.foot_addr>.footer_tit_wrap {width: 100%;}

}
	



#subContent { padding: 115px 0 0; }
/*#subContent.skin_board{padding-bottom: 50px !important;}*/

#breadcrumb { transform: translate(0, 0); transition: all 0.3s; opacity: 1; }

#breadcrumb ul { float: right; overflow: hidden; }

#breadcrumb ul li { float: left; color: #999999; font-size: 15px; font-family:Arial, Helvetica, sans-serif;}

#breadcrumb ul li.home { background: url(../img/common/icon_home.gif) no-repeat 0 0; margin-right: 15px; width: 18px; height: 16px; }

#breadcrumb ul li:nth-child(3) { background: url(../img/common/arrow_sub2.gif) no-repeat 0 50%; padding-left: 23px; margin-left: 20px; }


#breadcrumb ul li .arrow { display: inline-block; color: #000; /*background: url(../img/common/arrow_sub.gif) no-repeat 99% 50%;*/ padding-right: 30px; }

.page_tit { text-align: center; padding: 30px 0 50px; }

.page_tit h1 { font-weight: 600; font-size: 45px; }

.page_tit p{ font-size: 20px;}

@media (max-width: 999px) { .row { padding-left: 25px; padding-right: 25px; }
  #subContent.v2, #subContent { padding: 75px 0 0 !important; }
  .page_tit h1 { font-size: 30px; } 
  
  .page_tit p{ font-size: 16px;}
  }

@media (max-width: 719px) { #breadcrumb { position: absolute; left: -99999em; opacity: 0; visibility: hidden; }
  #subContent.v2, #subContent { padding-top: 55px !important; }
  .page_tit { padding: 25px 0; }
  .page_tit h1 { font-size: 6.25vw; } 
  .page_tit p{ font-size: 4vw;}
    .page_tit p br{display:none;}
	}

#subContent.v2 { padding-top: 100px; }

.subtop { height: 400px; background-size: cover; background: url(../img/sub/2-2-1.jpg) no-repeat 50% 0; }
.subtop1 { height: 400px; background-size: cover; background: url(../img/sub/2-2-1_01.jpg) no-repeat 50% 0; }
.subtop2 { height: 400px; background-size: cover; background: url(../img/sub/2-2-1_02.jpg) no-repeat 50% 0; }
.subtop3 { height: 300px; background-size: cover; background: url(../img/sub/2-2-1_03.jpg) no-repeat 50% 0; }
.subtop4 { height: 400px; background-size: cover; background: url(../img/sub/2-2-1_04.jpg) no-repeat 50% 0; }
.subtop5 { height: 400px; background-size: cover; background: url(../img/sub/2-2-1_05.jpg) no-repeat 50% 0; }
.subtop6 { height: 300px; background-size: cover; background: url(../img/sub/2-2-1_06.jpg) no-repeat 50% 0; }
.subtop7 { height: 400px; background-size: cover; background: url(../img/sub/2-2-1_07.jpg) no-repeat 50% 0; }


.top_iot{height: 300px; }

.subtop1 #breadcrumb,.subtop2 #breadcrumb,.subtop3 #breadcrumb,.subtop4 #breadcrumb,.subtop5 #breadcrumb,.subtop6 #breadcrumb,.subtop5 #breadcrumb,.subtop7 #breadcrumb { padding-top: 15px; }

.subtop1 #breadcrumb ul li,.subtop2 #breadcrumb ul li,.subtop3 #breadcrumb ul li,.subtop4 #breadcrumb ul li,.subtop5 #breadcrumb ul li,.subtop6 #breadcrumb ul li ,.subtop7 #breadcrumb ul li{ color: #f3f3f3; }

.subtop1 #breadcrumb ul li.home,.subtop2 #breadcrumb ul li.home,.subtop3 #breadcrumb ul li.home,.subtop4 #breadcrumb ul li.home,.subtop5 #breadcrumb ul li.home,.subtop6 #breadcrumb ul li.home,.subtop7 #breadcrumb ul li.home { background-image: url(../img/common/icon_home_v2.png); }

.subtop1 #breadcrumb ul li:nth-child(3),.subtop2 #breadcrumb ul li:nth-child(3),.subtop3 #breadcrumb ul li:nth-child(3),.subtop4 #breadcrumb ul li:nth-child(3),.subtop5 #breadcrumb ul li:nth-child(3),.subtop6 #breadcrumb ul li:nth-child(3),.subtop7 #breadcrumb ul li:nth-child(3) { background-image: url(../img/common/arrow_sub2_v2.png); }

.subtop1 #breadcrumb ul li .arrow,.subtop2 #breadcrumb ul li .arrow,.subtop3 #breadcrumb ul li .arrow,.subtop4 #breadcrumb ul li .arrow,.subtop5 #breadcrumb ul li .arrow,.subtop6 #breadcrumb ul li .arrow,.subtop7 #breadcrumb ul li .arrow { color: #f3f3f3; /*background-image: url(../img/common/arrow_sub_v2.png);*/ }

.subtop_wrap { text-align: center; }

.subtop_tit { color: #fff; font-weight: 700; font-size: 45px; padding: 90px 0 50px; }

.sub_tabmenu {display:block; overflow: hidden; /*width: 85%;*/ margin: 0 7%; }

.sub_tabmenu2 {display:block; overflow: hidden; /*width: 85%;*/ /*margin: 0 7%;*/ }
#main-nav{display:none;}
.sub_tabmenu.len1 li { width: 100%; }

.sub_tabmenu.len2 li { width: 50%; }

.sub_tabmenu.len3 li { width: 33.3%; }

.sub_tabmenu.len4 li { width: 25%; }

.sub_tabmenu2.len9 li { width: 33.3%; }

.sub_tabmenu2.len9 li:nth-child(4), .sub_tabmenu2.len9 li:nth-child(7), .sub_tabmenu2.len9 li:nth-child(7) , .sub_tabmenu2.len9 li:nth-child(10){ margin-left: 0px; }

.sub_tabmenu li { float: left; position: relative; border: 1px solid #ccc; z-index: 1; }

.sub_tabmenu li + li { margin-left: -1px; }

/* .sub_tabmenu li.current { border-color: #26b7ed; z-index: 2; }

.sub_tabmenu li.current a { color: #26b7ed; } */

.sub_tabmenu li.current { border-color: #0F6BFF; z-index: 2; }

.sub_tabmenu li.current a { background-color: #0F6BFF; color: #fff; }

.sub_tabmenu li a { display: block; color: #fff; font-size: 18px; text-align: center; height: 58px; line-height: 58px; }
.len9 li a {font-size: 15px; letter-spacing:-1px; color: #000; }


.sub_tabmenu2 li { float: left; position: relative; border: 1px solid #ccc; z-index: 1; font-family:nanum-gothic;}

.sub_tabmenu2 li + li { margin-left: -1px; }

/* .sub_tabmenu2 li.current { border-color: #26b7ed; z-index: 2; }

.sub_tabmenu2 li.current a { color: #26b7ed; background:#fff; font-weight:400;} */

.sub_tabmenu2 li.current { border-color: #0F6BFF; z-index: 2; }

/* .sub_tabmenu2 li.current a { color: #0F6BFF; background:#fff; font-weight:400;} */
.sub_tabmenu2 li.current a { color: #fff; background:#0F6BFF; font-weight:400;}

.sub_tabmenu2 li a { display: block; color: #fff; font-size: 16px; text-align: center; height: 58px; line-height: 58px; }
.len9 li a {/*font-size: 15px;*/ letter-spacing:-1px; color: #000; }


.subtop_wrap02 { text-align: center; }

.page_tabmenu { overflow: hidden; width: 100%;}

.page_tabmenu.len2 li { width: 50%; }

.page_tabmenu li { float: left; position: relative; border: 1px solid #ccc; z-index: 1; }

.page_tabmenu li + li { margin-left: -1px; }

/* .page_tabmenu li.current { border-color: #26b7ed; z-index: 2; }

.page_tabmenu li.current a { color: #26b7ed; } */

.page_tabmenu li.current { border-color: #0F6BFF; z-index: 2; }

.page_tabmenu li.current a { color: #0F6BFF; }

.page_tabmenu li a { display: block; color: #000; font-size: 18px; text-align: center; height: 58px; line-height: 58px; }


@media (max-width: 1400px) { .sub_tabmenu { width: 96%; margin: 0 2%; } 
 .sub_tabmenu2 { width: 96%; margin: 0 2%; }
 .sub_tabmenu2.len9 li{ width: 50%; } 
 .sub_tabmenu2.len9 li:nth-child(3), .sub_tabmenu2.len9 li:nth-child(5), .sub_tabmenu2.len9 li:nth-child(7) , .sub_tabmenu2.len9 li:nth-child(9){ margin-left: 0px; }
}

@media (max-width: 1200px) { 
.sub_tabmenu2.len9 li{ width: 50%; } 

}

@media (max-width: 999px) { 
.sub_tabmenu li a { font-size: 14px; } 
.sub_tabmenu2 li a { font-size: 14px; } }

@media (max-width: 759px) { 
.subtop { height: 18vw; background-image: url(../img/sub/2-2-1-m1.jpg); background-size: 100% 100%; }
.subtop1 { height: 18vw; background-image: url(../img/sub/2-2-1-m_01.jpg); background-size: 100% 100%; }
.subtop2 { height: 18vw; background-image: url(../img/sub/2-2-1-m_02.jpg); background-size: 100% 100%; }
.subtop3 { height: 18vw; background-image: url(../img/sub/2-2-1-m_03.jpg); background-size: 100% 100%; }
.subtop4 { height: 18vw; background-image: url(../img/sub/2-2-1-m_04.jpg); background-size: 100% 100%; }
.subtop5 { height: 18vw; background-image: url(../img/sub/2-2-1-m_05.jpg); background-size: 100% 100%; }
.subtop6 { height: 18vw; background-image: url(../img/sub/2-2-1-m_06.jpg); background-size: 100% 100%; }
.subtop7 { height: 18vw; background-image: url(../img/sub/2-2-1-m_07.jpg); background-size: 100% 100%; }
.top_iot{height: 22vw; }


  .subtop_tit { font-size: 22px; padding: 40px 0 20px; }
 /* .sub_tabmenu li { width: 50% !important; }*/
  .sub_tabmenu{display:none;}  
.sub_tabmenu.len1 li { width: 100%; }
.sub_tabmenu.len2 li { width: 100%; }
.sub_tabmenu.len3 li { width: 100%; }
.sub_tabmenu.len3 li:nth-child(2){margin: -1px 0 0 0; }
.sub_tabmenu.len4 li { width: 50%; }  
.sub_tabmenu2.len9 li{ width: 50%; }  
  
  .sub_tabmenu li:nth-child(3), .sub_tabmenu li:nth-child(4) { margin-top: -1px; }
  .sub_tabmenu li + li { margin-left: 0; }
  .sub_tabmenu li:nth-child(2), .sub_tabmenu li:nth-child(4) { margin-left: -1px; }
  .sub_tabmenu li a { font-size: 12px; height: 30px; line-height: 30px; } 

  .page_tabmenu.len2 li { width: 100%; }
.page_tabmenu li a { font-size: 12px; height: 30px; line-height: 30px;}
  
  .sub_tabmenu2{display:none;}
  #main-nav{display:block;}
.sub_tabmenu2.len9 li:nth-child(3), .sub_tabmenu2.len9 li:nth-child(4), .sub_tabmenu2.len9 li:nth-child(5), .sub_tabmenu2.len9 li:nth-child(6), .sub_tabmenu2.len9 li:nth-child(7), .sub_tabmenu2.len9 li:nth-child(8), .sub_tabmenu2.len9 li:nth-child(9) { margin-top: -1px; }
.sub_tabmenu2.len9 li + li { margin-left: 0; }
.sub_tabmenu2.len9 li:nth-child(2), .sub_tabmenu2.len9 li:nth-child(4), .sub_tabmenu2.len9 li:nth-child(6), .sub_tabmenu2.len9 li:nth-child(8) { margin-left: -1px; }
.sub_tabmenu2.len9 li a { font-size: 12px; height: 30px; line-height: 30px; } 
  

  
  }

a.btn_b02, .btn_b02{
  padding:7px !important;
  color: #fff !important;
  display:inline-block;
  text-decoration:none;
  vertical-align:middle;
  boder:0;
}
a.btn_admin, .btn_admin{
  color: #fff !important;
   padding:7px !important;
  background:#444;
  display:inline-block;
  text-decoration:none;
  vertical-align:middle;
  boder:0;
  
}



@media (max-width: 700px) { 
.top_iot{height: 15vw; }
}

@media (max-width: 500px) { 

.subtop,.subtop1,.subtop2,.subtop3,.subtop4,.subtop5,.subtop6 { height: 25vw;}
.top_iot{height: 25vw; }
}


@media (max-width: 320px) { 
.subtop3,.subtop6 { height: 35vw;}
}



.ready{width:100%; padding:0 0 100px;}
.ready .inner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; height: 100%; }
.ready  .img {width:100%; text-align:center;}
.ready .tit{ text-align: center; line-height: 1.5; padding-bottom: 30px;  font-size: 2.5vw; font-weight:bold;} 
/* .ready .tit span{color:#26b7ed;} */
.ready .tit span{color:#0F6BFF;}
.ready .txt{ text-align: center; line-height: 1.5; padding-bottom: 30px;  font-size: 1.5vw;} 




/*
.solution_1_1 { padding-top: 100px; padding-bottom: 100px; }

.subcon_tit { text-align: center; font-weight: 400; font-size: 38px; }

.solution_1_1 .txt_1 { text-align: center; font-weight: 300; font-size: 20px; padding: 40px 0 75px; line-height: 1.4; }

.solution_1_1 .box { text-align: center; background: #f3f3f3; padding: 90px 10.41667vw; }

.solution_1_1 .box p { padding-bottom: 30px; font-weight: 300; font-size: 35px; }

.solution_1_1 .box p em { font-weight: 400; display: block; font-style: normal; }
*/