@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.5.0/css/v4-shims.css);

html {overflow-x: hidden; overflow-y: scroll;}
body{
        min-width:353px;
}

.body-layout {background-color: #fff;
}
.body-layout.on{
	width:100%;
	position:fixed!important;
}
/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; word-break: break-word;}
.fas{font-family:Fontawesome}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol, ul, li {
	list-style: none;
	list-style-position: inside;
}

.navbar .caret, 
.navbar .divider-vertical, 
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {
	display: none;
}

/* layout */
.container_contents,.sub-layout{
	width:100%;
	padding:0!important;
}
.container_contents > .intro-html-layout{
	width:100%;
	padding:0!important;
    
		margin-top:142px;    
}


.mt-1em{
	margin-top:1em;
}
.mt-2em{
	margin-top:2em;
}


@media(max-width:767px){
	.container_contents > .intro-html-layout{
	padding:0!important;
		margin-top:59px;
	}
} 



/* -------로고부분 설정 시작------- */
.main_logo {
    padding: 17px 0 16px;
	background: #fff;
}

.main_logo_inner{
    height: 59px;
    position:relative;
    margin: 0 auto;    
}

@media (min-width: 768px) and (max-width:991px){
.main_logo_inner {
    width: 750px;
}
}
   

@media (min-width: 992px) and (max-width: 1199px)
{
    .main_logo_inner{
        max-width: 970px;
    }
}

@media (min-width: 1200px){
    .main_logo_inner {
    width: 1170px;
    }
}

 
.main_logo h1 {
    margin: 0 20px;
    display:block;
}

.main_logo h1 a {
	position: absolute;
    right:0;
}

.main_logo h1 a img {
	display:inline-block;
}

.main_logo h1 span {
    position: absolute;
    font-size: 10px;
    color: #888;
    left: 52px;
    bottom: -5px;
    text-align: center;
    display: block;
    width: 141px;
    letter-spacing: 0.45em;
}
.main_logo h1:before {
    /*content: "Bioactive Food Constituents Lab";*/
    /* content: 'Lab. of Bioactive Food Constituents'; */
    content: url(/skin/img/logo/bfc_logo.png);
    font-size: 35px;
    display: inline-block;
    vertical-align:middle;
    font-weight: 600;
    color:#2f5597;
}

.main_logo h1 a:after {
    content: ".";
    visibility: hidden;
    font-size: 1px;
    display: block;
    clear: both;
    line-height: 0;
    
}

/* -------메뉴 설정 시작------- */
.navbar{
    min-width:375px;
}



.navbar-inverse {
    background: #9e1a20;
    border: none;
    margin: 0;
    position: absolute;
    top: 0;
}
.navbar-brand{
	display:none
}
.topmarginLay_a {
    display:none;
	height: 142px !important;
}


@media screen and (min-width: 768px){
.navbar-inverse .navbar-nav > .divider-vertical {
    display:none;
    width:0px;
}
}




.navbar-brand {
	padding: 0;
}
.navbar-brand img {
	margin: 0;
}
.navbar-inverse .navbar-collapse {
    text-align: center;
    padding: 0;
    background-color: #FFF;
    line-height: 0;
}
.navbar-inverse .navbar-collapse > ul {
    float: none !important;
    margin: 0 auto;
    display: inline-block;
	width: 100%;
}
@media screen and (min-width:768px) {
	.navbar-inverse .navbar-nav > li {
		display: table-cell;
		width: 1%;
		float: none;
		text-align: center;
	}
}

.navbar-inverse .navbar-nav>li>a {
    padding: 15px 15px;
    text-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    border-right: 1px solid #86161b;
    background: #9e1a20;
}



@media (min-width: 768px){
.navbar-inverse .navbar-nav>li>a {
    font-size:11px;
    letter-spacing: -0.5px;
}
}

@media (min-width: 992px){
.navbar-inverse .navbar-nav>li>a {
    font-size:14px;
}
}

@media (min-width: 1200px){
    .navbar-inverse .navbar-nav>li>a {
    font-size:16px;
}
}


.navbar-inverse .navbar-nav>li:hover>a,
.navbar-inverse .navbar-nav>li:focus>a, 
.navbar-inverse .navbar-nav>li>a:focus, 
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #ffffff;
    background-color: #841e1f;
    box-shadow: none;
    border-color: #86161b;
}
/* ----- 하단 서브 메뉴 설정 시작 ----- */
.navbar-inverse .dropdown-menu {
    width: 100%;
    left: auto;
    right: auto;
    padding: 20px 0 16px;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
    background: #f3f3f3;
}
.navbar-inverse .dropdown-menu > li > a {
    background: rgba(0,0,0,0);
    color: #555555;
    font-size: 14px;
    letter-spacing: -0.2px;
    padding: 0 0 10px;
    text-align: center;
}
.navbar-inverse .dropdown-menu > li > a:hover, 
.navbar-inverse .dropdown-menu > li > a:focus {
    background: rgba(0,0,0,0);
    color: #bf2021;
    text-decoration: underline !important;
    font-weight: 600;
}

