/*
 *작성자 : 이병욱*
 *2016-02-29 최초작성일*
 *메인/서브 레이아웃 구성만 들어갑니다.*
*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(../fonts/font.css);

html { position: relative; min-height: 100%; }
body { font-family : 'Noto Sans Kr', malgun Gothic, 맑은고딕, dotum, 돋움, sans-serif; min-width:320px; position:static; width:auto; font-size:14px; }
html, body { height: auto; }
body img{max-width:100%;}
ul{list-style:none; margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
caption { display:none; }
a, a:hover { text-decoration:none; color:#666; }

#accessibility { position:absolute; left: 0; top:0; right:0;  width:100%; overflow:hidden; z-index:1000; margin:0; }
#accessibility a{ display:block; overflow:hidden; height:1px; width:1px; margin:0 -1px -1px 0; font-size:0; line-height:0; text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active { width:auto; height:20px; margin:0; padding:8px 0 0 0; background:#20262c; font-size:12px;font-weight:700;line-height:1;color:#fff;}

/* 헤더영역 */
#header{ width:100%; height:142px; }

.w-inner { position:relative;}

.w-inner .head-util { position:relative; height:36px; background:#727272;}
.w-inner .head-util .wrap-util { position:relative; width:1000px; margin:0 auto; }
.w-inner .head-util .wrap-util .link-util { position:relative; float:right; }
.w-inner .head-util .wrap-util .link-util li { float:left; line-height:36px; }
.w-inner .head-util .wrap-util .link-util li a { position:relative; padding:0 12px; color:#fff; font-size:12px; text-decoration:none; }
.w-inner .head-util .wrap-util .link-util li:first-child a:before { content:""; }
.w-inner .head-util .wrap-util .link-util li a:before { position:absolute; top:-10px; left:0; content:'|'; color:#fff; }

.w-inner .head-menu {  width:100%; height:106px; }
.w-inner .head-menu .logo { position:relative; width:1200px; margin:0 auto;}
.w-inner .head-menu .logo a { position:absolute; top:30px; left:0; z-index:99; }

.top_menu_bg { position:absolute; width:100%; height: 300px; z-index:96;	left:0;	right:0; background-color: #fff; overflow: visible !important;}
.top_menu_bg.active::after {
  content: '';
  display: block;
  width:100%;
  height: 1px;
  position: absolute;
  bottom:0;
  left:0;
  background-color:#ddd;
  z-index: 9;
}
.top_menu_bg.active #top_menu {
  /* border-bottom: 1px solid #ddd; */
}
.top_menu_bg.active #top_menu::after {
  content: '';
  display: block;
  width:100%;
  height: 1px;
  position: absolute;
  bottom:0;
  left:0;
  background-color:#ddd;
  z-index: 9;
}
.top_menu_bg.active #top_menu::before {
  content: '';
  display: block;
  width:100%;
  height: 1px;
  position: absolute;
  top:107px;
  left:0;
  background-color:#ddd;
  z-index: 9;
}
#top_menu {	position:absolute;	z-index:95; }
#top_menu, .head-menu {  width:100%; }
.top_menu_bg.active #top_menu {
  background: #fff;
  padding-bottom: 78px;
}
#top_menu #navi {
  position: relative;
width: 822px;
margin: 40px auto 0px;
display: flex;
left: 176px;
justify-content: space-between;
}
#top_menu #navi li:first-child { background:0 0; }
#top_menu #navi .main_set {	position:relative; display:block; flex:1; text-align: center;}
#top_menu #navi .main_set:last-child { }
#top_menu #navi .main_item a { display:block; color:#444; font-size:17px; font-weight:700; }
#top_menu #navi .main_item > a {

}
#top_menu #navi .sub_set li a,#top_menu #navi .sub_set li ul li a { font-size:13px; display:block; word-break: keep-all;}
#top_menu #navi .sub_set > ul > li > ul > li > ul > li a {
  padding-left:15px;
}
#top_menu #navi .main_item a:before { position:absolute; left:0; }
#top_menu #navi .active a,#top_menu #navi .main_item A:hover { color:#4298de; }
#top_menu #navi .sub_set { position:relative; top:43px; }
#top_menu #navi .sub_set > ul {
  padding: 5px 0px 0px 0px;
  width: 100%;
  box-sizing: border-box;
}
#top_menu #navi .sub_set li { padding:12px 0 0;  border-left:none; }
#top_menu #navi .sub_set li a {	color:#666; font-size: 14px; }
#top_menu #navi .sub_set li.menu_ative > a,
#top_menu #navi .sub_set li a:hover { color:#4298de; font-weight:600; text-decoration:none; }
#top_menu #navi .sub_set li ul { margin:0 0 8px; width:100%; height:auto;	float:left;	border-left:0;}
#top_menu #navi .sub_set li ul li {	padding:5px 0 0 0px; }
#top_menu #navi .sub_set li ul li a { padding-left:6px;	color:#888;	line-height:1.5 }
#top_menu #navi .sub_set li ul li a:hover { color:#4298de; font-weight:700; text-decoration:none }
#top_menu #navi .sub_set li ul li.active a { color:#4298de; font-weight:700 }



