@charset "utf-8";





@media all and (min-width:1px) and (max-width:767px)

{

.navbar{height:130px; min-height:30px;    margin-bottom: 0; }
.navbar-default{height:0; background-color:#000 ; border-bottom:0; opacity:1; !important}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #3a3939;!important}

.navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #000;}
.navbar-collapse {padding-right:0; padding-left:0}
.navbar-toggle{margin-right:20px}
.youtube{display:none}
#headertop{width:100%; }
.collapse{margin-top:0; }
.gnb{width: 100%; padding-top:0}
.gnb .menu1 ul{width:100%; left:50%}
.gnb .menu2 ul{width:100%; left:50%}
.gnb .menu3 ul{width:100%; left:50%}
.gnb .menu4 ul{width:100%; left:50%}
.menu1 ul {margin-top:-80px; }
.menu2 ul {margin-top:-80px;}
.menu3 ul {margin-top:-80px;}
.menu3 ul li {margin-top:80px;}
.menu4 ul {margin-top:-80px;}
.menu4 ul li:first-child{margin-top:100px;}

.uppage{margin-top:-130px}

.gnb ul{width: 40%; height:200px;  background-color:#000;}
.gnb > ul ul{font-size:12px; color:red;}
.gnb > ul > li{width:100%;   float:none; margin-top:0; padding:20px 0 0 25px }
.gnb > ul > li > a{display:block;  font-size:15px; color:#fff; text-align:left; font-weight:1; }
.gnb > ul > li:hover > a{color:#e3ac17;border-bottom:0}
.gnb > ul > li:hover > a{padding-bottom:0; color:#e3ac17; border-bottom:0}
.gnb > ul > li > a.active{padding-bottom:0; color:#e3ac17; border-bottom:0}
.gnb > ul > li > a.hover{padding-bottom:0;color:#e3ac17; border-bottom:0}
.gnb > ul > li > ul{margin-left:40%; width:50%; background-color:#fff}
.gnb ul li ul li a {padding-left:10%;   font-size: 14px;    color: #333;}
.dropdown-menu{margin-top:50px; height:200px}
.dropdown-menu>li>a{display:block;padding:3px 30px;clear:both;font-size:16px;color:#333; font-weight:400;line-height:1.82857143;white-space:nowrap}
.dropdown li .active span{background:url(../images/lnb/lnbBack.gif) no-repeat left -20px       }







/* Layout */
.header{width:100%;height:60px; background-color:#000 ;  border-bottom: 1px solid #333; !important}
/* mobil화면에서 header부분이 뜨는 이슈 해결 코드-지현 */
.header{ position: fixed;}

.headerWrap{width:100%;}
.navbar-brand{padding-top:20px}
.mainVisual{position:relative; width:100%; padding-top:60px} 


.body{width:100%;margin:0 auto;margin:0}

.body:after{content:"";display:block;clear:both}
.front .content{width:100%;float:none}
.content{width:100%; margin:auto; outline:0;min-height:500px}
.content:after{content:"";display:block;clear:both}

/* Header */
.headerWrap h1 a img{position:absolute;left:10px;top:10px; width:100px;}
.header h1{width:100%;height:40px;position:absolute;left:0; top:20px}
.header h1 a{display:block;overflow:hidden}
.navbar-brand img{width:50%}


.swiper-button-prev{left:30px}
.swiper-button-next{right:30px}

.subVisual{width:100%;height:310px;background:url(../images/mv/sv.jpg) no-repeat center 0;border-bottom:45px solid #e7e4e4}


/* Main Contents */
.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:20px; color:#333; }

.gallerytitle{font-size:15px ;}
.gallerytitle a{ dispiay:inline-block; padding-top:50px; margin-top:30px; color:#333; }
.gallery_two ul{float:none; width:100%; }
.gallery_two ul li:first-child {
    height: auto;
}
.gallery_two ul li:last-child{  }

.gallery_two .gallerytitle{margin-top:0}


.gallery_four ul li:first-child{ 
	height:auto;
	 }
.gallery_two ul li a img {
	height:auto;
	}
.gallery_four ul {
	float:none;
	width:100%; 
	height:auto;
	}
.gallery_four ul li a img{
	width:100%; 
	height:auto;
	}

.gallery_four ul li:nth-child(1){margin:0;}
.gallery_four ul li:nth-child(2){margin:0;}
.gallery_four ul li:nth-child(3){margin:0;}
.gallery_four ul li:nth-child(4){margin:0;}



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







/* Contents */
.SubContent{width:98%; margin:0 auto}
.contentTitle{width:100%;position:relative;padding:7px 0;margin:70px 0 20px 0;background:url(../images/bg/bg_subtitle.gif) repeat-x center}
.contentTitle h1 {display: inline-block; padding:0 0 20px 10px; font-size: 22px;    color: #333;    font-weight: 400; text-align:center}
.contentTitle h2{text-align:center;font-size:35px;font-weight:normal;color:#6a2506}
.contentRoute{text-align:left;position:absolute;right:0;top:88px;padding-left:15px;background:url(../images/bg/bullet_route.gif) no-repeat left 2px;font-size:13px}
.contentRoute span{font-weight:bold}


/* Sidebar */
.sidebar{float:left}
.lnb{width:230px;margin:0 0 15px 0}
.lnb h3{background: url(../images/lnb/bg_lnbtitle.gif) no-repeat center 0;color:#000;text-align:center;padding:34px 0;font-size:24px;font-weight:normal;}
.lnb ul{}
.lnb ul:after{content:"";display:block;clear:both}
.lnb li{border-bottom:1px solid #cacaca;width:230px;}
.lnb li a{display:block;padding:13px 0 13px 17px;font-size:15px;color:#555}
.lnb li.active{background:#f5f5f5 url(../images/lnb/bg_lnblist.gif) no-repeat 210px 16px}
.lnb li.active a{color:#0772b3}
.lnb li:hover{background:#f5f5f5 url(../images/lnb/bg_lnblist.gif) no-repeat 210px 16px}
.lnb li:hover a{color:#0772b3}



/* Footer */
.footer_menu{display:none}

.tel{display:none}
.tel_guide{display:none;}
.tel_guide ul {float:none; width:100%; margin:20px 0 }
.tel_guide ul li:first-child{font-size:15px }
.tel_guide ul:last-child {margin-top:20px; border-top:1px solid #333 }
.tel_guide ul li{font-size:12px; color:#fff; margin-top:10px; font-weight:100}
.mobileFooter{display:inline-block; width:100%; padding:10px  0; background-color:#000;  !important}
.mobileFooter p{padding:10px 0 5px 20px; border-bottom:1px solid #333; color:#fff}
.mobileFooter p span{margin-right:30px}

/* Main Contents */
.main_contents{width:96%;margin:0 auto}

.banner{display:none}

.product ul h3{padding:100px 0 10px 0; font-size:25px; color:#333; background-color:#fff}
.product img{float:left; width:100%;  height: auto; margin-right:0; box-sizing: border-box;}
.product:after{content:"";display:block;clear:both}
.product img:last-child{margin-right:0; }

.product ul:after{content:"";display:block;clear:both}
.product ul li{float:left;width:48%;   height: auto; border:1px solid red; box-sizing: border-box;}

.product_0101{margin:0 16px 16px 0;  }
.product_0102{margin:0 0 16px 0;  }
.product_0103{margin:0 16px 0 0;  }
.product_0104{margin:0 0 0  0;  }




.photo{}
.photo ul {float:none; width:100%}
.photo ul:first-child{margin-right:0}
.photo ul li:first-child{margin-top:20px}
.photo_title{font-size:28px; color:#333; font-weight:700; padding:10px 0 10px 0 }

.photo ul img{width:100%;  height: auto;}

.photo ul li:nth-child(2){font-size:18px; color:#333; font-weight:700; padding:10px 0 6px 0 }
.photo ul li:nth-child(3){font-size:14px; color:#333; line-height:200%; padding-bottom:50px }

.myButton {
	background-color:red;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:12px 55px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}


.myButton_s {
	background-color:#44c767;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	padding:6px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* 서브공통*/

.information p{text-align:center; font-size:15px; padding-top:10px }
.information p:last-child{padding-bottom:10px }
.SubTopImg{display:none;}
.SubName { font-size: 1.954rem; color:#333; text-align: center; padding: 20px 0px;}
.GrayBack{ width:100%; background-color:#f9fafb; margin:60px 0 20px 0}
.messageTitle{display:none}


/*  인사말   */

.hichallenge{text-align: justify; }

.Message p{margin-bottom:20px; font-size:17px; color:#222; line-height:200%; text-align:justify}
.Message p span{disply:block}

.hi{width:96%; margin:auto; text-align:left; padding:100px 0 10px 0; font-size:15px;  }
.hithankyou{padding-top:30px; font-size:18px; color:#777}
.hicompanion{padding:5px 0 30px 0; font-size:15px; color:#3f7ebc; }
.hichallenge{ margin:0 0 10px 0; padding-top:30px; font-size:15px; color:}
.hiimg{display:none}




/*    회사연혁    */

.history_back {display:none}
.mobilehistory{display:block;  width:90%; margin:auto; margin-top:130px}
.mobilehistory ul li:first-child{font-size:20px; font-weight:600; color: #1c73c3;}
.mobilehistory ul li:last-child{border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:30px}
.mobilehistory ul li{font-size:15px;  color:#444; line-height:1.9}



/*  인증   */
.ingeungTitle {padding: 10px ; margin:50px 0 20px 0; font-size: 22px; color: #1c73c3;; font-weight: 600;  text-align: center; }
.ingeungTitle span{display:block; padding-top:10px;  }

.juhyun .year{padding-left:0;}
.left_year{float:none}
.right_date{float:none}
.juhyun_sang {width:96%; margin:auto ; margin-top:100px }
.juhyun_sang ul {float:none; width:90%; margin:auto; padding-top:30px}
.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_sang ul li span{display:inline-block; width:100%}



.juhyun{width:96%; margin:auto}

.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:17px; color:#222; font-weight:300 }
.juhyun article div ul li span:nth-child(2n){font-size:16px; }
.juhyun article div ul li span:nth-child(3n){font-size:16px; color:#777 }
.year{width:96%}
.year ul li span:first-child{padding-left:2%; background:none}

.displaynoneli{display:none}


/*  오시는 길   */
.map{width:100%; margin-top:130px}
.map P {margin: 2%}
.map p span{width:40%; }

/* 새창 */

.modal-dialog { width: 96%; margin: auto;  margin-top: 60px; }
.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:100%; margin-bottom:30px}
.ton2{float:left; width:100%; }
#controlbuttontwo { width: 90%;  margin: auto;}


/*제품소개*/
/*   제품소개  틸트로테이터  */

.tilt{margin-bottom:30px;}
.tilt h4{display:block;font-size:20px; color:#333; font-weight:800}
.tilt div{float:right; width:500px;}

.tilt_table, .TR{padding:2% 0 0 7%}
.tilt_table ul li:first-child{width:28%  }
.Left{ width:100%; }
.Right{ width:100%;}
.LR{min-height:200px; width:100%;}

.tilt_table{padding-top:70%}
.titlebox{display:none}
.SubName{padding-bottom:120px}
.SubName h1{display:none}


.productname{padding-bottom:20px; font-size: 20px; color: #444; font-weight:500; text-align:center}
.productinfo ul li{margin:0 0 0 10px; padding-left:8px; background-image: url(); background-position:left center; background-repeat: no-repeat ; font-size: 16px; color: #444;  text-align:left}
.productinfo ul p{ font-size: 18px; }

.button.large {    font-size: 1.25rem;}
.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: 1.02em 1.5em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out,color 0.25s ease-out;
    transition: background-color 0.25s ease-out,color 0.25s ease-out;
    font-size: 1.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #e3ac17;
    color: #fefefe;
}


/*  로테이터  */
.rotater{padding-top:60%}


#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;	}

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

.yellowimg{width:100%;height:auto; margin-top:7%; padding-bottom:7%}
.yellowimg img{width:80%;   }
.yellowtext{ width:95% ; fomt-size:20px; color:#222; margin:0 auto; padding-bottom:20px }
.yellowtext h2{ font-size: 2.275rem;    line-height: 1.4;  font-weight:700;}

.label_poclain{ padding:0 13% 2% 0 ;   box-sizing:border-box;}

.component-image {padding: 20px 10%;}