/* ----- 상단 메뉴 모바일 설정 시작 ----- */
@media screen and (max-width: 767px) {
	.navbar-inverse {
		background: #fff;
		box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	}
	.navbar-inverse .container {
		padding: 0;
	}
	.main_logo {
		display: none;
	}
	.navbar-brand{
		display:block;
		padding: 13px;
	}
	.navbar-brand img {
		max-width: 115px;
		float: left;
		margin-right: 6px;
	}
	.navbar-brand:after {
		content: "식품생리활성 연구소";
		color: #888;
		font-size: 10px;
		float: left;
	}
	.topmarginLay_a {
		height: 59px !important;
	}
    .navbar_top_wrap .navbar_top_logo {display: none;}
	.navbar_top_wrap .navbar_top_contact {
		position: fixed;
		padding: 6px 0;
		right: 90px;
		text-align: right;
		left: auto;
	}
    .navbar-inverse .navbar-header {
		display: inherit; 
		border-bottom: 1px solid #ededed; 
		margin: 0;
	}
	.navbar-inverse .navbar-collapse{
		margin:0;
	}
    .navbar-inverse .navbar-collapse > ul, 
	.navbar-inverse .navbar-collapse > ul > li {
		width: 100%;
		border: none;
	}
    .navbar-inverse .navbar-toggle {
		margin: 13px 12px;
		border: none;
	}
    .navbar-inverse .navbar-toggle .icon-bar {
		background-color: #444;
	}
	.navbar-inverse .navbar-toggle:focus, 
	.navbar-inverse .navbar-toggle:hover {
		background-color: #fff;
	}
	.navbar-inverse .navbar-toggle:hover .icon-bar {
		background-color: #ac2f30;
	}
	.navbar-inverse .navbar-nav>li>a{
		text-align:left;
    	border: none;
	}
	.navbar-inverse .navbar-collapse > ul > li {
		border-bottom: 1px solid #86161b;
	}
	.navbar-inverse .navbar-nav>li:hover>a, .navbar-inverse .navbar-nav>li:focus>a, 
	.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, 
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, 
	.navbar-inverse .navbar-nav>.open>a:hover {
		background-color: #383838;
	}
    .navbar-inverse .navbar-nav > li > a, 
	.navbar-inverse .navbar-nav>.open>a,
	.navbar-inverse .navbar-nav>.open>a:focus,
	.navbar-inverse .navbar-nav>.open>a:hover {
		padding: 15px 15px;
		text-align: left;
	}
    .navbar-nav .open .dropdown-menu {
		padding: 10px 0;
		background: #f3f3f3;
	}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		padding: 5px 15px;
		text-align:left;color: #616161;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #9e1a20;
	}
}
/* -------메뉴 설정 끝------- */


/* main page */
/* main page slide*/
#main-slide{
	position:relative;
	height:700px;
}
.carousel-inner{
	height:100%;
}
.item{
	width:100%;
	height:100%;
}

.glyphicon-chevron-left:before {
	content: url(/skin/img/slide/sl-prev.png);
}
.glyphicon-chevron-right:before {
	content: url(/skin/img/slide/sl-next.png);
}

/* .carousel-inner .item{
	background-repeat:no-repeat;
	background-position:left center;
	height:700px;
} */

.carousel-inner .slide1{
	background:url('/skin/img/slide/slide01.jpg') no-repeat 0 0;
	background-size:cover;
}
.carousel-inner .slide2{
	background:url('/skin/img/slide/slide02.jpg') no-repeat 0 0;
	background-size:cover;
}
.carousel-inner .slide3{
	background:url('/skin/img/slide/slide_2020_1.jpg') no-repeat 0 0;
	background-size:cover;
}

.main-snb a i {
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 100%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    color: #fff;
    font-size: 34px;
    margin: 0 0 12px;
}
.main-snb a span {
    display: block;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	.main-snb {
		bottom: 6%;
	}
}
@media screen and (max-width: 767px) {
	.main-snb {
    width: 100%;
    bottom: 6%;
	}
	.main-snb .col-sm-3 {
	    width: 25%;
	    border-bottom: 1px solid rgba(255, 255, 255, 0);
	}
	.main-snb a {
    	padding: 30px 15px;
    	font-size: 13px;
	}
	.main-snb a i {
	    width: 50px;
    	height: 50px;
    	line-height: 50px;
    	font-size: 20px;
    	margin: 0 0 7px;
	}
}
@media screen and (min-width: 768px) and (max-width:920px) {
	.main-snb a {
    	padding: 15px 15px;
    	font-size: 13px;
	}
} */


.carousel-caption {
    position: absolute;
    top: 40%;
    bottom: auto;
    font-size: 45px;
    text-align: left;
    margin: -200px 0 0;
    padding: 0;
}
.carousel-caption h2 {
    margin: 0;
    padding-left: 35px;
    color: #fff;
    font-size: 50px;
    font-weight: 200;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    line-height: 63px;
    position: relative;
    letter-spacing: -0.5px;
    word-spacing: -2px;
}
.carousel-caption h2:before {
    content: url(/skin/img/slide/sl-logo.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -99;
}

.carousel-caption h2 span{
    font-size: 25px;
}

.carousel-caption h2 b {
    display: block;
    font-weight: 500;
    word-spacing: -2px;
    letter-spacing: -0.8px;
}
.carousel-caption p {
    padding-top:10px;
    font-size: 21px;
}
.carousel-caption p b {
    font-weight: 500;
}


@media screen and (max-width: 767px) {
	#main-slide { height: 345px; }
	.carousel-caption h1 {
    font-size: 25px;
    line-height: 1.2;
	}
	.carousel-caption h1 span { font-size: 30px; }
}

@media screen and (min-width: 768px){
.carousel-caption {
    top:50%;
    transform:translatey(-50%);
    bottom:0px;
    padding-top:0px;
    text-align:left;
}
}

@media screen and (min-width: 768px){
.carousel-indicators {
    bottom: 0px;
}
}


 .main-snb {
     display:none;
    margin-top:30px;
     margin-left:-15px;
}

.main-snb-item{
    display:inline-block;
    width:20%;
    margin:10px 10px;
}

.main-snb .row {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

.main-snb .col-sm-6 {
    padding: 0;
    border-right: 1px solid rgba(255, 255, 255, 0);
}

.main-snb a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    color: #e6e6e6;
    font-size: 11px;
    text-align: center;
    text-decoration: none !important;
    letter-spacing: -0.02em;
}
.main-snb a:hover {
	color:#9e1a20;
    background: rgba(0,0,0,0.4);
}
.main-snb a i {
    border-radius: 100%;
    border: 1px solid rgba(255,255,255,0.4);
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    margin: 0 0 12px;
}
.main-snb a span {
    display: block;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.main-snb {
		bottom: 6%;
	}
}
@media screen and (max-width: 767px) {
	.main-snb {
    width: 100%;
    bottom: 6%;
    padding: 0 20px;
	}
	.main-snb .col-sm-3 {
	    width: 25%;
	    border-bottom: 1px solid rgba(255, 255, 255, 0);
	}
	.main-snb a {
    	padding: 30px 15px;
    	font-size: 13px;
	}
	.main-snb a i {
	    width: 50px;
    	height: 50px;
    	line-height: 50px;
    	font-size: 20px;
    	margin: 0 0 7px;
	}
}
/* sub page */
.sub-layout {
    margin-top:141px;
    padding: 60px 15px 80px;
}
.subpage,
.bbs-list-view-layout + .container{
	padding-bottom:80px;
}
#community01,
#community02,
#community03,
#community04,
#community05{
	padding-bottom:0;
}

