@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{ margin-top:80px; }
.content.container.basic-bs-wrap.basic-bs{ min-height:auto; }
/********************
 최상단 스몰 메뉴 
 **********************/
.topbar-e1{ float:none; padding:3px 0 2px; position:relative; width:100%; background:#252525 url(/img/dotted_black.png); min-width:320px; }
.navbar.navbar-default .container{ margin:0; }
.topbar-e1 .row > div{ float:left; width:57%; margin:0; margin-top:-2px; padding-left:15px; text-align:left; }
.topbar-e1 .row > div p{ float:none; display:inline-block; padding:0; }
.topbar-e1 .row > div p img{ margin-top:-3px; }
.topbar-e1 .row > div strong{ float:none; display:inline-block; letter-spacing:-1px; }
.topbar-e1 .row > div strong b{ padding-top:0; line-height:15px; font-size:13px; font-weight:normal; }
.topbar-e1 .row > div strong b u{ display:inline-block; }
.topbar-e1 .row > p{ padding:0; float:left; width:43%; padding-right:15px; font-size:20px; line-height:22px; font-weight:normal; text-align:right; }

/***************************
메뉴영역
****************************/
.header .navbar{ border-width:0 0 1px 0 }
.header-e1.header .navbar-header{left:auto; width:100%;}

.m_menu_wrap{ position:relative; }

/* 로고 영역 */ 
.header-e1.header .navbar-header{ float:none; }
.navbar.navbar-default .container{ padding:0 0; width:auto;  }
.header .navbar-header { float: none; height:52px; 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{ margin-top:0; position:absolute; top:3px; right:5px; height:46px; }
.header-e1.header .navbar-header .logo .navbar-brand img, .header-e1.header .navbar-header.left .logo .navbar-brand img{ height:100%; }

/* 모바일 메뉴 버튼 */
.navbar-default .navbar-toggle{ z-index:3; color:#eee; border:none; background:none; margin:10px 0 0 5px; float:left; border-radius:0px; }
.navbar-default .navbar-toggle .fa { color:#eee; font-size: 22px; }
.navbar-default .navbar-toggle.active .fa{ color:#141414; }
.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:transparent;  }
.navbar-toggle:hover{ background:transparent !important; border:none; }
.header-e1.header .navbar-default .navbar-nav > li > a:hover{ background:#f9f9f9; color:#111; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none }

/* 검색창 */
.search_wrap{ float:none; position:fixed; left:0; top:37px; padding-left:45px; width:100%; margin:0; text-align:left; }
.header .navbar .search-open{ right:0; bottom:-50px; width:100%; border-right:none; border-left:none; }
.search_wrap input[type="text"]{ height:40px; line-height:40px; }
#sch_submit:before{ line-height:40px; }


/* 상단 탑메뉴 */
.header .navbar { width:100%; /* height:53px; */ }
.header .navbar:after{    }
.header-e1.header .navbar-nav.menu { position:relative; left:auto; width:100%; min-height:120px; height:100%; height:85.7vh !important; overflow-y:scroll; padding:0; margin:0; background:#167cbf url(/img/dotted_black.png);  margin:0 0 0 0; border-radius:0; border-top:1px solid #3e3e3e;  }
.header .navbar-default .navbar-nav > li > a{text-align:left; border-right:none;}
.header-e1.header .navbar-nav > li{ width:100%; float:none;  }
.nav.navbar-nav.navbar-right{  }
.header .navbar .nav > li > .search.fa.search-btn.fa-times{ background:none; color:#fff;  }

/* 드롭 다운 메뉴 */
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin:0; }

.header .navbar-collapse.collapse.in { width:100%; overflow-y:hidden;  }
.header-e1.header .navbar-default .navbar-nav > li > a { padding:0 0 0 7%; font-size: 17px; line-height:42px; width:100%; color:#242424;  border-bottom:solid 1px #ddd;  background:#f9f9f9; }
.header-e1.header .navbar-default .navbar-nav > li.dropdown > a:after{ content:''; width:100%; height:100%; right:0; top:0; font:normal 17px/42px 'FontAwesome',Arial; padding:0 7% 0 0; color:#aaa; background:none; text-align:right; }
.header-e1.header .navbar-default .navbar-nav>.open>a { background:#f5f5f5; }
.header-e1.header .navbar-default .navbar-nav > li:last-child > a{  }

/*2차 메뉴 배경색 */
.navbar-default .navbar-nav .dropdown-menu{ margin-left:0; }
.header .navbar-default .navbar-nav > li > ul{ position:relative; overflow:hidden; display:block !important; float:none; position:relative; background:#fff; box-shadow:none; border:none;  border-bottom:solid 1px #ddd; }
.header .navbar-default .navbar-nav > li > ul:before{ position:absolute; left:0; bottom:40px; content:''; width:100%; height:1px; background:#eee; }

.header .navbar-default .navbar-nav > li > ul > li{ float:left; width:50%; }

.navbar-default .navbar-nav .dropdown-menu > li > a{ color:#555; background:#fff; font-size:16px; }/*드롭메뉴*/
.navbar-default .navbar-nav .dropdown-menu > li:first-child > a{  }
.header .navbar-default .navbar-nav > li > ul > li a{ padding:0 0 0 14%; text-align:left; color:#333; line-height:40px; border-top:1px solid #eee; }
.header .navbar-default .navbar-nav > li > ul > li:nth-child(1) a{ border-top:none; }
.header .navbar-default .navbar-nav > li > ul > li:nth-child(2) a{ border-top:none; }
.header .navbar-nav > li > .dropdown-menu > li:hover > a{ background:#f9f9f9; color: #242424; }

.header .navbar-default .navbar-nav > li > ul > li:nth-child(2n+1) a{ border-right:1px solid #eee; }
.header .navbar-default .navbar-nav > li > ul > li > a:before{ display:none; content:''; font:normal 11px 'FontAwesome'; margin-right:8px; vertical-align:2px; }
.header .navbar-default .navbar-nav > li a, .header .navbar-default .navbar-nav > li > ul { }


.header .navbar-default .navbar-nav > li:nth-child(3) .dropdown-menu{ display:block !important; }/* 자료실*/


/* 드롭메뉴 hover 색상 */
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus { background:#f5f5f5; }

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

.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 .dropdown-menu > .active > a,  .navbar-default .navbar-nav .dropdown-menu > .active > a:hover,  
.navbar-default .navbar-nav .dropdown-menu > .active > a:focus { background-color:transparent;  }

/*3차 메뉴..*/
.header-e1.header .navbar-default .dropdown-submenu .dropdown-menu.dropdown-menu-sub a{ padding-left:8%; }
.header-e1.header .navbar-default .dropdown-submenu .dropdown-menu.dropdown-menu-sub a:before{ margin-right:8px; }
.dropdown-submenu .dropdown-menu.dropdown-menu-sub a{ padding:2px 15px 3px 18px; }

.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub a:hover{ background:#f9f9f9; }
/*제품소개*/
.header .navbar-default .navbar-nav > li:nth-child(2) .dropdown-menu{ margin-left:0; }
.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu{ width:100%; }
.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu > li > a{ padding-left:7%; color:#222; line-height:40px; font-size:16px; font-weight:400; }
/* .header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu > li:nth-child(1) > a{ border-bottom:1px solid #eee; } */
.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu > li:nth-child(2) > a{ border-top:1px solid #eee; }
/* .header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu > li:nth-child(5) > a{ border-bottom:1px solid #eee; } */
.header .navbar-default .navbar-nav > li:nth-child(2) > ul > li:nth-child(2n+1) a{ border-right:none; }
.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu > li > a:before{ width:7px; height:7px; margin-right:8px; }

.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu{ float:none; width:100%; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu:first-child{ border:none; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) > .dropdown-menu > .dropdown-submenu:first-child{ height:auto; }

.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub{ position:relative; overflow:hidden; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub:before{ position:absolute; left:0; bottom:40px; content:''; width:100%; height:1px; background:#eee; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub li{ float:left; width:50%; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub li a{ /* padding-left:20%; */ padding-left:14%; height:auto; line-height:40px; color:#444; font-size:15px; border-top:1px solid #eee; }
/* .header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub li a:before{ position:absolute; left:14%; top:50%; margin-top:-3.5px; display:inline-block; width:7px; height:7px; content:''; background:url(/img/footer_before.png) no-repeat; } */
/* .header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub li:nth-child(1) a{ border-top:none; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub li:nth-child(2) a{ border-top:none; } */
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu .dropdown-menu-sub li:nth-child(2n+1) a{ border-right:1px solid #eee; }

.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu:last-child{ border-right:none; }

/* 다국어버튼, 사이트맵 */
.small_menu{ top:12px; margin:0; }
.small_menu li:first-child a{ padding-right:0; border:none; font-size:15px; }
.small_menu li:last-child{ display:none; }

/* 메인 컨텐츠 본문 */
.basic-bs.basic-bs-wrap.container.content{ width:100%; z-index:0; padding:0; }

.f_btn{ display:none;  }

.eb-top{top:auto; left:-2%; right:-4%; bottom:15px; height:40px; width:104%;}
.eb-top i{font-size:15px;}
.eb-top span{display:inline-block;}


/* 좌측 메뉴 및 상단 메뉴 */
.content_height.basic-bs-side.col-md-3.side_top{ margin:0; border-bottom:none; background:none; }
.content_height.basic-bs-side.col-md-3.side_top .container{ margin:0 -30px; width:auto; }
.side_top .lnbTop{ background:#f4f4f4;  }
.side_top .lnbTop .m_home{ display:none  }
.side_top .lnbTop{  margin:0; }
.side_top .lnbTop > li{ width:100%; }
.side_top .lnbTop .menu{  }
.side_top .lnbTop .menu li{ width:50%; border:none; }
.side_top .lnbTop .menu li:after{ content:""; display:block; clear:both; background:#ddd; height:1px; width:100%;  }
.side_top .lnbTop li:first-child{ /* display:none  */}
.side_top .lnbTop .selected a, .side_top .menu a{ min-width:50px; width:100%; padding:7px 3px 0 3px; word-break:keep-all; min-height:30px; margin:0 0 -1px 0; font:normal 14px/15px Malgun Gothic; border:solid 1px #ddd; border-width:0 1px 0 0; }


/* 좌측 메뉴 고정 fixed*/
.content_height.basic-bs-side.col-md-3.side_left{ border-top:none; }

.sidebar-nav-e1:before{ top:34px; }
.sidebar-nav-e1 > li{ width:50%; border-top:1px solid #ddd; }
.sidebar-nav-e1 > li:nth-child(1){ border-top:none !important; }
.sidebar-nav-e1 > li:nth-child(2){ border-top:none !important; }

.sidebar-nav-e1 > li:nth-child(2n) > a{ border-right:none; }
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover{ border-top:1px solid #ddd; }
.sidebar-nav-e1 > li:nth-child(1) > a{ border-left:none; }

/* 제품소개 */
.product_wrap .content_height.basic-bs-side.col-md-3.side_left{ height:140px;}
.product_wrap .sidebar-nav-e1:after{ position:absolute; left:0; top:104px; content:''; width:100%; height:1px; background:#ddd; }
.product_wrap .sidebar-nav-e1:before{ top:69px; }
.product_wrap .sidebar-nav-e1 > li{ width:50%;  }
.product_wrap .sidebar-nav-e1 li:nth-child(1) ul{ border-left:none; }
.product_wrap .sidebar-nav-e1 li:nth-child(6) ul{ border-right:none; }/*다성펌프*/
.sidebar-nav-e1 li ul li a{ padding:0 20px; }

/*------------------------------------
	인사말
------------------------------------*/
.greeting dt{ float:none; width:100%; text-align:left; }
.greeting dt .titleField{ padding-bottom:5px; font-size:17px; line-height:30px; }
.greeting dt .titleField strong{ font-size:22px; }
.greeting dd{ float:none; width:100%; margin-top:25px; }
.greeting dd.infoArea p{ margin:0; }
.greeting dd.infoArea .ceoField{ padding-top:20px; font-size:15px; text-align:left; }
.greeting dd.infoArea .ceoField b{ font-size:15px; }

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

.sub_visual{margin:0 auto;}
.sub_visual ul, .sub_visual li{ margin:0px 0 0 0;}
.sub_visual li{ height:110px; background-size:cover !important;}
.sub_visual dt { margin:39px auto 0 ; font-size:26px; line-height:30px; }
.sub_visual dd{display:none;}

/* 페이지 타이틀 */
.headline{ /* padding:0 4%; */ }
.breadcrumbs{   margin:0 auto; padding:10px 0; width:90%; }
.breadcrumbs h2{ margin:0 auto; text-align:center; font-size:22px; padding:0 0 10px 0; color:#333; display:none;  }


/*------------------------------------
	로그인
------------------------------------*/
.basic_body .basic-bs .basic-bs-main{ min-height:auto; }
.eb-login{margin-top:90px;}

/*------------------------------------
	footer 회사정보
------------------------------------*/
/*하단로고*/
.footer-e1 .footer .logo{ display:none; }

/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1 .footer > .container{ display:block; }
.footer-e1 .footer .container .row{ display:block; }

.footer-e1 .address{ display:block; padding:20px 60px 22px 15px; }
.footer-e1 address p{ display:block; width:100%; }
.footer-e1 address span.company_number:before, .footer-e1 address span.company_after:before{ display:none; }
.footer-e1 address span.company_after{ display:block; width:100%; }

/* 하단 퀵메뉴 */
.company_top{ display:block; position:absolute; right:0; top:0; width:55px; height:100%; }
.company_top li{ float:none; position:relative; right:auto; top:auto; height:50%; width:100%; }
.company_top li:nth-child(2){ right:auto; }
.company_top li:nth-child(3){ right:auto; }
.company_top li:nth-child(1){ display:none; }


/* 로그인btn */
.login_wrap{ overflow:hidden; position:relative; padding-bottom:22px; right:auto; top:auto; }

/*------------------------------------
	게시판 view
------------------------------------*/
.board-view .headline{ padding:0; margin:10px 0 10px 0; }
.board-view .col-md-6{ text-align:left; padding:0 7px; }
.board-view .col-md-6 p{ margin:5px 0; }

.board-view .headline h3{ font-size:22px; line-height:34px; }
.board-view .headline h3 > i{ font-size:16px; vertical-align:0; }

.board-write .sky-form{ background:none; }


/*------------------------------------
	회사개요
------------------------------------*/
.aboutus:before{ display:none; }

.company dl{ float:none; width:100%; margin:15px 0 0; padding:0 15px; min-height:auto; }
.company dl:first-child{ margin-top:0; }
.company dl dt{ padding:15px 0 10px; }
.company dl dd{ padding:11px 0 33px; font-size:22px; }
.company dl dd span{ font-size:13px; }
.company dl:nth-child(2) dd{ padding-top:11px; font-size:19px; }
.company dl:last-child dd strong{ margin-top:0; font-size:26px; }

/*------------------------------------
	테이블
------------------------------------*/
.table01 th, .table01 td{ padding:10px 13px; font-size:13px; }

/*------------------------------------
	온라인 견적서
------------------------------------*/
.estimate_title{ font-size:24px; line-height:32px; }
.estimate_title span{ margin-top:15px; font-size:15px; }


/*------------------------------------
	내용 수정 버튼
------------------------------------*/
.ctt_admin{ margin-top:-30px !important; }

/* ###################################### 모바일 반응형 끝 ################################################################ */
}
@media (max-width:600px) { 

/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual dt { font-size:23px; }

/*------------------------------------
	게시판 write
------------------------------------*/
.inquiry_top_wrap p{ font-size:20px; line-height:28px; }
.inquiry_top_wrap p i{ display:block; }
.board-write .headline{ margin-bottom:15px; }
.board-write .headline h4{ font-size:17px; line-height:26px; }
.board-write .headline h4 > i{ font-size:16px; }

/*------------------------------------
	회사소개
------------------------------------*/
.license_wrap{}
.license_wrap p{ float:none; width:100%; margin:0; }
.license_wrap p:first-child{ margin-bottom:30px; }


/*------------------------------------
	오시는길
------------------------------------*/
.table01 th{ min-width:95px; }
.table01 th, .table01 td{ min-height:36px; padding:7px 7px; }
.table01 td{ padding:7px 15px; }
.table01 caption{ font-size:17px; }
.table01 caption:before{ padding-right:5px; font-size:14px; vertical-align:-2px; }

/*------------------------------------
	온라인 견적서
------------------------------------*/
.estimate_title{ font-size:22px; }
.estimate_title b{ display:block; }
.estimate_title span{ margin-top:10px; font-size:13px; word-break:keep-all; }

/*------------------------------------
	제품소개 > 마라톤모터
------------------------------------*/
/*카탈로그 다운로드*/
.catalog_btn{ margin:-50px -15px 50px -15px; text-align:center; }
.catalog_btn a{ display:block; padding:0 15px; border-radius:0; }
.catalog_btn a:before{ right:12%; }

/* 테이블 */
.table03{ float:none; width:100%; } 
.table03_2{ margin-top:20px; }


/*------------------------------------
	Footer-e1
------------------------------------*/
/* .company_top:before{ content:''; width:55px; height:1px; } */

}