@font-face {
    font-family: 'Godo';
	 font-style:normal;
    font-weight: 400;
    src: url('/css/fonts/GodoM.woff2') format('woff2');
}
@font-face {
    font-family: 'Godo';
	font-style:normal;
    font-weight: 700;
    src: url('/css/fonts/GodoM.woff') format('woff');
}
/* @font-face {
    font-family: 'Noto Sans L';
    font-style: normal;
    font-weight: 100;
    src: url('/css/fonts/NotoSansCJKkr-Light-2350.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans R';
    font-style: normal;
    font-weight: 400;
    src: url('/css/fonts/NotoSansCJKkr-Regular-2350.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans B';
    font-style: normal;
    font-weight: 800;
    src: url('/css/fonts/NotoSansCJKkr-Medium-2350.woff') format('woff');
} */
@font-face {
	font-family: 'icon';
	src: url('/css/fonts/webhostinghub-glyphs.eot');
	src: url('/css/fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/webhostinghub-glyphs.woff') format('woff'),
		 url('/css/fonts/webhostinghub-glyphs.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/NanumGothic-Regular.eot);
  src: url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       /* url(/css/fonts/NanumGothic-Regular.woff2) format('woff2'), */
       url(/css/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/css/fonts/NanumGothic-Regular.eot) format('eot')
       /*url(/css/fonts/NanumGothic-Regular.ttf) format('truetype');*/
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 600;
  src: url(/css/fonts/NanumGothic-Bold.eot);
  src: url(/css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       /* url(/css/fonts/NanumGothic-Bold.woff2) format('woff2'), */
       url(/css/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/css/fonts/NanumGothic-Bold.eot) format('eot')
       /*url(/css/fonts/NanumGothic-Bold.ttf) format('truetype');*/
}

html{ background:url(/img/gray_bg.png); }
body{ min-width:320px; }
/* #smart_editor2 html{ background:#fff; } */
ul,ol,dl{ margin:0; padding:0; }
li{ list-style:none }
body{ background:url(/img/gray_bg.png); }
body, html, p, div, li, span{font:normal 13px/22px 'Malgun Gothic', verdana; color: #555;}
h1, h2, h3, h4, h5{padding:0; margin:0;}
/*준비중*/
.ready { text-align:center; }
.ready .icon { background:#636363; display:inline-block; width:100px; height:100px; font-size:30px; border-radius:1000em !important; margin:0 auto 10px; }
.ready .fa { color:#fff; line-height:100px; }
.ready p { font-famaily:"Nanum Gothic"; font-size:20px; font-weight:bold; }
/*------------------------------------
	레이아웃
------------------------------------*/
.row{ margin:0; }
.wrapper{  word-break:keep-all; margin-top:74px; min-width:320px;  }
.wrapper:after{ content:""; display:block; clear:both; }
body.Main .wrapper{ background:none; }
.container{ max-width:100%; width:100%; }

.side_top.basic-bs-side.col-md-3{width:100%; float:none; border-bottom:solid 1px #ddd; border-top:solid 1px #444; background:#f9f9f9; }
.col-md-9{ width:80%; }
.col-md-3{ width:20%; }
.top-main{width:100%;}
.side_left .lnbTop, .side_right .lnbTop{display:none;}
.side_top .menuTitle ,  .side_top .list-group.sidebar-nav-e1{display:none;}
.Main .side_top .bannerArea{ display:none; position:absolute; right:-130px; top:3px; }
.side_top .bannerArea{ display:none;  }
.side_top .container{position:relative;}
.header { z-index: 102; position: relative; }
.basic-bs.basic-bs-wrap.container.content{ /* min-height:220px;  */} 

/* 상단 탑메뉴 active 에 따른 해당 페이지 좌측 메뉴 색상 변경 kjs 2017-03-02 */
.wrapper.hanwoo{  }
.wrapper.coffee{  }

/* 버튼 초기화 */
.pull-right .btn-e.btn-e-red.margin-right-5.admin_btn{ display:none;  }
.btn-e{ background:#2877d6 }
.btn-e:hover{ background:#0663bb; }
.btn-e-red.btn-e:focus, .btn-e-red.btn-e:active, .active.btn-e-red.btn-e, .open .btn-e-red.btn-e.dropdown-toggle,.btn-e-red.btn-e{ background:#2877d6 }
.btn-e-red.btn-e:hover{ background:#0663bb }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#565656; border-color:#565656; }
.pagination li a:hover{ background:#2877d6; border-color:#2877d6; /* font:600 14px/16px 'NanumGothic'; */ }
.btn{ padding:8px 13px; border-radius:3px; font:600 14px/16px 'NanumGothic'; color:#666; }
.btn-e{ padding:8px 13px; border-radius:3px; font:600 14px/16px 'NanumGothic'; }
.pagination li a{ padding:3px 10px 4px; }
.btn.btn-default.big{ padding:8px 10px; }
.input-group-btn .btn.btn-default.big{ border-radius:1px; }
#bo_sch .input-group-btn .btn.btn-default.big{ min-width:80px; font:600 14px/16px 'NanumGothic'; }
.btn-e.big{ padding:5px 20px 7px 20px; }
.btn_normal{ display:inline-block; padding:5px 8px 3px 13px; font:normal 12px/16px Dotum; color:#666; background:#fff; background:linear-gradient(to top, #f4f4f4, #fff); border:solid 1px #ccc; border-radius:3px; text-align:center; }
.btn_normal:hover{ background:#555; color:#fff; border-color:#555; }
.btn_normal:after{ content:" ";  font:normal 11px 'FontAwesome',Arial; display:inline-block; padding:0 0 0 5px; color:#999; }
.btn_normal:hover:after{ color:#fff; }
.btn_normal.blue1{ color:#fff; background:#4585f3; border:solid 1px #3072e5; }

/*  게시판 웹에디트 문단 작성 부분 */
.board-view-con.view-content p{ word-break:keep-all; }
.text-center.padding{ padding:20px 0 50px 0; }
.text-center.padding a,.text-center.padding input[type=submit]{ padding:10px 20px; font:600 14px/16px 'NanumGothic'; vertical-align:top; margin:0 }
.text-center.padding .btn.btn-default{ margin-top:-1px; border-color:#ddd; }
.text-center.padding .btn.btn-default{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.text-center.padding .btn.btn-default:hover{ background:#f9f9f9; border-color:#ccc; }

/*------------------------------------
	상단HEADER
------------------------------------*/
.header.header-e1{ position:fixed; top:0; left:0; width:100%; /*  position:absolute; top:0; left:0; width:100%;*/ background:#fff; }
.wrapper.hanwoo .header.header-e1{  border-top-color:#ff3e4c;   }
.wrapper.coffee .header.header-e1{  border-top-color:#ad6443;   }

/* 로고 영역 */ 
.header-e1.header .navbar-header { float:left; }
.header-e1.header .navbar-header .logo .navbar-brand{ margin:7px 0 0 0; height:auto; display:inline-block; position:relative; text-align:center; }
.header-e1.header .navbar-header .logo .navbar-brand img{ width:auto; max-width:100%; }


/* 상단 탑메뉴 */
.header .navbar-nav{float:none;}
.header .navbar { position:relative; width:100%; margin:0 auto;  border-bottom:1px solid #3e3e3e; border-width:1px 0 1px 0; background:#2877d6 url(/img/dotted_black.png); }
.header .navbar .container{ position:relative; padding:0 40px; }
.header .navbar .navbar-collapse {  }
.header-e1.header .navbar-nav.menu { }
.header-e1.header .navbar-nav.menu { float:left; margin-left:24px; }
.header .navbar-default .navbar-nav > li{ }
.header .navbar-default .navbar-nav > li > a{ position:relative; color:#e4eef9; font:600 20px/22px 'NanumGothic','Malgun Gothic',Sans-serif; display:block; width:100%; text-align:center; padding:26px 35px 25px; text-transform:none; }
.header .navbar-default .navbar-nav > li > a:after{ position:absolute; right:-4px; top:32px; width:8px; height:8px; content:''; background:url(/img/menu_before.png) no-repeat; background-size:100%; }
.header .navbar-default .navbar-nav > li:last-child > a:after{ display:none; }
.header .navbar-default .navbar-nav > li > a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { }
.header .navbar-default .navbar-nav > .active > a { color: #fff; }
.header .navbar-default .navbar-nav > .open > a{ color: #fff; }
.header-e1.header .navbar-default .navbar-nav > li > a:hover{ color: #fff; }

.wrapper.hanwoo .header .navbar-default .navbar-nav > .active > a { color: #ed2f2f; }
.wrapper.coffee .header .navbar-default .navbar-nav > .active > a { color: #ad6443; }

/* 상단 서브메뉴 Dropdown Menu */
.header .dropdown-menu { padding: 0; min-width:auto; margin-left:0; border: none; border:1px solid #3e3e3e; border-top:none; border-radius: 0;  z-index: 99999999 !important; background:rgba(0, 0, 0, 0.7); box-shadow:none; width:100%; letter-spacing:-0.5px; }
.header .dropdown-menu li > a { color: #ddd; font-size:14px; font-weight: 400; padding:3px 18px; /* border-bottom: solid 1px #f6f6f6; */ text-align:left; /* background:#f9f9f9; */ }
.header .dropdown-menu li > a{ -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } 
.header .dropdown-menu li > a > i{ display:none;  }
.header .dropdown-menu li.active > a{ background:#2877d6 url(/img/dotted_black.png); color: #fff; color: #fff; }
.header .dropdown-menu li.active a:hover{ background:#2877d6 url(/img/dotted_black.png); color: #fff; color: #fff; }

.header .navbar-default .navbar-nav > li:nth-child(1) .dropdown-menu{ /* display:block !important; */ }
.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu{ /* display:block !important; */ width:362px; margin-left:-18px; }
.header .navbar-default .navbar-nav > li:nth-child(3) .dropdown-menu{ display:none !important; }
.header .navbar-default .navbar-nav > li:nth-child(4) .dropdown-menu{  }


/*3차메뉴가 있을 시 적용*/
.header .navbar-nav > li > .dropdown-menu > li:hover > a{ background:#2877d6 url(/img/dotted_black.png); color: #fff; }

.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu > li > a{ position:relative; padding-left:13px; font-weight:bold; color:#eee; }
.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu > li > a:before{ display:inline-block; margin-right:5px; content:''; width:5px; height:5px; background:url(/img/footer_before.png) no-repeat; background-size:100%; vertical-align:2px; }

/* 3차메뉴 : 제품소개 */
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu{ overflow:hidden; float:right; width:180px; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu:first-child{ float:left; border-right:1px dotted #111; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) .dropdown-menu > .dropdown-submenu:last-child{ float:left; border-right:1px dotted #111; }
.header-e1.header .navbar-nav.menu .dropdown:nth-child(2) > .dropdown-menu > .dropdown-submenu:first-child{ height:312px; } /*GS펌프 생성시 height값 부여..*/

.dropdown-submenu .dropdown-menu.dropdown-menu-sub{ display:block !important; position:relative; left:auto; top:auto; margin:0; min-width:auto; border:none; box-shadow:none; background:none; }
.dropdown-submenu .dropdown-menu.dropdown-menu-sub a{ position:relative; padding:3px 24px; height:26px; font-size:13px; color:#ccc; }
.dropdown-submenu .dropdown-menu.dropdown-menu-sub a > u{ text-decoration:none; }

.dropdown-submenu .dropdown-menu.dropdown-menu-sub a:before{ display:none; position:absolute; left:15px; top:12px; content:' '; margin-right:5px; width:3px; height:3px; background:#999; vertical-align:2px; }
.dropdown-submenu .dropdown-menu.dropdown-menu-sub a:hover{ background:#2877d6 url(/img/dotted_black.png); color: #fff; }
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub a{ /* background:#2877d6 url(/img/dotted_black.png); color: #fff;  */}
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub .active a{ background:#2877d6 url(/img/dotted_black.png); color: #fff; }
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub a:hover{ background:#2877d6 url(/img/dotted_black.png); color: #fff; }


/* 홈, 사이트맵 버튼 */
.small_menu{ overflow:hidden; position:absolute; right:15px; top:0; margin-left:36px; margin-top:22px; }
.small_menu li{ float:left; margin-left:4px; }
.small_menu li a{ height:32px; position:relative; display:block; font-size:0; }
.small_menu li a{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.small_menu li a:before{ display:inline-block; padding:7px 8px; content:''; font:normal 14px/14px 'FontAwesome'; color:#8d8d8d; border:2px solid #8d8d8d; }
.small_menu li a:before{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }

.small_menu li:first-child a{ padding:6px 8px 0; font:600 13px/15px 'Verdana','NanumGothic','Malgun Gothic',Sans-serif; color:#8d8d8d; border:2px solid #8d8d8d; letter-spacing:-0.5px; }
.small_menu li:first-child a:before{ display:none; }
.small_menu li:first-child a:hover{ color:#2877d6; border-color:#2877d6;}

.small_menu li:last-child a:before{ content:''; color:#2877d6; border-color:#2877d6; }
.small_menu li:last-child a:hover:before{ color:#8d8d8d; border-color:#8d8d8d; }


/*------------------------------------
	최상단 스몰 메뉴
------------------------------------*/
.topbar-e1{ z-index:1; padding-top:20px; float:right; }
.header .topbar-e1 .container{ padding:0; }
.topbar-e1 .row{ position:relative; }
.topbar-e1 .row > div{ float:left; overflow:hidden; margin-right:18px; }
.topbar-e1 .row > div p{ margin:0; float:left; padding:2px 9px 0 0; }
.topbar-e1 .row > div strong{ float:left; display:block; font:600 13px/16px 'NanumGothic','Malgun gothic'; color:#fff; letter-spacing:-0.3px; }
.topbar-e1 .row > div strong b{ font-size:14px; }
.topbar-e1 .row > div strong b u{ text-decoration:none; }
.topbar-e1 .row > div i{ font-style:normal; }
.topbar-e1 .row > p{ margin:0; position:relative; float:left; font:bold 32px/34px 'Godo','NanumGothic','Malgun gothic'; color:#fff; letter-spacing:-0.5px; }
.topbar-e1 .row > p:before{ display:inline-block; width:34px; height:27px; content:''; background:url(/img/tel_icon.png) no-repeat; vertical-align:-2px; }
.topbar-e1 .row > p.m_tel{ display:none; }
.topbar-e1 .row > p a{ color:#fff; }

/*------------------------------------
	검색창
------------------------------------*/
.search_wrap{ float:right; margin:-53px 530px 0 0; position:relative; }
.search_wrap > i{ display:none; }
.search-open{ margin:0 auto; width:260px; border:none; background:rgba(255, 255, 255, 0.9); border-radius:100em;  }
.search-open{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.search-open:hover{ background:rgba(255, 255, 255, 1); }
.search_wrap input[type=text]{ width:100%; height:34px; font:600 14px/37px 'NanumGothic','Malgun gothic'; color:#5e5e5e; border:none; padding:0 40px 0 26px; background:none; box-shadow:none; }
.search-open:hover{/*  border-color:#5e98f8; */ }
.search_wrap button{ padding:0 10px 0 0; border:none; background:none; font-size:0; }
.search-open .input-group{ display:block; height:34px; }
.search-open .input-group-btn{ z-index:11; position:absolute; right:30px; top:0; height:100%; text-align:center; }
#sch_submit{ padding:0; margin:0; display:block; width:100%; height:100%; font-size:0px; }
#sch_submit:before{ content:''; font:normal 15px/27px "FontAwesome"; color:#2877d6; }
#sch_submit:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.btn-default:hover{ border-radius:0; background:none; }
.search-open:hover #sch_submit:before{  }


/*------------------------------------
	footer /sitemap 사이트맵
------------------------------------*/
.site_menu_wrap{ float:left; width:83%; }
.footer-e1 .site_menu{ display:block; position:relative; }
.footer-e1 .site_menu li.no-border{ display:none; }
/*1차 대메뉴*/
.footer-e1 .site_menu > li{ position:relative; float:left; width:19%; }
.footer-e1 .site_menu > li > a{ position:relative; font:600 16px/30px 'NanumGothic','Malgun Gothic',Sans-serif; color:#333; text-transform:uppercase; }
.footer-e1 .site_menu > li:nth-child(6) > a:before{ position:absolute; right:-21px; top:1px; content:''; font:normal 14px/18px 'FontAwesome'; color:#666; }

.footer-e1 .site_menu > li:nth-child(1){ width:16%; }
.footer-e1 .site_menu > li:nth-child(2){ width:18%; }
.footer-e1 .site_menu > li:nth-child(3){ }
.footer-e1 .site_menu > li:nth-child(4){ }
.footer-e1 .site_menu > li:nth-child(5){ position:absolute; left:52.9%; top:110px; }
.footer-e1 .site_menu > li:nth-child(6){ width:28%; }
.footer-e1 .site_menu > li:nth-child(7){ display:none; }
.footer-e1 .site_menu > li:nth-child(8){ display:none; }

/*2차 소메뉴*/
.footer-e1 .site_menu > li .dropdown-menu{ z-index:0; display:block; padding:0; max-height:100px; margin:7px 0 0 0; position:relative; float:none; min-width:auto; border-radius:none; background:none; border:none; box-shadow:none; }
.footer-e1 .site_menu > li .dropdown-menu > li{ /* height:20px; */ }
.footer-e1 .site_menu > li .dropdown-menu > li > a{ display:inline-block; padding:0; font:normal 13px/20px 'Malgun Gothic'; color:#666; letter-spacing:-0.5px; }
.footer-e1 .site_menu > li .dropdown-menu > li > a > i{ display:none; }
.footer-e1 .site_menu > li .dropdown-menu > li > a:hover{ background:none; color:#666; text-decoration:underline; text-decoration-color:#888; }
.footer-e1 .site_menu > li .dropdown-menu > li.active > a{ color:#333; /* text-decoration:underline; */ background:none; }
.footer-e1 .site_menu > li .dropdown-menu > li > a > br{ display:none; }

.footer-e1 .site_menu > li-menu > .active > a, .footer-e1 .site_menu > li-menu > .active > a:hover, .footer-e1 .site_menu > li-menu > .active > a:focus{ background:none; }

/*3차 소메뉴*/
.footer-e1 .site_menu > li .dropdown-menu > li .dropdown-menu-sub{ margin:0; display:block !important; left:auto; }
.footer-e1 .site_menu > li .dropdown-menu > li .dropdown-menu-sub > li{ float:none; }
.footer-e1 .site_menu > li .dropdown-menu > li .dropdown-menu-sub > li > a{ padding-left:2px; color:#777777; }
.footer-e1 .site_menu > li .dropdown-menu > li .dropdown-menu-sub > li > a:before{ content:'-'; padding-right:3px; width:auto; height:auto; background:none; }
.footer-e1 .site_menu > li .dropdown-menu > li .dropdown-menu-sub > li > a:hover{ color:#666; }

/*------------------------------------
	사이트맵
------------------------------------*/
#sitemap{display:none; position:fixed; background:#fff url(/img/bg_pattern_01.png); width:100%; height:100%; z-index:9999; top:0; left:0; /* border-top:2px solid #2877d6; */ /* border-bottom:1px solid #ddd; */ }
/* #sitemap:before{ position:absolute; left:0; top:-75px; width:100%; height:75px; content:' '; } */
#sitemap.on{display:block;}
#sitemap .home-menu{display:none;}
#sitemap a{ color:#fff; }
#sitemap .container{  }
#sitemap .container > ul{ position:relative; display:block; overflow:hidden; max-height:701px; overflow-y:auto; /* background:#fff; */ padding:0; }
#sitemap .no-border{ display:none; }
#sitemap .depth01{ float:left; width:23.5%; margin-left:2%; min-height:500px; }
#sitemap .depth01:nth-child(4n+1){ margin-left:0; }

#sitemap .depth01.small_menu{ display:none; }

#sitemap .depth01 > a{ position:relative; display:block; width:100%; padding:0 20px; margin-bottom:6px; background:#2877d6 url(/img/quick_bg4.jpg) no-repeat left top; background-size:100%; font:600 20px/44px "NanumGothic", "Malgun Gothic", Sans-serif; text-align:left; }
#sitemap .depth01 > a:before{ position:absolute; right:0; bottom:0; width:100%; height:100%; content:''; background:url(/img/quick_s.png) no-repeat right bottom; }
#sitemap .depth02{ position:relative; left:auto; top:auto; padding:0; display:block; margin:0; width:100%; border-radius:0px; border:none; box-shadow:none; }
#sitemap .depth02 li{ padding:0; border-bottom:1px dotted #ddd; }
#sitemap .depth01:nth-child(3) .depth02 > li:nth-child(2){ padding-bottom:0; }
#sitemap .depth02 li:before{ }
#sitemap .depth02 li > a{ display:block; padding:0 0 0 15px; color:#242424; font:normal 14px/30px 'NanumGothic','Malgun Gothic',Sans-serif; letter-spacing:-0.5px; }
#sitemap .depth02 > li > a:before{ display:inline-block; width:6px; height:6px; margin-right:8px; content:''; background:url(/img/footer_before.png) no-repeat; background-size:100%; vertical-align:2px; }
#sitemap .depth02 li > a:hover{ color:#141414; font-weight:600; background:none; letter-spacing:-0.5px; }
#sitemap .depth02 li > a > i{ display:none; }
#sitemap .depth02 li > a > br{ display:none; }
#sitemap .depth02 li.active > a{ background:none; color:#141414; font-weight:600; letter-spacing:-0.5px; }
 
/* 3depth */
#sitemap .depth02 li ul.dropdown-menu-sub{ left:auto; top:auto; display:block !important; position:relative; width:100%; float:none; padding:0; background:none; box-shadow:none; border:none; }
#sitemap .depth02 li ul.dropdown-menu-sub li{ padding:0; border-bottom:none; border-top:1px dotted #ddd; }
#sitemap .depth02 li ul.dropdown-menu-sub li.active a{ background:none; color:#141414; }
#sitemap .depth02 li ul.dropdown-menu-sub li:before{ display:none; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a{ height:auto; position:relative; padding-left:28px; font-size:13px; line-height:28px; color:#555; background:none; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a:before{ left:12px; top:0px; content:'-'; padding-right:4px; width:auto; height:auto; background:none; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a:hover{ background:none; color:#141414; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a:hover:before{ color:#141414; }

/* 제품소개 */
/* #sitemap .depth01:nth-child(2) .depth02 li ul.dropdown-menu-sub li{ float:left; width:50%; } */

/* 사이트맵 타이틀, x 버튼 */
#sitemap .btn_close{ position:relative; margin:25px 0 30px; font-size:30px; text-align:right; display:block; padding:10px; /* background:#fff; */ cursor:inherit; }
#sitemap .btn_close:before{ position:absolute; left:0; top:10px; content:'+ 연우펌프테크 SITE MAP'; font:600 28px/30px 'NanumGothic',Malgun Gothic,Sans-serif; color:#2877d6; }
#sitemap .btn_close > i{ font-size:18px; color:#333; vertical-align:5px; cursor:pointer; }

/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1 .footer { position:relative; border-top:1px solid #ddd; }
.Main .footer-e1 .footer{ background:#f1f1f1; }

.footer-e1 .footer > .container{ display:table; padding:0; }
.footer-e1 .footer .container .row{ display:table-row; position:relative; margin:0; }
.footer-e1 .footer .logo{ display:none; width:9%; margin-top:24px; float:left; text-align:left; opacity:.8; filter:alpha(opacity=80); }
.footer-e1 .footer .logo a > img{ height:34px; }
/*Footer Subsribe*/
.footer-e1 .footer-subsribe { width: 100%; }
/*Link List*/
.footer-e1 .address{ display:table-cell; overflow:hidden; padding:20px 0 20px 40px; }
.footer-e1 address{ overflow:hidden; margin:0; }
.footer-e1 address p{ margin:0; float:left; padding:0; word-break:keep-all; }
.footer-e1 address span{ display:inline-block; padding:0; margin-bottom:4px; font:normal 12px/16px "NanumGothic",Sans-serif; float:left; color:#888; }
.footer-e1 address span a{ color:#888; }
.footer-e1 address span.company_name{ color:#2877d6; font-weight:600; }
.footer-e1 address span.company_name:before{ display:none; }
.footer-e1 address span:before{ display:inline-block; margin:0 5px; content:''; width:6px; height:6px; background:url(/img/footer_before.png) no-repeat; background-size:100%; vertical-align:1px; }

.footer-e1 address span.company_after:after{ display:none; }
.footer-e1 address span a:hover{ color:#2877d6; }
.footer-e1 address span.m_tel{ display:none; }

/* 하단 퀵메뉴 */
.company_top{ display:table-cell; overflow:hidden; width:165px; }
.company_top li{ position:absolute; right:127px; top:0; width:55px; height:100%; text-align:center; font:400 13px/22px 'Verdana','NanumGothic','Malgun Gothic',Sans-serif; background:#4590e9; }
.company_top li a{ position:relative; display:block; width:100%; height:100%; color:#dae9fb; text-align:center; letter-spacing:-0.5px; }
.company_top li, .company_top li a, .company_top li a strong{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.company_top li strong{ position:absolute; width:100%; display:block; left:auto; top:50%; margin-top:-18px; font-weight:normal; }
.company_top li:hover{ background:#327dd7; }
.company_top li i{ display:block; /* padding-top:11px; */ font-size:14px; line-height:auto; color:#b5d3f6; }

.company_top li:nth-child(2){ right:72px; background:#2877d6; }
.company_top li:nth-child(2) a{ color:#d4e4f7; line-height:21px; }
.company_top li:nth-child(2):hover{ background:#1362c2; }
.company_top li:nth-child(2) i{ color:#a9c9ef; font-size:15px; }

.company_top li:nth-child(3){ width:72px; right:0; overflow:hidden; background:#252525; }
.company_top li:nth-child(3):hover{ background:#141414; }

/*TOP*/
.company_top .eb-top{ display:block !important; right:auto !important; bottom:auto !important; top:0 !important; font-size:0 !important; width:55px; height:54px; background:none; opacity:1 !important; filter:alpha(opacity=100); }
.company_top .eb-top{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.company_top .eb-top{ margin:0; position:absolute !important; width:100%; display:block; left:auto; top:50% !important; margin-top:-24px; width:100%; border-radius:0; overflow:hidden; }

.company_top .eb-top i{ display:block; font-size:22px; color:#bbb; }
.company_top .eb-top span{ display:block; font:400 13px/20px 'Verdana','NanumGothic','Malgun Gothic',Sans-serif; color:#eee; opacity:0.7; letter-spacing:-0.5px;  }

/*------------------------------------
	LNB
------------------------------------*/
/*LNB 영역*/
.basic-bs-wrap {}
.basic-bs .left-main { border-right: 1px solid #none;}
.basic-bs .right-main { border: none; }
.basic-bs .basic-bs-side.side_left{ padding:20px 15px 0 0; }
.basic-bs .basic-bs-side.side_right{border:none;}

/*메뉴스타일*/
.list-group{ /* display:none; */ margin:0; }
.basic-bs .basic-bs-side h1.menuTitle{ /* display:none; */ padding:24px 0 25px; font:normal 24px/30px 'NanumGothic'; margin-bottom:2px; color:#fff; background:#2877d6 url(/img/line_italic.png) left top; text-align:center; }
.sidebar-nav-e1{ z-index:100; /* border:1px solid #ddd;  border-top:none; border-bottom:none;*/ background:url(/img/product_img_bg.jpg); }
.sidebar-nav-e1 li { padding: 0; border:none; border:1px #ddd solid; border-width:1px 0; border-radius:0 !important; background:none; }
.sidebar-nav-e1 li a { display: block; padding:0 20px; letter-spacing:-0.025em; color:#555; font:normal 14px/30px 'NanumGothic','Malgun Gothic';  }
.sidebar-nav-e1 li a:hover { text-decoration: none; color:#222; font-weight:600; background:#fff; }
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover{ background:#2877d6; border-color:#2877d6; color:#fff; border:none; border:1px #2877d6 solid; border-bottom-color:#ddd; border-width:1px 0; border-radius:0 !important; }
.sidebar-nav-e1 > li.active a:hover{ color:#222; }
.sidebar-nav-e1 > li.active > a:hover{ color:#fff; }
.sidebar-nav-e1 > li.active > a { color:#fff; font-weight:600; background:#2877d6; border-color:#2877d6; /* background:#f1f1f1; */ }

.list-toggle.active:after{ position: absolute; display: inline-block; color:#ecf1fc; content: "\f105"; top: 0; right: 15px; font:normal 13px/30px 'FontAwesome'; }

.sidebar-nav-e1 li > ul{ display:block; }
.notice .sidebar-nav-e1 li > ul{ display:none !important; } /* 고객지원 3차뎁쓰 none */
.sidebar-nav-e1 li > ul > li{ border:none; }
.sidebar-nav-e1 li > ul > li .badge{ display:none; }
.sidebar-nav-e1 li ul li a{ position:relative; padding:0 33px; display:block; border-top:1px solid #ddd; line-height:28px; }
/* .sidebar-nav-e1 li ul li a:before{ position:absolute; left:17px; top:3px; content:'-'; font:normal 10px/12px 'Malgun Gothic',Arial; vertical-align:1px; } */
.sidebar-nav-e1 li ul, .sidebar-nav-e1 li.active ul a{ background:#fcfcfc; }
.sidebar-nav-e1 li ul li.active a{ color: #2877d6; font-weight:600; }
.sidebar-nav-e1 li.active ul li a:hover{ background:#fff; }
.sidebar-nav-e1 li ul li.active a:hover{ color:#2877d6; }
.sidebar-nav-e1 li ul li a > i{ display:none; font-size:0px; }
.sidebar-nav-e1 li ul li a > i:before{ /* position:absolute; left:0; */  content:'-'; font:normal 10px/12px 'Malgun Gothic',Arial; vertical-align:1px; }

/*제품소개*/
.product_wrap .list-toggle.active:after{ display:none; }
.product_wrap .sidebar-nav-e1 > li.active:first-child, .product_wrap .sidebar-nav-e1 > li.active:last-child{ border-color:#ddd; }
.product_wrap .sidebar-nav-e1 > li > a:before{ display:inline-block; margin-right:7px; content:''; width:6px; height:6px; background:url(/img/footer_before.png) no-repeat; background-size:100%; vertical-align:2px; }
.product_wrap .sidebar-nav-e1 > li.active > a:before{ background:url(/img/menu_before.png) no-repeat; background-size:100%; }
.product_wrap .sidebar-nav-e1 li ul li.active a:after{ position: absolute; display: inline-block; color:#2877d6; content: "\f105"; top: 0; right: 15px; font:normal 13px/28px 'FontAwesome'; }

body.Main .side_top{ height:auto;  margin:0  }
.side_top{ z-index:99; border-bottom:1px solid #e9e9e9; background:#fff; height:45px; line-height:45px; font-size:14px; font-family: 'Malgun Gothic', 맑은고딕 ;}
.side_top .lnbTop p{margin-bottom:0; white-space:nowrap;}
.side_top .lnbTop a{padding:0 20px;}
.side_top .lnbTop .btn_home:before{content:'';  font:normal 15px 'FontAwesome',Arial;}
.side_top .lnbTop .btn_home{border-left:1px solid #e9e9e9; height:45px; line-height:45px; display:inline-block; padding:0 19px 0 21px; color:#777; text-align:center; }
.side_top .lnbTop a:hover, .side_top .lnbTop .menu .active02, .side_top .lnbTop .menu .active/*, .side_top .lnbTop .menu .on*/{background:#2877d6; color:#fff;}
.side_top .lnbTop li{float:left; border-right:1px solid #e9e9e9;}
.side_top .lnbTop > li > p > a{display:block;}
.side_top .lnbTop .selected a{font-weight:bold; color:#666;}
.side_top .lnbTop .selected a span{display:none;}
.side_top .lnbTop .selected a, .side_top .menu a{ display:block; min-width:150px; position:relative; padding-right:50px; font-family:'Malgun Gothic',Sans-serif; }
.side_top .lnbTop .selected a i, .side_top .menu a i{ display:none; }
.side_top .lnbTop .selected a:after{font:normal 15px/45px 'FontAwesome'; color:#888; position:absolute; right:10px;}
.side_top .lnbTop .selected a:hover, .side_top .lnbTop .selected a:hover:after{color:#fff;}
.side_top .lnbTop .selected a:after{content:'';}
.side_top .lnbTop .selected a > br{ display:none; }
.side_top .lnbTop .depth01 .menu span{display:none;}
.side_top .lnbTop .depth02, .side_top .lnbTop .depth03{word-break:keep-all; white-space:nowrap;}
.side_top .lnbTop li:last-child .selected a:after{content:'';}
.side_top .lnbTop li .menu{display:none; border:1px solid #ddd; border-top:none; margin-left:-1px; position:absolute; z-index:999; line-height:30px; background:#fff; font-family:"Malgun Gothic";}
.side_top .lnbTop .depth03 .menu{font-size:13px;}
.side_top .lnbTop .depth03 u{text-decoration:none;}
.side_top .lnbTop li:hover .menu{display:block;}
.side_top .lnbTop .fa-angle-right{display:none;}

.side_top.fixed{position:fixed; top:0; z-index:999; height:67px; border-bottom:2px solid #0f367b !important; box-shadow:0px 3px 0px rgba(0, 0, 0, .1);
 /* -webkit-transition-duration:0.4s;
  -moz-transition-duration:0.4s;
  -o-transition-duration:0.4s;
  -ms-transition-duration:0.4s;
  transition-duration:0.4s;*/
}
.side_top.fixed .lnbTop li > .selected > a{line-height:65px; height:65px;}
.side_top.fixed .lnbTop li .menu{border-top:1px solid #ddd;}
.side_top.fixed .lnbTop .selected a:after{line-height:65px;}
.side_top.fixed .lnbTop .btn_home{background:#0f367b; color:#fff; width:75px; height:65px; line-height:65px; padding:0;}
/*.side_top.fixed .lnbTop .btn_home{background:url(/img/logo.png) no-repeat center; background-size:80px auto; width:145px; height:65px; padding:0;}
.side_top.fixed .lnbTop .btn_home:before{content:' '; }*/
.side_top.fixed .lnbTop li:first-child{ /* line-height:0; */ }

.side_top .lnbTop .depth02 > p > li{ float:none; border-right:none; }
.side_top .lnbTop .depth02 > p > li.active > a{ color:#fff; }
.side_top .lnbTop .depth02 > p > li .dropdown-menu-sub{ display:none; } /*3depth*/
.side_top .lnbTop .depth02 > p > li a > br{ display:none; }

/* 서브 좌측메뉴 */
.menuTitle{ display:table; height:94px; width:100%; text-align:center; }
.menuTitle p{ display:table-cell; position:relative; margin:0; width:100%; font:600 20px/22px 'NanumGothic','Malgun gothic',Sans-serif; vertical-align:middle; color:#222; }
.menuTitle p:before{ display:block; height:48px; margin-bottom:5px; content:''; font:normal 46px/48px 'FontAwesome',Arial; text-align:center; color:#2877d6; }
.menuTitle.icon_1 p:before{ content:''; }
.menuTitle.icon_2 p:before{ content:''; }
.menuTitle.icon_3 p:before{ content:''; font-size:44px; }
.menuTitle.icon_4 p:before{ content:''; }


/*------------------------------------
	퀵메뉴 
------------------------------------*/
.bannerArea  .quickArea{overflow:hidden; margin:20px 0; display:none; }
.bannerArea  .quickArea li{float:left; display:inline-block; width:33.3%; text-align:center;}
.bannerArea  .quickArea li img{ width:90%; }
.bannerArea  .quickArea strong{display:block; color:#777; padding-top:5px; font-size:12px;}
.side_top .quickArea li{float:none; display:block; width:100%;}
.side_top .quickArea strong{margin:0; padding:5px 0 10px 0; line-height:15px;}

/*------------------------------------
	좌측 고객센터
------------------------------------*/
.bannerArea .csArea{background:#f9f9f9; clear:both; border:1px solid #eee; overflow:hidden; padding:18px 8px 15px; margin-top:20px;}
.bannerArea .csArea .iconField{float:left; width:25%; text-align:center; }
.bannerArea .csArea .iconField img{width:68%;}
.bannerArea .csArea .textField{float:right; width:74%; margin-top:4px;}
.bannerArea .csArea .textField{color:#444; font-size:19px; font-weight:600; font-family:'NanumGothic',"Malgun Gothic"; letter-spacing:-0.5px;}
.bannerArea .csArea .textField strong{display:block; color:#444; font-size:14px; line-height:8px; margin-bottom:5px; font-weight:normal; }
.side_top .csArea {padding:18px 8px 5px;}
.side_top .csArea .iconField{float:none; width:100%; text-align:center;}
.side_top .csArea .textField{float:none; width:100%; text-align:center; line-height:28px; font-size:15px;}

@media  (min-width:768px) and (max-width: 992px){
	.bannerArea  .quickArea, .bannerArea  .csArea{width:50%; float:left;}
	.bannerArea  .csArea{margin-top:0; margin-bottom:10px}
	.bannerArea  .quickArea{margin-top:10px; argin-bottom:10px}
	}


/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual ul, .sub_visual li{ list-style:none; padding:0; margin:0; }
.sub_visual { position:relative; margin:0 auto 0;  text-align:center; overflow:hidden; z-index:2; background:#fff; }
.sub_visual li{ display:none; height:160px; }
.sub_visual li.active{ display:block; }
.sub_visual li.sub_visual_1018{background:url(/img/sub_visual_1.jpg) no-repeat center;}
.sub_visual li.sub_visual_2019{background:url(/img/sub_visual_2.jpg) no-repeat center;}
.sub_visual li.sub_visual_3020{background:url(/img/sub_visual_3.jpg) no-repeat center;}
.sub_visual li.sub_visual_4021{background:url(/img/sub_visual_5.jpg) no-repeat center;}
.sub_visual li.sub_visual_5026{background:url(/img/sub_visual_6.jpg) no-repeat center;}

.sub_visual .container{position:relative;}
.sub_visual .container .row{ position:relative; }
.sub_visual dl {position:absolute; width:100%;  z-index:999;}
.sub_visual dt {letter-spacing:-0.02em; margin:42px auto 0 ; font:600 34px/38px 'NanumGothic', 'Malgun Gothic', Sans-serif; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.3); display:inline-block;}
.product_wrap .sub_visual dt u{ display:none; }
.sub_visual dd{ margin-top:10px; }
.sub_visual dd span{color:#fff; font-size:14px; border:solid 1px #fff; border-width:1px 0; display:inline-block; }
.sub_visual dd span{border:1px solid rgba(255,255,255,.4); border-width:1px 0; padding:1px 0 3px; text-transform:uppercase;  text-shadow:1px 1px 2px rgba(0,0,0,.2);}

/*제품소개*/
/* .product_wrap .sub_visual dt{ margin-top:30px; line-height:33px; }
.product_wrap .sub_visual dt > br{  }
.product_wrap .sub_visual dt u{ text-decoration:none; font-size:24px; } */


/*------------------------------------
	서브메뉴 타이틀
------------------------------------*/
.breadcrumbs{ padding:25px 0.5% 11px; border-bottom:1px dotted #ddd; margin:0px 0 60px 0; }
.breadcrumbs h2{ color:#444; letter-spacing:-0.025em; font:600 26px/30px 'NanumGothic','Malgun Gothic',Sans-serif; }
.breadcrumbs h2 > br{ display:none; }
.breadcrumbs h2:before{ display:none; content:''; font-family:'FontAwesome'; margin-right:5px; }
.breadcrumbs u{ display:none; }
.breadcrumb{ right:5px; }
.breadcrumb li.active, .breadcrumb li a:hover { color:#2877d6; text-decoration: none; }
.breadcrumb li{ font:400 14px 'NanumGothic','Malgun Gothic',Sans-serif; }
.breadcrumb li > br{ display:none; }

/*------------------------------------
	서브
------------------------------------*/
.basic-bs.basic-bs-wrap.container.content{ padding:0;  }
.content_height.basic-bs-main.col-md-9.right-main{width:78%;}
.content_height.basic-bs-side.col-md-3.side_right{width:20%; padding-right:0; padding-left:30px; background:#fff; }
.content_height.basic-bs-main.col-md-9.left-main{width:85%; padding:0 40px 100px; float:right; border-left:solid 1px #ddd; background:#fff; }
.content_height.basic-bs-side.col-md-3.side_left{width:15%; padding:0 0 0 0; max-height:690px; overflow-y:auto; }
.search_body .content_height.basic-bs-main.col-md-9.right-main, .search_body .content_height.basic-bs-main.col-md-9.left-main{ margin:0; width:100%;}
.search_body .content_height.basic-bs-side.col-md-3.side_left, .search_body .content_height.basic-bs-side.col-md-3.side_right{display:none;}
.content_height.basic-bs-side.col-md-3.side_left.fixed{ z-index:99; position:fixed; top:74px; left:0; padding:0 !important; float:none; }

.basic-bs .basic-bs-main{  min-height:800px; /*margin-bottom:60px; */}
.Main .basic-bs .basic-bs-main{ padding:0; }
.search_body .basic-bs .basic-bs-main{margin-top:50px;}
/*.title01:before{content:''; font:bold 12px "FontAwesome"; color:#1b63ce; margin-right:5px;}*/

/*게시판 탭*/
.board_tab{ width:100%; position:relative; overflow:hidden; margin:10px 0 0 0; border-bottom:1px solid #e1e1e1;}
.board_tab li{float:left; display:inline-block;}
.board_tab a{display:block; padding:8px 10px; border:1px solid #e1e1e1; min-width:90px; text-align:center; margin-left:-1px; position:relative; z-index:1; margin-bottom:-1px;}
.board_tab a:hover{color:#fff; background:#1b63ce; border-color:#1b63ce}
.board_tab li:first-child a{margin-left:0;}
.board_tab .selected{border:1px solid #1b63ce; color:#fff; font-weight:bold; background:#1b63ce; z-index:2;}

.sample_info{display:none;}
.active.list-group-item, .active.list-group-item:hover, .active.list-group-item:focus{ border-color:#2877d6; }
.wrapper.hanwoo .active.list-group-item, 
.wrapper.hanwoo .active.list-group-item:hover, 
.wrapper.hanwoo .active.list-group-item:focus{ border-color:#f44e4e; background:#f44e4e;  }
.wrapper.coffee .active.list-group-item, 
.wrapper.coffee .active.list-group-item:hover, 
.wrapper.coffee .active.list-group-item:focus{ border-color:#803f3f; background:#803f3f; }

/*------------------------------------
	로그인
------------------------------------*/
.basic_body .sub_visual li.sub_visual_1018{ display:block; }
.basic_body .breadcrumbs, .search_body .breadcrumbs{ display:none; }
.basic_body .basic-bs .basic-bs-main{ min-height:600px; }
.basic_body .basic-bs.basic-bs-wrap.container.content{ background:#fff; }
.eb-login{margin-top:150px;}
.eb-login .container{ padding:0; }

/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_wrap{ text-align:center; }
.ing_fa_wrap .fa-cog{ color:#2877d6; }
.ing_fa_text{ font:600 20px/44px 'NanumGothic','Malgun Gothic'; display:block; }

/*------------------------------------
	게시판 view
------------------------------------*/
.board-view .headline{ margin:27px 0 22px; }
.board-view .headline h3{ font:600 26px/42px 'NanumGothic','Malgun Gothic'; color:#333; border-bottom:none; }
.board-view .headline h3 > i{ margin:0 2px; font-size:22px; color:#193a8c; vertical-align:-2px; }


/*------------------------------------
	게시판
------------------------------------*/
.board-list, .board-write, .board-view{ padding:0 0.5%; }

.board-write .tbl_wrap{ max-width:1140px; margin:0 auto; }
.board-write{ background:url(/img/write_bg_img2.png) no-repeat left bottom; }
.board-write .sky-form{ background:url(/img/write_bg_img1.png) no-repeat right 12px; }

/* .basic_wrap .board-view{ max-width:1140px; margin:0 auto; } */

/*------------------------------------
	게시판 write
------------------------------------*/

.inquiry_top_wrap{ display:none; text-align:center; }
.board-write .inquiry_top_wrap{ display:block; }
.inquiry_top_wrap p{ padding-bottom:20px; font:600 26px/36px 'NanumGothic','Malgun Gothic',Sans-serif; }
.inquiry_top_wrap p i{ color:#2877d6; font-style:normal; }

.board-write .headline h4{ font:600 20px/30px 'NanumGothic','Malgun Gothic',Sans-serif; border-bottom:none; }
.board-write .headline h4 > i{ margin-right:3px; color:#2877d6; vertical-align:-2px; }

/*------------------------------------
	기타 메뉴 other
------------------------------------*/
.other .breadcrumb li:nth-child(2){ display:none; }
.other .basic-bs .basic-bs-main{ padding:0 0 60px; }

/*------------------------------------
	게시판 상단바
------------------------------------*/
.top_check_point_wrap{ padding:30px 0; width:inline-block; margin:-60px auto 0 auto; background:#f9f9f9 url(/img/bg_pattern_01.png); border-bottom:1px solid #ebebeb;  }
.top_check_point{ text-align:center; }
.top_check_point dt{ text-align:center; }
.top_check_point dt p{ margin:0; }
.top_check_point dt p img{ width:auto; max-width:77px; max-height:73px; }
.top_check_point dt h4{ margin:20px 0; font:600 26px/29px 'NanumGothic','Malgun Gothic',Sans-serif; color:#2877d6; }
.top_check_point dt h4 strong{ color:#2877d6; }
.top_check_point dd{ display:inline-block; margin:0 auto; }
.top_check_point dd ul{}
.top_check_point dd ul li{ position:relative; padding-left:20px; font:normal 15px/24px 'NanumGothic','Malgun Gothic',Sans-serif; color:#777; text-align:left; }
.top_check_point dd ul li:before{ position:absolute; left:0; top:0; content:'✔'; font:600 13px/20px 'icon',Arial; color:#2877d6; }

/* 하단 점선 */
.dotted{ padding-top:50px; margin-bottom:40px; width:100%; height:1px; border-bottom:1px dotted #ddd; }



/*------------------------------------
	온라인 견적서
------------------------------------*/
.estimate_title{ margin:0 0 50px 0; padding-top:10px; text-align:center; font:600 28px/34px 'NanumGothic','Malgun Gothic',Sans-serif; }
.estimate_title b{ color:#193a8c; }
.estimate_title span{ display:block; margin-top:20px; font:400 16px/20px 'NanumGothic','Malgun Gothic',Sans-serif; }

/*------------------------------------
	인사말
------------------------------------*/
.greeting_wrap{ position:relative; overflow:hidden; background:url(/img/write_bg_img1.png) no-repeat right 12px; }
.greeting_wrap:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:100%; background:url(/img/write_bg_img2.png) no-repeat left bottom; }

.greeting{ position:relative; width:100%; max-width:1140px; margin:0 auto; }
.greeting dd{ float:right; width:63%; }
.greeting dt{ float:left; width:31%; text-align:right; }
.greeting dd.imgField{ float:none; width:100%; margin-bottom:35px; }
.greeting dd.imgField > img{ width:100%; max-width:100%; }
.greeting dd.infoArea{ }
.greeting dd.infoArea p{ margin-bottom:10px; font:14px/24px 'NanumGothic','Malgun Gothic', verdana; }
.greeting dd.infoArea .ceoField{ padding-right:2%; text-align:right; font:600 16px "NanumGothic",'Malgun Gothic', verdana; }
.greeting dd.infoArea .ceoField b{ font-size:17px; color:#333; }
.greeting dt .titleField{ font:400 19px/34px "NanumGothic", 'Malgun Gothic', verdana; padding-bottom:15px; }
.greeting dt .titleField strong{ font-family:'Godo'; font-size:24px; font-weight:400; color:#333; }
.greeting dt .subTitle{ display:inline; background:#193a8c; font:bold 14px/24px 'Malgun Gothic', verdana; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.15); letter-spacing:-0.025em; }

/* .family{ display:none; float:right; width:25%; } */


/*------------------------------------
	회사개요
------------------------------------*/
.aboutus{ position:relative; overflow:hidden; background:url(/img/write_bg_img1.png) no-repeat right 20px; }
.aboutus:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:100%; background:url(/img/write_bg_img2.png) no-repeat left center; }
.aboutus:after{ position:absolute; left:0; bottom:0; content:''; width:100%; height:100%; background:url(/img/write_bg_img3.png) no-repeat 95% 95%; }

.company_wrap{ z-index:2; position:relative; width:100%; max-width:1140px; margin:0 auto; }

.company{ overflow:hidden; margin-bottom:50px; }
.company dl{ overflow:hidden; float:left; width:32%; padding:0 25px; min-height:205px; margin-left:2%; font:400 16px/24px 'NanumGothic','Malgun Gothic',Sans-serif; background:#fff; border:1px solid #eee; border-right-color:#ddd; border-bottom-color:#ddd; border-radius:0px 20px 0; }
.company dl:first-child{ margin-left:0; }
.company dl dt{ padding:20px 0 13px; font-size:16px; line-height:30px; font-weight:600; color:#222; /* background:#f9f9f9; */ border-bottom:1px dotted #ddd; text-align:center; }
.company dl dt i{ display:inline-block; margin-right:2px; font-size:15px; font-weight:normal; color:#777; }
.company dl:last-child dt i{ font-size:0; }
.company dl:last-child dt i:before{ display:inline-block; margin-right:2px; content:''; font:normal 13px 'Icon','Arial'; }
.company dl dd{ margin-top:20px; padding:7px 0 30px; font-weight:bold; font-size:24px; text-align:center; color:#333; }
.company dl:first-child dd{ color:#111; }
.company dl dd span{ display:block; margin-top:8px; font-size:14px; line-height:24px; color:#777; }
.company dl:nth-child(2) dd{ padding-top:23px; font-size:21px; }
.company dl:last-child dd strong{ display:block; margin-top:14px; font-weight:400; font-size:28px; font-family:'Godo'; color:#193a8c; }

.company dl dt i{ display:block; font-size:0; }
.company dl dt i:before, .company dl:last-child dt i:before{ display:block; width:100%; height:10px; margin-bottom:5px; content:''; background:url(/img/menu_before.png) no-repeat center; }

.license_wrap{ z-index:2; overflow:hidden; position:relative; width:100%; max-width:1140px; margin:55px auto 0; }
.license_wrap p{ float:left; overflow:hidden; width:48%; margin:0 0 0 4%; padding:5px; border:1px solid #eee; background:#fff; border-radius:24px; }
.license_wrap p:first-child{ margin-left:0; }
.license_wrap p img{ width:auto; max-width:100%; }

/*------------------------------------
	오시는길
------------------------------------*/
.new_map{ width:100% !important; }
.new_map span{ font-family:'NanumGothic' !important; }

.mapArea{ height:323px; margin-bottom:40px; border:1px solid #ddd; border-top:2px solid #193a8c; border-left:none; overflow:hidden; }
.mapArea .mapField{ float:left; width:50%; }
.mapArea .mapField > div{ width:100%; padding:0 !important; border:none !important; border-radius:0 !important; }
.mapArea .mapinfo{ float:right; width:46%; margin-top:50px; }
.mapArea .mapinfo .titleField{ margin-bottom:35px; font:600 27px "NanumGothic","Malgun Gothic",Sans-serif,'verdana'; }
.mapArea .mapinfo .titleField strong{ color:#193a8c; }
.mapArea .mapinfo li{ padding-left:90px; margin-bottom:12px; font:400 15px/22px "NanumGothic","Malgun Gothic",Sans-serif,'verdana'; color:#333; word-break:keep-all; }
.mapArea .mapinfo li strong{ margin-left:-90px; padding:1px 10px; width:80px; display:inline-block; margin-right:10px; font-size:14px; background:#193a8c; border-radius:100em; text-align:center; color:#fff; }
.mapArea .mapinfo li a{ color:#333; }
.mapArea .mapinfo li a:hover{ color:#2877d6; }

.map .txtArea dd{ float:left; width:50%; word-break:keep-all; }
.map .txtArea dd:first-child{ padding:0 40px 0 0.5%; border-right:1px dotted #ddd; }
.map .txtArea dd:last-child{ padding:0 0.5% 0 40px; }
.map .txtArea li{ margin-bottom:15px; color:#555; font:400 13px/22px 'Malgun Gothic',Sans-serif; }
.map .txtArea li p{ font-weight:bold; margin:0 0 5px 0; font-family:'Nanumgothic'; font-size:14px; color:#444; }
.map .txtArea .pointTxt, .map .txtArea .pointTxt a{ color:#193a8c; }

.map .title01{ margin:0 0 20px 0; font:600 22px/26px "NanumGothic","Malgun Gothic",Sans-serif,'verdana'; color:#333; }
.map .title01:before{ display:inline-block; margin:0 10px 0 0; width:10px; height:10px; content:''; background:url(/img/footer_before.png) no-repeat; vertical-align:3px; }


/*------------------------------------
	테이블
------------------------------------*/
.table01{ border-top:2px solid #2877d6; font:14px/20px 'NanumGothic','Malgun Gothic'; clear:both; margin-bottom:20px; width:100%; background:#fff; }
.table01 th, .table01 td{ padding:12px 13px; border:1px solid #ddd; border-width:1px 0; word-break:keep-all; }
.table01 th{ width:20%; min-height:40px; background:#f8fdff; border-bottom:1px solid #d4d8de; font-weight:bold; color:#333; text-align:center; }
.table01 td{ width:80%; padding-left:25px; }
.table01 td a{ color:#555; }
.table01 td a:hover{ color:#2877d6; }

.table01 td span{ margin-top:2px; display:block; line-height:16px; }
.table01 td span:before{ content:'*'; margin-right:3px; vertical-align:-2px; }

.table01 caption{ text-align:left; margin:30px 0 10px 0; font:600 20px/24px 'NanumGothic','Malgun Gothic',Sans-serif; padding:0 1% 0 0; }
.table01 caption:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#2877d6; }


/*------------------------------------
	제품소개 > 마라톤모터
------------------------------------*/
/*카탈로그 다운로드*/
.catalog_btn{ margin-bottom:10px; text-align:right; }
.catalog_btn a{ position:relative; display:inline-block; padding:0 33px 0 17px; font:600 15px/32px 'NanumGothic','Malgun Gothic',Sans-serif; color:#fff; background:#193a8c url(/img/dotted_black.png); border-radius:100em; text-align:center; }
.catalog_btn a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.catalog_btn a:before{ position:absolute; right:16px; top:0; content:''; font:normal 13px/32px 'FontAwesome'; color:#f9f9f9; }
.catalog_btn a:hover{ background:#2877d6 url(/img/dotted_black.png); }

.marathon{ overflow:hidden; }
.marathon_left{ float:left; width:49%; }
.marathon_right{ float:right; width:49%; padding-left:2%; border-left:1px dotted #ddd; }

.marathon p.img_wrap{ margin:30px 0 35px 0; text-align:center; border:1px solid #ddd; }
.marathon p.img_wrap img{ width:auto; max-width:100%; }

.marathon h2{ margin:0 0 35px 0; font:600 22px/26px "NanumGothic","Malgun Gothic",Sans-serif,'verdana'; color:#193a8c; }
.marathon h3{ margin:30px 0 20px 0; font:600 20px/24px "NanumGothic","Malgun Gothic",Sans-serif,'verdana'; color:#444; }
.marathon h3:before{ display:inline-block; margin:0 8px 0 0; width:8px; height:8px; content:''; background:url(/img/menu_before.png) no-repeat center; background-size:100%; vertical-align:2px; }
.marathon ul{ margin-bottom:15px; }
.marathon ul li{ font:400 13px/22px 'Malgun Gothic',Sans-serif; }
.marathon h4{ margin:20px 0 15px 0; font:600 16px/20px "NanumGothic","Malgun Gothic",Sans-serif,'verdana'; color:#444; }

/*베어링 사이즈*/
.marathon_float{ overflow:hidden; }
.marathon_img_left{ float:right; width:43%; }
.marathon_img_right{ float:left; width:52%; padding-top:5px; }

/* 테이블 */
.table02{ margin:40px 0 0; width:100%; border-top:2px solid #2877d6; font:13px/20px 'Malgun Gothic'; letter-spacing:-0.3px; clear:both; background:#fff; }
.table02 th, .table02 td{ width:12.5%; padding:7px 5px; border:1px solid #eee; word-break:break-all; text-align:center; }
.table02 th{ min-height:30px; background:#f8fdff; font-weight:bold; color:#333; }
.table02 td{ }

.table03_wrap{ overflow:hidden; }

/* 테이블 */
.table03{ float:left; margin:0; width:49%; border-top:2px solid #2877d6; font:13px/20px 'Malgun Gothic'; letter-spacing:-0.3px; background:#fff; }
.table03_2{ float:right; }
.table03 th, .table03 td{ min-height:30px; width:33.3333%; padding:2px 5px; border:1px solid #eee; word-break:keep-all; text-align:center; }
.table03 th{ background:#f8fdff; font-weight:bold; color:#333; }
.table03 td{ }

/* 테이블 */
.table04{ margin:0; width:100%; border-top:2px solid #2877d6; font:13px/20px 'Malgun Gothic'; letter-spacing:-0.3px; clear:both; background:#fff; }
.table04 th, .table04 td{ min-height:30px; width:25%; padding:2px 5px; border:1px solid #eee; word-break:keep-all; text-align:center; }
.table04 th{ background:#f8fdff; font-weight:bold; color:#333; }
.table04 td{ }



@media (max-width:1700px) {


.wrapper{ margin-top:69px; }
.header .navbar .container{ padding:0 15px; max-width:1170px; }

/* 로고 */
.header-e1.header .navbar-header .logo .navbar-brand{ width:120px; }

/*상단메뉴*/
.header-e1.header .navbar-nav.menu{ margin-left:15px; }
.header .navbar-default .navbar-nav > li > a{ padding:24px 30px 22px; font-size:18px; }

.header .navbar-default .navbar-nav > li:last-child > a:after{ display:inline-block; }

/*전화번호*/
.header .topbar-e1 .container{ padding:0;}

.topbar-e1{ padding-top:18px; }
.header .topbar-e1 .container{  }
.topbar-e1 .row > div{ margin:2px 10px 0 0; }
.topbar-e1 .row > div p{ padding:0 6px 0 0; }
.topbar-e1 .row > div p img{ height:19px; }
.topbar-e1 .row > div strong{  }
.topbar-e1 .row > div strong b{ display:block; padding-top:7px; font-size:17px; color:#e4eef9; }
.topbar-e1 .row > div strong b u{ display:none; }
.topbar-e1 .row > p{ padding-top:2px; font-size:28px; line-height:32px; }
.topbar-e1 .row > p:before{ display:none; width:29px; height:22px; background-size:100%; }
.topbar-e1 .row > div i{ display:none; }

/* .topbar-e1{ margin:9px 0 0 0; }
.topbar-e1 .row > div{ float:none; margin:0 0 0 32px; }
.topbar-e1 .row > div p{ padding:0 6px 0 0; }
.topbar-e1 .row > div p img{ height:15px; }
.topbar-e1 .row > div strong{  }
.topbar-e1 .row > div strong b{ display:block; padding-top:7px; font-size:15px; color:#e4eef9; }
.topbar-e1 .row > p{ float:none; padding-top:2px; font-size:26px; line-height:30px; }
.topbar-e1 .row > p:before{ display:none; width:29px; height:22px; background-size:100%; }
.topbar-e1 .row > div i{ display:none; } */

/*검색창*/
.header .navbar .search-open { display:none; position:absolute; right:-5px; bottom:-52px; background:rgba(255, 255, 255, 1); border-radius:0; border:1px solid #3e3e3e; border-top:none; }

.search_wrap{ position:relative; float:left; margin:-50px 0 0 683px; }
.search_wrap > i{ display:inline-block; color:#e4eef9; border-radius:100em; width:34px; height:34px; font-size:18px; line-height:34px; text-align:center; cursor:pointer; }
.search_wrap:hover > i{ color:#fff;  }
.search_wrap input[type="text"]{ padding:0 35px 0 20px; }
.search-open .input-group-btn{ right:25px; }

/*------------------------------------
	서브
------------------------------------*/
.basic-bs.basic-bs-wrap.container.content{ background:#fff; }

.content_height.basic-bs-main.col-md-9.left-main{ float:none; width:100%; border:none; }

/*------------------------------------
	서브 좌측 메뉴
------------------------------------*/

/* 좌측 메뉴 고정 fixed*/
.content_height.basic-bs-side.col-md-3.side_left{ float:none; width:100%; height:auto; min-height:35px; padding:0; margin:0; clear:both; overflow:hidden; background:url(/img/gray_bg.png); border-bottom:1px solid #ddd; }
.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{ float:none; width:100%; max-width:1170px; margin:0 auto; clear:both; padding:20px 15px 50px; word-break:break-all;  }

.menuTitle{ display:none; }
.list-group.sidebar-nav-e1{ position:relative; width:100%; max-width:1140px; margin:0 auto; }
.list-toggle.active:after{ display:none; }

.sidebar-nav-e1{ position:relative; background:none; }
.sidebar-nav-e1:before{ position:absolute; left:0; top:34px; content:''; width:100%; height:1px; background:#ddd; }
.sidebar-nav-e1 li{ width:25%; margin:0; float:left; border:none; text-align:center; }
.sidebar-nav-e1 > li > a{ border-right:1px #ddd solid; }
.sidebar-nav-e1 > li:nth-child(1) > a{ border-left:1px #ddd solid; }
.sidebar-nav-e1 li a{ padding:0; line-height:34px; }
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover{ border:none; }
.sidebar-nav-e1 li > ul{ display:none; }
.sidebar-nav-e1 li ul li a{ padding:0 10px; }

/*제품소개 좌측메뉴*/
.product_wrap .content_height.basic-bs-side.col-md-3.side_left{ height:35px; overflow:inherit; }
.product_wrap .sidebar-nav-e1 > li{ position:relative; width:14.2857%; }/*GS펌프 생성시 width값 16.6666 부여..*/
.product_wrap .sidebar-nav-e1 li a{  }
.product_wrap .sidebar-nav-e1 > li > a:before{ display:none; }
.product_wrap .sidebar-nav-e1 li:hover > a{ }
.product_wrap .sidebar-nav-e1 li ul{ z-index:999; position:absolute; left:0; top:100%; width:100%; height:auto; display:none; overflow:hidden; border:1px solid #ddd; border-width:0 1px 1px 1px; }
/* .product_wrap .sidebar-nav-e1 li.active:hover ul{ z-index:999; } */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ z-index:auto; }

.product_wrap .sidebar-nav-e1 li:hover ul{ display:block; }
.product_wrap .sidebar-nav-e1 li > ul > li{ width:100%; float:none; }
.product_wrap .sidebar-nav-e1 li ul li a{ height:auto; text-align:left; }
.product_wrap .sidebar-nav-e1 li ul li a:hover{ color:#666; }

/*------------------------------------
	게시판
------------------------------------*/
.board-list, .board-write, .board-view{ padding:0; }
.board-write{ background:none; }

/*------------------------------------
	회사개요
------------------------------------*/
.aboutus{ background:none; }
.aboutus:before{ background-position:left bottom; }
.aboutus:after{ display:none; }


/*------------------------------------
	오시는길
------------------------------------*/
.mapArea .mapinfo .titleField{ margin-bottom:30px; }
.mapArea .mapinfo li{ margin-bottom:10px; font-size:14px; }
.mapArea .mapinfo li strong{ font-size:13px; }

.map .txtArea dd{ float:none; width:100%; }
.map .txtArea dd:first-child{ padding:0 0.5% 17px; margin-bottom:30px; border-right:none; border-bottom:1px dotted #ddd; }
.map .txtArea dd:last-child{ padding:0 0.5%; }


/*------------------------------------
	제품소개 > 마라톤모터
------------------------------------*/
.marathon_left{ float:none; width:100%; }
.marathon_right{ float:none; width:100%; padding-left:0; padding-top:50px; border-left:none; }

/*베어링 사이즈*/
.marathon_img_left{ float:none; width:100%; }
.marathon_img_right{ float:none; width:100%; padding-top:0; }


/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1 .footer > .container{ max-width:1170px; }

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

.footer-e1 .address{ display:block; padding-left:15px; }

.footer-e1 address p:last-child{ display:block; width:100%; }
.footer-e1 address span.company_email:before{ display:none; }

.footer-e1 address p span{ margin-bottom:4px; }
.footer-e1 address p:nth-child(4){ display:block; width:100%; }
.footer-e1 address span.pc_tel:before, .footer-e1 address span.m_tel:before{ display:none; }

.company_top{ display:block; position:absolute; right:0; top:0; height:100%; width:180px; }
.company_top li{ right:125px; }
.company_top li:nth-child(2){ right:70px; }
.company_top li:nth-child(3){ width:55px; right:15px; }


}