@media(min-width:767px){
	.community-snb div{
		width:20%;
	}
	
	
}
@media(max-width:767px){
	.sub-layout { margin-top: 60px; }
}

/* sub page sub-top */
.sub-top-wrap {
    position: relative;
    width: 100%;
    height: 300px;
    background: url(/skin/img/sub/sub-top-bg.jpg) no-repeat 0 50%;
    background-size: cover;
}
.sub-top-header {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
}
.breadcrumb {
    height: 45px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 300;
    background: none;
    color: #fff;
    line-height: 45px;
    box-sizing: border-box;
}
.breadcrumb > li.active{
	color: #A9131B;
}
.breadcrumb > li+li:before {
    padding: 0 5px;
    color: rgba(255, 255, 255, 0.5);
    content: "/\00a0";
}
.sub-top-body {
    height: 210px;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.sub-top-body h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    line-height: 210px;
}
.sub-top-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    background: rgba(169, 19, 27, 0.85);
}
.sub-top-footer .row {
    margin: 0;
}
.sub-top-footer a {
    font-size: 16px;
    text-decoration: none !important;
    line-height: 45px;
    color: #ffffff;
	display:block;
    font-weight: 300;
}
.sub-top-footer div.active {
	background: rgba(0, 0, 0, 0.25);
}
.sub-top-footer div.active a {
    color: #fff;
    font-weight: 500;
}
@media(max-width:767px){
	.sub-top-wrap {
    position: relative;
    width: 100%;
    height: 300px;
    background: url(/skin/img/sub/sub-top-bg.jpg) no-repeat 0 50%;
    background-size: cover;
	margin-bottom:180px;
 	}
	.sub-top-body h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 220px;
}
	.sub-top-footer {
    position: absolute;
    left: 0;
    bottom: auto;
	top:100%;
    width: 100%;
    height: auto;
    background: rgba(169, 19, 27, 0.85);
}
}

.carousel-caption .text_area{
	text-align:left;
	letter-spacing: -0.6px;  
	padding-right: 50px;
}
.carousel-caption .text_area span{
	text-align:left;
	text-shadow:none;
	display: block;
	font-family:'Nanum Gothic', sans-serif !important;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}
.carousel-caption .text_area .topText {
    font-size: 28px;
    color: #ffffff;
    margin-bottom: 8px;
    font-weight: 600;
}
.carousel-caption .text_area .middleText {
    font-size: 54px;
    font-weight: 800;
    color: #ffffff;
    line-height: 50px;
    letter-spacing: -1.5px;
}
.carousel-caption .text_area .bottomText {
    color: #ffffff;
    font-size: 50px;
    line-height: 1.3;
    font-weight: 300;
}
.carousel-caption .text_area .bottomText em {
    color: #fff;
    opacity: 0.7;
}
.carousel-caption .borderText {
    border-top: 1px solid rgba(255,255,255,0.3);
    font-weight: 600;
    font-size: 26px;
    padding-top: 40px;
    margin-top: 40px;
}
.carousel-caption .box_area .row .col-md-6:nth-child(1) .box{
	background:#fff url('/skin/img/main/main-ico1.png') no-repeat right bottom;
}
.carousel-caption .box_area .row .col-md-6:nth-child(2) .box{
	background:#fff url('/skin/img/main/main-ico2.png') no-repeat right bottom;
}
.carousel-caption .box_area .row .col-md-6:nth-child(3) .box{
	background:#fff url('/skin/img/main/main-ico3.png') no-repeat right bottom;
}
.carousel-caption .box_area .row .col-md-6:nth-child(4) .box{
	background:#fff url('/skin/img/main/main-ico4.png') no-repeat right bottom;
}

.carousel-caption .box:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/skin/img/main/box-line.png) no-repeat;
}

.carousel-caption .box_area .row .col-md-6{
	margin-bottom:10px;padding:0 5px;
}
.carousel-caption .box {
    display: block;
    width: 100%;
    height: 200px;
    background-color: #fff;
    text-align: left;
    box-shadow: 6px 6px 12px rgba(0,0,0,0.15);
}
.carousel-caption .box_area .row .col-md-6 .inner{
	display:block;
	position:relative;
}

.carousel-caption .box span {
    position: absolute;
    top: 20px;
    left: 25px;
    text-align: left;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #2c2c2c;
    text-shadow: none;
}
.carousel-caption .box:after {
    content: "자세히보기";
    position: absolute;
    bottom: 26px;
    left: 25px;
    text-shadow: none;
    font-size: 11px;
    display: inline-block;
    width: 110px;
    color: #fff;
    padding: 7px 7px;
    line-height: 1;
    background: #444 url(/skin/img/main/box-btn-ico.png) no-repeat 96px 8px;
}

