#visual{width:100%; margin:0 auto; overflow:hidden; height:630px; min-width:1200px; position:relative;}
.visual_img{width:2000px; height:630px; position:relative; left:50%; margin-left:-1000px;}
.visual-txt{position:absolute; z-index:8; left:50%; margin-left:-437px;}
.VS_img{z-index:7; position:relative;}
#pagination{position:absolute; width:100%; z-index:9999; text-align:center; bottom:30px;}
#pagination li{display:inline-block; }
#pagination li a{display:block; width:60px; height:5px; background:rgba(255,255,255,0.8);  font-size:0;}
#pagination li.current a{background:#176cb4;}

main{background:#f1f2f6; width:100%; min-width:1200px; position:relative; overflow-x:hidden;}
#product{width:100%;background:#fff;}
.prd-box{width:1200px; margin:0 auto; padding:70px 0;}
.prd-box .prd-tit{float:left; width:330px;}
.prd-tit p{word-break:keep-all; font-size:15px; color:#7c8d8e; line-height:26px; margin-top:30px;}
.prd-tit em{display:inline-block; width:33px; border-top:3px #1b79af solid; height:25px;}
.prd-tit h2{font-family:'Montserrat'; font-size:38px; color:#1b79af; line-height:1.2}
.prd-tit span{display:block; font-size:24px; margin-bottom:15px;}
.prd-box ul{float:right;}
.prd-box ul li{float:left; text-align:center; margin-left:55px;}
.prd-img{width:230px; height:230px; border:1px transparent solid; border-radius:50%; overflow:hidden;}
.prd-img img{width:100%;}
.prd-txt{font-family:'Montserrat'; font-size:22px; margin-top:26px;}
.prd-txt strong{font-weight:700;font-family:'Montserrat';}
.prd01 .prd-txt{color:#3365a2;}
.prd02 .prd-txt{color:#199e9c;}
.prd03 .prd-txt{color:#419167;}
.prd-box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.prd-txt i{display:none;}

.qic-box{width:1200px; margin:0 auto; padding:70px 0;}
.qic-box section{float:left; width:50%; height:300px; background-color:#fff; background-repeat:no-repeat;}
.qic-box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

.QBC{width:50%; text-align:center;}
.QB-cnt-right{padding-left:50%;}
.QBC span{display:block; width:50px; margin:64px auto 10px;}
.QBC span img{width:100%;}
.QBC h2{font-family:'Nanum Gothic Bold'; font-size:17px;}
.QBC p{font-size:14px; color:#848484; line-height:20px; width:68%; word-break:keep-all; margin:14px auto;}
.QBC .qic-more{border:1px #c4c9cf solid; font-family:'Montserrat'; display:inline-block;-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;}
.QBC .qic-more:hover{background:#1b79af; border-color:#fff;}
.QBC .qic-more a{display:block; padding:7px 17px; color:#3d4a59;}
.QBC .qic-more:hover a{color:#fff;}
#company{background-image:url(../../images/main/qic-bg01.jpg);background-position:100% 50%; }
#line{background-image:url(../../images/main/qic-bg02.jpg);background-position:100% 50%; }
#paper{background-image:url(../../images/main/qic-bg03.jpg);background-position:0% 50%; }
#location{background-image:url(../../images/main/qic-bg04.jpg);background-position:0% 50%; }


.qic-ctn-bottom{clear:both; padding-top:40px;}
#machine{background:#1b79af; position:relative; height:195px;}
#machine h2{position:absolute; left:225px; top:37px;}
#machine h2 img{height:25px;}
#machine ul{position:absolute; left:225px; color:rgba(255,255,255,0.8); font-size:14px; top:74px; line-height:24px;}
.mcn-logo{position:absolute; left:24px; top:13px;}
.mcn-logo img{height:170px;}
#notice{position:relative; height:195px; background:#17a2a8;}
.qic-more02{position:absolute; right:20px; bottom:15px;font-family:'Montserrat'; font-size:11px; }
.qic-more02 a{display:block; line-height:33px; padding:0 15px; }
#machine .qic-more02 a{background:#75b3d6; color:#166c9e;}
#notice .qic-more02 a{background:#80cfd2; color:#247c80;}
#notice{position:relative; z-index:88;}
.ntc-cnt{padding:37px 24px; }
.ntc-cnt a:hover{text-decoration:underline; color:rgba(255,255,255,0.6);}
.ntc-tit span img{width:32px;}
.ntc-tit p{display:inline-block; line-height:32px; height:32px; max-width:480px; overflow:hidden; font-size:16px; color:#fff; font-family:'Nanum Gothic Bold';}
.main-new{color:#f4e799;font-family:'Montserrat'; line-height:32px; height:32px; display:inline-block; vertical-align:top; margin-left:3px;}
.ntc-txt{color:rgba(255,255,255,0.8); font-size:14px; line-height:24px; height:48px; width:100%; overflow:hidden;}
.ntc-data{font-size:13px; color:rgba(255,255,255,0.6); margin-top:5px; display:block;}

.main-bg{width:230px; height:200px; position:absolute; left:50%; bottom:175px; margin-left:526px; background:url(../../images/main/main-bg.png) no-repeat; z-index:77;}


/*-----------------1200px---------------------*/
@media screen and (max-width:1200px){
main{min-width:100%;}
#visual{min-width:100%;}
.prd-box{width:100%;}
.prd-box .prd-tit{float:none; text-align:center; width:100%;}
.prd-tit p{margin-top:15px;}
.prd-box ul{float:none; margin-top:40px; padding:0 20px;}
.prd-box ul li{width:33.3%; margin-left:0;}
.prd-img{width:80%; height:100%; margin:0 10%;}

.qic-box{width:94%; padding:50px 3%;}
.qic-box section{height:240px; background-size:50%;}
.QBC span{margin-top:30px}
.QBC span img{width:40px;}
.QBC p{width:80%;}
.QBC .qic-more a{font-size:11px; padding:5px 15px;}
.mcn-logo{top:22px}
.mcn-logo img{height:150px;}
#machine h2,#machine ul{left:200px;}

.ntc-tit p{max-width:70%;}
.qic-more02 a{line-height:28px; padding:0 12px;}

.main-bg{display:none;}
}

/*-----------------1023px---------------------*/
@media screen and (max-width:1023px){
#visual{height:473px;}
.visual_img li{left:50%; margin-left:-750px;}
.visual_img img{height:473px;}
.visual-txt{margin-left:-328px}
#pagination{display:none;}
.prd-tit p{width:70%; margin:15px auto 0;}
.qic-box section{height:180px;}
.QBC p{display:none;}
.QBC span{margin-top:35px;}
.QBC .qic-more{margin-top:10px;}
.mcn-logo{display:none;}
#machine h2,#machine ul{left:24px;}


}

/*-----------------767px---------------------*/
@media screen and (max-width:767px){
#visual{height:300px; }
.visual_img li{left:50%; margin-left:-476px;}
.visual_img img{height:300px;}
.visual-txt{margin-left:-208px}
.prd-box{padding:0;}
.prd-tit em{display:none;}
.prd-tit h2{font-size:28px; text-align:left; padding:20px 5% 15px; background-color:#1b79af; color:#fff;}
.prd-tit span{display:none;}
.prd-tit p{display:none;}
.prd-box ul{margin:0; padding:0;}
.prd-box ul li{width:100%; padding:10px 0; position:relative; border-top:1px #dce4e8 dashed;}
.prd-box ul li:first-child{border-top:0;}
.prd-box ul li a{color:#fff;}
.prd-img{height:53px; width:53px; position:absolute; left:20px; float:left; margin:0; padding:0; top:7px;}
.prd-img img{width:100%;}
.prd-txt{width:78%; float:left; margin:0; padding:0; line-height:50px; text-align:left; position:relative; margin-left:100px;}
.prd-txt i{position:absolute; right:0; line-height:50px; display:inline-block;}
/*.prd01{background:#3365a2;}
.prd02{background:#3387a2;}
.prd03{background:#33a287;}
.prd01 .prd-txt,.prd02 .prd-txt,.prd03 .prd-txt{color:#fff;}*/

.qic-box{padding:3%;}
.qic-box section{width:100%; height:250px;}
.QBC span img{width:50px;}
.QBC span{margin-top:50px;}
.QBC .qic-more{margin-top:20px;}
.mcn-logo{display:block;}
#machine h2, #machine ul{left:225px;}

#line{background-position:0 50%;}
#line .QBC{margin-left:50%; }
#paper{background-position:100% 50%;}
#paper .QBC.QB-cnt-right{padding-left:0;}

.qic-ctn-bottom{padding-top:20px; padding-bottom:20px;}

}

/*-----------------560px---------------------*/
@media screen and (max-width:560px){
#visual{height:260px; }
.visual_img li{margin-left:-412px;}
.visual_img img{height:260px;}
.mcn-logo{display:none;}
#machine h2, #machine ul{left:24px;}
.qic-box section{width:100%; height:215px;}
.QBC span{margin-top:40px;}
.prd-tit h2{font-size:22px;}
#machine h2{top:25px;}
#machine ul{top:60px;}
#machine{height:180px;}
.prd-txt{width:73%;}
}

/*-----------------460px---------------------*/
@media screen and (max-width:460px){
#visual{height:200px; }
.visual_img li{margin-left:-317px;}
.visual_img img{height:200px;}
.prd-txt{font-size:18px;}
.prd-txt i{right:20px;}
.prd-tit h2{font-size:20px;}
.qic-box section{height:170px;}
.QBC span{margin-top:30px;}
.QBC span img{width:35px;}
.QBC .qic-more{margin-top:10px;}
}

/*-----------------355px---------------------*/
@media screen and (max-width:355px){
.prd-tit h2{font-size:18px;}
.qic-box section{height:150px;}
.QBC span{margin-top:17px;}
}