@charset "utf-8";
/* CSS Document */

.overflow-hidden {
overflow:hidden;
}

/*************************************************상단*************************************************/
#header {position:absolute; left:0; top:0; width:100%; z-index:900;background:#fff}
.navbar-header {position:relative; margin-top:2.2%;width:100%;text-align:center;margin-bottom:1%;float:none}

#header.ss{position:relative}

.navbar-brand {
  height:auto;
  padding:0;
  margin:0;
  font-size:0;
  line-height:0;
  width:150px;
  height:87px;
  background:url() no-repeat 0 0;
  display:inline-block;
  float:none;
}

.navbar{margin-bottom:0}

.main .navbar-brand {);}

@media (max-width: 991px) {
.navbar-header {margin:0; padding:15px 0;}
.navbar-brand {width:70px; height:30px; background-size:cover;}
.navbar-brand img{}
.navbar{margin-bottom:0}
}


@media (max-width: 575px) {
.navbar-brand img{}
}



/*상단메뉴*/

.navbar-inverse {background:none; border:none;}
.navbar-inverse .navbar-nav > li > a {font-weight:400; /*font-size:1.07em;*/}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;font-size:14px
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color:transparent;
}

.navbar-nav > li > a:hover{color:#fff;}

@media (max-width: 991px) {
.navbar-inverse {height:auto;}
}

 .navbar-inverse #sidebar .navbar-nav > li > a{color:#343a4f}

/*.nav_pc {float:right; display:block; visibility:visible; width:80%; max-width:552px; position:relative; margin-top:3.4em; margin-right:-0.5%;}*/
.nav_pc {display:block; visibility:visible;}
.nav_mo {display:none; visibility:hidden;}


@media (max-width: 991px) {
.nav_pc {display:none; visibility:hidden;}
.nav_mo {display:block; visibility:visible;}
#header{border-bottom:10px solid #343a4f;}
}

@media (min-width: 992px) { /*PC*/
.nav_pc {margin:0 auto 10px;background:#343a4f;
}
.navbar-nav {display:flex;text-align:center;justify-content:space-between;margin:0 auto;float:none;max-width:880px;padding:6px 0 7px}
.navbar-nav > li {display:table-cell; float:none;}
.navbar-nav > li > a {padding:0; line-height:2em;}

.main .navbar-inverse .navbar-nav > li > a,
.main .navbar-inverse .navbar-nav > li > a:hover,
.main .navbar-inverse .navbar-nav > li > a:focus,
.main .navbar-inverse .navbar-nav > .open > a,
.main .navbar-inverse .navbar-nav > .open > a:hover,
.main .navbar-inverse .navbar-nav > .open > a:focus {
  color:#fff;
}

}


/*슬라이드메뉴창*/
#sidebar {width:70%; height:100%;/*overflow-y:auto;*/background:#fff;position:fixed; right:-70%; top:0; z-index:2000;
  transition:.3s ease-out;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -o-transition:.3s ease-out;
}

#sidebar-wrapper.toggled #sidebar {
    right: 0;
}

#sidebar-wrapper .cate_bg {background:#000;height:100%;width:100%;z-index:1999;position:fixed;top:0;left:0; opacity:0; visibility:hidden;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
}

#sidebar-wrapper.toggled .cate_bg  {opacity:0.5; visibility:visible;}
#sidebar .nav_head {position:relative; padding:0 15px; height:97px;}
#sidebar .navbar-toggle .icon-bar {background:#202020;}


@media (max-width: 991px) {/*모바일*/
.navbar-inverse .navbar-nav {margin:0 3%;}
.navbar-inverse .navbar-nav > li > a {}

}

@media (max-width: 575px) {
#sidebar .nav_head {height:82px;}
}


.navbar-inverse .navbar-toggle {border:none;}
.navbar-inverse .navbar-toggle .icon-bar {background:#202020;}
.main .navbar-inverse .navbar-toggle .icon-bar {background:#343a4f;}

@media screen\9 {
.navbar-inverse .navbar-toggle {display:none;}
}


.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:transparent;
}

.navbar-toggle {
  position:absolute;
  top:0;
  right:0;
  padding:0 5px;
  margin:0;
  height:100%;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}

.nav_head .navbar-toggle {right:13px;}

.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}


@media (min-width: 576px) and (max-width: 991px) {
.navbar-toggle .icon-bar {
  width: 26px;
  height:3px;
}
}

/*************************************************본문*************************************************/

#wrapper {zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.sub #container {position:relative; max-width:1230px; margin:0 auto; margin-top:1.8%; padding:0 15px 120px;}
.sub #container.wide {max-width:inherit; padding-left:0; padding-right:0; }
.sub #container.no_pd {padding:0; margin-top:0;}