.carousel-caption .box:hover+.hoverBox,
.carousel-caption .hoverBox:hover,
.carousel-caption .hoverBox:focus{display:block;}
.carousel-caption .hoverBox {
    display: none;
    position: absolute;
    padding-top: 60px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    letter-spacing: -0.5px;
    background: rgba(51, 51, 51, 0.9);
}
.carousel-caption .hoverBox span{
	text-shadow:none;
}
.carousel-caption .hoverBox .title{
	display:block;
	margin-bottom: 10px;
	font-size:22px;
	font-weight:600;
	color:#fff;
}
.carousel-caption .hoverBox .title:after {
    content: "";
    width: 15px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 12px auto;
}
.carousel-caption .hoverBox .text{
	display:block; 
	margin-bottom: 5px;
	font-size:14px;
	color:#fff;
}
.carousel-caption .hoverBox .plusBox{
	position:absolute;
	top:0;
	right:0;
	border:35px solid #7a6d5d;
	border-color:#7a6d5d #7a6d5d transparent transparent;
	display:none
}
.carousel-caption .hoverBox .plusBox img {
	position: absolute; 
	top: -22px; 
	right: -22px;
}

.carousel .controlBtn{
	position:relative;
	width:1000px;
	margin:0 auto;
}
.carousel .controlBtn .controlBtn_inner{
	position:absolute;
	top:-85px;
}
.carousel .controlBtn .carousel-control{display: block;position:relative;width:19px;height: 19px;opacity: 1;line-height:0;}
.carousel .controlBtn .left.carousel-control{float:left;margin-right: 1px}
.carousel .controlBtn .right.carousel-control{float:left;margin-right: 15px;}
.carousel .controlBtn .pageNation{color:#FFF;text-shadow:none;font-size: 12px;vertical-align:2px;}
.carousel .controlBtn .pageNation .nowPage {font-weight: 600;}


@media screen and (max-width:767px){
    
	.carousel-inner .item {
		height: 345px;
	}
    .carousel-caption{
        bottom:40px;
    }
    
    
  	.carousel-caption .box_area{
		display:none;
	}
    
    .carousel-caption .text_area, .carousel-caption .text_area .topText, .carousel-caption .text_area span{
        text-align:center;
    }
    
    .carousel-caption .text_area .middleText{
        font-size:40px;
    }
    
    .carousel-caption .text_area .topText{
        font-size:20px;
    }
    
     .carousel-caption .text_area .borderText{
		display:none;
	}
    
    .carousel-caption .text_area{
        padding-right:0;
    }

/*   	.carousel-caption .box_area{
		margin-top: 38px;} */
	.carousel-caption .box{
		height: 130px
	}
	.carousel-caption .box span {
		left: 15px;
		top: 15px;
		font-size: 15px;
	}
	.carousel-caption .hoverBox .plusBox{
		display:none;
	}
	.carousel-caption .hoverBox {
		padding-top: 38px;
		display:block;
		background: rgba(158, 26, 32, 0.85);
	}
	.carousel-caption .hoverBox .title:after {
		display:none;
	}
	.carousel-caption .hoverBox .title {
		margin-bottom: 2px;
	}
	.carousel-caption .hoverBox .text {
		opacity: 0.6;
		font-size: 12px;
	}
}
@media screen and (max-width:10px){
	.carousel-caption_inner {
		padding: 0 25px;
	}
    .carousel-caption{
		width:auto !important;
		padding:0 15px;
	}
    .carousel-caption .text_area {
		margin-bottom: 40px;
	}
    .carousel-caption .text_area span{
		text-align:center;
	}
	.carousel-caption .text_area .middleText {
		font-size: 40px;
		line-height: 42px;
	}
	.carousel-caption .text_area .bottomText {
		font-size: 40px;
	}
	.carousel-caption .text_area .topText {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.carousel-caption .borderText {
		font-size: 18px;
		margin-top: 15px;
		padding-top: 15px;
	}
    .carousel-caption .controlBtn{display:none;}
}



/* ------- 메인 컨텐츠 -------*/
.container_contents {
	width: 100%;
}
.intro-html-layout > .col-sm-12:first-child {
    padding: 0;
}
.main-in {overflow: hidden; max-width: 1030px; padding: 0 15px; margin: 0 auto;}
@media screen and (min-width: 992px) and (max-width: 1200px) {.main-in {width: auto;}}
@media screen and (min-width: 768px) and (max-width: 991px) {.main-in {width: 750px;}}
/* subpage sub-content*/
.sub-content { padding: 60px 15px 0; 
    min-width: 375px;
    
}
.sub-title-wrap {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
}
.sub-title-wrap h2 {
    line-height: 1;
    margin: 0;
    font-size: 32px;
    letter-spacing: -0.7px;
    color: #333;
}
.sub-title-wrap h2 span {
    position: relative;
    display: inline-block;
    line-height: 1;
}


.sub-content .title {
    margin: 50px 0 20px;
    color: #a9131b;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    word-spacing: -1px;
    letter-spacing: -0.2px;
}
#pro02 .sub-content .title {color: #333;}

.sub-content .title.first-title {
    margin-top: 0;
}
.sub-content .title span {
	font-size: 14px;
	font-weight: 400;
}

.sub-content .title .small-cap {
    margin: 5px 0 0;
    font-size: 17px;
    font-weight: 300;
    display: block;
    color: #555;
}
.sub-content .sub-title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid;
    letter-spacing: -0.3px;
    margin: 0 0 20px;
}
.sub-content p {
    color: #666;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: -0.3px;
    margin: 0 0 20px;
    word-break: keep-all;
}
.sub-content p .strong-title {
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0 5px;
    display: inline-block;
    width: 100%;
}
.sub-title{
	margin-top:1.5em;
}
.mt-30{
	margin-top:30px !important;
}
.mt-40{
	margin-top:40px !important;
}

/* table 설정 */
.table-bordered thead th {
    background: #f7f7f7;
    color: #323232;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 15px !important;
    border: 1px solid #e1e1e1 !important;
}
.table-bordered tbody td {
    color: #555;
    font-size: 13px;
    padding: 12px 15px !important;
    border: 1px solid #e1e1e1 !important;
}
.table > tbody+tbody {
    border-top: 2px solid #e1e1e1;
    background: #f7f7f7;
}
.basic-table td {
    color: #666;
    letter-spacing: -0.3px;
    line-height: 27px;
}
.basic-table th, .basic-table td {
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 20px;
    font-size: 15px;
}
.basic-table th {
    background: #f3f3f3;
}
.basic-table {
    width: 100%;
    border-top: 2px solid #a9131b;
    border-bottom: 1px solid #ddd;
}


/* subpage intro */
.intro-lab-box {
    background: #f3f3f3;
    padding: 50px;
}
.intro-lab-box h3 {
    color: #a9131b;
	padding-bottom: 30px;
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.3px;
    word-spacing: -1px;
    line-height: 28px;
    border-bottom: 1px solid #ddd;
}
.intro-lab-box i {
	position: absolute;
	right: 70px;
    top: 50px;
    font-size: 54px;
    color: #d0d0d0;
}
.sub-content .intro-lab-box p span {
    padding-left: 20px;
    display: inline-block;
}
.sub-content .intro-lab-box p {
    font-size: 16px;
    color: #666;
    margin-bottom: 0;
    line-height: 29px;
}
.topics-list {
    padding: 0;
    margin: 0;
}
.topics-list .first {
    margin-top:-20px;
}
.sub-content .topics-list .title {
    margin-top: 0;
}
.sub-content .topics-list .sub-title {
    margin-top: 10px;
}
.sub-content .topics-list p {
    margin-bottom: 0;
}

.topics-list li {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
.map iframe {
    background: #f3f3f3;
}


/* subpage pro */
.professor-box {
    margin: 0;
    background: #f3f3f3;
}
.professor-box > div {
    padding: 0;
}
.professor-box .sub-list {
    padding: 6px 35px 6px;
}
.pro-table th {
    font-size: 20px;
    font-weight: 400;
    background: #fff;
}

@media(max-width: 767px){
	.pro-table th {
	    font-size:12px;
	}
}
.lecture-table th, 
.lecture-table td {
    border-right: 1px solid #ddd !important;
    text-align: center;
	padding: 15px 13px;
	font-size: 11px;
}
.lecture-table .left {
    text-align: left;
	padding: 15px 20px;
}
.lecture-table tr th:last-child, 
.lecture-table tr td:last-child {
    border-right: none !important;
}

.scheduler{
	border-top:none;
}
.scheduler th, 
.scheduler td {
    border-right: 1px solid #ddd !important;
    text-align: center;
}
.scheduler thead tr td {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    width: 15%;
    background: #a9131b;
    border-right-color: #d28185 !important;
}
.scheduler thead tr th {
    text-align: center;
    background: #a9131b;
    width: 10%;
    color: #fff;
	border-right-color: #d28185 !important;
}
.scheduler tr th:last-child, 
.scheduler tr td:last-child {
    border-right: none !important;
}


/* subpage member */
.thumbnail {
    margin: 0 0 15px;
    border-radius: 0;
    border: none;
    position: relative;
    overflow: hidden;
}
#member01 .sec1 img {
    height: 200px;
}
#member01 .sec2{
	margin: 45px -5px 0;
}
#member01 .sec2 > div{
	padding: 5px;
}

