@import url("sub_pc.css");
@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('/css/fonts/DaehanR.woff2') format('woff2'),
     url('/css/fonts/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;
}

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; margin-top:69px; min-width:320px; }
body.Main .wrapper{ background:#f2f3f9 }
.container{ max-width:1130px; }
.top-main{width:100%;}
.side_top.basic-bs-side.col-md-3{width:100%; float:none; border:solid 1px #ddd; border-width:0 0 1px 0; /* border-top-color:#aaa;  */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;}
.header { z-index: 102; position: relative; }

/* 버튼 초기화 */
.btn-e, .btn-e:hover{ background:#0183c7 }
.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:#0183c7 }
.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:#0183c7; border-color:#0183c7; }
.btn{ padding:2px 5px 3px 5px; }
.btn-e{ padding:2px 5px 3px 5px; border-radius:3px; }
.pagination li a{ padding:1px 8px 2px 8px; }
.btn.btn-default.big{ padding:6px 10px 6px 10px; }
.input-group-btn .btn.btn-default.big{ border-radius:1px; }
.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; }

/*------------------------------------
	상단HEADER
------------------------------------*/

.header.header-e1{ /* position:fixed; top:0; left:0; width:100%; */ position:fixed; top:0; left:0; width:100%; background:#fff; }


/* 최상단 스몰 메뉴 */
.topbar-e1 { margin:-1px 0 0 0; height:0; }
/* .topbar-e1:before{ position:absolute; top:30px; left:0; content:""; display:block;   width:100%; height:59px; background:#fff;  z-index:1; } */
/* 로고 영역 */
.header-e1.header .navbar-header {   }
.header-e1.header .navbar-header .logo .navbar-brand{  position:relative;  text-align:center; margin:0px 0 0 0; padding:22px 0 0 0 }
.header-e1.header .navbar-header .logo .navbar-brand img{ width:180px; }
.navbar.fixed{  background:#fff; }
.navbar.fixed  .navbar-header {    }
.navbar.fixed  .navbar-header .logo .navbar-brand{   margin:0 0 0 0;  }

/* 좌측 */
.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{ margin: 0;  }
.topbar-e1 .top-e1-data li { display: none; }
.topbar-e1 .top-e1-data li a { color: #666; font-size: 12px; }
.lang{ position:absolute; top:5px; right:12px; font:normal 12px Malgun Gothic; margin:0; display:inline-block !important; z-index:99999; }
.lang a{ display:inline-block; padding:3px 5px 0 5px !important; float:left; }

/* 상단 탑메뉴 */

.head_wrap { position:relative; top:0px;/* overflow:hidden; */  height:55px;  }
.head_wrap:after{ content:""; display:block; clear:both;  }
.header .navbar { position:relative; width:100%; margin:0 auto;  /* border-bottom:solid 1px #ddd; background:red; */background:#fff; border-bottom:solid 1px #283891; }
.header .navbar.fixed{  background:#fff;   }
.header .navbar .container{ position:relative; }

.header .navbar:before{ position:absolute; top:68px; content:""; display:block;   background:#ccc; width:100%; height:1px; z-index:9999999; }
.header .navbar:after{ position:absolute; bottom:-1px; content:""; display:block;   background:#ccc; width:100%; height:1px; z-index:9999; }
.header .navbar .navbar-collapse {  }
.header-e1.header .navbar-nav.menu {  padding:0 0 0 0; position:relative; top:0; left:45px;  z-index:99999; }
.header-e1.header .navbar-nav.menu { /* box-shadow:2px 2px 3px rgba(0,0,0,.3);   border:solid 1px #777; border-width:1px 1px 1px 0; background:url(/img/black_30.png);   */}

.header .navbar-default .navbar-nav.menu > li > a{ float:none; color:#222;  padding:27px 0 23px 0; font:600 17px/18px  'Arial'; letter-spacing:0; width:140px;  text-align:center; word-break:break-all;  margin:0; }
.header .navbar-default .navbar-nav.menu > li:nth-child(2) > a,
.header .navbar-default .navbar-nav.menu > li:nth-child(3) > a,
.header .navbar-default .navbar-nav.menu > li:last-child  > a{ /* padding:20px 0 20px 0; */ }

/* .header .navbar-default .navbar-nav > li:nth-child(1) > a{  width:110px;  }
.header .navbar-default .navbar-nav > li:nth-child(2) > a{  width:110px;  }
.header .navbar-default .navbar-nav > li:last-child > a{  width:90px;  }
.header .navbar-default .navbar-nav > li:nth-child(1) > .dropdown-menu {  width:110px; }
.header .navbar-default .navbar-nav > li:nth-child(2) > .dropdown-menu {  width:110px; }
.header .navbar-default .navbar-nav > li:last-child >  .dropdown-menu { width:90px;  } */
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { }
.header .navbar-default .navbar-nav > .active > a { color: #283891; /* border-bottom:solid 2px #006cb8 */ opacity:1; filter:alpha(opacity=100); }
.header .navbar-default .navbar-nav > .open > a{ color: #283891; opacity:1; filter:alpha(opacity=100);  }
/* .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: #283891; opacity:1; filter:alpha(opacity=100); }
.nav.navbar-nav.menu > li.active > a{  color: #283891; }

/* 상단 서브메뉴 Dropdown Menu */
.header .navbar-default .navbar-nav > li:hover .dropdown-menu{  background:#fff }
.header .dropdown-menu { padding: 0; border: none; border-radius: 0;  z-index: 999 !important; background:#fafafa; box-shadow:none; position:relative; width:140px; min-width:auto;  border:solid 1px #ddd; border-width:0 1px 0 0; word-break:break-all;  /* overflow:hidden; */ }
.nav.navbar-nav.menu li:first-child .dropdown-menu{  border-width:0 1px 0 1px;  }
.header .dropdown-menu li { word-break:break-all;  }
.header .dropdown-menu li > a { color: #222; font-size: 12px; font-weight: 400; padding: 3px 2px 3px 5px; word-wrap:break-word;  word-break:keep-all;  white-space:normal !important;  }
.header .dropdown-menu li > a:hover{  background:#5186f0; color:#fff !important; }
.header .dropdown-menu li.active a{ /* background:#545454; */ color:#fff !important; }
.header .dropdown-menu li.active > a:hover{ color:#fff; }
.header .dropdown-menu li.active li a{ color:#222; }

.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(2) a,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(3) a,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(4) a,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(6) a,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(7) a,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(8) a,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(9) a{ /* text-indent:13px;  */color:#777; }
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(2) a:before,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(3) a:before,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(4) a:before,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(6) a:before,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(7) a:before,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(8) a:before,
.nav.navbar-nav.menu li:nth-child(2) .dropdown-menu li:nth-child(9) a:before{ content:"-"; display:inline-block; width:10px; text-align:center }


/* 검색창 */ 
.nav.navbar-nav.navbar-right{ margin:30px 0 0 0; padding:0; z-index:99999;  }
.header .navbar .search-open { width:130px;  background:#f8f8f8;  border:solid 1px #ccc; border-radius:5px; }
.nav.navbar-nav.navbar-right input[type=text]{ width:98%; height:21px;  color:#555; font:normal 12px/24px Malgun gothic; border:none; padding:0 0 0 10px; background:none; box-shadow:none }
.header .navbar .search-open:hover{  }
.nav.navbar-nav.navbar-right button{ padding:0 5px 0 0; border:none; background:none;  }
.header .navbar .nav > li > .search{display:none; }
#sch_submit:before{content:''; font:normal 16px/20px "icon"; color:#0073e0; }

/*------------------------------------
	사이트맵
------------------------------------*/
#sitemap{display:none; position:fixed; background:url(/img/black_90.png) repeat; width:100%; height:100%; z-index:9999; overflow:hidden; top:0; left:0;}
#sitemap.on{display:block;}
#sitemap .home-menu{display:none;}
#sitemap a{ color:#fff;}
#sitemap .container > ul{margin-left:-5%; display:block;}
#sitemap .no-border{display:none;}
#sitemap .depth01{float:left; width:15%; margin-left:5%; margin-bottom:5%;}
#sitemap .depth01 > a{font:bold 25px/35px "Dotum", "Malgun Gothic"; display:block; width:100%; border-bottom:3px solid #006cb8; padding-bottom:10px; margin-bottom:10px; text-align:center;}
#sitemap .depth02{margin:0 2%;}
#sitemap .depth02 li{padding:5px 0 5px 15px; font-size:15px; line-height:18px; text-shadow:3px 3px 3px rgba(0, 0, 0, .9) }
#sitemap .depth02 li:before{content:' '; width:3px; height:3px; background:#fff; display:inline-block; margin-right:5px; vertical-align:2px; margin-left:-10px;}
#sitemap .btn_close{font-size:40px; margin:30px 0; text-align:right; display:block; padding:10px;}


/*------------------------------------
	Footer
------------------------------------*/
.footer { padding:0px; background:#f6f6f6;}
.Main .footer { background:#fff; }
.footer .container {}
.footer .container .row { padding: 20px 0; }
.footer.margin-top-0 { margin-top: 0; }
.footer p, .footer a { }
.footer p { color: #777; }
.footer a { color: #777; }
.footer a:hover { color: #e33334; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.footer h2, .footer h3, .footer h4 { color: #e4e4e4; background: none; text-shadow: none; }
.footer .statistics-list li, .footer .statistics-list li a{font:12px/18px "Malgun Gothic", verdana;} 
/*Footer Logo*/
.footer .site-brand { margin-top: 7px; color: #666; font-size: 26px; font-weight: bold; }
.footer .site-brand img { width: 209px; }
/*Footer Subsribe*/
.footer .footer-subsribe { width: 85%; }
/*Footer Blog Posts*/
.footer .blog-list { margin: 0; padding: 0; color: #dadada; list-style: none; }
.footer .blog-list li { padding: 0 0; margin-bottom: 7px; }
.footer .blog-list li span { color: #818488; }
.footer .dl-horizontal, .footer .dl-horizontal:hover { border: none !important; background: none !important; }
.footer .posts .dl-horizontal a { color: #dadada; }
.footer .dl-horizontal a:hover { color: #a8f85f !important; }
.footer .dl-horizontal img { border-color: #888 !important; }
/*Copyright*/
.copyright { font-size: 12px; padding: 10px 0 10px; background: #3e4753; border-top: solid 1px #666; }
.copyright p { color: #dadada; margin-top: 12px; }
.copyright a { margin: 0 5px; color: #666; }
.copyright a:hover { color: #e33334; }
.copyright a img { margin-top: 5px; }
.clear-line { clear: both; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #eee; }
/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1 .footer { ; border-top: 1px solid #ccc; font-family:'Malgun Gothic'; }
.footer-e1 .footer .logo{width:20%; float:left; margin:2px 0 0 10px; opacity:.7; filter:alpha(opacity=70); }
/*.footer-e1 .footer p { color: #555; }
.footer-e1 .headline h2 { color: #585f69; border-bottom-color:#006cb8;}*/
/*Footer Subsribe*/
.footer-e1 .footer-subsribe { width: 100%; }
/*Link List*/
.footer-e1 .address{width:77%; float:right;}
.footer-e1 address{margin-bottom:0;}
.footer-e1 address li{list-style-type:none; padding:0 0 5px 0; margin:0; font:12px "Malgun Gothic", verdana; float:left; display:inline-block; color:#666; }
.footer-e1 address li:after{content:'|'; font:normal 10px Dotum; padding:0 6px; color:#bbb;}
.footer-e1 address li.copyright:after{content:'';}
/*Info List*/
.footer-e1 .info-list li { padding: 3px 5px; }
.footer-e1 .info-list a { color: #666; }
/*Copyright*/
.footer-e1 .copyright { border-top: none; background:none; }
.footer-e1 .copyright p { color: #666; }

.footer_bar{ position:relative; width:100%; height:35px;  border-top:solid 1px #ccc;/*box-shadow:0 1px rgba(0,0,0,.05);*/ background:#fff; }
.footer_bar .container{ position:relative; }
.f_menu{ position:absolute; top:1px; left:8px; }
.f_menu a{ display:inline-block; padding:0 8px 0 11px;  font:bold 12px/12px Malgun Gothic; color:#666; border-left:solid 1px #bbb; vertical-align:bottom; }
.f_menu a:first-child{ border-left:none; }
.f_menu a:hover{ color:#eb1c1c; }

.f_btn{ position:absolute; top:5px; right:3px; }
.f_btn a{ display:inline-block; font:normal 11px malgun gothic; vertical-align:middle; padding:3px 14px; background:#fff; color:#555; border:solid 1px #ccc; border-radius:3px; 
				margin:0 2px;  }
.f_btn a:hover{ background:#333; color:#fff; border-color:#333; }
.f_btn a:before{ display:inline-block; font:normal 10px 'icon',sans-serif;  padding:2px 3px 3px 0; color:#888; display:none }
.f_btn a.f_home:before{ content:"↸"; }
.f_btn a.f_mail:before{ content:""; }
.f_btn a.f_top:before{ content:""; }


/*------------------------------------
	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-right:10px;}
.basic-bs .basic-bs-side.side_right{border:none;}

/*메뉴스타일*/
.list-group{ margin:0 }
.basic-bs .basic-bs-side h1.menuTitle{ /* border-bottom:2px solid #666; */ padding:13px 5px 20px 2px; font:400 32px/36px "Godo",Malgun Gothic; margin-bottom:0; color:#666;  letter-spacing:-0.025em;}
.sidebar-nav-e1 li { padding: 0; border-left:none; border-right:none; border-top:1px #ddd solid; border-bottom:1px #ddd solid; border-radius:0 !important; font-size:14px; }
.sidebar-nav-e1 li a { display: block; padding: 4px 7px 4px 7px; letter-spacing:-0.025em; color:#555 }
.sidebar-nav-e1 li a:hover { text-decoration: none; background:#f9f9f9; color:#0e71e0 }
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover {background:#757f8a; border-left:none; border-right:none; border-top:1px #757f8a solid; border-bottom:1px #757f8a solid; border-radius:0!important;}
.sidebar-nav-e1 > li.active a:hover{ background:#757f8a; color:#fff }
.sidebar-nav-e1 > li.active > a { color: #fff; font-weight: bold; }
.sidebar-nav-e1 li:first-child, .sidebar-nav-e1 li:first-child:hover{/* border-top:none; */}
/* .list-toggle.active:after { color: #fff; content: "f105"; top: 3px; right: 10px; font-size: 16px; position: absolute; font-weight: bold; display: inline-block; font-family: FontAwesome;} */
.sidebar-nav-e1 > li a.depth3{ border-width:0; font:normal 12px/14px Malgun gothic; color:#777; padding: 5px 7px 5px 7px; background:#fafafa }
.sidebar-nav-e1 > li a.depth3:before{ content:"-"; display:inline-block; width:14px; text-align:center }
.sidebar-nav-e1 > li.active a.depth3{ background:none; color:#fff }

body.Main .side_top{ height:auto;  margin:0  }
.side_top .lnbTop{ position:relative; overflow:hidden;  min-height:45px; }
.side_top .lnbTop:after{ content:""; clear:both; display:block; }
.side_top .lnbTop p{margin-bottom:0;}
.side_top .lnbTop a{padding:0 5px;}
.side_top .lnbTop .btn_home:before{content:'';  font:normal 15px 'FontAwesome',Arial;  }
.side_top .lnbTop .btn_home{ background:#fff; border:1px solid #ddd; border-width:0 1px 0 1px;; height:44px; line-height:44px; display:inline-block; padding:0 19px 0 21px; color:#666; text-align:center; vertical-align:top; }
.side_top .lnbTop .menu .active02, .side_top .lnbTop .menu .active a{background:#283891; color:#fff;}
.side_top .lnbTop a:hover{ color:#136fe0; background:#f8f8f8 }
.side_top .lnbTop li{ float:left; /* border-right:1px solid #ddd; */ overflow:hidden; }
.side_top .lnbTop .menu li{ background:#fff; }
.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{min-width:80px; position:relative; text-align:center; font:normal 13px/45px Malgun Gothic; letter-spacing:-1px; border:solid 1px #ddd; border-width:0 1px 0 0; color:#555; }
.side_top .lnbTop .selected a:after{font:normal 14px/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 .depth01{ display:none; }
.side_top .lnbTop .depth01 .selected a:after{content:'';}
.side_top .lnbTop .depth01 .menu span{display:none;}
.side_top .lnbTop .depth02 .selected{display:none;}
.side_top .lnbTop .depth02 .menu a{ display:inline-block; }
.side_top .lnbTop .depth02, .side_top .lnbTop .depth03{word-break:keep-all; white-space:nowrap; }
.side_top .lnbTop .depth02 .selected a:after, .side_top .lnbTop .depth03 .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 .lnbTop > li > ul > li a.depth_3{ background:red; color:#888 }

.goods_box1{ width:98%; position:relative; margin:0 auto; overflow:hidden; border-top:dashed 1px #ccc; padding:10px 0 5px 0 }
.goods_box1:after{ content:""; clear:both; display:block; }
.goods_box1 dt{  float:left; width:19%; margin:0 2% 5px 0; overflow:hidden; background:#f6f6f6; text-align:center; }
.goods_box1 dt img{ width:73%; }
.goods_box1 dd{ float:left;  width:77%; font:400 12px/18px Dotum; color:#666;  }
.goods_box1 dd strong{ display:block; font:800 16px 'Nanum Gothic',Malgun Gothic; padding:2px 0; color:#333; }
.goods_box1 dd b{ display:inline-block; font:800 14px verdana; color:#444; letter-spacing:-1px;  }
.goods_box1 dd b:after{ content:" 원"; font-size:12px;  }
.goods_box1 dd .right{ float:right; text-align:right }
.goods_box1 dd .right b{ color:#59a6ea; font-size:18px }

.total_price1{ border:solid 1px #c1e3ff; padding:10px 15px; background:#f2f9ff; margin:0 auto 15px; font:800 12px/18px Dotum; color:#333; text-align:center; overflow:hidden; }
.total_price1 strong{ display:inline-block; font:800 18px verdana; color:#ed393d; letter-spacing:-1px;}
.total_price1 strong:after{ content:" 원"; font-size:12px; }
.total_price1 span{ font-weight:normal }

/*------------------------------------
	퀵메뉴 
------------------------------------*/
.quickArea{overflow:hidden; margin:20px 0; display:none }
.quickArea li{float:left; display:inline-block; width:33.3%; text-align:center;}
.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{ width:98%; margin:0; padding:5px 0 10px 0; line-height:15px;}

/*------------------------------------
	좌측 고객센터
------------------------------------*/
.csArea{ clear:both; /* background:#f9f9f6; border:1px solid #e2e2e2; */ overflow:hidden; padding:10px 8px 5px; margin-top:20px;}
.csArea .iconField{float:left; width:25%; display:none }
.csArea .textField{float:left; width:100%; margin-top:5px;}
.csArea .textField{color:#666; font:400 21px/30px "Godo",Malgun Gothic;  }
.csArea .textField strong{display:block; color:#666; font-size:13px; line-height:8px; display:block; padding:0 0 5px 0 }
.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;}

.content_height.basic-bs-main.col-md-9.top-main{ width:100%; }
/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual ul, .sub_visual li{list-style:none; padding:0; margin:0;}
.sub_visual { position:relative; margin:0 auto;  text-align:center; overflow:hidden; z-index:2;  }
.sub_visual li{display:none; height:120px;background:url(/img/sub_visual_01.jpg) no-repeat center; border-bottom:solid 1px #ddd; }
.sub_visual li.sub_visual_3012{ background:url(/img/sub_visual_01.jpg) no-repeat center; }
.sub_visual li.sub_visual_5014{ height:280px; background:url(/img/sub_visual_facilities.jpg) no-repeat center;  }
.sub_visual li.sub_visual_5014.farm{ height:280px; background:url(/img/sub_visual_farm.jpg) no-repeat center; }
.sub_visual li.sub_visual_5014.facilities{ height:280px; background:url(/img/sub_visual_facilities.jpg) no-repeat center; }
.sub_visual li.sub_visual_5014.fork_lift{ height:280px; background:url(/img/sub_visual_fork_lift.jpg) no-repeat center; }
.sub_visual li.sub_visual_5014.wing_body{ height:280px; background:url(/img/sub_visual_wing_body.jpg) no-repeat center; }
.sub_visual li.sub_visual_7015{background:url(/img/sub_visual_03.jpg) no-repeat center; }
.sub_visual li.sub_visual_13018{ background:url(/img/sub_visual_04.jpg) no-repeat center; }

.sub_visual li.active{display:block;  }
/* .sub_visual .sub_visual_1010 { background:url(/img/main_visual_2.jpg) no-repeat center -250px; }
 */
.sub_visual .container{position:relative;}
.sub_visual dl {position:absolute; width:100%;  z-index:999;  }
.sub_visual dt { display:inline-block; font:400 30px/42px 'Godo',Malgun Gothic; border-radius:10px; color:#fff; border-radius:30px;  margin:37px 0 5px 0; background:url(/img/black_60.png) repeat; padding:3px 30px; }
.sub_visual dt.center{  margin:110px 0 5px 0; background:url(/img/black_70.png) repeat; }
.sub_visual dd { font:400 14px Malgun Gothic; color:#eee; letter-spacing:0px; padding:3px 10px; background:url(/img/black_60.png) repeat; display:inline-block; display:none }

/*------------------------------------
	서브메뉴 타이틀
------------------------------------*/
.breadcrumbs{/* border-bottom:1px dotted #ddd; */ margin:0;}
.breadcrumbs h2{color:#333; font-size:28px; letter-spacing:-0.025em; margin-left:-5px;   }
.breadcrumbs h2:before{content:''; font-family:'FontAwesome'; margin-right:5px;}
.breadcrumb li.active, .breadcrumb li a:hover { color: #006cb8; text-decoration: none;}

/*------------------------------------
	서브
------------------------------------*/
.btn_admin{ position:absolute; top:0;right:3%; }
.basic-bs .basic-bs-main{ min-height:620px; }
.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;}

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

.sample_info{border:1px solid #ddd; margin-bottom:30px;}
.sample_info div{border:5px solid #eee; padding:20px; text-align:center;}
.sample_info i.icon{background:#555; display:inline-block; text-align:center; border-radius:100em; width:50px; height:50px; margin-bottom:10px;}
.sample_info i.icon:before{content:''; font:normal 20px/50px 'FontAwesome'; color:#fff;}
.sample_info div strong{display:block; font-size:18px; margin-bottom:5px; color:#e33334;}
.sample_info div span{background:#eee; font-size:13px; padding:3px 10px;}

/*테이블*/
.table01{border-top:2px solid #2c5ea9; font:13px 'Malgun Gothic'; clear:both; margin-bottom:20px; }
.table01.width_70{ width:90%; margin-top:20px; border-top-width:1px; }
.table01.width_70 th[scope=row]{ min-width:100px; }
.table01 th, .table01 td{padding:10px 13px; border:1px solid #ddd; word-break:keep-all; }
.table01 th{height:40px; background:#eff2f6; border-bottom:1px solid #d4d8de; font-weight:bold; color:#333;}
.table01 caption{text-align:left; margin-bottom:10px; font-size:16px; padding:0 1% 0 0; font-weight:bold; }
.table01 caption:before{content:''; font:normal 12px 'icon'; padding-right:5px; vertical-align:-2px;}
.table01 caption span.right{  float:right; font-weight:normal; font-size:12px; margin-top:4px; }
.table.table-hover tbody.top_border{ border:solid 1px #ddd; border-width:1px 1px 1px 1px;  }



/* #######################################  게시판 스타일 수정 basic ####################################### */
.row.board_wrap{ width:100%; }
.row.board_wrap .col-md-9{ width:102%;  }
.row.board_wrap .col-md-9:after{ content:""; clear:both; display:block; } 
.comment-area{ display:none;  }
.board-list_wrap{ width:27%; position:absolute; top:40px; right:-20px; /* transition:.2s ease;  */}
.board-list_wrap.fixed{ position:fixed; background:#fff; width:297px; position:fixed; top:80px; right:50%; margin-right:-555px; max-height:600px; overflow-y:auto; }

/* 좌측 메뉴 고정 */
.content_height.basic-bs-side.col-md-3.side_left.fixed{  position:fixed; width:226px; top:50px; left:50%; margin-left:-565px;  }
.content_height.basic-bs-main.col-md-9.left-main.left_margin{ margin-left:225px }
.content_height.basic-bs-main.col-md-9.left-main.left_margin.fixed{ margin-left:0 !important }

.board-view_wrap{ float:left; width:74%; margin-right:1%; }
.breadcrumbs{  }
.board-view-atc{ /* border-top:solid 1px #ddd; */ }


.board-view_wrap .headline{ margin:30px 0 10px 0; word-break:break-all;  }
.view-comment,.comment-area{  }
.view-comment.application,.comment-area.application{ display:block; }
.basic-bs .table > thead > tr > th, .basic-bs .table > tbody > tr > th, .basic-bs .table > tfoot > tr > th, .basic-bs .table > thead > tr > td, .basic-bs .table > tbody > tr > td, .basic-bs .table > tfoot > tr > td { padding: 6px 1px; word-break:break-all; }
/* .board-view-info{ display:none } */
.board-view .board-view-link{ display:none } 
.headline h2, .headline h3, .headline h4{ border-bottom:none }
.board-view .headline h3 i{ display:none }
.board-view .headline h3{ font:400 28px/44px 'Godo',Malgun Gothic; color:#333 }
.board-view .headline h3:before{ content:""; display:block; height:3px; width:24px; background:red;  }
.board-view.width_100 .board-view-info{ display:none;  }
.headline{ border:none }



/*  #######################################게시판 스타일 수정 gallery   #######################################*/
.gallery-list-description{ }
.zoom-icon{ display:none }

.no_img_basic{ display:inline-block; width:160px; height:100px; margin:10px 10px 10px 0; text-align:center; border:solid 1px #eee; background:#f9f9f9; float:left; }
.no_img_basic:before{ content:""; font:normal 50px/100px 'FontAwesome',Arial; text-align:center; color:#ccc }
.img_basic img{ float:left; padding:10px 10px 10px 0  }
.memo_2{ font:normal 12px/18px Dotum; color:#666; margin:10px 0 0 0; white-space:normal; word-break:keep-all; height:18px;  text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden; }
.price_2{ font:bold 16px/18px Malgun Gothic; color:#f03e4a; margin:8px 0 6px 0; white-space:normal; }
.price_2.small{ font:normal 12px/14px Dotum; color:#666; margin:-9px 0 3px 0; letter-spacing:0; }
.overlay-zoom.gallery-img.small{ width:100%; padding:0 0 0 3%; }
.price_2:after{ content:"원"; font:normal 12px/18px Dotum;  }
.fa.fa-camera{ color:#999; }

/*  게시판 웹에디트 문단 작성 부분 */
.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:bold 14px Malgun Gothic; vertical-align:top; margin:0 }
.sky-form fieldset{/*  background:#f9f9f9  */}
.panel{ background:#f9f9f9 }



/* 행사 탭메뉴/리스트 */
.board_tab_list{ position:relative; margin:0 auto 50px; }
.board_tab_list section{ display:none }
.event_board_wrap.padding_b{ margin:0 auto 100px; }
.event_board_wrap.padding_b h3{ font:400 30px/30px Malgun Gothic; color:#555; border-bottom:solid 1px #999; margin:0; padding:20px 0 10px 0 }

.poduct_head_img img{ width:100%; }

/*신명유압 sns 추가 2016-12-22*/
.sns{ position:relative; width:96%; overflow:hidden; margin:10px auto 0 auto; } 
.sns span{ display:block;  float:left; width:40%; padding:0% 1.5% 1% 1.5%; font-size:12px; font-family:Malgun gothic;  font-weight:600; color:#756A66; border:solid 1px #ebebeb; 
					border-radius:10px; background:url(/img/main_bg_2.gif) no-repeat 100%;}
.sns span.insta{ margin:0 10px 0 17px; }
.sns span:before{ display:block; font-family:'FontAwesome'; font-size:30px;  }
.sns span.insta:before{ content:'';  color:#ED6358;}
.sns span.facebook:before{ content:''; color:#3B5998; }
.sns span:hover{ border:1px solid #cce0ee;   background:url(/img/main_bg_2_on.gif) no-repeat 100%; }