@charset utf-8;

body.open{overflow:hidden; onContextmenu:return false; ondragstart:return false; onSelectstart:return false;}

#header .gnb .gnbMenu .oneD > a  {height:44px;}
#header .gnb .gnbMenu .twoD {height:285px;}

/* topImage */
/* #topImage {background-image:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),url('/images/company/twi001t2180969.jpg');} */
#topImage {background:url('/images/business/sub_top_img_bus.jpg')no-repeat center center; background-size:cover;}

/* contents */

/*layout*/
#contents {width:100%;}
.contentsW {width:1200px; margin:0 auto; padding-bottom:80px;}
#contents .contentsTit {padding:90px 0; margin:0 auto;}
#contents .contentsTit.center {text-align:center;}
#contents .contentsTit .title {margin-bottom:40px; font-size:35px; font-weight:bold;}
#contents .contentsTit .titText {font-size:18px;}

#contents .contents1, #contents .contents2 {width:100%;}

/*contents1*/
.contentsW:first-child {width:100%; padding-bottom:0;}
.contents1_bg {background:url('/images/business/visualize_solution_img_01.jpg') center center no-repeat;}
#contents .contents1 {width:1200px; height:714px; margin:0 auto; color:#fff;}

#contents .contents1 .cont {padding-top:60px;}
#contents .contents1 .con1 {padding-top:114px;}
#contents .contents1 .con1 .title {font-size:35px; font-weight:bold;}
#contents .contents1 .con1 .text {font-size:20px; padding-top:30px;}

#contents .contents1 .title {font-size:18px;}
#contents .contents1 .text {padding-top:5px;}


/*contents2*/
.contentsW:nth-child(2) {padding-top:90px; padding-bottom:0;}
#contents .contents2 {width:1200px; margin:0 auto;}

#contents .contents2 .cont {overflow:hidden;}

#contents .contents2 .bg {float:left; width:50%; height:573px; background:url('/images/business/visualize_solution_img_02.jpg') center center no-repeat; background-size:cover;}
#contents .contents2 .contentsTit {float:left; width:50%; padding:0px;}
#contents .contents2 .contentsTit .titText {padding-bottom:80px;}
#contents .contents2 .button {width:180px; height:48px; display:inline-block; text-align:center; border-radius:40px; border:1px solid #0063A6; margin-right:10px;}
#contents .contents2 .button:last-child {margin-right:0;}
#contents .contents2 .button a {display:block; line-height:42px;}
#contents .contents2 .button a span {color:#0063A6;}

/*contents3*/
#contents .contentsW:nth-child(3) .contentsTit {padding-bottom:0;}
#contents .contents3 {overflow:hidden;}
#contents .contents3 .cont {width:48%; float:left; border:1px solid #e6e6e6;}
#contents .contents3 .cont .title {font-size:18px; background:#0063A6; color:#fff; text-align:center; margin-bottom:0; padding:3% 0; font-weight:normal;}

#contents .contents3 .con1 {margin-right:2%;}
#contents .contents3 .con1 .text .sp1 {width:332px; margin:0 auto; padding:4% 0; text-align:center;}
#contents .contents3 .con2 .text .sp1 {width:346px; margin:0 auto; padding:4% 0; text-align:center;}

@media all and (max-width:1217px) {
	
	.contentsW {width:920px;}
	#lnb .lnbDiv {width:920px;}
	
	#contents .contents1 {width:920px;}
	#contents .contents2 {width:920px; margin:0 auto;}
	#contents .contents2 .contentsTit {margin:0 auto; text-align:center; padding-bottom:0; float:none; width:100%;}
	#contents .contents2 .contentsTit .titText {padding-bottom:60px;}
	#contents .contents2 .bg {float:none; display:none;}
	
}

@media all and (max-width:943px) {
	
	#topImage {display:none;}
	.contentsW {width:90%;}
	#lnb .lnbDiv {width:100%;}
	#contents .contents1 {width:90%;}
	
	#contents .contents2 {width:90%; margin:0 auto;}
	
}

@media all and (max-width:821px){
	
	#contents .contents3 {overflow:visible;}
	#contents .contents3 .cont {float:none; width:100%;}
	#contents .contents3 .con1 {margin-right:0; margin-bottom:4%;}
	
}

@media all and (max-width:636px){
	
	#contents .contentsTit {padding:60px 0;}
	#contents .contentsTit .title {font-size:30px;}
	#contents .contentsTit .titText {font-size:16px; padding:0 8%;}
	
	#contents .contents1 .con1 {padding-top:60px;}
	#contents .contents1 .con1 .title {font-size:30px;}
	#contents .contents1 .con1 .text {font-size:18px; padding-top:25px;}
	
}

@media all and (max-width:467px){
	
	#contents .contents2 .button{margin:0 auto 4% 0; height:38px;}
	#contents .contents2 .button a {line-height:34px;}
	#contents .contents2 .button a span {font-size:14px;}
	#contents .contents2 .button:last-child {margin:0 auto;}
	
}

@media all and (max-width:415px){
	
	#contents .contents1 {height:552px;}
	#contents .contents1 .cont {padding-top:25px;}
	#contents .contents3 .con1 .text .sp1 {width:90%;}
	#contents .contents3 .con2 .text .sp1 {width:90%;}
	
}

@media all and (max-width:360px){
	
	#contents .contentsTit .title {font-size:25px; margin-bottom:30px;}
}