@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');*/
}

@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: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/css/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(/css/fonts/NotoSansKR-Light.woff) format('woff'),
       url(/css/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Bold.otf) format('opentype');
 }


html{  }
ul,ol,dl{ margin:0; padding:0; }
li{ list-style:none }
body{  }
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:0; min-width:320px; overflow-x:hidden }
.wrapper:after{ content:""; display:block; clear:both; }
body.Main .wrapper{ background:none; }
.container{ padding:0 15px; max-width:1168px; width:100%; box-sizing:border-box; margin:0 auto }

.side_top.basic-bs-side.col-md-3{ position:relative; width:100%; float:none; border-bottom:1px solid #cfcfcf; background:#e6e6e6; /* overflow-x:hidden  */ }
.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; max-width:1200px; background:#fdfdfd; padding:0; /* max-width:1238px; */ left:50%; margin-left:-200px; }
.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:#005d9e }
.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:#005d9e }
.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:#005d9e; border-color:#005d9e; /* font:600 13px/16px 'Noto Sans KR'; */ }
.btn{ padding:7px 10px; border-radius:3px; /* font:400 13px/16px 'Noto Sans KR';  */color:#666; }
.btn-e{ padding:5px 10px; border-radius:3px; }
.pagination li a{ padding:3px 10px 4px; }
.btn.btn-default.big{ padding:6px 10px 7px 10px; }
.input-group-btn .btn.btn-default.big{ border-radius:1px; }
#bo_sch .input-group-btn .btn.btn-default.big{ min-width:80px; }
.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{/*  font:300 13px/22px 'Noto Sans KR'; */ }
.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:9px 16px; font:400 13px/16px 'Noto Sans KR'; 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%; }


/* 로고 영역 */ 
.header-e1.header .navbar-header { float:none; position:absolute; left:105px; top:0; }
.header-e1.header .navbar-header .logo .navbar-brand{ margin:12px 0 0 0; height:auto; display:inline-block; position:relative; text-align:center; }
.header-e1.header .navbar-header .logo .navbar-brand img{ }


/* 상단 탑메뉴 */
.header .navbar-nav{float:none;}
.header .navbar { position:relative; width:100%; margin:0 auto;  background:rgba(11,57,116,.9); z-index:10 }
.Main .header .navbar { border-bottom:solid 1px rgba(255,255,255,.2); box-shadow:1px 1px rgba(0,0,0,.2); background:none  }
.header .navbar .container{ position:relative; padding:0 105px; max-width:100%; }
.m_menu_wrap{}
.m_menu_cancel{ display:none; z-index:999999999; position:fixed; left:0; top:0; height:60px; width:100%; background:#005d9e; text-align:left; }
.m_menu_cancel a{ display:inline-block; margin:0; position:fixed; left:15px; top:12px; height:35px; }
.m_menu_cancel a > img{ height:100%; }
.m_menu_cancel > img{ width:auto; float:right; max-width:25px; padding:18px; box-sizing:content-box; cursor:pointer; }
.header .navbar .navbar-collapse { text-align:center; height:70px !important; }
.header-e1.header .navbar-nav.menu { }
.header-e1.header .navbar-nav.menu { display:inline-block;  }
.header .navbar-default .navbar-nav > li{ padding:0 25px; /* -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 .navbar-default .navbar-nav > li:last-child{ display:none; }
.header .navbar-default .navbar-nav > li > a{ position:relative; color:#fff; font:600 19px/70px 'NanumGothic','Malgun Gothic',Sans-serif; display:block; width:100%; text-align:center; padding:0 32px; text-transform:none; opacity:.85 }
.header .navbar-default .navbar-nav > 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 .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { }
.header .navbar-default .navbar-nav > li:hover{ background:#005d9e; }
.header .navbar-default .navbar-nav > li > a{ position:relative; }
.header .navbar-default .navbar-nav > li:hover > a:before{ position:absolute; left:0; bottom:-1px; width:100%; height:2px; content:''; background:#fff; }
.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; }


/* 상단 서브메뉴 Dropdown Menu */
.header .dropdown-menu{ padding:5px 0 20px; min-width:auto; margin-left:0; border: none; border-radius:0;  z-index: 99999999 !important; background:#005d9e; box-shadow:none; width:100%; letter-spacing:-0.5px; }
.header .dropdown-menu{ -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 .navbar-default .navbar-nav > li:hover > .dropdown-menu{ background:#005d9e; }
.header .dropdown-menu li > a { color: #eee; font-size:13px; font-weight: 300; padding:5px 5px; text-align:center; letter-spacing:-0.5px; word-break:keep-all; white-space:normal; opacity:.7; /* border-top:dotted 1px rgba(0,0,0,.3); */ box-sizing:border-box }
.header .dropdown-menu li > a:hover{ opacity:1; background:#005d9e; }
.header .dropdown-menu li:first-child > a { border-top:none }
.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:#005d9e url(/img/dotted_black.png); color:#8ce5ff;  }
.header .dropdown-menu li.active a:hover{ background:#005d9e url(/img/dotted_black.png); color:#8ce5ff;  }

.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:none; 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:260px; } */ /*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:#005d9e url(/img/dotted_black.png); color: #fff; }
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub a{ /* background:#005d9e url(/img/dotted_black.png); color: #fff;  */}
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub .active a{ background:#005d9e url(/img/dotted_black.png); color: #fff; }
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub a:hover{ background:#005d9e url(/img/dotted_black.png); color: #fff; }


/*------------------------------------
	상단HEADER_고정
------------------------------------*/
.header.header-e1.fixed{ position:fixed; top:0; left:0; width:100%; border-bottom:none; background:rgba(11,57,116,.89);  }
.header.header-e1.fixed .navbar{  border-bottom:none; box-shadow:none  }
.header.header-e1.fixed .navbar{ /* background:#005d9ergba(7,51,79,.95); */  }
/* .header.header-e1.fixed .navbar-default .navbar-nav > li:hover{ background:#282828; }
.header.header-e1.fixed .navbar-default .navbar-nav > li:hover > .dropdown-menu{ background:#282828; } */

/*------------------------------------
	최상단 스몰 메뉴
------------------------------------*/
.topbar-e1{ z-index:1; float:none; position:absolute; right:94px; top:-7px; text-align: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 'Noto Sans KR','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','Noto Sans KR','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; }

.small_menu{ overflow:hidden; }
.small_menu li{ float:left; padding:0 11px; }
.small_menu li a{ display:block; position:relative; color:#fff; font:400 18px/83px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:rgba(255, 255, 255, 0.9); }
.small_menu 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; }
.small_menu li a.kor_btn{ color:#fff; }
.small_menu li a: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; }
.small_menu li a.kor_btn:hover:before{ position:absolute; bottom:22px; left:1px; content:''; width:24px; height:2px; background:#fff; }
.small_menu li a.eng_btn{ color:#fff; }
.small_menu li a.eng_btn:before{ position:absolute; bottom:23px; left:0; content:''; width:24px; height:2px; background:rgba(255, 255, 255, 0.9); }
.small_menu li a.siteMap{ font-size:0; /* background:url(/img/sitemap_icon.png) no-repeat center; width:17px; */ }
.small_menu li.login_btn a{ font-size:0; background:url(/img/login_icon.png) no-repeat center; width:20px; }
.small_menu li a.download_btn img{ vertical-align:-2px; }


/*------------------------------------
	사이트맵
------------------------------------*/
#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 #005d9e; */ /* 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:700px; */ /* overflow-y:auto; */ /* background:#fff; */ padding:0; }
#sitemap .no-border{ display:none; }
#sitemap .depth01{ float:left; width:32%; margin-left:2%; min-height:440px; }
#sitemap .depth01:nth-child(3n+1){ margin-left:0; }
#sitemap .depth01:nth-child(6){ display:none; }
#sitemap .depth01:nth-child(7){ display:none; }
#sitemap .depth01:nth-child(8){ display:none; }

/* #sitemap .depth01:nth-child(4){ display:none; }
#sitemap .depth01:nth-child(5){ display:none; } */

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

#sitemap .depth01 > a{ position:relative; display:block; width:100%; padding:0 20px; margin-bottom:6px; background:#005d9e url(/img/quick_bg_blue.jpg) no-repeat left top; background-size:100%; font:400 20px/50px "Noto Sans KR", "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:#444; font:300 15px/38px 'Noto Sans KR','Malgun Gothic',Sans-serif; letter-spacing:-0.5px; }
#sitemap .depth02 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; }
#sitemap .depth02 > li > a:before{ display:none; 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; background:none; }
#sitemap .depth02 li > a > i{ display:none; }
#sitemap .depth02 li > a > br{ display:none; }
#sitemap .depth02 li.active > a{ background:none; color:#141414; }
 
/* 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:50px 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:500 28px/30px 'Noto Sans KR',Malgun Gothic,Sans-serif; letter-spacing:-1px; color:#005d9e; }
#sitemap .btn_close > i{ font-size:18px; color:#333; vertical-align:5px; cursor:pointer; }


/*------------------------------------
	Footer-e1
------------------------------------*/
.footer_btn_warp{ text-align:center; margin:36px 0 25px; overflow:hidden; display:inline-block; }

.sns_btn{ float:left; overflow:hidden; padding-top:5px; }
.sns_btn li{ float:left; margin-left:20px; }
.sns_btn li:first-child{ margin-left:40px; }
.sns_btn li a{ display:block; height:16px; /* background:url(/img/youtube_icon.png) no-repeat center; background-size:100%; */ }
.sns_btn li a img{ width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:top; }

.footer_btn{ float:left; overflow:hidden; }
.footer_btn li{ float:left; }
/* .footer_btn li:before{ padding:0 18px; content:'ㅣ'; color:#acacac; vertical-align:1px;} */
.footer_btn li a{ font:400 12px/18px 'NanumGothic'; color:#6b6b6b; display:inline-block; padding:2px 20px; background:#208faf; border-radius:20px; margin:0 5px; color:#fff; background:#fff; color:#1e5499; border:solid 1px #d2d3de }
.Main .footer_btn li a{  background:#fff; color:#1e5499; border:solid 1px #d2d3de }
.footer_btn 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; }
.footer_btn li a:hover{ background:#005d9e; border-color:#005d9e; color:#fff; }
.footer_btn li:first-child:before{ display:none; }
/* .footer_btn li:last-child a:after{ padding-left:16px; content:''; font:normal 13px 'FontAwesome'; color:#8a8a8a; } */
/* .footer_btn li:last-child a:hover:after{ color:#005d9e; } */


/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1{ }
.footer-e1 .container{  max-width:1300px; }
.footer-e1 .footer{ overflow:hidden; position:relative; padding:50px 0 70px 0; background:url(/img/sitemap_bg.jpg); text-align:center; background:#f7f7f7 url(/img/bg_pattern_01.png);  border-top:solid 1px #e5e5e5 }
.Main .footer-e1 .footer{  background:#f4f4f4 url(/img/bg_pattern_01.png); border-top:solid 1px #ddd;  }
.footer-e1 .address{  }

.footer-e1 address{ margin:0; text-align:center; }
.footer-e1 address p{ margin:0 0 2px 0; overflow:hidden; font:300 12px/22px 'NanumGothic'; color:#ababab; }
.footer-e1 address p.company_name{ margin-bottom:16px; font-size:16px; font-weight:500; }

.footer-e1 address p.company_cs_wrap{ overflow:hidden; margin-top:19px; }
.footer-e1 address p span{ /* float:left; */ font:300 12px/22px 'NanumGothic'; color:#fff; opacity:.5; color:#707070; opacity:1  }
.Main .footer-e1 address p span{  color:#707070; opacity:1  }
.footer-e1 address p span:before{ padding:0 10px; content:'/'; color:#fff; opacity:.2; color:#333;  }
.Main .footer-e1 address p span:before{ color:#333;  }
.footer-e1 address p span.company_after:before{ display:none; }
.footer-e1 address p.company_copyright{ display:block; }
.footer-e1 address p.company_copyright span{ display:block; width:100%; padding:10px 0 0 0;  font:600 12px/20px "NanumGothic",Malgun Gothic; color:#b4c8dd; color:#777;  }
.Main .footer-e1 address p.company_copyright span{  color:#777; }

.footer-e1 address p span:last-child{ padding-right:0; }
.footer-e1 address p span a{ /* opacity:.7;  */color:#707070;  }
.Main .footer-e1 address p span a{ color:#707070; }
.footer-e1 address p span 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; }
.footer-e1 address p span a:hover{ color:#005d9e; }

.footer-e1 address p span.m_tel{ display:none; }
.footer-e1 address p span.m_tel:before{ display:none; }

.footer-e1 .logo{ text-align:center; }
.footer-e1 .logo a{ display:inline-block;  }
.footer-e1 .logo a img{ width:auto; max-width:100%; }
.footer-e1 .logo a:after{  content:"Leader of Power Quality"; display:block; font:600 12px/18px "NanumGothic", Malgun gothic; color:#b4c8dd; padding:3px 0 0 0; color:#999; }
.Main .footer-e1 .logo a:after{ color:#555; }

/*------------------------------------
	footer /sitemap 사이트맵
------------------------------------*/
.site_menu_wrap{ background:url(/img/sitemap_bg.jpg); display:none; }
.footer-e1 .site_menu{ display:block; overflow:hidden; max-width:1200px; padding:60px 4% 65px; margin:0 auto; position:relative; }
.footer-e1 .site_menu li.no-border{ display:none; }

/*1차 대메뉴*/
.footer-e1 .site_menu > li{ position:relative; float:left; width:auto; min-width:10%; padding-left:11%; box-sizing:content-box; }
.footer-e1 .site_menu > li:first-child{ padding-left:0; }
.footer-e1 .site_menu > li:nth-child(6){ display:none; }
.footer-e1 .site_menu > li:nth-child(7){ display:none; }
.footer-e1 .site_menu > li:nth-child(8){ display:none; }
.footer-e1 .site_menu > li > a{ display:block; position:relative; font:400 18px/22px 'Noto Sans KR'; color:#b4c0c8; text-transform:uppercase; }
.footer-e1 .site_menu > 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; }
.footer-e1 .site_menu > li > a:after{ position:absolute; right:auto; top:auto; left:1px; bottom:-22px; display:block; width:12px; height:2px; content:''; background:#b4c0c8; }
.footer-e1 .site_menu > li:hover > a{ color:#fff; }

/* .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; margin:36px 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:block; padding:0; font:300 13px/24px 'Noto Sans KR'; color:#8296a3; }
.footer-e1 .site_menu > li .dropdown-menu > 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; }
.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:#eee; /* text-decoration:underline; */ text-decoration-color:#888; }
.footer-e1 .site_menu > li .dropdown-menu > li.active > a{ color:#eee; /* 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; }

/*TOP*/
.eb-top{ right:40px !important; bottom:20px !important; font-size:0 !important; width:75px; height:75px; background:none; }
.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; }
.eb-top p{ margin:0; width:75px; height:75px; background:#005d9e; border-radius:100em; overflow:hidden; }
.eb-top p{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.eb-top p:hover{ background:#052d49; }
.eb-top p i{ margin:16px 0 5px 0; display:block; color:#fff; font-size:14px; opacity:0.5; }
.eb-top p span{ display:block; font:600 16px/18px 'Verdana','Malgun Gothic',Sans-serif; color:#fff; 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 'Noto Sans KR'; margin-bottom:2px; color:#fff; background:#005d9e 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 'Noto Sans KR','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:#005d9e; border-color:#005d9e; color:#fff; border:none; border:1px #005d9e 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:#005d9e; border-color:#005d9e; /* 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 20px; 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: #005d9e; font-weight:600; }
.sidebar-nav-e1 li.active ul li a:hover{ background:#fff; }
.sidebar-nav-e1 li ul li.active a:hover{ color:#005d9e; }
.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:#005d9e; content: "\f105"; top: 0; right: 15px; font:normal 13px/28px 'FontAwesome'; }

body.Main .side_top{ display:none; height:auto;  margin:0  }
.side_top{ z-index:99; padding:0; border-bottom:1px solid #e9e9e9; background:#fff; height:50px; 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:none; color:#333; }
.side_top .lnbTop > li{ position:relative; float:left; padding-right:20px; background:url(/img/right_bg.jpg) no-repeat right center; }
.side_top .lnbTop > li > p > a{display:block;}
.side_top .lnbTop .selected a{font-weight:400; color:#666;}
.side_top .lnbTop .selected a span{display:none;}
.side_top .lnbTop .selected a, .side_top .menu a{ display:block; min-width:130px; position:relative; padding:0 40px 0 23px; font-size:14px; line-height:49px; font-family:'Noto Sans KR','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/49px 'FontAwesome'; color:#777; position:absolute; right:12px; }
.side_top .lnbTop:hover .selected a{ color:#333; }
.side_top .lnbTop:hover .selected a:after{ color:#555; }
.side_top .lnbTop .selected a:after{content:'';}
.side_top .lnbTop .selected a > br{ display:none; }
.side_top .lnbTop .depth_home{ background:#e6e6e6 url(/img/right_bg2.jpg) no-repeat right center; }
.side_top .lnbTop .depth_home a{ display:block; padding:0 25px 0 10px; font:300 13px/48px 'Noto Sans KR'; color:#373737; /* border-left:1px solid #c5c5c5; */ }
.side_top .lnbTop .depth_home a > i{ display:inline-block; margin-right:12px; font-size:14px; line-height:49px; color:#444; }
.side_top .lnbTop .depth01 .menu span{display:none;}
/* .side_top .lnbTop .depth01 .menu > a:nth-child(4){ display:none; }
.side_top .lnbTop .depth01 .menu > a:nth-child(5){ 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 #cfcfcf; position:absolute; z-index:999; left:-18px; top:49px; line-height:44px; background:#fff; font-family:"Noto Sans KR"; }
.side_top .lnbTop li .menu li{ padding:0;  }
.side_top .lnbTop li .menu a{ padding-left:40px; min-width:234px; width:100%; color:#444; font:300 14px/44px 'Noto Sans KR'; border-top:1px solid #cfcfcf; }
.side_top .lnbTop li .menu li:first-child a, .side_top .lnbTop li .menu > a:first-child{ border-top:none; }
.side_top .lnbTop li .menu > a:last-child{ display:none; }
.side_top .lnbTop li .menu a:hover{ position:relative; background:#f0f0f0; }
.side_top .lnbTop li .menu a:hover:after{ position:absolute; right:15px; top:0; content:''; font:normal 15px/44px 'FontAwesome'; color:#777; }
.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.basic-bs-side.col-md-3.fixed{ position:fixed; top:0; z-index:999; box-shadow:0px 3px 0px rgba(0, 0, 0, .1); border:none; }
.side_top.basic-bs-side.col-md-3.fixed:before{ position:fixed; top:49px; left:0; width:100%; height:2px; content:''; background:#0f367b; }
/* .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 li:first-child{  } */

.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 'Noto Sans KR','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:#005d9e; }
.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:'Noto Sans KR',"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;}


/*------------------------------------
	서브비주얼
------------------------------------*/
.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;  background:#222;  z-index:0; }
.sub_visual li{ position:relative; display:none; height:250px; }
.sub_visual li:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:url(/img/black_40.png);  z-index:1; }
.sub_visual li.active{ display:block; }
.sub_visual li.sub_visual_1018{background:url(/img/sub_visual_04.jpg) no-repeat center;}
.sub_visual li.sub_visual_2019{background:url(/img/sub_visual_06.jpg) no-repeat center;}
.sub_visual li.sub_visual_3020{background:url(/img/sub_visual_03.jpg) no-repeat center;}
.sub_visual li.sub_visual_4021{background:url(/img/sub_visual_05.jpg) no-repeat center;}
.sub_visual li.sub_visual_5022{background:url(/img/sub_visual_01.jpg) no-repeat center;}
.sub_visual li.sub_visual_6026{background:url(/img/sub_visual_07.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:130px auto 0 ; font:600 30px/33px 'Noto Sans KR', '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:5px; }
.sub_visual dd span{ color:#fff; font:400 13px 'Noto Sans KR'; display:inline-block; letter-spacing:0px; opacity:.7  }

.company_body .sub_visual li.sub_visual_1018{ display:block; }
.product_body .sub_visual li.sub_visual_2019{ display:block; }
.account_body .sub_visual li.sub_visual_3020{ display:block; }
.rnd_body .sub_visual li.sub_visual_4021{ display:block; }
.privacy_body .sub_visual li.sub_visual_6023{ display:block; }
.search_body .sub_visual li.sub_visual_6023{ display:block; }

/*------------------------------------
	서브메뉴 타이틀
------------------------------------*/
.breadcrumbs{ position:relative; padding:0; margin:0px 0 50px 0; text-align:center; display:none; }
.breadcrumbs:before{ position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background:#d6d6d6; }
.breadcrumbs h2{ position:relative; display:inline-block; float:none !important; margin:0 auto; padding:0 35px 42px 35px; color:#444; letter-spacing:-0.5px; font:400 32px/34px 'Noto Sans KR','Malgun Gothic',Sans-serif;  text-transform:uppercase }
.breadcrumbs h2:before{ position:absolute; left:0; bottom:0; width:100%; height:2px; content:''; background:#005d9e; }
.breadcrumbs u{ display:none; }
.breadcrumb{ display:none; right:5px; }
.breadcrumb li.active, .breadcrumb li a:hover { color:#005d9e; text-decoration: none; }
.breadcrumb li{ font:400 14px 'Noto Sans KR','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{ padding:40px 15px 50px; min-height:500px; /*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;}*/


.sample_info{display:none;}
.active.list-group-item, .active.list-group-item:hover, .active.list-group-item:focus{ border-color:#005d9e; }
.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:0;}
.eb-login .container{ padding:0; }


/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_wrap{ text-align:center; }
.ing_fa_wrap .fa-cog{ color:#005d9e; }
.ing_fa_text{ font:500 20px/44px 'Noto Sans KR','Malgun Gothic'; display:block; text-transform:uppercase; }


/*------------------------------------
	게시판 view
------------------------------------*/
/* .board-view .headline{ margin:27px 0 22px; }
.board-view .headline h3{ font:500 28px/42px 'Noto Sans KR',Malgun Gothic; color:#444; border-bottom:none; letter-spacing:-0.5px; }
.board-view .headline h3 > i{ margin:0 2px; font-size:22px; color:#005d9e; vertical-align:-1px; }
 */

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

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


/*------------------------------------
	게시판 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 'Noto Sans KR','Malgun Gothic',Sans-serif; }
.inquiry_top_wrap p i{ color:#005d9e; font-style:normal; }

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


/*------------------------------------
	게시판 상단바
------------------------------------*/
.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 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#005d9e; }
.top_check_point dt h4 strong{ color:#005d9e; }
.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 'Noto Sans KR','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:#005d9e; }

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


/*------------------------------------
	테이블
------------------------------------*/
.table01{ border-top:2px solid #005d9e; font:13px/20px Arial; 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:15%; min-height:40px; background:#eefaff; border-bottom:1px solid #d4d8de; font-weight:bold; color:#333; text-align:center; }
.table01 td a{ color:#555; }
.table01 td a:hover{ color:#005d9e; }

.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 'Noto Sans KR','Malgun Gothic',Sans-serif; padding:0 1% 0 0; }
.table01 caption:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#005d9e; }


/*------------------------------------
	개인정보보호정책
------------------------------------*/
/* 타이틀 */
.privacy_wrap h2{ margin:0; padding:45px 0 20px; display:block; color:#005d9e; font:500 15px 'Noto Sans KR'; }
.privacy_wrap h2 span{ font:400 15px 'Noto Sans KR'; }

.privacy_wrap p{ margin:0; padding:8px 0; font:300 14px/24px 'Noto Sans KR'; word-break:keep-all; }
.privacy_wrap p.i_wrap{ font-size:17px; line-height:27px; }
.privacy_wrap p > span{ color:#005d9e; font:400 14px 'Noto Sans KR'; }
.privacy_wrap p > b{ font-weight:400; color:#242424; }
.privacy_wrap p > b > u{ text-decoration:none; }
.privacy_wrap p > u{ }
.privacy_wrap p > i{ font-size:15px; color:#005d9e; }

.privacy_wrap ul{ margin:8px 0 10px; padding:15px 25px; background:url(/img/bg_pattern_01.png); border:1px solid #eee; }
.privacy_wrap ul li{ position:relative; padding-left:10px; margin:5px 0; font:400 14px/24px 'Noto Sans KR'; }
.privacy_wrap ul li:before{ position:absolute; left:0; top:11px; display:inline-block; content:''; width:3px; height:3px; border-radius:100em; margin-right:3px; background:#242424; }
.privacy_wrap ul li.before_none_li{ padding:5px 0 0 0; }
.privacy_wrap ul li.before_none_li:first-child{ padding:0; }
.privacy_wrap ul li.before_none_li:before{ display:none; }
.privacy_wrap ul li b{ font-weight:400; color:#242424; }


/*------------------------------------
	온라인 견적서
------------------------------------*/
.estimate_title{ margin:0 0 50px 0; padding-top:10px; text-align:center; font:400 28px/34px 'Noto Sans KR','Malgun Gothic',Sans-serif; letter-spacing:-1px; }
.estimate_title b{ font-weight:400; color:#005d9e; }
.estimate_title span{ display:block; margin-top:20px; font:300 15px/20px 'Noto Sans KR','Malgun Gothic',Sans-serif; letter-spacing:0px; }


/*------------------------------------
	오시는길
------------------------------------*/
.map{ position:relative; }
.new_map{ width:100% !important; }
.new_map span{ font-family:'Noto Sans KR' !important; }

.mapArea{ height:354px; margin-bottom:40px; border:1px solid #ddd; border-top:2px solid #005d9e; border-left:none; overflow:hidden; }
.mapArea .mapField{ float:left; width:50%; }
.mapArea .mapField > div{ width:100%; }
.mapArea .mapinfo{ float:right; padding-left:2%; width:44%; margin-top:47px; }
.mapArea .mapinfo .titleField{ margin-bottom:35px; font:500 27px "Noto Sans KR","Malgun Gothic",Sans-serif,'verdana'; letter-spacing:-1px; }
.mapArea .mapinfo .titleField strong{ color:#005d9e; font-weight:500; }
.mapArea .mapinfo li{ padding-left:90px; margin-bottom:12px; font:300 15px/22px "Noto Sans KR","Malgun Gothic",Sans-serif,'verdana'; color:#555; word-break:keep-all; width:90%;}
.mapArea .mapinfo li strong{ margin-left:-90px; padding:1px 10px; width:80px; display:inline-block; margin-right:10px; font-size:15px; font-weight:400; background:#005d9e; border-radius:100em; text-align:center; color:#fff; }
.mapArea .mapinfo li a{ color:#555; }
.mapArea .mapinfo li a:hover{ color:#005d9e; }



/*------------------------------------
	납품내역 : 주요거래처
------------------------------------*/
.account_wrap h2{ position:relative; padding:0 0 30px 0; text-align:center; font:400 28px/30px 'Noto Sans KR'; letter-spacing:-1px; color:#242424; }
.account_wrap h2:before{ position:absolute; left:50%; bottom:0px; margin-left:-15px; content:''; width:30px; height:1px; background:#0f367b; }

/* .account_wrap h2{ margin:0 auto; width:300px; padding:0 25px; font:400 28px/50px 'Noto Sans KR'; letter-spacing:-1px; color:#0f367b; border:1px solid #0f367b; border-radius:100em; text-align:center; } */

.account{ overflow:hidden; margin-top:30px; }
.account dl{ margin:10px 0 15px 2%; float:left; width:23.5%; } 
.account dl:nth-child(4n+1){ margin-left:0; }
.account dl dt{ position:relative; width:100%; border:1px solid #ededed; text-align:center; }
.account dl dt{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.account dl:hover dt{ border:1px solid #dadada; }
.account dl dt img{ width:auto; max-width:70%; }
.account dd{ width:100%; margin:12px 0px; text-align:center; font:700 13px/18px 'Malgun Gothic',Sans-serif; color:#141414; }
.account dl:hover dd{ color:#0f367b; }

/* 테이블 */
.account_table{ border-top:2px solid #005d9e; font:300 13px/20px 'Noto Sans KR','Malgun Gothic'; clear:both; margin-top:40px; width:100%; background:#fff; }
.account_table th, .account_table td{ width:18%; padding:10px 5px; border:1px solid #ddd; border-width:1px 0; word-break:keep-all; text-align:center; }
.account_table th{ min-height:34px; background:#f8fdff; border-bottom:1px solid #ddd; font-weight:400; color:#333; }
.account_table td{  }
.account_table .s_th{ width:8%; min-width:38px; }
.account_table .l_th{ width:38%; }
.account_table tbody .l_th{ text-align:left; padding-left:25px; }
.account_table tbody th{ /* background:#fafdfe; */ background:none; }


/*------------------------------------
	CI
------------------------------------*/
.ci_wrap{ overflow:hidden; }
.ci_wrap li{ float:left; width:50%; margin-left:6%; }
.ci_wrap li:first-child{ margin-left:0; width:44%; }
.ci_wrap li:first-child > p{ margin:0; border:1px solid #eee; }
.ci_wrap li > p img{ width:auto; max-width:100%; }

.ci_wrap li h1{ margin:28px 0 0px; font:400 24px/36px 'Noto Sans KR'; letter-spacing:-0.7px; }
.ci_wrap li h1 strong{ font-size:28px; line-height:44px; font-weight:500; color:#242424; letter-spacing:-1px; }
.ci_wrap li h1 strong b{ font-weight:500; color:#0093d8; }
.ci_wrap li h1 strong b:nth-child(2){ color:#0067b4; }
.ci_wrap li h1 strong b:nth-child(3){ color:#0f367b; }
.ci_wrap li p{ margin:30px 0 0; font:300 16px/30px 'Noto Sans KR','Malgun Gothic'; letter-spacing:-0.4px; }
.ci_wrap li p b{ font-weight:400; color:#444; }
.ci_wrap li p i{ font-style:normal; font-weight:400; color:#0f367b; }

/* .ci_wrap{ overflow:hidden; }
.ci_wrap li{ float:left; width:50%; margin-left:6%; }
.ci_wrap li:first-child{ margin-left:0; width:44%; }
.ci_wrap li:first-child > p{ margin:0; border:1px solid #eee; }
.ci_wrap li > p img{ width:auto; max-width:100%; }

.ci_wrap li h1{ margin:35px 0 0px; font:400 28px/42px 'Noto Sans KR'; letter-spacing:-0.7px; }
.ci_wrap li h1 strong{ font-size:30px; font-weight:500; color:#242424; letter-spacing:-1px; }
.ci_wrap li h1 strong b{ font-weight:500; color:#0093d8; }
.ci_wrap li h1 strong b:nth-child(2){ color:#0067b4; }
.ci_wrap li h1 strong b:nth-child(3){ color:#0f367b; }
.ci_wrap li p{ margin:30px 0 0; font:300 16px/30px 'Noto Sans KR','Malgun Gothic'; letter-spacing:-0.4px; }
.ci_wrap li p b{ font-weight:400; color:#444; }
.ci_wrap li p i{ font-style:normal; font-weight:400; color:#0f367b; } */


/*------------------------------------
	회사연혁
------------------------------------*/
.history{ display:table; width:100%; }
.history, .history p{ word-break:keep-all; }
.history dl{ overflow:hidden; display:table-row; }
.history dl dt, .history dl dd{ display:table-cell; }
.history dl dt{ width:28%; text-indent:-100em; background:url(/img/hitory01.jpg) center bottom; }
.history dl dd{ width:62%; padding-left:8%; }
.history dl dd div{ margin-top:3px; float:left; }
.history dl dd div:first-child{ font:500 24px/26px 'Noto Sans KR', sans-serif; font-style:italic; margin-right:6%; color:#bbb; width:12%; }
.history dl dd div:last-child{ margin-top:2px; width:80%; }
.history dl dd ul{ margin-bottom:20px; }
.history dl dd li{ margin-top:30px; overflow:hidden; }
.history dl dd div > p{ margin-bottom:15px; padding-left:45px; font:300 15px/24px 'Noto Sans KR','Malgun Gothic', Sans-serif; }
.history dl dd div > p:before{ content:" "; display:inline-block; width:3px; height:3px; border-radius:100em; background:#aaa; margin-right:8px; margin-left:-42px; vertical-align:4px; }
.history .month{ margin-right:15px; color:#0f367b; font:500 15px/24px 'Noto Sans KR','Malgun Gothic', Sans-serif; }


/*------------------------------------
	회사소개
------------------------------------*/
.introduction_wrap{ text-align:center; }
.introduction_wrap h1{ margin:0; font:300 italic 24px/34px 'Noto Sans KR'; color:#666; letter-spacing:-0.5px; }
.introduction_wrap h2{ margin:6px 0 70px; font:400 38px/60px 'Daehan','Noto Sans KR'; color:#333; letter-spacing:-0.3px; }
.introduction_wrap h2 strong{ font-weight:400; color:#0f367b; }

.introduction_wrap .introduction_img{ overflow:hidden; margin:0 0 85px 0; }
.introduction_wrap .introduction_img li{ float:left; width:33.3333%; text-align:center; }
.introduction_wrap .introduction_img li p{ margin:0; display:inline-block; width:320px; height:320px; overflow:hidden; border-radius:100em; }
.introduction_wrap .introduction_img li p img{ width:auto; max-width:100%; }
.introduction_wrap .introduction_img li p:hover img{ -webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -o-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); }

/* 유튜브 동영상 */
.introduction_video_wrap { width:70%; margin:0 auto; }
.introduction_video{ overflow:hidden; position:relative; width:100%; height:0; margin-top:30px; padding-bottom:56.25%; padding-top:30px; }
.introduction_video iframe, .introduction_video object, .introduction_video embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* 테이블 */
.introduction_table{ border-top:2px solid #005d9e; font:300 13px/20px 'Noto Sans KR','Malgun Gothic'; clear:both; width:100%; background:#fff; }
.introduction_table th, .introduction_table td{ padding:14px 5px; border:1px solid #ddd; border-width:1px 0; word-break:keep-all; text-align:left; }
.introduction_table th{ width:25%; min-height:34px; background:#f8fdff; font-weight:400; color:#333; text-align:center; }
.introduction_table td{ width:75%; padding-left:50px; }
.introduction_table td a{ color:#555; }
.introduction_table td a:hover{ color:#0f367b; }


/*------------------------------------
	CEO인사말
------------------------------------*/
.rnd_wrap.ceo_wrap h2{ margin-bottom:20px; }
.rnd_wrap .rnd.ceo{ margin-bottom:60px; }

.ceo_sign_wrap{ position:relative; margin-top:70px; }
.ceo_sign_wrap:before{ position:absolute; left:0; top:103px; height:1px; width:100%; content:''; background:#ddd; }
.ceo_sign{ position:relative; padding:35px 0px; width:250px; margin:0 auto; border:2px solid #003488; background:#fff; }
.ceo_sign h4{ font:400 16px 'Noto Sans KR'; color:#444; }
.ceo_sign h4:after{ display:block; content:''; width:100px; height:1px; background:#141414; margin:20px auto; }
.ceo_sign p{ margin:0; }
.ceo_sign p img{ width:auto; max-width:100%; }


/*------------------------------------
	조직도
------------------------------------*/
.organization{ text-align:center; }
.organization img{ width:auto; max-width:100%; }


/*------------------------------------
	R&D Center
------------------------------------*/
.rnd_wrap{ margin-bottom:50px; text-align:center; }
.rnd_wrap h1{ margin:0; font:300 italic 24px/34px 'Noto Sans KR'; color:#666; letter-spacing:-0.5px; }
.rnd_wrap h2{ margin:6px 0 70px; font:400 38px/60px 'Daehan','Noto Sans KR'; color:#333; letter-spacing:-0.3px; }
.rnd_wrap h2 strong{ font-weight:400; color:#0f367b; }

.rnd_wrap .rnd_img{ overflow:hidden; margin:0 0 65px 0; }
.rnd_wrap .rnd_img li{ float:left; width:33.3333%; text-align:center; }
.rnd_wrap .rnd_img li p{ margin:0; display:inline-block; width:320px; height:320px; overflow:hidden; border-radius:100em; }
.rnd_wrap .rnd_img li p img{ width:auto; max-width:100%; }
.rnd_wrap .rnd_img li p:hover img{ -webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -o-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); }

.rnd_wrap .rnd{  }
.rnd_wrap .rnd li{ padding:10px 0; text-align:left; font:300 16px/30px 'Noto Sans KR'; color:#666; letter-spacing:-0.3px; word-break:kepp-all; text-align:center; }
.rnd_wrap .rnd li b{ font-weight:400; color:#444; }
.rnd_wrap .rnd li i{ font-style:normal; font-weight:400; color:#003488; }
.rnd_wrap .rnd li strong{ display:block; margin-bottom:10px; font-size:19px; line-height:32px; font-weight:400; color:#003488; }

.rnd_center_wrap{ padding-top:20px; }
.rnd_center_wrap h3{ position:relative; padding:0 0 30px 0; text-align:center; font:400 28px/30px 'Noto Sans KR'; letter-spacing:-1px; color:#242424; }
.rnd_center_wrap h3:before{ position:absolute; left:50%; bottom:0px; margin-left:-15px; content:''; width:30px; height:1px; background:#0f367b; }
.rnd_center{ overflow:hidden; margin-top:30px; }
.rnd_center dl{ position:relative; float:left; width:49%; height:203px; margin:10px 0 15px 2%; padding:40px 25px 0; border:1px solid #eee; border-radius:15px 5px; background:url(/img/product_img_bg.jpg); }
.rnd_center dl{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.rnd_center dl:before{ display:none; position:absolute; left:50%; top:-1px; width:46px; height:auto; content:'1'; font:400 20px/45px 'Noto Sans KR'; margin-left:-23px; color:#fff; background:#0f367b; }
.rnd_center dl:hover{ border-color:#5185c9; }
.rnd_center dl:nth-child(2):before{ content:'2'; }
.rnd_center dl:nth-child(3):before{ content:'3'; }
.rnd_center dl:nth-child(4):before{ content:'4'; }
.rnd_center dl:nth-child(2n+1){ margin-left:0; }
.rnd_center dl dt{ margin-bottom:15px; font:400 18px/28px 'Noto Sans KR'; color:#222; }
.rnd_center dl dt{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.rnd_center dl:hover dt{ color:#0f367b; }
.rnd_center dl dd{ font:300 13px/24px 'Noto Sans KR'; }

/* R&D Center 오시는길 */
.rnd_wrap .map{ padding-top:40px; text-align:left; }


/*------------------------------------
	몰드 프로세스
------------------------------------*/
.mold_float_none dl{ height:auto; padding-bottom:45px; float:none; width:65%; display:inline-block; }
.mold_center dl{ height:185px; }

.rnd_center > img{ width:auto; max-width:100%; margin:10px 0 15px; }

/*------------------------------------
	토탈 엔지니어링
------------------------------------*/
.normal_text{ margin:25px 0 50px 0; }
.normal_text li{ font:300 16px/30px 'Noto Sans KR'; color:#666; letter-spacing:-0.3px; word-break:kepp-all; text-align:center; }

.total_ul{ overflow:hidden; }
.total_ul li{ position:relative; float:left; width:23.5%; margin-left:2%; margin-bottom:15px; text-align:center; }
.total_ul li:first-child{ margin-left:0; }
.total_ul li p{ margin:0; padding:50px 0; font:400 18px/28px 'Noto Sans KR'; color:#222; border:1px solid #eee; border-radius:15px 5px; word-break:keep-all; background:url(/img/product_img_bg.jpg); }
.total_ul li p{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.total_ul li p:hover{ color:#0f367b; border-color:#5185c9; }


/*------------------------------------
	초콜릿 젤리 플랜트
------------------------------------*/
.chocolate_img_wrap{ /* overflow:hidden; */ }
.chocolate_img_wrap li{ float:left; width:50%; }
.chocolate_img_wrap li:first-child{ padding-right:2%; border-right:1px dotted #ddd; }
.chocolate_img_wrap li:last-child{ padding-left:2%; }
.chocolate_img_wrap li p{ position:relative; margin:0; overflow:hidden; border-radius:10px 0; }
.chocolate_img_wrap li p{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.chocolate_img_wrap li p img{ width:auto; max-width:100%; }
.chocolate_img_wrap li p:hover img{ -webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -o-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -webkit-transform:scale(1.10); -ms-transform:scale(1.10); transform:scale(1.10); }
/* .chocolate_img_wrap li p:hover:before{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:rgba(0,0,0,0.1); } */

.chocolate_img_three{ clear:both; }
.chocolate_img_three ul{ overflow:hidden; }
.chocolate_img_three ul li{ float:left; width:32%; margin-left:2%; padding:5px; border:1px solid #ddd; }
.chocolate_img_three ul li:first-child{ margin-left:0; }
.chocolate_img_three ul li p{ margin:0; overflow:hidden; }
.chocolate_img_three ul li p img{ width:auto; max-width:100%; } 
.chocolate_img_three ul li p:hover img{ -webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -o-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1); -webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); }

.chocolate_img_three > p{ margin:30px 0 0; font:400 20px/24px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; text-align:center; }
.chocolate_img_three > p:before{ content:''; font:normal 18px 'FontAwesome'; padding-right:7px; vertical-align:0; color:#005d9e; }

/* 테이블 */
.chocolate_table{ margin:30px auto 0; border-top:2px solid #005d9e; font:300 13px/20px 'Noto Sans KR','Malgun Gothic'; clear:both; width:100%; background:#fff; }
.chocolate_table th, .chocolate_table td{ padding:10px 10px; border:1px solid #ddd; border-width:1px; word-break:keep-all; }
.chocolate_table th{ width:25%; min-height:34px; font-weight:400; background:#f8fdff; border-bottom:1px solid #d4d8de; color:#333; text-align:center; }
.chocolate_table td{ width:75%; padding-left:20px; text-align:left; }
.chocolate_table td a{ color:#555; }
.chocolate_table td a:hover{ color:#005d9e; }

.chocolate_table caption{ text-align:left; margin:0 0 20px 0; font:400 20px/24px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; padding:0 1% 0 0; }
.chocolate_table caption:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#005d9e; }

.jelly_table{ max-width:600px; }

/*회사개요 상단 이미지*/
.intro_img{ position:relative; padding-bottom:10px; text-align:center; overflow:hidden; margin:0 auto 30px; }
.intro_img:after{ content:""; clear:both; display:block; }
.intro_img div{ display:inline-block; width:auto; max-width:100%; height:auto; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.intro_img div > img{ width:auto; max-width:100%; height:auto; }



.point_memo{ position:relative; overflow:hidden; min-height:100px; padding:30px 0 10px 0; word-break:keep-all;  }
.point_memo:after{ content:""; display:block; clear:both  }
.point_memo dl{ position:relative;  }
.point_memo dl dt{  float:right; width:50%; text-align:right;   }
.point_memo dl dt img{ max-width:100%; /* min-height:200px;  */ }
.point_memo dl dd{ float:left; width:45%;  }
.point_memo dl dd.text strong{ display:block; font:500 30px/35px "Noto Sans KR", "Malgun Gothic"; color:#242424; border-bottom:solid 2px #343434; margin-bottom:11px; padding:0 0 10px 0;  letter-spacing:-1px; }
.point_memo dl dd.text > b{ font:400 20px/32px 'Noto Sans KR','Malgun Gothic'; color:#444; letter-spacing:-0.5px; padding:0 0 5px 0; /* text-transform:capitalize */}
.point_memo dl dd.text{ font:400 14px/24px Arial, 'Malgun Gothic'; color:#777; } 
.point_memo.width_100{  }
.point_memo.width_100 dt{ float:none; width:70%;  }
.point_memo.width_100 dd{ float:none; width:99%;  }
.point_memo.width_100 dl dd.text strong{ width:80%; border-bottom:none;  font:600 36px/60px "Noto Sans KR", "Malgun Gothic";/*  letter-spacing:-2px  */ }
.point_memo.width_100 dl dd.text strong span{ font:500 18px/24px "Noto Sans KR", "Malgun Gothic"; color:#208faf; display:block; }
.point_memo.width_100 dl dd.text > b{ font:600 32px/40px 'Noto Sans KR','Malgun Gothic';  }
.point_memo.width_100 dl dd.text .list_1 b{ display:inline-block;  }
.point_memo.width_100 dl dd.text > b{  font:600 26px/40px 'Noto Sans KR','Malgun Gothic'; padding:0 0 15px 0; display:block; color:#133874; }
.point_memo.width_100 dl dd.text > b .orange{  font:600 28px/40px 'Noto Sans KR','Malgun Gothic';  color:#236de8; letter-spacing:0 }

.point_memo.width_100.ceo dt{ position:absolute; top:0; right:-20px; }
.point_memo.width_100.point dt { position:absolute; top:0; right:3%; }
.ceo_sign1{ text-align:right; font:400 18px/28px 'Daehan',Malgun Gothic; width:100%; padding:0 0 20px 0;}

.point_memo.left,.point_memo.right{ padding-bottom:30px  }
.box_wrap .point_memo dt{ display:block; font:500 30px/35px "Noto Sans KR", "Malgun Gothic"; color:#242424; border-bottom:solid 0px #343434; margin-bottom:0; padding:0 0 10px 0;  letter-spacing:-1px;  }
.box_wrap .point_memo dl dt{  float:none; width:100%; text-align:left;   }
.box_wrap .point_memo img{ max-width:100%; min-height:200px; background:#eee; border-radius:0; margin-bottom:20px; display:block; margin:0 auto  }
.box_wrap .point_memo dl dd{  float:none; width:100%; }
.box_wrap .point_memo dl dd > b{  float:none; font:500 18px/30px 'Noto Sans KR','Malgun Gothic'; display:block; }

.box_wrap{ position:relative; /* box-sizing:border-box;  */overflow:hidden; padding:50px 0;  }
.box_wrap > li{ float:left; box-sizing:border-box;   }
.box_wrap > li img{ border-radius:3px; max-width:100% }
.box_wrap.row_3 > li{ width:31%; margin:0 0 0 1.8%; }
.box_wrap.row_2 > li{ width:47%; margin:0 3% 0 0; }

.silk_wrap h5.list_title{ padding:0 0 20px 0; }
.silk_wrap h5.list_title span{ font:500 30px/35px "Noto Sans KR", "Malgun Gothic"; color:#333; letter-spacing:-1px; border-bottom:solid 2px #343434; }
.silk_wrap ol.list_1{ position:relative; padding:0 0 40px 0; }
.silk_wrap .box_wrap .point_memo dt{  font:500 22px/26px "Noto Sans KR", "Malgun Gothic"; color:#3a65bd; }
.silk_wrap .box_wrap .point_memo dl dd li { color:#777; }
.silk_wrap .box_wrap .point_memo dl dd.text{ }
.silk_wrap .box_wrap .point_memo dl dd.text .list_1 li{ position:relative;  padding:0 0 15px 16px;  font:400 14px/18px Arial, 'Malgun Gothic';  }
.silk_wrap .box_wrap .point_memo dl dd.text .list_1 li b{ position:absolute; top:0; left:0;  font:800 15px/18px Arial, 'Malgun Gothic';  color:#3a65bd; }

.silk_wrap .list_1 li{ position:relative;  font:400 14px/18px Arial, 'Malgun Gothic';  color:#666; padding:0 0 15px 18px; }
.silk_wrap .list_1 li b{ position:absolute; top:0; left:0;  font:800 16px/18px Arial, 'Malgun Gothic';  color:#8e4bb5; }
.silk_wrap .list_2{ position:relative; box-sizing:border-box;  padding:0 8% 30px 5%; }
.silk_wrap .list_2 dt{  font:600 14px/30px 'Noto Sans KR','Malgun Gothic'; color:#8e4bb5;  }
.silk_wrap .list_2 dd{  font:400 13px/18px Arial, 'Malgun Gothic'; color:#888; }
.padding_bottom{ padding:0 0 100px 0; }

.silk_wrap .list_1.left li{ padding:0 0 30px 0; color:#777; word-break:keep-all  }
.silk_wrap .list_1.left li strong{  color:#8e4bb5;  font-weight:700 }
.silk_wrap .list_1.left li > span{ font-weight:bold; color:#555; font:500 18px/30px 'Noto Sans KR','Malgun Gothic'; }

.basic_dl{ position:relative; padding:0 0 30px 5%; }
.basic_dl dt{ font:500 22px/26px "Noto Sans KR", "Malgun Gothic"; color:#4646ae; padding:0 0 10px 0; }
.basic_dl dd b{ position:absolute; top:0; left:0; color:#4646ae; font:500 15px/18px 'Noto Sans KR','Malgun Gothic';   }
.basic_dl dd{ position:relative; padding:0 0 10px 20px; color:#777; word-break:keep-all;  font:400 14px/18px Arial, 'Malgun Gothic';}
h5.list_title{ font:500 30px/35px "Noto Sans KR", "Malgun Gothic"; color:#333; letter-spacing:-1px; }
.ps_1{ text-align:right; color:#999; font-size:14px  }


/* .wrapper{ background:red } */

/*서브타이틀*/
.sub_title{ position:relative; margin:10px 0 30px 0; padding-left:25px; font:normal 22px/26px 'Godo',Sans-serif; color:#242424; }
.sub_title:before{ position:absolute; left:0; top:5px; content:""; font:normal 18px/19px 'FontAwesome',Arial; color:#2084e2; }

/*연혁*/
.history{margin:50px 0; background:url(/img/history_bg_1.jpg) no-repeat top left }
.history > table { margin-left:400px;  }

.history > table th { width:100px; position:relative; color:#005d9e; font:bold 27px/27px Arial; font-style:italic; border-right:dotted 1px #bbb; padding:0px 20px 0px 20px;  }
.history > table th,
.history > table td { vertical-align:top;  }
.history > table .fa-circle-o { position:absolute; top:5px; right:-8px; display:block; width:14px; height:11px; opacity:.5; filter:alpha(opacity=50); font-size:15px; }
.history > table td { padding:0 0 20px 20px; color:#333; font:normal 14px/30px 'Malgun Gothic', verdana; vertical-align:top  }
.history > table td ul{ vertical-align:top  }
.history > table td b { color:#222;  font:bold 15px/24px 'Malgun Gothic', verdana; color:#208faf; }
.history > table td.month { width:100px; color:#da0700; padding:20px 0 0 35px; font-weight:bold;}
.history > table td.month span{background:#777; padding:3px 10px 5px; border-radius:100em; display:inline-block; color:#fff; line-height:12px;}



/*찾아오시는길*/
.contactus{ overflow:hidden; }
.contactus .mapArea{width:52%; float:left; margin-right:4%;}
.contactus .mapArea > div{width:100% !important;}
.contactus .addressArea{width:38%; float:left; margin-top:25px;}
.contactus .addressArea dt{padding-bottom:20px;}
.contactus .addressArea dt, .contactus .addressArea dd{border-bottom:1px dotted #c2c3cb;}
.contactus .addressArea dt p{background:#e3e4ed; border:1px solid #dbdce3; border-radius:100em; padding:0 20px; text-align:center; color:#0f367b; font:bold 14px/40px "Malgun Gothic", verdana; display:inline-block;}
.contactus .addressArea dt p strong{font:bold 20px/45px verdana; font-style:italic; margin-left:10px;}
.contactus .addressArea dt p span{vertical-align:2px;}
.contactus .addressArea dd{padding:19px 0; font:normal 14px "Malgun Gothic", verdana; color:#333;}
.contactus .addressArea dd i{margin-right:10px;}
.contactus .addressArea dd a:hover{color:#83ad1e;}

.new_map{ width:100% !important; }

/*------------------------------------
	CEO인사말
------------------------------------*/
.rnd_wrap.ceo_wrap h2{ margin-bottom:20px; }
.rnd_wrap .rnd.ceo{ margin-bottom:60px; }

.ceo_sign_wrap{ position:relative; margin-top:70px; }
.ceo_sign_wrap:before{ position:absolute; left:0; top:85px; height:1px; width:100%; content:''; background:#ccc; }
.ceo_sign{ position:relative; padding:35px 0px; width:250px; margin:0 auto; border:2px solid #208faf; background:/* url(/img/bg_pattern_01.jpg) */#fff; text-align:center  }
.ceo_sign h4{ font:600 22px 'Noto Sans KR'; color:#236de8; }
.ceo_sign h4:after{ display:block; content:''; width:100px; height:1px; background:#208faf; margin:20px auto; opacity:.6 }
.ceo_sign p{ margin:0; font:500 18px 'Noto Sans KR','Serif'; color:#111; }
.ceo_sign p img{ width:auto; max-width:100%; }


/*CEO 인사말*/
.ceo{ overflow:hidden; padding-bottom:20px; width:100%;  }
.ceo dt{overflow:hidden;}
.ceo dd{clear:both; font:normal 14px/24px "Malgun Gothic", verdana;}
.ceo dd p{ word-break:keep-all;}
.ceo dd > div{float:left; width:100%; border-left:0px dotted #bbb;}
.ceo dd .pointTxt{color:#ff5426; font-weight:bold;}
.ceo dd .ceoField{text-align:right;}
.ceo dd .ceoField .name{font:normal 17px "Noto Sans KR"; margin-left:10px;}

/*회사개요*/
.overview{overflow:hidden;}
.overview .innerSection:first-child{margin-left:-2%;}
.overview dl{width:23%; margin-left:2%; margin-bottom:2%; float:left; border:1px solid #ddd; padding:30px 33px 30px; min-height:230px; background:#fff url(/img/bg_pattern_00.png) }
.overview dl dt{display:block; font:400 13px 'Malgun Gothic' ; margin-bottom:7px; padding:0 10px 10px 0; border-bottom:1px dashed #bbb; color:#444; }
.overview dl dd{ margin-top:30px; text-align:center; color:#333; word-break:keep-all }

.overview  dt:before{font-family:'icon'; font-size:11px; padding-right:7px; vertical-align:-1px; }
.overview .companyField dt:before{content:''; }
.overview .companyField dd{font:500 18px/22px "Noto Sans KR",Malgun Gothic; padding-top:5px;}
.overview .businessField dd span{ font:600 26px/33px "Noto Sans KR",Malgun Gothic;color:#3a6de8; display:block;}
.overview .businessField dd{font:500 16px/22px "Noto Sans KR",Malgun Gothic;  }/*사업분야*/
.overview .businessField dt:before{content:'';}
.overview .capitalField span{font-size:38px; padding-right:5px; vertical-align:-2px; font-family:verdana;  color:#3a6de8; letter-spacing:-2px; }/*자본금*/
.overview .capitalField dt:before{content:'';}
.overview .employeeField span{font-size:33px; padding-right:5px; vertical-align:-2px;  font-family:verdana; color:#3a6de8; letter-spacing:-2px;}/*종업원수*/
.overview .employeeField dt:before{content:'';}
.overview .employeeField dd{padding-top:5px;}
.overview .openField dt:before{content:'';}/*창립일*/
.overview .openField dd span{font-size:33px; padding-right:5px; vertical-align:-2px; font-family:verdana;  color:#3a6de8; letter-spacing:-2px; }
.overview .dateField dt:before{content:''}
.overview .dateField dd span{ font:600 26px/33px "Noto Sans KR",Malgun Gothic;color:#3a6de8; display:block;}
.overview .areaField dt:before{content:''}
.overview .irField dt:before{content:''}
.overview .irField strong{font-size:23px;}

table.table_aboutus{ width:100%; }
table.table_aboutus th{ text-align:center; }









@media (max-width:1500px) {

/* 로고 */
.header-e1.header .navbar-header{ left:3%; }

/* 메뉴 */
.header .navbar .container{ padding:0 5%; min-width:auto;}

.header .navbar-default .navbar-nav > li:nth-child(2){ min-width:160px; }
.header .navbar-default .navbar-nav > li > a{ padding:0 25px; }

/* 스몰메뉴 */
.topbar-e1{ right:4px; }
.header .navbar .topbar-e1 .container{ min-width:190px;  }
.small_menu li{ padding:0 8px; }
.point_memo dl dt img{ max-width:50%; width:50% }
}