#wrap [class*='mainbody']{position:relative; }
#wrap .mainbody1{}
#wrap .mainbody2{background-color:#fff;}
#wrap .mainbody3{background-color:#fff;}
#wrap .mainbody4{background-color:#fff;}
/*#wrap .mainbody4{background:url('../img/main/main_company.png');background-size:cover;color:#fff;}*/
#wrap .mainbody5{background-color:#fff;}

#wrap .mainbody6{background:url('../img/main/main-bottom.png');background-size:cover;color:#fff;}
#wrap .mainbody7{background-color:#fff;}



#wrap [class*='mainbody'] .mcontainer {padding:50px 15px; max-width:1200px; margin:0 auto}
.mTIT {text-align:center;}
.mTIT h2 {font-size:1.875em; line-height:normal; letter-spacing:-2px; font-weight:300; color:#706b6c; margin-bottom:20px}
.mTIT p {font-size:14px; color:#666}

@media all and (min-width:1200px) {
#wrap [class*='mainbody'] .mcontainer {padding:50px 0 80px 0;}
/*#wrap .mainbody3 {padding:30px 0}*/
.mTIT h2 {margin-bottom:40px}
}


/*메인비주얼*/

.main_visual{position:relative;overflow:hidden;height:400px !important; margin-top:105px;}
.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 top; background-repeat:no-repeat}*/
.main_visual .bg li{display:none;position:absolute;left:0;top:0;width:100%;height:100%; background-size: cover; background-position:center top; background-repeat:no-repeat}
.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:1200px;  margin:0 auto; height:100%; overflow:hidden; text-align:center}
.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{position:absolute;z-index:10;right:6.25%;top:80%;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(../img/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(../img/main/main_visual_play.png) no-repeat center; transition:.5s;}

.main_visual .dumy{display:none}

/* 링크 점선 없애기 */
a, input { outline:none; selector-dummy : expression(this.hideFocus=true);}

#gnb-wrap {top:10px;}


/*메인슬라이트 텍스트*/
.main_visual .img li h3 {font-family: 'AritaDotum'; font-weight:900; font-size:1.5em; line-height:1.2; color:#fff; letter-spacing:-2px; margin-bottom:10px}
.main_visual .img li p.txt{font-family: 'Montserrat', sans-serif; color:#fff; font-size:14px; font-weight:800; margin-bottom:1em; text-transform:uppercase; letter-spacing:3px}
.main_visual .img li p.mtxt {font-size:14px; color:#fff; font-weight:500; letter-spacing:-1px}
.main_visual .img li p.mtxt span {display:block;}
.main_visual .img li p.mtxt_sm {font-size:9px; color:#fff; font-weight:500; letter-spacing:-1px}


@media screen and (max-width: 1000px) {
	#wrap [class*='mainbody'] .mcontainer {padding:0px; max-width:1200px; margin:0 auto}
	.main_visual{margin-top:65px;}
	.main_visual .page{display: none;}
}


@media all and (min-width:768px) {
	.main_visual .img li h3 {font-size:2.0em;}
	.main_visual .img li p.mtxt{font-size:1em; line-height: 2em;}
	.main_visual .img li p.mtxt span {display:inline-block;}
	.main_visual .img li p.mtxt_sm {font-size:18px;}
}

@media all and (min-width:980px) {
	#gnb-wrap {top:0;}
	.main_visual{height:600px !important;}
	.main_visual .img li h3 {font-size:3.750em;}
	.main_visual .img li p.mtxt {font-size:1.8em;}
}

@media all and (min-width:1200px) {
	.main_visual{height:800px !important;}
/*.main_visual .bg li {background-size:100% auto !important}*/
}

#mainbody1 {position:relative}

/*제품소개*/
.pro-slide{ width:94%;margin:0 auto;}
.pro-slide .item {margin:0 12px; position:relative; background-color:#fff; background:url("../img/main/main_product_bg.png") no-repeat center center;}
.pro-slide .item a:after {content:""; position:absolute; z-index:1;}
/*.pro-slide .item a:hover:after {opacity:0.4}*/
.pro-slide .thumb{display:block; position:relative; padding-bottom:110%; overflow:hidden;}
/*
.pro-slide a .thumb:after{content:""; visibility:hidden;position:absolute;bottom:0;left:0; display:block;width:100%;height:100%;background:rgba(105,79,74,60%);-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.pro-slide div:nth-of-type(2n) a .thumb:after {background:rgba(65,100,72,60%);}*/

.pro-slide a .thumb:before {content:""; 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:60%; 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%; }
/*
//마우스오버효과
.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;}
*/

.fban-ctrl {max-width:1900px; 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(../img/main/main_arrow_left.png) no-repeat center center;}
.fban-ctrl .next{width:46px;height:46px; background:url(../img/main/main_arrow_right.png) no-repeat center center;}


.pro_text {padding:1.3em 1em 0.5em 1em;text-align:center;}
.pro_text span{font-size:1.1em;}
.pro_detail {padding:0.3em 1em 1em 1em; }
.pro_detail span{font-size:0.8em; }


/* 주요 인증현황 */

.pro-slide-patents{width:100%;margin:0 auto;text-align:center;}
.pro-slide-patents .thumb{display:block; position:relative; padding:0 10px; overflow:hidden;text-align:center;}
.pro-slide-patents .thumb img {width:100%; padding:0 0.5em;margin-bottom:10px;}
.pro-slide-patents .thumb_text{text-align:center;font-size:.8em;}
@media all and (max-width:767px) {
	.pro-slide-patents .thumb{display:block; position:relative; padding:0 10px; }
	.pro-slide-patents .thumb img {width:100%; padding:0 2em;margin-bottom:.5em;}

}

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


/* 회사소개 */
.main_comp {position:relative;width:100%;margin:0 auto; border:0px solid red;text-align:center;padding:0}
/*.main_comp_left{display:inline-block; float: left;width:49.5%; text-align:left;padding-left:80px;padding-top:45px;}*/
.main_comp_left{display:inline-block;width:49.8%;padding:0;margin:0; }
.main_comp_left img{width:101%;}
.main_comp_right{display:inline-block;width:49.8%;padding:0;margin:0;}
.main_comp_right img{width:101%;}



@media all and (max-width:1200px){
/*.main_comp_left{padding-left:10px;padding-top:10px;}
.main_comp_left .title01{font-size:1.6em;line-height:1.3em;}
.main_comp_left .title02{font-size:1em;line-height:.9em;}*/
}

@media all and (max-width:1000px){
/*.main_comp_left{width:100%;padding-bottom:40px;padding-left:0px;padding-top:0px;}*/
.main_comp_left{width:100%;}
.main_comp_right{width:100%;}
/*
.main_comp_left .title01{font-size:1.6em;line-height:1.3em;}
.main_comp_left .title02{font-size:1em;line-height:.9em;}
*/
}

@media all and (max-width:450px){
/*
.main_comp_left{width:100%;padding-bottom:20px;padding-left:0px;padding-top:0px;}
.main_comp_right{width:100%;}
.main_comp_left .title01{font-size:1.3em;line-height:.9em;}
.main_comp_left .title02{font-size:.7em;line-height:.9em;}
.main_comp_right img{width:100%;}
*/
}



/* CONTACT */
.ci-main-block5{position:relative;margin:0 auto;text-align:left;width:100%;}
.ci-main-block5 .ci-list{position:relative;padding:0.5rem;text-align:left;margin:0 auto;font-size:0;line-height:0;max-width:1300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ci-main-block5 .ci-list li{display:inline-block;position:relative;overflow:hidden;width:100%;max-width:800px;}
.ci-main-block5 .ci-list{max-width:1300px}
/*.ci-main-block5 .ci-list li{width:50%;}*/
.ci-main-block5 .ci-list li:first-child {width:65%;}
.ci-main-block5 .ci-list li:last-child {width:35%;padding-left:10px;}

.ci-main-block5 .ci-list li img{display:block;width:100%;height:auto}
.ci-main-block5 .ci-list li .ci-list-font {font-size:15px;line-height:15px;padding-top:10px;}
.ci-main-block5 .ci-list li .ci-list-font .title01{font-size:1.9em;line-height:1.3em;padding-top:10px;}

.text-block-left {color:#b03149;font-size:1.5rem;line-height:2rem;margin-bottom:1rem;}
.text-block-left2 {color:#555;font-size:1rem;line-height:1rem;}

.agree_label {padding:2px;background-color:#535353;color:#fff;margin-left:1rem;}
.dbfrom button {border:0px; margin-top: 0.5rem;width: 100%;height: 3rem;background: #b53f55;color: #fff;font-size: 1.2rem;font-weight: 400;}

.bold600{font-weight:600;}
.bold300{font-weight:300;}


input.frm_input {
	width: 100%;
	border: 1px solid #dcdcdc;
	background-color:#f8f8f8;
	padding: 1.2rem;
	margin-bottom:2px;
	border-radius:0px;
}
input.frm_input2 {
	width: 49.6%;
	border: 1px solid #dcdcdc;
	background-color:#f8f8f8;
	padding: 1.2rem;
	margin-bottom:2px;
	border-radius:0px;
}
input.frm_input3 {
	width: 49.6%;
	border: 1px solid #dcdcdc;
	background-color:#f8f8f8;
	padding: 1.2rem;
	margin-bottom:2px;
	margin-left:2px;
	border-radius:0px;
}
.dbfrom textarea {
	padding: 1rem;
	width: 100%;
	height: 9em;
	border-radius:0px;
	border: 1px solid #dcdcdc;
	background-color:#f8f8f8;
}

@media all and (max-width:1300px){
	.ci-main-block5{position:relative;margin:0 auto;text-align:left;width:100%;}
	.ci-main-block5 .ci-list{position:relative;padding:0.5rem;text-align:left;margin:0 auto;font-size:0;line-height:0;max-width:1300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.ci-main-block5 .ci-list li .call-img {margin-right:-28px;}
	.ci-main-block5 .ci-list li .call-img img{display:block;width:70%;height:auto;}
	.text-block-left {color:#b03149;font-size:1.3rem;line-height:1.5rem;margin-bottom:1rem;}
	.text-block-left2 {color:#555;font-size:0.7rem;line-height:1rem;}


	.text-block{padding:0 1rem 2.9375rem;text-align:left; }
	.text-block h3{font-size:2.5rem;line-height:1.25;padding:.5em 0;}
	.text-block h2{font-size:1.8rem;line-height:1.25;padding:.5em 0;}
	.text-block h1{font-size:1.3rem;line-height:1.25;padding:.5em 0;}
	.text-block p{font-size:1.5rem;line-height:1.4;max-width:40rem;text-align:left; }
	.text-block span {font-size:1.5rem;line-height:1.4;max-width:40rem;margin:0 auto;text-align:left;}
}

@media all and (max-width:1100px){
	.ci-main-block5{position:relative;margin:0 auto;text-align:left;width:100%;}
	.left-img img{width:100%;}
	.ci-main-block5 .ci-list li:first-child {width:100%;max-width:1300px;}
	.ci-main-block5 .ci-list li:last-child {width:100%;max-width:1300px;padding-left:0px;padding-top:10px;border:0px solid red;}
}

@media all and (max-width:768px){
	.ci-main-block5 .ci-list{position:relative;padding:0.5rem;text-align:left;margin:0 auto;font-size:0;line-height:0;max-width:900px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.ci-main-block5 .ci-list li{display:inline-block;position:relative;overflow:hidden;width:100%;}
	.ci-main-block5 .ci-list li .ci-list-font {font-size:12px;line-height:15px;padding-top:10px;}
	.ci-main-block5 .ci-list li img{display:block;width:100%;height:auto}

	.ci-main-block5 .ci-list li{width:50%;}

	.text-block{padding:0 1rem 2.9375rem;text-align:left; }
	.text-block h3{font-size:2rem;line-height:1.25;padding:.5em 0;}
	.text-block h2{font-size:1.5rem;line-height:1.25;padding:.5em 0;}
	.text-block h1{font-size:1.1rem;line-height:1.25;padding:.5em 0;}
	.text-block p{font-size:1.3rem;line-height:1.4;max-width:40rem;text-align:left; }
	.text-block span {font-size:1.3rem;line-height:1.4;max-width:40rem;margin:0 auto;text-align:left;}
}

@media all and (max-width:450px){
	/*.ci-main-block5 .ci-list li{width:100%;text-align:center;border:1px solid red;}*/

}



/*알려드립니다*/
.sectionW {display:-webkit-flex; display:flex; flex-flow:column nowrap; width:100%}
[class*='section3'] {position:relative;}
.section31 {width:100%}
.section31 .thumb img {width:100%; position:absolute; left:0; top:0;}
.section31 a h3 {position:absolute; z-index:10; display:inline-block; color:#fff; font-size:1.875em; font-weight:500; text-shadow: 0 0 6px #000; margin-bottom:5px; left:50%; top:50%; transform:translate(-50%,-50%);}
.section31 a h3:before {content:""; display:block; width:80px; height:80px; margin:0 auto 10px auto; background:url(../images/main/micon1.png) no-repeat center center; background-size:100%}
.section31 .thumb{display:block; position:relative; padding-bottom:56.25%; overflow:hidden;}
.section31 a .thumb:after{content:""; visibility:hidden;position:absolute;bottom:0;left:0; display:block;width:100%;height:100%;background:rgba(0,0,0,60%);}
.section31 a:hover .thumb:after,
.section31 a:active .thumb:after,
.section31 a:focus .thumb:after{visibility:visible;}
.section31 a .thumb  img, .section31 a:hover .thumb  img {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.section31 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);}


.section32 {width:100%; vertical-align:middle; background:#694f4a; margin-bottom:4%}
.section32:after{content:""; visibility:hidden;position:absolute;bottom:0;left:0; display:block;width:100%;height:100%;background:rgba(129,133,101,100%);}
.section32:hover:after,
.section32:active:after,
.section32:focus:after{visibility:visible;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.trans {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.op6 {opacity:0.6}
.section32>a {display:block; height:100%; min-height:130px}
.section32 h3 {position:absolute; z-index:10; display:inline-block; color:#fff; font-size:1.25em; font-weight:500; text-shadow: 0 0 6px #000; left:50%; top:50%; transform:translate(-50%,-50%);}
.section32 a h3:before {content:""; display:block; width:80px; height:80px; margin:0 auto 0 auto; background:url(../images/main/micon2.png) no-repeat center center; background-size:100%}

.section33 {width:100%; display:-webkit-flex; display:flex; flex-flow:column nowrap;}
.section33>div {width:100%;}
.section33>div>a {display:block; color:#fff}
.section33>div:nth-of-type(1) {position:relative; background:#416448; min-height:100px; padding:15px; color:#fff}
.section33>div:nth-of-type(1) :after {content:""; width:60px; height:50px; position:absolute; right:15px; top:50%; background:url(../images/main/micon3.png) no-repeat right 50%; background-size:100%; transform:translateY(-50%)}

.section33>div:nth-of-type(2) {background:#fff; border:1px solid #e8e4df; padding:15px;}
.section33>div>h3 {margin:0 0 10px 0; font-weight:300}
.section33>div>p {font-size:14px; line-height:normal;  font-weight:300;}
.sec331 p {font-size:0.825em; line-height:1.2em; margin-top:8px}
.sec332 .tel {font-size:1.875em; font-weight:700; letter-spacing:-3px; line-height:1.2em; margin-bottom:15px}


/*공지사항*/
.mnotice {position:relative; background:#ffffff;  margin-top:20px}
.mnotice>h3 {background:#908178; color:#fff; text-align:center; width:25px; float:left}
.mnotice>h3:before {content:"\f140"; font-family: LineAwesome; display:inline-block; font-size:18px; line-height:40px}
.mnotice>h3>span {display:none;}
.mnotice>ul{padding-left:40px}
.mnotice>ul>li {position:relative; line-height:40px}
.mnotice>ul>li>a>span.notice_tit {width:70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mnotice>ul>li>a>span.date {position:absolute; right:5px; font-size:12px; color:#999;}


@media all and (min-width:768px) {
	.section33 {flex-flow:row nowrap;}
	.mnotice>h3 {width:35px;}
	.mnotice>ul>li>a>span.date{right:15px}

}

@media all and (min-width:980px) {
	.sectionW {flex-flow:row nowrap; justify-content:space-between;}
	.section31 {width:48%}
	.section32 {width:24%; padding:0 4%; margin-bottom:0}
	.section33 {width:24%; flex-flow:column nowrap; justify-content:space-between}
	.section33>div:first-child {height:40%}
	.section33>div:last-child {height:50%}
	.sec331 p {margin-top:16px;}
	.mnotice>h3 {width:60px; line-height:60px}
	.mnotice>h3:before {font-size:24px}
	.mnotice>ul{padding-left:70px}
	.mnotice>ul>li {line-height:60px}
	.mnotice>ul>li>a>span.date {font-size:14px; right:80px}
	.mnotice>a.moreBtn {position:absolute; top:0; right:0; width:60px; line-height:60px; text-align:center; border:1px solid #d7d7d7;}
	.mnotice>a.moreBtn:before {content:"\f2c2"; font-family: LineAwesome; display:inline-block; font-size:18px}




}