#member01 .sec2 > .clearfix{
	clear: both;
	display: table;
}

#member02 img {
    height: 200px;
}
/*
#member02 .sec3{
	padding-left: 97.5px;
	padding-right: 97.5px;
}
*/
#member02 .sec2 .col-sm-2, #member02 .sec3 .col-sm-2, #member02 .sec4 .col-sm-2, #member02 .sec5 .col-sm-2{
    padding-top:21px;
    /*border-top: 1px dashed #000;*/
}
#member02 .cont > .row{
    border-bottom: 1px dashed #ddd;
}
#member02 .cont > .row:last-child{
    border-bottom: 0;
}
.thumbnail .caption {
    width: 80%;
    font-size: 15px;
    display: block;
    float: right;
    padding: 0 0 0 30px;
}
.thumbnail .caption p {
    color: #555;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.06em;
    line-height: 1.4;
}
.thumbnail p.name {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin: 10px 0 0 0;
}
.thumbnail p.name .year{
    font-size: 12px;
}
#member01 .curr_mem{display: flex;align-items: flex-start;margin-bottom: 30px;}
#member01 .curr_mem img{height: auto;width: 49%;}
#member01 .curr_mem .thumbnail{background: #F9F6FC;margin: 0;padding: 52px 6px 51px;}
#member01 .thumbnail p.name {
    color: #333;
    text-align:center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 10px;
}
#member01 .thumbnail p.major{line-height: 1.3;font-size: 14px;text-align: center;margin: 0;}

.thumbnail p.content {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: 1.2;
    position: relative;
    padding-left: 10px;
}

.thumbnail p.content:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #a9131b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

.thumbnail .sub-list {
    padding-left: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.thumbnail .sub-list li {
    font-size: 14px;
    line-height: 23px;
}

@media(max-width: 1070px){
	.thumbnail {
		margin: 0;
		padding: 15px;
		height: max-content !important;
		border-radius: 0;
		position: relative;
	}
	.thumbnail:after{
		content:"";
		display:block;
		clear:both;
	}
	.thumbnail img {
		float: left;
		height: 150px;
		display: inline-block;
	}
	.thumbnail p.name{
	    text-align:center;
	}
	
}

.ungraduate-table th{
	font-size: 20px;
    font-weight: 400;
    background: #fff;
}

@media(max-width: 767px){
	#member02 .sec2 .col-sm-2, #member02 .sec3 .col-sm-2{
	    border-top: 0px solid #fff;
	}
	
	.ungraduate-table th{
	    font-size: 16px;
	}
}
/* subpage graduate */

