/*=========================================================
2015.03.18 퍼블리셔 강은주
=========================================================*/

/*폰트정의*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* body 초기화 */
*html .container { height: 100%;  }
body { font-size:12px; height:100%; background: #fff;
font-family: 'Nanum Gothic', sans-serif !important; 'Nanum Gothic Coding', monospace;, 
'Nanum Myeongjo', serif; 'Nanum Pen Script', cursive; 'Nanum Brush Script', cursive; }

/* a링크 점선 없애기 */
a {outline:none !important; selector-dummy : expression(this.hideFocus=true) !important; text-decoration:none !important ;}

/* 숨김처리 */
.blind { display: block; overflow: hidden; position: absolute; top: -1000em; left: 0; }

/* 단 분류 공통 */
hr { border:none; }

/*=========================================================
@정렬 공통 사용
=========================================================*/
/* 테이블 정렬 */
.table-lf th,
.table-lf td { text-align:left !important; }
.table-cn th,
.table-cn td { text-align:center !important; }
.table-ri th,
.table-ri td { text-align:right !important; }
/* 텍스트 정렬 */
.content .text-left { text-align:left !important; }
.content .text-center { text-align:center !important; }
.content .text-right { text-align:right !important; }
/* input 체크박스와 라디오박스 위치 정렬 */
.input[type="radio"], 
input[type="checkbox"] { margin-top:0px !important; vertical-align:middle !important; }
label { margin-bottom:0px !important; vertical-align:middle !important; }
.input-align { display:inline-block; margin-top:5px; }

