@charset "utf-8";
/* CSS Document */

	div#contents div.c1{/*내용*/
			padding-bottom:10px;
			overflow: hidden;
			text-align: center;
			background: #fff;
			}
			#contents div.c1>h2::before{
				content:"";
				width:420px;
				height:2px;
				display:inline-block;
				margin-right: 15px;
				color: #3998E2;
				background: #3998E2;
				vertical-align: 10px;
				}
			#contents div.c1>h2::after{
				content:"";
				width:420px;
				height:2px;
				display:inline-block;
				margin-left: 15px;
				color: #3998E2;
				background: #3998E2;
				vertical-align: 10px;
				}
			#contents div.c1>h2{
				font-size: 26px;
				text-transform: uppercase;
				margin-top: 25px;
				text-align: center;
				display: inline-block;
				margin-bottom: 20px;
				font-weight: bold;
				color: #8873e3;
				width: 1000px;
				margin: 25px auto 10px;
				}
					#contents div.c1>h2+p{
						margin-bottom: 30px;
						color: #625f5f;
						font-size: 15px;
						font-weight: bold;
					 }
	div#contents div.c2{/*내용*/
			/*! width: 1000px; */
			/*! margin: 0 auto; */
			padding:30px 0;
			overflow: hidden;
			position: relative;
			background: #f7f6f4;
			border-top: 1px solid #ccc;
			}
			div#contents div.c2>ul{
				overflow: hidden;
				margin:40px 0 22px; 
				font-size: 13px;
				text-transform: uppercase;
				text-align:left;
				width: 1000px;
				margin: 0 auto;
				}
				div#contents div.c2>ul>li{
					float:left;
					}
					div#contents div.c2>ul>li h4{
					 font-size: 13px;
					 border: 1px solid #a9a9a9;
					 border-right: none;
					 background: #fff;
					 }
				div#contents div.c2>ul>li.up{
					margin-bottom: 45px;
					}
				div#contents div.c2>ul>li.n1{/*뉴스*/
					width:30%;
					}
					div#contents div.c2>ul>li.n1 ul.multi3{
						font-size:12px;
						font-family:"굴림체";
						position: relative;
						overflow: h;
						height: 200px;
						}
						div#contents div.c2>ul>li.n1 ul.multi3 ul{
							position: absolute;
							left:0;
							width: 100%;
							display: none;
							padding-top: 15px;
						 }
						div#contents div.c2>ul>li.n1 ul.multi3 ul.multi3-1{
								display: block;
							}
							div#contents div.c2>ul>li.n1 ul.multi3 ul.multi3-1 li{
          
	text-align: left;
	line-height: 2em;
								}
						div#contents div.c2>ul>li.n1 ul.multi3>li{
							line-height: 1.5em;
							color: #817676;
							float: left;
							width: 33%;
							text-align: center;
							height: 35px;
							line-height: 35px;
							}

							div#contents div.c2>ul>li.n1 ul.multi3>li:first-child h4{   
								background: #565656;
								color: #fff;
								}
              div#contents div.c2>ul>li.n1 ul.multi3>li:first-child+li+li h4{   
	              border-right: 1px solid #a9a9a9;
								}
						div#contents div.c2>ul>li.n1 ul li.rn{
							margin:0 0 0 0;
							}
					div#contents ul li.n2{/*포트폴리오*/
						width:37%;
						margin: 0 1.4%;
						height: 320px;
						background: url(../img/latestproduct.png) no-repeat left bottom;
						position: relative;
						}
					div#contents div.c2 ul li.n2 h4{
						background: #565656;
						color: #e0e0e0;
						height: 68px;
						line-height: 68px;
						font-size: 26px;
						padding-left: 24px;
						background: url(http://lecture.free21.net/img/camera.png) no-repeat 300px 10px #565656;
						background-size: 13%;
						}
						div#contents ul li.n2 p{
							margin:50px 0 10px 0;
							text-align: right;
							}
							div#contents ul li.n2 h5{
								margin:0 4px 0 0;
								/*! display: inline-block; */
								text-align: right;
								font-size: 20px;
								font-weight: bold;
								background: rgba(213,37,37,0.7);
								float: right;
								line-height: 1.4em;
								padding: 0 20px;
								color: #fff;
								}
								div#contents ul li.n2 a{
									margin:0 0 0 0;
									position: absolute;
									bottom: 30px;
									right: 10px;
									}
					div#contents div.c2>ul>li.last{
						width: 30%;
						float: right;
						}
						div#contents div.c2>ul>li.last ul{
	           overflow: hidden;
						 }
							div#contents div.c2>ul>li.last ul li{
								width: 48%;
								display: inline-block;
								border: 1px solid #ccc;
								height: 196px;
								margin-bottom: 4px;
								font-size: 15px;
								text-align: center;
								/*! line-height: 20px; */
								position: relative;
								}
							div#contents div.c2>ul>li.last ul li:first-child{
                 background: url(http://lecture.free21.net/img/chart.png) no-repeat center 20px;
              background-size: 75%;
								}
              div#contents div.c2>ul>li.last ul li:first-child+li{
                 background: url(http://lecture.free21.net/img/catalog.png) no-repeat  center 10px;
              background-size: 75%;
								}
					div#contents div.c2>ul>li.last ul li h3{
						line-height: 2em;
						position: absolute;
						bottom: 0px;
						width: 100%;
						background: #ece9e9;
						font-family: 'Roboto','notokr-demilight';
						}
						div#contents div.c2 > ul > li.last ul li.customer{
              width: 98%;
              height: 110px;
              background: url(http://lecture.free21.net/img/customer.png) no-repeat 93% center;
              background-size: 20%;
							}
						div#contents div.c2 > ul > li.last ul li.customer h3{
							margin: 12px 0 6px 12px;
							font-size: 14px;
							text-align: left;
							line-height: 1em;
							position:relative;
							background:none;
							font-family: 'PT Sans', sans-serif;
							}
						div#contents li.customer  p{
							text-align: left;
							margin-left: 12px;
							line-height:1.2em;
							font-size: 12px;
							font-family: 'PT Sans', sans-serif;
							color: #817676;
							}
							div#contents li.customer  p span{
								line-height: 1.5em;
								font-size: 25px;
								display:block;
								color: #fe2525;
								letter-spacing: 1px;
								}
							div#contents li.customer  h3 span{
								position: static;
								text-transform:uppercase;
								color:#8a8282;
								font-weight:100;
                }
						div#contents div.c2>ul>li.n1 ul.multi3+ul{
	            overflow: hidden;
	            background: #fff;
	            border: 1px solid #e5e5e5;
							}
						div#contents div.c2>ul>li.n1 ul.multi3+ul li{
							width: 33.3%;
							height: 100px;
							float: left;
							text-align: center;
							vertical-align: bottom;
							line-height: 170px;
							font-family: 'notokr-regular';
							}
							div#contents div.c2>ul>li.n1 ul.multi3+ul li:first-child{
								background: url(http://lecture.free21.net/img/location2.png) no-repeat center top;
								background-size:65%; 
								}
              div#contents div.c2>ul>li.n1 ul.multi3+ul li:first-child+li{
								background: url(http://lecture.free21.net/img/location3.png) no-repeat center top;
								background-size:65%; 
								}
              div#contents div.c2>ul>li.n1 ul.multi3+ul li:first-child+li+li{
								background: url(http://lecture.free21.net/img/location4.png) no-repeat center top;
								background-size:65%; 
								}
              div#contents div.c2>ul>li.n1 ul.multi3+ul li a{

							 }
			div#contents ul.c2{
				margin: 10px 0 50px 0;
				font-size:12px;
				line-height:1.5em;
				position: relative;
				text-align: center;
				width: 1000px;
				margin: 0 auto 40px;
			  }
				div#contents ul.c2>li{
					width: 18%;
					height:150px;
					background:url(../img/product.jpg) no-repeat;
					margin-left: 2%;
					position: relative;
					display: inline-block;
					}
				div#contents ul.c2>li:first-child{
					margin-left: 0%;
					}
				div#contents ul.c2>li:first-child+li{
					background-position:0 -150px;
					}
				div#contents ul.c2>li:first-child+li+li{
					background-position:0 -300px;
					}
				div#contents ul.c2>li:first-child+li+li+li{
							background-position:0 -450px;
							}
				div#contents ul.c2>li:first-child+li+li+li+li{
							background-position:0 -600px;
							}
					div#contents ul.c2>li h2{
						margin:19 0 20 30px;
						color:#FFF;
						background: rgba(204,204,204,0.8);
						/*! padding-left: 15px; */
						width: 20%;
						text-align: center;
						}
					div#contents ul.c2>li p{
						margin:0 0 0 10px;
						color:#6D6D6D;
						position: absolute;
						bottom: 0px;
						display: none;
						}
					div#contents>p a{
						 background: #ccc;
						line-height:1em;
						padding:0 5px;
						color:#fff;
						}