/*body {background:url('/skin/img/background_img.png');}*/
body{background-color:#ffffff;}
@font-face {
		/*font-family:jua;*/
		src:url('/skin/font/BMJUA_ttf.eot');
		src:local(※), 
		url('/skin/font/BMJUA_ttf.woff') format('woff');
		}
* {
     padding:0px 0px 0px 0px;      /*내부 여백*/
     margin:0px 0px 0px 0px;       /*외부 여백*/
}
h1, h2, h3 ,h4 ,h5, h6 {font-family:jua !important;}

.navbar-inverse {
    font-family:jua; 
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 100%);
    background-repeat: repeat-x;
}
.navbar {
    border-bottom: 7px solid #000080 !important;
}
.navbar .divider-vertical {
    border-right: 0px solid #FFF;
    border-left: 0px solid #F2F2F2;
}
.navbar-inverse .navbar-nav > li > a{color:#000080;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ff9d00;
    background-color: transparent;
}

/* 슬라이더 부분 */

.flexslider {
    margin: 0px 0px 20px;
    background: none repeat scroll 0% 0% #FFF;
    border: 0px solid #FFF;
    position: relative;
    border-radius: 0px;
}
.fill h1 span {opacity:1; background-color:rgba(255, 255,255, 0); padding:0; text-shadow:0px white; font-size:40px;}
.fill p span {font-size:18px;opacity:0.8;background-color:rgba(255, 255,255, 0)}
.carousel-caption {left:0; background-color:rgba(0, 0, 0, 0.5); width:100%;}
/*조직도테두리*/ 
.img-thumbnail{
    border: 2px solid;
}

/* 메인 내용 부분 */

