@charset "utf-8";
/* CSS Document */
div#contents{
		background: #f7f6f4;
		}
/* ul.c1 */
 div#contents ul.c1{
		/*! border-bottom:#dfdfdf 1px solid; */
		overflow:hidden;
		max-width: 1100px;
		margin: 0 auto;
		}
		div#contents ul.c1 li{			
			float:left;
			height:160px;			
			width: 25%;
			position: relative;
			}			
			div#contents ul.c1 li.c1-1{
				width:25%;
				background:url(../img/product1.png) no-repeat 130% 24px #97a868;
				position:relative;
				overflow:hidden;
				background-size: 50%;
				}
				div#contents ul li h3.c1h1{
					margin: 15px 0 15px 20px;
					font-size:23px;
					color:#FFF;
					font-weight:bold;
					letter-spacing:1px;
					line-height:20px;
					font-family: 'PT Sans', sans-serif;
					text-transform: uppercase;
					}
        #contents ul.c1 li p {
					font-size: 10px;
					color: #EBEBEB;
					margin: 0 37% 0 22px;
          }
				div#contents ul li h3.c1h2{
					margin: 0 0 26px 23px;
					font-size: 9px;
					color: #F4F4F4;
					text-transform: uppercase;
					letter-spacing: 2px;
					font-family: Arial;
					line-height: 7px;
					font-family: 'PT Sans', sans-serif;
					}
			div#contents ul.c1 li.c1-2{
				background:url(../img/product2.png) no-repeat 130% 24px #a86871;
				overflow:hidden;
				background-size: 50%;
				}
     
      div#contents ul.c1 li.c1-3{
				background:url(../img/product5.png) no-repeat 130% 24px #77a867;
				position:relative;
				overflow:hidden;
				background-size: 50%;
				}
			div#contents>ul.c1>li.last{
				background: url(../img/product4.png) no-repeat 130% 24px #a86895;
				background-size:50%;
				}
      div#contents ul.c1 li p.go{
					right:12px;
					top:126px;
					position: absolute;
					width: 17px;
					height: 17px;
					background: #000;
					border-radius: 50%;
					color:#FFF;
					text-align:center;
					font-size:12px;
					margin: 0;
					}

	div#contents div.c2{/*내용*/
			padding:60px 0 30px;
			overflow: hidden;
			position: relative;
			background: #fff;
			/*! 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;
				max-width: 1100px;
				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:25%;
					margin-right:2%
					}
					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:40%;
						margin: 0 1.4%;
						height: 320px;
						background: url(../img/latestproduct.png) no-repeat 5% 80%;
						position: relative;
						background-size: 70%;
						}
					div#contents div.c2 ul li.n2 h4{
						/*background: #565656; */
						color: #000;
						height: 68px;
						line-height: 1em;
						font-size: 26px;
						margin-left: 14px;
						background: url(http://lecture.free21.net/img/camera.png) no-repeat 350px 0px ;
						background-size: 13%;
						border:none;
						border-top:2px solid #ccc;
						padding-top:10px
						}
						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: 80px;
									right: 10px;
									}
					div#contents div.c2>ul>li.last{
						width: 25%;
						float: right;
						border-top:1px solid #ededed;
						}
						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: 166px;
								margin-bottom: 4px;
								font-size: 13px;
								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 60%;
              background-size: 55%;
								}
              div#contents div.c2>ul>li.last ul li:first-child+li{
                 background: url(http://lecture.free21.net/img/catalog.png) no-repeat center 60%;
              background-size: 55%;
								}
					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';
						/*! margin: 0 auto; */
						/*! left: 40%; */
						}
						div#contents div.c2 > ul > li.last ul li.customer{
							border-top:1px solid #ddd;
              width: 90%;
              height: 140px;
              background: url(../img/phone4.jpg) no-repeat 97% center;
              background-size: 24%;
							margin-left:8%
							}
						div#contents div.c2 > ul > li.last ul li.customer h3{
							margin: 22px 0 6px 10px;
							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: 10px;
							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{

							 }