@charset "utf-8";





@media (min-width:843px) and (max-width:1200px)


{

/* Layout */
.header{width:100%; position:absolute;     z-index: 100;}
.navbar-brand{padding-top:10px}
.headerWrap{position:relative;width:100%;margin:0 auto}
#headertop{width:96%; margin:auto}

/* Header */

.gnb {width: 100%;}
ul.dropdown-menu {width: 22%;}
.gnb .menu1 ul{left: 6%}
.gnb .menu2 ul{left: 28%}
.gnb .menu3 ul{left: 50%}
.gnb .menu4 ul{left: 72%}

/* Main Contents */

/* 화살표*/
.swiper-button-prev,.swiper-button-next {position: absolute;top: 70%;width: 22px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;  -moz-background-size: 27px 44px;  -webkit-background-size: 27px 44px;  background-size: 27px 44px;  background-position: center;  background-repeat: no-repeat;}
.swiper-button-prev{left:100px}
.swiper-button-next{right:100px}



.main_contents{width:100%; margin:30px auto }
.pcview{display:none}
.pcnoview{display:inline-block; height:50px; !important}

.banner{width:96%; margin:auto}
.banner div{float:left; width:50%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing: border-box;}

.movie{width:96%; margin:auto}
.movie ul li{width:100%; height:auto}
.movie ul{float:none; width:100%; margin-top:30px}

.juhyunGallery{width:96%; margin:0 auto }
.juhyunGallery > p{font-size:27px; color:#333; font-weight:800; margin:12px 0 10px 0 ; }




.gallery_four ul{float:left; width:25% }
.gallery_four ul li{}
.gallery_four ul:nth-child(1) li{margin:0 2% 0 0;}
.gallery_four ul:nth-child(2) li{margin:0 2% 0 2%;}
.gallery_four ul:nth-child(3) li{margin:0 2% 0 2%;}
.gallery_four ul:nth-child(4) li{margin:0 0 0 2%;}
.gallery_four ul li img{width:100%;}

/* Contents */
.SubContent{width:98%; margin:0 auto}
.contentTitle{width:100%;}

/* Sidebar */
.sidebar{width:100%;}
.lnb{display:none}


/* Footer */


footer > div{width:100%}
.tel{width:100%;}
.tel_guide{width:90%; margin:auto; !important}
.tel_guide ul li{font-size:14px;}

.footer_memu_guide{width:90%; margin:auto;  background-color:#000 }
.footer_memu_guide ul {margin:35px 0; width:25%;  }
.footer_memu_guide ul li{margin-top:10px; font-size:14px;  }




/*   서브페이지 공통   */
.GrayBack{  margin:50px 0 40px 0}
.SubName{  font-size: 2.2rem; color: rgb(0, 0, 0);   text-align: center;   padding: 30px 0px;}
.SubName h1{line-height: 1.4; margin-top: 0; margin-bottom: .5rem; font-size:40px; font-weight: 400;}
.contentTitle h1 {font-size: 37px;   }


/*   인사말   */

.messageTitle{padding-top:30px; font-size:37px; }
.hi{padding-top:30px; }

.hi p{width:94%; margin:auto ;text-align:center}


/*   연혁   */
.history_back {width:96%; margin-top:20px}
.history {width:100%; margin-bottom:50px; }


.history .left_year {float:left; width:23%; }
.history .left_year span {margin-left:30px; padding:0; font-size:40px; color:#1c73c3; font-weight:600;  }
.right_date {float:right; width:77%; }


/*   인증서   */
.juhyun{width:95%; margin:auto}
.juhyun_sang {width:100%; }
.juhyun_sang ul {float:left; width:33%;}
.juhyun_sang:after{content:"";display:block;clear:both}
.juhyun_sang ul li { margin:5px 10px 20px  10px; font-size:15px; font-weight:500; text-align:center}
.juhyun_sang ul li img{width:100%;}


/*  오시는 길   */
.map{width:100%; }



/*   제품소개  틸트로테이터  */
.Left{ width:100%; }
.Right{ width:100%;}
.LR{min-height:270px}

.tilt_table{padding-top:60%}
.tiltName{margin:0 0 50px 0; font-size:40px; color:#333; text-align:center}
.productname{padding-bottom:20px; font-size: 33px; color: #444;  text-align:center}
.productinfo{width:80%; margin:auto;}
.productinfo ul li{margin:0 0 10px 0; padding-left:28px; font-size: 17px;font-weight:300; color: #444;  text-align:left}
.controlWidth{width:60%; margin:auto;}
.controlWidth ul li{font-size:18px }
/*  제품불러오는 부분*/
.rotater{padding-top:60%}
.rotater ul{float:none; padding:3% 0 0 20%}

.rotater ul:first-child{font-size:27px; font-weight:600;}
.rotater ul:first-child{font-size:40px; color:#333; font-weight:600; text-align:center; padding-bottom:30px}

#tiltA{ background-size: 100% ;background-position: top center;}
#tiltB{background-size: 100%;background-position: top center;}
#RA{  background-size: 100% ; background-position: top center; 	}
#RB{ background-size: 100%; background-position: top center;}
#RC{background-size: 100%;  background-position: top center;}
#RD{  background-size: 100% ;  background-position: top center;	}
#ConA{background-size: 100% ; background-position: top center;  }
#ConB{ background-size: 100%;  background-position: top center;}
#ConC{background-size: 100%; background-position: top center;}
#ConD{background-size: 100%;  background-position: top center;}
#EtcA{background-size: 100%;  background-position: top center;	}
#EtcB{ background-size:100%;   background-position:top center;	}
#EtcC{  background-size:100%;   background-position: top center;	}
#EtcD{  background-size:100%; background-position: top center;	}
#EtcE{ background-size:100%; background-position: top center;	}
#EtcF{   background-size:100%;background-position: top center;	}
#EtcG{  background-size: 100%;  background-position: top center;	}
#EtcH{  background-size:100%;   background-position:top center;	}
#EtcI{  background-size:100%;   background-position: top center;	}
#EtcJ{   background-size:100%;    background-position: top center;	}
#EtcK{   background-size:100%;    background-position: top center;   	}
#EtcL{   background-size:100%;    background-position: top center;	}




/*제품소개 레벨기*/
.label_info{width:100%; }
.label_poclain{width:100%;}
#labelPc{display:none}


.yellowimg{ margin-top:7%; padding-bottom:7%}
.yellowimg img{width:80%;   }
.yellowtext{ margin:5% 3% 0  0; box-sizing:border-box}








.boardListWrap{width:96%; margin:auto; position:relative; margin-top:150px; }
.boardWriteWrap .writeTable{border-top:2px solid #777;color:#555; font-family:NG,NanumGothic,나눔고딕;padding:0 0 30px 0}



}