/* subpage link */
.link-list {
    margin: 0;
    border-top: 2px solid #a9131b;
}
.link-list > div {
    border-bottom: 1px solid #ddd;
    padding: 30px 20px;
}
.link-list a {
    display: block;
    float: left;
    font-size: 18px;
    color: #666;
    line-height: 1;
}
.link-list .link-title {
    width: 20%;
    float: left;
	margin: 0;
}


@media(max-width: 990px){
    .link-list .link-title{
        width:100%;
          float:none;
          margin-top: -20px;
    }
}

@media(max-width: 767px){
    .link-list a{
        font-size: 16px;
    }
}
/*footer*/
/* ---------- footer 설정 시작 ---------- */
.footer_copy {
    padding: 30px 0 40px;
    overflow: hidden;
    font-size: 13px;
    border-top: 1px solid #ddd;
    background: #f3f3f3;
}
.footer-wrap {
    max-width: 1140px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
}
.footer-wrap + br {display: none;}
.footer-sns {float: right;}
.footer-logo, .footer-list {float: left; font-size: 13px;}
.footer-logo {margin-right: 50px; margin-bottom: 20px;}
.footer-list ul {overflow:hidden; padding:0;}
.footer-list ul li {float: left; list-style: none;}
.footer-list .link {overflow: hidden; margin: 10px 0 20px;}
.footer-list .link li {color: #777; margin-right: 30px;}
.footer-list .link li a {color: inherit;}
.footer-list .link li a:hover, .footer-list .link li a:focus{text-decoration:underline !important;}
.footer-list .info {max-width: 800px; color: #777; margin-bottom: 0;}
.footer-list .info li span {font-weight: 500;}
.footer-list .info li {margin-right: 20px; line-height: 1.7;}
.footer-list .copyright {font-size: inherit; color: #777;}
@media screen and (max-width:767px){
	.footer-logo{
		display:none;
	}
	.footer-list {font-size: 12px;}
	.footer-list .link {
		margin: 0 0 10px;
	}
	.footer-list .link li {
		margin-right: 15px;
	}
}
.footer-list .link strong{
    color:#000;
}
/* footer 설정 끝*/
/* ----- 게시판 설정 ----- */
.dh-board,
.dh-view-box,
.bbs-list-edit-layout #insertForm,
.bbs-list-add-layout #insertForm,
.img-bbs-default-add-layout .form-horizontal#insertForm,
.img-bbs-default-edit-layout .form-horizontal#insertForm,
.img-bbs-default-index-layout .dh-front-gallery,
.img-bbs-default-index-layout .page-nav,
.img-bbs-default-index-layout #btnNew {
	display: none;
}

.dh-board > .table-hover {
    border-top: 2px solid #a9131b;
    border-bottom: 1px solid #ccc;
    margin: 0 0 30px;
}
.form-horizontal {
	margin-bottom: 100px;
}
.dh-board .table > thead > tr > th,
.dh-board .table > tbody > tr > th,
.dh-board .table > tfoot > tr > th,
.dh-board .table > thead > tr > td,
.dh-board .table > tbody > tr > td,
.dh-board .table > tfoot > tr > td {
    padding: 16px 20px;
    color: #666;
    font-size: 15px;
}
.dh-board .table > thead > tr > th {
    background: #f3f3f3;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.3px;
    text-align: center;
}
.dh-board .table > tbody > tr > td {border-bottom: 1px dotted #dedede;}
.dh-board .table > tbody > tr > td > strong > a {color: #555;}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {color: #000;}
.dh-board .regdate,
.dh-board .hits, .dh-board .writer, .dh-board .status { text-align: center; }
.dh-margin-top{margin-top: 20px; display: inline-block;}
.dh-board .dh-margin-top .pagination { margin-top: 0; }

.dh-view-box {margin-top: 0px;}
.sns-box {display: none;}
.dh-view-box > .row { padding-left: 15px; padding-right: 15px; }
.dh-view-box > .row > .page-header {
    border-top: 2px solid #a9131b;
    border-bottom: 1px solid #ccc;
    background: #f3f3f3;
    margin: 0;
    padding: 15px 20px;
}
.dh-view-box > .row > .page-header > h4 {
    color: #333;
    font-size: 22px;
    margin: 0;
    font-weight: 500;
}
.dh-view-box > .row > .dh-view-info {border-bottom: 1px solid #ccc; background: rgba(0,0,0,0); padding: 8px 20px 8px; 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 h6 {margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {padding: 30px 20px 60px !important; min-height: 300px;}

.bbs-status-index-layout .regdate {display: none;}

.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label .glyphicon-lock {color: #666;}
.label-danger, .label-primary{color: #a9131b;}
.pagination>li>a,
.pagination>li>span {
	border: 1px solid #ddd;
	border-radius: 0 !important;
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 0;
	color: #666 !important;
}

.pagination>li:last-child>a {
	margin-left: 15px;
}

.pagination>li:first-child>a {
	margin-right: 15px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #f3f3f3;
    border: 1px solid #ddd;
    color: #a9131b!important;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	border-color: #bbb;
	background: #fff;
}

#insertForm .input-group .btn {
	border-radius: 0;
	font-size: 15px;
	border-color: #ddd;
}

#insertForm .input-group .form-control {
	height: 35px;
	box-shadow: none;
	border-color: #ddd;
}

#insertForm .input-group #btnNew {
    background: #444;
    border: 1px solid #444;
}
.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;}

.filter-items {
    text-align: center;
    padding: 0;
    margin: 0 0 20px;
}
.filter-items > a {
    margin: 0 2px !important;
}
.filter-items > a > .filter-label {
    background: #f7f7f7;
    border: 1px solid #dedede !important;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    letter-spacing: -0.04em;
    line-height: 1;
    margin: 0;
    padding: 15px 20px;
}
.filter-items > a:hover > .filter-label, .filter-items > a:focus > .filter-label {
    background: #fff;
    color: #a9131b;
    font-weight: 500;
}
.filter-items > a.on > .filter-label {color: #111;}
.filter-items > a.on > .filter-label::after {content: ''; display: block; background-color: #a9131b; width: 100%; height: 10px; z-index: 0; margin-top: -5px;}
.filter-items > a > .filter-label span {z-index: 1; padding: 0 20px;}
@media screen and (max-width: 767px) {
	.filter-items > a+a {margin-left: 7px;}
	.filter-items > a > .filter-label span {padding: 0 10px;}
}

.img-bbs-default-index-layout .layout.dh-front-gallery.thumbs {
	overflow: hidden;
}

.dh-front-gallery > .col-md-3 {
	width: 25%;
}
@media screen and (max-width:991px){
	.dh-front-gallery > .col-md-3 {
		width: 100%;
	}
}
.dh-front-gallery > .col-md-3 > a.thumbnail {
    padding: 0px;
    margin-bottom: 5px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
    width: 100%;
    min-height: 250px !important;
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dh-front-gallery > .col-md-3 > a.thumbnail:hover {
	background-size:contain;
}

/* calendar */
.contact-calendar-layout {
    padding: 0 0 80px;
}
.contact-calendar-layout .btn-danger {
    background: #a9131b;
    border: 1px solid #a9131b !important;
    border-radius: 0 !important;
    color: #e6e6e6;
    font-weight: 600;
    font-size: 12px !important;
    padding: 10px 15px !important;
    margin: 0 !important;
}
.contact-calendar-layout .btn-danger:hover, .contact-calendar-layout .btn-danger:focus {
	background: #fff;
	color: #a9131b;
}
.fc-button-group button {
    background: #f7f7f7 !important;
    border: 1px solid #dedede !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    padding: 0 20px !important;
    letter-spacing: -0.02em;
    line-height: 40px !important;
    height: 45px !important;
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
.fc-button-group .fc-state-active {
    background: #fff !important;
    color: #a9131b !important;
    font-weight: 500 !important;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
}

.table > tbody > tr > th {
	background: #f7f7f7;
	text-align: center;
    color: #323232;
	font-weight: bold;
}

.sub-list {
    margin: 0;
    padding: 0;
    text-align: left;
}

.sub-list li {
    list-style: none;
    color: #666;
    font-size: 15px;
    background-image: url(/skin/img/sub/bulit.png);
    background-repeat: no-repeat;
    background-position: 10px 12px;
    padding-left: 20px;
    line-height: 25px;
    letter-spacing: -0.3px;
    margin-bottom: 7px;
}

#presentations .sub-list li {
    font-size: 15px;
	margin-bottom: 15px;
}

#member01 .col-md-12 .row {
	margin-bottom: 15px;
}

#member02 .col-md-12 .row {
	margin-bottom: 15px;
}


.nav-tabs {
	background: #fff;
	margin: 0 0 15px;
	border-bottom: none !important;
}
.nav-tabs > li > a {
    text-align: center;
    margin: 0 0 0;
    padding: 12px 0;
    line-height: 1;
    border-radius: 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-right: 3px solid #fff;
    margin-bottom: 4px;
    background: #f3f3f3;
}


.nav-tabs > li > a:hover {
	background: #a9131b;
    border-right: 3px solid #fff;
    color: #fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #fff;
	background: #a9131b;
	border: none;
    border-right: 3px solid #fff
}

#publications .nav-tabs > li, #presentations .nav-tabs > li, #patent .nav-tabs > li {
    width: 10%;
}

.tab-content > div {
	padding: 20px 0;
}

.tab-wrap {
	padding: 0 15px;
}

@media (max-width: 1100px) {
	#publications .nav-tabs > li {
		width: 15%;
	}
}


@media (max-width: 990px) {
	.tab-wrap {
		margin: 0 -15px;
	}
	.nav-tabs > li {
		width: 50%;
	}
	.nav-tabs> li {
/* 		border-right: none;
		border-top: 1px solid #cecece; */
	}
	.nav-tabs> li> a {
		border-bottom: 1px solid #cecece !important;
		border-top: none !important;
		border-right: none !important;
		border-left: none !important;
	}
	
	.nav-tabs> li> a:hover {
		border-bottom: 1px solid #cecece !important;
		border-top: none !important;
		border-right: none !important;
		border-left: none !important;
	}
	
	.nav-tabs > li:nth-child(odd) a {
/* 		border-right: 1px solid #cecece !important; */
	}
	
	#publications .nav-tabs > li {
		width: 20%;
	}
}

@media (max-width: 767px) {
	.tab-wrap {
		margin: 0 -15px;
	}
	.nav-tabs>li {
		width: 100%;
	}
	.nav-tabs> li {
		border-right: none;
		border-top: 1px solid #cecece;
	}
	.nav-tabs> li> a {
		border-bottom: 1px solid #cecece !important;
		border-top: none !important;
		border-right: none !important;
		border-left: none !important;
	}
	
	.nav-tabs > li:nth-child(odd) a {
		border-right: none !important;
	}
	
	.nav-tabs> li> a:hover {
		border-bottom: 1px solid #cecece !important;
		border-top: none !important;
		border-right: none !important;
		border-left: none !important;
	}
	
	#publications .nav-tabs > li {
		width: 25%;
	}
}