@media(min-width:992px) {
.m-inner { display:none; }
}

@media(max-width:991px) {
  #header {
    height: auto;
  }
.w-inner { display:none; }

.m-inner { display:block; }

.m-inner { height:60px; }

.m-inner .left_menu { left:0px; }

.m-inner .right_menu { right:0px; }

.m-inner .logo { display:block; width:100%; height:60px; text-align:center; margin:0; padding:8px 0 0; }

.m-inner .left_menu, .m-inner .right_menu { position:absolute; top:0; line-height:50px; width:50px; text-align:center; font-size:24px; }
}






/* 헤더영역 */
.page-with-top-menu { padding:0; }
.main-navbar { position: relative; background-color: #2fbfc6; border-bottom:solid 1px #01466c; color: #fff; z-index: 10;}

.main-navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height:55px;
    z-index: 101;
}

.navbar-header { padding-right: 20px;border: 0;  }
.navbar-header .navbar-brand { width: auto; margin: 0; display: inline-block; float: none; padding: 10px 0 0; font-size: 18px; color: #222; line-height: 30px; }

.navbar-header .navbar-toggle,
.navbar-header .search-toggle { position:absolute; width: 50px; height:50px; line-height:50px; text-align: center; color: #999; font-size: 18px; }
.navbar-header .navbar-toggle:hover,
.navbar-header .search-toggle:hover { background: #fafafa; }

.navbar-header .navbar-toggle { margin: 0; border-radius: 0; border:0; border-right: solid 1px #ddd; left: 0; }
.navbar-header .navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; }
.navbar-header .navbar-toggle .icon-bar { width: 26px; }

.navbar-header .search-toggle { right: 0; border-left: solid 1px #ddd; }
.navbar-header .search-toggle i { line-height:50px; }

.nav.navbar-nav > li > a { height: 60px; color:#999; }
.nav.navbar-nav > li a:hover { background: #eee;  color:#333; opacity: 1; }
.nav.navbar-nav > li a i { font-size: 18px; }
.nav.navbar-nav > li a .material-icons {font-size: 32px; }
.nav.navbar-nav > li.navbar-user a.dropdown-toggle {  padding: 27px 15px; }

/* 검색 */
.search_div { position: relative; }
.search_inner {  width:280px; height: 60px;border-left:solid 1px #e5e5e5; }
.search_inner .search_input { width:100%; height: 50px; float:left; padding:0 0 0 12px; font-size:14px; color: #999; border:0; }
.search_inner .search_btn {
	background:none;
	position:absolute;
	top:18px;
	right:0;
	height: 32px;
	display: inline-block;
	text-align: center; color: #999;
	border: 0;
	font-weight: 600; font-size: 32px;
}
.search_inner .search_btn i{ font-size: 32px; }
.search_inner .search_btn:hover { color: #222;  }

/* 상단메뉴 */
.top-menu { background:none; height: 40px; position: relative; top: 0; left: 20px; right: 0; z-index: 1015; float: left;  }
.top-menu .nav { float: left; margin: 0!important; }
.top-menu .nav > li {   }
.top-menu .nav > li:first-child a:before { content:''; }
.top-menu .nav > li a:before { content:''; position: absolute; height: 20px; top: 50%; left: 0; margin-top: -15px; color: #ddd; }
.top-menu .nav > li > a { position: relative;  display: inline-block; color: #777; line-height:39px; font-size: 13px; cursor: pointer; }
.top-menu .nav > li:hover > a,
.top-menu .nav > li:focus > a,
.top-menu .nav > li > a:hover,
.top-menu .nav > li > a:focus {
    background: #f5f5f5; color: #222;
}

.top-menu .nav .sub-menu { display: none; position: absolute; left: 0; width: 180px; top: 100%; background: #f5f5f5; list-style-type: none; margin: 0; padding: 0 0; }
.top-menu .sub-menu > li { border-bottom: solid 1px #ddd; }
.top-menu .sub-menu > li > a { padding: 14px 10px 11px; display: block; font-size: 13px; color: #999; text-decoration: none; position: relative;}
.top-menu .sub-menu > li.active > a,
.top-menu .sub-menu > li.active > a:hover,
.top-menu .sub-menu > li.active > a:focus,
.top-menu .sub-menu > li > a:hover,
.top-menu .sub-menu > li > a:focus {
	background:#4db6ac;
    color: #fff;
}
.top-menu .sub-menu > li a:before { content:''; }

.top-menu .nav > li.has-sub:hover > .sub-menu { display: block; }
.top-menu .nav > li.active > a,
.top-menu .nav > li.active > a:hover,
.top-menu .nav > li.active > a:focus{
    background: #f5f5f5; color: #333;
}


#nav_mobile{display:block;position:fixed;top:0;left:-260px;width:100%;height:100%;z-index:8000;}
#nav_mobile .nav_mask {background-color: #000; display: none; top:0;left: 0; position:fixed; top: 0;width:100%;height:100%;z-index:8000;opacity:0.8;overflow-y:hidden}
#nav_mobile .nav_mobile{position:absolute;top:0;left:0;max-width:260px;width:260px;height:100%;margin:0;z-index:8500;background: #fff;overflow:hidden;}
#nav_mobile .nav_mobile .mobile_top{position:relative;z-index:50000;padding:18px 25px;background:#f6f6f6; font-size: 18px; }
#nav_mobile .btn_mclose{position:absolute;top:20px;right:22px;z-index:55000;}
#nav_mobile .nav_mobile .nav{float:none;margin:0;overflow:auto;height:100%;padding-top:70px;margin-top:-70px;}
#nav_mobile .nav_mobile .nav li{width:100%;font-size:15px;}
#nav_mobile .nav_mobile .nav li > a{padding:12px 0 12px 20px;border-bottom:1px solid #eee;color:#696969; font-family:"notokr-regular"; }
#nav_mobile .nav_mobile .nav li > a:hover, .nav li > a:focus  { }

#nav_mobile .nav_mobile .nav .open > a, #nav_mobile .nav_mobile  .nav .open > a:focus, .nav .open > a:hover, .nav .open > a.active{background:#fff;color:#0089d0;;background:url('../images/common/bg_toggle_down.png') 93% center no-repeat;}
#nav_mobile .nav_mobile .nav .dropdown-menu{position:relative;width:100%;padding:0;box-shadow:none;border:none;background:#f6f6f6;border-bottom:1px solid #e1e1e1}
#nav_mobile .nav_mobile .nav .dropdown-menu ul{padding:0;}
#nav_mobile .nav_mobile .nav .dropdown-menu li a{display:block;border:none;padding:10px 30px;;color:#666666;font-size:15px;background:none;}
#nav_mobile .nav_mobile .nav .dropdown-menu li a:hover,
#nav_mobile .nav_mobile .nav .dropdown-menu li.active > a,
#nav_mobile .nav_mobile .nav .dropdown-menu li a.active{background:#e3eff6;color:#0089d0;text-decoration:none;}
#nav_mobile .nav_mobile .nav ul{height:100%;}

#nav_mobile .profile  { background: #fafafa; padding:20px 0 ; border-bottom: solid 1px #d5d5d5; }
#nav_mobile .profile .user_info { text-align: center;   }
#nav_mobile .profile .user_info .img { width: 80px; height:80px; display: inline-block; border-radius: 50%; overflow:hidden; }
#nav_mobile .profile .user_info .img img {  }
#nav_mobile .profile .user_info .txt { margin: 5px 0 0; font-size: 14px; }
#nav_mobile .profile .user_info .login_btn { margin-top: 10px; border-radius: 50px;  }
#nav_mobile .profile .user_info .join_btn { display: block; margin-top: 15px; color: #666; clear: both;  }

#nav_mobile .profile .user_info ul { float:none; display: inline-block; margin:10px 0 0; height:100%; }
#nav_mobile .profile .user_info ul li{ position: relative; display: inline-block; float: left; font-size:16px;}
#nav_mobile .profile .user_info ul li > a	{ display: block; text-align: center; padding:8px 15px;color:#999; font-size: 11px; font-family:"notokr-regular"; }
#nav_mobile .profile .user_info ul li > a:hover, .nav li > a:focus  { color:#696969; }

#nav_mobile .profile .user_info .line {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 25px;
    background: #ddd;
}


.main-sidebar {
	position:fixed;
	top:0;
	bottom:0;
	background-color:#fff;
	color:#fff;
	width:300px;
	z-index: 3000;
}
.main-sidebar-wrapper {
	position:relative;
	height:100%;
	overflow-x:hidden;
	padding:0
}
.main-sidebar .section {
	position:relative;
	margin:0;
	padding:0
}
.main-sidebar .section .title {
	background:#4298de;
	margin:0;
	padding:17px 10px 17px 15px;
	display:block;
	font-size:18px;
	color:#fff;
	font-weight:400;
	text-decoration:none
}
.main-sidebar .section ul {
	background:#eee;
	border-bottom:solid 1px #ccc;
	margin:0
}
.main-sidebar .section ul li:first-child {
	border-top:0
}
.main-sidebar .section ul li {
	border-top:dashed 1px #c5c5c5
}
.main-sidebar .section ul li a {
	padding:12px 10px 12px 15px;
	display:block;
	font-size:15px;
	color:#999;
	font-weight:400;
	text-decoration:none
}
.main-sidebar .section ul li a:hover {
	color:#444;
	text-decoration:underline
}
.main-sidebar .section ul li A i {
	position:absolute;
	left:10px;
	top:17px;
	font-size:28px
}
.main-sidebar .section .close-btn {
	position:absolute;
	right:0;
	top:0
}
.main-sidebar .section .close-btn i {
	font-size:26px
}
.main-sidebar .side_menu li {
	position:relative;
	margin:0
}
.main-sidebar .side_menu li A {
	display:block;
	text-decoration:none
}
.main-post-list a:hover,.main-post-list-1 a:hover {
	text-decoration:underline
}
.main-sidebar .side_menu li .menu_title A {
	padding:18px 0 15px 15px;
	color:#666;
	font-size:15px;
	border-bottom:solid 1px #ddd
}
.main-sidebar .side_menu li .menu_title A i {
	position:absolute;
	right:13px;
	margin-top:5px;
	color:#bbb;
	font-size:11px
}
.main-post-list .post-li,.section_title h3 {
	position:relative
}
.main-sidebar .side_menu li .menu_title A:hover {
	background:#fafafa;
	color:#4e85e1;
	padding:18px 0 14px 15px;
	border-bottom:solid 2px #4e85e1
}
.main-sidebar .side_menu li .menu_title A:hover i {
	color:#4e85e1;
	font-size:11px
}
.main-sidebar .menu_ative .menu_title A {
	background:#fafafa;
	color:#e53935;
	padding:18px 0 14px 15px;
	border-bottom:solid 2px #e53935
}
.main-sidebar .sub_side li A {
	padding:12px 0 12px 15px;
	border-bottom:solid 1px #eee;
	color:#666
}
.side_info_btn {
	display:inline-block
}
.side_info_btn li {
	float:left;
	background:url(/common/images/user/copy_btn_line.png) left no-repeat;
	padding:0 15px
}
.side_info_btn li:first-child {
	padding-left:0;
	background:0 0
}
.side_copy {
	display:block;
	margin:8px 0 0 10px
}
.side_copy li a {
	font-size:12px;
	color:#777
}
.side_copy_text {
	margin:10px 0 0 8px;
	color:#bbb;
	font-size:11px
}

/**/
.checkSearch { position:relative; max-width: 500px; margin:100px auto 0; text-align: center; }
.checkSearch .main_logo { margin: 0 0 35px; }
.checkSearch .main_logo img { max-width:100%; height: auto; }
.checkSearch .searchCont { background: #fff; display: block; height:50px; padding: 8px 0; box-shadow: 0 2px 3px #bbb; }
.checkSearch .searchCont .searchInput {
	width: 100%;
	padding: 0 15px;
	line-height: 35px;
	font-size: 15px;
	border:0;
	outline:none;
}
.checkSearch .searchBtn { display: inline-block; margin: 20px 0 0 ;}
.checkSearch .searchBtn .search_toggle {
	background: #eee;
	border:solid 1px #ccc;
	padding: 10px 15px;
	color: #888;
	font-size: 15px;
	font-weight: bold;
}
.checkSearch .searchBtn .search_toggle:hover {
	border:solid 1px #aaa;
	color: #333;
	font-weight: bold;
}

.wasCont { background: #fff; }
.wasCont .wasTable {  }
.wasCont .wasTable .table {  }
.wasCont .wasTable .table th { text-align: center; padding: 15px 0; font-size: 15px; }
.wasCont .wasTable .table td { padding: 15px 0; font-size: 14px; }

.alert { position:relative; }
.alert i { position: absolute; height: 20px; top: 50%; left: 20px; margin-top: -18px; }
.alert .pull-left { padding: 0 0 0 60px; }

/* 비주얼 */
.main_visual { position:relative; }

/* 우리 아이들의 몸과 마음이 건강하게 */

.main_section_01 { padding:0 0 30px 0; background:#f3f3f5; }
.main_section_01 ul { padding:0 42px; overflow:hidden; }
.main_section_01 ul li { text-align:center; margin-bottom:23px; }
.main_section_01 ul li a { display:block; font-size:20px; color:#444; letter-spacing:-1px; text-decoration:none; }
.main_section_01 ul li a > span { display:block; margin-bottom:23px; }


/* 지역아동센터대전광역시지원단 */
.main_section_02 { padding:60px 0; }
.main_section_02 .tab_board { position:relative; width: 100%; height: 34px; }
.main_section_02 .tab_board li { float: left; }
.main_section_02 .tab_board li a { display: inline-block; vertical-align: top; position:relative; height: 34px; padding: 7px 11px 0; min-width:78px; border:1px solid #d7d7d7; font-size:16px; text-decoration:none; }
.main_section_02 .tab_board li a.on_board { color:#fff; background:#0eb0ea; border: 1px solid #0eb0ea; }

.main_section_02 .m_notice { position:relative; margin-top: 10px;}
.main_section_02 .m_notice h3 {  margin-top:0px; margin-bottom:10px; font-size:18px; color:#444; letter-spacing:-1px; }
.main_section_02 .m_notice h3 a { height:18px; display:inline-block; padding:0 25px 0 0; line-height:14px; background:url(../images/user/more.gif) no-repeat 75px 5px; vertical-align:top; }
.main_section_02 .m_notice h3 a:focus, a:hover { color:#444; text-decoration:none; }
.main_section_02 .m_notice ul li { width:100%;margin-bottom:10px; padding-left:14px; background:url(../images/user/con_list.gif) no-repeat 0 9px; }
.main_section_02 .m_notice ul li:lest-child { margin-bottom:0px; }
.main_section_02 .m_notice ul li a { font-size:14px; color:#444; line-height:14px; letter-spacing:-1px;}
.main_section_02 .m_notice ul li span { float:right; font-size:14px; color:#444; line-height:14px; letter-spacing:-1px; }

.main_section_02 .m_map_title { width:100%; height:40px; text-align:center;}
.main_section_02 .m_map_title .font { font-size:20px; color:#222; font-weight:bold; }
.main_section_02 .m_map_title .font b { color:#1ba1df; font-weight:bold; }

.main_section_02 .m_map { position:relative; width:258px; height:240px; margin:0 auto; background:url(../images/user/main_section_04_map.jpg) no-repeat;}
.main_section_02 .m_map a { position:absolute; cursor:pointer; display:inline-block;}
.yuseong {top:31%; left:20%;}
.daedeok {top:18%; left:53%;}
.donggu {top:49%; left:62%;}
.djjunggu {top:59%; left:45%;}
.seogu {top:69%; left:24%;}


/* 추가css */
@media (min-width: 768px){
  .main-container {
      width: 750px;
  }
}
@media (min-width: 992px){
  .main-container {
      width: 970px;
  }
}
@media (min-width: 1200px){
  .main-container {
      width: 1170px;
  }
}
.main-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainSection {
  padding: 30px 0;
  position: relative;
}
.main-cont-line {
  position: relative;
  padding: 40px 0 35px;
}
.main-cont-line::after {
  content: '';
  display: block;
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  height: 150px;
  background-color:#f5f5f5;
  z-index: -1;
}
.mainTit {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
  color:#3d3d3d;
  margin:0;
  margin-bottom: 14px;
}
.mainTit span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.mainTit span::after {
  content: '';
  display: block;
  width:100%;
  height: 10px;
  background-color:#94DBFF;
  z-index: -1;
  position: absolute;
  bottom:0;
  left:0;
}


.map-cont {
  padding: 10px;
  height: 256px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 505px;
  border-radius: 10px;
  box-shadow: 0px 2px 6px rgb(0 0 0 / 16%);
  margin-right:20px;
  background-color:#fff;
  background-color: #99dcff;
}
.mainSection .map-cont .m_map {
  position: relative;
  width: 250px;
  height: 233px;
  margin: 0 auto;
  /* background: url(../images/user/main_section_04_map.jpg) no-repeat; */
  background-size: cover;
}
.mainSection .map-cont .m_map svg {
  width: 100%;
  height: 100%;
}
/* .mainSection .map-cont .m_map a { position:absolute; cursor:pointer; display:inline-block;} */
.map-txt-box {

}
.map-txt-box a {
  position: absolute;
}
.map-txt-box a span {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 99px;
  background-color: #396ff1;
  font-size: 12px;
  color: #fff;
}
.main-link-box {
  flex:1;
  flex-direction: row;
}
.main-link-box a {
  display: block;
  display: flex;
  width: 33.3333%;
  margin: 0 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 6px rgb(0 0 0 / 16%);
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.main-link-box a.link01 {
  background-color:#E7FFFD;
  margin-left:0;
}
.main-link-box a.link02 {
  background-color:#EFFFEB;
}
.main-link-box a.link03 {
  background-color:#FFF9D5;
  margin-right:0;
}
.main-link-box a span {
  font-size: 21px;
  font-weight: 700;
  display: inline-block;
  line-height: 1.4;
}
.main-link-box a > div {
  margin-bottom: 20px;
}
.main-link-box a.link01 span {
  color:#063531;
}
.main-link-box a.link02 span {
  color:#0E3205;
}
.main-link-box a.link03 span {
  color:#322C03;
}
.map_link path {
  transition: all 0.2s ease-out;
}
.map_link:hover path {
  fill:#e1ffd0 !important;
}
/* .main-link-box a.link02 img {
  width: 50px;
} */
.board-category {
  margin:0 -12px;
}
.board-category > li {
  width: 33.3333333%;
  padding: 0 12px;
}
.board-category > li .more {
  display: block;
  text-align: center;
  line-height: 46px;
  font-size: 14px;
  border:1px solid #ddd;
  border-width: 0px 1px 1px;
}
.board-category .board-cont {
  border:1px solid #ddd;
  padding: 25px 20px;
  min-height: 354px;
}
.board-category .board-cont .board-tit {
  margin:0;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
}
.board-category .board-cont .b-list {

}
.board-category .board-cont .b-list li {
  margin-bottom: 10px;
}
.board-category .board-cont .b-list li:last-child {
  margin-bottom: 0;
}
.board-category .board-cont .b-list li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.46;
  color:#333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-category .board-cont .b-list li span {
  font-size: 13px;
  display: inline-block;
  color:#979797;
}

@media (max-width:1200px) {
  .map-cont {
    width: 440px;
  }
  .main-link-box a span {
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .main-top {
    flex-direction: column;
  }
  .map-cont {
    width: 100%;
    margin-bottom: 20px;
  }
  .main-link-box a {
    padding:15px;
  }
  .main-link-box a span {
    font-size: 18px;
  }
  .main-cont-line {
    padding: 50px 0;
  }
  .mainSection {
    padding: 30px 0;
  }
  .board-category {
    flex-direction: column;
  }
  .board-category > li {
    width: 100%;
    margin-bottom: 30px;
  }
  .board-category .board-cont {
    min-height: auto;
  }
  .board-category .board-cont .board-tit {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .board-category .board-cont .b-list li a {
    font-size: 15px;
  }
}
@media(max-width:991px) {
.main_section_02 .m_map_title { position:relative; float:none; width:100%; text-align:center; height:40px;}
.main_section_02 .m_map { position:relative; float:none; margin:0 auto; width:258px; height:240px; background:url(../images/user/main_section_04_map.jpg) no-repeat;}

}

/*배너*/
.main_section_03 { border-top:solid #e0e0e0 1px; width:100%; padding:15px 0; display:block; }
.main_section_03 .owl-carousel .owl-nav { display:none; }
.main_section_03 .owl-carousel .owl-dots { display:none; }



/* 콘텐츠 */
.section_intro { padding:30px 0 0 0; }
.section_intro .tit { position:relative; width:100%; text-align:center; }
.section_intro .tit h3 { margin-bottom:10px; text-align:center; font-size:30px; color:#222; font-weight:normal; letter-spacing:-2px; }
.section_intro .tit .introtxt { margin-bottom:40px; text-align:center; font-size:16px; color:#666; letter-spacing:-1px; }

.sub_visual { background:url(../images/user/sub_visual_bg2.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height:277px; background-size: 1580px;
    background-color: #dfe9f5; }
.sub_visual .inner_txt { padding:67px 0 0 0; display: none; }

.sub_nav { background:#f6f6f6; border-bottom:1px solid #ddd; }
.sub_nav .breadcrumb { padding:0; margin-bottom:0; }
.sub_nav .breadcrumb .home { float:left; display:block; width:50px; height:50px; background:#1ba1df; }
.sub_nav .breadcrumb .home a { padding:16px 0; display:block; text-align:center; }

.sub_nav .breadcrumb .dep_box { float:left; border-right:1px solid #ddd; }
.sub_nav .breadcrumb .width_dep1 { min-width: 200px; }
.sub_nav .breadcrumb .width_dep2 { min-width: 200px; }
.sub_nav .breadcrumb .dep_box .this { display:block; height:50px; padding:15px 14px 15px 18px; color:#555; font-size:16px; text-decoration:none; }
.sub_nav .breadcrumb .dep_box .this .icon_down { float:right; width:7px; height:6px; margin:10px 0 0 10px; background:url(../images/user/icon_down.png) 0 0 no-repeat;}
.sub_nav .breadcrumb .dep_box .dropdown-menu { border-radius:0; padding:0; margin:0 0 0 -1px; border:1px solid #e7e7e7; background:#fff; box-shadow:none; font-size:16px; width: 100%; }
.sub_nav .breadcrumb .dep_box .dropdown-menu li { color:#4c4c4c; }
.sub_nav .breadcrumb .dep_box .dropdown-menu li a { display:block; padding:8px 20px 8px 20px; }
.sub_nav .breadcrumb .dep_box .dropdown-menu li a:hover{color:#0089d0;background:#e3eff6;}

.sub_content { padding:20px 25px; }
.sub_content .sub_page_header {
	background:url(../../common/images/user/sub_title_line.png) no-repeat;
	vertical-align:top;
    font-size:24px;
    margin: 38px 0 20px;
    padding: 11px 0 0 0;
    border: none;
    line-height: 28px;
}

/* history */
.history_top{ background:url('/assets/common/images/basic/bg_history.png') right bottom no-repeat;}
.history_top .txt{padding-top:60px;}
.history { position: relative; }
.history_cont{overflow:hidden;padding:80px 0 0 35px;}
.history_cont .year_box {
	overflow:hidden;width:100%;
	background:url('/assets/common/images/basic/bg_history_y.png')  repeat-y;
}
.history_cont .year_box strong.tit_year{ position: absolute; float:left;padding:0 0 0 25px;font-weight:normal;font-size:22px;color:#0089d0;line-height:1em;background:url('/assets/common/images/basic/bg_year.png') 0 0  no-repeat;font-family:"nanum-square-r";}
.history_cont .year_box ul{ float:left;margin:0 0 30px 120px;}
.history_cont .year_box ul li{margin:-2px 0 25px;}
.history_cont .year_box ul li:after{content:"";display:block;clear:both;}
.history_cont .year_box ul li strong{ position: absolute; display:inline-block;width:100px;line-height: 1.4;font-weight:normal;font-size:18px}
.history_cont .year_box ul li .cont {float:left; margin-left: 100px; }
.history_cont .year_box ul li .cont .title { padding-left:12px;font-size:15px; color: #333; background: url(/assets/common/images/basic/bg_dot.png) 0 8px no-repeat;}
.history_cont .year_box ul li .cont .txt { margin:3px 0 0 12px; color: #888;  }
.history_cont .first_year ul{margin-bottom:0;}
.history_cont .first_year ul li.last{margin-bottom: 0;}

.history_cont .year_box .rightArea { width: 100%; }
.history_cont .year_box .rightArea > div { width: 50%; float: right; margin-right:7px;  }
.history_cont .year_box .rightArea > div strong.tit_year{ float: left; background:url('/assets/common/images/basic/bg_year.png') no-repeat left 0; padding-right: 20px; }
.history_cont .year_box .rightArea > div ul { float: left; }
.history_cont .year_box .rightArea > div ul strong{float:left;display:inline-block;width:65px;line-height: 1.4;font-weight:normal;font-size:18px}

.history_cont .year_box .leftArea { width: 100%; }
.history_cont .year_box .leftArea > div { width: 50%; float: left; margin-left: 8px; }
.history_cont .year_box .leftArea > div strong.tit_year{ float: right; background:url('/assets/common/images/basic/bg_year.png') no-repeat right 0; padding-right: 25px; text-align: right; }
.history_cont .year_box .leftArea > div ul { float: right; }
.history_cont .year_box .leftArea > div ul strong{float:right;display:inline-block;width:65px;line-height: 1.4;font-weight:normal;font-size:18px; text-align: right; }
.history_cont .year_box .leftArea > div ul span{float:right;padding-right: 12px;background:url('/assets/common/images/basic/bg_dot.png') no-repeat right; }

/*board_table*/
.board_table { border-top:3px solid #1ba1df; border-bottom:1px solid #b1b1b1; }
.board_table th { padding:17px 0 13px; border-bottom:1px solid #b1b1b1; font-size:15px; text-align:center; }
.board_table td { height:50px; border-bottom:1px solid #ebebeb; line-height:50px; text-align:center; }

.board_table td.subject { text-align:left; }
.board_table td.subject a { color:#666; font-size:14px; }

/*cont_table*/
.cont_table { border-top:3px solid #1ba1df; border-bottom:1px solid #b1b1b1; }
.cont_table th { padding:17px 0 13px; border-bottom:1px solid #b1b1b1; font-size:15px; text-align:center; border-width: 0px 1px 1px 1px;}
.cont_table td { height:50px; border:1px solid #ebebeb; border-width: 0px 1px 1px 1px; line-height:50px; text-align:center; }
.cont_table td.subject { text-align:left; }

.view_header { border-top:3px solid #1ba1df; border-bottom:1px solid #efefef; }
.view_header .view_title { padding:20px 0 20px 30px; font-size:18px; color:#333; font-weight:normal; }
.view_header .si-share_list  { padding:5px 0 15px 30px; font-size:13px; color:#888; }
.view_header .si-share_list ul  { }
.view_header .si-share_list ul li { float:left; background:url(../images/user/bg_vline.gif) center right no-repeat; padding:0 10px 0 0; margin-right:8px; }
.view_header .si-share_list ul li:lest-child { background:none; }
.view_div .view_body { padding:0 30px; }


/* 카피라이트 */
.footer { margin:0; padding:20px 0; width:100%; display:table; background:#f8f8f8; text-align:center; box-shadow:none; -webkit-box-shadow:none;}

.footer_menu{ display: none;}

.footer .copy_logo { float:left; display:inline-block; }
.footer .footer_info { float:left; text-align:left; padding:0 0 0 30px; }
.footer .footer_info .info_btn { display:inline-block; }
.footer .footer_info .info_btn li { position: relative; float: left; background:url(/assets/common/images/user/copy_btn_line.png) no-repeat left; padding: 0 15px; }
.footer .footer_info .info_btn li:first-child { padding-left: 0; background: none; }

@media (max-width:450px) {
  .sub_nav .container {
    padding:0;
  }
  .sub_nav .container .row {
    margin:0;
  }
  .sub_nav .breadcrumb {
    display: flex;
  }
  .sub_nav .breadcrumb .home {
    flex: 50px 0 0;
  }
  .sub_nav .breadcrumb .dep_box {
    flex: 1 0 0;
    min-width: auto !important;
  }
  .sub_nav .breadcrumb .dep_box .this {
    font-size: 13px;
  }
}