.intro-box{background-size:cover; text-align:center;padding:0px 0;margin-top:-1px;}
.intro-box a {display:block; width:100%; height:100%;}
.intro-box img{margin-top:5%; width:50%;}
.intro-box h4{padding:5% 0;color:#fff; font-size:20px;}
.introBox1{background-image: url('/skin/img/box_1.png');}
.introBox1 h4{ background-color:#d24801;}
.introBox2{background-image: url('/skin/img/box_2.png');}
.introBox2 h4{ background-color:#ff9d00;}
.introBox3{background-image: url('/skin/img/box_3.png');}
.introBox3 h4{ background-color:#5ab9ac;}
.introBox4{background-image: url('/skin/img/box_4.png');}
.introBox4 h4{ background-color:#52a717;}
.main_img img {width:100%;}

/* 가정통신문, 교육프로그램 */
.page-header {background-color:#0078FF; padding:5px 0 0 10px;}
.page-header h4 {color:#fff;}
.page-header > h4 > .btn {color:#fff !important; padding :0; margin:0 10px 0 0;}
.panel-body > h5 a,.panel-body > h6 a { font-family: 나눔고딕, NanumGothic, '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo Medium' !important; }

/* 갤러리 */
.intro-widgetBoardbox > a {background-color:#000080; padding:5px 0 0 10px;}
.intro-widgetBoardbox > a > h5 {color:#fff; font-weight:normal; font-size:18px;}
.intro-widget-layout {padding-top:13px;}
.fa.pull-right {display:none;}


/* 트위터 */

.intro-widgetbox > .page-header { margin-top:23px; background-color:#000080; padding:5px 0 0 10px;}
.intro-widgetbox > .page-header > h5 {color:#fff; font-weight:normal; font-size:18px;}


/*background-image:url('/skin/img/flower.png');*/
/* 서브메뉴 상단 */
.p-title{  background-repeat:no-repeat; background-position:bottom right; height:150px;margin-bottom:30px; padding:20px 0 25px 0; border-bottom:1px solid #9e9e9e; }
.p-title h3{font-size:30px;}
.p-title span{background:#333;padding:7px;color:#fff; font-size:15px;}


.p1-1{text-align:center;padding:25px;}
.p1-1 p{font-weight:bold;font-size:18px;}

.img100{width:100%;}

.p2-1 .panel .panel-body { font-size:16px; color:#787878;}
.p2-1 .p2-1-title{font-size:20px; font-weight:bold; padding:8px;}


/* 1:1 문의 text area*/
.q_2 textarea, .q_3 textarea {height:40px;}
.q_5 textarea {height:200px;}


/*================================ Basic CSS ===============================================*/

/*상단 메뉴 설정 시작*/
.navbar-inverse{
 background:url('/skin/img/background_img.png'); /* 네이게이션 배경 */
 border-color:#ededed;         /*테두리 색*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
 padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav {
 padding:22px 0px 0px 0px;  /*내부 여백*/
}
.navbar-inverse .navbar-nav > li > a{
 background-color:none;       /*배경 색*/
 color:#7d7c7a;                /*텍스트 색*/
 font-size:17px;               /*텍스트 크기*/
 padding:15px 15px 15px 15px;  /*내부 여백*/
 margin:0px 0px 0px 0px;       /*외부 여백*/
}
.navbar-inverse .navbar-toggle { /*모바일 사이즈 네비게이션 */
 margin:30px 20px 0px 0px; 
 border:2px solid #ff9d00;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { /*모바일 사이즈 네비게이션 */
 background-color:rgba(255, 255, 255, 0);
 border:2px solid #b37108;
 width:100%;
}
.navbar-inverse .navbar-toggle > span.icon-bar { /*모바일 사이즈 네비게이션 */
 background-color:#ff9d00;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu {
 border:2px solid #000080;
}

.dropdown-menu > li > a{
 background-color:#ffffff;     /*배경 색*/
 color:#000;                /*텍스트 색*/
 padding:0px 0px 0px 0px;      /*내부 여백*/
 margin:3px 20px 3px 20px;       /*외부 여백*/
 font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/

.footer_copy {
border-style: solid;
border-width: 94px 0px 0px;
-moz-border-image: url('/skin/img/foo_img.png') 94 0 0 repeat;
-webkit-border-image: url('/skin/img/foo_img.png') 94 0 0 repeat;
border-image: url('/skin/img/foo_img.png') 94 0 0 fill repeat;
margin-top:40px;
}
.footer_copy .text-center{
 background-color:#191970;     /*배경 색*/
 color:#fff;                /*텍스트 색*/
 font-size:14px;               /*텍스트 크기*/
 padding:10px 0px 10px 0px;      /*내부 여백*/
 text-align:center;            /*텍스트 정렬*/
}

/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
.flex-caption span.intro-title{
 background:#333;        /*배경 색*/
 color:#ffffff;                /*텍스트 색*/
 font-size:36px;               /*텍스트 크기*/
 padding:50px;      /*내부 여백*/
 margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
 background:#333;        /*배경 색*/
 color:#ffffff;                /*텍스트 색*/
 font-size:14px;               /*텍스트 크기*/
 padding:3px;      /*내부 여백*/
 margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/


table.type11 {
  border-collapse: separate;
  border-spacing: 1px;
  text-align: center;
  line-height: 1.5;
  margin: 0px 0px;
  width:1100px;
}
table.type11 th {
  /*width: 300px;*/
  padding: 5px;
  text-align:center;
  font-weight: bold;
  vertical-align: top;
  color: #fff;
  background: #ce4869 ;
}
table.type11 td {
  /*width: 155px;*/
  padding: 5px;
  vertical-align: center;
  text-align:center;
  border-bottom: 1px solid #ccc;
  background: #eee;
}
.testq{
    list-style:none;
}

h2.memTitle{
    float:left;
    margin-bottom:15px;
    font-weight:bold;
    width:100%;
    margin-top:20px;
    font-size:18px;
}

ul.member li p.memName{
    font-size:18px;
    font-weight:bold;
    width:165px;
    margin-left:185px;
    margin-top:45px;
}
ul.member li{
    width:405px;
    height:250px;
    border:1px solid #e3e4e8;
    border-top:2px solid #585858;
    padding-left:15px;
    margin-bottom:20px;
    float:left;
    margin-left:10px;
}
ul.member li p.memTPbg{
    float:left;
    width:185px;
    height:210px;
    background:#ffffff; 
    margin-top:-50px;
    
}
ul.member li p.memText{
    font-size:13px;
    font-weight:normal;
    margin-top:10px;
    margin-left:185px;
}
ul.member li p.memTPbg img{
    width:135px;
    margin:1px 0 0 26px;
}

/*인사말 스타일 시작*/

.mains{
    position: relative;

    width: 100%;
}
/*이미지 스타일 */
.img-responsive{
    margin-top:60px;
    border-radius: 1em;
}
.dhb-txt-box-type-b-img-layout .thumb-hidden img.img-responsive{margin-top:0}
.dhb-txt-box-type-b-img-layout .thumb-hidden {height:auto}
/*인사말 메인글 스타일 */
.panel-body {
    font-size:18px;
    text-align: center;
    
}

/* 인사말 메인글 틀 스타일*/
.tt{
    margin-left:20px;
    width:250px;
    height:550px;
    float:left;
    margin-top:50px;
    
}



/*================================ Basic CSS ===============================================*/


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 767px){
 .intro-box {display:none;}
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
    
    
}

@media (max-width: 768px) {
    .navbar-collapse
    { position:absolute; top:95px; width:100%; background:url('/skin/img/background_img2.png'); text-align:center;}
}


.tablelist{
    list-style: none;
    text-decoration: none;
    margin:0px;
    padding:0px;
    color:black;
}

@media (min-width: 768px){
.col-sm-12.intro-boardbox {width:50%}
}

.fc-day-grid-event .fc-content {white-space: inherit !important; overflow: inherit !important;}

