/** 웹폰트 호출 **/
@import url(http://fonts.googleapis.com/css?family=Grand+Hotel&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
/**타이틀폰트**/
.intro-boardbox>.page-header{text-align:left;}
.page-header{text-align:center;border-bottom:1px solid #ccc;}
.vTitle-fonts{font-family: 'Great Vibes', cursive !important;}
.vTitle-fonts small{color:#000;font-size:11px;font-family: "NanumBarunGothic","나눔고딕","NanumGothic","맑은 고딕","Malgun Gothic","Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.vTitle-fonts2{color:#000;font-family: "NanumBarunGothic","나눔고딕","NanumGothic","맑은 고딕","Malgun Gothic","Helvetica Neue",Helvetica,Arial,sans-serif !important;}
/**교회소개**/
.vinfo-text div{color:#fff;}
.vinfo-text div h4{font-weight:900;}
.vinfo-text1{background:#09F;padding:15px;}
.vinfo-text2{background:#F60;padding:15px;}
.vinfo-text3{background:#666;padding:15px;}
.vinfo-text4{background:#693;padding:15px;}
/**조직도**/
.vorgp .panel-heading{background-image: linear-gradient(to bottom, #fff 0px, #fff 100%);background-color: #fff;}
/**모바일메뉴 상단 마진**/
.mobile-btn-layout {
    margin-top: 0px !important;
}
/** 인트로 슬라이드 수정 **/
.flex-caption>.intro-title:first-child{font-family: 'Grand Hotel', cursive,  "NanumBarunGothic";}
.flex-caption span.intro-title {font-size: 30px;font-weight: normal;}
.flex-caption span:first-child{background:none;text-shadow: horizontal-offset vertical-offset blur color;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
/** 슬라이드 테두리 설정 **/
.flexslider {border: 2px solid rgba(255, 255, 255, 1);border-radius: 0px;}
/** 로고위치(상하) 조절 **/
.navbar-brand img {margin-top: -2px;}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 최상단여백 크기 설정 **/
.topmarginLay_a{padding:40px;}
@media (max-width: 768px) {
.topmarginLay_a{padding:70px;}
}
/** 각각의 페이지 타이틀 설정 **/
.panel-default >.vine-title-title{background-repeat: none;padding:30px 0;}
/*.custom-title{padding:25px 0;}*/
/** 상단 메뉴바 배경색지정 **/
.navbar-inverse {background-color: #283e56;border-color: #ffffff;}
/** 상단 메뉴바 배경 **/
.navbar-inverse{background-image:url(/skin/img/aaad.png);}
.navbar-inverse {background-repeat: repeat !important;}
/** 상단 메뉴바 보더설정 **/
/*.navbar {border-top: 10px solid #F90!important;border-bottom: 2px solid #f90!important;}*/
/** 메뉴 폰트 설정 **/
.navbar-inverse .navbar-nav > li > a {color: #fff;font-weight:700;font-size:15px;text-shadow: horizontal-offset vertical-offset blur color;text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
/** 메뉴구분선 삭제 **/
.navbar-inverse .divider-vertical {border-right-color: rgba(236, 205, 171, 1);border-left-color: rgba(195, 130, 16, 1);display:none;}
/** 하단 카피라이트 영역 설정 **/
.footer_copy>.col-lg-12{background:#ffffff;border-top:3px solid #ffffff;padding:25px 5px;margin-top:15px;background-image:url(/skin/img/aaad.png);color:#ffffff;}
/** body 배경 **/
body{background-image:url(/skin/img/halftone.png);}

/**위젯contact,예약하기 설정**/
.vs-contact-widget{background:#fff;border:1px solid #bbb;padding:15px;}
.vs-contact-widget>div{font-family: 'Grand Hotel', cursive,  "NanumBarunGothic";font-size:18px;}
.vs-contact-widget ul{list-style:none; padding-left:0px;}
.vs-contact-widget ul li span{padding-right:15px;font-size:12px;}
.vs-contact-widget ul li a{color:#000;font-weight:bold;font-size:12px;text-align:right;}

/**인트로 방안내 썸네일**/
.intro-room-box{margin-top:25px;}
.intro-room-thumb{margin-bottom:10px;overflow:hidden;}
@media (max-width: 768px) {

}
.intro-room-thumb>div>a{color:#333;border:1px solid #ccc;display:block;}
.intro-room-thumb > div > a:hover {color: #333;border: 1px solid #0bcfb6!important; display: block;}
.intro-room-thumb>div>a>div{border:0px solid #bbb;font-size:12px;font-weight:bold;background:#fff;padding:10px 0;}
.intro-room-thumb>div a>img{width:100%;}
/**인사말페이지 수정**/
.vs-hello img{width:100%;}

/**각페이지 타이틀설정**/
.custom-back1{background-image:url(/skin/img/page-title1.jpg)!important;background-size:cover!important;}
.custom-back2{background-image:url(/skin/img/page-title2.jpg)!important;background-size:cover!important;}
.custom-back3{background-image:url(/skin/img/page-title3.jpg)!important;background-size:cover!important;}
.custom-back4{background-image:url(/skin/img/page-title4.jpg)!important;background-size:cover!important;}
.custom-back5{background-image:url(/skin/img/page-title5.jpg)!important;background-size:cover!important;}
.custom-back6{background-image:url(/skin/img/page-title6.jpg)!important;background-size:cover!important;}
/*.tour-title-box{margin:5px 0 00px;background:#fff;background-image:url(/skin/img/ps_neutral.png)!important;}*/
.tour-title-box{margin:5px 0 00px;background:#fff;}
.tour-title-about-box{margin:0px 0 30px;background:#fff;border-top:1px solid #ededed;}
.tour-title-txt{padding:0px 10px;font-size:15px;color:#fff;height:60px;line-height:60px;}
.tour-title-img{padding:0px 00px;border-left:0px solid #ededed;}
.tour-title-img a{color:#000;display:block;font-size:15px;height:60px;line-height:60px;background:#f7f7f7;}
.tour-title-img a:hover{color:#fff;background:#0bcfb6;}
.tour-title-about{padding:20px 20px;font-size:11px;color:#444;}
.tour-title-reser a{color:#000;display:block;}

/**Top 버튼**/
.vs-topBtn{position:fixed;z-index:999999;right:4px;bottom:4px;padding: 1px 4px!important;}


.select_year{ display:block; background-image: url(/files/img/demo/bg_select_year.png); background-repeat: repeat-x; background-position: left 13px; text-align:center; height:100px; }
.select_year a{ outline:0 none; display:block; width:40px; height:56px; margin:0 40px; background-image: url(/files/img/demo/select_year.png); background-repeat: no-repeat; text-indent:100%; overflow:hidden}
.select_year a.y2010{background-position:-40px 0}
.select_year a.y2011{background-position:-80px 0}
.select_year a.y2012{background-position:-120px 0}
.select_year a.y2013{background-position:-160px 0}
.select_year a.y2014{background-position:-200px 0}
.select_year a.y2015{background-position:-240px 0}
.select_year a.y2016{background-position:-280px 0}
.select_year a.y2017{background-position:-320px 0}
.select_year a.y2018{background-position:-360px 0}
.select_year a:hover.y2009,
.select_year .selected a{background-position:0 bottom}
.select_year a:hover.y2010,
.select_year .selected a.y2010{background-position:-40px bottom}
.select_year a:hover.y2011,
.select_year .selected a.y2011{background-position:-80px bottom}
.select_year a:hover.y2012,
.select_year .selected a.y2012{background-position:-120px bottom}
.select_year a:hover.y2013,
.select_year .selected a.y2013{background-position:-160px bottom}
.select_year a:hover.y2014,
.select_year .selected a.y2014{background-position:-200px bottom}
.select_year a:hover.y2015,
.select_year .selected a.y2015{background-position:-240px bottom}
.select_year a:hover.y2016,
.select_year .selected a.y2016{background-position:-280px bottom}
.select_year a:hover.y2017,
.select_year .selected a.y2017{background-position:-320px bottom}
.select_year a:hover.y2018,
.select_year .selected a.y2018{background-position:-360px bottom}

.history{ padding:0 0 30px 180px; position:relative;}
.history h2{ position:absolute; top:0; left:0; width:80px; height:40px; text-indent:100%; overflow:hidden; background-image: url(/files/img/demo/h_year.png); background-repeat: no-repeat;}
#y2013{ padding:0}
#y2017 h2{ background-position:0 -640px;}
#y2016 h2{ background-position:-80px -560px;}
#y2015 h2{ background-position:-160px -480px;}
#y2014 h2{ background-position:-240px -400px;}
#y2013 h2{ background-position:-320px -320px;}
#y2012 h2{ background-position:-400px -240px;}
#y2011 h2{ background-position:-480px -160px;}
#y2010 h2{ background-position:-560px -80px;}
#y2009 h2{ background-position:-640px 0;}
.history h3,.history ul{ float:left; vertical-align:top}
.history h3{ width:50px; clear:left; color:#848484; font-family: verdana; font-size: 10px; }
.history ul { padding:0 0 8px 0;clear:right;}
.box2col li{ margin:0 34px 28px 0;}
.inline li, .inlinebox div, .history li{
    display:inline-block; *display:inline; zoom:1; vertical-align: top;
}