@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:""; }
.wrapper{  margin-top:0px; }
.Main .wrapper{  margin-top:0; }

/********************
 최상단 스몰 메뉴 
 **********************/
.topbar-e1{height:auto; display:none;}
.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 a {line-height:30px; height:30px;}

/*우측*/
.topbar-e1 .top-e1-data{position:absolute; right:15px; z-index:9999;}
.topbar-e1 .top-e1-data li{/*display:none;*/}
.topbar-e1 .top-e1-data li > a{color:#999;}
.topbar-e1 .top-e1-data li > a:before{color:#ddd;}
.topbar-e1 .top-e1-data a span{display:none;}


/***************************
메뉴영역
****************************/
.header-e1.header{background:#fff; height:45px;}
.header.fixed .navbar{height:45px !important;}
.header-e1.header .navbar-header{left:auto; width:100%;}

/* 로고 영역 */ 
.header-e1.header .navbar-header.left { margin:0; width:100%; }
.header-e1.header .navbar-header .logo .navbar-brand{  position:absolute; top:0px; left:50%; margin:7px 0 0 -65px; height:auto;}
.header-e1.header .navbar-header .logo .navbar-brand img,
.header-e1.header .navbar-header.left .logo .navbar-brand img{width:130px !important; text-align:left }

/* 모바일 메뉴 버튼 */
.navbar-default .navbar-toggle{ color:#1b63ce;  border:none; background:#fff;  margin:6px 0 7px 0.5%; float:left; }
.navbar-default .navbar-toggle .fa { color:#1b63ce; font-size: 22px; }
.navbar-default .navbar-toggle.active .fa{ color:#1b63ce; }
.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:0px 2% 0; position:absolute; width:20%; top:10px;}
.nav.navbar-nav.navbar-right li.no-border{  }
.header .navbar .search-open{  z-index:999; display:none; position:fixed;width:100%;  top:45px; left:0; margin-left:0; border:solid 4px #1b63ce; background:#fff; border-radius:1px;  }
.header .navbar .nav > li {  float:none; }
.header .navbar .nav > li > .search {  z-index:999; display:block; font-size:20px; text-align:right; margin:0;}

.header .navbar .nav > li > .search:hover { color:#000; background:none; cursor:pointer}
.nav.navbar-nav.navbar-right input[type=text]{  color:#000; width:98%; height:40px; font:bold 16px/40px Malgun gothic; background:#fff;}
#sch_submit:before{ content:''; display:inline-block; width:45px; font:normal 22px/40px "FontAwesome"; color:#fff; background:#1b63ce; margin:0; text-align:center; }
.nav.navbar-nav.navbar-right button{ padding:0; border-radius:0; }

/* 상단 탑메뉴 */
.navbar.navbar-default .container{ padding:0 0; width:auto;  }
.header .navbar-header { float: none; z-index:999;  }
.header.header-e1 .navbar-header{ margin:0; background:#fff; }
.header .navbar { width:100%;  background:none;  background:rgba(0,0,0.3); }
.header .navbar:after{    }
.header .navbar-nav{float:none;}
.header-e1.header .navbar-nav.menu { position:absolute; left:0; right:0; width:100%; padding:0; margin:0; background:#666; border-radius:0; }
.header .navbar-default .navbar-nav > li > a{text-align:left; border-right:none; margin-top:0;}
.header-e1.header .navbar-nav > li{ width:100%; }
.nav.navbar-nav.navbar-right{  }

/* 드롭 다운 메뉴 */
.header .navbar-collapse.collapse.in { overflow-y:hidden; }
.header-e1.header .navbar-default .navbar-nav > li > a {  padding:12px 0 11px 7%; width:98%;  color:#ddd; border-bottom: solid 1px #555; text-shadow:none; font-size:16px;}
.header-e1.header .navbar-default .navbar-nav > li.dropdown > a:after{ content:''; font:normal 11px 'icon',Arial; display:inline-block; padding:7px 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 > li > a{  color:#bbb; background:#444; font-size:14px; }
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a{ border-top: solid 1px #555; }
.header .navbar-default .navbar-nav > li > ul > li a{ padding-left:8%; }
.header .navbar-default .navbar-nav > li a, .header .navbar-default .navbar-nav > li > ul { }

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

/* 드롭메뉴 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:#fff; background:#1b63ce !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;  }


/* 메인 컨텐츠 본문 */
.basic-bs.basic-bs-wrap.container.content{ width:100%; z-index:0; margin-top:10px;}
.content_height.basic-bs-main.col-md-9.right-main{width:100%;}

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

.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{ width:100%; padding:0; margin:-1px 0 0 0; clear:both; }
.content_height.basic-bs-side.col-md-3.side_left.fixed{ position:relative; top:auto; left:auto; width:100%; }
.content_height.basic-bs-main.col-md-9.left-main{ margin-left:0!important; width:100%; clear:both; padding:0 0 0 0; word-break:break-all;  }
.board-list_wrap{ display:none; }
.board-view_wrap{ width:96%; margin:0 2%; }
.bannerArea{ display:none }
.basic-bs .basic-bs-side h1.menuTitle{ display:none; }
.list-group.sidebar-nav-e1{ position:relative; width:100%; background:#f6f6f6; overflow:hidden; }
.list-group.sidebar-nav-e1:after{ position:absolute; bottom:0; content:""; display:block; clear:both; width:100%; height:1px; background:#ddd; }
.sidebar-nav-e1 li { width:50%; float:left; display:table; border-right:1px #ddd solid; border-radius:0; text-align:center; font:normal 14px/16px Malgun gothic;  min-height:36px;  vertical-align:middle;}
.list-toggle.active:after { content: ""; }
.sidebar-nav-e1 li a{ width:100%; height:100%; display:table-cell;  border-radius:0; padding:0; vertical-align:middle;  } 

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

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

.sub_visual{margin-top:25px;}
.sub_visual ul, .sub_visual li{ margin:20px 0 0 0;}
.sub_visual li{ height:80px; background-size:cover !important;}
.sub_visual dt h2 { font-size:27px; padding:5px 10px; border:none; background:none;/* background:rgba(7,32,72,.6);  */margin:40px 0 0 0; color:#fff; text-shadow:1px 1px 2px  rgba(0,0,0,.15) }
.sub_visual dd{display:none;}

/* 페이지 타이틀 */
.breadcrumbs{   margin:0 auto; padding:0 0 0 0; }
.breadcrumbs h2{ width:100%; margin:0 auto; text-align:center; font-size:22px; padding:0 0 10px 0; color:#333; }
 @media screen and (-webkit-min-device-pixel-ratio:0){
	 .breadcrumbs{padding-bottom:0px;}
	 .breadcrumb{ margin-top:-10px;}
} /* 크롬 + 사파리*/
.board-view .headline h3{ font:400 20px/30px 'Godo',Malgun Gothic; margin:0 auto;  }
.board-view_wrap .headline p{ color:#777 }



/*게시판 탭*/
.board-list .board_tab{ width:94%; position:relative; overflow:hidden; margin:5px auto 10px; border-radius:30px; overflow:hidden; background:#f2f2f2; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2) }
.board-list .board_tab li{float:left; display:inline-block;}
.board-list .board_tab a{ display:block; padding:7px 12px 5px 12px; border:1px solid #ddd; min-width:40px; background:linear-gradient(to top, #f4f4f4, #fff); }
.board-list .board_tab a:hover{color:#2c5ea9;}
.board-list .board_tab li:first-child a{margin-left:0; border-radius:30px 0 0 30px;}
.board-list .board_tab .selected{border:1px solid #2c5ea9; color:#fff; font-weight:bold; background:#2c5ea9; z-index:2;}

/* 게시판 섬네일 이미지 */
.overlay-zoom.allery-img a{  }
.gallery_list_1 .gallery-list-eb .gallery-img {   width:20%;  height:100px; }
.table-list-eb,.board-footer{ /*width:94%;*/ margin:0 auto; }

.row.gallery-boxes-in .zoomer{ width:100%; text-align:center; margin:0 auto;  }
.row.gallery-boxes-in .zoomer .overlay-zoom.gallery-img{  display:block; width:92%;  text-align:center; margin:0 auto; }
.row.gallery-boxes-in .zoomer .overlay-zoom.gallery-img img{ width:100%; height:100%; }
.gallery-list-eb{ clear:both; overflow:hidden; }
.gallery-list-eb:after{ content:""; clear:both; display:block; }
.board-list.gallery_list_1 .row.gallery-boxes-in .zoomer .overlay-zoom.gallery-img{ width:100%; min-height:180px }
.gallery_list_1 .gallery-list-eb .gallery-list-sub { float:none;  width:100%;  }
.gallery_list_1 .row.gallery-boxes-in{ padding:15px 0 0 0; }
.gallery_list_1 .md-margin-bottom-30{ margin-bottom:10px; }
.gallery_list_1 .gallery-list-sub strong.title{ font:bold 18px/18px Dotum; text-align:center; }
.gallery_list_1.hotel .gallery-list-eb .gallery-list-sub{  width:100% }

/****************************
문단스타일
*****************************/
#ctt{border:none !important;}
.section, .conT01{margin-bottom:30px;}
.innerSection{margin-bottom:15px;}
.title01{font-size:20px;}
.listType_dot li{font:normal 14px/18px "Malgun Gothic", verdana; color:#444; padding-left:10px; margin-bottom:5px;}
.bg01{padding:30px 0;}
.tableWrap{width:100%; overflow-x:scroll;}
.tableWrap table.min{min-width:700px;}
/*************************
회사소개
*************************/
/*인사말*/
.greeting{background:none; min-height:auto;}
.greeting dt{font:normal 25px 'Godo', 'Malgun Gothic', verdana; margin-bottom:20px;}
.greeting dt span{color:#1b63ce;}
.greeting dd{width:100%; font:normal 13px/25px 'Malgun Gothic', verdana;}
.greeting dd .nameField{text-align:right; font:bold 15px 'Malgun Gothic', verdana}

/*연혁*/
.history{margin-top:0;}
.history > table { float:none;  width:100%;}
.history > table th { width:60px; padding-left:0; color:#444}
.history > table td.month{padding:20px 5px 0 10px; width:auto;}
.history > table td.month span{ background:#1b63ce;}
.history .Title{display:none;}

/*주요생산품목*/
.major_product{}
.major_product dl{padding:20px 0;}
.major_product dl dt{float:none; width:100%;}
.major_product dl dt i{width:50px; height:50px; line-height:50px; font-size:20px;}

.major_product dl dd{float:none; width:100%;}
.major_product dl dd .titleField{font-size:16px; text-align:center; margin:5px;}

/*오시는길*/
.mapArea{border:none;}
.mapArea .mapField, .mapArea .mapinfo{float:none; width:100%;}
.mapArea .mapinfo .titleField{font-size:18px;}
.mapArea .mapinfo{margin-top:20px}
.mapArea .mapinfo .titleField{margin-bottom:15px;}
.map .txtArea dd{float:none; width:100%;}
.map .txtArea dd li{margin-bottom:15px;}
.map .txtArea dd:first-child{border-right:none; padding-right:0; margin-bottom:50px;}
.map .txtArea dd:last-child{padding-left:0;}


/******************************
재품소개
*******************************/
.conT01 dt{float:none; width:100%;}
.conT01 dd{float:none; width:100%;}
.conT01.Type02 dd > div{float:none; width:100%; padding:10px 0;}
.conT01.Type02 dd > div:first-child{border-bottom:1px dashed #e1e1e1;}
.conT01.Type02 dd > div:last-child{border-left:none; float:none; padding-left:0;}


.conT02{margin-left:0; }
.conT02 dd{float:none; width:100%; margin-left:0;}

/*********************************
재료소개
**********************************/
.feature dl dt{float:none; width:100%; text-align:center;}
.feature dl dt i{width:50px; height:50px; line-height:50px; font-size:20px;}
.feature dl dd{float:none; width:100%;}
.feature dl dd .titleField{text-align:center; font-size:16px;}

/* ######## 모바일 가로 모드 ############ */
@media(orientation:landscape) { 
.row.gallery-boxes-in{ width:50%; float:left; margin-left:1%; }
.row.gallery-boxes-in .col-sm-3{ width:100% }
.board-list.gallery_list_1 .row.gallery-boxes-in{ width:49%; float:left; margin-left:1%; }
} 

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