/* @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);*/


@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; }
ul,ol,dl{ margin:0; padding:0; }
li{ list-style:none }
body{ background:#fff; }
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:78px; min-width:320px; background:#fff }
.wrapper:after{ content:""; display:block; clear:both; }
body.Main .wrapper{ background:#fff; }
.container{ max-width:1174px; 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, .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:#167cbf }
.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:#0663bb; border-color:#0663bb; /* font:600 14px/16px 'NanumGothic'; */ }
.btn{ padding:7px 13px 8px; border-radius:3px; font:600 13px/16px 'Arial','Malgun Gothic','NanumGothic'; color:#666; }
.btn-e{ padding:8px 13px; border-radius:3px; font:600 13px/16px 'Arial','Malgun Gothic','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 13px/16px 'Arial','Malgun Gothic','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;   }

/* 최상단 스몰 메뉴 */
.topbar-e1{ display:none; background:#f7f7f7; }
.topbar-e1 .col-md-6{ display:none; }
.topbar-e1 .col-md-12{ padding:0; }

/* 로고 영역 */ 
.header-e1.header .navbar-header { float:left; }
.header-e1.header .navbar-header .logo .navbar-brand{ width:260px; margin:24px 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%; }

/* 좌측 */
.topbar-e1 .top-e1-contacts{border:0px solid #e9e9e9; border-width:0px 0px; padding:0 0%; width:40%;}
.topbar-e1 .top-e1-contacts li{width:18%; margin:0; padding:0;}
.topbar-e1 .top-e1-contacts li a { color: #6d6d6d; font:bold 14px/67px "Malgun Gothic", verdana; display:block; width:100%; text-align:center;}
.topbar-e1 .top-e1-contacts i { color:#6d6d6d; font-size:20px; margin:0; padding:0; }
.topbar-e1 .top-e1-contacts li.bookmark{display:none;}

/* 우측 */
.topbar-e1 .top-e1-data{  }
.topbar-e1 .top-e1-data ul{  }
.topbar-e1 .top-e1-data li { padding:2px 8px 6px; display:inline-block; position:relative; }
.topbar-e1 .top-e1-data li > a {  color:#777; font:normal 12px/14px 'Malgun Gothic',Sans-serif; text-align:center; display:inline-block; width:100%; }
.topbar-e1 .top-e1-data li > a{ -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.topbar-e1 .top-e1-data li > a:hover{ color:#444; }
.topbar-e1 .top-e1-data li.login_btn{ margin-left:8px; padding-right:0; }
.topbar-e1 .top-e1-data li.login_btn a{ position:relative; color:#343434; }
.topbar-e1 .top-e1-data li.login_btn a{ -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.topbar-e1 .top-e1-data li.login_btn a:before{ position:absolute; left:-15px;; top:2px; display:inline-block; width:1px; height:12px; content:''; background:#d4d4d4; }
.topbar-e1 .top-e1-data li.login_btn a:hover{ color:#000; }


.wrapper.hanwoo .topbar-e1 .top-e1-data li > a.orange{ background:#ff3e4c }
.wrapper.coffee .topbar-e1 .top-e1-data li > a.orange{ background:#0a8f1d }


/* 상단 탑메뉴 */
.header .navbar-nav{float:none;}
.header .navbar { position:relative; width:100%; margin:0 auto;  border-bottom:2px solid #cacaca; border-width:1px 0 1px 0; background:#fff }
.header .navbar .container{ position:relative; }
.header .navbar .navbar-collapse { padding-right:105px; }
.header-e1.header .navbar-nav.menu { }
.header-e1.header .navbar-nav.menu { float:right; }
.header .navbar-default .navbar-nav > li{ }
.header .navbar-default .navbar-nav > li > a{ color:#1a1a1a; font:400 19px/22px 'Godo','Malgun Gothic',Sans-serif; display:block; width:100%; text-align:center; padding:28px 30px 27px; text-transform: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: #167cbf; }
.header .navbar-default .navbar-nav > .open > a{ color: #167cbf; }
.header-e1.header .navbar-default .navbar-nav > li > a:hover{ color: #167cbf; }

.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-top:2px solid #167cbf; border-radius: 0;  z-index: 99999999 !important; background:#fff; box-shadow:2px 2px 3px rgba(0,0,0,.3); width:100%; letter-spacing:-0.5px; }
.header .dropdown-menu li > a { color: #141414; font-size:14px; font-weight: 400; padding:3px 18px 5px; 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:#f5f5f5; color: #242424; }
.header .dropdown-menu li.active a:hover{ background:#f5f5f5; color: #242424; }

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


/*3차메뉴가 있을 시 적용*/
.header .navbar-nav > li > .dropdown-menu > li:hover > a{ background:#f5f5f5; color: #242424; }

.header .navbar-default .navbar-nav > li:nth-child(3) > .dropdown-menu > li > a{ background:#f9f9f9; }

/*3차메뉴*/
.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; }
.dropdown-submenu .dropdown-menu.dropdown-menu-sub a{ position:relative; padding:3px 15px 5px 25px; border-bottom:solid 1px #f6f6f6; font-size:13px; color:#666; background:#fff; }
.dropdown-submenu .dropdown-menu.dropdown-menu-sub a > u{ text-decoration:none; }

.dropdown-submenu .dropdown-menu.dropdown-menu-sub a:before{ position:absolute; left:15px; top:12px; display:inline-block; content:' '; margin-right:5px; width:3px; height:3px; background:#999; vertical-align:2px; }
.dropdown-submenu .dropdown-menu.dropdown-menu-sub a:hover{ background:#fff; color:#242424; }
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub a{ background:#fff; }
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub .active a{ color:#242424; }
.header .dropdown-menu li.active .dropdown-menu.dropdown-menu-sub a:hover{ color: #242424; }


/* 홈, 사이트맵 버튼 */
.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','Godo','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:#167cbf; border-color:#167cbf;}

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


/*------------------------------------
	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 'Godo','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 #167cbf; */ /* 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{ /* background:#fff; */ height:350px; }
#sitemap .container > ul{ position:relative; display:block; overflow:hidden; /* background:#fff; */ padding:0; }
#sitemap .no-border{ display:none; }
#sitemap .depth01{ float:left; width:31.6%; margin-left:2.5%; min-height:500px; }
#sitemap .depth01:nth-child(3n+1){ margin-left:0; }

#sitemap .depth01:nth-child(4){ margin-top:-140px; }
#sitemap .depth01.small_menu{ display:none; }

#sitemap .depth01 > a{ position:relative; display:block; width:100%; padding:9px 18px 7px; margin-bottom:6px; background:#167cbf url(/img/quick_bg4.jpg) no-repeat left top; background-size:100%; font:600 20px/28px "Godo", "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:3px 0 4px 13px; 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{ padding:0; color:#333; font:normal 14px/18px 'Malgun Gothic',Sans-serif; letter-spacing:-0.5px; }
#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; margin:8px 0 0 0; background:none; box-shadow:none; border:none; }
#sitemap .depth02 li ul.dropdown-menu-sub li{ padding:5px 0 7px 0; margin-left:-13px; 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{ position:relative; padding-left:25px; 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; }

/* 사이트맵 타이틀, x 버튼 */
#sitemap .btn_close{ position:relative; margin:5% 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:'+ DR Semicon Co., Ltd. SITE MAP'; font:600 28px/30px 'Godo',Malgun Gothic,Sans-serif; color:#0663bb; }
#sitemap .btn_close > i{ font-size:18px; color:#333; vertical-align:5px; cursor:pointer; }

/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1 .footer { background:#252526; }
.footer-e1 .footer .container .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{ width:90%; float:left; }
.footer-e1 address{ margin:0; padding:20px 0 22px; }
.footer-e1 address p{ margin:0; padding:1px 0 3px; overflow:hidden; }
.footer-e1 address span{ padding:0; margin:0; font:normal 12px "Malgun Gothic",Sans-serif; float:left; color:#777; }
.footer-e1 address span a{ color:#777; }
.footer-e1 address span:after{content:'|'; font:normal 10px Dotum; padding:0 6px; color:#888; }

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

/*로그인 btn*/
.login_wrap{ margin-top:10px; overflow:hidden; /* position:absolute; right:0; top:20px; */ }
.login_wrap li{ display:block; }
.login_wrap li a{ display:inline-block; padding:0 7px 1px 6px; height:20px; font:normal 12px/16px "Malgun Gothic",Sans-serif; float:left; color:#666; border:1px solid #555; border-radius:100em; letter-spacing:-0.5px; }
.login_wrap li a, .login_wrap 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; }
.login_wrap li a:before{ display:inline-block; margin-right:2px; content:''; font:normal 11px 'FontAwesome'; color:#555; }
.login_wrap li a:hover{ color:#167cbf; border-color:#167cbf; }
.login_wrap li a:hover:before{ color:#0d6ead; }

/* 제품 구매하기 버튼 */
.shop_btn{ position:absolute; right:0; top:0px; height:100%; background:#333; }
.shop_btn a{ margin:0; display:block; padding:30px 30px 0; height:100%; font:600 13px/18px 'NanumGothic'; color:#999; text-align:center; opacity:.6; }
.shop_btn, .shop_btn 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; }
.shop_btn a:before{ display:block; margin-bottom:10px; content:''; font:normal 26px/28px 'FontAwesome'; color:#bbb; }
.shop_btn:hover{ background:#167cbf; }
.shop_btn:hover a{ opacity:1; color:#8abddf; }
.shop_btn:hover a:before{ color:#b9d7ec; }


/*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:#167cbf; 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:#0663bb; }
.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 'Godo'; margin-bottom:2px; color:#fff; background:#167cbf url(/img/line_italic.png) left top; text-align:center; }
.sidebar-nav-e1{ /* border:1px solid #ddd;  border-top:none; border-bottom:none;*/ }
.sidebar-nav-e1 li { padding: 0; border:none; border-top:1px #ddd dotted; border:1px #ddd solid; border-radius:0 !important; }
.sidebar-nav-e1 li a { display: block; padding:12px 20px; letter-spacing:-0.025em; color:#555; font:normal 14px/15px 'Malgun Gothic';  }
.sidebar-nav-e1 li a:hover { text-decoration: none; color:#167cbf; font-weight:600; }
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover{ background:#fff; border:none; border:1px #167cbf solid; border-radius:0 !important; }
.sidebar-nav-e1 > li.active a:hover{ color:#167cbf; }
.sidebar-nav-e1 > li.active > a { color:#167cbf; font-weight:600; /* background:#f1f1f1; */ }
.sidebar-nav-e1 li:first-child, .sidebar-nav-e1 li:first-child:hover{border-top:none;}
.list-toggle.active:after{ position: absolute; display: inline-block; color: #167cbf; content: "\f105"; top: 11px; right: 15px; font:normal 14px '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-left:24px; display:block; border-top:1px dotted #ccc; }
.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 li.active a{ color: #167cbf; font-weight:600; }
.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 .sidebar-nav-e1 li a{ padding:10px 17px; background:#f9f9f9; color:#242424; }
.product_wrap .sidebar-nav-e1 > li.active > a, .product_wrap .sidebar-nav-e1 li a:hover{ color:#167cbf; }
.product_wrap .sidebar-nav-e1 li:hover > a{ color:#167cbf; font-weight:600; }
.product_wrap .sidebar-nav-e1 li ul{ padding:6px 0 8px; border-top:1px dotted #ddd; background:none; }
.product_wrap .sidebar-nav-e1 li.active ul a{ background:none; color:#666; }
.product_wrap .sidebar-nav-e1 li ul li{ }
.product_wrap .sidebar-nav-e1 li ul li a{ padding:2px 5px 2px 24px; font-size:12px; line-height:17px; background:none; border-top:none; }
.product_wrap .sidebar-nav-e1 li ul li a > i{ margin-right:0px; }
.product_wrap .sidebar-nav-e1 li ul li a > u{ text-decoration:none; }
.product_wrap .sidebar-nav-e1 li ul li.active a{ /* color:#167cbf; */ }

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:#167cbf; 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:80px; width:100%; text-align:center; background:#167cbf url(/img/dotted_black.png); }
.menuTitle p{ display:table-cell; position:relative; width:100%; font:600 20px/26px 'Godo','Malgun gothic',Sans-serif; vertical-align:middle; color:#fff; text-shadow:0px 0px 0.2px rgba(0,0,0,.3); }
.menuTitle p:before{ position:absolute; left:0; top:0; border-top:0px solid #343434; border-left:100px solid #343434; border-bottom:80px solid transparent; }


/*------------------------------------
	퀵메뉴 
------------------------------------*/
.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:'Godo',"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:190px; }
.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_4.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:55px auto 0 ; font:bold 34px/38px 'Godo', '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:19px 0 7px 0.5%; border-bottom:1px dotted #ddd; margin:0px 0 60px 0; }
.breadcrumbs h2{ color:#555; font-size:26px; font-weight:600; letter-spacing:-0.025em; margin-left:-5px; font-family:'NanumGothic','Malgun Gothic',Sans-serif; }
.breadcrumbs h2 > br{ display:none; }
.breadcrumbs h2:before{ content:''; font-family:'FontAwesome'; margin-right:5px; }
.breadcrumbs u{ display:none; }
.breadcrumb{ right:5px; }
.breadcrumb li.active, .breadcrumb li a:hover { color:#167cbf; text-decoration: none; }
.breadcrumb li{ font-family:'Malgun Gothic',Sans-serif; }
.breadcrumb li > br{ display:none; }

/*------------------------------------
	서브
------------------------------------*/
.basic-bs.basic-bs-wrap.container.content{/* margin-top:20px; */}
.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;}
.content_height.basic-bs-main.col-md-9.left-main{width:81%; padding:25px 0 80px 15px; float:right }
.content_height.basic-bs-side.col-md-3.side_left{width:19%; padding:30px 15px 60px 0; }
.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:110px; left:50%; width:202px !important; margin:0 0 0 -572px !important;  padding:0 !important; float:none; }

.basic-bs .basic-bs-main{  min-height:600px; /*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:#167cbf; }
.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_3020{ display:block; }
.basic_body .breadcrumbs, .search_body .breadcrumbs{ display:none; }
.basic_body .basic-bs .basic-bs-main{ min-height:500px; }

.eb-login{margin-top:110px;}
.eb-login .container{ padding:0; }

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

/*------------------------------------
	게시판 view
------------------------------------*/
.board-view .headline{ margin-bottom:10px; }
.board-view .headline h3{ font:400 22px/43px 'Godo','Malgun Gothic'; color:#333; border-bottom:none; }
.board-view .headline h3 > i{ margin:0 2px; font-size:20px; color:#ed3f10; vertical-align:-2px; }

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

.board-write .headline h4{ font:600 20px/30px 'Godo','Malgun Gothic',Sans-serif; border-bottom:none; }
.board-write .headline h4 > i{ margin-right:3px; color:#167cbf; 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 'Godo','Malgun Gothic',Sans-serif; color:#167cbf; }
.top_check_point dt h4 strong{ color:#0663bb; }
.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 'Godo','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:#167cbf; }

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

/*------------------------------------
	디알세미콘 회사소개
------------------------------------*/
.introduction_warp{ padding:13px 0 0; }

/* 좌측 이미지타이틀 */
.left_img_wrap{ overflow:hidden; }
.left_img{ float:left; width:40%; position:relative; /* border-radius:8px;overflow:hidden; */ }
.left_img p{ margin:0; overflow:hidden; }
.left_img p > img{ width:auto; max-width:100%; }

/* 타이틀 */
.introduction h2{ position:relative; margin:0; font:600 22px/26px 'Godo','Malgun Gothic',Sans-serif; }
.introduction h2:before{ display:inline-block; margin-right:7px; content:''; font:normal 17px 'FontAwesome'; color:#167cbf; vertical-align:1px; }

/* 우측 텍스트 컨텐츠 */
.introduction{ float:right; width:54%; padding-top:12px; }
.introduction h3{ margin:15px 0 15px 0; padding:0; font:600 16px/24px 'Godo','Malgun Gothic',Sans-serif; border:none; color:#333; }
.introduction h3 b{ font:600 16px/24px 'Godo','Malgun Gothic',Sans-serif; color:#fa5737; }
.introduction h3 small{ display:block; padding:0 0 0 0; color:#333; }

.introduction p{ word-break:keep-all; font:normal 13px/20px 'Malgun Gothic'; }
.introduction p b{ font-weight:600; font-family:'Godo'; }
.introduction p i{ font-style:normal; text-decoration:underline; }

/* 인사말 */
.greeting{ overflow:hidden;}
.greeting .imgField{width:50%; position:absolute; top:0; right:0; }
.greeting .imgField img{width:100%;}
.greeting .greetingField{ overflow:hidden; position:relative; width:100%; height:272px; padding:0 50px; background:#1e366c; }
.greeting .greetingField p.greeting_title { width:43%; font:100 22px/30px "Noto Sans R"; margin:38px 0 0 0; color:#c6d8ff; word-break:keep-all; }
.greeting .greetingField p{ margin-top:25px; font:600 14px/24px "NanumGothic", Malgun Gothic, verdana; color:#fff; /* color:rgba(255,255,255,.6) */;}
.greeting .greetingField p strong{ display:block; font:600 20px/24px "NanumGothic", Malgun Gothic, verdana; color:#fff; }
.greeting .greeting_con{ padding:0 5px; margin-top:45px;}
.greeting .greeting_con h2{ margin:0; padding:0 0 20px 0; font:600 22px/32px 'NanumGothic',Sans-serif; color:#333; }
.greeting .greeting_con h2 b{ color:#222; font-size:23px; font-family:'Godo'; }
.greeting .greeting_con p{ margin-bottom:20px; font:normal 14px/27px "Malgun Gothic","Dotum",verdana; color:#333; letter-spacing:-0.2px; word-break:keep-all; }
.greeting .greetingField{background:#1e366c; border-radius:20px 0 20px 0; }
.greeting .greeting_con p b{ color:#ed3f10; font-family:'Godo'; font-weight:400; letter-spacing:0; line-height:24px; }

/* 연혁 */
.history{margin-top:50px;}
.history > table { float:left;  width:57%;}
.history > table th { width:93px; padding:15px 10px 20px 5px; position:relative; color:#999; font:bold 26px/28px 'NanumGothic','Malgun Gothic'; font-style:italic; border-right:dotted 1px #bbb; letter-spacing:-1px;  }
/* .history > table th.history_latest { color:#167cbf; } */
.history > table th,
.history > table td { vertical-align:top;  }
.history > table .fa-circle-o { position:absolute; top:23px; right:-8px; display:block; width:14px; height:11px; opacity:.5; filter:alpha(opacity=50); font-size:15px; }
.history > table td { padding:19px 0 17px 20px; color:#333; }
.history > table td b { color:#222;}
.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;}
.history > table td ul li { padding-left:43px; font:normal 14px/22px 'NanumGothic','Malgun Gothic', verdana; }
.history > table td span{ padding:0 15px 0 5px; margin-left:-41px; display:inline-block; color:#ed3f10; font:600 14px/22px 'NanumGothic'; vertical-align:1px; }
.history > table td ul li:nth-child(2) { padding-top:5px; }

.history .Title{float:right; width:30%; margin-right:4%; margin-top:15px; text-align:center; color:#191a1a; letter-spacing:-0.025em; position:relative;}
.history .Title dt{width:160px; height:160px; background:#167cbf; border-radius:100em; padding-top:40px; text-shadow:2px 2px 2px rgba(0,0,0,.05); display:block;}
.history .Title dt span{font:normal 35px 'Godo', 'Malgun Gothic', verdana; color:#fff; display:block;}
.history .Title dd{width:160px; position:absolute; top:0; left:145px;}
.history .Title dd img{width:100%;}

.history.type02 .Title dt{background:#15273e;}

/*------------------------------------
	조직도
------------------------------------*/
.organization_wrap p{ margin:0; text-align:center; }
/* .organization_wrap p:first-child{ margin-bottom:50px; } */
.organization_wrap p img{ width:auto; max-width:100%; }

/*서브타이틀*/
.sub_title_wrap{ margin-bottom:70px; text-align:center; }
.sub_title_wrap .sub_title{ margin:0 0 0 0; position:relative; padding:0 0 20px 0;  }
.sub_title_wrap .sub_title span{ position:relative; display:inline-block; padding-top:20px; color:#222; font:normal 26px/38px 'Godo',Sans-serif; }
/* .sub_title_wrap .sub_title span:before{ position:absolute; left:50%; top:0; margin-left:-20px; display:block; content:' '; width:40px; height:3px; background:#ed3f10; } */
.sub_title_wrap .sub_title span b{ display:block; color:#ed3f10; font-weight:normal; }

.sub_title_wrap .first_p{ margin:10px 0 10px 0; position:relative; padding:0 0 0 0; font:normal 18px/24px 'Godo',Sans-serif; }
.sub_title_wrap p{ font:normal 14px/22px 'NanumGothic','Malgun Gothic',Sans-serif; }

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


/* 테이블 */
.table01{ border-top:2px solid #167cbf; font:13px 'Malgun Gothic'; clear:both; margin-bottom:20px; width:100%; background:#fff; }
.table01 th, .table01 td{ padding:10px 13px; border:1px solid #ddd; word-break:keep-all; }
.table01 th{ width:18%; min-height:40px; background:#f8fdff; border-bottom:1px solid #d4d8de; font-weight:600; color:#333; text-align:center; }
.table01 td{ width:82%; padding-left:20px; }
.table01 td a{ color:#555; }
.table01 td a:hover{ color:#167cbf; }

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

.map_contents{ padding-top:10px; }
.map_contents h3{ text-align:left; margin:10px 0 10px 0; font:600 20px/24px 'Godo','Malgun Gothic',Sans-serif; padding:0 1% 0 0; }
.map_contents h3:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#167cbf; }

.map_contents dl{ }
.map_contents dl:nth-child(2){  padding-bottom:8px; }
.map_contents dl dt{ padding:10px 0 5px; font:600 16px/22px 'NanumGothic','Malgun Gothic',Sans-serif; color:#444; }
.map_contents dl dd{ padding:2px 0; font:normal 13px/22px 'Malgun Gothic',Sans-serif; color:#555; word-break:keep-all; }
.map_contents dl dd:before{ display:inline-block; width:3px; height:3px; margin-right:6px; content:''; background:#ed3f10; border-radius:100em; vertical-align:3px; }
.map_contents p{ margin:15px 0 0 0; color:#ed3f10; line-height:20px; }
.map_contents p a{ color:#ed3f10; }
.map_contents p a:hover{ color:#167cbf; }


/*------------------------------------
	기술현황
------------------------------------*/
.skill_wrap{ display:table; width:100%; margin-top:60px; }
.skill_wrap dl{ overflow:hidden; padding:0; display:table-row; }
.skill_wrap dl dt, .skill_wrap dl dd{ display:table-cell; }
.skill_wrap dl dt{ position:relative; width:35%; text-indent:-100em; background:url(/img/skill_img.jpg) no-repeat center top; display:none; }
.skill_wrap dl dt:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:url(/img/logo_white.png) no-repeat 30px 30px; opacity:.4; filter:alpha(opacity=40); }
.skill_wrap dl dd{ /* width:55%; padding-left:7%; */ width:100%; }
.skill_wrap dl dd > div:first-child{  }
.skill{ padding-left:2%; }
.skill h3{ margin:0 0 5px 0; font:400 20px/38px 'Godo','Malgun Gothic',Sans-serif; color:#333; }
.skill h3 i{ font-style:normal; }
.skill h3 strong{ font-weight:400; color:#ed3f10; }
.skill p{ padding-left:1px; margin:10px 0 0 0; font:normal 14px/22px 'Malgun Gothic',Sans-serif; }
.skill p:before{ display:inline-block; margin-right:8px; content:''; font:normal 12px 'FontAwesome'; color:#666; vertical-align:1px; }


/* 메인비주얼_ 메인주요제품 */
.skill_flexslider{ border-radius:10px; overflow:hidden; }
.skill_flexslider .flexslider .slides{ margin:0 auto; max-width:650px; }

.flexslider{ background:url(/img/main_product_bg.jpg) no-repeat center; background-size:100%; }
.flexslider .slides{  }
.slides li{ padding:0 62px; height:273px; overflow:hidden; cursor:pointer; }
.slides li p{ float:left; padding-top:53px; }
.slides li p img{}
.slides li div{ float:right; padding-top:85px; text-align:center; }
.slides li div h4{ margin:0 0 18px; font:400 19px/27px 'Godo','Malgun Gothic',Sans-serif; color:#333; }
.slides li div h4 strong{ display:block; font-size:19px; color:#222; }
.slides li div h4 small{ display:block; font:normal 12px 'Malgun Gothic',Sans-serif; color:#333; }
.slides li div h4 small b{ font-size:13px; }
.slides li div h4, .slides li div h4 strong, .slides li div h4 small{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.slides li:hover div h4{ color:#167cbf; }
.slides li:hover div h4 strong{ color:#167cbf; }
.slides li:hover div h4 small{ color:#167cbf; }
.slides li div span{ position:relative; display:inline-block; padding:0 43px 2px; font:normal 13px/26px 'Malgun Gothic',Sans-serif; color:#636363; border:1px solid #ddd; background:rgba(204, 204, 204, 0.2); }
.slides li div span{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.slides li:hover div span{ color:#333; border-color:#ccc; }
.slides li div span:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:url(/img/dotted_black.png); }

.slides .slides_li_2{}
.slides .slides_li_2 p{ padding-top:59px; }
.slides .slides_li_2 div{  }

.slides .slides_li_3{}
.slides .slides_li_3 p{ padding-top:60px; }
.slides .slides_li_3 div{ }

.slides .slides_li_4{}
.slides .slides_li_4 p{  }
.slides .slides_li_4 div{  }

.slides .slides_li_5{}
.slides .slides_li_5 p{ padding:30px 0 0 48px; }
.slides .slides_li_5 div{ padding-right:18px; }

.slides .slides_li_6{}
.slides .slides_li_6 p{ padding:45px 0 0 20px; }
.slides .slides_li_6 div{ padding-right:15px; padding-top:90px; }

.slides .slides_li_7{}
.slides .slides_li_7 p{ padding:50px 0 0 35px; }
.slides .slides_li_7 div{ padding-right:23px; padding-top:75px; }


/*------------------------------------
	제품소개 상세페이지
------------------------------------*/
/*이미지*/
.product_img{ overflow:hidden; margin-bottom:50px; }
.product_img li{ float:left; width:49%; margin-left:2%; text-align:center; }
.product_img li:first-child{ margin-left:0; }
.product_img li p{ border:1px solid #ddd; }
.product_img li p img{ width:auto; max-width:100%; }
.product_img li strong{ display:inline-block; font:600 16px/30px 'NanumGothic','Malgun Gothic',Sans-serif; color:#333; }
.product_img li strong:before{ display:inline-block; margin-right:7px; content:''; font:normal 14px 'FontAwesome'; vertical-align:0; color:#ed3f10; }

/*타이틀*/
.product_detail_wrap h3{ margin:40px 0 20px; font:600 21px/26px 'NanumGothic','Malgun Gothic',Sans-serif; }
.product_detail_wrap h3:first-child{ margin-top:0; }
.product_detail_wrap h3 i{ margin-right:3px; font-size:13px; color:#ed3f10; vertical-align:2px; }

.product_detail_wrap ul{}
.product_detail_wrap ul li{ position:relative; padding-left:10px; font:normal 13px/22px 'Malgun Gothic',Sans-serif; }
.product_detail_wrap ul li:before{ position:absolute; left:0; top:10px; display:inline-block; content:''; width:3px; height:3px; border-radius:100em; margin-right:3px; background:#242424; vertical-align:middle; }