@media (max-width:999px) {
/* #### 모바일 반응형 시작 #### */
.btn_normal{ display:inline-block; width:49%; padding:10px 0 8px 0; margin:0 0 0 2%; font:normal 15px/16px Dotum;  float:left; border-color:#ccc; color:#666 }
.btn_normal:first-child{ margin:0; }
.btn_normal:after{ content:""; }
.Main .wrapper{  }
.wrapper{  }

/* 최상단 스몰 메뉴 */
.topbar-e1 .container{ display:none;  }
.header .navbar { /* border-bottom:none; box-shadow:0 0 1px rgba(0,0,0,.5); */}

/* 로고 영역 */ 
.header .navbar{  }
.navbar.navbar-default .container{ width:100%; padding:0; }
.header .navbar-header { float: none; height:55px; z-index:999;  }
.header.header-e1 .navbar-header{ margin:0;  }
.header-e1.header .navbar-header.left { margin:0; width:100%; }
.header-e1.header .navbar-header .logo .navbar-brand{ width:125px; margin-top:13px; position:absolute; top:0; left:50%; margin-left:-62px; }
.header-e1.header .navbar-header .logo .navbar-brand img,
.header-e1.header .navbar-header.left .logo .navbar-brand img{ position:absolute; top:5px; left:0; width:130px; text-align:left }
/* .header-e1.header .navbar-header .logo .navbar-brand:after{ position:absolute; top:12px; left:15px; display:block; width:100%; content:"방울랜드"; font:400 19px 'Godo',Malgun Gothic; letter-spacing:-1px; color:#fff; background:none; } */
.header-e1.header .navbar-header.left .logo .navbar-brand:after{  position:absolute; top:12px; left:32px; }

/* 상단 small menu */
.s_menu{ margin-top:13px; }

/* 모바일 메뉴 버튼 */
.navbar-default .navbar-toggle{ border-radius:0px; border:none; border-right:1px solid rgba(252,255,255,0.18); margin:-2px 0 0 0; float:left; width:55px; height:56px; }
.navbar-default .navbar-toggle .fa { color:#ccc; font-size: 22px; }
.navbar-default .navbar-toggle.active .fa{ color:#fff; }

.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:transparent; border-right:1px solid rgba(252,255,255,0.18); }
.navbar-toggle:hover{ background:transparent !important; border:none; }
.navbar-default .navbar-toggle:hover .fa{ color:#fff; }
.header-e1.header .navbar-default .navbar-nav > li > a:hover{ color: #fff; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none }

/* 검색창 */ 
.nav.navbar-nav.navbar-right{ margin:0; height:0; float:none !important }
.nav.navbar-nav.navbar-right li.no-border{  }
.header .navbar .search-open{  z-index:999; display:none; position:absolute;width:100%;  top:0; left:0; margin-left:0; border:solid 4px #0286ca; background:#fff; border-radius:1px;  }
.header .navbar .nav > li {  float:none; }
.header .navbar .nav > li > .search {  float:none;  z-index:999; display:inline-block;  position:absolute; top:-44px; right:10px;  background:none; color:#fff;  width:32px; font-size:22px; text-align:center;  }
.header .navbar .nav > li > .search.fixed { position:fixed; top:8px; right:10px; }

.header .navbar .nav > li > .search:hover { color:#000; background:none; }
.nav.navbar-nav.navbar-right input[type=text]{  color:#000; width:98%; height:40px; font:bold 16px/40px Malgun gothic;/*  box-shadow:10px 10px 20px rgba(0,0,0.7); */ }
#sch_submit:before{ content:''; display:inline-block; width:45px; font:normal 22px/40px "icon"; color:#fff; background:#0286ca; margin:0; text-align:center; }
.nav.navbar-nav.navbar-right button{ padding:0; border-radius:0; }

/* 상단 탑메뉴 */
.header .navbar { height:55px; background:none;  }
.header-e1.header .navbar-nav { float:none !important; padding:0; margin:0; background:#141414; border-bottom:1px solid #141414; }
.header-e1.header .navbar-nav > li{ width:100%; }
.nav.navbar-nav.navbar-right{  }
.header .navbar .nav > li > .search.fa.search-btn.fa-times{ background:none; color:#343434;  }

/* 드롭 다운 메뉴 */
.header .navbar-collapse.collapse.in { overflow-y:hidden; }
.header-e1.header .navbar-default .navbar-nav > li > a {  padding:11px 7% 8px 7%; width:100%; color:#ddd; border-bottom: solid 1px #555; font-size:15px; }
.header-e1.header .navbar-default .navbar-nav > li:nth-child(1) > a{ padding-top:9px; padding-bottom:8px; }
.header-e1.header .navbar-default .navbar-nav > li:nth-child(4) > a{ padding-bottom:11px; }
.header-e1.header .navbar-default .navbar-nav > li.dropdown > a:after{ content:''; font:normal 11px 'icon',Arial; display:inline-block; padding:4px 4% 0 0; opacity:.7; }
.header-e1.header .navbar-default .navbar-nav>.open>a { background:transparent; color:#fff; }
.header-e1.header .navbar-default .navbar-nav > li:last-child > a{ border-bottom:none; }

.header .nav > li:nth-child(3) .dropdown-menu{ margin-left:0; }

/*2차 메뉴 배경색 */
.navbar-default .navbar-nav .open:first-child .dropdown-menu > li > a{  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a{  color:#444; background:#eee; font-size:14px;  }
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a{ /* border-top: solid 1px #ddd; */ }
.header .navbar-default .navbar-nav > li > ul > li a{ padding-left:8%; }
.header .navbar-default .navbar-nav > li > ul > li a:before{ content:'●'; font:normal 9px/11px 'icon',Arial; display:inline-block; margin-right:15px; vertical-align:2px; }
.header .navbar-default .navbar-nav > li a, .header .navbar-default .navbar-nav > li > ul { }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{ padding:2px 8% 2px 8%; }

.header .nav > li .dropdown-menu2{ display:none !important; overflow:inherit !important; height:auto !important; text-align:left; }
.header .nav > .open:hover > .dropdown-menu2{ display:block !important; }

/*3차 메뉴*/
.header .nav > li .dropdown-menu2 li .dropdown-menu.dropdown-menu-sub{ display:block !important; margin:0; text-align:left; padding:0; }
.header .nav > li .dropdown-menu2 li .dropdown-menu.dropdown-menu-sub li a{ padding-left:10%; }
/* .header .nav > li .dropdown-menu2 li .dropdown-menu.dropdown-menu-sub li a:before{ content:' '; } */

/* 상단 header fixed */
.header.header-e1.fixed .navbar-default .navbar-toggle{ color:#ddd; border-right-color:#ddd; }
.header.header-e1.fixed .navbar-default .navbar-toggle:hover, .header.header-e1.fixed .navbar-default .navbar-toggle.active{ border-right-color:#ddd; }
.header.header-e1.fixed .navbar-default .navbar-toggle:hover .fa, .header.header-e1.fixed .navbar-default .navbar-toggle.active .fa{ color:#242424; }


/* 상단 header fixed > 서브 1차메뉴 dropdown-menu-sub */
.header.header-e1.fixed .navbar-default .navbar-nav > li > a{ color:#fff !important; }
/* 상단 header fixed > 서브 3차메뉴 dropdown-menu-sub */
.header.header-e1.fixed .dropdown-menu.dropdown-menu-sub li:hover > a{ background:#eee; }
.header.header-e1.fixed .dropdown-menu.dropdown-menu-sub li a:before{ width:0px; height:0; }
.header.header-e1.fixed .dropdown-menu li.active > a{ color:#23943b; }

/* 드롭메뉴 hover 색상 */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#19a230; background:#eee; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a > br{ display:none; }

/* 드롭메뉴 active 색상 */
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color:#19a230; background:#eee !important; }

.header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus{ background:transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color:#19a230; background-color:transparent;  }



/* LNB 좌측 메뉴 및 상단 메뉴 */
.side_top .lnbTop{ margin-top:-1px; }
.side_top .lnbTop li .menu{  }

/* 푸터 */
.footer-e1 .footer .logo{ display:none;}
.footer-e1 .address{ width:100%; }
.footer .container{ padding:0 15px; width:100%; }
.footer .container .row { padding: 5px 0; }


/* 서브 레이아웃 */
.content_height.basic-bs-main.col-md-9.left-main{ padding:50px 15px 60px; }

/*------------------------------------
	서브비주얼
------------------------------------*/
.basic-bs .basic-bs-main{ min-height:200px; }

.sub_visual ul, .sub_visual li{ }
.sub_visual li{ display:none; height:140px; }
.sub_visual .sub_visual_1010 { background:url(/img/main_visual_2.jpg) no-repeat center; background-size:cover; }
.sub_visual .sub_visual_2001 { background:url(/img/main_visual_3.jpg) no-repeat center; background-size:cover; } 
.sub_visual .sub_visual_3011 { background:url(/img/main_visual_4.jpg) no-repeat center; background-size:cover; }
.sub_visual .sub_visual_4012 { background:url(/img/main_visual_5.jpg) no-repeat center; background-size:cover; }
.sub_visual .sub_visual_5004 { background:url(/img/main_visual_7.jpg) no-repeat center; background-size:cover; }
.sub_visual dt { margin:79px 0 0 0; font:normal 20px/28px 'Godo','Malgun Gothic'; padding:2px 20px; }
.sub_visual dd{ margin-top:39px; font-size:14px; line-height:20px; }

/* 갤러리게시판 설정 */
.gallery-boxes-in .col-sm-2{ float:left; margin-bottom:20px; padding:0 10px; width:33.3333333333%; }
.gallery-list-eb .gallery-list-title{ /* margin-bottom:0 !important; */ }

.gallery-boxes-in .col-sm-3{ float:left; margin-bottom:20px; padding:0 10px; }

/* 서브 타이틀 */
.left_title_wrap{ margin-bottom:20px; }
.left_title_wrap p.left_title{ font-size:18px !important; line-height:28px !important; }
.left_title_wrap p.left_title span{ font-size:20px; }

/*회사연혁*/
.history{display:block; width:100%;}
.history dl{display:block; margin:0; padding:0}
.history dl dt{ display:none; }
.history dl dd{display:block; margin-left:0; padding-left:0; width:100%;}
.history dl dd div{float:none; clear:both;}
.history dl dd div:first-child{ position:relative; font-style:normal; padding-left:22px; margin-top:0; margin-right:0; width:100%; margin:5px 0 10px; color:#333; font-size:18px; position:relative;}
.history dl dd div:first-child:before{ position:absolute; left:0; top:4px; content:''; font:normal 15px/17px 'icon',Arial; color:#19a230; padding:0 5px 0 0; }
.history dl dd div:last-child{width:100%;}
.history dl dd div > p{ margin-bottom:6px; }
.history dl dd li{margin-top:0; margin-bottom:20px;}
.history .month{ color:#444; }

/*------------------------------------
	비전&경영방침
------------------------------------*/
/* .vision_wrap > div{ float:none; width:100%; padding-left:0; }
.vision_wrap > div:first-child{ padding:0 0 35px 0; margin:0 0 33px 0; border-right:none; border-bottom:1px dotted #ddd; } */

/*비전*/
.vision_left{ margin-top:0; float:none; width:100%; }
.vision_right{ float:none; width:100%; }

.vision_wrap .ceo{ margin:0; }

.vision_wrap .gas_text_caption2{ font-size:17px; line-height:21px; }

/*경영방침*/
.management_left{ float:none; width:100%; }
.management_right{ float:none; width:100%; }

.management_div dl dt i{ font-size:20px; }
.management_div dl dd{ padding:10px 10px 10px 15px; }

/*------------------------------------
	ceo 인사말
------------------------------------*/
.ceo_wrap{display:block; width:100%;}
.ceo_wrap .left_img_wrap{ margin:0; }
.ceo_wrap dl{display:block; margin:0; padding:0}
.ceo_wrap dl dt{ display:none; }
.ceo_wrap dl dd{display:block; margin-left:0; padding-left:0; width:100%;}
.ceo_wrap dl dd div{float:none; clear:both;}
.ceo_wrap dl dd div > p{ margin-bottom:6px; }


/*------------------------------------
	사업영역
------------------------------------*/
.left_img_wrap{ overflow:inherit; }
.left_img{ float:none; width:100%; max-width:600px; margin-bottom:25px; }
.left_img_padding{ padding-top:0px; }
.left_img_auto p{ text-align:left; }
.business{ float:none; width:100%; clear:both; }
.business .headline{ font-size:18px; line-height:26px; }
.business .headline b{ font-size:18px; line-height:26px; }
.business p b{ font-size:14px; }


/*------------------------------------
	사업영역 > 주요고객사
------------------------------------*/
.client dl{ width:32%; margin-bottom:10px; }
.client dl:nth-child(4n+1){ margin-left:2%; }
.client dl:nth-child(3n+1){ margin-left:0; }

/* 사업영역 > 사업영역 */
.business_ul li{ float:none; width:100%; margin-left:0; min-height:auto; margin-bottom:25px; }

caption{ padding-left:20px; font-size:18px; }
caption:before{ top:3px; font-size:13px; }

.gas_text_caption, .gas_text_caption2{ padding-left:20px; font-size:18px; }
.gas_text_caption:before, .gas_text_caption2:before{ top:3px; font-size:13px; }


/*------------------------------------
	YJT의 기술력
------------------------------------*/
.right_img_wrap .left_img{ float:none; }
.right_img_wrap .business{ float:none; }

.tech_ul_img{ display:block; padding-left:10px; margin:8px 0; }



/*------------------------------------
	하드웨어 액세서리★
------------------------------------*/
/* 상단 로고 */
/* .hard .header-e1.header .navbar-header .logo .navbar-brand{ width:70px; margin-top:10px; margin-left:-35px; } */

/* 상단 메뉴 */
   /*2차메뉴*/
.hard .header .dropdown-menu.dropdown-menu2 > li.active > a{ color:#14489d; }
   /*3차메뉴*/
.hard .dropdown-menu > .active > .dropdown-menu-sub li.active a, .hard .dropdown-menu > .active > .dropdown-menu-sub:hover li.active a, .hard .dropdown-menu > .active > .dropdown-menu-sub li.active a{ color:#14489d; }
.hard .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .hard .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#14489d; }


/* 제품 견적문의 */
.sub_title_wrap{ padding:0 0 20px; }
.sub_title_wrap p{ font-size:14px; }



/*------------------------------------
	가구사업 브랜드 소개
------------------------------------*/
.furniture dt{ float:none; width:100%; text-align:left; }
.furniture dt .titleField{ padding-bottom:5px; font-size:17px; line-height:30px; }
.furniture dt .titleField strong{ font-size:22px; }
.furniture dd{ float:none; width:100%; margin-top:25px; }
.furniture dt .subTitle{ font-size:13px; }
.furniture dd.infoArea p{ margin:0; font-size:13px; }

.characteristics_wrap ul li{ width:49%; }
.characteristics_wrap ul li:nth-child(3n+1){ margin-left:2%; }
.characteristics_wrap ul li:nth-child(2n+1){ margin-left:0; }


/* ###################################### 모바일 반응형 끝 ################################################################ */
}

@media (max-width:800px) {

/* 갤러리 게시판 */
.gallery-boxes-in .col-sm-3{ width:50%; }

/* 상단 서브메뉴 */
.side_top.basic-bs-side.col-md-3{ display:none; }

/*------------------------------------
	사업영역 > 주요고객사
------------------------------------*/
.client dl{ width:49%; }
.client dl:nth-child(4n+1){ margin-left:0%; }
.client dl:nth-child(3n+1){ margin-left:2%; }
.client dl:nth-child(2n+1){ margin-left:0%; }


/*------------------------------------
	가스스프링
------------------------------------*/
/* 자동차용 */
.gas_ul li{ width:49.4%; margin-bottom:10px; }
.gas_ul li:nth-child(2n+1){ margin-left:0; }
/* 산업용*/
.gas_ul2 li{ float:left; margin-left:0; width:100%; margin-bottom:10px; }
.gas_ul3 li{ padding:0; text-align:center; }
.gas_ul3 li:first-child{ padding:0 0 10px 0; text-align:center; border-right:none; border-bottom:1px dotted #ddd; }
.damper_gas_ul li{ float:none; width:100%; margin-left:0; }
.damper_gas_ul2 li:nth-child(3){ margin-left:0; }

table.gas_table th, table.gas_table td{ padding-left:5px; padding-right:5px; font-size:12px; }
}

@media (max-width:750px) {

/* 통합유지보수 탭메뉴 */
.tab2_menu{ width:100%; overflow:hidden; padding-bottom:20px; }
.tab2_menu li{ float:none; width:100%; }
.tab2_menu li{ border-left:1px solid #ddd; }
.tab2_menu li:first-child{ border-top:1px solid #ddd; }
.tab2_menu li a{ border-top:none; border-left:1px solid #ddd; }

/* 페이지 타이틀 */
.breadcrumbs{ display:none; }

/* 서브 레이아웃 */
.content_height.basic-bs-main.col-md-9.left-main{ padding:30px 15px 50px; }
}

@media (max-width:700px) {

/*------------------------------------
	가스스프링 > 댐퍼
------------------------------------*/
.damper_ul li{ float:none; margin-left:0; width:100%; }

}
@media (max-width:600px) {

.sub_visual dt{ font-size:18px; }

/* 갤러리게시판 설정 */
.gallery-boxes-in .col-sm-2{ width:50%; }
.gallery-boxes-in .col-sm-3{ width:50% !important; }

/* 서브 타이틀 */
.left_title_wrap{ margin-bottom:30px; }
.left_title_wrap p{ font-size:16px; line-height:26px; }
.left_title_wrap p span{ font-size:18px; }

/* 푸터 */
/* .footer-e1 address span.company_address:after{ display:none; } */

/* map 오시는 길 : 주소 정보 테이블 스타일 */
.table01 th{ padding:5px 10px; min-width:50px; }
.table01 td{ padding:5px 15px; }


/* 가스스프링 */
table.gas_table th, table.gas_table td{ min-width:auto; font-size:11px; }


/* 가스스프링 > 가구용 */
.damper_gas_ul.damper_ul_none li p img{ max-width:100%; }

/* 제품 견적문의 */
.sub_title_wrap p > br{ display:none; }



/*------------------------------------
	가구사업 브랜드 소개
------------------------------------*/
.characteristics_wrap h2{ margin:2px 0 5px; font-size:20px; }
.characteristics_wrap ul li{ float:none; width:100%; margin-left:0; margin-bottom:15px; }
.characteristics_wrap ul li:nth-child(3n+1){ margin-left:0; }
.characteristics_wrap ul li strong{ font-size:12px; }


}
@media (max-width:550px) {


/* 좌측 메뉴 고정 fixed */
.side_top.basic-bs-side.col-md-3{ display:none; }

/* left이미지*/
.left_img_wrap{ margin-top:0; }

/* LNB 좌측 메뉴 및 상단 메뉴 */
.side_top .depth01{ display:none; }
.side_top .lnbTop .btn_home{ padding:0 15px; }

.sub_visual dt{ font-size:14px; }

/* 시스템 유지보수 */
.product_list li{ float:none; width:100%; margin-left:0; }
.product_list li p:nth-child(2){ margin:12px 0 10px; 0; height:auto; }

}
@media (max-width:500px) {

/*------------------------------------
	사업영역 > 주요고객사
------------------------------------*/
.client dl{ width:100%; margin-left:0; }
.client dl:nth-child(3n+1){ margin-left:0%; }

/*------------------------------------
	YJT의 기술력
------------------------------------*/
.application_text dl{ border-radius:60px 0 0 0; }
.application_text dl dd{ padding:12px 15px 12px 100px; }

}

/* ######## 모바일 가로 모드 ############ */
@media(orientation:landscape) { 
} 