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-image:url("/skin/img/bg.jpg"); overflow: hidden;}
.html-one .bg{ padding: 100px 0;text-align: center;}
.html-one .bg h3 {line-height:1.5;}

.html-two {padding: 0;margin: 0;overflow: hidden;}
.html-two ul{ margin: 0; padding: 0;}
.html-two li{ padding: 0; overflow: hidden;}
.html-two h2{text-align: center;}
.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: #111;
    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;}
.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 .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/bg055.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/header.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:100px;background-position: middle bottom;}
.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;}


/*//////////////    캘린더 페이지   //////////////*/
.cover.calendar {background-image:url("/skin/img/header5.jpg");background-position: middle bottom;}

/*//////////////    gallery 페이지   //////////////*/
.cover.gallery {background-image:url("/skin/img/header2.jpg");background-position: top center;}

/*//////////////    contact 페이지   //////////////*/
.cover.contact {background-image:url("/skin/img/header3.jpg");background-position: center bottom;}

/*//////////////    notice 페이지   //////////////*/
.cover.notice {background-image:url("/skin/img/header4.jpg");background-position: middle bottom;}
.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 {right:90%; !important; bottom:40% !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;}
}