/*tablet+mobile*/
@media (max-width:1400px){

  .container{padding:0 20px;}

  /*header*/
  #h_logo{left:10px;}
  #h_logo img{max-width: 90%;}
  #h_gnb > li{padding: 20px 20px;}
  #h_gnb > li:nth-child(2) .lnb{left:auto; right:-300px;}
  #h_gnb > li > a{font-size:18px;}
  #h_gnb .lnb{left:10px;}

  #header .lang{margin:0 60px 0 10px;}

  #nav_btn{right: 20px;}

  #sitemap{width: 40%;padding:8vh 30px 0;}
  #sitemap .gnb > li{margin-bottom: 20px;}
  #sitemap .gnb > li > a{font-size:30px; padding-bottom: 5px; margin-bottom: 5px;}
  #sitemap .gnb .lnb li a{font-size:18px;}

  /*main*/
  #m_slider .swiper-wrapper .text{font-size:45px; line-height: 65px;}

  #m_total{padding: 100px 0;}
  #m_total .top h3{font-size:40px;}
  #m_total .top p{font-size: 22px;}
  #m_total .top h2{font-size:70px;}

  #m_service{padding: 100px 0;}
  #m_service .top h2{font-size:60px;}
  #m_service .list li{width:calc(100% / 2); margin-bottom:20px;}
  #m_service .list li a{padding:40px 20px 0; height: 410px;}
  #m_service .list li .tit{font-size:25px; margin:10px 0;}
  #m_service .list li .text{font-size:16px; line-height: 24px;}

  #m_banner .box{height: 465px;}
  #m_banner .box .tit{font-size: 45px; letter-spacing: -1px;}
  #m_banner .box01 .text{font-size: 18px;}
  #m_banner .box01 .down{font-size: 18px;}

  /*sub*/
  #s_top{height: 580px; padding-top: 220px;}
  #s_top .text{font-size:20px;}
  #s_top .tit{font-size:70px;}
  #s_top .snb li{padding: 0 3px;}
  #s_top .snb li a{padding: 10px 30px; font-size:16px;}

  #sub{padding: 150px 20px;}
  .p_tit{font-size:45px;}
  .p_tit::before{height: 7px; width: 25px; top:-25px;}

  /*ceo*/
  #ceo{padding-top: 240px;}
  #ceo .content{padding:60px 30px; font-size:18px; margin-left:15%;}
  #ceo .content .tit{font-size:40px; margin-bottom:25px;}
  #ceo .content .text b{font-size: 24px;}
  #ceo .content .name b{margin: 0 15px;}
  #ceo .content .name img{max-width: 100px;}

  /*strength*/
  #strength .top{font-size:30px; line-height: 45px;}
  #strength .award .list li{padding: 70px 0; width: 22%;}
  #strength .award .list li:last-child{width: 34%;}
  #strength .award .list li:last-child:after{left:0;}
  #strength .award .list li .text{font-size:17px;}
  #strength .perform .box{padding: 25px 10px 0; margin-bottom:25px;}
  #strength .perform .box .year{font-size: 40px;}
  #strength .perform .box .text{padding-left:30px; font-size: 17px; line-height: 30px;}

  /*sub02공통*/
  .sub02 > section{padding-bottom:100px;}
  .sub02 table tr th, #patent table tr td{font-size:16px; line-height: 24px;}
  .sub02 .point_list li{padding: 0 10px;}
  .sub02 .point_list li .tit{font-size:22px;}
  .sub02 .point_list li .tit .small{font-size:16px;}
  .sub02 .point_list li .text{font-size:16px; line-height: 24px;}

  /*patent*/
  #patent .part01 .top{font-size: 20px; padding: 20px;}
  #patent .part03 .text{font-size: 20px; padding: 20px;}

  /*consulting*/
  #consulting .part01 .text{font-size:20px; line-height: 32px;}
  #consulting .part01 .list li h2{font-size: 22px;}
  #consulting .part01 .list li p{font-size: 16px; line-height: 26px;}
  #consulting .part02 table tr th, #consulting .part02 table tr td{font-size:16px;}
  #consulting .part04 .list li{padding: 0 10px;}
  #consulting .part04 .list li p{font-size:18px; line-height: 28px;}
  #consulting .part04 .text_box{font-size:18px;}

  /*ip*/
  #ip .top p{font-size:20px; padding: 100px 0;}
  #ip .top p b{font-size:25px;}
  #ip .part02 .step li .box{font-size:22px;}
  #ip .part02 .step li .text{font-size: 18px;}

  /*people*/
  #people .content .name{font-size: 20px; padding-left: 10px; width:22%;}
  #people .content .name b{font-size: 35px; display: block;}
  #people .content .text{padding: 0 10px; width:26%;}

}