.content { line-height:22px; }
/*=========================================================
@칼라 공통 사용
=========================================================*/
/* 텍스트 칼라 */
.text-default { color:#888; padding:0 5px;}
.text-danger { color:#d9534f;}

/* 별도 지정 링크 칼라 */
.link-color a {color: #333 !important; }

/* 칼라지정 */
.colPur1 { color:#8b16db; }
.colPur2 { color:#5b1a8a; }
.fred{ color:#fb2f54;}
.fblue{ color:#00cbda;}


/*=========================================================
@여백 공통 사용
=========================================================*/
/* 마진 상단 */
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt11 { margin-top:11px !important; }
.mt12 { margin-top:12px !important; }
.mt13 { margin-top:13px !important; }
.mt15 { margin-top:15px !important; }
.mt16 { margin-top:16px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt37 { margin-top:37px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt66 { margin-top:66px !important; }
.mt70 { margin-top:70px !important ; }
/* 마진 하단 */
.mb15 { margin-bottom:15px !important; }
.mb70 { margin-bottom:70px !important; }
/* 마진 왼쪽 */
.ml20 { margin-left:20px !important; }
/* 마진 오른쪽 */
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
/* 패딩 오른쪽 */
.pt15 { padding-top:15px !important; }

/*=========================================================
@폰트어썸 크기 공통
=========================================================*/
/* 폰트어썸 크기 */
.icon-1 { font-size: 1em !important; }
.icon-2 { font-size: 2em !important; }
.icon-3 { font-size: 4em !important; }
.icon-4 { font-size: 7em !important; }
.icon-5 { font-size: 12em !important; }
.icon-6 { font-size: 20em !important; }



/*=========================================================
# All (공통)
=========================================================*/
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left:10px; padding-right:10px;}
body form fieldset, legend { border:none;}
.container { padding:0; }

.col-sm-12 ul {margin:0;padding:0;}
.col-sm-12 ul.subbg{background-image: url('../image/sub/sub11.jpg'); background-repeat: no-repeat; display: inline-block;width:950px; height:532px}
.col-sm-12 ul li {list-style:none;  line-height:27px; font-size:17px; font-family:"Nanum Gothic";font-weight: 700;}
.col-sm-12 ul li.tx1{font-size:28px; font-family:"Nanum Gothic";font-weight: 700; color:#01cbdf; line-height:35px;}
.col-sm-12 ul li.tx2{font-size:24px; font-family:"Nanum Gothic";font-weight: 700; color:#3b98c3; line-height:35px;}
.col-sm-12 ul li.tx3{font-size:24px; font-family:"Nanum Gothic";font-weight: 700; color:#000000; line-height:35px;}




/* ------ 해상도 수정하는곳 ------ */
@media (min-width: 1200px){
.container {
  /*max-width: 1170px;*/
  max-width: 970px !important;
  }
 .row { margin:0px !important; }
}

@media (min-width: 992px){
 .row { margin:0px !important; }
}

@media (max-width: 767px) {
 .row { margin:0px !important;  }
}

.navbar-nav { margin:0 -15px; }
/*=========================================================
# sub content (공통)
=========================================================*/

/* height */
.sub_container { min-height:400px; }
@media (max-width: 767px) {
.sub_container { min-height:100px; }
}

/* title */
.sub-title { overflow:hidden;  padding:45px 0 30px; }
.sub-title > div { padding-left: 10px !important; }
.sub-title h2 { font-size:30px !important; font-weight:800 !important; }

@media (max-width: 767px) {
.sub-title { padding:5px 0 0; }
.sub-title h2 { font-size:170% !important; }
}



/*=========================================================
# gallery (공통)
=========================================================*/

/* @image size + thumbnail height 수정하는 곳 */

@media (min-width: 1200px) {
  .gallery .thumbnail { max-height:260px; min-height:260px; }
  .thumbnail-img img { width:100%; height:210px;}
  }

@media (min-width: 992px) and (max-width: 1199px) {
.sub-content-area { border-left:1px solid #dedede; }
.gallery .thumbnail { max-height:255px; min-height:255px; }
.thumbnail-img img { width:100%; height:202px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.gallery .thumbnail { max-height:315px; min-height:315px; }
.thumbnail-img img { width:100%; height:262px; }
}

@media (max-width: 767px) {
.gallery .thumbnail { max-height:170px; min-height:170px; margin: 0 5px 11px 5px; }
.thumbnail-img img { width:100%; height:120px; }
}

@media (max-width: 767px) {
.board-cont-v img { width:100%;}
}

/* thumbnail title 수정하는 곳 */
.gallery .thumbnail { border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom:20px; overflow:hidden; }
.gallery .thumbnail h5 { font-weight:600; margin:2px 0 10px 0; font-size:13px; line-height:40px; }
.gallery .thumbnail .caption { padding:3px 5px !important; text-align:center; }
.gallery .thumbnail .caption a { color:#474747 !important; letter-spacing:-1px; }

/* main gallery 수정하는곳 */
.bx-viewport .thumbnail { border:none !important; }
.thumbnail, .bx-wrapper .bx-viewport { box-shadow:none !important; }

/* main gallery title 수정하는곳 */
.page-header-main { padding-bottom:0; border-bottom:1px solid #000 !important; }
.page-header { border-bottom:1px solid #000 !important; }
h3 small { font-size:16px !important; }

@media (max-width: 767px) {
.page-header-main { margin-top:0; }
}
.page-header-main>h3>small { color:#383838; }
.mob_sns .thumbnail { padding:0px !important; border:none !important; }



/*=========================================================
# 게시판
=========================================================*/

/* member */
.mamber_info { color:#016cba; }

/* board comment */
.table-responsive > .table-bordered { border:1px solid #ddd !important; }
.table-responsive-list th { text-align:center !important; }
#files_table td { border:none !important; }

/* comment 수정하는곳 */
.comment { background:#f9f9f9; padding: 10px; border:1px solid #ddd; }
.comment-list-area { background:#f9f9f9; border:1px solid #ddd; margin:5px 0; }
.comment-list-area .comment-list { border-bottom:1px dotted #ddd;} 
.comment-list-area .comment-info { padding:10px 0; }
.comment-list-area .comment-list p { color:#888; }

/* search form 공통 */
@media (min-width: 1200px) {
#searchForm .col-sm-7 { width: 61.333333% !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
#searchForm .col-sm-7 { width: 60.333333% !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
#searchForm .col-sm-7 { width: 58.333333% !important; }
}
@media (max-width: 767px) {
#searchForm .form-control { width: 98% !important; }
}
#searchForm .col-sm-2 { padding:0 2px; }
#searchForm .col-sm-1 { width:4.8%; padding:0; }



/*=========================================================
# map
=========================================================*/
.map >p { font-size:16px; }
.map >p > strong { font-weight:bold; }
.map >p > span { color:#7e7e7e; font-size:15px; }



/*=========================================================
# paging (공통)
=========================================================*/

/* paging 수정하는 곳 */
.pager li { margin:0 1px; }
@media (max-width: 767px) {
 .pager { margin: 0px 0 20px; }
  }



/*=========================================================
# footer (공통)
=========================================================*/

/* admin con */
.footer-admin { position:relative; }
.footer-admin .admin_con { position:absolute; bottom:5%; right:5%; border:none; }

/* footer 수정하는곳 */
div.footer-featured { background:#fff; color:#919191; font-size:90%; padding:0 0 10px 0 ;}
div.footer-featured address { margin-bottom:0px; }


/* mobile sns (공통) */
@media (max-width: 767px) {
.mob_sns .col-xs-1 { width:0px !important; }
.mob_sns .col-xs-2 { width:20.0% !important; }
.mob_sns .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { padding:0px !important; }
.mob_sns .col-xs-2 { padding:0 3px !important; }
.page-header { border-bottom:1px solid #000 !important; }
/}



/*=========================================================
# Carousel
=========================================================*/
/* carousel 화살표 공통 추가 */
.carousel-control .icon-prev, .carousel-control .icon-next{
  width: 40px;
  height: 40px;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 50px;
  line-height: 40px;
  background: #222;
  }
@media (max-width: 767px) {
.carousel-control .icon-prev, .carousel-control .icon-next{
  width: 30px;
  height: 30px;
  font-size: 40px;
  line-height: 26px;
  }
 .carousel-control.left,
 .carousel-control.right { background:none; }
}


/* ie 추가 css */
.col-md-ie-2 { padding-left:2px; padding-right:2px;}


/* ----------------------------- 추가 작업 ---------------------------- */

/* 1dep menu */
.header {  border-top:4px solid #37aae3; border-bottom:1px solid #bdbdbd;}
.header-menu { margin:7px 0 0; }
@media (max-width: 767px) {
.header-menu { margin:0px; border-top:1px dotted #e0e0e0; }


}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none !important; }
.navbar-gnb { border:none !important; border-left:none !important; border-right:none !important; 
					background:#fff !important; margin-bottom:0px !important; text-align:center; }
.navbar-gnb li { display: inline-block !important; font-weight:bold; width:20%;}
.navbar-gnb li a { display: inline-block !important; margin:1px 10px 0 !important; }
.navbar-nav > li { width:20%; }

/* 1dep action */
.nav .open a,
.nav .open a:hover, 
.nav .open a:focus,
.nav .open a:active { background:none !important;}

/* 2dep menu */
.navbar-gnb-2dep { background:#fff; height:50px; }
.dropdown-menu { 
position: absolute;
  top: 100% !important;
  left: 0px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 5px 0;
  font-size: 14px;
  list-style: none;
  border-radius: 0px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-clip: padding-box;
  background-color:  #000;
   opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  border:none !important;;
  text-align:left !important;
  }

.nav .dropdown-menu li > a { color:#a9a9a9 !important; font-size:14px; font-weight:bold !important;
display:block !important; border-top:none !important; padding:5px 0 !important; margin-right:10px;   text-align:center;
 }
.dropdown-menu li a:hover, .dropdown-menu li a:focus {border-top:none !important; background:#2b4395 !important; color:#fff !important;  }


/* 1dep 하위부분 수정*/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:#fff !important; }


/* logo */
#header h1 { margin:0 auto !important; }


/* 메뉴 수정 */
.navbar-collapse { padding:0 !important; }
@media (max-width: 767px) {
.navbar-collapse { border-top:1px solid #98d0e ;}
.header .col-xs-12 { padding-left:0px !important; padding-right:0px !important;}

}

 .nav li a { padding:0 !important; margin:0px !important;}
 .navbar-gnb { border:none !important;}
 .nav-dropdown { margin: 0 auto !important; }
.navbar-nav { float:right; }


@media (max-width: 767px) {
.navbar-nav { float:none; margin:0 !important; border-top:1px dotted #71b200;}
.navbar-nav li { width:19%; display:inline-block !important; }
.navbar-nav .dropdown-menu-gnb li { width:100%; }
.nav .dropdown-menu li > a { padding:3px 5px; }
}




/*=========================================================
# Main + menu type 2 (menu 5)
=========================================================*/
/* 1차 menu boots 리셋 */
.navbar-nav { margin:0 !important;}
/* 1차 menu 공통 추가 */
.nav-col-reset { padding: !important; }

@media (max-width: 767px) {
.nav-col-reset { margin:12px 0 3px !important;}
}
.nav-col-reset .col-sm-1, .col-xs-1 { padding:0px !important; width:0px !important; }
.nav-col-reset .col-sm-2, .col-xs-2, .col-sm-3, .col-xs-3 { padding:0 !important;}
.nav-col-reset .col-sm-2 img { width:90% !important; }
@media (max-width: 767px) {
.nav-col-reset .col-sm-2 img { width:100% !important; }

}

/* @1차 menu 수정하는곳 */
.nav-col-reset .col-sm-2 { width:19.7% !important; }
@media (max-width: 767px) {
.nav-col-reset .col-xs-2 { width:20.0% !important; }
}
/* @2차 menu 수정하는곳 */
.dropdown-menu {
  background-color: #000;
  top:100%;
  display:none;
  width:100%;
  min-width:100%;
  padding-top:0;
  margin-top:0;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}
.dropdown-menu a { color:#fff !important; font-weight:600 !important; text-align:center !important; }
@media (max-width: 767px) {
.dropdown-menu > li > a { padding: 5px !important; font-size:12px;  }
}


/*=========================================================
# board view img
=========================================================*/
.board-cont-v img { width:100%; }

@media (min-width: 768px) {
.nav { margin-top:14px; }
}


@media (min-width: 1200px) {
.nav-col-reset { float:right; }
.nav-col-reset .col-sm-3 { width: 106px !important; }
  }

@media (min-width: 992px) and (max-width: 1199px) {
.nav-col-reset { float:right; }
.nav-col-reset .col-sm-3 { width: 106px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.nav-col-reset { float:right; }
.nav-col-reset .col-sm-3 { width: 99px !important; }
}
@media (max-width: 767px) {
.nav-col-reset .col-xs-3 { width:20% !important; }
}


/* 메뉴 드롭다운 */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #333 !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #333 !important;
}



  @media (max-width: 767px) {
  .dropdown-menu {   font-size: 12px; }
  .nav .dropdown-menu li > a {   font-size: 12px; }
  }