body {overflow-x:hidden;}
/** 인트로 슬라이드 수정 **/
.flex-caption {text-align:right !important; left:-10% !important;}
.flex-caption span.intro-title {font-size: 35pt; 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: 0px;}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 상단 메뉴바 배경색지정 **/
.navbar-inverse {border: 0 none; background-image:none; background-color:rgba(255, 255, 255, 0.7);}
/** 메뉴 폰트 설정 **/
.navbar-inverse .navbar-nav > li > a {color: #000;font-weight:bold;font-size:12px; line-height:30px; margin-top:2px;}
.navbar-inverse .navbar-nav > li > a:hover {    color: #555;}
/** 메뉴구분선 삭제 **/
.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:#000; padding:40px 5px; color:#888;}
/* 모바일 메뉴 버튼 설정 */
.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; font-size: 18px;}


.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: #000;
    opacity: .5;
    -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(137,246,214,.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/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/header2.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:150px;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:10px; font-weight:bold;}
.philo p {padding:30px 0; width:85%; margin:auto; line-height:1.8;text-align:center; font-size:13.5px;}
.member b{display: block;}
#map_addr {text-align:center;}

.cover_shine{padding:100px 0; background-image:url("/skin/img/header6.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:150px;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:10px; font-weight:bold;}
.philo p {padding:30px 0; width:85%; margin:auto; line-height:1.8;text-align:center; font-size:13.5px;}
.member b{display: block;}
#map_addr {text-align:center;}

.cover_shine2{padding:100px 0; background-image:url("/skin/img/header6.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:70px;background-position: middle bottom;}
.philo3, .member {text-align:center; margin-bottom:100px; overflow:hidden;}
.philo3 h2, .member h2 {padding:50px 0;}
.philo3 h3 {line-height:30px; font-weight:bold;}
.philo3 p {padding:10px 0; width:100%; margin:auto; line-height:1.8;text-align:center; font-size:15px;}
.member b{display: block;}
#map_addr {text-align:center;}



.cover_bacoban{padding:100px 0; background-image:url("/skin/img/header7.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:150px;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:10px; font-weight:bold;}
.philo p {padding:30px 0; width:85%; margin:auto; line-height:1.8;text-align:center; font-size:13.5px;}
.member b{display: block;}
#map_addr {text-align:center;}



.cover_bacobanspray{padding:100px 0; background-image:url("/skin/img/header7.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:150px;background-position: middle bottom;}
.philo2 {text-align:left; margin-bottom:100px; overflow:hidden;}
.philo2 h2 {padding:50px 0;}
.philo2 h3 {line-height:10px; font-weight:bold;}
.philo2 p {padding:0; width:100%; margin:auto; line-height:1.5;text-align:left; font-size:13.5px;}
.philo2 span {font-weight:bold;}

blockquote {
    padding: 0px 20px ;
margin-left:50% !important;
    font-size: 17.5px;
    border-left: 7px solid #f89828;}
#map_addr {text-align:center;}

.sub_title {
    margin:0 0 25px 0 !important;
    font-size:15px!important;
    font-weight:bold; 
    border-left: 7px solid #24aee5;
   
}

.sub_title2 {
     margin-bottom:25px !important;
    font-size:20px!important;
    font-weight:bold; 
    border-left: 7px solid #f89828;
   
}

.paper {padding:80px 0px 0px 0px;}



.cover_partner {padding:100px 0; background-image:url("/skin/img/header8.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:150px;background-position: middle bottom;}
.cover_news {padding:100px 0; background-image:url("/skin/img/header10.jpg"); background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:150px;background-position: middle bottom;}

/*//////////////    캘린더 페이지   //////////////*/
.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/header9.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);}

.navbar-fixed-top .navbar-collapse {
    max-height: 540px!important;
}

/*  /////////////////////////////////////////////////////////  */
@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;}
        blockquote {
margin:0px 10px !important;}
.navbar-inverse {border: 0 none; background-image:none; background-color:rgba(255, 255, 255);}
.navbar-inverse .navbar-nav > li > a {color: #000;font-weight:bold;font-size:16px; line-height:30px; margin-top:0px;}

}