@charset "utf-8";






@media (min-width:768px) and (max-width:842px)


{

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

/* Header */

.navbar-brand img{width:80%}
.gnb {width: 100%;}
.gnb li ul {top: 66px}
.gnb .menu1 ul{left: 4%}
.gnb .menu2 ul{left:27%}
.gnb .menu3 ul{left: 49%}
.gnb .menu4 ul{left: 71%}
/* Main Contents */

.pcview{display:none}
.pcnoview{display:inline-block; height:50px; !important}

/* 화살표*/
.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 }
.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}




/* 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 }
.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_two ul li img{width:100%; height:330px}



/* Contents */
.contentTitle{width:100%;}
.SubContent{width:98%; margin:0 auto}
.SubName{padding-top:80px}


/* Footer */
.tel_guide{width:90%; margin:auto; !important}
.tel_guide ul {width:50%; margin:10px 0 50px 0 }


.footer_memu_guide{width:90%; margin:auto;  background-color:#000 }
.footer_memu_guide ul {float:left; margin:35px 0; width:25%;  }
.footer_memu_guide:after{content:"";display:block;clear:both}                   


/*   서브페이지 공통   */
.GrayBack{ width:100%; background-color:#f9fafb; 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:38px; font-weight: 300;}
.contentTitle h1 {    font-size: 35px;}


/*   인사말   */

.messageTitle{width:95%;margin:auto; padding:30px 0; font-size:38px;  font-weight: 300; text-align:center }
.hi{padding-top:20px; font-size:16px;  line-height:200%}

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

/*   연혁   */
.history_back {width:90%; margin:auto;  margin-top:20px}
.history {width:90%; margin:auto; margin-bottom:30px; }



.history .left_year {display:none}
.history .left_year span {margin-left:2%; padding:0; font-size:30px; color:#1c73c3; font-weight:400;  }
.right_date { float:none; width:96%; }


/*   인증   */
.ingeungTitle{ padding:70px 0 30px 0; font-size:18px; color:#333 }
.ingeungTitle span{display:inline-block; }
.juhyun_sang {width:100%; margin:auto }
.juhyun_sang ul {float:left; width:30%; padding:0 3% 0 3%}
.juhyun_sang:after{content:"";display:block;clear:both}
.juhyun_sang ul li { margin:5px 0 20px  0; font-size:15px; font-weight:500; text-align:center}
.juhyun_sang ul li img{width:100%;}
.juhyun{width:96%; margin:auto}
.ingeungTitle{ padding:40px 0 30px 0; font-size:25px; font-weight:500; }
.juhyun article h4{width:96%; margin:auto; position:relative; padding:2px 0 8px 0; font-size:22px; color:#333; font-weight:900; }
.juhyun .year{padding-left:0;}
.juhyun article{width:100%}
.juhyun article div ul li span:first-child{padding-right:20px; font-size:18px; color:#222; font-weight:500 }
.year{width:96%}
.year ul li span:first-child{padding-left:2%; background:none}


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


/* 새창 */

.ton ul li{ font-size:14px; color:#777; padding:8px 0 3px 10px ; margin-left:0; border-bottom:1px solid #eee}
.ton1{margin:auto; width:96%; margin-bottom:30px}
.ton2{float:left; width:96%; }






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

.tilt_table{padding-top:70%}
.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}

.productname{padding-bottom:20px; font-size: 30px; color: #444;  text-align:center}
/*  제품불러오는 부분*/
.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:35px; 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} 






}





@media (min-width:1024px) and (max-width:3000px)


{  

#labelMobile{display:none}

}