body { padding-top: 125px;}
.container {
	width: 1170px !important;
}
@media screen and (max-width: 767px) {
    body { padding-top: 105px;}
}
/*로고 클릭 영역 및 메뉴 클릭 영역 초기화*/
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand,
:last-child.navbar-right.navbar-nav {
    margin:0px;
}
/* nav bar customize */
.navbar { background-color: #fff; }

.navbar-toggle {position: relative; margin-top: 40px;top: 2px;}
.navbar-nav { float:none; text-align:center; background-color: #fff}
.navbar-nav > li { float:none; display:inline-block;  margin:0 30px;}
.navbar-brand { /*padding-left: 20px;*/}
.navbar-collapse { background-color: #fff}
.navbar-default { background: #FFF; border: none;}
.navbar-default .navbar-nav > li > a {
    color: #333;
    font-size: 17px;
    font-weight: 400;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    letter-spacing: -0.01em;
    padding: 30px 2em;
}
.navbar-default .navbar-nav > li>a:hover { } 
.navbar-default .navbar-nav > li.active>a,
.navbar-default .navbar-nav > li.active>a:hover,
.navbar-default .navbar-nav > li.active>a:focus { background-color: #fff} 

/*메인 로고와 메뉴 영역 분리 */
.navbar-header {
	float:none;
	padding:0px;
	text-align:center;
	background:#fff !important;
	border-bottom:1px solid #ededed;
}

 
/*상단 메뉴 설정 시작*/
.navbar-inverse {
	background:#FFF;     /*배경 색*/
	border:none;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/


/*상단 메뉴 로고 시작*/
.navbar-brand
{
    float:none !important;
    display:inline-block;
}
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/
li.divider-vertical
{
    display:none;
}

div.navbar-collapse.collapse
{
    text-align:center;
    border-bottom:1px solid #ededed;
}

.navbar-collapse ul.nav.navbar-nav.navbar-right
{
    float:none !important;
    display:inline-block;
    /*margin:0 auto;*/
    /*width:397px;*/
}
ul.dropdown-menu.m-1_sub,
ul.dropdown-menu.m-5_sub,
ul.dropdown-menu.m-9_sub,
ul.dropdown-menu.m-10_sub,
li.dropdown > ul.dropdown-menu{
    right:auto;
    left:50%;
    margin-left:-85px;
}

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background:none;	      /*배경 색*/
	color:#444;                /*텍스트 색*/
	font-size:12pt;               /*텍스트 크기*/
	padding:16px 30px 4px 30px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-shadow:none;
	font-weight:400;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover
{
    color:#968d6a;
    font-weight:400;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu{
    padding:0;
    border-radius:0;
    box-shadow:0 0 0 #000;
}
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#444;                /*텍스트 색*/
	margin:0px;      /*내부 여백*/
	padding:10px 24px 10px 24px;       /*외부 여백*/
	font-size:11pt;
	text-align:center;
	font-weight:500;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover{
    background-image:none;
    background-color:#968d6a;
    color:#fff;
}

/* 상단 서브 메뉴 설정 끝*/

/* 푸터 설정 시작 */
/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom> div{
	background-color:#363839;     /*배경 색*/
	color:#bdbdbd;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0;      /*내부 여백*/
	margin:0;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy> div{
	background-color:#f7f7f7;     /*배경 색*/
	color:#555;                /*텍스트 색*/
	font-size:9pt;               /*텍스트 크기*/
	padding:50px 0 40px;      /*내부 여백*/
	margin:0;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .footer-navi
{
    margin:0;
    padding:0 0 10px;
    list-style:none;    
    display:inline-block;
}
.footer_copy .footer-navi li
{
    float:left;
    padding:0 10px;
    border-right:1px solid #525252;
}
.footer_copy .footer-navi li:last-child
{
    border-right:none;
}
.footer_copy .footer-navi li a
{
    color:#555;
}
.footer_copy .footer-navi li a:hover,
.footer_copy .footer-navi li a:focus
{
    color:#555;
}
.footer_copy .text-center p
{
    font-size:9pt;
}
/* 하단 카피라이트 설정 끝*/
.footer-social-layout {display: none;}
.footer_wrap {background: #414141; color: #c5c5c5; font-size: 13px; text-align: left;}

.footer-line01 ul {padding: 0; margin: 0 0 20px;}
.footer-line01 ul h5 {margin: 0 0 15px; font-size: 13px;}
.footer-line01 ul li a {color: #9a9a9a; font-size: 12px; line-height: 20px;}
.footer-line01 hr {border-top: 1px solid rgba(229,229,229,0.2); width: 100%; margin: 10px 0 30px; display: inline-block;}
.footer-line02 h4 {color: #7bc860; font-size: 13px; margin: 0 0 20px;}
.footer-line02 h5 {font-size: 13px; margin: 0 0 15px;}
.footer-line02 p {color: #9a9a9a; font-size: 12px; margin: 0; line-height: 18px;}
.footer-line01 > div, .footer-line02 > div {padding: 0;}
.footer_sns {display: inline-block; float: right; margin: 0 20px 0 0;}
.footer_sns a img {padding-right: 5px;}
.footer_sns a img:nth-child(2) {display: none;}
.footer_sns a:hover img:nth-child(1) {display: none;}
.footer_sns a:hover img:nth-child(2) {display: inline-block;}
/* ----- 카피라이트 설정 ----- */
.copy_wrap {background: #2b2a2a; color: #aaa;}
.copy_wrap ~ br {display: none;}
.copy_inner {width: 1170px; margin: 0 auto; padding: 25px 0; font-size: 13px;}
.copy_inner .copy-txt {display: inline-block; float: left; margin: 0; padding: 5px 0 0;}
.copy_inner .copy-txt span {color: #7bc860;}
.copy_inner .sitemap {display: inline-block; float: right; margin: 0; padding: 0;}
.copy_inner .sitemap a {border: 1px solid #aaa !important; color: #aaa; padding: 5px 30px; display: inline-block;}
@media screen and (max-width: 991px) {
    .footer_inner, .copy_inner {width: 100%;}
    .footer-line01 > div, .footer-line02 > div, .footer-line02 h4, .copy_inner .copy-txt, .copy_inner .sitemap {padding: 0 15px;}
}
@media screen and (max-width: 767px) {
    .footer-line01 > div, .footer-line02 > div {min-height: 90px;}
    .copy_inner .copy-txt {margin: 0 0 20px;}
    .copy_inner .sitemap, .footer_sns {width: 50%; margin: 0; float: left;}
}
/* //푸터 설정 끝 */




/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.fill h1 span,
.fill p span
{
    background:none;
    opacity:1;
    text-shadow:none;
    padding:0;
}

.fill h1 span > span
{
    font-size:16pt;
    font-weight:400;
}

.fill h1 span strong
{
    display:inline-block;
    font-size:50px;
    padding:5px 0;
    margin-bottom:22px;
}

.fill p span >a.btn
{
    border:1px solid #000;
    color:#000;
    font-size:11pt;
    line-height:11pt;
    padding:16px 24px 14px;
}
.fill p span >a.btn:hover,
.fill p span >a.btn:focus,
.top-sub-bg .top-sub-caption a.btn:hover,
.top-sub-bg .top-sub-caption a.btn:focus
{
    border:1px solid #968d6a!important;
    color:#968d6a;
}

.carousel-caption
{
    top:50%;
    margin-top:-106px;
    color:#000;
    padding:0;
    bottom:auto;
}
.carousel-control{
    display:none;
}
/*인트로 텍스트 설정 끝*/









/* 슬라이드 영역 설정 시작 */
.container_contents {width: 100%; padding: 0;}
.carousel-inner > .item {height: 520px; background-size: cover;}
/*.carousel-inner > .item:nth-child(1) {background-image: url('../img/default/slide01.jpg');}
.carousel-inner > .item:nth-child(2) {background-image: url('../img/default/slide02.jpg');}
.carousel-inner > .item:nth-child(3) {background-image: url('../img/default/slide03.jpg');}*/
.carousel-inner .item {
	background: rgba(0,0,0,0.4);
}
.carousel-inner .item .img {
	position: relative;
	height: 100%; 
	width: 100%; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	 filter: alpha(opacity=40);
	/*opacity:0.4; 
	-moz-opacity:0.4;*/
}
.item .carousel-caption {/*position: absolute; top: 50%; margin: -120px 0 0; text-align: center;*/}
.item .carousel-caption h5 {font-size: 22px; font-weight: 300; text-shadow: 2px 2px 5px rgba(0,0,0,0.15); margin: 0 0 15px; color: #fff;}
.item .carousel-caption h2 {font-size: 42px; font-weight: 300; line-height: 52px; letter-spacing: 0.55em; text-shadow: 2px 2px 5px rgba(0,0,0,0.15); margin: 0 0 40px; color: #fff;}
.item .carousel-caption h2 span.sl-small {font-size: 26px;}
.item .carousel-caption h2 span.sl-highlight {letter-spacing: 0.3em; font-weight: 500;}
.item .carousel-caption .sl-btn {width: 275px; margin: 0 auto;}
.item .carousel-caption .sl-btn p {margin: 0; color: #d5d5d5; font-size: 16px; font-weight: 300; letter-spacing: -0.01em;}
.item .carousel-caption .sl-btn img {opacity: 0.6;}
.item .carousel-caption .sl-btn a,
.item .carousel-caption .sl-btn a:hover p {color: #fff;}
.item .carousel-caption .sl-btn a:hover img {opacity: 1;}
.carousel-indicators li {margin: 0 5px; background: #fff; height: 12px; width: 12px; border: none;}
.carousel-indicators .active {margin: 0 5px; background: #e2bc68;}
@media screen and (max-width: 767px) {
    .item .carousel-caption {margin: -90px 0 0;}
    .item .carousel-caption h2 {font-size: 18px; line-height: 30px; letter-spacing: 0.3em;}
}
/* //슬라이드 영역 설정 끝 */



/* public */
.line {margin-bottom: 20px; width:50px; height:1px; /*background-color:#ff6100;*/}
.subject h3 { margin-bottom: 10px; padding-left: 15px; font-size: 26px; color: #383838;}
.subject h4 { font-size: 25px; font-weight: 300; color: #383838;}
.subject p  { line-height: 1.7; font-size:13px;}
/* 메인 페이지 설정 시작 */
.main-content{
    width:100%;
    position:relative;
}
.main-content > div > div {
	position:relative;
}
.main-content a {
    color:#aeaeae;
}
.main-content .main-box-1{
    background-image:url('../img/main-img1.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-2{
    background-image:url('../img/main-img2.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-3{
    background-image:url('../img/main-img3.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-4 {
    background-image:url('../img/main-img4.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-5{
    background-image:url('../img/main-img5.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-6{
    background-image:url('../img/main-img6.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}

/*main page part*/
.main-1-wrap h4 {
    margin:30px 0 20px;
    text-decoration:none;
    color:#444;
}
.main-1-wrap h4 > strong {
    letter-spacing:-1px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    display:inline-block;
}
.main-1-wrap h4 > strong:hover {
    padding-bottom:5px;
    border-bottom:1px solid #968d6a;
    color:#968d6a;
}
.main-1-wrap h4 + p {
    color:#555;
    font-size:1em;
    line-height:1.3em;
    padding-bottom:40px;
    border-bottom:1px solid #eee;
    margin-bottom:30px;
}

.main-1-wrap .caption {
	position:absolute; 
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    text-align:center;
}
.main-1-wrap .caption p a,
.main-1-wrap .caption h5 a {
    display:inline-block;
    font-size:1.2em;
    line-height:1.2em;
    color:#555;
    padding:8px 12px;
    border:1px solid #eee;
    background-color:#fff;
}
.main-1-wrap .caption p a {
	margin-top: 40px;
}
.main-1-wrap .caption h5 a {
    font-weight:800;
}
.main-1-wrap .main-content div:hover .caption a {
    color:#968d6a;
}
.main-1-wrap .main-content div:hover .caption {
	background:rgba(255,255,255,0.65);
	/*filter: alpha(opacity=65); 
	opacity:0.65; 
	-moz-opacity:0.65;*/
}

/*        main-2-wrap          */
.main-2-wrap h4 {
    margin:30px 0 20px;
    text-decoration:none;
    color:#444;
}
.main-2-wrap h4 > strong {
    letter-spacing:-1px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    display:inline-block;
}
.main-2-wrap h4 > strong:hover {
    padding-bottom:5px;
    border-bottom:1px solid #968d6a;
    color:#968d6a;
}
.main-2-wrap h4 + p {
    color:#555;
    font-size:1em;
    line-height:1.3em;
    padding-bottom:40px;
    border-bottom:1px solid #eee;
    margin-bottom:30px;
}

.main-2-wrap .caption {
	position:absolute; 
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    text-align:center;
}
.main-2-wrap .caption h5 {
	margin-top: 40px;
}
.main-2-wrap .caption h5 a {
    display:inline-block;
    font-size:1.2em;
    line-height:1.2em;
    color:#555;
	font-weight:500;
    padding:8px 12px;
    border:1px solid #eee;
    background-color:#fff;
}
.main-2-wrap .caption a.btn {
	margin-top: 20px;
	display: none;
}
.main-2-wrap .main-content div:hover .caption a.btn {
    color:#968d6a;
	display: block;
	margin: 0 auto;
	width: 50%;
	font-size:1.2em;
    line-height:1.2em;
	color:#fff;
	font-weight:500;
    padding:8px 12px;
    border:1px solid #fff;
}
.main-2-wrap .main-content div:hover .caption {
	background:rgba(169,109,109,0.65);
	/*filter: alpha(opacity=65); 
	opacity:0.65; 
	-moz-opacity:0.65;*/
}
.main-2-wrap .main-content div a.main-2-btn {
    opacity:0;
    margin:0;
}
.main-2-wrap .main-content div:hover a.main-2-btn {
    opacity:1;
    color:#fff;
    border:1px solid #fff;
    background-color:rgba(0, 0, 0, 0);
}

/*        main3          */
.main-3-wrap h4 {
    margin:30px 0 20px;
    text-decoration:none;
    color:#444;
}
.main-3-wrap h4 > strong {
    letter-spacing:-1px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    display:inline-block;
}
.main-3-wrap h4 > strong:hover {
    padding-bottom:5px;
    border-bottom:1px solid #968d6a;
    color:#968d6a;
}
.main-3-wrap h4 + p {
    color:#555;
    font-size:1em;
    line-height:1.3em;
    padding-bottom:40px;
    border-bottom:1px solid #eee;
    margin-bottom:30px;
}



.main_product_wrap, .main_intro_wrap, .main_contact_wrap { width: 100%; padding: 0; }
.main_title {min-height: 30px; position: relative; margin: 0 0 40px;}
.main_title h2 {background: #fff; color: #454545; font-size: 24px; font-weight: 200; letter-spacing: -0.03em; margin: 0; margin-top: -24px; padding: 10px 30px; position: absolute; left: 50%; top: 50%; z-index: 1;}
.main_title h2 span {font-weight: 500;}
.main_title01 h2{margin-left: -90px;}
.main_title02 h2{margin-left: -112px;}
.main_title .title_line {background: #e5e5e5; width: 100%; height: 1px; position: absolute; top: 50%;}

/* ----- 메인 제품 슬라이드 영역 ----- */
.main_product_wrap {background: #f8f6f2; padding: 40px 0; width: 100%;}
.main_product_inner {color: #454545;}
.main_product_inner .product h3 {font-size: 22px; margin: 20px 0 25px; letter-spacing: -0.03em;}
.main_product_inner .product p {font-size: 14px; font-weight: 300; letter-spacing: -0.01em; line-height: 25px;}
.careHover {position: absolute; opacity: 0; display: block; color: #fff; width: 150px; height: 150px; text-align: center; line-height: 150px; background-color: rgba(52,179,113,0.5); top: 0; left: 12%; margin: 0 auto; border-radius: 50%;}
.careLine {position: absolute; top: 50%; left: 50%; width: 130px; height: 130px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.7); margin: -65px 0 0 -65px;}
.careHover > p {margin: 0;}
.smSlider .slide:hover .careHover, .smSlider .slide:hover .careLine {opacity: 1;}
.smSlider .slide > p {color: #454545; font-size: 15px; font-weight: 300; letter-spacing: -0.01em; margin: 0;}
.smSlider .slide > p > b {font-weight: 500; padding-right: 5px;}
/* ----- 메인 소개 영역 ----- */
.main_intro_wrap {padding: 60px 0 40px;}
ul.mainbiz {margin: 0; padding: 0;}
ul.mainbiz li {float: left; width: 33.333334%; display: block;}
ul.mainbiz li figure {position: relative; overflow: hidden; background: #fff; text-align: left; border: 1px solid #cbcbcb; height: 270px; margin: 0 auto;}
ul.mainbiz li figure .mainbiz_des {background: #fff;}
ul.mainbiz li figure .hover_background {background: #34b371;}
ul.mainbiz li figure .description {background:#fff;}
ul.mainbiz li figure .description h4 {color: #666 !important; font-size: 17px; font-weight: 500; margin: 0 20px;}
@media screen and (min-width: 768px) {
    .description h4 {position: absolute; top: -40%;}
}
ul.mainbiz li figure img {width: 100%; -webkit-transition: -webkit-transform .3s ease-out, opacity .3s; transition: transform .3s ease-out,opacity .3s;-moz-transition:-moz-transform .3s ease-out,opacity .3s}
ul.mainbiz li a {display: block; width: 100%; padding: 0 10px;}
ul.mainbiz li a:hover .description {-webkit-transform: translate(0,0); transform: translate(0,0); background: #fff;}
ul.mainbiz li a:hover .mainbiz_title {-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
ul.mainbiz li a:hover figure {border-bottom: 1px solid #34b371;}
ul.mainbiz li a:hover figure .description h4 {position: relative; top: 0%; padding: 0; margin: 30px 20px 0;}
ul.mainbiz li a:hover img {opacity: .5; -webkit-transform:translate(0,-30px);-moz-transform:translate(0,-30px);transform:translate(0,-30px); background: #34b371; }
ul.mainbiz li:last-of-type {margin-right:0}
h1.mainbiz_title {width: 100%; font-weight: 700; font-size: 16px; color: #34b371; line-height: 1; text-align: left; text-transform: uppercase; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background: #fff; padding: 15px 10px 5px; display: block; -webkit-transition: -webkit-transform 0.4s, color .3s; -moz-transition: -moz-transform 0.4s, color .3s; transition: transform 0.4s, color .3s; border-top: 2px solid #34b371;}
h1.mainbiz_title span {color: #aaa; font-size: 13px; font-weight: 400; margin: 5px 0 0; display: inline-block;}
h1.mainbiz_title:after {content:'';position:absolute;top:100%;left:0;right:0;height:100px;background:#fff;width:100%}
.description {display:table-cell;position:absolute;bottom:0;left:0;right:0;width:100%;-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);transform:translate(0,100%);z-index:4;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s}
.description p {display: block; height: 100px; overflow: hidden; color: #666; margin: 0; font-weight: 300; font-size: 14px; line-height: 21px; padding: 20px 20px 0; text-align: left;}
/* ----- 메인 소개 반응형 ----- */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main_biz01 ul.mainbiz li figure {height: 220px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    ul.mainbiz li {width: 50%;}
    .main_biz02 ul.mainbiz li figure {height: 215px;}
}
@media screen and (max-width: 767px) {
    ul.mainbiz li, .main_biz02 ul.mainbiz li {width: 100%;}
}
@media screen and (max-width: 425px) {
    ul.mainbiz li figure {height: 200px;}
    .main_biz02 ul.mainbiz li figure {height: 230px;}
}
/* ----- 메인 컨택트 영역 ----- */
.main_contact_wrap {padding: 40px 0 80px;}
.main_contact_wrap .contact {padding: 0 10px;}
.main_contact_wrap .contact a {border: 1px solid #cbcbcb !important; display: inline-block; width: 100%; padding: 30px 0; min-height: 210px; text-align: center; letter-spacing: -0.03em;}
.contact_inner h3 {color: #666; font-size: 18px; font-weight: 400;}
.contact_inner p {color: #555; font-size: 14px; font-weight: 300; line-height: 20px;}
.main_contact_wrap .contact a:hover {border: 1px solid #34b371 !important;}
.main_contact_wrap .contact a:hover h3 {color: #34b371;}
/* ---------- 사업분야 박스 ---------- */
.main-con > div > .panel {
	padding: 0;
}
.main-con .tab-con {
	z-index: 1; 
	display: inline-block; 
	position: absolute; 
	left: 0; 
	top: 50%; 
	width: 100%; 
	margin-top: -25px;
}
.main-con  .main-ani > div {
	position: absolute; 
	z-index: 1; 
	bottom: 1%; 
	width: 100%; 
	height: 50px; 
	margin: 0 0 -3px 0; 
	padding: 10px 30px 10px 30px; 
	background-color: rgba(0, 0, 0, 0.7); 
	font-size: 14px; 
	color: #cecece;
}
.main-con  .main-ani:hover > div {
	background: #000;
}
.main-con  .main-ani > div h4 {
	font-size: 17px; 
	font-weight: 400; 
	color: #fff; 
	display: block; 
	margin: 10px 0 20px;
}
.main-con  .main-ani > div h4:after {
	content: url('../img/default/main-plus-icon.png'); 
	display: inline-block; 
	float: right;
}
.main-con  img {width: 100%;}
.main-con  [class*=ani] {
	overflow: hidden; 
	padding: 0; 
	/*width: 100%;*/
}
/* ---------- 블로그 ---------- */
.intro-boardbox .page-header {
	margin-bottom: 0;
	padding-bottom: 0;	
}
/* ---------- 메인 지도 ---------- */
.map-wrap address span {
	display: block;
}
/******시공실적*****/
.reference-wrap {margin-top: 10px;}
.reference-wrap .page-header { margin-bottom: 0; padding-bottom: 0}
.reference-wrap .subject {margin-bottom: 20px;}
.reference-wrap .subject img {margin-top: 25px; padding-left: 20px;}
.reference-wrap .contents {}
.reference-wrap .contents > div {padding: 0;}

.reference-wrap .hover {
    visibility:hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.reference-wrap .hover_txt{
    text-align:center;
    line-height:224px;
    color:#fff;
    font-size:20px;
}
.reference-wrap .hover img {margin-top: 40px;}
.reference-wrap .hover p i {color:#fff;}
.reference-wrap .contents > div:hover .hover {
    visibility:visible;   
    background:rgba(255,97,0,0.8);
}
.reference-wrap > .contents > ul{
    list-style-type:none;
    padding-left:0;
}
/* main2 */
#section1 .con-area1 > .container {
    padding: 0;
}
#section2 .con-area2 {
    background-color: #d9d9d7;
}
#section2 .con-area2 h2 {
    margin: 0px 0px 20px;
}
#section2 .con-area2 h4 {
    margin: 15px 0px;
}
#section5 .con-area5 {
    padding: 20px 0px;
}
#section5 .con-area5 > div+div {
    display: none;
}

/* //메인 페이지 설정 끝 */
/*-----banner-----*/
.bannerBox {
	text-align: center;
	padding: 30px 0px;
}
.bannerBox p {
	margin-bottom: 15px;
	
}
.banner-item {
    margin-bottom: 10px;
}
.banner-item .img-responsive {
    display: inline;
}
/*-----thumbs-----*/
.thumb-pad1 {
	margin: 0px 0px 25px 0px;
	overflow: hidden;
	text-align: center;
}
.thumb-pad1 .thumbnail {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
	text-align: center;
}
.thumb-pad1 .thumbnail .caption {
	padding: 0;
	overflow: hidden;
}
.thumb-pad1 figure {
	margin: 0 0 15px;
	border-radius: 100%;
	display: inline-block;
}
.thumb-pad1 figure img {
	border-radius: 100%;
	width: 100%;
}
.thumb-pad1 p {
	font-family: 'NanumBarunGothic';
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 500;
}
.thumb-pad5 {
	padding-bottom: 2px;
}
.thumb-pad5 .thumbnail {
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: none;
}
.thumb-pad5 .thumbnail .caption {
	padding: 0;
	color: #3e4345;
	overflow: hidden;
}
.thumb-pad5 .thumbnail .caption .lnk {
	font: bold 18px 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3e4345;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.thumb-pad5 .thumbnail .caption .lnk:hover {
	color: #eda87b;
}
.thumb-pad5 figure {
	margin: 0;
	margin-bottom: 25px;
	border-radius: 15px;
}
.thumb-pad5 figure a {
	display: block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.thumb-pad5 figure a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.thumb-pad5 figure img {
	border-radius: 15px;
	width: 100%;
}
/* button */
.btn-default.btn2 {
	box-shadow: none;
	position: relative;
	text-decoration: none !important;
	padding: 0;
	font: 500 18px 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	text-shadow: none;
	color: #3e4345;
	border: none;
	background: none;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-default.btn2 > span {
	float: left;
}
.btn-default.btn2 > i {
	float: left;
	font-size: 18px;
	margin-top: 3px;
	margin-left: 12px;
}
.btn-default.btn2:hover {
	color: #eda87b;
	background: none;
	text-decoration: none !important;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
/* list2 */
.list2 {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	margin-bottom: 56px;
}
.list2 li {
	font-size: 16px;
	line-height: 1.428571429;
	overflow: hidden;
	margin-bottom: 29px;
}
.list2 li .badge {
	float: left;
	margin-right: 19px;
	background: #eda87b;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	font: 500 40px/52px 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	margin-top: 5px;
}
.list2 li p {
	margin-bottom: 0;
}
.list2 li .title {
	font: 500 18px/18px 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3e4345;
	margin-bottom: 9px;
}
.list2 li a {
	font: 500 18px/18px 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3e4345;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.list2 li a:hover {
	color: #eda87b;
}

/* list 3 */


.list3 {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.list3 li {
	font-size: 16px;
	line-height: 1.428571429;
}
.list3 li p {
	margin-bottom: 29px;
}
.list3 li a {
	font: 16px 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #090f15;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.list3 li a:hover {
	color: #f56f4b;
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.list3 li .autor {
	font: bold 16px 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3e4345;
}
.list3 li .autor > span {
	font-size: 12px;
	font-weight: normal;
}
.list3 li > img {
	float: left;
	margin-right: 18px;
	margin-top: 5px;
}



/*board setting part*/
.intro-board-wrap div.page-header {
    /*display:none;*/
	width: 100%;
	position: relative;
    margin:60px 0 0px;
}
.intro-board-wrap div.page-header h4 {
	margin-bottom: 0;
}
.intro-board-wrap div.page-header a.btn {
    position:absolute;
    top: 3%;
    right:0;
    padding:8px 5px;
    color:#404040;
    font-size:14px;
    z-index:999;
}
.intro-board-wrap .board-list2 {
    min-height:200px;
    word-break:keep-all;
}
.intro-board-wrap .board-list2 a span {
	display: inline-block;
    color:#5d5d5d;
    font-weight:500;
}
.intro-board-wrap .list-row-regdate {
	float: right;
}
.intro-board-wrap .board-list2 span.list-row-regdate {
    color:#b4b4b4;
}
.intro-board-wrap .list-row-contents {
    display:none;
}
.intro-board-wrap .row-separator {
    visibility:hidden;
}


/*        블로그 게시판 수정        */
.thumbnail .caption{padding:18px 36px;}

.blog-wrap .thumbnail {
    box-shadow:0 0 0 #000;
    border:1px solid #ededed;
}
.blog-wrap .thumbnail a.blogthumb{
    border:none;
}
.blog-wrap .thumbnail>.caption h5 a {
    font-weight:500;
    font-size:14pt;
    color:#444;
}
.blog-wrap .thumbnail>.caption h5 a:hover {
    color:#968d6a;
}
.blog-wrap .thumbnail>.caption p a {
    font-size:11pt;
    line-height:18pt;
}



/*sub page part*/
.top-sub-bg
{
    width:100%;
    height:433px;
    background:url('../img/sub_vis_img.jpg') no-repeat;
    background-size:cover;
    background-position:center;
    text-align:center;
}

.top-sub-bg .top-sub-caption
{
    display:inline-block;
    padding:100px 0;
    color:#fff;
}
.top-sub-bg .top-sub-caption h1
{
    margin:10px 0 30px;
    font-size:80px;
}
.top-sub-bg .top-sub-caption h3
{
    font-size:35px;
}
.top-sub-bg .top-sub-caption a.btn
{
    border:1px solid #fff;
    padding:13px 32px;
    color:#fff;
}
.content .content-bg
{
    width:100%;
    height:882px;
    background:url('../img/content-bg.jpg') no-repeat;
    background-size:cover;
    background-position:center;
}
.content .content-1,
.content .content-2
{
    width:100%;
    position:relative;
}
.content .content-1 h4,
.content .content-2 h4
{
    color:#6a7885;    
}
.content .content-1 p,
.content .content-2 p
{
    color:#7a7a7a;
}
.content .content-1
{
    height:420px;
}
.content .content-1 .col-md-4:first-child h3
{
    color:#0cafd2;
}
.content .content-1 .col-md-4:last-child h3
{
    color:#3b8ad9;
}
.content .content-2
{
    padding-top:190px;
}
.content .content-2 .col-md-4:first-child h3
{
    color:#7065df;
}
.content .content-2 .col-md-4:last-child h3
{
    color:#ff6577;
}

.text-wrap h3{
    font-size: 30pt;
    font-weight: 400;
    margin-bottom: 35px;
    margin-top:0;
    letter-spacing:-0.5px;
}
.text-wrap p{
    font-size: 11pt;
    line-height: 21pt;
    color: #666;
}
img.img-wrap{border:1px solid #cccccc;}


/*mobile part*/
@media all and (max-width:767px)
{
    .head-top p:last-child,
    .head-top p:first-child
    {
        top:80px;
    }
}
.caret {display: none;}


/*      table 영역 설정 시작      */
table{
    font-size:11pt;
    width:100%;
    border-top:2px solid #777;
    border-bottom:2px solid #777;
}
tr{
    line-height:20pt;
}
th{
    padding:11px 18px;
    color:#444;
    font-weight:600;
    background-color:#F7F7F7;
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
}
td{
    padding:11px 18px;
    background-color:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
    padding:11px 8px;
}
.dh-board > .table-hover{
    border-top:2px solid #555;
    border-bottom:2px solid #555;
    margin:50px 0;
}
.table.table-hover > thead > tr > th{
    background-color:#eee;
}
/*      table 영역 설정 끝      */
/*      버스 노선 table 시작      */
.map-table{
    margin-top:70px;
}
.map-table h3{
    font-size: 24pt;
    font-weight: 400;
    margin-bottom: 30px;
    letter-spacing:-0.5px;
}
span.bus-green{
    display:inline-block;
    background-color:#4EA031;
    padding:0 3px;
    margin-right:4px;
    color:#fff;
    line-height:16pt;
}
span.bus-red{
    display:inline-block;
    background-color:#D31118;
    padding:0 3px;
    margin-right:4px;
    color:#fff;
    line-height:16pt;
}
/*      버스 노선 table 끝      */
.dhb-txt-box{
    background: #fff;
    border: 1px solid #eee;
}
.dhb-txt-box:hover{
    border:1px solid #968d6a;
}
.thumb-hidden{
    border: none;
    box-shadow: 0 0 0 #000;
}

/*       button 설정 시작       */
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{
    color:#999;
    font-size:10pt;
    background-color:#fff;
    border-color:#ccc !important;
    border-radius:0;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
    color:#000;
    background-color:#fff;
    border:1px solid #000 !important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.pagination > li > a,
.pagination > li > span{
    padding:8px 14px;
    border-radius:0;
    color:#000;
    background-color:#fff;
    border:1px solid #000;
}
.pagination > .active > a,
.pagination > .active > a:hover{
    background-color:#eee;
    border:1px solid #ccc !important;
    color:#333;
    font-size:10pt;
}

button.btn.btn-default.dropdown-toggle{
    background-image:none;
    box-shadow:none;
    background-color:#f9f9f9;
}
input.btn.btn-default{
    background-image:none;
    box-shadow:none;
}
.btn-primary:focus, .btn-primary:hover{
    background-color:#4798DE;
    border-color:#3584C7;
}
button#btnNew{
    background-image:none;
    background-color:#eee;
    border-color:#ccc;
    color:#333;
    text-shadow:none;
    border-radius:0;
    box-shadow:0 0 0 rgba(0, 0, 0, 0);
}
button#btnNew:hover{
    background-color:#191919;
    border-color:#191919;
    color:#fff;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle{
    border-radius:0;
}

.btn{
    padding:8px 16px;
    border-radius:0;
    background-image:none;
    box-shadow:0 0 0 #000;
}
.form-control{
    height:38px;
    padding:8px 16px;
}
.input-group-btn.open > .dropdown-menu{
    background-color:#fff;
    padding:0;
    margin:0;
}
.input-group-btn.open > .dropdown-menu > li > a{
	background-color:#fff;     /*배경 색*/
	color:#555;                /*텍스트 색*/
	margin:0px 0px 0px 0px;      /*내부 여백*/
	padding:12px 24px 12px 24px;       /*외부 여백*/
	font-size:11pt;
	letter-spacing:-1px;
}
.input-group-btn.open > .dropdown-menu > li > a:focus,
.input-group-btn.open > .dropdown-menu > li > a:hover{
    color:#333;
    background-image:none;
    background-color:#f8f8f8;
}
a.btnRead{
    font-weight:500;
}
h4 a.btnRead{
    font-size: 13pt;
    font-weight: 600;
    color: #333;
    line-height: 20pt;
}
h4 a.btnRead:hover{color:#968d6a;}
h5 a.btnRead{
    font-size: 11pt;
    font-weight: 400;
    color: #666;
    line-height: 20pt;
}
h6.hits{
    font-size: 10pt;
    color: #666;
    font-weight: 400;
}

.dh-view-box > .row > .page-header{
    padding:16px 10px 8px;
}
.dh-view-box>.row>.page-header>h4{
    font-size:17pt;
}

.sub-img{margin-top:50px;}
.row.column-wrap{
    margin-bottom:45px;
    padding-bottom:70px;
    border-bottom:1px solid #eee;
}

form#insertForm > h2{
    font-weight:500;
    margin:30px;
    font-size:18pt;
    color:#444;
}

.panel-default > .panel-heading{
    background-image:none;
}
.text-danger{
    color:#D9534F;
    font-size:9pt;
    font-weight:500;
}
/*       button 설정 끝       */





/* 서브 페이지 설정 시작 */
/* ----- 서브페이지 common 설정 ----- */
.sub-layout{}

#content{padding: 0 40px 40px; border-left: 1px solid #dedede;}
@media screen and (max-width: 991px) {
	#content{border: none;}
}
@media screen and (max-width: 767px) {
    #content{padding: 0 15px 40px; border: none;}
}

/* ----- 서브페이지 left-menu 설정 ----- */
.side_wrap {padding-right: 0;}
@media screen and (max-width: 991px) {.side_wrap {display: none;}}
.sidebar .sidebar-header {padding: 40px 15px 40px; border-bottom: 1px solid #dedede;}
.sidebar .sidebar-header h3 { 
	margin: 0;
	color: #444; 
	font-weight: 500; 
	font-size: 1.7em;
	letter-spacing: -0.05em;
}
.sidebar .nav-list {list-style: none; padding: 0 0 0; margin: 0 0 50px;}
.sidebar .nav-list > li > a {display: block; border-bottom: 1px solid #dedede !important; margin: 0 0 0; padding: 10px 15px 10px; color: #555; font-size: 14px; font-weight: 400;}
.sidebar .nav-list > li.active > a {color: #fff; font-weight: normal; background: #e1b34f;}/*008470*/
.sidebar .nav-list > li.active > a:after{content: "\276F"; float: right;}
aside .aside-help {
	position:relative;
	padding: 20px 0 5px;
}
	aside .aside-help h4 {
		position:absolute;
		top: 30px;
		left: 15px;
		border-bottom: 3px solid #fff;
		padding-bottom: 10px;
		color: #fff;
		font-size: 1.3em;
		font-weight: 500;
	}
	aside .aside-help ul {
		margin-top: 10px;
	}
	aside .aside-help li span {
		display: inline-block;
		padding-left: 5px;
		width: 60px;
	}
/* ----- 서브페이지 content 설정 ----- */
/* page-header */
.contents-header { position:relative; margin: 10px 0 0; min-height: 320px; }
@media screen and (max-width: 767px) {
    .contents-header { min-height: 120px;}
}
.contents-header .contents-header-inner {
	position: absolute;
	top:0;
	bottom:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
.contents-header .breadcrumb{
    padding: 0 15px;
    text-align: right;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
}
.contents-header .breadcrumb ol,
.contents-header .breadcrumb ul{
    margin-top:0;
}
.contents-header .subhead-description {
	padding-top: 70px;
	font-size: 1.6em;
    font-weight: 500;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	text-align:center;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.15);
    color: #fff;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;*/
}
@media screen and (max-width: 767px) {
    .contents-header .subhead-description {
		padding-top: 35px;
		font-size: 1.3em;
		font-weight: 500;
		line-height: 1.5em;
		letter-spacing: 0.05em;
	}
}
#container_title {	display: none;}
.pages-title {
	display: none;	
	font-size: 1.8em;
	font-weight: 600;
	color: #595f6f;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.pages-title span {
	 display: block;
	 font-size: 15px;
	 font-weight: 500;
	 letter-spacing: normal;
}
.custom-title.panel{
    box-shadow: 0 0 0 #000 !important;
    margin-bottom: 0 !important;
    background-color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}
.custom-title.panel-default{border-color:#fff !important;}
.custom-title .panel-body{
    padding:60px 15px 40px;
}
.panel-body h3{
    font-size: 26pt;
    margin: 0;
}
.panel-body h3 strong{
    font-weight:500 !important;
}
.sub-introduction .page-header{
    padding-bottom: 5px;
    margin: 0 0 45px;
    border-bottom: 2px solid #777777;
}
/*.intro-boardbox div.page-header h4 a .fa-plus::before{
    content:'자세히보기';
}*/
.breadcrumb_wrap{display: inline-block; width: 100%; border-bottom: 1px solid #dedede; padding: 40px 15px 0px; margin: 0 0 35px;}
.breadcrumb_wrap h3{display: inline-block; float: left; margin: 0 0 0; padding: 0 0 40px; color: #454545; font-size: 28px;}
.breadcrumb{background-color: transparent; border-radius: 0; display: inline-block; margin: 10px 0 0; padding: 0 0 0; text-align: right; font-size: 13px; font-weight: 400; color: #999; float: right;}
.breadcrumb > li {font-family: 'NanumBarunGothic'; color:#777;}
.breadcrumb > .active{color: #333;}
.breadcrumb>li+li:before { padding:0 3px; color: #777; content: "\276D";}
.content_wrap h3{font-weight: 400; color: #434343; line-height: 1.4;}
.content_wrap h4{font-size: 18px; font-weight: 400; color: #3a3a3a; line-height: 1.5; margin: 0 0 0; padding: 0 0 20px;}
.content_wrap p{font-size: 14px; line-height: 1.8; color: #757575; margin: 0 0 14px; padding: 0 0 10px;}

/* ---------- 텍스트 스타일 설정 ---------- */
.content-title{margin: 0 0 50px; text-align: center;}
.content-title h3{font-size: 30px;}
.content-title h5{font-size: 15px; font-weight: 300; color: #666;}
.greeting-title{padding: 25px 30px 27px !important; color: #555 !important; border: 6px solid #f1f1f1; margin: 0 0 30px !important;}
.content-text{padding: 0 !important;}

/* ---------- tab 매뉴 설정 ---------- */
.nav-tabs {border: 1px solid #cecece; background: #fff; margin: 0 0 40px;}
.nav-tabs > li > a {margin: 0 0 0; padding: 12px 50px 12px; line-height: 1; border: 1px solid transparent; border-right: 1px solid #cecece; border-radius: 0; color: #656565; font-size: 13px; font-weight: 400;}
.nav-tabs > li > a:hover {background: #f7f7f7; border: 1px solid transparent; border-right: 1px solid #ccc;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff; background: #008470; border: 1px solid transparent !important;}

/* ---------- table 영역 설정 ---------- */
table{font-size: 14px; width: 100%; border-top: 1px solid #008470; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
tr{line-height: 20pt;}
th{padding: 14px 15px; color: #333; font-weight: 500; border-bottom: 1px solid #ddd; font-size: 14px;}
td{padding: 14px 15px; background-color: #fff; border-bottom: 1px solid #ddd; color: #666; font-size: 13px;}

/* ---------- sub page - 회사소개 ---------- */
.table-history{border-top: none; border-bottom: 1px solid #dedede;}
.table-history th{color: #008470; font-weight: 500; background-color: #fff;}
.table-location{margin: 20px 0 30px;}
.table-location td > span:after{content: "\276F"; padding: 0 7px 0; color: #ccc;}
.table-location td > span.location-last:after{content:"";}

/* ---------- sub page - 사업소개 ---------- */
.business_wrap > div{padding: 0;}
.business_wrap figure{max-height: 180px; overflow: hidden;}
.business_wrap figure > img{width: 100%;}
.business_wrap > div div{border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 20px 15px 20px; min-height: 280px; display: inline-block;}
.business_wrap > div:first-child div{border-left: 1px solid #dedede;}
.business_wrap h3{margin: 0 0 20px; color: #008470; font-weight: 500; font-size: 18px; line-height: 1.5; text-align: center;}
.business_wrap p{margin: 0; color: #666; line-height: 1.8; text-align: center;}
.business_wrap .contact{padding: 20px; border: 1px solid #eaeaea; margin: 50px 15px 0; display: inline-block; width: 100%;}
.business_wrap .contact dl{float: left; margin: 0;}
.admin_info dt{color: #555; float: left; font-weight: 500; padding-left: 20px; margin-right: 20px;}
.admin_info dt:first-child{padding-left: 0;}
.admin_info dd{color: #767676; float: left; display: inline-block;}
@media screen and (max-width: 767px) {
    .business_wrap > div:first-child div, .business_wrap > div div{border: none;}
}

/* ---------- sub page - 제품소개 ---------- */
.product-img > img{border-radius: 100%; overflow: hidden; border: 6px solid rgba(0,0,0,0.1); width: 270px; height: 270px; margin: 0 auto 30px;}
.product-info h3{ margin: 0 0 0; font-size: 30px; font-weight: 300;}
.product-info h4{color: #9e9e9e; margin: 0 0 0; padding: 0 0 5px; font-size: 14px; font-weight: 600;}
.product-detail{margin-top: 20px;}
.product-detail h5{color: #555; font-size: 21px; font-weight: 400; border-bottom: 1px solid #888; display: inline-block; padding: 0 0 8px; margin: 20px 0 0;}
.product-detail dl{border-top: 1px solid #ccc; margin: -1px 0 30px; padding: 20px 0 0;}
.product-detail dt{font-size: 15px; font-weight: 400;}
.product-detail dd{font-size: 14px; color: #6e6e6e; margin: 10px 0 0; line-height: 1.8;}
@media screen and (max-width: 767px) {
    .product-info {padding: 0; margin: 20px 0 0;}
}

/* ---------- sub page - 메일문의 ---------- */
.form-control{padding: auto 16px; height: auto; font-size: 13px; line-height: 1.6; color: #666; border-radius: 0;}
#mailForm .btn-primary{background: #494f48; border-radius: 0; border: 1px solid #494f48 !important; padding: 8px 0 8px;}
#mailForm .btn-primary:focus, .btn-primary:hover{background-color: #008470 !important; border: 1px solid #008470 !important;}

/* ---------- sub page - 로그인 ---------- */
.login-layout .panel{border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent;}
.login-layout .panel-body h2{margin: 0; color: #454545; font-size: 20px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p{font-size: 13px; color: #666;}
.login-layout .inner-box-form form label{font-size: 14px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background: #fff !important; border: 1px solid #d5d5d5;}
.login-layout .btn-warning{background-image: none; background-color: #494f48; border: 1px solid #d0d0d0; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 0 rgba(0,0,0,0); color: #f5f5f5;}
.login-layout .btn-warning:focus, .login-layout .btn-warning:hover{background: #008470;}
.login-layout form > div > p > a{display: inline-block; float: left; font-size: 12px; color: #777;}
.login-layout form > div > p > a:hover{color: #303030;}
.login-layout form > div > p > a:after{content: " | "; font-size: 8px; padding: 0 5px 0; margin: 0; color: #d9d9d9;}
.login-layout form > div > p:last-child > a:after{content: "";}

/* ---------- sub page - 회원가입 ---------- */
.join-agree-layout .sub_top_wrap{margin-top: -40px; margin-bottom: 40px;}
/* //서브 페이지 설정 끝 */


/* 게시판 설정 시작 */
/* ----- 레프트 메뉴 ----- */
.dh-board, form#insertForm, form#mailForm, .img-bbs-default-index-layout > div:nth-child(2), .dh-view-box.dh-margin-topx2{display: inline-block; width: calc(80% - 90px); margin: 0 auto; padding: 0 10px 0 40px; max-width: 1170px; border-left: 1px solid #dedede;}
.bbs-list-index-layout #content, .contact-mail-layout #content, .img-bbs-default-index-layout #content, .vod-index-layout #content, .bbs-blog2-index-layout #content, .bbs-blog-view-layout #content, .bbs-list-view-layout #content{width: 75%; padding: 0 40px 0;}
@media screen and (max-width: 991px) {
    .dh-board, form#insertForm, form#mailForm, .img-bbs-default-index-layout > div:nth-child(2), .dh-view-box.dh-margin-topx2{width: 100%; padding: 0 15px 0; margin: 0;}
	.bbs-list-index-layout #content, .contact-mail-layout #content, .img-bbs-default-index-layout #content, .vod-index-layout #content, .bbs-blog2-index-layout #content, .bbs-blog-view-layout #content, .bbs-list-view-layout #content{width: 100%; padding: 0;}
}
/* ----- 텍스트 게시판 설정 ----- */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 14px 10px; color: #6d6d6d; font-size: 14px;}
.table > thead > tr > th{vertical-align: middle; border-bottom: 1px solid #ccc; font-weight: 500; color: #555;}
.table > tbody > tr > td > strong > a{color: #555;}
.table > tbody > tr:hover > td > strong > a{color: #353535;}
.dh-board > .table-hover{border-top: 1px solid #008470; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td{background-color: #f7f7f7;}
.dh-margin-top{margin-top: 40px; display: inline-block;}

/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #008470;}
.label-primary{color: #2b5cb7;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #008470; border: 1px solid #008470 !important;}
.pagination > li > a, .pagination > li > span{color: #9D8478;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #9D8478;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box{margin-top: 40px;}
.sns-box{display: none;}
.dh-view-box>.row>.page-header{border-top: 1px solid #008470; border-bottom: 1px solid #eee; padding: 5px 20px 5px; margin: 0 10px 0 20px;}
.dh-view-box>.row>.page-header>h4{color: #303030; font-weight: 400;}
.dh-view-box>.row>.dh-view-info{border-bottom: none; background: transparent; padding: 8px 20px 8px; margin: 0 10px 0 20px; color: #888;}
.dh-view-box>.row>.dh-view-info>span{padding: 0 15px 0 0;}
.dh-view-box>.row>.dh-view-info>span>strong{color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach{padding: 0 40px 0;}
.dh-view-box .dh-attach h6{margin: 0; padding: 0;}
.dh-view-box>.row:nth-child(2)>div:nth-child(3){padding: 30px 40px 40px !important;}
/* //게시판 설정 끝 */

/* ----------------------------------------------------------------
	About us
-----------------------------------------------------------------*/
.lead h3 {
	color: #99714f;
}
.lead p {
	line-height: 1.4em;
}
.lead p span {
	font-size: 0.8em;
}
.title-stripe {
	display: block;
	width: 63px;
	height: 4px;
	margin-bottom: 25px;
}
.title-stripe-white {
	background-color: #fff;
}
.title-stripe-dark {
	background-color: #222222;
}

/* ----------------------------------------------------------------
	Clients
-----------------------------------------------------------------*/
.nobottommargin { margin-bottom: 0 !important; }
.center { text-align: center !important; }

.clients-grid,
.testimonials-grid {
	list-style: none;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.clients-grid li,
.testimonials-grid li {
	float: left;
	position: relative;
	width: 20%;
	padding: 20px 0;
}

.clients-grid.grid-2 li {
	width: 50%;
	padding: 25px 0;
}

.clients-grid.grid-3 li { width: 33.33%; }

.clients-grid.grid-4 li { width: 25%; }

.clients-grid.grid-6 li { width: 16.66%; }

.clients-grid li a { opacity: 0.6; }

body:not(.device-touch) .clients-grid li a {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.clients-grid li a:hover { opacity: 1; }

.clients-grid li a,
.clients-grid li img {
	display: block;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.clients-grid li a img { width: 100%; }

.clients-grid li:before,
.clients-grid li:after,
.testimonials-grid li:before,
.testimonials-grid li:after {
	content: '';
	position: absolute;
}

.clients-grid li:before,
.testimonials-grid li:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px dashed #DDD;
}

.clients-grid li:after,
.testimonials-grid li:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px dashed #DDD;
}
/* ----------------------------------------------------------------
	연혁
-----------------------------------------------------------------*/
.content-history ul.exp {
	padding: 0 15px  15px;
}
.history2 {
	margin: 0;
	padding: 0 0 20px 350px;
	list-style: none;
	background-image: url('../img/history/history.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
	.history2 li  { margin-bottom: 20px; word-break:break-all;}
	.history2 li h4 {
		margin-bottom: 10px; 
		font-size: 25px; font-weight:bold; letter-spacing: -0.05em;
	}
	.history2 li h4 i { font-size: 0.5em;}
	
		.history2 li h4 {
			padding: 10px 25px;
			background-color: #9a9da1;
			border-radius: 100px;
			color: #fff !important;
		}
	
	.history2 li ul {
		margin: 0;
		padding: 0;
	}
	
		.history2 li h4,
		.history2 li ul {
			display: inline-block;
			vertical-align: top;
		}
	
	.history2 li ul li { 
		padding: 0;
		margin: 0;
	}
	.history2 li ul li span { display:inline-block;  padding-right: 15px; font-size: 1.1em; font-weight: bold;}

/* ----------------------------------------------------------------
	사업분야
-----------------------------------------------------------------*/
.content-business {
}
.content-business h3 {
	font-size: 1.7em;
	font-weight: 600;
	color: #4867c1;
	letter-spacing: -0.07em;
	text-transform: none;
}
	.content-business h3 i,
	.content-business h4 i {
		font-size: 0.9em;
		vertical-align:middle;
	}
.content-business h4 {
	font-size: 1.4em;
	color: #5d82c9;
	letter-spacing: -0.07em;
}
.content-business  .content-grid-item { 
	padding: 20px;
}
	.content-business  .content-grid-item { 
		min-height: 240px;
	}
/* ----------------------------------------------------------------
	학습지,카탈로그,팜플렛
-----------------------------------------------------------------*/
.content-learningbook h3,
.content-learningbook h4,
.content-learningbook h5,
.content-summary h4,
.content-summary h5 {
	font-weight: 600;
	color: #99714f;
	line-height: 1.3em;
}
.content-learningbook h3 {
	font-size: 35px;
}
.content-learningbook h4,
.content-summary h4 {
	font-size: 21px;
	min-height: 60px;
}
.content-learningbook h5,
.content-summary h5 {
	font-size: 17px;
}
	
	.content-pamphlet h4,
	.content-catalog h4 {
		padding-left: 80px;
		padding-top:15px;
		background: url(../img/contents/catalog_title_img.jpg) 0 0 no-repeat;
	}
	
	.content-catalog h4 {
		border-bottom: 1px solid #ccc
	}
	
	.content-summary h4 {
		padding-left: 80px;
		padding-top:15px;
		padding-bottom:15px;
		margin-top: 20px;
		border-bottom: 1px solid #ccc;
		background: url(../img/contents/catalog_title_img.jpg) 0 50% no-repeat;
	}
	.content-summary h4 span {
		font-size: 0.8em;
	}
	.content-summary div stron {
		color: #99714f;
	}
	.content-summary blockquote p {
		font-size: 17px;
		line-height: 2em;
		font-weight: 600;
	}
	
.content-pamphlet {
	background: url(../img/contents/catalog_bg.jpg) 0 0 repeat-y;
}
.content-summary ul,
.content-summary ol {
	margin:0;
}

.blog-posts { min-height: 200px;}
.historycont li {
	overflow:hidden;
	margin-bottom:30px;
}
	.historycont li span {
		float:left;
		width:12%;
		font-size: 14px;
		line-height: 1.8;
	}
	.historycont li p {
		float:left;
		width:88%;
		padding:0;
		margin-bottom:0;
	} 
.historycont.reward li span{width:18%;}
.historycont.reward li p{width:82%;}
.col-md-12 .txtwarning {color:red;}
.col-md-12.product .img-responsive {margin-bottom:20px;}
.col-md-12.product h4 {padding-bottom:10px;}
.col-md-12.product ul {
	margin-bottom:20px;
}
.case-img {
	width:100%;
	padding:0 15px 35px;
	overflow:hidden;
}
	.case-img img {
		box-shadow: 10px 10px 5px #aaa;
	}
	.case-img .img-left {
		float:left;
		width:48%;
		margin-top:20px;
	}
	.case-img .img-right {
		float:right;
		width:48%;
		margin-top:20px;
	}
.casecont .table th,
.casecont .table td{
	text-align:center;
	vertical-align:middle;
}
.ideologycont {margin-bottom:20px;}
.ideologycont li {
	overflow:hidden;
	margin-bottom:5px;
}
.content-ideology h4 {
	padding-bottom:10px;
}

.product ul{margin: 0 0 15px;}