@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@font-face{
 font-family:'Daehan';
 font-style:normal;
 font-weight:400;
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/yoon/Daehan/DaehanR.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/yoon/Daehan/DaehanR.woff') format('woff');
}
@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: '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');*/
}
@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 100';
    font-style: normal;
    font-weight: 100;
    src: url('/css/fonts/NotoSansCJKkr-Light-2350.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans 400';
    font-style: normal;
    font-weight: 400;
    src: url('/css/fonts/NotoSansCJKkr-Regular-2350.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans 700';
    font-style: normal;
    font-weight: 700;
    src: url('/css/fonts/NotoSansCJKkr-Medium-2350.woff') format('woff');
} */
body{ /* font-family:Dotum,Malgun gothic,Arial; */background:#f6f6f6 }
ul,ol,dl{ margin:0; padding:0; }
li{ list-style:none }
/*------------------------------------
	레이아웃
------------------------------------*/
.wrapper{ word-break:keep-all; background:#fff; }
body.Main .wrapper{ background:#fff; }
.container{ max-width:1170px; }
.top-main{width:100%;}
.side_top.basic-bs-side.col-md-3{width:100%; float:none; padding:0; border-bottom:solid 1px #ddd; background:#f9f9f9 }
.col-md-9{ width:80%; }
.col-md-3{ width:20%; }
.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; width:100%; }
.header { z-index: 102; position: relative; }

/* 버튼 초기화 */
.btn-e, .btn-e:hover{ background:#23943b; }
.btn-e-red.btn-e:hover, .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:#23943b; }
.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:#23943b; border-color:#23943b; }
.btn{ padding:3px 6px 4px 6px; }
.btn-e{ padding:3px 6px 4px 6px; border-radius:3px; }
.pagination li a{ padding:2px 9px 3px 9px; }
.btn.btn-default.big{ padding:6px 11px 6px 11px; }
.input-group-btn .btn.btn-default.big{ border-radius:1px; }
.btn-e.big{ padding:6px 21px 8px 21px;}
.btn_normal{ display:inline-block; padding:6px 9px 4px 14px; 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 6px; color:#999; }
.btn_normal:hover:after{ color:#fff; }
.btn_normal.blue1{ color:#fff; background:#4585f3; border:solid 1px #3072e5; }

/* .btn.btn-default{ padding-top:6px; padding-bottom:6px; } */

/*------------------------------------
	상단HEADER
------------------------------------*/
.header.header-e1{ position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,.4); }
.Main .header.header-e1{ background:rgba(0,0,0,.3); }

/* 로고 영역 */ 
.header-e1.header .navbar-header { position:relative;  margin:0 0 0 0; }
.header-e1.header .navbar-header .logo .navbar-brand{ position:relative;  text-align:center; width:175px; margin:22px 0 0 0px; background:url(/img/logo.png) no-repeat left top; background-size:100%; }
.header-e1.header .navbar-header .logo .navbar-brand > img{ width:100%; }
.header-e1.header .navbar-header.left { margin:0 0 0 0; }
.header-e1.header .navbar-header.left .logo .navbar-brand img{ position:absolute; top:14px; left:0px; width:40px; }
.header-e1.header .navbar-header.left .logo .navbar-brand{ text-align:left; }
.header-e1.header .navbar-header.left .logo .navbar-brand:after{ position:absolute; top:19px; left:38px; }

/* 좌측 */
.topbar-e1 .top-e1-contacts li a { color: #555; }
.topbar-e1 .top-e1-contacts i { color:#555; }
.topbar-e1 .top-e1-contacts li.bookmark{display:none;}

/* 우측 */
.topbar-e1 .top-e1-data li a { color: #434343; font-size:12px; }
.topbar-e1 .top-e1-data li a.kor{ cursor:pointer; }
.topbar-e1 .top-e1-data li a.eng{ color:#23943b; }
.topbar-e1 .top-e1-data li a:hover{ color:#23943b; }
.topbar-e1 .top-e1-data li a img{}

/* 상단 탑메뉴 */
.header .navbar { height:85px; border-bottom:1px solid rgba(252,255,255,0.18); }
.header .navbar .container{ position:relative; }
.header .navbar .navbar-collapse { position:relative; }

.header-e1.header .navbar-nav { float:right; padding:6px 110px 0 0; }
/* .navbar.fixed{position:fixed; top:0; width:100%;} */
.header .navbar-default .navbar-nav > li > a { text-transform:none; color:#eee; padding:25px 40px 34px; font:normal 18px/22px 'Godo','Malgun Gothic',Sans-serif; margin-bottom:-2px; text-shadow:2px 2px 2px rgba(0,0,0,.3); }
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { color:#fff; }
.header .navbar-default .navbar-nav > .active > a { color: #fff;  }
.header .navbar-default .navbar-nav > .open > a{ color: #fff; }
/* .header .navbar-default .navbar-nav > .dropdown > a:hover,.header .navbar-default .navbar-nav > .open > a  */
.header-e1.header .navbar-default .navbar-nav > li > a:hover{ color: #fff; }

/* 상단 서브메뉴 Dropdown Menu */
.header .dropdown-menu { position:relative; padding:0px 0 2px 0; border: none; min-width:100%; float:none; text-align:center; border-radius:0; z-index: 99999999 !important; background:#141414; box-shadow:none; overflow:hidden; }
.Main .header .dropdown-menu{ background:rgba(0,0,0,.3); }
.navbar-nav > li > .dropdown-menu{ border-right:1px solid #555; }
.navbar-nav:hover > li > .dropdown-menu{ height:225px !important; }
.navbar-nav > li:nth-child(1) > .dropdown-menu{ border-left:1px solid #555; }
.header .dropdown-menu li > a { color: #eee; font:normal 13px/20px 'Malgun Gothic',Sans-serif; padding: 3px 10px 5px; letter-spacing:-0.5px; }
.header .dropdown-menu li > a > i{ display:none; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:#23943b; }
.header .dropdown-menu > li:hover > a{ background:#23943b; }

.header .dropdown-menu li.active > a{ background:#23943b; }
.header .dropdown-menu li.active > a:hover{  }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background:#23943b; }

/* 상단 서브 3차메뉴 dropdown-menu-sub */
.header .dropdown-menu.dropdown-menu-sub{ margin-top:4px; /* display:block !important; */ left:0; /* background:rgba(0,0,0,.1); */ background:none; text-align:center; }
.header .dropdown-menu.dropdown-menu-sub li a{ color:#ddd; padding:1px 10px 1px 10px; background:none; font-size:12px; }
.header .dropdown-menu.dropdown-menu-sub li a:before{ display:inline-block; margin-right:8px; content:''; width:2px; height:2px; background:#eee; border-radius:100em; vertical-align:middle; }
.header .dropdown-menu li.active > .dropdown-menu-sub{ color:#2cc44b; }
.header .dropdown-menu.dropdown-menu-sub li:hover a{ color:#2cc44b; }
.dropdown-menu > .active > .dropdown-menu-sub li.active a, .dropdown-menu > .active > .dropdown-menu-sub:hover li.active a, .dropdown-menu > .active > .dropdown-menu-sub li.active a{ color:#2cc44b; }

/* 상단 small menu */
.s_menu{ z-index:999; position:absolute; right:15px; top:0; margin-top:27px; }
.s_menu p{ margin:0; float:left; }
.s_menu p:first-child{ margin-right:6px; }
.s_menu p a{ display:block; height:29px; text-align:center; border:1px solid #b1b5ba; color:#eee; cursor:pointer; }
.s_menu p a.kor_btn{ width:40px; font:bold 12px/28px 'Arial','Malgun Gothic',Sans-serif; }
.s_menu p a.siteMap{ position:relative; width:29px; font-size:0; }
.s_menu p a.siteMap:before{ position:absolute; left:7px; top:3px; content:''; font:normal 15px/22px "FontAwesome"; }
.s_menu p:hover a{ color:#fff; }

/* 상단 header fixed */
.header.header-e1.fixed{ border-bottom:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,.1); background:#fff; } /*header 헤더*/
.header.header-e1.fixed .navbar{ border-bottom:1px solid #ddd; }
.header-e1.header.fixed .navbar-header .logo .navbar-brand{ background:url(/img/logo_fixed.png) no-repeat left top; } /*로고영역*/
.header.header-e1.fixed .navbar-default .navbar-nav > li > a{ color:#2e2e2e; text-shadow:none; }/*메뉴*/
.header.header-e1.fixed .navbar-default .navbar-nav > li > a:hover{ color:#23943b; }
.header.header-e1.fixed .s_menu p a{ color:#23943b; border-color:#23943b; }
.header.header-e1.fixed .s_menu p a.siteMap{ color:#14489d; border-color:#14489d; }
/* .header.header-e1.fixed .navbar-default .navbar-nav > .active > a{ color:#23943b; } */

/* 상단 header fixed > 서브메뉴 Dropdown Menu 2차메뉴 */
.header.header-e1.fixed .dropdown-menu { background:none; }
.header.header-e1.fixed .navbar-nav > li > .dropdown-menu{ border-right-color:#ddd; }
.header.header-e1.fixed .navbar-nav > li:nth-child(1) > .dropdown-menu{ border-left-color:#ddd; }

.header.header-e1.fixed .dropdown-menu li > a { color: #333; }
.header.header-e1.fixed .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:#23943b; color:#fff; }
.header.header-e1.fixed .dropdown-menu > li.active > a{ background:#23943b; color:#fff; }
.header.header-e1.fixed .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background:#23943b; color:#fff; }

/* 상단 header fixed > 서브 3차메뉴 dropdown-menu-sub */
.header.header-e1.fixed .dropdown-menu.dropdown-menu-sub li a{ color:#555; }
.header.header-e1.fixed .dropdown-menu.dropdown-menu-sub li a:before{ background:#555; }
.header.header-e1.fixed .dropdown-menu li.active > .dropdown-menu-sub{ color:#23943b; background:none; }
.header.header-e1.fixed .dropdown-menu.dropdown-menu-sub li:hover a{ color:#23943b; background:none; }
.header.header-e1.fixed .dropdown-menu > .active > .header.header-e1.fixed .dropdown-menu-sub li.active a, .header.header-e1.fixed .dropdown-menu > .active > .header.header-e1.fixed .dropdown-menu-sub:hover li.active a, .header.header-e1.fixed .dropdown-menu > .active > .header.header-e1.fixed .dropdown-menu-sub li.active a{ color:#23943b; background:none; }

.header.header-e1.fixed .dropdown-menu > li.active .dropdown-menu-sub .active > a{ background:none; color:#23943b; }

/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1 .footer { background:#333; }
.footer-e1 .footer .container .row{ margin:0; }
.footer-e1 .footer .logo{ width:30%; margin-top:34px; float:right; text-align:right; opacity:.8; filter:alpha(opacity=80); }
/*Footer Subsribe*/
.footer-e1 .footer-subsribe { width: 100%; }
/*Link List*/
.footer-e1 .address{ width:70%; float:left; }
.footer-e1 address{ margin:0; }
.footer-e1 address p{ margin:0; padding:24px 0 20px 0; overflow:hidden; }
.footer-e1 address span{ padding:0 0 5px 0; margin:0; font:normal 12px "Malgun Gothic",Sans-serif; float:left; color:#c8c8c8; }
.footer-e1 address span a{ color:#c8c8c8; }
.footer-e1 address span:after{content:'|'; font:normal 10px Dotum; padding:0 6px; color:#aaa;}

.footer-e1 address span.company_name{ display:block; width:100%; }
.footer-e1 address span.company_name:after{ content:' '; }
.footer-e1 address span.company_after:after{ content:' '; }
.footer-e1 address span.company_address{ width:100%; }
.footer-e1 address span.company_address:after{ display:none; }

.footer-e1 address span a:hover{ color:#64c015; }
.m_tel{ display:none; }

.company_copyright{ width:100%; background:#252525; }
.company_copyright p{ padding:0 15px; margin:0 auto; max-width:1170px; }
.company_copyright p span{ font:normal 11px/36px 'Malgun Gothic',Sans-serif; color:#c6c6c6; }

/*------------------------------------
	사이트맵
------------------------------------*/
#sitemap{display:none; position:fixed; background:#fff; width:100%; height:100%; min-height:750px; z-index:9999; top:75px; left:0; border-top:2px solid #242424; /* 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:1500px; }
#sitemap .container > ul{ position:relative; display:block; overflow:hidden; background:#fff; padding:0; }
#sitemap .no-border{ display:none; }
#sitemap .depth01{ float:left; width:32%; margin-left:2%; min-height:480px; }
#sitemap .depth01:nth-child(3n+1){ margin-left:0; }
#sitemap .depth01 > a{ position:relative; display:block; width:100%; padding:8px 18px 7px; margin-bottom:6px; background:#23943b url(/img/quick_bg1.jpg) no-repeat left top; background-size:100%; font:normal 20px/30px "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{ margin:0; }
#sitemap .depth02 li{ padding:6px 0 6px 13px; border-bottom:1px dotted #ddd; }
#sitemap .depth02 li > a{ display:block; color:#333; font:normal 13px/18px 'Malgun Gothic',Sans-serif; letter-spacing:-0.5px; }
#sitemap .depth02 li > a:hover{ color:#23943b; font-weight:600; }
#sitemap .depth02 li > a > i{ display:none; }

#sitemap .depth02 li.active > a{ color:#23943b; font-weight:600; }

#sitemap .btn_close{ position:relative; margin:20px 0 10px; font-size:30px; text-align:right; display:block; padding:10px; background:#fff; cursor:inherit; }
#sitemap .btn_close:before{ position:absolute; left:0; top:20px; content:'＋ SITE MAP'; font:normal 25px/28px 'Godo',Malgun Gothic,Sans-serif; color:#23943b; }
#sitemap .btn_close > i{ font-size:18px; color:#333; vertical-align:5px; cursor:pointer; }

#sitemap .depth01:nth-child(3) .depth02 > li:first-child{  }
#sitemap .depth01:nth-child(3) .depth02 > li:first-child > a{  }
#sitemap .depth01:nth-child(3) .depth02 > li:first-child > a i.fa-angle-down{ display:none !important; }

#sitemap .depth01:nth-child(5) .depth02 > li:nth-child(2){  }
#sitemap .depth01:nth-child(5) .depth02 > li:nth-child(2) > a{  }
#sitemap .depth01:nth-child(5) .depth02 > li:nth-child(2) > a i.fa-angle-down{ display:none !important; }

/* 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; box-shadow:none; border:none; }
#sitemap .depth02 li ul.dropdown-menu-sub li{ padding:3px 0 2px 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:#23943b; }
#sitemap .depth02 li ul.dropdown-menu-sub li:before{ display:none; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a{ position:relative; padding-left:17px; color:#555; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a:before{ content:'-'; padding-right:8px; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a:hover{ background:none; color:#23943b; }
#sitemap .depth02 li ul.dropdown-menu-sub li > a:hover:before{ color:#23943b; }

/*------------------------------------
	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; }
.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 22px/30px 'Godo'; margin-bottom:2px; color:#fff; background:#23943b url(/img/line_italic.png) left top; text-align:center; }
.sidebar-nav-e1 li { padding: 0; border-left:none; border-right:none; border-top:1px #bac2ca dotted; border-bottom:1px #bac2ca dotted; border-radius:0 !important; font-size:15px; }
.sidebar-nav-e1 li a { display: block; padding:5px 15px 8px; letter-spacing:-0.025em; color:#333; font:normal 13px/20px 'Malgun Gothic'; }
.sidebar-nav-e1 li a:hover { text-decoration: none; color:#23943b; font-weight:600; }
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover{ background:#fff; border:none; border-bottom:1px #bac2ca dotted; border-radius:0 !important; border-top:1px #bac2ca dotted; }
.sidebar-nav-e1 > li.active a:hover{ }
.sidebar-nav-e1 > li.active > a { color:#23943b; font-weight:600; }
.sidebar-nav-e1 li:first-child, .sidebar-nav-e1 li:first-child:hover{border-top:none;}
.list-toggle.active:after { color: #23943b; content: "\f105"; top: 2px; right: 10px; font-size: 17px; position: absolute; display: inline-block; font-family:FontAwesome; }

.sidebar-nav-e1 li > ul{ display:block; }
.sidebar-nav-e1 li > ul > li{ border:none; }
.sidebar-nav-e1 li ul li a{ position:relative; border-top:1px dotted #bac2ca; padding-left:20px; }
.sidebar-nav-e1 li ul li.active a{ color: #23943b; font-weight:600; }
.sidebar-nav-e1 li ul li a > i{ position:relative; font-size:0px; }
.sidebar-nav-e1 li ul li a > i:before{ padding-right:5px; content:'●'; font:normal 12px/16px 'Icon',Arial; vertical-align:1px; }
.sidebar-nav-e1 li ul, .sidebar-nav-e1 li.active ul a{ background:none; color:#666; }

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:#23943b; 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; }

/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual ul, .sub_visual li{list-style:none; padding:0; margin:0;}
.sub_visual { position:relative; margin:0 auto; overflow:hidden; text-align:center; overflow:hidden; z-index:2; }
.sub_visual li{display:none; height:227px; background:url(/img/sub_visual_01.jpg) no-repeat center;}
.sub_visual li.active{ display:block; }
.sub_visual .sub_visual_1001 { background:url(/img/sub_visual_02.jpg) no-repeat center; }
.sub_visual .sub_visual_2002 { background:url(/img/sub_visual_05.jpg) no-repeat center; } 
.sub_visual .sub_visual_3003 { background:url(/img/sub_visual_03.jpg) no-repeat center; }
.sub_visual .sub_visual_4004 { background:url(/img/sub_visual_04.jpg) no-repeat center; }
.sub_visual .container{position:relative;}
.sub_visual dl {position:absolute; width:100%;  text-shadow:0px 2px 0px rgba(0, 0, 0, 0.3)}
.sub_visual dt { display:inline-block; padding:3px 30px 2px; min-width:80px; margin:132px 0 5px 0; font:normal 28px/36px 'Godo','Malgun Gothic'; border-radius:100em; color:#fff; border:1px solid rgba(255,255,255,.3); background:url(/img/black_10.png) repeat; }
.sub_visual dt > br{ display:none; }
.sub_visual dd { display:none; /* padding:3px 30px 0; font:normal 30px/44px 'Godo','Malgun Gothic'; color:#eee; */ }
.sub_visual dd > br{ display:none; }

/*------------------------------------
	서브메뉴 타이틀
------------------------------------*/
.breadcrumbs{  border-bottom:1px dotted #ddd; margin:-40px 0 50px 0;}
.breadcrumbs h2{color:#555; font-size:24px; letter-spacing:-0.025em; margin-left:-5px; font-family:'Malgun Gothic',Sans-serif; }
.breadcrumbs h2 > br{ display:none; }
.breadcrumbs h2:before{content:''; font-family:'FontAwesome'; margin-right:5px;}
.breadcrumb li.active, .breadcrumb li a:hover { color:#23943b; text-decoration: none;}
.breadcrumb li{ font-family:'Malgun Gothic',Sans-serif; }
.breadcrumb li > br{ display:none; }
/*------------------------------------
	서브
------------------------------------*/
.basic-bs .basic-bs-main{ padding-top:60px; padding-bottom:80px; min-height:700px; }
.Main .basic-bs .basic-bs-main{ padding-top:0; padding-bottom:0; }
.title01:before{content:''; font:bold 13px 'icon'; color:#2c5ea9; margin-right:5px;}
.title01{ font:700 22px/25px 'Nanum Gothic', 'Malgun Gothic' ; color:#222; margin-bottom:15px; clear:both;}
.title02{font:700 15px/18px 'Nanum Gothic', 'Malgun Gothic' ; color:#2c5ea9; padding-bottom:10px; clear:both; }
.title02:before{content:''; font:13px 'icon'; padding-right:8px; vertical-align:-2px;}

/* 갤러리게시판 설정 */
.img_none{ display:none; }

.board-view .headline h3{ position:relative; font:normal 22px/26px 'Godo'; color:#222; }
.board-view .headline h3:before{ content:''; font:normal 20px/24px 'FontAwesome'; color:#23943b; }
.board-view .headline h3 > i{ display:none; }

.board-write .headline h4{ position:relative; font:normal 22px/26px 'Godo'; color:#222; }
.board-write .headline h4 > i{ font:normal 20px/24px 'FontAwesome'; color:#23943b; }


caption{ position:relative; text-align:left; font:normal 18px/20px 'Godo','Malgun Gothic',Sans-serif; color:#333; padding:0 0 15px 23px; margin-top:10px; }
caption:before{ position:absolute; left:0; top:-1px; content:""; font:normal 17px/19px 'icon',Arial; color:#23943b; padding:0 5px 0 0; }

section{ margin-bottom:25px;}


/* 제품 견적문의 */
.sub_title_wrap{ padding:0 0 30px; }
.sub_title_wrap p{ font:normal 15px/23px 'Godo','Malgun Gothic',Sans-serif; text-align:center; word-break:keep-all; }
.sub_title_wrap p span{ color:#23943b; }


/*------------------------------------
	map 오시는 길
------------------------------------*/
.new_map{ width:100% !important; }
caption{ position:relative; text-align:left; font:normal 20px/24px 'Godo',Sans-serif; color:#333; padding:0 0 15px 23px; margin-top:10px; }
caption:before{ position:absolute; left:0; top:2px; content:""; font:normal 15px/17px 'icon',Arial; color:#23943b; padding:0 5px 0 0; }

/* 주소 정보 테이블 스타일 */
.table01 { border-top:2px solid #616161; font:13px 'Malgun Gothic';; clear:both; width:100%; margin:20px 0 0 0; /* padding:10px 0 10px 6px; */ }
.table01 th, .table01 td{ word-break:break-all; }
.table01 th{ width:20%; padding:8px 20px; min-width:80px; background:#fafafa; border-bottom:1px solid #d4d8de; border-left:none; border-right:none; text-align:center; }
.table01 td{ width:80%; padding:8px 20px 8px 30px; border-bottom:1px solid #ddd; height:40px; border-right:none; border-left:1px solid #d4d8de; }
.table01 td a{ color:#333; }
.table01 td a:hover{ color:#23943b; }

.table02{ border-top-color:#23943b; }
.table02 th{ background-color:#f9fffa; }
.table02 th, .table02 td{ border-color:#e7e7e7; }

/*------------------------------------
	회사연혁
------------------------------------*/
.history{display:table; width:100%;}
.history, .history p{word-break:keep-all;}
.history dl{overflow:hidden; padding:30px 0; display:table-row;}
.history dl dt, .history dl dd{display:table-cell;}
.history dl dt{width:30%; text-indent:-100em; background:url(/img/hitory01.jpg)}
.history dl dd{width:60%; padding-left:7%;}
.history dl dd div{ margin-top:4px; float:left; }
.history dl dd div:first-child{ font:normal 22px/27px 'Godo', sans-serif; font-style:italic; margin-right:4%; 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{padding-left:45px; font:normal 13px/20px '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:3px;}
.history .month{ font-weight:bold; margin-right:12px; color:#23943b; }

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

/*------------------------------------
	CEO인사말
------------------------------------*/
.ceo_wrap{display:table; width:100%;}
.ceo_wrap .left_img_wrap{ margin:0 0 20px; }
.ceo_wrap, .ceo_wrap p{word-break:keep-all;}
.ceo_wrap dl{overflow:hidden; padding:30px 0; display:table-row;}
.ceo_wrap dl dt, .ceo_wrap dl dd{display:table-cell;}
.ceo_wrap dl dt{width:30%; text-indent:-100em; background:url(/img/ceo01.jpg) no-repeat center top; }
.ceo_wrap dl dd{/* width:60%; padding-left:7%; */}

.ceo_wrap dl dd div.ceo{ margin:10px 0; width:100%;}
.ceo_wrap dl dd div.ceo .headline{ margin:0 0 20px 0; padding:0; font:normal 16px/22px 'Godo',Sans-serif; border:none; color:#333; }
.ceo_wrap dl dd div.ceo .headline b{ font-size:14px; font-weight:normal; color:#23943b; }
.ceo_wrap dl dd div.ceo .headline small{ display:block; padding:0 0 0 0; color:#333; font-size:14px; line-height:22px; }

.ceo_wrap dl dd div.ceo p{ word-break:keep-all; font:normal 13px/20px 'Malgun Gothic'; }
.ceo_wrap dl dd div.ceo p b{ font:normal 13px/22px 'Godo',Sans-serif; /* color:#14489d; */ }
.ceo_wrap dl dd div.ceo p i{ font-style:normal; font:normal 13px/22px 'Godo',Sans-serif; color:#14489d; }
.ceo_wrap dl dd div.ceo p.ceo_sign{ margin:0; text-align:left; font:normal 13px/18px Malgun Gothic; padding:5px 0 0 0; }
.ceo_wrap dl dd div.ceo p.ceo_sign > b{ font-weight:600; color:#333; }
.ceo_wrap dl dd div.ceo p > img{ max-width:100%; }

/*------------------------------------
	비전&경영방침
------------------------------------*/
/* .vision_wrap{ overflow:hidden; }
.vision_wrap > div{ float:left; width:50%; padding-left:45px; }
.vision_wrap > div:first-child{ padding-left:0; padding-right:45px; border-right:1px dotted #ddd; }
.vision_wrap > div > p{ margin:0; text-align:center; }
.vision_wrap > div > p > img{ width:100%; max-width:620px; } */

.vision_wrap{}
.vision_wrap > div{ }
.vision_wrap > div:first-child{ padding-bottom:20px; }
.vision_wrap > div:last-child{ padding-top:20px; }

.vision_div{ overflow:hidden; }

/*비전*/
.vision_left{ margin-top:18px; }
.vision_right{ margin-top:40px; }
.vision_right > p{ margin:0; max-width:650px; }
.vision_right > p img{ width:auto; max-width:100%; }

.vision_wrap .ceo{ margin:-5px 0 0 0; padding-bottom:15px; width:100%;}
.vision_wrap .ceo .headline{ margin:0 0 20px 0; padding:0; font:normal 16px/25px 'Godo',Sans-serif; border:none; color:#333; }
.vision_wrap .ceo .headline b{ font-size:16px; line-height:25px; font-weight:normal; color:#23943b; }

.vision_wrap .gas_text_caption2{ margin-bottom:5px; padding-left:20px; font-size:18px; line-height:22px; }
.vision_wrap .gas_text_caption2:before{ top:2px; font-size:14px; }
.vision_wrap .gas_text{ margin-bottom:15px; }

/*경영방침*/
.management_left{ }
.management_right{ margin-top:50px; }
.management_right > p{ margin:0 0 0 0; max-width:550px; }
.management_right > p img{ width:auto; max-width:100%; }

.management_div{ display:table; width:100%; border-top:2px solid #23943b; }/*경영방침*/
.management_div dl{ display:table-row; margin:0; overflow:hidden; }
.management_div dl dt{ display:table-cell; width:10%; min-width:50px; margin:0; padding:10px; background:#f9fffa; border-bottom:1px dotted #ddd; vertical-align:middle; text-align:center; }
.management_div dl dt i{ display:block; font:normal 26px/30px 'Godo'; font-style:italic; color:#23943b; }
.management_div dl dd{ display:table-cell; width:90%; padding:10px 20px 10px 30px; font-size:12px; line-height:18px; border-bottom:1px dotted #ddd; }
.management_div dl dd h3{ margin-bottom:3px; font:normal 15px/20px 'Godo'; }
.management_div dl dd span{ position:relative; }
.management_div dl dd span:before{ content:' '; display:inline-block; background:#23943b; width:3px; height:3px; border-radius:100em; margin-right:3px; vertical-align:middle; }


/*------------------------------------
	사업영역 및 주요고객사
------------------------------------*/
/* 서브 좌측 이미지타이틀 스타일 */
.left_img_wrap{ overflow:hidden; margin-bottom:50px; margin-top:60px; }

.left_img{ float:left; width:40%; position:relative; }
.left_img p{ margin:0; /* padding:5px; border:1px solid #ddd;  border-radius:15px;*/ overflow:hidden; text-align:center; }
.left_img p > img{ width:100%; }
.left_img_padding{ padding-top:65px; }

/* right text */
.business{ float:right; width:57%; padding-top:5px; }
.business_none{ float:none; width:100%; }
.business .left_title_wrap{ margin-bottom:20px; }
.business .headline{ margin:0 0 20px 0; padding:0; font:normal 20px/28px 'Godo',Sans-serif; border:none; color:#333; }
.business .headline b{ font:normal 16px/25px 'Godo',Sans-serif; color:#23943b; }
.business .headline small{ display:block; padding:0 0 0 0; font-size:16px; line-height:25px; color:#333; }

.business p{ word-break:keep-all; font:normal 13px/20px 'Malgun Gothic'; }
.business p b{ font:normal 13px/22px 'Godo',Sans-serif; color:#14489d; }
.business p i{ font-style:normal; text-decoration:underline; }
.business p.ceo_sign{ margin:0; text-align:right; font:normal 13px/16px Malgun Gothic; padding:5px 0 0 0; }
.business p.ceo_sign > b{ font-weight:600; color:#333; }

/* 사업영역 탭메뉴 */
.tab2_menu{ width:100%; overflow:hidden; padding-bottom:30px; }
.tab2_menu li{float:left; display:inline-block; width:25%; }
.tab2_menu li:first-child{ border-left:1px solid #ddd; }
.tab2_menu li.active{ position:relative; background:#f9f9f9; }
.tab2_menu li.active a:before{ position:absolute; left:0; bottom:-8px; width:100%; height:8px; content:''; background:url(/img/arrow_bottom_menu_f.png) no-repeat center; }

.tab2_menu li.active a{ position:relative; font-weight:600; color:#343434; }
.tab2_menu a{display:block; padding:7px 10px 9px; border:1px solid #ddd; font-family:'Malgun Gothic',Sans-serif; min-width:90px; text-align:center; margin-left:-1px; position:relative; z-index:1;}
.tab2_menu a:hover{color:#343434;}
.tab2_menu .selected{border:1px solid #343434; color:#343434; font-weight:bold; background:#f9f9f9; z-index:2; margin-left:0;}

.tab2_menu_business li{ width:50%; }

/* 사업영역 > 주요고객사 */
.client{ overflow:hidden; }
/*.client dl{ margin:40px auto 10px auto; cursor:pointer; width:32.6%; }*/
.client dl{ margin:0px 0 15px 2%; float:left; width:23.5%; cursor:pointer; } 
.client dl:nth-child(4n+1){ margin-left:0; }
.client dl dt{ position:relative; text-align:center; width:100%; min-height:90px; border:1px solid #ededed; text-align:center; }
.client dl:nth-child(1) dt{ background:url(/img/c_logo_img1.jpg) no-repeat center; }
.client dl:nth-child(2) dt{ background:url(/img/c_logo_img2.jpg) no-repeat center; }
.client dl:nth-child(3) dt{ background:url(/img/c_logo_img3.jpg) no-repeat center; }
.client dl:nth-child(4) dt{ background:url(/img/c_logo_img4.jpg) no-repeat center; }
.client dl:nth-child(5) dt{ background:url(/img/c_logo_img5.jpg) no-repeat center; }
.client dl:nth-child(6) dt{ background:url(/img/c_logo_img6.jpg) no-repeat center; }
.client dl:nth-child(7) dt{ background:url(/img/c_logo_img7.jpg) no-repeat center; }
.client dl:nth-child(8) dt{ background:url(/img/c_logo_img8.jpg) no-repeat center; }
.client dl:nth-child(9) dt{ background:url(/img/c_logo_img9.jpg) no-repeat center; }
.client dl:nth-child(10) dt{ background:url(/img/c_logo_img10.jpg) no-repeat center; }
.client dl:nth-child(11) dt{ background:url(/img/c_logo_img11.jpg) no-repeat center; }
.client dl:nth-child(12) dt{ background:url(/img/c_logo_img12.jpg) no-repeat center; }
/* .client dl:nth-child(13){ display:none; }
.client dl:nth-child(13) dt{ background:url(/img/c_logo_img13.jpg) no-repeat center; } */
.client dl:nth-child(13) dt{ background:url(/img/c_logo_img14.jpg) no-repeat center; background-size:auto !important; }
.client dl:nth-child(14) dt{ background:url(/img/c_logo_img15_eng.jpg) no-repeat center; }

.client dl:hover dt{ border:1px solid #ddd; }
.client dl:hover dd{ color:#23943b; }
.client dd{ width:100%; margin:12px 0px; text-align:center; font:700 13px/18px 'Malgun Gothic',Sans-serif; color:#141414; }


/* 사업영역 > 사업영역 */
.business_ul{ overflow:hidden; }
.business_ul li{ float:left; width:48%; margin-left:2%; min-height:240px; margin-bottom:30px; }
.business_ul li:nth-child(2n+1){ margin-left:0; }
.business_ul li table.business_table th{ width:28%; }
.business_ul li table.business_table td{ width:72%; padding-left:15px; padding-right:15px; }
.business_ul li p{ margin:15px 0 0 0; height:99px; }
.business_ul li p > img{ width:auto; max-width:100%; }

.business_ul_height li{ min-height:auto; }
.business_ul_width li{ width:70%; }

/*------------------------------------
	회사개요
------------------------------------*/
table.company_table{ margin-top:0; }
table.company_table caption{ margin-top:0; }
table.company_table th{ width:25%; text-align:left; }
table.company_table td{ width:75%; }
table.company_table th, table.company_table td{ padding-top:4px; padding-bottom:6px; height:37px; }

/* 서브 우측 이미지타이틀 스타일 */
.right_img_wrap{ }
.right_img_wrap .left_img{ float:right; text-align:left; }
.right_img_wrap .business{ float:left; padding-top:0; }

/*------------------------------------
	가스스프링 > 댐퍼
------------------------------------*/
.damper_wrap dl dt{ background:url(/img/damper01.jpg) no-repeat center top; }

.damper_ul_wrap{ padding-top:20px; }
.damper_ul_wrap .left_title_wrap{ margin-bottom:30px; }
.damper_ul{ overflow:hidden; }
.damper_ul li{ float:left; width:48%; margin-left:2%; margin-bottom:25px; }
.damper_ul li:nth-child(2n+1){ margin-left:0; }
.damper_ul li p{ padding:5px; margin-bottom:15px; text-align:center; border:1px solid #ddd; }
.damper_ul li p > img{ width:auto; max-width:100%; }
.damper_ul li strong{ display:block; font:normal 15px/22px 'Godo','Malgun Gothic',Sans-serif; text-align:center; }
.damper_ul li strong:before{ padding-right:3px; content:''; font:normal 13px/22px 'FontAwesome'; color:#23943b; }

/*------------------------------------
	가스스프링
------------------------------------*/
/* 자동차용 */
.gas_ul{ overflow:hidden; }
.gas_ul li{ float:left; padding:5px; width:24.1%; margin-left:1.2%; border:1px solid #ddd; }
.gas_ul li:first-child{ margin-left:0; }
.gas_ul li > img{ width:auto; max-width:100%; }

.gas_wrap{ padding-top:20px; padding-bottom:20px; }
.gas_wrap .left_title_wrap{ /* margin-bottom:25px; */ }
.gas_text_head{ margin:0 0 10px 0; padding:0; font:normal 16px/25px 'Godo',Sans-serif }
.gas_text_head > b{ color:#23943b; }
.gas_text{ margin-top:-5px; margin-bottom:20px; }
.gas_text li{ position:relative; padding-left:10px; font:normal 13px/20px 'Malgun Gothic',Sans-serif; }
.gas_text 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; }
.gas_text li i{ font-style:normal; text-decoration:underline; }
.gas_text li b{ font:normal 13px/22px 'Godo',Sans-serif; color:#14489d; }

.gas_text_number li{ padding-left:0; }
.gas_text_number li:before{ display:none; }
.gas_text_number li > span{ font-family:'Godo'; color:#23943b; }

.gas_map{ padding:20px; border:1px solid #eee; text-align:center; }
.gas_map > img{ width:100%; max-width:1000px; }

.gas_client dl:nth-child(1) dt{ background:url(/img/gas_clogo_1.jpg) no-repeat center; }
.gas_client dl:nth-child(2) dt{ background:url(/img/gas_clogo_2.jpg) no-repeat center; }
.gas_client dl:nth-child(3) dt{ background:url(/img/gas_clogo_3.jpg) no-repeat center; }
.gas_client dl:nth-child(4) dt{ background:url(/img/gas_clogo_4.jpg) no-repeat center; }

table.gas_table{ margin-top:0; margin-bottom:30px; border-right:1px solid #d4d8de; border-left:1px solid #d4d8de; }
table.gas_table caption{ margin-top:0; }
table.gas_table thead th{ background:#dff5e3; border-left:1px solid #d4d8de; padding-top:3px; padding-bottom:5px; height:34px; }
table.gas_table thead th:first-child{ border-left:none; }
table.gas_table th, table.gas_table td{ padding-left:15px; padding-right:15px; width:25%; padding-top:3px; padding-bottom:5px; height:34px; text-align:center; border-right:1px solid #d4d8de; }

.gas_client2 dl:nth-child(1) dt{ background:url(/img/c_logo_img3.jpg) no-repeat center; }
.gas_client2 dl:nth-child(2) dt{ background:url(/img/c_logo_img5.jpg) no-repeat center; }

/*산업용*/
.gas_ul2 li{ width:49.4%; }

table.gas_table2{ margin-bottom:15px; }
table.gas_table2 thead th{ width:15%; }
table.gas_table2 thead th.big_td{ width:25%; text-align:center; }
table.gas_table2 th, table.gas_table2 td{ width:14%; }
table.gas_table2 th.big_td, table.gas_table2 td.big_td{ width:30%; text-align:left; }

.gas_ul3 li{ border:none; padding:0 0 0 20px; }
.gas_ul3 li:first-child{ padding:0 40px 0 0; border-right:1px dotted #ddd; }

.gas_ul_img li{ padding:5px; text-align:center; border:1px solid #ddd; }
.gas_ul_img li > img{ width:auto; max-width:100%; }

/* 가구용 */
table.gas_table3{ margin-bottom:25px; }
table.gas_table3 thead th{ width:17%; }
table.gas_table3 thead th.big_td{ width:32%; text-align:center; }
table.gas_table3 th, table.gas_table3 td{ width:17%; }
table.gas_table3 th.big_td, table.gas_table3 td.big_td{ width:32%; text-align:left; }

.damper_gas_ul li{ width:49.4%; margin-left:1.2%; }
.damper_gas_ul.damper_ul_none li{ float:none; width:100%; margin-left:0; }
.damper_gas_ul.damper_ul_none li p img{ max-width:440px; }
.damper_gas_ul li p{ padding:12px 10px; }

.damper_gas_ul2 li{ width:32.53%; }
.damper_gas_ul2 li p{ padding:0; }
.damper_gas_ul2 li:nth-child(3){ margin-left:1.2%; }

.gas_text_caption{ position:relative; padding:0 0 15px 23px; font:normal 20px/24px 'Godo',Sans-serif; }
.gas_text_caption:before{ position:absolute; left:0; top:2px; padding:0 5px 0 0; content:''; /* content:''; */ font:normal 15px/17px 'FontAwesome'; color:#23943b; }

.gas_text_caption2{ position:relative; padding:0 0 15px 23px; font:normal 20px/24px 'Godo',Sans-serif; }
.gas_text_caption2:before{ position:absolute; left:0; top:2px; padding:0 5px 0 0; content:''; font:normal 15px/17px 'Icon',Arial; color:#23943b; }


table.gas_table_img th{ background:none; }
table.gas_table_img th{ padding:10px; }
table.gas_table_img td{ padding:15px; }
table.gas_table_img td .gas_text{ margin-bottom:10px; }

.gas_a{ overflow:hidden; }
.gas_a a{ float:left; margin-bottom:4px; display:inline-block; padding:0px 10px 4px; font:normal 12px/16px 'Malgun Gothic',Sans-serif; background:#555; color:#fff; }
.gas_a a:first-child{ margin-right:5px; background:#23943b; }
table.gas_table_img .gas_a{ overflow:hidden; }
table.gas_table_img .gas_a a{ float:left; display:inline-block; padding:0px 10px 4px; font:normal 12px/16px 'Malgun Gothic',Sans-serif; background:#555; color:#fff; }
table.gas_table_img .gas_a a:first-child{ margin-right:5px; background:#23943b; margin-bottom:4px; }

/* 서브 제품소개 우측 고정 메뉴 */
.fixed_right_menu_wrap{ position:absolute; right:-140px; top:290px; }
.fixed_right_menu_wrap > div{ position:relative; height:100%; width:100px; }
.fixed_right_menu{ font-size:0; text-align:center; direction:rtl; z-index:1; max-width:98px; margin:0 auto; border:solid 1px #23943b; border-radius:8px; overflow:hidden; }
.fixed_right_menu dt{ min-width:20px; min-height:30px; font:bold 14px/18px Malgun Gothic; color:#fff; padding:5px 1%;  background:#23943b; } 
.fixed_right_menu dt img{ width:100%;; opacity:.9  }
.fixed_right_menu dd{ width:100%; font:normal 12px/22px Malgun Gothic; color:#777; text-align:center; letter-spacing:-1px; margin:0 auto;  cursor:pointer; background:url(/img/white_97.png); vertical-align:middle; border:solid 1px #ddd; border-width:1px 0 0 0; }
/* .fixed_right_menu dd:nth-child(2){ border-top-width:1px; }  */
.fixed_right_menu dd:hover{ width:auto; background:#14489d; color:#fff; }
.fixed_right_menu dd.active{ width:auto; background:#14489d; color:#fff; }
.fixed_right_menu dd a{ display:block; min-width:22px; height:22px;  }
.fixed_right_menu.fixed{ position:fixed; top:200px; width:100%; transition:.2s ease }

/*------------------------------------
	서브 타이틀
------------------------------------*/
.left_title_wrap{ margin-bottom:35px; }
.left_title_wrap p.left_title{ position:relative; margin:0; font:normal 22px/32px 'Godo' !important; text-align:left; color:#333; }
.left_title_wrap p.left_title:before{ display:block; margin-bottom:6px; content:''; width:20px; height:3px; background:3px; background:#23943b; }
.left_title_wrap p.left_title span{ font-size:22px; display:inline-block; color:#23943b; }


/*------------------------------------
	YJT의 기술력
------------------------------------*/
.application_text{ padding:0; }
.application_text dl{ overflow:hidden; width:100%; margin:0 0 10px 0; border-radius:100em 0 0 100em; }

.application_text dl dd{ position:relative; padding:15px 30px 15px 110px; width:100%; min-height:70px; border-right:1px solid #ddd; text-align:left; background:#fafafa; }
.application_text dl dd span{ font:normal 13px/18px 'Malgun Gothic',Sans-serif; color:#333; }
.application_text dl dd span > b{ font-weight:600; }

.application_text dl dd:before{ position:absolute; left:0; top:0; content:''; width:80px; height:100%; background:#23943b; }
.application_text dl:nth-child(2n) dd:before{ background:#14489d; }
.application_text dl dd:after{ position:absolute; left:0; top:0; padding-left:8px; content:'01'; width:80px; height:100%; font:600 30px/70px 'Century Gothic',Sans-serif; font-style:italic; letter-spacing:-0.5px; color:#fff; vertical-align:middle; text-align:center; }

.application_text dl:nth-child(2) dd:after{ content:'02'; }
.application_text dl:nth-child(3) dd:after{ content:'03'; }
.application_text dl:nth-child(4) dd:after{ content:'04'; }
.application_text dl:nth-child(5) dd:after{ content:'05'; line-height:84px; }

.tech_img_wrap .left_img p{ padding:20px; border:1px solid #ddd; }

.dotted{ display:none; padding-top:8px; margin-bottom:0px; width:100%; height:1px; border-bottom:1px dotted #ddd; }
.gas_dotted{ padding-top:8px; margin-bottom:32px; width:100%; border-bottom:1px dotted #ddd; }
.dotted_recruit{ padding-top:8px; margin-bottom:10px; width:100%; height:1px; border-bottom:1px dotted #ddd; }

/* 주요설비현황 */
.tech2_wrap{ margin-top:15px; padding-bottom:30px; }
.tech_wrap .left_title_wrap{ margin-bottom:25px; }

table.tech_table{ margin-bottom:15px; }
table.tech_table thead th{ width:30%; }
table.tech_table thead th.small_td{ width:20%; }
table.tech_table thead th.big_td{ width:50%; text-align:center; }
table.tech_table th, table.tech_table td{ width:30%; }
table.tech_table th.small_td, table.tech_table td.small_td{ width:20%; }
table.tech_table th.big_td, table.tech_table td.big_td{ width:50%; }

.tech_wrap dl dt{ background:url(/img/tech01.jpg) no-repeat left top; }

/* 가스스프링의 구조 및 주의사항 */
.tech3_img_wrap{ margin-bottom:30px; }
.tech3_img_wrap .left_img p{ padding:7px; border:1px solid #ddd; }

table.tech3_table{ /* margin-bottom:15px; */ }
table.tech3_table thead th{ width:20%; }
table.tech3_table thead th.small_td{ width:15%; }
table.tech3_table thead th.big_td{ width:45%; text-align:center; }
table.tech3_table th, table.tech3_table td{ width:20%; }
table.tech3_table th.small_td, table.tech3_table td.small_td{ width:15%; }
table.tech3_table th.big_td, table.tech3_table td.big_td{ width:45%; }

.tech_ul_img{ display:inline-block; margin:0; padding-left:20px; }

/* 가스스프링의 반발력 */
.tech5_wrap dl dt{ background:url(/img/tech02.jpg) no-repeat left top; }
.tech5_div{ padding-top:15px; }

table.tech5_table th{ width:15%; }
table.tech5_table td{ width:85%; text-align:left; }

.tech5_img{ padding:7px; max-width:690px; border:1px solid #ddd; text-align:center; }
.tech5_img > img{ width:auto; max-width:100%; }
.tech5_wrap .gas_text{ margin-top:20px; }

.tech5_wrap .gas_text_caption2{ margin-top:35px; }

.tech5_img3 > img{ width:100%; max-width:500px; }

/* 제품의 원리 및 특징 */
.tech4_wrap dl dt{ background:url(/img/tech4.jpg) no-repeat center center; }

.tech4_tab2_menu{ margin-top:50px; }
.tech4_tab2_menu li{ width:33.3%; }
.tech4_img_wrap{ margin-top:20px; }
.tech4_img_wrap .left_title_wrap{ margin-bottom:25px; }
.tech4_img_wrap .left_img p{ margin-bottom:40px; text-align:left; }
.tech4_img_wrap .left_img p > img{ width:auto; max-width:100%; }

.tech4_img_wrap2{ margin-bottom:0; }

/*------------------------------------
	하드웨어 액세서리
------------------------------------*/
/* 상단 로고 */
/* .hard .header-e1.header .navbar-header .logo .navbar-brand{ width:95px; margin:19px 0 0 0px; background:url(/img/logo_hard.png) no-repeat left top; background-size:100%; }
.hard .header-e1.header.fixed .navbar-header .logo .navbar-brand{ background:url(/img/logo_hard_fixed.png) no-repeat left top; background-size:100%; } */

/* 상단 메뉴 */
.hard .dropdown-menu > li > a:hover, .hard .dropdown-menu > li > a:focus{ background:#14489d; }/*2차메뉴*/
.hard .header .dropdown-menu.dropdown-menu2 > li.active > a{ background:#14489d; }

.hard .dropdown-menu > .active > .dropdown-menu-sub li.active a, .hard .dropdown-menu > .active > .dropdown-menu-sub:hover li.active a, .hard .dropdown-menu > .active > .dropdown-menu-sub li.active a{ color:#3480ff; }
.hard .header .dropdown-menu.dropdown-menu-sub li:hover a{ color:#3480ff; background:none; }/*3차메뉴*/

.hard .header.header-e1.fixed .navbar-default .navbar-nav > li > a:hover{ color:#14489d; }/*fixed 메뉴*/
.hard .header.header-e1.fixed .dropdown-menu > li.active .dropdown-menu-sub .active > a{ color:#14489d; }
.hard .header.header-e1.fixed .dropdown-menu > li > a:hover, .hard .dropdown-menu > li > a:focus{ color:#14489d; }
.hard .header.header-e1.fixed .dropdown-menu.dropdown-menu2 > li > a:hover, .hard .dropdown-menu.dropdown-menu2 > li > a:focus{ color:#fff; background:#14489d; }
.hard .header.header-e1.fixed .dropdown-menuv > li > a:hover, .hard .dropdown-menu.dropdown-menu2 > li > a:focus{ background:#14489d; }

/* 하단 로고 */
/* .hard .footer-e1 .footer .logo{ width:95px; height:45px; margin-top:34px; }
.hard .footer-e1 .footer .logo a{ display:block; width:100%; height:100%; background:url(/img/logo_b_hard.png) no-repeat right top; background-size:100%; }
.hard .footer-e1 .footer .logo a > img{ display:none; } */

/* 서브페이지 메뉴 */
.hard .side_top .lnbTop a:hover, .hard .side_top .lnbTop .menu .active02, .hard .side_top .lnbTop .menu .active{ background:#14489d; }

/* 서브페이지 경로 */
.hard .breadcrumb li.active, .hard .breadcrumb li a:hover{ color:#14489d; }

/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_wrap{ text-align:center; }
.ing_fa_wrap .fa-cog{ color:#23943b; }
.ing_fa_text{ font:500 20px/44px 'Godo'; display:block; text-transform:uppercase; }


/*------------------------------------
	가구사업 브랜드 소개
------------------------------------*/
.furniture_wrap{ position:relative; overflow:hidden; background:url(/img/write_bg_img1.png) no-repeat right 12px; }
/* .furniture_wrap:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:100%; background:url(/img/write_bg_img2.png) no-repeat left bottom; } */

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

.characteristics_wrap{ margin-top:50px; padding:15px 15px 10px 15px; background:#f9f9f9 url(/img/bg_pattern_02.png); }
.characteristics_wrap h2{ margin:10px 0 12px; font:500 26px/34px 'Noto Sans KR'; text-align:center; text-transform:uppercase; }
.characteristics_wrap ul{ overflow:hidden; }
.characteristics_wrap ul li{ position:relative; float:left; width:32%; margin:10px 0 5px 2%; }  
.characteristics_wrap ul li p{ margin:0; }
.characteristics_wrap ul li p img{ max-width:100%; }
.characteristics_wrap ul li:nth-child(3n+1){ margin-left:0; }
.characteristics_wrap ul li strong{ position:absolute; left:0; bottom:0; padding:5px 0; width:100%; display:block; font:600 14px/32px 'NanumGothic'; color:rgba(255,255,255,0.8); text-shadow:1px 1px 1px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4); text-align:center; }
.characteristics_wrap ul li strong.two_strong{ line-height:16px; }