

	@media (min-width:1000px){
	*{box-sizing: border-box;}
	main{width:1366px; margin:0 auto;}
	header{height:110px; background:url("../img/top_logo.png") no-repeat 50%;}
	header h1 a{display:block; width:200px; height:100px; margin:0 auto;}
	nav{height:60px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:14px; text-align:center;}
	nav ul{width:100%;}
	nav li{list-style:none; display:inline-block; line-height:60px; padding:0 24px;}
	.skip{font-size:0; line-height:0;}
	a{text-decoration:none; color:#000;}
	footer{background:url("../img/bottom_logo.png") no-repeat 0 50%; font-size:12px; font-weight:300; line-height:1.5; color:#666; padding-left:90px;  margin:20px 0 50px 170px;}
	footer a{color:#666;}
	address{font-style:normal;}
	select{outline:0;color:#666; padding:10px;}
	
	
	
	#main footer{margin-left:0;}
	
    /*회사소개*/
			
	#introduce .topimg{ width:100%; height:635px; background:url('../img/introduce_top.jpg') no-repeat; background-size:cover;}
	#introduce .middle{width:1366px; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin-top:-70px;}
	#introduce .middle h2{display:block; width:235px; height:235px; background:#dacc00; color:#fff; margin:0 auto 0 auto; padding-top:200px; text-align:center;}
	#introduce .middle h3{display:block; width:998px; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:35px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	#introduce .middle .content_img{display:block; width:998px; margin:0 auto; padding:100px 0;}
	#introduce .middle .content_text{display:block; width:998px; margin:0 auto; line-height:1.75;}
	
	
	
	/*회사연혁*/
			
	#history .topimg{ width:100%; height:635px; background:url('../img/history_top.jpg') no-repeat; background-size:cover;}
	#history .middle{width:1366px; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin-top:-70px;}
	#history .middle h2{display:block; width:235px; height:235px; background:#17649a; color:#fff; margin:0 auto 0 auto; padding-top:200px; text-align:center;}
	#history .middle h3{display:block; width:998px; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:35px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	#history .history_content{overflow:hidden; width:800px; margin:0 auto; background:url("../img/history_line.jpg") repeat-y 50% 0;}
	
	#history .history_content .history_content_list ul li{margin-bottom:20px;}
	#history .history_content .history_content_list ul dt{font-size:24px; color:#2fa1cd; padding-left:10px;}	
	#history .history_content .history_content_list ul dd:before{content:"·"; font-weight:400; color:#000;}
	#history .history_content .history_content_list{width:100%; overflow:hidden;}
	#history .history_content .history_content_list:nth-child(1){background:url("../img/history_img09.jpg") no-repeat 90% 50%;}
	#history .history_content .history_content_list:nth-child(2){background:url("../img/history_img08.jpg") no-repeat 10% 50%;}
	#history .history_content .history_content_list:nth-child(3){background:url("../img/history_img07.jpg") no-repeat 90% 50%;}
	#history .history_content .history_content_list:nth-child(4){background:url("../img/history_img01.jpg") no-repeat 0% 50%;}
	#history .history_content .history_content_list:nth-child(5){background:url("../img/history_img02.jpg") no-repeat 90% 50%;}
	#history .history_content .history_content_list:nth-child(6){background:url("../img/history_img03.jpg") no-repeat 10% 50%;}
	#history .history_content .history_content_list:nth-child(7){background:url("../img/history_img04.jpg") no-repeat 90% 50%;}
	#history .history_content .history_content_list:nth-child(8){background:url("../img/history_img05.jpg") no-repeat 10% 50%;}
	#history .history_content .history_content_list:nth-child(9){background:url("../img/history_img06.jpg") no-repeat 90% 50%;}
	
	#history .history_content .history_content_list:nth-child(2n+1) ul{width:50.5%;}
	#history .history_content .history_content_list:nth-child(2n+1) li{background:url("../img/history_icon01.png") no-repeat 100% 20px;}
	#history .history_content .history_content_list:nth-child(2n) ul{width:50.5%; float:right;}
	#history .history_content .history_content_list:nth-child(2n) li{background:url("../img/history_icon02.png") no-repeat 0 20px;}
	#history .history_content .history_content_list:nth-child(2n) li dl{padding-left:40px;}
	#history .history_content .history_content_list li dd{padding-left:10px;}
	
	
	
	/*솔루션*/
			
	#solution .topimg{width:100%; height:635px; background:url('../img/solution_top.jpg') no-repeat; background-size:cover;}
	#solution .middle{width:1366px; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin-top:-70px;}
	#solution .middle h2{display:block; width:235px; height:235px; background:#132c8c; color:#fff; margin:0 auto 0 auto; padding-top:200px; text-align:center;}
	#solution .middle h3{display:block; width:998px; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:35px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	#solution .middle .solution_content{width:830px; margin:0 auto;}
	#solution .middle .solution_content .solution_content_list dl dt {height:190px;}
	#solution .middle .solution_content .solution_content_list dl dd:nth-child(3) {padding-top:500px;}
	#solution .middle .solution_content .solution_content_list dl dd ul{width:100%; overflow:hidden; padding-bottom:100px;}
	#solution .middle .solution_content .solution_content_list dl dd ul li{display:block; float:left; width:31%; height:60px; margin:5px 1.111%; padding:0;}
	#solution .middle .solution_content .solution_content_list dl dd ul li a{display:block; width:100%; height:60px; border:1px solid #ebebeb; border-radius:3px; text-align:center; line-height:60px;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(1) dl dd ul li a:hover{background:#006699; color:#fff; font-weight:400; border-radius:3px;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(2) dl dd ul li a:hover{background:#660000; color:#fff; font-weight:400; border-radius:3px;}
	
	
	#solution .middle .solution_content .solution_content_list ul li:nth-child(1) dl dt{background:url("../img/solution_list_top01.png") no-repeat 50% 50%;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(1) dl dd:nth-child(3){background:url("../img/solution_list_img01.png") no-repeat 50% 15%;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(2) dl dt{background:url("../img/solution_list_top02.png") no-repeat 50% 50%;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(2) dl dd:nth-child(3){background:url("../img/solution_list_img02.png") no-repeat 50% 15%;}
	
	
	/*고객사*/
			
	#customer .topimg{width:100%; height:635px; background:url('../img/customer_top.jpg') no-repeat; background-size:cover;}
	#customer .middle{width:1366px; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin-top:-70px;}
	#customer .middle h2{display:block; width:235px; height:235px; background:#333333; color:#fff; margin:0 auto 0 auto; padding-top:200px; text-align:center;}
	#customer .middle h3{display:block; width:998px; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:35px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	
	#customer .middle .customer_content{width:998px; margin:0 auto;}
	
	#dropdown_gbn{width:100%; border:1px solid #ccc; border-radius:3px; line-height:50px; font-size:18px;}
	
	#customer .middle .customer_content dl{width:100%; overflow:hidden; margin-top:30px;}
	#customer .middle .customer_content dl dt{float:left; width:150px; height:150px; border:1px solid #006699; margin:8px; text-align:center; line-height:150px; background:#006699; color:#fff; font-weight:400;}
	#customer .middle .customer_content dl dd{float:left; width:150px; height:150px; margin:8px;}
	
	
	/*연락처*/
			
	#contact .topimg{width:100%; height:635px; background:url('../img/contact_top.jpg') no-repeat; background-size:contain;}
	#contact .middle{width:1366px; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin-top:-70px;}
	#contact .middle h2{display:block; width:235px; height:235px; background:#a8cb17; color:#fff; margin:0 auto 0 auto; padding-top:200px; text-align:center;}
	#contact .middle h3{display:block; width:998px; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:35px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	#contact .middle .contact_content{width:998px; margin:0 auto;}
	#contact .middle .contact_content ul {margin-top:50px;}
	#contact .middle .contact_content dl{width:100%; overflow:hidden;}
	#contact .middle .contact_content dt, #contact .middle .contact_content dd{display:inline-block;}
	#contact .middle .contact_content dt:before{content:"· "}
	
	}
	
	@media (min-width:480px) and (max-width:1001px){
	*{box-sizing: border-box;}
	main{width:1366px; margin:0 auto;}
	header{height:160px; background:url("../img/top_logo.png") no-repeat 50%;}
	header h1 a{display:block; width:200px; height:100px; margin:0 auto;}
	nav{height:90px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:24px; text-align:center;}
	nav ul{width:100%;}
	nav li{list-style:none; display:inline-block; line-height:90px; padding:0 24px;}
	.skip{font-size:0; line-height:0;}
	a{text-decoration:none; color:#000;}
	footer{ width:90%; background:url("../img/bottom_logo.png") no-repeat 0 50%; font-size:12px; font-weight:300; line-height:1.5; color:#666; padding-left:90px;  margin:20px auto 50px auto;}
	footer a{color:#666;}
	address{font-style:normal;}
	select{outline:0;color:#666; padding:10px;}
	
	main{width:100%; margin:0 auto;}
	
	
	#main footer{margin-left:20px;}
	#introduce .topimg{ width:100%; height:635px; background:url('../img/introduce_top.jpg') no-repeat; background-size:contain;}
	#introduce .middle{width:90%; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin:-250px auto 0 auto;}
	#introduce .middle h2{display:block; width:30%; height:235px; background:#dacc00; color:#fff; margin:0 auto 0 auto; padding-top:200px; font-size:18px; text-align:center;}
	#introduce .middle h3{display:block; width:90%; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:36px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	#introduce .middle .content_img{display:block; width:100%; margin:0 auto; padding:100px 0;}
	#introduce .middle .content_img > img {width:100%; height:auto;}
	#introduce .middle .content_text{display:block; width:100%; margin:0 auto; font-size:24px; line-height:1.75;}
	
	
	/*회사연혁*/
			
	#history .topimg{width:100%; height:635px; background:url('../img/history_top.jpg') no-repeat; background-size:contain;}
	#history .middle{width:90%; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin:-250px auto 0 auto;}
	#history .middle h2{display:block; width:30%; height:235px; background:#17649a; color:#fff; margin:0 auto 0 auto; padding-top:200px; font-size:18px; text-align:center;}
	#history .middle h3{display:block; width:90%; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:36px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	#history .history_content{overflow:hidden; width:95%; margin:50px auto 0 auto; background:url("../img/history_line.jpg") repeat-y 50% 0;}
	#history .history_content .history_content_list{width:100%; overflow:hidden; font-size:24px; line-height:1.75; letter-spacing:-2px;}
	#history .history_content .history_content_list ul{width:100%;}
	#history .history_content .history_content_list ul li{margin-bottom:20px;}
	#history .history_content .history_content_list ul dt{font-size:30px; color:#2fa1cd; padding-left:10px;}	
	#history .history_content .history_content_list ul dd:before{content:"·  "; font-weight:400; color:#000;}
	#history .history_content .history_content_list:nth-child(1){background:url("../img/history_img01.jpg") no-repeat 90% 50%;}
	#history .history_content .history_content_list:nth-child(2){background:url("../img/history_img02.jpg") no-repeat 10% 50%;}
	#history .history_content .history_content_list:nth-child(3){background:url("../img/history_img03.jpg") no-repeat 90% 50%;}
	#history .history_content .history_content_list:nth-child(4){background:url("../img/history_img04.jpg") no-repeat 0% 50%;}
	#history .history_content .history_content_list:nth-child(5){background:url("../img/history_img05.jpg") no-repeat 90% 50%;}
	#history .history_content .history_content_list:nth-child(6){background:url("../img/history_img06.jpg") no-repeat 10% 50%;}
	
	
	#history .history_content .history_content_list:nth-child(2n+1) ul{width:50.5%;}
	#history .history_content .history_content_list:nth-child(2n+1) li{background:url("../img/history_icon01.png") no-repeat 100% 20px;}
	#history .history_content .history_content_list:nth-child(2n+1) li dd{padding-right:10px;}
	#history .history_content .history_content_list:nth-child(2n) ul{width:50.5%; float:right;}
	#history .history_content .history_content_list:nth-child(2n) li{background:url("../img/history_icon02.png") no-repeat 0 20px;}
	#history .history_content .history_content_list:nth-child(2n) li dl{padding-left:40px;}
	#history .history_content .history_content_list li dd{padding-left:10px;}
	
	
	

	
	
	/*솔루션*/
			
	#solution .topimg{width:100%; height:635px; background:url('../img/solution_top.jpg') no-repeat; background-size:contain;}
	#solution .middle{width:90%; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin:-250px auto 0 auto;}
	#solution .middle h2{display:block; width:30%; height:235px; background:#132c8c; color:#fff; margin:0 auto 0 auto; padding-top:200px; font-size:18px; text-align:center;}
	#solution .middle h3{display:block; width:90%; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:36px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	#solution .middle .solution_content{width:90%; margin:0 auto;}
	#solution .middle .solution_content .solution_content_list dl dt {height:190px;}
	#solution .middle .solution_content .solution_content_list dl dd {font-size:24px;}
	#solution .middle .solution_content .solution_content_list dl dd:nth-child(3) {padding-top:500px;}
	#solution .middle .solution_content .solution_content_list dl dd ul{width:100%; overflow:hidden; padding-bottom:100px;}
	#solution .middle .solution_content .solution_content_list dl dd ul li{display:block; float:left; width:31%; height:60px; margin:5px 1.111%; padding:0;}
	#solution .middle .solution_content .solution_content_list dl dd ul li a{display:block; width:100%; height:60px; border:1px solid #ebebeb; border-radius:3px; text-align:center; line-height:60px;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(1) dl dd ul li a:hover{background:#006699; color:#fff; font-weight:400; border-radius:3px;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(2) dl dd ul li a:hover{background:#660000; color:#fff; font-weight:400; border-radius:3px;}
	
	
	#solution .middle .solution_content .solution_content_list ul li:nth-child(1) dl dt{background:url("../img/solution_list_top01.png") no-repeat 50% 50%;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(1) dl dd:nth-child(3){background:url("../img/solution_list_img01.png") no-repeat 50% 15%;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(2) dl dt{background:url("../img/solution_list_top02.png") no-repeat 50% 50%;}
	#solution .middle .solution_content .solution_content_list ul li:nth-child(2) dl dd:nth-child(3){background:url("../img/solution_list_img02.png") no-repeat 50% 15%;}
	
	
	/*고객사*/
			
	#customer .topimg{width:100%; height:635px; background:url('../img/customer_top.jpg') no-repeat; background-size:contain;}
	#customer .middle{width:90%; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin:-250px auto 0 auto;}
	#customer .middle h2{display:block; width:30%; height:235px; background:#333333; color:#fff; margin:0 auto 0 auto; padding-top:200px; font-size:18px; text-align:center;}
	#customer .middle h3{display:block; width:90%; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:35px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	
	#customer .middle .customer_content{width:90%; margin:0 auto;}
	
	#dropdown_gbn{width:100%; border:1px solid #ccc; border-radius:3px; line-height:50px; font-size:18px;}
	
	#customer .middle .customer_content dl{width:100%; overflow:hidden; margin-top:30px;}
	#customer .middle .customer_content dl dt{float:left; width:20%; height:150px; border:1px solid #006699; text-align:center; line-height:150px; background:#006699; color:#fff; font-weight:400;}
	#customer .middle .customer_content dl dd{float:left; width:20%; height:150px;}
	#customer .middle .customer_content dl dd > img{width:100%; height:auto;}
	
	
	/*연락처*/
			
	#contact .topimg{width:100%; height:635px; background:url('../img/contact_top.jpg') no-repeat; background-size:contain;}
	#contact .middle{width:90%; padding-bottom:100px; border-bottom:1px solid #ebebeb; margin:-250px auto 0 auto;}
	#contact .middle h2{display:block; width:30%; height:235px; background:#a8cb17; color:#fff; margin:0 auto 0 auto; padding-top:200px; font-size:18px; text-align:center;}
	#contact .middle h3{display:block; width:90%; text-align:center; margin:0 auto 20px auto; padding:55px 0; font-size:35px; font-weight:300; background:url("../img/title_line.jpg") no-repeat 0 100%;}
	
	#contact .middle .contact_content{width:90%; margin:0 auto;}
	#contact .middle .contact_content img{width:100%; height:auto;}
	#contact .middle .contact_content ul {margin-top:50px; font-size:24px;}
	#contact .middle .contact_content dl{width:100%; overflow:hidden;}
	#contact .middle .contact_content dt, #contact .middle .contact_content dd{display:inline-block;}
	#contact .middle .contact_content dt:before{content:"· "}
	
   }


		
	