@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;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/


/* 빌더 스킨 제작 */


.hgallery-title > h3 { 
font-size: 18px;
line-height: 36px;
font-weight: 600;
padding: 0px 10px 6px 0px;
margin-bottom: 10px;
border-bottom: 1px solid #EEE; 
}

.hgallery-title > h3 > span {     
padding-bottom: 11px;
border-bottom: 3px solid #C2B3AE;
}

.footer_copy > .text-center > p {
    color: #393939 !important;
    text-shadow: 1px 1px #DADADA;
}

.alert-success { background-image:none !important; background-color:#FFF; border:1px solid #666; }
.alert-success > p { color:#666; }

.hgallery-txtbox > .icon-box-4-item > h4 > a { color:#92847F; font-weight:600; }
.hgallery-txtbox > .icon-box-4-item > .icon-box-4-icon > .fa { color:#666666; }

.hgallery-intro { background-image:none !important; background-color:#C2B3AE !important; color:#FFF !important; font-weight:700 !important; font-size:20px !important; }



/* 상단 서브 메뉴 설정 시작*/
.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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/************************** inside *************************/

.timeline {
    position: relative;
    list-style: outside none none;
    padding: 60px 0px;
}
.no-margin {
    margin: 0px !important;
}

.timeline::before {
    top: 0px;
    bottom: 0px;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #EEE;
    left: 50%;
    margin-left: -1.5px;
}

.timeline > li > .timeline-badge {
    color: #FFF;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -12.5px;
    background-color: #999;
    z-index: 1;
    border-radius: 50%;
}

.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px dotted #D2D2D2;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    background-color: #FFF;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;
    min-height: 300px;
}

.timeline-badge.warning {
    background-color: #F39C12 !important;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline-badge.danger {
    background-color: #E74C3C !important;
}

.timeline-body > .thumbnail { min-height:150px; }

.hj-badge { background-color: #FF7454 !important; }
.hj-badge2 { background-color:#3498DB !important; }

.timeline > li > .timeline-panel > .heading > h4 { border-bottom:3px solid #666666; display:inline-block; line-height:2; margin-top:0 !important; }
.timeline > li > .timeline-panel > .heading > small.heading-caption { display:block; }
h4.warning { border-bottom:3px solid #F39C12 !important; }
h4.danger { border-bottom:3px solid #E74C3C !important; }
h4.hj-badge1 { border-bottom:3px solid #FF7454 !important; }
h4.hj-badge3 { border-bottom:3px solid #3498DB !important; }



.vs-col3{margin-bottom: 15px;}
.vs-col3>div>div{min-height:150px;background-size:cover;background-position:center;position:relative;}
.vs-col3>div>div a{font-family: 'Rajdhani' !important; text-shadow: horizontal-offset vertical-offset blur color;text-shadow: 2px 4px 3px rgba(0,0,0,0.3); color:#007CA5 !important; color:#fff !important;font-size: 22px;display: block;padding: 70px 0;background: rgba(0,0,0,0.35);}
.vs-col3>div>div a:hover{color:#000!important;background: rgba(255,255,255,0.65);}
.vs-col3>div>div>div{position: relative;text-align: center;}
.vs-col3>div .main1 div{background-image: url("/skin/img/main1.jpg"); width:100%;min-height:150px;background-size:cover;background-position:center;}
.vs-col3>div .main2 div{background-image: url("/skin/img/main2.jpg"); width:100%;min-height:150px;background-size:cover;background-position:center;}
.vs-col3>div .main3 div{background-image: url("/skin/img/main3.jpg"); width:100%;min-height:150px;background-size:cover;background-position:center;}





/********* 스킨제작 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%;}

body {overflow-x:hidden;}
/** 인트로 슬라이드 수정 **/
.flex-caption {text-align:right !important; left:-10% !important;}
.flex-caption span.intro-title {font-size: 50pt; color:#fff; background-color:rgba(0, 0, 0, 0.5);}
.flex-caption span.intro-text {font-size: 20pt; }
/* 텍스트 로고 */
.navbar-brand:hover {   color: #333 !important;}
/** 로고위치(상하) 조절 **/
.navbar-brand img {margin-top: -2px;}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 상단 메뉴바 배경색지정 **/
.navbar-inverse {border: 0 none; background-image:none; background-color: #fff;}
/** 메뉴 폰트 설정 **/
.navbar-inverse .navbar-nav > li > a {color: #333;font-weight:500;font-size:15px; line-height:30px;}
.navbar-inverse .navbar-nav > li > a:hover {    color: #333;}
/** 메뉴구분선 삭제 **/
.navbar-inverse .divider-vertical {display:none;}
/* 소셜 버튼 배경색 설정  */
.footer-social-layout {background:#ffffff;}
/* 소셜 버튼 버튼 크기, 색 지정  */
.socialArea a .btn {font-size:16pt; color:#999;}
/** 하단 카피라이트 영역 설정 **/
.footer_copy>.col-lg-12{background:#efefef; padding:25px 5px; color:#777;}
/* 모바일 메뉴 버튼 설정 */
.navbar-toggle{border: none;margin-top: 9px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent;}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 1px;
}
.navbar-inverse .navbar-toggle .icon-bar {    background-color: #999;}
.navbar-toggle .icon-bar+.icon-bar {    margin-top: 6px;}

/*/////////////  게시판 설정  ///////////////////////*/
.sub-layout {margin-bottom:50px;}
.dhb-txt-box {background:transparent; padding:0; border:0; border-bottom:1px solid #ddd;}
.dhb-txt-list {padding:0; border-right:0; }
.thumb-hidden {border:0 none;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {height:200px;}
.bbs-blog2-index-layout .dhb-txt-box-type-b {background:transparent; border:0 none; padding:5px;}
.dhb-txt-box-type-b-text-layout h4 {margin:0;}
.dhb-txt-box-type-b-text-layout .txt-box-footer {text-align:left; float:left;}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {height:250px;}

.panel {border-radius:0;}
.panel-heading {background-image:none !important; border-radius:0;}
.page-header{border-bottom: 1px solid #eee !important;}

/*//////////////    메인 페이지   //////////////*/
.lineHeight { width:1px; height:50px; margin:25px auto; background-color:#000;}
.html-one {background:#fff; text-align:center; padding: 100px 0;}
.html-one .bg{ padding: 100px 0;text-align: center;}
.html-one .bg h3 {line-height:1.5;}
.html-one h2{    text-align: center; margin-bottom: 50px;}
.html-one i {font-size:30pt; padding-bottom:20px;}
.html-one h5 {font-size: 22px;margin-top: 40px;}
.html-one p {font-size: 13pt; padding: 12px; word-break: keep-all;}
.html-one img{ width: 80px; background-color: #f6f6f6; border-radius: 50%; padding: 12px;}
.html-one img:hover {background-color: #eee; transition:all 0.8s;}

/*
.html-two .carousel-indicators {bottom:85%; left:69%; text-align:right;}
.html-two  .carousel-caption {text-align:left; color:#fff;}
.html-two  .carousel-caption h3 {font-size:25pt;}
.html-two  .carousel-caption p {font-size:12pt;}
.html-two #co1 {background:url("/skin/img/slide/slide4.jpg") no-repeat center; height:300px;}
.html-two #co2 {background:url("/skin/img/slide/slide5.jpg") no-repeat center; height:300px;}*/
.html-two{ background-color:#f6f6f6; overflow: hidden;}
.html-two .bg{ padding: 100px 0;text-align: center;}
.html-two .txtBox h3{font-size: 30pt; margin-top: 20px; word-break: keep-all;}
.html-two .txtBox p{margin-top: 40px; word-break: keep-all;}
.html-two ul{ margin: 0; padding: 0;}
.html-two li{ padding: 0; overflow: hidden;}
.html-two h2{text-align: center;}
.html-two .ghost-btn2 a{display: inline-block; min-width: 180px;text-align: center;color: #fff; padding: 16px 0;transition: all 0.8s;
    border: 1px solid #555;background-color: #555;margin-top: 10px;}
.html-two .ghost-btn2:hover a{background-color: #3a3a3a !important;
    color: #fff !important;}   

.imgBox {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 3.2em 3.6em;
    top: 0;
    left: 0;
     text-transform: uppercase;
}
.category {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 -.8em;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    letter-spacing: .8em;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
   
}

.title {    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-weight: 800;
    font-size: 1.56em;
    line-height: 1.45;
    letter-spacing: 0.07em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-align:center;
}
.g-Wrap img{display: block; width: 100%; -webkit-transition: all 8s linear; -o-transition: all 8s linear; transition: all 8s linear;}
.g-Wrap li:hover img { -webkit-transform: scale(1.4); transform: scale(1.4);}
.g-Wrap li:after{    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:  #333;
    opacity: .7;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.g-Wrap li:hover:after { opacity: 0;}
.imgBox:hover .category{opacity: 0; letter-spacing: 2em;}

.imgBox:hover .project-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.imgBox:hover .project-zoom {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.imgBox:hover .title {top: 30px; opacity: 0;}

.project-zoom {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9em;
    height: 9em;
    margin: -4.5em;
    border-radius: 50%;
    background-color: rgba(197,164,126,.84);
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.project-zoom i { position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -18px; margin-top: -20px; color: #fff;}

.html-three {background:#fff; text-align:center; padding: 100px 0;}
.html-three h2{    text-align: center;
    margin-bottom: 40px;}
.html-three i {font-size:30pt; padding-bottom:20px;}
.html-three h5 {font-size: 22px;margin-top: 40px;}
.html-three p {font-size: 13pt; padding: 12px; word-break: keep-all;}
.html-three img{ width: 80px; background-color: #f6f6f6; border-radius: 50%; padding: 12px;}
.html-three img:hover {background-color: #eee; transition:all 0.8s;}

.html-four{ background-color:#f6f6f6; overflow: hidden;}
.html-four .bg{ padding: 100px 0;text-align: center;}
.html-four h3 {font-size: 20px; line-height: 1.7;font-weight: 300;}
.html-four .ghost-btn {text-align:right;}
.html-four .ghost-btn a {margin-top: 25px;}
.html-four .txtBox h3{font-size: 30pt; margin-top: 20px; word-break: keep-all;}
.html-four .txtBox p{margin-top: 40px; word-break: keep-all;}
.html-four .ghost-btn2 a{display: inline-block; min-width: 180px;text-align: center;color: #fff; padding: 16px 0;transition: all 0.8s;
    border: 1px solid #555;background-color: #555;margin-top: 10px;}
.html-four .ghost-btn2:hover a{background-color: #3a3a3a !important;
    color: #fff !important;}   


.html-five {padding:100px 0; background:url("/skin/img/bg05.jpg"); background-attachment: fixed;  color:#fff; }
.html-five h3 {font-size: 20px; line-height: 1.7;font-weight: 300;}
.html-five .ghost-btn {text-align:right;}
.html-five .ghost-btn a {margin-top: 25px;}

.intro-widgetbox {border:0 none;}
.intro-widgetbox>.page-header {border:0 none;}

/*//////////////    about 페이지   //////////////*/
.cover {padding:100px 0; background-image:url("/skin/img/mmm.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:100px;background-position: 50%;}
.philo, .member {text-align:center; margin-bottom:100px; overflow:hidden;}
.philo h2, .member h2 {padding:50px 0;}
.philo h3 {line-height:100px;}
.philo p {width:80%; margin:auto; line-height:1.8;}
.member b{display: block;}
#map_addr {text-align:center;}

/*//////////////    table 설정 (schedule 표 설정)  //////////////*/
.g-table tr th { background-color: #9E9E9E;color: #ffffff; padding: 13px 4px !important; font-size: 16px; font-weight: normal; line-height: 1.7!important; text-align: center;border: 0 !important;}
.g-table  tr:nth-child(odd) {color: #949494;}
.g-table tr:nth-child(odd) {background-color: #f9f9f9;}
.g-table tr:nth-child(even) {background-color: #f3f3f3;}
.g-table tr:nth-child(even) {color: #949494;}
.g-table {border-color: #e2e2e2;text-align: center;border-spacing: 2px;border-collapse: separate; margin-bottom: 20px;border: 0 !important;margin-bottom: 3em !important;}
.g-table tr td {padding: 15px 0px !important;border: 0 !important; vertical-align: middle !important;}
.g-table td:first-child {color: #555;}


/*//////////////    schedule 페이지   //////////////*/
.cover.schedule {background-image:url("/skin/img/yoga8.jpg"); background-position: 50% 120%;}
.cover.schedule + .container > .table{margin-bottom: 70px;}


/*//////////////    teachers 페이지   //////////////*/
.cover.teachers {background-image:url("/skin/img/event2.jpg"); background-position: 50%;}

/*//////////////    gallery 페이지   //////////////*/
.cover.gallery {background-image:url("/skin/img/c.jpg"); background-position: 50% -240px;}

/*//////////////    contact 페이지   //////////////*/
.cover.contact {background-image:url("/skin/img/sanaaa.jpg"); background-position: 50% -380px;}

/*//////////////    notice 페이지   //////////////*/
.cover.notice {background-image:url("/skin/img/community.jpg");background-position: 50% -370px;}
.goto-btn {margin-top:150px;}
.goto-btn .col-sm-4:nth-child(1) {background:url("/skin/img/yoga6.jpg") no-repeat center;}
.goto-btn .col-sm-4:nth-child(2) {background:url("/skin/img/yoga5.jpg") no-repeat center;}
.goto-btn .col-sm-4:nth-child(3) {background:url("/skin/img/yoga7.jpg") no-repeat center;}
.goto-btn a {background:rgba(0, 0, 0, .4) url("/skin/img/more.png") no-repeat 90% 90%; height:230px; color:#fff; text-indent:1.5em; display:block; border:1px solid #ccc;}
.goto-btn a:hover {background-color:rgba(0, 0, 0, .7);}

/*  /////////////////////////////////////////////////////////  */
@media (min-width:768px){
    .flex-caption {right:90%; !important; bottom:40% !important;}
    .contact-location-only-layout, .wide-layout {position:relative; width:100%; left:0; }
}
@media (min-width:992px){
    .flex-caption {right:90%; !important; bottom:40% !important;}
    .contact-location-only-layout, .wide-layout {position:relative; width:110%; left:-5%; }
}
@media (min-width:1200px){
    .flex-caption {right:90%; !important; bottom:40% !important;}
    .contact-location-only-layout, .wide-layout {position:relative; width:155%; left:-27.5%; }
    .accordion { margin: 0 auto;}
}
@media (max-width:991px){
    .flex-caption { bottom:0;  left:15% !important;}
    .flex-caption span.intro-title {font-size: 40pt;}
}
@media (max-width:480px){
    .flex-caption {right:90%; !important; bottom:30% !important;}
    .html-two .carousel-caption h3 {font-size:20pt;}
    .html-two .carousel-caption p {font-size:10pt;}
    .flex-caption>.intro-title {font-size: 14pt !important;}
    .flex-direction-nav a::before { font-size: 40px;}
}

/*슬라이더*/
.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%;}

.hgallery-title > h3 { 
font-size: 18px;
line-height: 36px;
font-weight: 600;
padding: 0px 10px 6px 0px;
margin-bottom: 10px;
border-bottom: 1px solid #EEE; 
}

.hgallery-title > h3 > span {     
padding-bottom: 11px;
border-bottom: 3px solid #C2B3AE;
}

.footer_copy > .text-center > p {
    color: #393939 !important;
    text-shadow: 1px 1px #DADADA;
}

.alert-success { background-image:none !important; background-color:#FFF; border:1px solid #666; }
.alert-success > p { color:#666; }

.hgallery-txtbox > .icon-box-4-item > h4 > a { color:#92847F; font-weight:600; }
.hgallery-txtbox > .icon-box-4-item > .icon-box-4-icon > .fa { color:#666666; }

.hgallery-intro { background-image:none !important; background-color:#C2B3AE !important; color:#FFF !important; font-weight:700 !important; font-size:20px !important; }



} /**미디어끝**/