/*introduce.css*/
#container_title{display: none;}
/*visual S*/
.intro_visual_wrap{width: 100%;}
.intro_visual_wrap .intro_visual{/*position: relative;*//*background-image: url('../img/company/bg_img01.png'); background-size: cover; background-position: center;*/ width: 100%; height: 410px; display: table;}
.intro_visual_wrap .sect_bg{width: 100%;}
.intro_visual_wrap .visual_text{display: table-cell; vertical-align: middle; color: #000; text-align: center;}
.intro_visual_wrap h6{font-size: 24px; font-weight: bold; line-height: 30px;}
.intro_visual_wrap .visual_text div{width: 50px; height: 2px; background: #fff; margin: 10px auto 10px;}
.intro_visual_wrap h3{font-size: 48px; line-height: 60px; font-weight: bold;}
.intro_visual_wrap p{font-size: 48px; line-height: 60px; font-weight:900;}
/*visual E*/

/*lnb S*/
.m_lnbwrap{display: none;}
.lnb_wrap{width: 100%; border-bottom: 1px solid #ccc;}
.lnb_wrap .lnb{overflow: hidden;}
.lnb_wrap a{width: 190px; padding: 15px; float: left; border: 1px solid #ccc;overflow: hidden; border-top: none; border-bottom: none; cursor: pointer;}
.lnb_wrap a:hover{background:#9a6c41; }
.lnb_wrap a:hover p{color: #fff;}
.lnb_wrap a:hover .gt{color: #fff;}
.lnb_wrap a p{font-size: 18px; line-height: 25px; float: left;}
.lnb_wrap a .gt{font-size: 15px; line-height: 25px;padding-left: 50px; float: right;}
.lnb_wrap a:nth-child(1){border-right: none;}
.lnb_wrap a:nth-child(2){border-right: none;}
/*lnb E*/

/*section1 S*/
.section_wrap .sect1{padding: 120px 0;}
.section_wrap .sect_title{text-align: center; padding-bottom: 50px;}
.section_wrap .sect_title h3{padding-bottom: 20px; font-size: 36px; line-height: 60px; color: #333;}
.section_wrap .sect_title p{padding: 10px 0; font-size: 26px; line-height: 40px; color: #333;}
.section_wrap .sect_title p.eng{font-size: 25px;}
.section_wrap .sect_title .sect_decs{font-size: 18px; line-height: 24px; color: #888;}
#introduce_wrap .section_wrap .sect_con{overflow: hidden;}
#introduce_wrap .sect1 .leftarea{width: 50%; height: 380px; background: #9a6c41; float: left; padding: 35px; display: table;}
#introduce_wrap .sect1 .left_text{height: 310px;border: 1px solid #fff; display: table-cell; vertical-align: middle;}
#introduce_wrap .sect1 .left_text div{margin-left: 53px; width: 35px; height: 2px; background: #fff;}
#introduce_wrap .sect1 .left_text p{padding-left:50px;  font-size: 36px; line-height: 48px; color: #fff;}
#introduce_wrap  .sect1 .rightarea{width: 50%;float: right;}
/*section1 E*/

/*section2 S*/
#introduce_wrap .sect2{padding-bottom: 120px;}
#introduce_wrap .sect2 .sect2_conwrap{overflow: hidden;}
#introduce_wrap .sect2 .sect2_conwrap li{float: left;width: 33.33%; ;padding: 55px 0;}
#introduce_wrap .sect2 .sect2_conwrap li:nth-child(2){border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#introduce_wrap .sect2 .sect2_conwrap .artimg{width: 100px; height: 100px;margin: 0 auto;}
#introduce_wrap .sect2 .sect2_conwrap .artimg img{width: 100%;}
#introduce_wrap .sect2 .sect2_conwrap .arttxt{text-align: center;}
#introduce_wrap .sect2 .sect2_conwrap .arttxt p{font-size: 24px; line-height: 30px; color: #333; padding: 40px 0;}
#introduce_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{padding-top: 0; font-size: 18px; line-height: 24px; color: #888;}
/*section2 E*/

/*section3 S*/
#introduce_wrap .section3{width: 100%; height: 415px;background-image: url('../img/main/section_bg02.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#introduce_wrap .section3 .sect_con{overflow: hidden; padding: 85px 0;}
#introduce_wrap .section3 .article{width: 32%;float: left; margin-right: 2%; overflow: hidden;}
#introduce_wrap .section3 .article:nth-child(3){; margin-right: 0;}
#introduce_wrap .section3 .article>img{width: 100%;}
#introduce_wrap .section3 .article:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}
/*section3 E*/

@media screen and (max-width:1199px){
    .inner{width: 100%; margin: 0 auto;}
    #introduce_wrap .sect2 .sect2_conwrap .arttxt p{font-size: 22px;}
    #introduce_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{font-size: 16px;}
}
@media screen and (max-width:980px){
    .intro_visual_wrap h3{font-size: 40px; line-height: 50px;}
    .intro_visual_wrap p{font-size: 40px; line-height: 50px;}
    .section_wrap .sect_title h3{font-size: 32px; padding-bottom: 5px;}
    .section_wrap .sect_title p{font-size: 24px;}
    .section_wrap .sect_title .sect_decs{font-size: 16px;}
    #introduce_wrap .sect1 .left_text div{margin-left: 32px;}
    #introduce_wrap .sect1 .left_text p{font-size: 30px; line-height: 35px; padding-left: 30px;}
    #introduce_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{word-break: keep-all; padding-left: 20px; padding-right: 20px;}
    #introduce_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs br{display: none;}
    #introduce_wrap .section3{height: 360px;}
}
@media screen and (max-width:768px){
    .section_wrap .sect_title{padding-bottom: 75px;}
    .intro_visual_wrap h6{font-size: 22px;}
    .intro_visual_wrap h3{font-size: 36px; line-height: 45px;}
    .intro_visual_wrap p{font-size: 36px; line-height: 45px;}
    #introduce_wrap .sect1 .leftarea{width: 100%; height: inherit;}
    #introduce_wrap .sect1 .left_text{height: 300px;}
    #introduce_wrap .sect1 .rightarea{width: 100%; height: 400px;}
    #introduce_wrap .sect1 .rightarea img{width: 100%;}
    #introduce_wrap .section_wrap .sect_title .sect_decs br{display: none;}
    #introduce_wrap .section_wrap .sect_title .sect_decs{word-break: keep-all;}
    #introduce_wrap .sect2 .sect2_conwrap li{width: 100%; background-color: #f3f3f3;}
    #introduce_wrap .sect2 .sect2_conwrap li:nth-child(2){border: none; background-color: #fff;}
    #introduce_wrap .sect2 .sect2_conwrap li{padding: 35px 0;}
    #introduce_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs br{display: block;}
    #introduce_wrap .section3{height: auto;}
    #introduce_wrap .section3 .article{width: 100%; margin: 0; margin-bottom: 40px;}
}
@media screen and (max-width:609px){
    .lnb_wrap a{width: 185px;}
}
@media screen and (max-width:600px){
    .intro_visual_wrap .intro_visual{height: 350px;}
    .intro_visual_wrap .visual_text div{width: 35px;}
    .intro_visual_wrap h6{font-size: 20px;}
    .intro_visual_wrap h3{font-size: 30px; line-height: 40px;}
    .intro_visual_wrap p{font-size: 30px; line-height: 40px;}
    .m_lnbwrap .inner{padding: 0;}
    .m_lnbwrap a{width: 100%; border: none;}
    .m_lnbwrap p{text-align: center;}
    .m_lnbwrap .gt{display: none;}
    .m_lnbwrap a:nth-child(1){border-left: none; border-bottom: 1px solid #ccc;}
    .m_lnbwrap a:nth-child(1) .gt{display: block;}
    #introduce_wrap .sect1 .leftarea{height: inherit;}
    #introduce_wrap .sect1 .left_text{height: 250px;}
    #introduce_wrap .sect1 .rightarea{height: inherit;}
    .section_wrap .sect_title h3{font-size: 28px; line-height: 45px;}
    .section_wrap .sect_title p{font-size: 22px; word-break: keep-all; line-height: 24px;}
    .section_wrap .sect_title .sect_decs{line-height: 20px;}
    #introduce_wrap .section_wrap .sect1{padding: 70px 0;}
    #introduce_wrap .section_wrap .sect_title{padding-bottom: 80px;}
    #introduce_wrap .sect2 .sect2_conwrap .artimg{width: 75px; height: 75px;}
    #introduce_wrap .section3 .sect_con{padding: 70px 0;}
}
@media screen and (max-width:480px){
    .intro_visual_wrap .intro_visual{height: 210px;}
    .intro_visual_wrap .visual_text div{width: 25px;}
    .intro_visual_wrap h6{font-size: 13px; line-height: 20px;}
    .intro_visual_wrap h3{font-size: 20px; line-height: 25px;}
    .intro_visual_wrap p{font-size: 20px; line-height: 25px;}
    #introduce_wrap .sect1 .left_text{height: 200px;}
    #introduce_wrap .sect1 .left_text div{width: 25px;}
    #introduce_wrap .sect1 .left_text p{font-size: 20px; padding: 0 30px;}
    .section_wrap .sect_title h3{font-size: 24px;}
    .section_wrap .sect_title p{font-size: 16px; word-break: keep-all;}
    .section_wrap .sect_title .sect_decs{font-size: 13px;}
    #introduce_wrap .sect2 .sect2_conwrap .arttxt p{padding: 15px 0; font-size: 16px; line-height: 25px;}
    #introduce_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{font-size: 13px; line-height: 25px;}
    #introduce_wrap .sect2 .sect2_conwrap .artimg{width: 60px; height: 60px;}
    #introduce_wrap .section3 .article{margin-bottom: 30px;}
}
@media screen and (max-width:360px){
    #introduce_wrap .sect1 .left_text{height: 145px;}
    #introduce_wrap .sect1 .left_text p{font-size: 16px; line-height: 22px;}
    #introduce_wrap .section3 .sect_con{padding-bottom: 45px;}
}









































/*vision.css*/

#vision_wrap .section_wrap .sect_con{overflow: hidden;}
#vision_wrap .sect1 .leftarea{width: 50%; height: 380px; background-image: url('../img/company/vision_bg.png'); background-size: cover; background-position: center;  float: left; padding: 35px; display: table;}
#vision_wrap .sect1 .left_text{padding:20px 10px 20px 0px; border: 1px solid #fff; display: table-cell; vertical-align: middle;}
#vision_wrap .sect1 .left_text div{margin-left: 53px; width: 35px; height: 2px; background: #fff;}
#vision_wrap .sect1 .left_text p{padding-left:50px;  font-size: 18px; line-height: 28px; color: #fff; font-weight:bold}
#vision_wrap .sect1 .left_text p:before{content: "-"; width:3px; height:20px; background:#fff; margin-right:5px; }
#vision_wrap .sect1 .left_text span{padding-left:50px;  font-size:20px; color:#fff; line-height: 28px; display:block; padding-bottom:10px;}
#vision_wrap  .sect1 .rightarea{width: 50%;float: right;}
/*section1 E*/

/*section2 S*/
#vision_wrap .sect2{padding-bottom: 120px;}
#vision_wrap .sect2 .sect2_conwrap{overflow: hidden;}
#vision_wrap .sect2 .sect2_conwrap li{float: left;width: 33.33%; ;padding: 55px 0;}
#vision_wrap .sect2 .sect2_conwrap li:nth-child(2){border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#vision_wrap .sect2 .sect2_conwrap .artimg{width: 80px; margin: 0 auto;}
#vision_wrap .sect2 .sect2_conwrap .artimg img{width: 100%;}
#vision_wrap .sect2 .sect2_conwrap .arttxt{text-align: center;}
#vision_wrap .sect2 .sect2_conwrap .arttxt p{font-size: 24px; line-height: 30px; color: #333; padding: 40px 0;}
#vision_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{padding-top: 0; font-size: 18px; line-height: 24px; color: #888;}
/*section2 E*/

/*section3 S*/
#vision_wrap .section3{width: 100%; height: 415px;background-image: url('../img/main/section_bg02.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#vision_wrap .section3 .sect_con{overflow: hidden; padding: 85px 0;}
#vision_wrap .section3 .article{width: 32%;float: left; margin-right: 2%; overflow: hidden;}
#vision_wrap .section3 .article:nth-child(3){; margin-right: 0;}
#vision_wrap .section3 .article>img{width: 100%;}
#vision_wrap .section3 .article:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}
/*section3 E*/

@media screen and (max-width:1199px){
    #vision_wrap .sect2 .sect2_conwrap .arttxt p{font-size: 22px;}
    #vision_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{font-size: 16px;}
}
@media screen and (max-width:980px){
    #vision_wrap .sect1 .left_text div{margin-left: 32px;}
    #vision_wrap .sect1 .left_text p{font-size: 24px; padding-left: 30px;}
    #vision_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{word-break: keep-all; padding-left: 20px; padding-right: 20px;}
    #vision_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs br{display: none;}
    #vision_wrap .section3{height: 360px;}
}
@media screen and (max-width:768px){
    #vision_wrap .sect1 .leftarea{width: 100%; height: inherit;}
/*    #vision_wrap .sect1 .left_text{height: 300px;}*/
    #vision_wrap .sect1 .rightarea{width: 100%; height: 400px;}
    #vision_wrap .sect1 .rightarea img{width: 100%;}
    #vision_wrap .section_wrap .sect_title .sect_decs br{display: none;}
    #vision_wrap .section_wrap .sect_title .sect_decs{word-break: keep-all;}
    #vision_wrap .sect2 .sect2_conwrap li{width: 100%; background-color: #f3f3f3;}
    #vision_wrap .sect2 .sect2_conwrap li:nth-child(2){border: none; background-color: #fff;}
    #vision_wrap .sect2 .sect2_conwrap li{padding: 35px 0;}
    #vision_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs br{display: block;}
    #vision_wrap .section3{height: auto;}
    #vision_wrap .section3 .article{width: 100%; margin: 0; margin-bottom: 40px;}
}
@media screen and (max-width:609px){
  
}
@media screen and (max-width:600px){
    #vision_wrap .sect1 .leftarea{height: inherit;}
/*    #vision_wrap .sect1 .left_text{height: 250px;}*/
    #vision_wrap .sect1 .rightarea{height: inherit;}
    #vision_wrap .section_wrap .sect1{padding: 70px 0;}
    #vision_wrap .section_wrap .sect_title{padding-bottom: 80px;}
    #vision_wrap .sect2 .sect2_conwrap .artimg{width: 75px; height: 75px;}
    #vision_wrap .section3 .sect_con{padding: 70px 0;}
}
@media screen and (max-width:480px){
    #vision_wrap .sect1 .left_text{height: 200px;}
    #vision_wrap .sect1 .left_text div{width: 25px;}
    #vision_wrap .sect1 .left_text p{font-size: 20px; padding: 0 30px;}
    #vision_wrap .sect2 .sect2_conwrap .arttxt p{padding: 15px 0; font-size: 16px; line-height: 25px;}
    #vision_wrap .sect2 .sect2_conwrap .arttxt .sect2_artdecs{font-size: 13px; line-height: 25px;}
    #vision_wrap .sect2 .sect2_conwrap .artimg{width: 60px; height: 60px;}
    #vision_wrap .section3 .article{margin-bottom: 30px;}
}
@media screen and (max-width:360px){
 /*   #vision_wrap .sect1 .left_text{height: 145px;}*/
    #vision_wrap .sect1 .left_text p{font-size: 16px; line-height: 22px;}
    #vision_wrap .section3 .sect_con{padding-bottom: 45px;}
}









/*ceo.css*/
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#ceo_wrap .section_wrap .sect_con{overflow: hidden;}
#ceo_wrap .sect1 .leftarea{position:relative; top:122px;/*height: 413px;  float: left;  background-image: url('../img/company/ceo.png'); background-size: cover; background-position: center;  display: table;*/}

#ceo_wrap .sect1 .left_text div{margin-left: 53px; width: 35px; height: 2px; background: #fff;}
#ceo_wrap  .sect1 .rightarea{position:relative;top:-360px;  padding:80px 20px 80px 30px;   border: 3px solid #817a6c; vertical-align: middle; float: right;}
#ceo_wrap  .sect1 .right_text { color: #4b4b4b;}
#ceo_wrap  .sect1 .right_text p{padding:0px;  font-size: 18px; line-height: 28px;font-family:'Chosunilbo_myungjo', sans-serif;  line-height:31px}
#ceo_wrap  .sect1 .right_text span {font-size:24px; display:block; font-family:'Chosunilbo_myungjo', sans-serif; }
/*section1 E*/

@media screen and (max-width:1300px){
#ceo_wrap .sect1 .leftarea{position:none; top:0px; padding-bottom:30px;}
#ceo_wrap  .sect1 .rightarea{position:none;top:0px;  padding:50px 50px;   border: 3px solid #817a6c; vertical-align: middle; float: none;}
#ceo_wrap .sect1 .leftarea img {width:100%}  
}

@media screen and (max-width:980px){
    #ceo_wrap .sect1 .left_text div{margin-left: 32px; }
    #ceo_wrap .sect1 .left_text p{font-size: 30px; line-height: 35px; padding-left: 30px;}
}
@media screen and (max-width:768px){
    #ceo_wrap .sect1 .leftarea{width: 100%; height: inherit;}
    #ceo_wrap .sect1 .rightarea{width: 100%;}

    #ceo_wrap .section_wrap .sect_title .sect_decs br{display: none;}
    #ceo_wrap .section_wrap .sect_title .sect_decs{word-break: keep-all;}
}
@media screen and (max-width:609px){

}
@media screen and (max-width:600px){
    #ceo_wrap .sect1 .leftarea{height: inherit;}
    #ceo_wrap .sect1 .rightarea{height: inherit;}
    #ceo_wrap .section_wrap .sect1{padding: 70px 0;}
    #ceo_wrap .section_wrap .sect_title{padding-bottom: 80px;}
}
@media screen and (max-width:480px){
    #ceo_wrap .sect1 .left_text div{width: 25px;}
    #ceo_wrap .sect1 .left_text p{font-size: 20px; padding: 0 30px;}
}
@media screen and (max-width:360px){
    #ceo_wrap .sect1 .left_text p{font-size: 16px; line-height: 22px;}
}




/*star.css*/
#star_wrap .section_wrap .sect_con{overflow: hidden;}
#star_wrap .sect1 {text-align:center}
#star_wrap  .section_wrap .sect1{padding: 120px 0 0;}
#star_wrap .section_wrap .sect_title img{width:100%; max-width:300px;}
#star_wrap .section_wrap .sect_title  {margin-bottom:200px;}
#star_wrap .sect1 {background:url('../img/tech/star_bg.png') no-repeat center 300px; }
#star_wrap .sect1 .leftarea{width:60%;   float: left; ; display: table; }

#star_wrap  .sect1 .rightarea{ vertical-align: middle; float: right; width:40%; text-align:left}
#star_wrap  .sect1 .right_text {padding-top:200px;  padding-bottom:100px;  color: #4b4b4b;}
#star_wrap  .sect1 .right_text p{padding:0px;  font-size: 25px;   line-height:45px}
#star_wrap  .sect1 .right_text p.eng{padding:0px;  font-size: 22px;   line-height:45px}
#star_wrap  .sect1 .right_text span {font-size:58px; display:block; font-weight:bold;  line-height:75px; padding-bottom:20px;}

#star_wrap .sect1 {background:url('../img/tech/star_bg02.png') no-repeat center 500px; }
#star_wrap .star_bg01 {position: absolute; left:-150px; top:650px; z-index:9999}

@media screen and (max-width:1530px){
#star_wrap .star_bg01 {left:-250px; top:700px; }
}

@media screen and (min-width:1231px){
#star_wrap  .sect1 .rightarea{width:40%;}
}
@media screen and (max-width:1230px){
#star_wrap .sect1 {background:url('../img/tech/star_bg02.png') no-repeat center 500px; }
#star_wrap .star_bg01 {left:-250px; top:700px; }
#star_wrap .star_bg01 img {width:70%}
#star_wrap .sect1 .leftarea img{width:450px; text-align:center}
#star_wrap .sect1 .leftarea {text-align:center}
#star_wrap .sect1 .right_text {padding-top:40px;  color: #4b4b4b;}
#star_wrap .sect1 .right_text p{padding:0px;  font-size: 22px;  line-height:45px}
#star_wrap .sect1 .right_text span {font-size:38px; display:block; font-weight:bold;  line-height:45px; padding-bottom:20px;}
}

@media screen and (max-width:1050px){
	#star_wrap .star_bg01 {left:-250px; top:800px; }
	#star_wrap .sect1 {background-position:0 300px}
	#star_wrap .sect1 .leftarea{width:100%; text-align:center}
	#star_wrap .sect1 .leftarea img{max-width:350px; width:100%; text-align:center}
	#star_wrap .sect1 .rightarea{width:100%; }
	#star_wrap .sect1 .right_text {padding-top:20px; padding-bottom:40px;  color: #fff;  text-align:center}
	#star_wrap .sect1 .right_text p{padding:0px;  font-size: 16px; line-height: 34px;  }
	#star_wrap .sect1 .right_text span {font-size:30px; display:block; font-weight:bold;  line-height:34px; padding-bottom:20px;}
}




/*rnd.css*/
#rnd_wrap  { padding-bottom:100px;}
#rnd_wrap .sect2 h3{font-size: 36px;  text-align: center; line-height: 65px;}
#rnd_wrap .sect2 p{font-size: 18px; line-height: 25px;text-align: center; }
#rnd_wrap .sect2 .sect_decs {padding-top:30px}
#rnd_wrap .section2_bg{background:#fff;}
#rnd_wrap .section2_bg .sect2_plus_txt .sect2_plus_info{text-align: left; font-size: 14px;margin-top: 15px;line-height: 20px;}
#rnd_wrap .section2_bg .sect2_plus_txt {padding-left: 50px;   color: #fff;  position: absolute;  bottom: 85px;}






/*smart.css*/
#smart_wrap .section_wrap .sect_con{overflow: hidden;}
#smart_wrap .section_wrap .sect_con {text-align:center; margin:0 auto;}
#smart_wrap .section_wrap .sect_con img {width:50%}
#smart_wrap .section_wrap .sect_con {background:url('../img/tech/smart_bg01.png') no-repeat 0px 0px; width:100%; background-size:cover}
#smart_wrap .section_wrap .sect_con .smart_bg02 {position:relative; top:200px;}
#smart_wrap .section_wrap .sect_con .smart_bg03 {position:relative; top:-80px; padding-right:260px}
#smart_wrap .section_wrap .sect_con .bottom_text {width:100%; max-width:1050px; margin:0 auto;}
#smart_wrap .section_wrap .sect_con .bottom_text p{border-top:1px solid #000; padding-top:50px; text-align:left; font-size:22px; line-height:41px; padding-bottom:250px}
#smart_wrap .section_wrap .sect1 {padding: 120px 0 0;}

@media screen and (max-width:1600px){
#smart_wrap .section_wrap .sect_con .smart_bg02 {top:200px;}
#smart_wrap .section_wrap .sect_con .smart_bg03 {top:20px; padding-right:260px}
#smart_wrap .section_wrap .sect_con .bottom_text {padding-top:100px}
#smart_wrap .section_wrap .sect_con .bottom_text p{padding-top:50px; font-size:22px; line-height:41px; padding-bottom:250px}
#smart_wrap .section_wrap .sect_con .bottom_text p>span {display:block}
}
@media screen and (max-width:1300px){
#smart_wrap .section_wrap .sect_con .bottom_text {max-width:860px;}
#smart_wrap .section_wrap .sect_con .bottom_text p{padding-top:50px; font-size:18px; line-height:41px; padding-bottom:250px}

}

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

#smart_wrap .section_wrap .sect_con img {width:70%}
#smart_wrap .section_wrap .sect_con .smart_bg02 {top:200px;}
#smart_wrap .section_wrap .sect_con .smart_bg03 {top:20px; padding-right:260px}
#smart_wrap .section_wrap .sect_con .bottom_text {max-width:860px;}
#smart_wrap .section_wrap .sect_con .bottom_text p{padding-top:30px; font-size:18px; line-height:36px; padding-bottom:250px}

}

@media screen and (max-width:900px){
#smart_wrap .section_wrap .sect_con {  background:url('../img/tech/smart_bg04.png') no-repeat  center top; width:100%; background-size:100%}
#smart_wrap .section_wrap .sect_con img {width:70%}
#smart_wrap .section_wrap .sect_con .smart_bg02 {display:none}
#smart_wrap .section_wrap .sect_con .smart_bg03 {display:none}
#smart_wrap .section_wrap .sect_con .bottom_text {max-width:860px;}
#smart_wrap .section_wrap .sect_con .bottom_text {padding-top:60%}
#smart_wrap .section_wrap .sect_con .bottom_text p{padding-top:30px; font-size:14px; line-height:36px; padding-bottom:250px;}
#smart_wrap .section_wrap .sect_con .bottom_text p>span {display:inline}
}


/*ci.css*/
#ci_wrap .section_wrap .sect_con{overflow: hidden;  margin:0 auto; text-align:center}
#ci_wrap .section_wrap .sect_con img {width:100%; max-width:700px;}





/*patent.css*/
#patent_wrap .section_wrap .sect_con{overflow: hidden; text-align:center}

#patent_wrap .section_wrap {background:url('../img/tech/patent_bg.png') no-repeat 0px 0px; width:100%; }

#patent_wrap .patent_gall01 {text-align:center;}
#patent_wrap .patent_gall02 {text-align:center; padding-top:600px;}
#patent_wrap .patent_gall01 ul li {width:50%; float:left}
#patent_wrap .patent_gall01 ul li img {max-width:400px}
#patent_wrap .patent_gall02 ul li {width:25%; float:left}
#patent_wrap .patent_gall02 ul li img {max-width:250px}
@media screen and (min-width:981px){
#patent_wrap .patent_gall01 ul li:first-child{text-align:right}
#patent_wrap .patent_gall01 ul li:last-child{text-align:left}
}
@media screen and (max-width:980px){
#patent_wrap .patent_gall01 ul li:first-child{text-align:right}
#patent_wrap .patent_gall01 ul li:last-child{text-align:left}
#patent_wrap .patent_gall02 {padding-top:450px;}
#patent_wrap .patent_gall01 ul li img {max-width:300px}
#patent_wrap .patent_gall02 ul li img {max-width:150px}
}
@media screen and (max-width:600px){
#patent_wrap .patent_gall01 ul li:first-child{text-align:right}
#patent_wrap .patent_gall01 ul li:last-child{text-align:left}
#patent_wrap .patent_gall02 {padding-top:200px;}
#patent_wrap .patent_gall01 ul li img {max-width:180px}
#patent_wrap .patent_gall02 ul li img {max-width:120px}

}

@media screen and (max-width:400px){
#patent_wrap .patent_gall02 {padding-top:200px;}
#patent_wrap .patent_gall01 ul li img {max-width:140px}
#patent_wrap .patent_gall02 ul li img {max-width:120px}
#patent_wrap .patent_gall02 ul li {width:50%; float:left}
}