#wrap [class*='mainbody']{position:relative; }
			#wrap .mainbody1{
				
			}
			#wrap .mainbody2{
				

			}
			#wrap .mainbody3{
				background:#385067;
				
				
			}
			#wrap .mainbody4{
				background:#f4f4f5;
				
				
			}
			
#wrap [class*='mainbody'] .mcontainer {padding:50px 15px; max-width:1200px; margin:0 auto}
#wrap [class*='mainbody2'] .mcontainer {padding:50px 15px; max-width:1400px; margin:0 auto}
.mTIT {text-align:center; margin-bottom:20px}
.mTIT h2 {font-size:1.875em; line-height:normal; letter-spacing:-2px; font-weight:400; color:#494949; margin-bottom:20px}
.mTIT h2:before {content:""; width:25px; height:1px; background:#494949; margin-right:20px; display:inline-block; vertical-align:middle}
.mTIT h2:after {content:""; width:25px; height:1px; background:#494949; margin-left:20px; display:inline-block; vertical-align:middle}
.mTIT p {font-size:14px; color:#666}
.mainbody3 .mTIT h2  {color:#fff}
.mainbody3 .mTIT h2:before,.mainbody3 .mTIT h2:after {background:#bfbfbf}
.mainbody3 .mTIT p {color:#bfbfbf}

@media all and (min-width:1200px) {
#wrap [class*='mainbody'] .mcontainer {padding:50px 0 80px 0;}
.mTIT {margin-bottom:80px}
.mTIT h2 {font-size:2.813em; margin-bottom:30px}
.mTIT h2:before,.mTIT h2:after {width:45px;}
.mTIT h2:before {margin-right:40px;}
.mTIT h2:after {margin-left:40px;}
}

/*메인비주얼*/

.main_visual{position:relative;overflow:hidden;height:440px !important}
.main_visual .page{top:100%}
.main_visual li{/*background-size:auto 100% !important;*/}
.main_visual .bg{position:absolute;left:0;top:0;width:100%;height:100%}
.main_visual .bg li{display:none;position:absolute;left:0;top:0;width:100%;height:100%; background-size:auto 100% !important; background-position:center center}
.main_visual .bg li:first-child{display:block}

.main_visual .bg li span{position:absolute;left:11.25%;top:100px;width:77.5%;font-size:11px;color:#fff;background:url(../images/ico_bubble.png) no-repeat 0 0;background-size:16px;padding-left:20px;line-height:14px}

.main_visual .img{width:100%; height:100%; padding:0 20px}
.main_visual .img ul {position:relative; max-width:900px;  margin:0 auto; height:100%; overflow:hidden}
.main_visual .img ul li{position:absolute; z-index:10; width:100%;  top:50%;  transform:translate(0, -50%)}
.main_visual .img ul li:after{content:''; clear:both;}



.main_visual .prev{position:absolute;left:1.25%;top:50%;width:50px;margin-top:-25px;cursor:pointer;z-index:11}
.main_visual .next{position:absolute;right:1.25%;top:50%;width:50px;margin-top:-25px;cursor:pointer;z-index:11}
.main_visual .prev img,.main_visual .next img {max-width:100%;}

.main_visual .page{position:absolute;z-index:10;right:6.25%;top:90%;color:#fff; left:0%; right:0%; text-align:center; }
.main_visual .page span{display:inline-block;vertical-align:middle;height:25px;line-height:25px; margin: 0 5px; font-size:1em;}
.main_visual .page .pause{cursor:pointer;width:18px;background:url(../images/main/main_visual_pause.png) no-repeat center; background-size:18px;margin:0 5px;opacity:1}
.main_visual .page .pause:hover{opacity:1}
.main_visual .page .pause.on{opacity:1; background:url(../images/main/main_visual_play.png) no-repeat center; transition:.5s;}

.main_visual .dumy{display:none}
@media all and (min-width:1800px) {
.main_visual .prev{left:8.25%;}
.main_visual .next{right:8.25%;}
}
    

/*메인슬라이트 텍스트*/

.main_visual .img li h3 {font-family: 'AritaDotum'; font-weight:900; font-size:2.125em; line-height:1.2; color:#fff; letter-spacing:-0.05em; margin-bottom:0.333em}
.main_visual .img li h3 span{ font-weight:900}
.main_visual .img li h3 span em {font-size:1.250em; color:#0e6fe5; font-style:normal}
.main_visual .img li p {font-family: 'AritaDotum'; font-weight:700; font-size:1.25em; letter-spacing:-2px}
.main_visual .img li p.txt{color:#fff;}
.main_visual .img li p.txt2{color:#333;}

.shadow1 {text-shadow: 0 0 10px #000;}




@media all and (min-width:768px) {

.main_visual .img li h3 {font-size:3.0em;}
.main_visual .img li p.txt{font-size:1.5em; }

}


@media all and (min-width:980px) {
#gnb-wrap {top:0;}
#main {padding-top:100px;}
.main_visual{height:600px !important;}
.main_visual .img li h3 {font-size:3.5em;letter-spacing:-4px;}
.main_visual .img li p.txt{font-size:1.875em; }
.main_visual .img li p.txt2 {font-size:1.75em}




}

@media all and (min-width:1200px) {



}


/*주요거래처*/
.client {padding:0.5em}
.client>li {display:inline-block; margin:0.3em}

/*제품소개
.pro-slide .item {margin:0 12px; position:relative;}
.pro-slide .item a:after {content:""; position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; height:90%; border:1px solid #fff; opacity:0}
.pro-slide .item a:hover:after {opacity:0.4}
.pro-slide .thumb{display:block; position:relative; padding-bottom:100%; overflow:hidden;}
.pro-slide a .thumb:after{content:"";  position:absolute; bottom:0;left:0; display:block;width:100%;height:100%;background:rgba(0,0,0,40%);-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}


.pro-slide a .thumb:before {content:""; background:url("../images/main/ic_view.png") no-repeat center center; position:absolute; width:50px; height:50px; left:50%; top:50%; margin-left:-25px;  margin-top:-25px; opacity:0; z-index:1;transition: all 0.4s ease-out;-webkit-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); transform-origin: 50% 50%;}
.pro-slide .thumb img {width:100%; position:absolute; left:0; top:0;}

.pro-slide a{ display:block;cursor:pointer; letter-spacing:-0.06em; text-align:center; z-index:2}
.pro-slide a span.tit{opicity:1; position:absolute; display:inline-block; color:#fff; font-size:1.250em; font-weight:500; margin-bottom:5px; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap;}
.pro-slide a span.txt{display:block;margin-bottom:10px; font-size:0.9em;color:#808080}

.pro-slide a:hover .thumb:after,
.pro-slide a:active .thumb:after,
.pro-slide a:focus .thumb:after{visibility:visible;width:100%;height:100%; background:rgba(14,111,229,90%);}
.pro-slide a .thumb  img, .pro-slide a:hover .thumb  img {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.pro-slide a:hover .thumb  img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.pro-slide a:hover .thumb:before{opacity:1;-webkit-transform: scale(1,1) rotate(0)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(0)skew(0,0) translate(0,0); transform-origin: 50% 50%;}
.pro-slide a:hover span.tit {opacity:0;}

*/


.pro-slide .item li {margin:0 12px; position:relative;}
.pro-slide .item li {margin-bottom:24px}

.fban-ctrl {max-width:1200px; margin:35px auto 0 auto; text-align:center}
.fban-ctrl>a {display:inline-block; margin:0 5px}
.fban-ctrl .prev{width:46px;height:46px; background:url(../images/main/prevArrow.png) no-repeat center center;}
.fban-ctrl .next{width:46px;height:46px; background:url(../images/main/nextArrow.png) no-repeat center center;}


/*커버디자인*/
.book-slide img {width:100%}
.book-slide .item {margin:0 12px; position:relative;}
.book-slide .item li {margin-bottom:24px}
.book-slide .item a span.tit {display:none}
.book-slide a .thumb {background:#fff;}
.book-slide a .thumb img {border:1px solid #bfbfbf}


.tabs-info .img-info{overflow:hidden; height:0px;}
.tabs-info .img-info.show {height: auto;}
.tabs-info .tabs-slide{margin-bottom:40px; text-align:center}
.tabs-info .tabs-slide li {display:inline-block;}
.tabs-info .tabs-slide li a{text-align:center; color:#d0d0d0; display:block; font-size:15px; padding:0px 25px; border-right:1px solid #666; line-height:120%; letter-spacing:-0.02em;}
.tabs-info .tabs-slide li.active a{color:#01a2ea !important; text-decoration:underline} /*선택시*/
.tabs-info .tabs-slide li:first-child a{padding-left:0px;}
.tabs-info .tabs-slide li:last-child a{border-right:none;}

.sectionW {display:-webkit-flex; display:flex; flex-flow:column nowrap; width:100%}
.sectionW>div:nth-child(1) {margin-bottom:15px;}
.sectionW>div:nth-child(2) {margin:20px 0; border:1px solid #dcdcdc; padding:20px; background:#fff}
.sectionW>div>h3 {font-weight:500}
.section41 {position:relative}
.section41>a.more {position:absolute; right:0; top:10px; font-size:12px; color:#aaa}
.section41>h3 {font-size:1.125em;}
.section41>p {font-family: 'Montserrat', sans-serif; color:#dcdcdc; font-size:12px}
.section41>ul>li>a {color:#808080;}
.section41>ul>li:before {content:""; width:4px; height:4px; background:#dcdcdc; margin-right:10px; display:inline-block; vertical-align:middle}
.section42 p{position:relative; display:block; margin:10px 0 0 0; padding-left:80px}
.section42 p.tel span {font-family: 'Montserrat', sans-serif; font-size:30px; line-height:1.2em; font-weight:800; color:#0e6fe5; display:block}
.section42 p.tel em {color:#494949; font-size:1.5em; font-style:normal}
.section42 p.tel:before {position:absolute; left:0; top:0; content:"\f232"; font-family: LineAwesome; font-size:3em; display:inline-block; width:68px; height:68px; line-height:68px; background:#f1f1f1; border-radius:100%; color:#999; text-align:center;}
.section43 {display:flex; justify-content:center; background:#f5f5f5; padding:20px; border:0px solid #ffe800}

.section43>h3 {margin-bottom:15px}
.section43>p {text-align:center; display:block}
.section43>p:nth-of-type(2) {margin:15px 0}
/*.section43 a {position:relative; display:block; border:1px solid #333; color:#333; font-size:14px; padding:5px 20px;}
.section43 a:hover {background:#333; color:#fff;}

.section43 a:after{width:32px; height:6px; background:url(../images/main/more.png) no-repeat right center ;display:block; content:""; position:absolute; right:33px; top:50%;margin-top:-3px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.section43 a:hover:after{background:url(../images/main/moreOver.png) no-repeat right center ; -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%);;  -o-transform:  translateX(20%);  transform: translateX(20%);}
*/
.kakaoChat {
	display:block;
	width:224px;
	height:192px;
	background-color:#f5f5f7;
	background-image:url(/images/common/kakao.svg);
	background-repeat:no-repeat;

}

@media all and (min-width:980px) {
	.sectionW {flex-flow:row nowrap;justify-content: space-between;}
	.section41 {width:30%}
	.section41>p {margin-bottom:15px}
	.section42 {width:36%}
	.section42>p {margin:20px 0 0 0;}
	.section43 {width:30%}
	.kakao {width:20%}
	.sectionW > div:nth-child(1) {margin-bottom:0}
	.sectionW > div:nth-child(2) {margin:0;}
	
	
}
@media all and (min-width:1200px) {
.tabs-info {margin-bottom:50px;}
.tabs-info .tabs-slide{width:42%; margin:0 auto 60px auto}
}


/*아이콘메뉴추가- 20190930*/
#iconsection {max-width:1200px; margin:0 auto; padding:1em 0 0 0; border-bottom:1px dashed #ccc;}
#iconsection [class*='iconM'] {display: flex;flex-direction: column; justify-content: center; position:relative;  min-height:120px; padding:0 0 0 120px}
#iconsection [class*='iconM']:before{content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:106px; height:106px;  margin-right:10px; display:inline-block; vertical-align:middle}
.iconM1:before {background: url(../images/main/micon1.png) no-repeat center center;}
.iconM2:before {background: url(../images/main/micon2.png) no-repeat center center;}
.iconM3:before {background: url(../images/main/micon3.png) no-repeat center center;}
#iconsection [class*='iconM'] h5 {font-weight:500; margin-bottom:10px}
#iconsection [class*='iconM'] p {font-size:14px; color:#666; line-height:1.2em}


@media all and (min-width:1200px) {
#iconsection { padding:3em 0 0 0;
}