@media (max-width:1000px){
  #h_gnb{display: none;}
}

/*tablet*/
@media (min-width:769px) and (max-width:1400px){

}


/*mobile*/
@media (max-width:768px){

  .container{padding:0 10px;}

  /*header*/
  #header .container{height: 92px;}

  #h_logo{left:0; top:25px;}
  #h_logo img{max-width: 70%;}

  #nav_btn{right: 10px; top:35px;}

  #sitemap{width: 80%;padding:8vh 20px 0;}
  #sitemap .gnb > li > a{font-size:25px;}

  /*main*/
  #m_slider .swiper-wrapper .swiper-slide{height: 70vh;}
  #m_slider .swiper-wrapper .text{font-size:30px; line-height: 45px;}

  #m_total{padding: 50px 0;}
  #m_total .top h3{font-size:30px;}
  #m_total .top p{font-size: 20px;}
  #m_total .top h2{font-size:45px;}
  #m_total .icon li{width:calc(100% / 2); margin-bottom:20px;}

  #m_service{padding: 50px 0;}
  #m_service .top h2{font-size:40px;}
  #m_service .top h2::before,
  #m_service .top h2::after{height: 66px;}
  #m_service .top p{font-size: 16px;}
  #m_service .list li{width:100%;}
  #m_service .list li a{padding: 30px 20px 0; height: 320px;}
  #m_service .list li a:hover .plus{display: none;}
  #m_service .list li a img{max-width: 20%;}

  #m_banner .box01::before{width: 100%; opacity: 0.2;}
  #m_banner .box{height: 330px; text-align: center;}
  #m_banner .box .content{width: 100%;}
  #m_banner .box .tit{font-size:30px;}
  #m_banner .box01 .down{margin-top:20px;}

  #m_partner{padding:10px 0;}

  /*sub*/
  #s_top{height: 260px; padding-top: 130px; background-attachment:local;;}
  #s_top .text{font-size:16px;}
  #s_top .tit{font-size:40px; letter-spacing: -1px;}
  #s_top .line{display: none;}
  #s_top .snb{display: none;}

  #sub{padding: 70px 10px;}
  .p_tit{font-size:30px; margin-bottom: 30px;}
  .p_tit::before{height: 5px; width: 20px; top:-15px;}

  /*ceo*/
  #ceo{padding-top: 165px;}
  #ceo::before{background-size: contain;}
  #ceo .content{padding:30px 20px;margin-left:0; font-size:16px;}
  #ceo .content .tit{font-size:30px; margin-bottom:15px;}
  #ceo .content .text{text-align: left; line-height: 25px;}
  #ceo .content .text b{font-size: 20px; line-height: 28px;}
  #ceo .content .name .br{display: block; margin-bottom:10px;}

  /*strength*/
  #strength .top{font-size: 22px; line-height: 33px; padding:0 10px;}
  #strength .award{margin: 50px 0;}
  #strength .award .list{flex-wrap: wrap;}
  #strength .award .list li{width: calc(100% / 2) !important; padding:30px 5px;}
  #strength .award .list li img{max-width: 80%;}
  #strength .perform .tit{font-size:30px; margin-bottom:20px;}
  #strength .perform .box{display: block;}
  #strength .perform .box .year{width: 100%; margin-bottom:10px; font-size: 30px;}
  #strength .perform .box .text{width: 100%; padding-left: 0; font-size:16px; line-height: 26px;}
  #strength .perform .box .img{width: 100%; text-align: right; margin-top:20px;}
  #strength .perform .box .img img{max-width: 40%;}

  /*chart*/
  #chart .top{padding: 30px 0; margin-bottom:30px;}
  #chart .top h2{font-size:25px;}
  #chart .top p{font-size:18px;}
  #chart img{padding: 0 10px}

  /*map*/
  #map{display: block; margin-top:65px;}
  #map .img_box{width: 100%;}
  #map .list{width: 100%;}
  #map .list li{width: calc(100% / 3); float: left; border-bottom:0;}
  #map .list li i{font-size:35px;}
  #map .list li h2{margin-top:10px; font-size:18px;}
  #map .info{margin-top:50px;}
  #map .tab_btn li{padding: 10px 20px;}
  #map .tab_content{margin-top:30px;}
  #map .tab_content .tit{display: none;}
  #map .tab_content .text{width: 100%; padding:0 10px;}
  #map .tab_content .text h3{font-size:17px;}
  #map .tab_content .text p{line-height: 26px;}

  /*sub02공통*/
  .sub02 > section{padding-bottom:50px;}
  .sub02 .s_tit{padding:50px 0 20px;}
  .sub02 .s_tit h2{padding:20px 0 10px;}
  .sub02 .s_tit h2{font-size:30px;}
  .sub02 .s_tit h2::after{height: 50px; top:-40px;}
  .sub02 .table_wrap{overflow-x: auto;}
  .sub02 .table_wrap table{min-width: 650px;}
  .sub02 table tr th, #patent table tr td{font-size:15px;}
  .sub02 .point_list li{width: 100%; margin-bottom: 30px;}
  .sub02 .point_list li .text{min-height: auto;}

  /*patent*/
  #patent .part01 .top{font-size:17px; padding: 15px 10px;}
  #patent .part02{padding-top: 30px;}
  #patent .part02:after{background-attachment: local; background-size: contain;}
  #patent .part02 .point_list{padding-top: 50px;}
  #patent .part03 .text{font-size:17px; padding: 15px 10px; margin:0 0 30px;}

  #patent02{margin-top: 50px;}
  #patent02 .part01{padding:50px 0; margin-bottom:50px;}
  #patent02 .part01 .tit{font-size:25px;}
  #patent02 .part01 .box li{width: 100%; margin-right:0; padding: 10px; font-size:16px;}
  #patent02 .part02 .list li{font-size:16px; padding: 10px 10px 10px 70px; min-height: 80px;}
  #patent02 .part02 .list li .no{font-size:18px; width: 60px; height: 60px; left: -8px;}
  #patent02 .part03 .text_box{padding: 20px 0;}
  #patent02 .part03 .text_box .img{width: 100%;}
  #patent02 .part03 .text_box .img img{max-width: 70%;}
  #patent02 .part03 .text_box p{width: 100%; padding: 20px 10px; border-left: 0; font-size:16px; line-height: 26px;  text-align: center;}
  #patent02 .part03 .text_box p b{font-size:25px;}
  #patent02 .part03 .mark .tit{font-size:25px;}
  #patent02 .part04:after{background-attachment: local; background-size: contain;}

  /*consulting*/
  #consulting .part01 .text{font-size:17px; line-height: 26px;}
  #consulting .part01 .list{padding: 30px 0;}
  #consulting .part01 .list li{width: 100%; padding: 15px; margin-bottom:15px;}
  #consulting .part02 table{margin-top: 10px;}
  #consulting .part03{padding-top: 50px; margin-bottom: 50px;}
  #consulting .part03 .img{margin-top:30px;}
  #consulting .part04 .img{margin: 30px 0 60px;}
  #consulting .part04 .list li{width: 100%; padding:0; margin-bottom:20px;}
  #consulting .part04 .list li h2{font-size:20px;}
  #consulting .part04 .list li p{font-size:16px; min-height: auto;}
  #consulting .part04 .text_box{margin-top:30px; padding: 20px 10px; font-size:16px;}

  /*ip*/
  #ip .top:after{height: 310px;}
  #ip .top p{font-size:18px; padding: 50px 0; line-height: 28px}
  #ip .top p b{font-size:20px;}
  #ip .part01 .img{margin-top: 30px;}
  #ip .part02 .step li{width: 50%; margin-bottom:30px;}
  #ip .part02 .step li::before{top:214px;}
  #ip .part02 .step li::after{top:170px;}
  #ip .part02 .step li .box{font-size:20px; width: 175px; height: 175px; margin-bottom:60px;}
  #ip .part02 .step li .box::after{top:209px;}
  #ip .part02 .step li .text{font-size: 16px;}


  /*people*/
  #people .content .name{padding-right: 10px; width:100%; text-align: center;}
  #people .content .name b{font-size: 30px; display: inline-block;padding-left: 10px;}
  #people .content .text{width:100%; margin-top:20px;}





  /*footer*/
  #footer{padding: 20px 0}
  #footer .link li{padding: 5px 0 15px; width: 30%;}
  #footer .link li a{font-size:15px;}
  #footer address{margin-top:15px; font-size: 15px;}
  #footer .logo{display: none;}

  .profile{display: block;margin: 30px auto 0;}


}