@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('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/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: 700;
    src: url('/css/fonts/NotoSansCJKkr-Medium-2350.woff') format('woff');
}
body{ /* font-family:Dotum,Malgun gothic,Arial; */background:#fff }
ul,ol,dl{ margin:0; padding:0; }
li{ list-style:none }
body, html, p, div, li, span{word-break:keep-all; 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; }

/*------------------------------------
	레이아웃
------------------------------------*/
.wrapper{  word-break:keep-all; background:#fff; min-width:320px; }
body.Main .wrapper{ background:#fff; }
.container{ max-width:1230px; }
.top-main{width:100%;}
.side_top.basic-bs-side.col-md-3{width:100%; float:none; 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;}
.header { z-index: 102; position: relative; }

/* 버튼 초기화 */
.btn-e, .btn-e:hover{ background:#1b63ce }
.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:4px 5px 5px 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; }

/*바로가기버튼*/
#skipnavigation li a{position:fixed; width:100%; background:#1b63ce; color:#fff; top:0; left:0; text-align:center;}
#skipnavigation li a:focus{ z-index:999;}

/*------------------------------------
	상단HEADER
------------------------------------*/
.header.header-e1{ position:absolute; top:0; left:0; width:100%; height:100px; /*  position:absolute; top:0; left:0; width:100%;*/ background:#fff;}
.header.header-e1 a:focus{outline-color:#fff !important;}
.header.header-e1.fixed a:focus{outline-color:#000 !important;}
#skipnavigation{display:none;}
/* 로고 영역 */ 
.header-e1.header .navbar-header { /*position:absolute; top:0; left:50%; margin-left:-50px; margin-top:-48px;*/}
.header-e1.header .navbar-header .logo .navbar-brand{  position:relative;  text-align:center; margin:14px 0 0 0;}
.header-e1.header .navbar-header .logo .navbar-brand img{ width:190px;}

.topbar-e1{border-bottom:1px solid #dfdcdc;}
/* 우측 */
.topbar-e1 .top-e1-data{width:528px; float:right;}
.topbar-e1 .top-e1-data li {float:left; position:relative;}
.topbar-e1 .top-e1-data li > a { color: #999999; font:normal 13px "Malgun Gothic", Verdana, Geneva, sans-serif; text-align:center; display:block; padding:6px 10px; border-right:1px solid #dfdcdc}
.topbar-e1 .top-e1-data li > a:hover i{color:#999999;}
.topbar-e1 .top-e1-data li > a .fa{padding-right:3px;}
.topbar-e1 .top-e1-data li:first-child > a{border-left:1px solid #dfdcdc;}
/*패밀리사이트*/
.topbar-e1 .familySiteArea > span{color: #999999; font:normal 13px "Malgun Gothic", Verdana, Geneva, sans-serif; text-align:center; display:block; padding:6px 10px; border-right:1px solid #dfdcdc}
.topbar-e1 .familySiteArea > span:hover{cursor:pointer;}
.topbar-e1 .familySiteArea > span .fa{padding-right:5px;}
.topbar-e1 .familySiteArea div{position:absolute; text-align:left; background:#fff; z-index:999; border:1px solid #ddd; margin-left:-1px; display:none; line-height:17px; font-size:13px;}
.topbar-e1 .familySiteArea div a{display:block; padding:5px 15px 5px 5px; border-bottom:1px solid #ddd; position:relative;}
.topbar-e1 .familySiteArea div a:after{content:''; font:12px "FontAwesome"; position:absolute; right:8px; top:50%; margin-top:-5px;}
.topbar-e1 .familySiteArea div a:hover{background:#1b63ce; color:#fff;}
.topbar-e1 .familySiteArea:hover div{display:block;}

/* 상단 탑메뉴 */
.header .navbar-nav{float:right;}
.header .navbar { position:relative; width:100%; margin:0 auto;}
.header .navbar .container{ position:relative; }
.header .navbar .navbar-collapse {}
.header .navbar-default .navbar-nav > li > a{ color:#2a2a2a; font:bold 18px 'Nanum Gothic',Malgun Gothic; display:block; width:100%; text-align:center; padding:14px 30px 24px; text-transform:none; margin-top:10px;}
.header .navbar-default .navbar-nav > li:last-child > a{padding-right:0;}
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { }
.header .navbar-default .navbar-nav > .active > a { color: #2a2a2a; }
.header .navbar-default .navbar-nav > .open > a{ color: #2a2a2a; }
.header-e1.header .navbar-default .navbar-nav > li > a:hover{ color: #2a2a2a;}

/*스크롤시 gnb*/
.header.header-e1.fixed .navbar-default{position:fixed; background:#fff; top:0; border-bottom:1px solid #ddd;  box-shadow:0px 2px 3px rgba(0,0,0,.05)}


/* 상단 서브메뉴 Dropdown Menu */
.header .dropdown-menu { padding: 0; border: none; border-radius: 0;  z-index: 99999999 !important; background:#fff; box-shadow:2px 2px 3px rgba(0,0,0,.5); overflow:hidden; width:100%;}
.header .dropdown-menu li > a { color: #444; font-size: 13px; font-weight: 400; padding: 5px 15px; }
.header .dropdown-menu li.active a:hover{ color:#fff; }
.header .dropdown-menu li.active a, .header .dropdown-menu li > a:hover, .header .dropdown-menu li > a:focus{background:#1b63ce; color:#fff;}

.nav .open>a{background:rgba(0,0,0,.9);}
.dropdown.open{display:block !important;}

/* 검색창 */ 
.nav.navbar-nav.navbar-right{position:absolute; top:-30px;right:0;}
.header .navbar .search-open { width:170px;  border-radius:30px; }
.nav.navbar-nav.navbar-right input[type=text]{ width:98%; height:29px;  color:#999; font:normal 13px/29px Malgun gothic; border:none; padding:0 0 0 10px; background:#ededed; box-shadow:none }
.header .navbar .search-open:hover{  }
.nav.navbar-nav.navbar-right button{ padding:0 8px; border:none; background:#1b63ce; color:#fff; border-radius:0; margin-left:-3px;}
@media (min-width:999px) {.header .navbar .nav > li > .search{display:none; }}
#sch_submit:before{content:''; font:normal 13px/29px  "FontAwesome"; color:#fff; }

/*------------------------------------
	사이트맵
------------------------------------*/
#sitemap{display:none; position:fixed; background:rgba(0,0,0,.9); 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:19%; margin-left:1%; margin-bottom:5%;}
#sitemap .depth01 > a{font:bold 25px/35px "Daehan", "Malgun Gothic"; display:block; width:100%; border-bottom:3px solid #1b63ce; padding-bottom:10px; margin-bottom:10px; text-align:center;}
#sitemap .depth02{margin:0 1%;}
#sitemap .depth02 li{padding:5px 0 5px 15px; font-size:14px; 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:#484848; color:#858586;}
.footer .container {position:relative;}
.footer .container .row { padding: 30px 0; }
.footer.margin-top-0 { margin-top: 0; }
.footer p, .footer a { }
.footer a { color: #858586; }
.footer a:focus{outline-color:#fff !important;}
.copyright { font-size: 12px; padding: 10px 0 10px; background: #3e4753; border-top: solid 1px #666; }

/*------------------------------------
	Footer-e1
------------------------------------*/
.footer-e1 .footer {font:normal 13px/24px 'Malgun Gothic', verdana; }

.footer-e1 .logo{float:left; width:20%;}
.footer-e1 .logo .logo_b img{width:200px;}
.footer-e1 address{float:left; width:80%; margin-bottom:0; padding-right:180px; margin-top:0px;}
.footer-e1 address li{list-style-type:none; padding:0 0 5px 0; margin:0; float:left; display:inline-block; color:#858586; }
.footer-e1 address li:after{content:'/'; font:normal 10px Dotum; padding:0 6px; color:#9d9d9d;}
.footer-e1 address li.copyright:after{content:'';}

.footer-e1 .copyright { border-top: none; background:none; }

.eb-top{position:absolute !important; top:0; background:#313131; height:100%; width:120px; text-align:center; color:#8d8d8d;}
.eb-top p{position:relative; top:20%;}
.eb-top span{display:block; text-align:center; font:normal 15px Verdana; color:#8d8d8d;}
.eb-top i{color:#8d8d8d;}


/*------------------------------------
	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 }
.sidebar-nav-e1 li { padding: 0; border:none;  border-radius:0 !important; font-size:14px; }
.sidebar-nav-e1 > li > a { display: block; padding: 10px 30px;letter-spacing:-0.025em; color:#555; border:1px solid #c9c9c9; border-width:1px 1px 1px 1px; }
.sidebar-nav-e1 > li > a:after{content:''; font:normal 13px "FontAwesome"; float:right; margin-top:5px; margin-right:-10px; color:#aaa;}
.sidebar-nav-e1 li a:hover { text-decoration: none; background:#f5f5f5; color:#222 }
.sidebar-nav-e1 > li.active, .sidebar-nav-e1 > li.active:hover {background:#f5f5f5; border-radius:0!important;}
.sidebar-nav-e1 > li.active a:hover{ background:#f5f5f5; color:#222 }
.sidebar-nav-e1 > li.active > a { color: #222; font-weight: bold; }
.sidebar-nav-e1 li:first-child, .sidebar-nav-e1 li:first-child:hover{/* border-top:none; */}

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 20px;}
.side_top .lnbTop .menu .active02, .side_top .lnbTop .menu .active a{background:#fff; color:#1b63ce; border-bottom:2px solid #1b63ce; height:45px; font-weight:bold;}
.side_top .lnbTop .menu .active a:focus{background:#1b63ce; color:#fff;}
.side_top .lnbTop a:hover{ color:#1b63ce; background:#f8f8f8 }
.side_top .lnbTop a:focus{background:#1b63ce; color:#fff;}
.side_top .lnbTop li{ float:left; 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:100px; position:relative; text-align:center; font:normal 14px/45px Malgun Gothic; letter-spacing:-1px; border:solid 1px #ddd; border-width:0 1px 0 0; color:#888; }
.side_top .menu li:first-child a{border-left-width:1px;}
.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{ 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_right h1.menuTitle{background:#1b63ce; padding:30px; color:rgba(255,255,255,.9); font:bold 25px/25px 'Noto Sans L', 'Malgun Gothic', verdana;}
/*------------------------------------
	좌측 고객센터
------------------------------------*/
.side_right .csArea{padding:25px 25px 20px; border-bottom:1px dashed #e1e1e1;}
.side_right .csArea strong{color:#fff; background:#777; padding:3px 10px; border-radius:100em; text-transform:uppercase; font:normal 13px 'Godo'; letter-spacing:0.05em;}
.side_right .csArea .textField{font:normal 23px "Godo"; padding-top:7px; color:#1b63ce; font-style:italic;}

/*------------------------------------
	퀵메뉴 
------------------------------------*/
.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;}


/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual ul, .sub_visual li{list-style:none; padding:0; margin:0;}
.sub_visual { position:relative; margin:50px auto 0;  text-align:center; overflow:hidden; z-index:2;}
.sub_visual li{display:none; height:220px; background:url(/img/sub_visual_1.jpg) no-repeat center top;}
.sub_visual li.active{display:block;  }
.sub_visual li.sub_visual_1012{background:url(/img/sub_visual_1.jpg) no-repeat center top;}
.sub_visual li.sub_visual_2014{background:url(/img/sub_visual_2.jpg) no-repeat center top;}
.sub_visual li.sub_visual_3015{background:url(/img/sub_visual_3.jpg) no-repeat center top;}
.sub_visual li.sub_visual_4016{background:url(/img/sub_visual_4.jpg) no-repeat center top;}
.sub_visual li.sub_visual_5017{background:url(/img/sub_visual_5.jpg) no-repeat center top;}
.sub_visual li.sub_visual_6018{background:url(/img/sub_visual_6.jpg) no-repeat center top;}
/*.sub_visual .sub_visual_1010 { background:url(/img/main_visual_2.jpg) no-repeat center -250px; }*/
.basic_body .sub_visual li.sub_visual_1012{display:block;}

.sub_visual .container{position:relative;}
.sub_visual dl {position:absolute; width:100%;  z-index:999;}
.sub_visual dt h2{letter-spacing:-0.02em; margin:100px auto 0 ; font:normal 33px 'Noto Sans B', Malgun Gothic, verdana; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.2); display:inline-block;}
.sub_visual dd{ /* margin-top:-1px; */ }
.sub_visual dd span{color:rgba(255,255,255,.8);font-size:12px;}
.sub_visual dd span{border:1px solid rgba(255,255,255,.4); border-width:1px 0; padding:2px 0; text-transform:uppercase;  text-shadow:2px 2px 2px rgba(0,0,0,.2);}

/*------------------------------------
	서브메뉴 타이틀
------------------------------------*/
.breadcrumbs{/* border-bottom:1px dotted #ddd; */ margin:0 auto; border-bottom:0px dotted #e1e1e1; padding-bottom:40px;}
.breadcrumbs h2{color:#111; font:normal 32px 'Noto Sans L', 'Malgun Gothic', verdana; letter-spacing:-0.025em; text-align:center; margin:0; padding:0;}
.breadcrumbs h2:before{content:''; font-family:'FontAwesome'; margin-right:5px;}
.breadcrumb li.active, .breadcrumb li a:hover { color: #1b63ce; text-decoration: none;}
.breadcrumb{text-align:center; padding:0; margin:-20px 0 0; color:#aaa;}
.basic_body .breadcrumbs{display:none;}

 @media screen and (-webkit-min-device-pixel-ratio:0){
	 .breadcrumbs{padding-bottom:30px;}
	 .breadcrumb{ margin-top:-5px;}
} /* 크롬 + 사파리*/
.breadcrumb a{color:#aaa;}

/*------------------------------------
	서브
------------------------------------*/
.basic-bs.basic-bs-wrap.container.content{margin-top:20px;}
.content_height.basic-bs-main.col-md-9.right-main{width:80%;}
.content_height.basic-bs-side.col-md-3.side_right{width:20%; padding-right:0; padding-left:30px;}

.basic-bs .basic-bs-main{ min-height:500px; margin-bottom:60px;}
/*.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;}

/*************************
회사소개
*************************/
/*인사말*/
.greeting{background:url(/img/greeting01_2.png) no-repeat right bottom; color:#555; min-height:345px;}
.greeting dt{font:normal 25px 'Godo', 'Malgun Gothic', verdana; margin-bottom:20px;}
.greeting dt span{color:#1b63ce; font:normal 25px 'Godo', 'Malgun Gothic', verdana;}
.greeting dd{width:50%;}
.greeting dd p, .greeting dd span{ font:normal 14px/28px 'Malgun Gothic', verdana;}
.greeting dd p{margin-bottom:20px;}
.greeting dd .nameField{text-align:right; font:bold 16px 'Malgun Gothic', verdana}
.greeting dd .pointField{text-decoration:underline;}

/*연혁*/
.history{margin-top:50px;}
.history > table { float:left;  width:64%;}
.history > table th { width:100px; position:relative; color:#999; font:bold 27px/20px Arial; font-style:italic; border-right:dotted 1px #bbb; padding:19px 10px 0px 20px;  }
.history > table th,
.history > table td { vertical-align:top;  }
.history > table .fa-circle-o { position:absolute; top:23px; right:-7.5px; display:block; width:14px; height:11px; opacity:.5; filter:alpha(opacity=50); font-size:15px; }
.history > table td { padding:20px 0 0 0; color:#333; font:normal 14px 'Malgun Gothic', verdana; }
.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 .Title{float:left; width:30%; margin-right:4%; text-align:center; color:#191a1a; letter-spacing:-0.025em; position:relative;}
.history .Title dt{width:185px; height:185px; background:#ff8226; border-radius:100em; padding-top:48px; text-shadow:2px 2px 2px rgba(0,0,0,.05);}
.history .Title dt div{font:normal 40px 'Godo', 'Malgun Gothic', verdana; color:#fff;}
.history .Title dd{width:185px; position:absolute; top:0; right:0;}
.history .Title dd img{width:100%;}

.history.type02 .Title dt{background:#f3502d;}
.history.type03 .Title dt{background:#314666;}

/*주요생산품목*/
.major_product{}
.major_product dl:first-child{padding-top:0;}
.major_product dl{border-bottom:1px dashed #ddd; padding:30px; overflow:hidden;}
.major_product dl dt{float:left; width:20%; text-align:center;}
.major_product dl dt i{width:80px; height:80px; background:#094194; color:#fff; border-radius:100em; text-align:center; font:normal 30px/80px "FontAwesome"; margin:0 auto;}

.major_product dl dd{float:right; width:75%;}
.major_product dl dd .titleField{font:normal 20px 'Noto Sans R', 'Malgun Gothic', verdana;}
.major_product dl dd li{padding-left:43px; margin-bottom:5px;}
.major_product dl dd li span{background:#999; color:#fff; font:bold 12px 'Malgun Gothic', verdana; padding:1px 5px 3px; margin:0 10px 0 -43px; border-radius:1px;}

/*오시는길*/
.mapArea{border:1px solid #ddd; border-top:2px solid #1b63ce; overflow:hidden; margin-bottom:40px;}
.mapArea .mapField{float:left; width:50%;}
.mapArea .mapField > div{width:100%;}
.mapArea .mapinfo{float:right; width:47%; margin-top:50px}
.mapArea .mapinfo .titleField{ font:bold 25px "Noto Sans R", "Malgun Gothic", verdana; margin-bottom:30px;}
.mapArea .mapinfo .titleField strong{color:#1b63ce;}
.mapArea .mapinfo  li{padding-left:91px;}
.mapArea .mapinfo  li strong{background:#1b63ce; border-radius:100em; padding:1px 10px; width:80px; text-align:center; display:inline-block; margin-right:10px; color:#fff; margin-left:-91px;}
.mapArea .mapinfo li{margin-bottom:10px;}

.map .txtArea dd{float:left; width:50%;}
.map .txtArea dd:first-child{border-right:1px dotted #ddd; padding-right:20px;}
.map .txtArea dd:last-child{padding-left:20px;}
.map .txtArea li{margin-bottom:25px; color:#555; line-height:22px;}
.map .txtArea li p{font-weight:bold; margin:0; padding:0; color:#222;}
.map .txtArea .pointTxt, .map .txtArea .pointTxt a{color:#7fb20f;}

.map .title01{font-size:20px;}

/*******************************
제품소개
********************************/

/*테이블*/
caption{text-align:left; margin-bottom:10px; font-size:13px; padding:0 1% 0 0; font-weight:bold; color:#1b63ce }
caption:before{content:''; font:normal 12px "FontAwesome"; padding-right:5px; vertical-align:0;}
caption span.right{  float:right; font-weight:normal; font-size:12px; margin-top:4px; }
.tableWrap{overflow-x:auto;}
.table01{border-top:2px solid #1b63ce; 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; text-align:center;}
.table01 th{height:40px; background:#ecf3ff; border-bottom:1px solid #d4d8de; font-weight:bold; color:#333;}
.table01 th.th02{background:#f4f4f4;}
.table.table-hover tbody.top_border{ border:solid 1px #ddd; border-width:1px 1px 1px 1px;  }
.table01 td.alignL{text-align:left;}
.table01 td img{width:auto; min-width:auto;}

/*
.cnt_cmt{ display:inline-block !important; color:#1f8607; font:bold 11px/18px Dotum;  border:solid 1px #ddd; padding:0 5px 0 3px; border-radius:5px;  margin:0 5px; background:#f4fff1;  }
.cnt_cmt:before{ content:"댓글";  font:normal 11px Dotum; color:#318912;  padding:2px 3px 2px 0; border-right:solid 1px #ccc; margin:0 4px 0 0  }
*/
/*문단스타일*/
.section{margin-bottom:60px;}
.innerSection{margin-bottom:10px;}

.title01{ font:normal 26px 'Noto Sans L', 'Malgun Gothic' ; color:#222; margin-bottom:20px; clear:both; border-bottom:1px dotted #ddd;}
.title02{font:bold 16px 'Malgun Gothic', verdana;  color:#333; padding-bottom:10px; margin:0; clear:both; }
.title02:before{content:''; font:12px 'FontAwesome'; padding-right:5px; vertical-align:0px; color:#1b63ce}
.title03{font:bold 14px 'Malgun Gothic', verdana;  color:#555;}

hr.division{height:1px; display:block; margin:40px 0; border:none;}
.listType_dot{margin-bottom:10px;}
.listType_dot li{padding-left:10px; margin-bottom:5px;}
.listType_dot li:before{content:' '; display:inline-block; background:#1b63ce; width:3px; height:3px; margin-right:6px; margin-left:-10px; vertical-align:2px; border-radius:100em;}

.conT01{clear:both; margin-bottom:60px; overflow:hidden;}
.conT01 dt{float:left; width:60%;}
.conT01 dt img{width:100%;}
.conT01 dt.imgField.height{width:auto; height:100%;}
.conT01 dd{float:right; width:39%; font:normal 13px/22px 'Malgun Gothic', verdana;}
/* .conT01 dd.switch{ width:70%; } */
.conT01 dd .title02:before{display:none;}
.conT01 dd .title02{ background:#1b63ce; padding:4px 15px; border-radius:100em; color:#fff; display:inline-block; font:normal 15px 'Godo'; margin-bottom:10px; text-shadow:2px 2px 0 rgba(0,0,0,.2);}
.conT01 dd > div{padding:20px;}
.conT01 dd > div:first-child{border-bottom:1px dashed #ddd;}
.conT01 dd  .indent01{padding-left:0 !important;}
.conT01.Type02{margin-bottom:30px;}
.conT01.Type02 dd{width:100%; border-bottom:1px dashed #e1e1e1; overflow:hidden;}
.conT01.Type02 dd > div{float:left; width:50%;}
.conT01.Type02 dd > div:first-child{border-bottom:none;}
.conT01.Type02 dd > div:last-child{border-left:1px dashed #e1e1e1; float:right; padding-left:5%;}

.conT02{margin-left:-1%; overflow:hidden;}
.conT02 dd{float:left; width:48%; margin-left:2%;}
.conT02 dd:first-child { margin-left:0; }
.conT02 dd img{max-width:100%;}

.indent01{margin-left:10px;}
.indent02{margin-left:15px;}
.imgList{overflow:hidden; margin-left:-2%;}
.imgList li{float:left; margin:0 0 2% 2%; text-align:center;}
.imgList li img{display:block; max-width:100%;}
.imgList li strong{display:block; text-align:center; border:1px solid #127abc; padding:5px 10px; margin-top:5px; border-radius:100em;}
/*.imgList.switch li strong{ background:#127abc; color:#fff;}*/
.imgList.col02 li{width:48%;}
.imgList.col02.switch li{width:27.5%; text-align:center; margin: 30px 2.8% 30px ;}
.imgList.col02.switch li img { margin:0 auto;}
.imgList.col03 li{width:31.3%;}
.imgList.col03 .width02{width:64.5%}
.imgList.col04 li{width:23%;}
.imgList.col01{margin-left:0;}
.imgList.col01 li{width:100%; margin-left:0;}

/*제품페이지 한줄에 이미지 3개*/
.p_silicon .imgList li{margin:0 0 2% 1%; }
.p_silicon .imgList.col02 li{width:32%;}
.p_silicon .imgList.col03 li{width:32%;}
.p_silicon .imgList.col04 li{width:32%;}

.p_imgArea01{text-align:center; margin-top:20px; display:block; border:1px solid #e1e1e1; padding:30px; box-shadow:2px 2px 2px rgba(0,0,0,.05); width:100%;}
.p_imgArea01 img{width:auto; max-width:100% !important;}/*컨텐츠 내 이미지*/


.product_body .breadcrumbs{border:none; padding-bottom:30px;}

/*********************************
재료소개
**********************************/
.feature dl:first-child{border-top:1px dashed #ddd;}
.feature dl{border-bottom:1px dashed #ddd; padding:15px 0; overflow:hidden;}
.feature dl dt{float:left; width:10%; padding:0 15px;}
.feature dl dt i{width:70px; height:70px; background:#094194; color:#fff; border-radius:100em; text-align:center; font:normal 20px/70px "FontAwesome"; margin:0 auto;}

.feature dl dd{float:right; width:90%;}
.feature dl dd .titleField{font:normal 20px 'Noto Sans R', 'Malgun Gothic', verdana; margin:5px 0 0; padding:0;}
.feature dl dd li{padding-left:43px; margin-bottom:5px;}
.feature dl dd li span{background:#999; color:#fff; font:bold 12px 'Malgun Gothic', verdana; padding:1px 5px 3px; margin:0 10px 0 -43px; border-radius:1px;}


/********************************
설비/생산공정
*********************************/
.progressT{width:100%;}
.progressT th{text-align:center; border-bottom:1px solid #ddd; border-top:2px solid #1b63ce; color:#333; background:#fbfbfb}
.progressT th, .progressT td{padding:15px; vertical-align:middle;}
.progressT tr td{position:relative;}
.progressT tr td:first-child{text-align:center; background:#1b63ce; color:#fff; font-weight:bold;}
.progressT tr td:first-child:before{content:''; font:normal 15px "FontAwesome"; color:rgba(255,255,255,.2); position:absolute; top:-5px; left:50%; margin-left:-7px;}
.progressT tr td:last-child{border-bottom:1px dashed #ddd; padding-left:25px;}
.progressT tr:nth-child(2) td:first-child:before{content:'';}
.progressT tr:nth-child(2) td:first-child{background:#73a8f9;}
.progressT tr:nth-child(3) td:first-child{background:#5b99f7;}
.progressT tr:nth-child(4) td:first-child{background:#4f90f2;}
.progressT tr:nth-child(5) td:first-child{background:#478aee;}
.progressT tr:nth-child(6) td:first-child{background:#3e83eb;}
.progressT tr:nth-child(7) td:first-child{background:#367ce4;}
.progressT tr:nth-child(8) td:first-child{background:#2e75de;}
.progressT tr:nth-child(9) td:first-child{background:#256eda;}
.progressT tr:nth-child(10) td:first-child{background:#2069d5;}
.progressT tr:nth-child(11) td:first-child{background:#1b63ce;}
.progressT tr:nth-child(12) td:first-child{background:#1459c0;}
.progressT tr:nth-child(13) td:first-child{background:#1151b0;}
.progressT tr:nth-child(14) td:first-child{background:#0e489f;}

/*********************************
로그인
**********************************/
.eb-login{margin-top:40px;}


/*메인페이지 css 수정*/
.basic-bs-main.col-md-12{ padding-right:0; padding-left:0; }