body{background:#f3f3f3; }

#wrap{position:relative; margin:0 auto; width:100%; }
#wrap h2{text-align:center; padding-bottom:10px}

.contents{position:relative; margin:0 auto; width:990px; }
.clear{clear:both}

#header {z-index:1; width: 100%; float: left; position: fixed; overflow: hidden; background: url(../img/r2soft/subtop_bg3.jpg) no-repeat center top;}
#header-inner{width: 100%; height:45px; margin:250px auto 0px auto;z-index:200; background-image: url(../img/r2soft/submenu_bg.jpg); position: relative;transition: margin-top 0.35s;}
#header-inner-nav {width:990px; margin:0 auto; }
#header-inner-nav p {height:45px; width:33.1%; line-height:45px; font-size:16px; text-align:center; text-decoration: none; font-weight: 600; display: block; float:left;
 -webkit-transition: all 0.2s; 
 -moz-transition: all 0.2s; 
 -o-transition: all 0.2s; 
 transition: all 0.2s;   border-left:solid 1px #f3f3f3}
#header-inner-nav p:last-child{border-right:solid 1px #f3f3f3} 
#header-inner-nav p:hover {color:#000; background-color:#f3f3f3; cursor:pointer; }

.menu_sub1_default {background-color:inherit; color:#f3f3f3	; } 
.menu_sub1_selected {background-color: #f3f3f3; color:#e8261a;}
.menu_sub2_default {background-color:inherit; color:#f3f3f3; } 
.menu_sub2_selected {background-color: #f3f3f3;  color: #00f; } 


#section1{width:990px; margin:0 auto; padding-top:125px;}
#section2{width:990px; margin:0 auto; padding-top:125px;position:relative; }
#section3{width:990px; margin:0 auto; padding-top:125px; }
#section4{width:100%; margin:0 auto ; padding-top:125px; position:relative }

/*더보기*/

.more_btn{width: 100%; margin:30px auto 0 auto; display: block; height:39px; }
.more_btn p{ margin: 0px auto;	display: block;	width: 260px;	height: 39px;	background: #434a53 url(../img/work/more.png) no-repeat 230px center;	line-height:39px; color:#fff; font-size:14px; font-weight:600; padding-left:30px;}

/*software*/
.software{margin-top:30px}

.top3_software{margin:0 auto }
.top3_software ul{width: 31%; display:block; text-align:center; margin:1%; float:left; background-image:url(../img/r2soft/organization_bg.jpg);color:#FFF;}

.top3_software li.text1{font-size:20px; font-weight:600; padding:20px 0px 15px 0px;}
.top3_software li.text2{font-size:15px; font-weight:600; padding:0px 0px 5px 0px; }
.top3_software li.text3{font-size:12px; padding:0px 0px 20px 0px; }
.top3_software:after{clear:both; content:""; display:block }

.top3_software li br{display:none}



/*project*/

.project{margin-top:30px;}

.top3_project{margin:0 auto }
.top3_project ul{width: 30%; display:block; text-align:center; margin:0 1%; float:left; background:#e8e8e8}
.top3_project li{width:100%;}

/*.top3_project ul br{display:none}*/

.top3_project li img{padding-top: 24px; border-bottom: 1px solid #c4c4c4;}
.top3_project li.text1{font-size:16px; font-weight:600; padding:20px 0px 15px 0px; color:#000; }
.top3_project li.text2{font-size:13px; padding:0px 0px 5px 0px; }
.top3_project li.text3{font-size:11px; padding:0px 0px 20px 0px; }

.top3_project:after{clear:both; content:""; display:block }
.top3_project ul:nth-child(2){margin:0px 3%;}


/*R&D*/

.RnD_info01{width:100%; position:relative; margin-top:30px}
.RnD_info01 ul{float:left; font-size:14px;padding-top:5px}
.RnD_info01 li{display:block; margin-bottom:5px; background: url(../img/r2soft/blit1.jpg) no-repeat left 8px;padding:2px 2px 0px 8px;}/**/
.RnD_info01:after{clear:both; display:block; content:""}

.RnD_info01 h4{padding-top:10px;margin-top:10px; background: url(../img/blit_red.jpg) no-repeat center top; background-size: 64px 2px; float: left; width: 100%; text-align:center; margin:0 auto;}

.box_list{border-top:solid #434a53 1px;}
.box_list ul {width: 33.2%; margin:0 1px 1px 0; background: #FFFFFF; float: left; display: block; height:100px;}
.box_list li.text1 {font-size: 16px;	font-weight: 600; color:#000; padding: 25px 15px 10px 15px;background: url(../img/blit_red.jpg) no-repeat 15px 18px; background-size:20px 2px
}
.box_list li.text2 {font-size: 13px; padding: 0px 15px 2px 15px; }
.box_list li.text3 {font-size: 11px; padding: 0px 15px 5px 15px;}
.box_list li.text4 {font-size:16px; font-weight:600; color:#000; padding:25px 15px 2px 15px; background:url(../img/blit_red.jpg) no-repeat 15px 18px; background-size:20px 2px}


.box_list:after{clear:both; display:block; content:""}



.rnd{margin-top:10px;}
.rnd_list {}
.rnd_list ul {width: 100%; margin: 0px; display: block; height:60px; background:#fff;position:relative}
.rnd_list li.L {width:80%; float:left; display:block}
.rnd_list li.R {width:120px; float:right;font-size: 12px; font-weight: 600; padding-top:20px;  display:block}
.rnd_list li p.text1 {font-size: 16px; font-weight: 600;	padding: 10px 15px 5px 15px; color:#000;}
.rnd_list li p.text2 {font-size: 12px; padding: 0px 15px 10px 15px; }
.rnd_list ul:nth-child(even){background:#fcfcfc}
.rnd_list ul.title{height:50px; color: #fff;	background-image: url(../img/r2soft/organization_bg.jpg);	text-align:center; font-weight:600; font-size:15px; line-height:50px}
.rnd_list .title li.L {width:80%; float:left;}
.rnd_list .title li.R {width:120px; float:right; font-size: 15px; font-weight: 600; padding-top:0px}



.patent{width:990px; margin:0 auto -120px auto;}

.patent_list { padding-bottom:50px}
.patent_list ul {width: 100%; margin: 0px; height:45px; background:#fff;}
.patent_list li.L {width:*; float:left; font-size: 15px; font-weight:600; padding-left:15px; color:#000; line-height:45px;}
.patent_list ul.text1{height:60px!important} 
.patent_list li.text1 {font-size: 14px!important;line-height:16px!important; padding-top:10px}
.patent_list li.R {width:180px; float:right;font-size: 12px; padding-top:5px}
.patent_list ul:nth-child(even){background:#fcfcfc}
.patent_list ul.title{height:50px; color: #fff;	background-image: url(../img/r2soft/organization_bg.jpg);	text-align:center; font-weight:600; font-size:15px; line-height:50px}
.patent_list .title li.L {width:80%; font-size: 15px; padding:0; color:#fff;}
.patent_list .title li.R {width:19%; font-size: 15px; font-weight: 600; padding-top:0px}







@media screen and (max-width:990px) {
	
#section1{width:90%;}
#section2{width:90%;}
#section3{width:90%;}
#section4{width:100%;}



#header-inner-nav {width:90%; margin:0 auto; }
#header-inner-nav p {height:45px; width:33%; line-height:45px; font-size:16px; text-align:center; text-decoration: none; font-weight: 600; display: block; float:left;
 -webkit-transition: all 0.2s; 
 -moz-transition: all 0.2s; 
 -o-transition: all 0.2s; 
 transition: all 0.2s;  border-left:solid 1px #f3f3f3}
#header-inner-nav p:last-child{border-right:solid 1px #f3f3f3} 
#header-inner-nav p:hover {color:#000; background-color:#f3f3f3; cursor:pointer; }


/*더보기*/

.more_btn{width: 100%; margin:30px auto 0 auto; display: block; height:39px; }
.more_btn p{margin: 0px auto;	display:block;	width:260px;	height: 39px;	background:#434a53 url(../img/work/more.png) no-repeat 230px center;	line-height:39px; color:#fff; font-size:14px; font-weight:600; padding-left:30px;}

/*software*/
.software{margin-top:30px}

.top3_software{margin:0 auto }
.top3_software ul{width: 32%; display:block; text-align:center; margin:2px; float:left; background-image:url(../img/r2soft/organization_bg.jpg);color:#FFF;}




/*project*/

.project{margin-top:30px;}

.top3_project ul br{display:block}
.top3_project ul{width: 32%; margin:0; }
.top3_project ul:nth-child(2){margin:0px 2%;}


/*R&D*/


.box_list ul {width: 33%;}

.rnd_list li.L {width:75%;}
.rnd_list li.R {width:120px;}
.rnd_list .title li.L {width:75%;}



.patent{width:90%; margin:0 auto -120px auto;}

}


@media only screen and (max-width:940px) {
	
.patent_list{border-top:solid #434a53 1px;}
.patent_list ul {height:60px;}
.patent_list li.L {float:none; font-size:14px; font-weight:600;  color:#000; line-height:16px; padding:10px 10px 0px 15px}

.patent_list li.text1 {font-size: 14px!important;line-height:16px!important; padding-top:10px}
.patent_list li.R {width:100%; float:none; padding:3px 5px 10px 15px;}
.patent_list li br {display:none}
.patent_list ul.title{display:none}

.patent_list ul.h60{height:60px!important} 
}


@media only screen and (max-width:768px) {
	
#section1{padding-top:50px;}
#section2{padding-top:50px;}
#section3{padding-top:50px;}
#section4{padding-top:50px; min-height:100vh;}

.solution img {
    width: 100% !important;
}
.rnd_list ul {height:60px;}
.rnd_list li.L {width:100%; float:none;}
.rnd_list li.R {width: 120px; float:none; font-size:12px; padding-top:10px; position:absolute; right:0px; bottom:15px;}
.rnd_list li p.text1 {font-size: 14px; font-weight:600;	padding:10px 15px 5px 15px;}
.rnd_list li p.text2 {font-size: 12px; padding: 0px 15px 10px 15px; }
.rnd_list .title li.L {width:80%; float:left;}
.rnd_list .title li.R {position: absolute;	right:0px;	bottom:0px;}
 
.top3_project li img{width:95%; padding-top:18px}
 
}



@media screen and (max-width:640px) {
	
#section1{width:90%; margin:0 auto 0px auto; padding-top:50px; }
#section2{width:90%; margin:0 auto 0px auto; padding-top:50px; }
#section3{width:90%; margin:0 auto 0px auto; padding-top:50px; }
#section4{width:90%; margin:0 auto 0px auto; padding-top:50px; }
#section5{width:90%; margin:0 auto 0px auto; padding-top:50px; }
#section6{width:90%; margin:0 auto 0px auto; padding-top:50px; }
#section7{width:90%; margin:0 auto 0px auto; padding-top:50px; }

.solution img {width: 100% !important;}
	
.top3_software li br{display:block}
.top3_project li.text1 br{display:none}
.top3_project li.text1{font-size:14px; padding:10px 0px 5px 0px;}

/*R&D*/

.box_list ul {width: 33%; height:110px; }
.box_list li.text1 {font-size: 14px; font-weight: 600; color:#000; padding: 25px 5px 10px 15px;}
.box_list li.text2 {font-size: 12px; padding: 0px 2px 2px 15px}
.box_list li.text3 {font-size: 11px; padding: 0px 2px 5px 15px;}
.box_list li.text4 {font-size:15px; padding:25px 2px 2px 15px;}

.box_list ul:nth-child{}
.box_list:after{clear:both; display:block; content:""}



}

@media screen and (max-width:520px) {
	
.box_list ul {width: 100%; margin:0; float:none;height:50px;}
.box_list li.text1 {font-size:16px; padding:7px 0px 3px 10px; width:100%; background:none }
.box_list li.text2 {font-size:11px; padding:2px 0px 2px 10px; width:*; float:left}
.box_list li.text3 {font-size:11px; padding:0px 5px 5px 0px; width:*; float:right}
.box_list li.text4 {font-size:15px; padding:5px 0px 3px 10px; width:100%; float:none; background:none;}

.box_list ul:nth-child(even){background:#fcfcfc}
.box_list:after{clear:both; display:block; content:""}	

.box_list ul br{display:none}
	
}

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


.top3_software ul{width: 33%;margin:1px 0;}
.top3_software li.text1{font-size:18px; font-weight:600; padding:20px 0px 15px 0px;}
.top3_software li.text2{font-size:13px; font-weight:600; padding:0px 0px 5px 0px; }
.top3_software ul:nth-child(even){margin:1px;}

/*project*/
.top3_project ul{width:100%; text-align: left }
.top3_project li img{width:35%; padding:18px 10px 18px 5px; float:left; display:block; border-bottom:none}


.top3_project li.text2{font-size:12px; padding:0px 0px 2px 0px; }
.top3_project li.text3{font-size:11px; padding:0px 0px 10px 0px; }
.top3_project ul:nth-child(2){margin:2px 0;}


.rnd_list{ border-top:solid #434a53 1px;}
.rnd_list ul {height:90px;}
.rnd_list li.L {width:100%; float:none;}
.rnd_list li.R {width: 100%; float:none; font-size:12px; padding-top:10px; position:relative; padding-left:15px}
.rnd_list li p.text2 {font-size: 12px; padding: 0px 5px 5px 15px; }
.rnd_list .title{display:none}

.rnd_list ul.h70 {height:70px;}
.rnd_list ul.h80 {height:80px;}
.rnd_list ul.h110 {height:110px;}

.patent_list ul.h70 {height:70px;}
.patent_list ul.h60 {height:90px!important}


 
}

@media screen and (max-width:340px) {
.top3_software ul{width: 100%; float:none; margin:0px;}
.top3_software li.text1{padding:5px 0px 5px 0px;}
.top3_software li.text2{padding:0px 0px 0px 0px; }
.top3_software li.text3{padding:0px 0px 5px 0px; }
.top3_software ul:nth-child(even){margin:2px 0;}
.top3_software ul br{display:none}



.box_list{border-top:none;}
.box_list ul {height:60px;}
.box_list li.text1 {font-size: 14px; padding:5px 0px 3px 10px;}



.rnd_list ul {height:100px;}


.patent_list ul {height:80px;}
.patent_list li.R br{display:block}

.patent_list ul.h70 {height:90px;}
.patent_list ul.h60{height:110px!important}



}