h3#container_title {font-size:2.14em; line-height:1em; font-weight:400; text-align:center; margin:0 0 1.4em;}
h2#container_title,
#bo_v_table {display:none;}


@media (max-width: 991px) {
.sub #container {padding:97px 15px 80px; margin-top:0;}
h3#container_title {font-size:1.94em; margin-bottom:1.2em;}
}

@media (max-width: 575px) {
.sub #container {padding:82px 15px 60px;}
h3#container_title {font-size:1.76em;}
}

.navbar-brand>img{max-width:100%}

/*************************************************하단정보*************************************************/

#footer {background:#343a4f;}
#footer section {padding:50px 0;}
#footer .sec2 {border-top:1px solid rgba(255,255,255,.1); padding:1.8em 0; text-align:center;}
#footer article {padding-right:1em;}
#footer h4 {color:#fff; font-size:1.07em; line-height:1em; text-transform:uppercase; font-weight:400; margin-bottom:.7em;}
#footer p {color:#a6a6a6; font-weight:300;}
#footer p span {display:inline-block;  margin-right:1.2em;}

.ft_logo {/*width:56px;*/width:84px; height:auto;}
.ft_sns {margin:0 -.7em; padding:0; vertical-align:top;}
.ft_sns:after {display:block;visibility:hidden;clear:both;content:""}
.ft_sns > li {display:inline-block; margin-right:-4px; padding:0 .7em;}
.ft_sns > li > a {display:block; width:23px;}

@media (min-width:992px) {
#footer .wrap {display:table; width:100%; vertical-align:top;}
#footer .wrap > article {display:table-cell; vertical-align:top; min-width:10%;}
#footer article:nth-child(1) {/*width:16.5%;*/width:15.5%;}

.ft_sns {float:right; }

}

@media (max-width:991px) {
#footer section {padding:40px 0;}
#footer .sec2 {padding:1.5em 0;}
.ft_logo {/*width:43px;*/width:35px;}
.ft_sns > li > a {width:20px;}

#footer .sec2 {text-align:left;}
#footer article {margin-top:1.4em;}
#footer article:first-child {margin-top:0;}
#footer article p br {display:none;}
}


@media (max-width: 575px) {
#footer section {padding:30px 0;}
.ft_logo {/*width:33px;*/width:27px;}
}


/*위로*/
.btn_top {position:fixed; right:3.5%; bottom:5%; z-index:50; text-align:center;}
.btn_top a {display:block; width:45px; height:45px; background:#fff; border:1px solid #444; font-size:1.7em; line-height:39px; opacity:.5; filter:alpha(opacity=50);
transition:.3s ease-out;
-webkit-transition:.3s ease-out;
-moz-transition:.3s ease-out;
-o-transition:.3s ease-out;
}
.btn_top a:hover, .btn_top a:active {opacity:.8; filter:alpha(opacity=80)}


@media (max-width:991px) {
/*.btn_top {margin-bottom:50px; bottom:3%;}*/
.btn_top a {display:block; width:40px; height:40px; line-height:36px;}
}

@media (max-width: 575px) {
.btn_top a {display:block; width:36px; height:36px; line-height:30px;}
}


/*************************************************common*************************************************/
.container,
.container-fluid {position:relative;}

/*.container-fluid {
transition:padding .3s;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
-o-transition:padding .3s;
}
*/
.cols, .col {zoom:1;}
.cols:after, .col:after {display:block;visibility:hidden;clear:both;content:""}
.col_lt {float:left;}
.col_rt {float:right;}


.txt_noto {font-family:'Noto Sans KR', 'Malgun Gothic', 'apple sd gothic neo', dotum, sans-serif; }


