@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{  margin-top:52px; }
.wrapper{  margin-top:52px; }
.content.container.basic-bs-wrap.basic-bs{ min-height:auto; }
/********************
 최상단 스몰 메뉴 
 **********************/
.topbar-e1{height:0;}
.topbar-e1 .container{}
.header .navbar { /* border-bottom:none; box-shadow:0 0 1px rgba(0,0,0,.5); */}
/*좌측**/
.topbar-e1 .top-e1-contacts{width:100%; border:none;}
.topbar-e1 .top-e1-contacts li { width:18%; }
.topbar-e1 .top-e1-contacts li a {line-height:30px; height:30px;}

/*우측*/
.topbar-e1 .top-e1-data{ position:absolute; right:0; z-index:9999; }
.topbar-e1 .top-e1-data li{ display:none; }
.topbar-e1 .top-e1-data li.login_btn{ display:inline-block; margin:0 0 0 0; padding:0; }
.topbar-e1 .top-e1-data li.login_btn a{ display:block; padding:0 0; font:600 14px/55px "Malgun Gothic",verdana; color:#888; letter-spacing:-0.5px; }
.topbar-e1 .top-e1-data li.login_btn a:before{ display:none; }
.topbar-e1 .top-e1-data li.login_btn a:hover{ border-color:#bbb; color:#167cbf; }


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

/* 로고 영역 */ 
.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; background:#fff; border-bottom:1px solid #f0f0f0; }
.header-e1.header .navbar-header.left { margin:0; width:100%; }
.header-e1.header .navbar-header .logo .navbar-brand{ margin-top:0; position:absolute; top:11px; left:50%; margin-left:-104px; width:200px; }
.header-e1.header .navbar-header .logo .navbar-brand img,
.header-e1.header .navbar-header.left .logo .navbar-brand img{  }

/* 모바일 메뉴 버튼 */
.navbar-default .navbar-toggle{ color:#ccc; border:none; background:none; margin:9px 0 0 5px; float:left; border-radius:0px; }
.navbar-default .navbar-toggle .fa { color:#888; 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{ 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; }
#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; } */

.board-view-con.view-content p{ width:94%; margin:0 auto }

/* 상단 탑메뉴 */
.header .navbar { width:100%; height:53px; background:none;  background:rgba(0,0,0.3); }
.header .navbar:after{    }
.header-e1.header .navbar-nav.menu { position:relative; left:auto; width:100%; padding:0; margin:0; background:#167cbf url(/img/dotted_black.png);  margin:0 0 0 0; border-radius:0; border-bottom:1px solid #167cbf; }
.header .navbar-default .navbar-nav > li > a{text-align:left; border-right:none;}
.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:#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:11px 0 10px 7%; font-size: 18px; line-height:20px; width:100%; color:#fff; border-bottom:solid 1px #3a97d4; }
.header-e1.header .navbar-default .navbar-nav > li.dropdown > a:after{ content:''; font:normal 12px 'FontAwesome',Arial; display:inline-block; padding:5px 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; }

/*2차 메뉴 배경색 */
.navbar-default .navbar-nav .open .dropdown-menu{ margin-left:0; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#555; background:#fff; font-size:16px; }/*드롭메뉴*/
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a{ border-top: solid 1px #524b48; }
.header .navbar-default .navbar-nav > li > ul > li a{ padding-left:8%; text-align:left; border:none !important; color:#141414; }
.header .navbar-default .navbar-nav > li > ul > li > a:before{ content:''; font:normal 11px 'FontAwesome'; display:inline-block; 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 > ul{ background:#fff; box-shadow:none; }

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


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

/* 드롭메뉴 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:#167cbf; background:#f5f5f5 !important;  font-weight:bold; }

.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 { 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 .navbar-default .navbar-nav > li:nth-child(1) .dropdown-menu{ width:100%; margin-left:0; }

/*제품소개 메뉴*/
.header .navbar-default .navbar-nav > li:nth-child(3) > .dropdown-menu{ width:100%; margin-left:0; }
.header .navbar-default .navbar-nav > li:nth-child(3) > .dropdown-menu .dropdown-submenu:nth-child(1) .dropdown-menu.dropdown-menu-sub > li.dropdown-submenu{ float:left; width:50%; }
.header .navbar-default .navbar-nav > li:nth-child(3) > .dropdown-menu .dropdown-submenu .dropdown-menu.dropdown-menu-sub > li.dropdown-submenu.active a, .header .navbar-default .navbar-nav > li:nth-child(3) > .dropdown-menu .dropdown-submenu .dropdown-menu.dropdown-menu-sub > li.dropdown-submenu a:hover{ background:none !important; font-weight:normal; color:#167cbf; }
.header .navbar-default .navbar-nav > li:nth-child(3) > .dropdown-menu .dropdown-submenu:nth-child(1) .dropdown-menu.dropdown-menu-sub > li.dropdown-submenu a:nth-child(2n+1){ padding-left:16%; }
.header .navbar-default .navbar-nav > li:nth-child(3) > .dropdown-menu .dropdown-submenu:nth-child(4) .dropdown-menu.dropdown-menu-sub > li.dropdown-submenu a br{ display:none; }
.header .navbar-default .navbar-nav > li > .dropdown-menu .dropdown-submenu .dropdown-menu.dropdown-menu-sub > li.dropdown-submenu a{ letter-spacing:-0.5px; color:#666; }
.header .navbar-default .navbar-nav > li > .dropdown-menu .dropdown-submenu .dropdown-menu.dropdown-menu-sub > li.dropdown-submenu a:before{ position:relative; left:auto; top:auto; content:'-'; background:none; width:auto; height:auto; }


/* 다국어버튼, 사이트맵 */
.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 li{ width:50%; height:32px; line-height:32px; margin:0; border-top:1px dotted #ddd; }
.sidebar-nav-e1 li a{ font-size:13px; height:32px; line-height:32px; }
.sidebar-nav-e1 li:nth-child(1){ border-top:none; }
.sidebar-nav-e1 li:nth-child(2){ border-top:none; }
.sidebar-nav-e1 li:nth-child(2n){ border-right:none; }

.f_menu{ display:none; }
.side_top .lnbTop{min-height:auto;}
.side_top .lnbTop .menu .active02, .side_top .lnbTop .menu .active a{height:auto; background:#1b63ce; border-bottom:1px solid #1b63ce; color:#fff;}
.side_top .lnbTop .menu .active a:focus{background:#1b63ce;}
.side_top .lnbTop .menu a:hover{color:#1b63ce;}

/*회사소개 좌측메뉴*/
.company_wrap .sidebar-nav-e1 li{ width:50%; }
.company_wrap .sidebar-nav-e1 li:nth-child(4){ border-right:none !important; }
.company_wrap .sidebar-nav-e1 li:nth-child(5){ border-right:1px dotted #ddd !important; }

/*제품소개 좌측메뉴*/
.product_wrap .sidebar-nav-e1 > li{ height:auto; border-right:1px solid #ddd; border-top:1px solid #ddd; }
.product_wrap .sidebar-nav-e1 > li:nth-child(1){ border-top:none; }
.product_wrap .sidebar-nav-e1 > li:nth-child(2){ border-top:none; border-right:none; }
.product_wrap .sidebar-nav-e1 li > a{ overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
.product_wrap .sidebar-nav-e1 li ul{ padding:0; height:96px; }
.product_wrap .sidebar-nav-e1 li:nth-child(3) ul{ height:44px; }
.product_wrap .sidebar-nav-e1 li:nth-child(4) ul{ height:44px; }
.product_wrap .sidebar-nav-e1 li ul li{ height:24px; border-bottom:1px dotted #ddd; }
.product_wrap .sidebar-nav-e1 li:nth-child(3) ul li{ height:44px; }
.product_wrap .sidebar-nav-e1 li:nth-child(3) ul li a{ line-height:38px; }
.product_wrap .sidebar-nav-e1 li:nth-child(4) ul li{ height:44px; }

/*------------------------------------
	인사말
------------------------------------*/

/* 인사말 */
.greeting .greetingField{ height:243px; padding:0; background:url(/img/greeting_img.jpg) no-repeat center; background-size:cover; text-align:center; }
.greeting .greetingField p.greeting_title { width:100%; margin-top:30px; color:#99899b; font-size:20px; line-height:28px; font-family:'Noto Sans L'; }
.greeting .greetingField p { color:#333; margin-top:20px; }

.greeting .greetingField p strong { padding-top:2px; color:#333; }
.greeting .imgField{display:none;}

.greeting .greeting_con{ margin-top:35px; }
.greeting .greeting_con h2{ font-size:20px; line-height:30px; word-break:keep-all; }
.greeting .greeting_con h2 b{font-size:21px; }
.greeting .greeting_con p{ margin-bottom:15px; font-size:14px; line-height:24px; }
.greeting .greeting_con p br{ display:none; }
.greeting .greeting_con p b{ }


/*------------------------------------
	연혁
------------------------------------*/
.history{margin-top:0;}
.history > table { float:none;  width:100%;}
.history > table th { width:62px; padding-left:0; color:#444; font-size:18px; }
.history > table td{ padding:18px 0 18px 12px; }

.history > table td ul li { padding-left:27px; font-size:13px; word-break:keep-all; }
.history > table td span{ margin-left:-28px; padding-right:4px; font-size:13px; }

.history .Title{display:none;}

/*------------------------------------
	조직도
------------------------------------*/
/*서브타이틀*/
.sub_title_wrap{ margin-bottom:40px; }
.sub_title_wrap .sub_title{ padding-bottom:15px; }
.sub_title_wrap .sub_title span{ font-size:20px; line-height:30px; }
.sub_title_wrap .sub_title span b{ display:block; }

.product_wrap .sub_title_wrap .sub_title span{ font-size:24px; }/*제품소개 서브타이틀*/
.product_wrap .sub_title_wrap .sub_title span b{ display:inline-block; }

.sub_title_wrap p{ font-size:13px; line-height:20px; word-break:keep-all; }
.sub_title_wrap p br{ display:none; }


/*------------------------------------
	기술현황
------------------------------------*/
.skill_wrap{ display:block; margin-top:50px; }
.skill_wrap dl{ padding:0; display:block; }
.skill_wrap dl dt{ display:none; }
.skill_wrap dl dd{ display:block; width:100%; padding:0; }

.skill_wrap dl dd > div:first-child{ padding:0; }
.skill{ padding:0; }
.skill h3{ margin-bottom:10px; font-size:18px; line-height:28px; }
/* .skill h3:before{ margin-bottom:7px; display:block; width:15px; height:3px; content:''; background:#ed3f10; } */
.skill p{ padding-left:0; margin-top:7px; font-size:13px; }
.skill p:before{ margin-right:6px; font-size:11px; }

.dotted{ padding-top:30px; margin-bottom:30px; }

/* 메인 주요제품 */
.flexslider{ background-size:100% auto; }
.flexslider .slides{ max-width:600px; margin:0 auto; }
/* .slides li{ padding:0 30px; } */

/*------------------------------------
	제품소개
------------------------------------*/
/*타이틀*/
.product_detail_wrap h3{ margin:30px 0 15px; font-size:17px; }
.product_detail_wrap h3 i{ font-size:12px; }

/*------------------------------------
	제품소개 상세페이지
------------------------------------*/
/*이미지*/
.product_img li{ float:none; width:100%; margin-left:0; margin-bottom:20px; text-align:center; }
.product_img li p{ width:100% !important; }
.product_img li strong{ font-size:14px; }
.product_img li strong:before{ font-size:13px; }

/*------------------------------------
	서브비주얼
------------------------------------*/
.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 .address{ width:100%; float:none; }

/*회사정보*/
.footer-e1 address{ padding-bottom:10px; }

.footer-e1 address span.company_after{ padding-top:3px; display:block; width:100%; }
.footer-e1 address span.company_email:after{ display:none; }

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

/* 제품 구매하기 버튼 */
.shop_btn{ position:relative; margin:0 -15px; right:auto; top:auto; height:auto; background:#167cbf; }
.shop_btn a{ padding:0 15px; line-height:40px; font-size:14px; color:#b9d7ec; opacity:1;  font-weight:bold; }
.shop_btn a > br{ display:none; }
.shop_btn a:before{ display:inline-block; margin:0 8px 0 0; font-size:13px; line-height:40px; color:#b9d7ec; }
.shop_btn:hover a{ color:#b9d7ec; }


/*------------------------------------
	게시판 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:20px; line-height:32px; }
.board-view .headline h3 > i{ font-size:16px; vertical-align:0; }

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

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

/* 로고 영역 */ 
.header-e1.header .navbar-header .logo .navbar-brand{ top:13px; }
 
/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual dt { margin-top:43px; font-size:18px; }

/*------------------------------------
	게시판 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; }


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

/*------------------------------------
	기술현황
------------------------------------*/
.skill h3 i{ display:block; }

/* 메인 주요제품 */
.flexslider{ background-size:cover !important; }
.flex-control-nav{ display:none !important; }
.flexslider .slides > li{ padding:0 15px; }


.right_top > li:first-child{ height:320px; }
.flexslider .slides > li{ height:320px; }

.slides li p{ float:none; width:100%; padding-top:20px; height:210px; overflow:hidden; text-align:center; }
.slides li p > img{ max-width:100%; max-height:100%; }
.slides li div{ float:none; width:100%; padding-top:0px; position:absolute; left:0; bottom:25px; }
.slides li div h4{ margin-bottom:13px; }

.slides .slides_li_2 p{ margin:0; padding:25px 0 0 0; }
.slides .slides_li_2 div{ padding:0; }

.slides .slides_li_3 p{ margin:0; padding:25px 0 0 0; }
.slides .slides_li_3 div{ padding:0; }

.slides .slides_li_4 p{ margin:0; padding:18px 0 0 0; }
.slides .slides_li_4 div{ padding:0; }

.slides .slides_li_5 p{ margin:0; padding:25px 0 0; }
.slides .slides_li_5 div{ padding:0; }

.slides .slides_li_6 p{ margin:0; padding:20px 0 0 0; }
.slides .slides_li_6 div{ padding:0; }

.slides .slides_li_7 p{ margin:0; padding:25px 0 0 0; }
.slides .slides_li_7 div{ padding:0; }

/*------------------------------------
	제품소개
------------------------------------*/
/*이미지*/
.product_img{ margin-bottom:20px; }
.product_img li{ float:none; width:100%; margin-bottom:10px; }

.product_wrap .sub_title_wrap .sub_title span{ font-size:20px; }/*제품소개 서브타이틀*/

/*------------------------------------
	footer 회사정보
------------------------------------*/
.footer-e1 address span.company_number, .footer-e1 address span.company_email{ padding-top:3px; display:block; width:100%; }
.footer-e1 address span.company_ceo:after, .footer-e1 address span.company_number:after, .footer-e1 address span.company_fax:after{ display:none; }

}