@charset "utf-8";

/* ----- 서브페이지 COMMON 설정 ----- */
.sub{}}
#content {padding-bottom: 40px; min-height: 400px;}

/* Sidebar */
.sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


.sidebar .sidebar-header {padding-bottom:20px; 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 {font-weight: normal;}/*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 address {
		margin-top: 10px;
		line-height:1.5em;
	}
	aside .aside-help ul {
		margin-top: 10px;
	}
	aside .aside-help li span {
		display: inline-block;
		padding-left: 5px;
		width: 60px;
	}
/* ----- 서브페이지 content 설정 ----- */
/* page-header */
.pageheader_wrap{display: block; width: 100%; border-bottom: 1px solid #dedede; padding: 0 0 15px; margin: 0 0 20px;}
.pageheader_wrap h3{display: inline-block; margin: 0; padding: 0;}
.contents-header { position:relative; margin: 0 0 0; min-height: 200px; }

.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: 80px;
	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;*/
}
#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 {}
.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: 2.5em; color: #757575; margin: 0 0 14px; padding: 0 0 10px;}
/*.content_wrap .lead { font-size: 16px;}*/

/* ---------- 텍스트 스타일 설정 ---------- */
.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 {background: #fff; margin: 0 0 30px; border-top: 1px solid #ddd;}
.nav-tabs > li > a { display:inline-block;margin: 0; padding: 12px 50px 12px; 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: #8dc63f; border: 1px solid transparent !important;}

/* ---------- 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;}
}

/* ----- 게시판 버튼 설정 ----- */
.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;}