@media (max-width: 450px) {
	#publications .nav-tabs > li {
		width: 33.33333333333%;
	}
}

#goTop {
    position: fixed;
    z-index: 9999999;
    right: 15%;
    bottom: 50px;
    width: 50px;
    height: 50px;
    padding: 14px 5px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    background: #444;
    border-radius: 0;
    box-shadow: 3px 5px 9px rgba(0,0,0,0.2);
}
/*
#goTop:before {
    content: '\f106';
    font-family: FontAwesome;
    position: absolute;
    top: -6px;
    left: 18px;
    font-size: 30px;
}
*/
#goTop:hover, #goTop:focus {
    background: #a9131b;
    text-decoration: none;
}
@media (max-width: 1780px) {
	#goTop {
    	right: 12%;
	}
}

@media (max-width: 1620px) {
	#goTop {
    	right: 10%;
	}
}

@media (max-width: 1450px) {
	#goTop {
    	right: 8%;
	}
}

@media (max-width: 1350px) {
	#goTop {
    	right: 5%;
	}
}

/* ---------- 로그인 ---------- */
.login-layout .panel-body > div.col-sm-12 {
	text-align: center;
}
.inner-box-msg {
	width: 100%;
	text-align:center;
	float: none;
	margin-bottom: 35px;
}
.inner-box-form {
    width: 100%;
	max-width: 440px;
    float: none;
    margin: 0 auto;
	overflow: hidden;
}
.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel{
    box-shadow: none;
    max-width: 540px;
    padding: 20px 0px 35px;
    margin: 40px auto 60px;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
}
.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control{
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ddd;
}
.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus{
    border-color: #a9131b;
}
.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning{
	float: right;
	width: 120px;
    height: 33px;
    background: #444;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #444;
    font-size: 13px;
}