.txt_blue {color:#0f5ea9 !important;}
.txt_brown {color:#5a514b !important;}
.txt_orange {color:#eb6101 !important;}
.txt_red {color:#e4080b !important;}
.txt_green {color:#4db848 !important;}

.bg_white {background-color:#fff;}
.bg_grey {background-color:#f3f3f3;}
.bg_sky {background-color:#cad0d8;}
.bg_purple {background-color:#404458;}

.txt_nowrap {white-space:nowrap;}
.txt_info {font-size:.93em; color:#777;}
.mg_top {margin-top:0.4em;}


.word_keep, .word_keep p {
word-break:keep-all;
-webkit-word-break:keep-all;
-moz-word-break:keep-all;
}
.word_break, .word_break p {
word-break:break-all;
-webkit-word-break:break-all;
-moz-word-break:break-all;
}

.bg_trans {
transition:background-color .4s ease;
-webkit-transition:background-color .4s ease;
-moz-transition:background-color .4s ease;
-o-transition:background-color .4s ease;
}

.col_ani {
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
}

.figure {text-align:center;}
.figure.pd {padding:50px 0;}
.figure img {display:inline-block;}


@media (max-width: 1229px) {
.figure.pd {padding-left:5%; padding-right:5%;}
}


@media (min-width: 992px) {
.figure .tab {display:none; visibility:hidden;}
}


@media (max-width: 991px) {
.figure.pd {padding:38px 5%;}
.figure .pc {display:none; visibility:hidden;}
}

@media (max-width: 575px) {
.figure.pd {padding:28px 5%;}
}


@media \0screen\,screen\9 {
.txt_noto, .txt_robo
{font-weight:bold;}
}


.btn_admin_wrap {position:absolute; z-index:10;}

#ui-datepicker-div { display: none;}

/*게시판*/

#bo_v {border-top:2px solid #333;}
#bo_v_info {color:#777; padding:.8em 0 !important;}
*#bo_v_info strong {font-weight:400 !important;}

#bo_v_title {font-size:1.33em; line-height:1.4em; margin:0; border-bottom:1px solid #ddd; padding:.7em 0; font-weight:700; letter-spacing:-0.04em;  color:#333;}
#bo_v_file img {position:relative; top:.4em;}

#bo_sch {padding-top:20px;}

#bo_sch .frm_input {width:70%; max-width:230px;}


@media (max-width:991px) {
#bo_v_title {font-size:1.29em;}
#bo_sch .frm_input {width:60% }
}

@media (max-width:767px) {
#bo_sch .frm_input {width:50%;}
}

@media (max-width:575px) {
#bo_v_title {font-size:1.25em;}
#bo_sch .frm_input {width:40%;}
}

@media \0screen\,screen\9 {
#bo_v_title {font-weight:bold;}
}

/*카테고리*/
.bo_notice td, .col_notice {background:#f9f9f9;}
.bo_notice td a {color:#555; font-weight:500;}

.mo_name {list-style:none; margin:.7em 0 0; padding:0; font-size:1em; line-height:1em; /*color:#999; */letter-spacing:0; zoom:1; font-size:.93em;}
.mo_name:after {content:""; display:block; clear:both; visibility:hidden;}
.mo_name li {float:left; border-left:1px solid #ddd; padding:0 .5em;}
.mo_name li:first-child {border:none; padding-left:0;}
@media (min-width:1200px) {
.mo_notice {display:none;}
}

@media (min-width: 768px) and (max-width: 991px) {
.mo_name {margin:.4em 0 0;}
}

@media (max-width:767px) {
.mo_name {margin:.2em 0 0;}
}

@media (max-width:359px) {
.mo_name {font-size:.9em; letter-spacing:-0.02em;}
}


#bo_cate {margin-bottom:40px; margin-top:-.8em; text-align:center; font-family:'Noto Sans KR', 'Malgun Gothic', 'apple sd gothic neo', dotum, sans-serif;}
#bo_cate ul {margin-bottom:0;}
#bo_cate li {float:none; display:inline-block; margin-right:-4px; margin-bottom:0; padding:0 1.3em;}
#bo_cate a {width:auto; font-size:1.07em; line-height:1em; padding:.6em 0; letter-spacing:0; border:none; background:none; font-weight:400; border-bottom:2px solid transparent;}
#bo_cate #bo_cate_on {font-weight:400; border:none; border-bottom:2px solid #202020; color:#202020;}
.bo_cate_link {font-weight:400;}

@media (max-width:991px) {
#bo_cate {margin-bottom:30px;}
#bo_cate li {padding:0 1em}
}

@media (max-width:575px) {
#bo_cate {margin-bottom:24px;}
#bo_cate li {padding:0 0.8em}
}

#bo_vc {border:1px solid #ddd; background:#fff;}
#bo_vc h2 {font-size:1.2em; font-weight:500; color:#333; margin-top:0;}
#bo_vc a {color:#555;}

#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest,
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest
{font-weight:400;}

#bo_v_act {display:none;}


.tbl_head01 td,
.tbl_frm01 th,
.tbl_frm01 td {border-color:#e3e3e3;}


/*갤러리 오버*/
.gall_thum .img_hover {display:block; position:relative; border:none; outline:none;}
.gall_thum .img_hover .overlay {position:absolute; left:0; top:0; background:rgba(52,58,79,0.5); width:100%; height:100%; text-align:center; opacity:0;
transition:all .4s;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
}
.gall_thum .img_hover.active .overlay {opacity:1;}
.gall_thum .img_hover .overlay p {font-size:1.07em; line-height:1.6em; width:100%; padding:1em; width:90%; max-width:240px; margin:0 auto; position:relative; top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
color:#fff
}