<!-- 220614 김진아 -->

	#main-service_re {width:100%;color:#313131; padding:60px 0 50px 0;overflow:hidden;}
	#main-service_re .wrap:before {content:'';position:absolute; width:100%;height:271px; background:url('/assets/img/sg_mbanner_bg.jpg') no-repeat center center; display:block;}
	#main-service_re h2,
	#main-service_re p,
	#main-service_re img,
	#main-service_re ul {position:relative;z-index:2;}
	.m-icon{width:85%; float:right;}
	.m-icon ul{width:100%; margin:0;list-style:none; border-collapse:collapse;}
	.m-icon ul li {float:left; list-style:none; width:16%;padding-top:60px; }
	.m-icon ul li a {display:block; text-align:center; font-size:17px; color:#313131;}
	.m-icon ul li a:hover{color:#43c12c;}
	.m-icon ul li a:hover img{border-radius:60px; box-shadow:5px 5px 5px #777777;}

	.m-title{float:left; width:15%;}
	.m-title h2 {padding:40px; margin:0; font-size:22px; font-weight:600; }
	.m-title span{color:#299c14;}
	.m-title li{padding-left:40px;list-style:none;}

	@media all and (max-width:1024px) {
	#main-service_re .wrap:before {border:1px solid #cdcdcd; background:#fff;}
	.m-icon{width:82%;}
	.m-title{width:18%;}
	.m-title h2 {padding:40px;font-size:20px;}
	.m-title li{padding-left:40px;list-style:none;}
	}

	@media all and (max-width:980px) {
	#main-service_re .wrap:before {border:1px solid #cdcdcd; }
	.m-icon{width:100%;}
	.m-title{display:none;}
	#main-pop .items {height:auto;}
	#main-pop .item {width:100%;}

	}
	@media all and (max-width:767.8px){
	#main-service_re .wrap:before {height:auto; border:0;}
	.m-icon{width:100%; margin:0;border:1px solid #ccc; padding-bottom:20px;}
	.m-icon ul li {width:32%; padding-top:30px;}

	}
	@media all and (max-width:479.8px) {
	.m-icon ul {padding-right:30px;}
	.m-icon ul li {width:50%; padding-top:30px;}
	}



	#main-goods_re {padding:50px 0 30px 0; position:relative; top:80px; background-size:contain; background:url('/assets/img/sg_bgcolor.gif') no-repeat left 360px;}
	#main-goods_re h2 {padding:25px 0 15px 0;margin:0;line-height:1;font-size:38px;font-weight:600;position:relative;text-align:center;display:block;letter-spacing:-2px;}
	#main-goods_re h2 span {font-weight:300;}
	#main-goods_re h2:before,
	#main-goods_re h2:after {content:'';position:absolute;left:50%;width:30px;top:0;border-top:solid 3px #0a4593;}
	#main-goods_re h2:after {left:auto;right:50%;}
	#main-goods_re h2+p {font-size:16px;text-align:center;padding:0;margin:0;line-height:1;}

	#main-goods_re h3 {line-height:1;display:block;color:#666;font-size:1.3em;font-weight:700;font-family:'Noto Sans KR',sans-serif;margin:0;padding:30px 0 25px 0;}
	#main-goods_re .items-left {width:50%;padding-left:16px;float:right;}
	#main-goods_re .items-left .items {padding:0 0 30px 0;}
	#main-goods_re .items-left .item {position:relative;line-height:2;}
	#main-goods_re .items-left .item span {font-size:1em;font-weight:700;color:#000;padding-right:10ex;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#main-goods_re .items-left .item em {position:absolute;right:0px;top:3px;font-size:0.8em;color:#666;font-style:normal; margin:8px;}
	#main-goods_re .items-left .item:first-child {padding-bottom:20px;border-bottom:dotted 1px #dfdfdf;margin-bottom:20px;background-color:#eee; padding-top:5px;}
	#main-goods_re .items-left .item:first-child a {padding-right:0;}
	#main-goods_re .items-left .item:first-child span {font-size:1.2em;font-weight:700;color:#000; background-color:#eee; text-indent:1.0em; }
	#main-goods_re .items-left .item:first-child em {font-size:0.8em;color:#666;font-style:normal;}
	#main-goods_re .items-left .item:first-child p {display:block;padding:20px; margin:0;line-height:1.6;font-size:0.85em;text-align:justify;background-color:#eee;}
	#main-goods_re .items-left .item:first-child p {display:-webkit-box;-webkit-box-orient:vertical;height:6em;-webkit-line-clamp:3;overflow:hidden;}
	#main-goods_re .items-left .item:hover span {color:#103876;}

	#main-goods_re .items-left,
	#main-goods_re .items-right {padding-top:40px;}

	#main-goods_re .items-right {width:50%;padding-right:16px;float:left;}
	#main-goods_re .items-right h3{color:#fff;}
	#main-goods_re .items-right .items {padding:0 0 30px 0;font-size:0;white-space:nowrap;overflow:auto;}
	#main-goods_re .items-right .items.slick-slider {overflow:hidden;}
	#main-goods_re .items-right .item {width:50%;display:inline-block;padding:0 10px;font-size:1rem;}
	#main-goods_re .items-right .item a {display:block;border:solid 1px #ccc;}
	#main-goods_re .items-right .thumb {font-size:0; padding}
	#main-goods_re .items-right .thumb img {width:100%;background:#fff no-repeat center;background-size:cover;}
	#main-goods_re .items-right .texts {padding:20px 0;background:#f6f6f6;text-align:center;font-size:0.9em;letter-spacing:-1px;}
	#main-goods_re .items-right .texts strong {display:block;white-space:normal;word-break:keep-all;}
	#main-goods_re .items-right .slick-dots {position:absolute;left:0;bottom:0;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
	#main-goods_re .items-right .slick-dots li {display:inline;margin:0 2px;}
	#main-goods_re .items-right .slick-dots button {display:inline-block;width:16px;height:16px;padding:0;font-size:0;border:none;background:#ccc;border-radius:50%;cursor:pointer;outline:0;}
	#main-goods_re .items-right .slick-dots li.slick-active button {background:#333;}

	@media all and (max-width:1480px) {
	#main-goods_re{background:url('/assets/img/sg_bgcolor.gif') no-repeat -250px 350px;}

	}

	@media all and (max-width:1350px) {
	#main-goods_re{background:url('/assets/img/sg_bgcolor.gif') no-repeat -300px 350px;}

	}

	@media all and (max-width:1200px) {
	#main-goods_re{background:url('/assets/img/sg_bgcolor.gif') no-repeat -370px 350px;}

	}

	@media all and (max-width:1024px) {
	#main-goods_re{background:url('/assets/img/sg_bgcolor.gif') no-repeat -390px 360px;}

	}

	@media all and (max-width:980px) {
	#main-goods_re {top:120px; background:url('/assets/img/sg_bgcolor.gif') no-repeat -430px 360px;}
	#main-goods_re .items-right .item {margin-bottom:20px;}
	}

	@media all and (max-width:767.8px) {
	#main-goods_re{padding:50px 0 100px 0; background:none;}
	#main-goods_re .items-left {float:none;padding-left:0;width:100%;}
	#main-goods_re .items-right {float:none;padding-right:0;width:100%;}
	#main-goods_re .items-right h3{color:#666;}

	}
	@media all and (max-width:479.8px) {
	#main-goods_re{top:60px;padding:50px 0 50px 0;}
	#main-goods_re .items-right .item {width:300px;}
	}