.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover{
	border-color:#333;
	background:#333;
}

.id-find-layout h2,
.pw-find-layout h2{
	text-align:center;
}

/* ---------- 회원가입 ---------- */
.join-layout {
    max-width: 1170px;
    margin: 0 auto;
    padding: 60px 15px;
}
.join-layout .jumbotron {
    background: rgba(0,0,0,0);
    border-radius: 0;
    padding: 0 0 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
}
.join-layout .jumbotron h1 {
    font-size: 34px;
    font-weight: 700;
    color: #2c2c2c;
    margin: 0;
	display: inline-block;
}
.join-layout .jumbotron p {
    display:none;
}
.join-agree-area .panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}
.join-agree-area .panel .row {
    padding: 0 !important;
}
.join-agree-area .form-control {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
    background: #f3f3f3;
    padding: 10px 15px;
    font-size: 13px;
}
.join-agree-area .form-control:focus {
    border-color: #a9131b;
}
.join-agree-area .panel-footer {
    background: rgba(0,0,0,0);
    border: none;
    padding: 20px 0 0;
}
.join-agree-area .panel-footer .btn-default {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 16px;
    padding: 15px;
}
.join-agree-area .panel-footer .btn-default:hover {
    border-color: #bbb;
}
.join-layout .form-horizontal .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.join-layout .form-horizontal .panel-heading {
    border-bottom: none;
    line-height: 1;
    margin: 0 0 20px;
    color: #a9131b;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.5px;
    background: rgba(0,0,0,0);
    padding: 0;
}
.join-layout .form-horizontal .panel-body {
    padding: 0;
    border-top: 1px solid #ddd;
}
.join-layout .form-horizontal .panel-body .form-group {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 0;
}
.join-layout .form-horizontal .form-group .control-label {
    text-align: left;
    width: 200px;
    padding: 20px 15px;
    font-size: 14px;
    background: #f3f3f3;
}
.join-layout .form-horizontal .form-group .control-label br {
    display: none;
}
.join-layout .form-horizontal .panel-body .form-group .col-sm-6 {
    padding: 13px 15px 0;
}
.join-layout .form-horizontal .panel-body .joinForm-zipcode .col-sm-3 {
    padding: 13px 15px 0;
}
.join-layout .form-horizontal .form-group .form-control {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ddd;
}
.join-layout .form-horizontal .joinForm-addr .control-label {
    padding: 40px 15px;
}
.join-layout .form-horizontal .form-group label.error {
    font-size: 10px;
    margin: 0;
}
.join-layout .form-horizontal .panel-footer {
    border: none;
    padding: 0;
    background: rgba(0,0,0,0);
    border-radius: 0;
}
.join-layout .form-horizontal .panel-footer .form-group {
    padding: 20px 0 0 !important;
    margin-bottom: 0;
}
.join-layout .form-horizontal .panel-footer .btn {
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 16px;
    padding: 15px;
}
.join-layout .form-horizontal .panel-footer .btn-default:hover {
    border-color: #bbb;
    background: #fff;
}
.join-layout .form-horizontal .panel-footer .btn-success {
    border: 1px solid #6b6f75;
    background: #6b6f75;
}
.join-layout .form-horizontal .panel-footer .btn-success:hover {
    background: #55585d;
}

@media (max-width:767px){
	.dh-board > .table-hover td, .dh-board > .table-hover th {
		padding: 10px !important;
		font-size: 12px;
		font-weight: 400;
	}
	.dh-margin-top {
		margin-top: 10px;
	}
	.join-layout .jumbotron {
		font-size: 24px;
		padding-top: 23px;
	}
	.join-layout .form-horizontal .panel-body .form-group {
		padding: 15px 0;
	}
	.join-layout .form-horizontal .panel-body .joinForm-zipcode .col-sm-3 {
		padding: 0;
	}
	.join-layout .form-horizontal .form-group .control-label {
		width: auto;
		background: rgba(0,0,0,0);
		padding: 0;
	}
	.join-layout .form-horizontal .panel-body .form-group .col-sm-6 {
		padding: 0;
	}
}