@import url(http://fonts.googleapis.com/css?family=Passion+One);
/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#fff;     /*배경 색*/
	border-color:#fff;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color:#ffffff;     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/






/********* 스킨제작 CSS *********/

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #845F15;
    background-color: transparent;
}


.navbar-inverse .divider-vertical {
    border-right-color: #fff !important;
    border-left-color: #fff !important;
}

.navbar-right { margin-top:20px; }

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #8F5F0C;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000;
    font-size: 14px;
    padding: 15px;
    margin: 0px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none !important;
}

/*** hj-page-title ***/
.hj-title { margin-top:40px; margin-bottom:30px; }
.hj-sitemap { font-size:14px; }
.hj-subtitle { font-size:25px; font-weight:700; margin-top:-5px; }

h1 { margin-top:10px; }

/*** main ***/

.intro-board-widget-layout > .intro-board-layout > .intro-boardbox > .page-header { margin-bottom:-10px; }

/*** 카페닷 스토리 ***/
.coffee1 { margin-bottom:30px; }
.hj-cafe { margin:0; padding:0; }
.hj-coffee { margin:0; padding:0; width:100% }
.coffee2 { width:100%; text-align:center; margin-top:40px; margin-bottom:40px; line-height:1.6; }
.coffee2 > h1 { font-size:40px; font-weight:700; }

.tos-wrapper .tos-caption {
    line-height: 20px;
    font-size: 18px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    bottom: 250px;
}







/*슬라이더*/
.flexslider {
    margin: 0px;
    border: 0px solid #FFF;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
}

.footer_copy{overflow:hidden;}
.footer_copy .text-center { padding: 30px; background:url('/skin/img/sprinkles_2x.png'); border-top:5px solid #D7CFC8 !important; }

.navbar-inverse {border-bottom: none; }
.socialArea a button>img{border-radius:50%;}

/** 가맹점안내 **/

.map-title { font-size:18px; padding:20px; }
.map-btm { border-bottom: 1px solid rgba(102, 102, 102, 0.26); }



/** 블로그 게시판 소스 **/




.dhb-txt-box-type-b-img-layout .thumb-hidden {
    height: 150px;border: 5px solid #f5f5f5;box-shadow: 0px 0px 0px 0px #000;
}
.bbs-blog2-index-layout .dhb-txt-box-type-b { width:25% !important; background-color: #FFF;border: 1px solid #FFF;}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
    text-align: left !important;
}
.dhb-txt-box-type-b-text-layout .txt-box-footer {
    float: left;
}

.dhb-txt-box-type-b-text-layout h4 {
    font-size: 16px;
    font-weight: normal; }

/** 채용공고 **/
.incruit, .incruit2 { text-align:center; }
.incruit > p { padding:115px; font-size:30px; font-weight:700; color:#fff; }
.incruit { background-image: url("/skin/img/barista2.jpg"); background-position: center center; margin-bottom:50px; }

.incruit2 { margin-bottom:50px; }
.incruit2 > .hj-incruit2 { font-size:18px; font-weight:400; line-height:1.5; }







/**pcg 추가**/



.navbar-inverse {
   border-top: 0px solid #E0DDAA;
   border-bottom: none;
}
.caret{display:none;}


.dropdown-menu {
    border-radius: 0px;
    border-bottom: 1px solid #E0DDAA;
}

.dropdown-menu > li > a {
    padding: 10px;
margin:0px;
font-size:12px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #F5F3DE;
    background-image: linear-gradient(to bottom, #E0DDAA0px, #E0DDAA100%);
    background-repeat: repeat-x;
}


.flexslider{border-bottom:6px solid #f0f0f0;}

.intro-board-widget-layout > .intro-board-layout > .intro-boardbox > .page-header {
    display:none;
}

.dh-front-blog > .col-md-4 > .thumbnail {
    min-height: 330px;
}
.intro-widgetbox > .page-header {
    display:none;
}


.socialArea a button > img {
    border: 4px solid #EDE8B0;
}
.intro-widgetBoardbox > a {
    background: #F2F0CD;
}

.row>.hj-location{background:#fff; }

.map-title {border: 1px solid #ddd;border-bottom: none;}
.map-btm {border: 1px solid rgba(102, 102, 102, 0.26);margin-bottom:8px;border-top:none;margin-top: -7px;padding: 10px;}
.hj-location>iframe{border:1px solid #ddd;}



/*로고*/
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #8B6825;
    background-color: transparent;
}
.navbar-inverse .navbar-brand{
    color: #8B6825;
    background-color: transparent;
font-family: 'Passion One', cursive !important;
font-size: 43px;
margin-top:10px;
}
.navbar-inverse .navbar-brand p{color: #888;font-size: 14px; font-family: arial; margin-top:-7px;}

/*서브페이지 채용공고*/
.hj-incruit4 > .coffee-sub { font-size:20px; font-weight:600; } 
span.label-warning {

    display: block;
    padding: 15px;
    font-size: 20px;
    font-weight: 400;
}

/* 서브페이지 연혁 */

.dot-story {
background-image: url("/skin/img/coffee3.jpg");
background-position: center;
color: #1D0202;
}

.dot-txt {
padding: 100px;
text-align: center;
background-color: rgba(255, 255, 255, 0.76);
border:2px solid #fff;
border-radius: 1500px;

}

span.story-title { font-size:25px; font-weight:700; color:#8A5833; } 

/* 서브페이지 가맹점 */

.fran { background-color:#8B6825; font-size:18px; line-height:1.6; }

/** 미디어쿼리 **/

@media all and (min-width:200px) and (max-width:500px) {

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #FFF;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b {
    width: 100% !important;
    background-color: #FFF;
    border: 1px solid #FFF;
}

.dot-txt {
    padding: 50px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.76);
    border: 2px solid #FFF;
    border-radius: 1500px;
}

.incruit2 > .hj-incruit2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.incruit > p {
    padding: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
}

.row { margin-left:0 !important; margin-right:0 !important; }

span.label-warning {
    display: block;
    padding: 15px;
    font-size: 10px;
    font-weight: 400;
}

} /*****200-500 end*****/

@media all and (min-width:501px) and (max-width:1024px) {

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #FFF;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b {
    width: 50% !important;
    background-color: #FFF;
    border: 1px solid #FFF;
}

.dot-txt {
    padding: 50px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.76);
    border: 2px solid #FFF;
    border-radius: 1500px;
}

.incruit2 > .hj-incruit2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.incruit > p {
    padding: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
}

.row { margin-left:0 !important; margin-right:0 !important; }

} /**미디어끝**/