@charset "utf-8";

@import url("fonts/nanumfont.css");
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{
/*   font-family: "Noto Sans KR" !important, sans-serif; */
  font-family: 'NanumSquare', sans-serif;
/*   font-weight: 300; */
  font-size: 14px;
}

a, a:link, a:visited {
  color: #010000;
}

a:hover, a:active {
  color: #f26c4f;
}

/*
.logo_text {
  font-size: 19px;
  font-weight: 500;
  color: #736357;
  cursor: pointer;
}

.logo_text b {
  font-size: 19px;
  font-weight: 500;
  color: #f26f53;
}

.logo_text small {
  color: #6e6e6e;
  font-size: 11px;
  display: block;
}
*/

.logo_text {
/*   font-size: 19px; */
  font-size: 60px;
/*   font-weight: 500; */
  color: #736357;
  cursor: pointer;
}
.logo_text img {
	float:left;
	margin-right:5px;
}

.logo_text b {
/*   font-size: 23px; */
/*  font-weight: 500; */
   font-size: 30px;
  font-weight: 600;
/*   color: #f26f53; */
}

.logo_text strong {
/*   font-size: 28px; */
/*   font-weight: 500; */
  font-size: 30px;
  font-weight: 600;
}

.logo_text small {
  color: #6e6e6e;
  font-size: 12px;
  display: block;
}

.navbar-default {
  height: 88px;
  background: #fff;
  border: none !important;
  padding-top: 25px;
  margin: 0;
}

.navbar-nav {
  margin-top: 17px
}

.navbar-default .navbar-nav>li>a {
  font-size: 20px;
  font-weight: 700;
  position: relative;
/*   width: 165px; */
  width: 150px;
  text-align: center;
  padding: 13px 0;
}

.navbar-default .navbar-nav>li>a:after {
  content: "";
  display: block;
  height: 23px;
  bottom: 0;
  position: absolute;
  width: 1px;
  right: 0;
  background: #ccc;
}

body.main .cover {
/*   background-image: url(../img/main_cover.jpg); */
  background-image: url(../img/main_cover_1.png);
  height: 570px;
  background-size: cover;
  background-position: top center;
}

.container-fluid {
  max-width: 1200px;
  margin: auto;
}

@media (max-width:920px) {
  .navbar-default .navbar-nav>li>a {
    width: 128px
  }
}

.main_banner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.main_grid {
  margin: auto -15px
}

.main_grid:after {
  content: "";
  display: block;
  clear: both
}

.main_grid .main_bbs_box {
  float: left;
/*   width: 29%; */
  width: 39%; 
  height: 218px;
  border-left: 1px solid #ccc;
  padding: 20px 30px 0 30px;
}
.main_grid .main_bbs_box .search {
  display: none;
}
.main_grid .main_bbs_box .pull-right {
  margin-top: 10px;
  font-size: 12px;
  opacity: .8;
}

.main_grid .main_banner_cust, .main_grid .main_banner_cust2 {
  float: left;
  width: 20%;
}

.main_grid .main_banner {
  float: right;
  width: 20%;
  margin-top: -327px;
}

.main_banner_cust a, .main_banner_cust2 a, .main_banner a {
  background-size: contain;
  background-position: center;
  display: block !important;
  width: 100%;
  background-repeat: no-repeat;
}


.main_banner a.item_1 {
  background-image: url(../img/main_banner_02_i_01.png);
  background-color: #ff8d2f;
}

.main_banner a.item_2 {
  background-image: url(../img/main_banner_01_i_01.png);
  background-color: #f26f53;
}

.main_banner a.item_3 {
  background-image: url(../img/main_banner_03_i_01.png);
  background-color: #eccb5b;
}
.main_banner a.item_4 {
  background-image: url(../img/main_banner_05_01.png);
  background-color: #86b53c;
}
.main_banner a.item_5 {
  background-image: url(../img/main_banner_05_i_02.png);
  background-color: #464646;
}

.main_banner_cust a.item_1 {
  background-image: url(../img/main_banner_04_i_02.png);
  background-color: #52adf3;
}

.main_banner_cust a.item_2 {
  background-image: url(../img/main_banner_07_01.png);
  background-color: #366990;
}

.main_banner_cust2 a.item_6 {
  background-image: url(../img/main_banner_06_01.png);
  background-color: #749db3;
}

.main_banner_cust2 a.item_7 {
  background-image: url(../img/main_banner_04_01.png);
  background-color: #0e61ca;
}

.main_banner_cust a, .main_banner_cust2 a {
  height: 109px;

}

.main_banner a {
  height: 109px;
}

.main_bbs>li>a {
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}

.main_bbs>li {
  padding: 5px 80px 5px 0px;
  position: relative;
}

.main_bbs>li .date {
  position: absolute;
  right: 0;
  top: 5px;
}

.footer {
  background-color: #ebebeb;
  padding: 20px 0 40px 0;
  z-index: 2;
  position: relative;
}

.footer_logo {
  margin: 20px 0;
  font-size: 19px;
  font-weight: 500;
  color: #979797;
}

.footer_logo small {
  color: #bfbfbf;
  font-size: 11px;
  display: block;
}

.footer_info {
  font-size: 12px;
  line-height: 2em;
}

.footer_menu a+a {
  margin-left: 30px;
}

.navbar-toggle {
  margin-top: 7px;
  position: absolute;
  left: 13px;
  top: 2px;
  float: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: none;
  color: #f26c4f;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 4px;
}

.navbar-default .navbar-toggle .icon-bar {
  color: #e27458;
  background-color: #e27458;
}

.navbar-brand {
  cursor: pointer;
  height: 60px;
}

.navbar-default .navbar-toggle {
  border: none !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background: #f9f9f9;
}

body.sub .cover {
  position: relative;
  background-image: url(../img/sub_cover.jpg);
  height: 250px;
  background-size: cover;
  background-position: center;
}

body.sub .cover h2:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #f29a53;
  left: 50%;
  top: -24px;
  margin-left: -5px;
  position: absolute;
}

body.sub .cover h2 {
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 50%;
}

.cover_text {
  padding: 22px 15px 20px 15px;
  line-height: 1.2em;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  background-color: #464646;
}

.sub_box {
  background-image: url(../img/left_menu_bg.png);
  background-position: left;
  background-repeat: repeat-y;
  background-color: #fff;
  position: relative;
  padding-left: 174px;
  min-height: 900px;
}

.sub_body {
	
  background-image: url(../img/sub_bg.jpg);
  background-size: contain;
  background-repeat: repeat-y;
}

.left_menu_box {
  width: 174px;
  position: absolute;
  left: 0px;
  top: 0;
}

.left_menu.active {
  display: block;
}

.left_menu {
  display: none;
}

.left_menu .title {
  font-size: 27px;
  font-weight: 500;
  /* padding: 90px 0 10px 20px;*/
  padding: 90px 0 10px 0px;
  border-bottom: 1px solid #999;
}

.left_menu .sub_menu li {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  padding: 8px 0 6px 20px;
  border-bottom: 1px solid #e1e1e1;
}

.left_menu .sub_menu li.active {
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #f26f53;
  color: #f26f53;
}

.left_menu .sub_menu li.active a {
  color: #f26f53;
}

.left_menu .sub_menu li:after {
  content: "";
  height: 7px;
  width: 7px;
  display: block;
  position: absolute;
  right: 7px;
  top: 14px;
  background: #e2e2e2;
}

.left_menu .sub_menu li.active:after {
  background: #f26f53;
}

.left_banner .text {
  font-size: 14px;
  font-weight: 600;
  padding: 20px 20px 5px 20px;
  opacity: 0.5;
}

.left_banner .banner {
  margin-top:95px;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.16);
  width: 128px;
}

.page_title {
  padding: 83px 0 25px 0;
  margin-left: 112px;
  border-bottom: 1px solid #e4e4e4;
}

.page_title h2 {
width:100%;
  color: #f26f53;
  font-size: 45px;
  position: relative;
  margin: 0 0 10px 0;
  float: left;
  padding: 0;
  padding-right: 100px;
}



.page_title h2:before {
  content: "";
  height: 9px;
  width: 9px;
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
  background: #f26f53;
}

.page_title .desc {
  letter-spacing: -1px;
  color: #010000;
  font-size: 17px;
  line-height: 1.4em;
  float: left;
  margin-top: -10px;
  padding-top: 15px;
}

.page_title:after {
  content: "";
  display: block;
  clear: both;
}

.page_content .content {
  margin-left: 112px;
}
.page_content .content:after { display: block; content:""; }
.page_content {
  background-size: cover;
  background-position: left bottom;
  position: relative;
  min-height: 745px;
}

.page_content:before {
  content: "";
  background-image: url(../img/sh.png);
  width: 26px;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
.no_left_bg:before {
  display: none;
}
.sub_bbs .page_content:before {
  display: none;
}

.page_content .content img {
  max-width: 100%;
}
.page_content .content {padding-bottom: 100px}
.page_content .content .text p{
  font-size: 14px; line-height: 20px;
  margin:20px 0;
}
.greeting h2 {
    color: #f26f53;
    font-size: 30px;
    position: relative;
    margin: 0;
    float: left;
    padding: 0;
    padding-right: 50px;
    margin-bottom: -18px;
    background: #fff;
  }
.greeting {    padding: 83px 0 0 0;
    margin-left: 112px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 80px;
  }

.page_content .content .name{ 
	color:#f29a53 ; 
	text-align: right;
	font-size:18px;
	font-weight: 600;
}

.md_br { margin: 4px 0}
.sub_1_2 {}

.sub_1_2 .page_content {}

.sub_1_2 .page_content .content {}

.nav-pills>li>a {
  padding: 10px 11px;
  background: #f9f9f9;
  letter-spacing: -1px;
  margin: 3px;
}

.hanmoo {font-family: 'Noto Sans Korean', sans-serif; letter-spacing:-0.5px;} 

.sitemap { 
	padding-top: 30px;
}

.sitemap:before { content: ""; display: block; clear:both}

.sitemap .sitemap_item {
  float:left; 
  width:20%; 
  padding:0px;
}
.sitemap .sitemap_item .title{
  font-size: 16px; 
  font-weight: 600;
  border-bottom: 1px solid #959595; 
  margin:10px;
  padding:7px 5px;
}
.sitemap .sitemap_item .sub_menu {
	margin:10px 20px;
}
.sitemap .sitemap_item .sub_menu li a:before {
	content: "> " ;
}
.sitemap .sitemap_item .sub_menu li {
	margin: 8px 0;
}

@media (max-width: 768px) {
	  .mobile_menu_bottom {
		    position: fixed;
		    bottom: 0;
		    width: 255px;
		    background: #303030;
		    margin-right: -15px;
		    padding-right: 15px;
		}
		.mobile_menu_bottom .logo_text{
			font-size: 20px;
		    color: #fff; margin-top:20px;
		}
		.mobile_menu_bottom .logo_text b {
		    font-size: 20px; 
		}
		.mobile_menu_bottom .call {
			font-size: 10px; 
			font-weight: 100; 
			color:#fff; 
			text-align: center;
			margin-top: 15px; 
			margin-bottom: 20px
		}
		.mobile_menu_bottom .call b {
			font-weight: 100; 
			font-size: 10px;
			margin-right:5px;
		}
		.mobile_menu_bottom  .logo_text small {    
			font-size: 10px;
		    color: #fff;
		    /* zoom: 0.2; */
		    display: block;
		    transform: zoom(.5);
		    font-weight: 100;
		}
		.md_br { 
			display: inline;
		}
		.page_content:before {
		    display: none;
		}
		.page_content, .sub_box {
		    min-height: auto;
		 }
		.page_content .content {
		    padding: 20px 0 !important;
		    margin: 0 !important;
		    width: 100%;
		}
		body.main .cover {
		    background-image: url(../img/mobile_cover_1.png);
		}
		.navbar-default {
		  position: fixed;
		  height: 60px;
		  width: 100%;
		  z-index: 5;
		  padding: 0
		}
		.logo_text {
		  margin: auto;
		  display: block;
/* 		  float: none; */
		  text-align: center;
		  font-size:38px;
		}
		.logo_text img {
		  margin-left:50px;
		  width:33px;
		  height:33px;
		}
		
		.logo_text b {
		  font-size:16px;
		}
		
		.logo_text strong {
		  font-size:16px;
		}
		
	   .navbar-default .navbar-nav {
	     margin-top:0
	   }
	   .mobile_menu_top {
	     	display: block!important;
			/* width: 100%; */
			border-bottom: 1px solid rgba(255,255,255,.3);
			margin-right: -15px;
			/* height: 300px; */
			color: #fff;
			text-align: center;
			padding-top: 60px;
			padding-bottom: 40px;
/* 			font-size: 11px; */
			font-size: 20px;
			color: rgba(255,255,255,.8);
	   }
	 .navbar-default .navbar-nav>li>a {
	   width: 100%;
	   text-align: left;
	   padding-left: 46px;
	   border-bottom: 1px solid rgba(255,255,255,.3);
	   font-weight: 400;
	   position: relative;
	 }
	
	  .navbar-default .navbar-nav>li>a:after {
	      content: "";
	      height: 7px;
	      width: 7px;
	      display: block;
	      position: absolute;
	      right: 29px;
	      top: 19px;
	      background: #626364;
	  }
	
	  .navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:active {
	      color:#f26f53;
	      background: rgba(0,0,0,0.5);
	  }
	  .navbar-default .navbar-nav>li>a:hover:after,.navbar-default .navbar-nav>li>a:active:after {
	      background:#f26f53
	  }
	  .navbar-default .navbar-collapse {
	    background-color: rgba(20, 20, 20, 0.85);
	    position: fixed;
	    left: 0;
	    top: 0;
	    width: 270px;
	    bottom: 0;
	    padding-bottom: 150px;
	  }
	  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover ,.navbar-default .navbar-nav .open .dropdown-menu>li>a:active{
	    color:#fff;
	
	  }
	  .page_title h2 {width:100%;padding-right:0}
	  .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {  border-color:  rgba(255,255,255,.3);}
	  .navbar-nav .open .dropdown-menu {
	    border-top: none;
	    border-bottom: 1px solid rgba(255,255,255,.3);
	    background: #000;
	    border-radius: 0;
	  }
	  .navbar-default .dropdown-menu li {
	    text-align: left;
	    padding: 3px 20px;
	  }
	  .main_grid .main_banner {
	    float: none;
	    margin: 0;
	    width: 100%;
	  }
	  .main_grid .main_banner:after {
	    display: block;
	    content: "";
	    clear: both;
	  }
	  .main_grid .main_banner a {
	    float: left;
/* 	    width: 33.333%; */
		width: 20%;
	    height: 1px;
/* 	    padding-bottom: 28%; */
		padding-bottom: 15%;
	    background-size: 100%;
	  }
	  .main_grid .main_bbs_warp .main_bbs_box {
	    float: none;
	    width: 100%;
	    height: 160px;
	    border: none;
	    font-size:11px;
	  }
	  .main_grid .main_bbs_warp .main_bbs_box+.main_bbs_box {
	    border-top: 1px solid #ccc
	  }
	  .main_grid .main_bbs_warp {
/* 	    width: 33.333%; */
	    width: 40%;
	    float: left;
	  }
	  .main_grid .main_banner_cust, .main_grid .main_banner_cust2 {
/* 	    width: 33.333%; */
		width: 10%;
	  }
	
	  .main_grid .main_banner_cust a, .main_grid .main_banner_cust2 a {
	    height: 80px;
	  }
	
	  .footer .pull-right {
/* 	    margin-top: -61px; */
 		margin-top: -7px;
	  }

	  .left_menu_box {
	    display: none;
	  }
	  .sub_body, .sub_box {
	    background: none;
	    padding: 0;
	    margin: 0;
	  }
	  .page_title {
	    padding: 40px 0 20px 0;
	    margin-left: 0;
	  }
	  .page_content .content {
	    padding: 0;
	    margin: 0;
	  }
}

.ui-jqgrid {
  width: 100% !important;
  overflow: auto !important;
}

body.sub_bbs .container-fix {
  width: 100%;
  max-width: 100%;
  padding: 20px;
}

body.sub_bbs .title_box {
  display: none;
}

body.sub_bbs .title_box+hr {
  display: none;
}

.gcon_list .reple {
  top: 0 !important;
}

@media (max-width: 1150px) {
  	.list-group-item.active {
    	display: none;
	}
	.list-group-item .btn_go_item .col-xs-7 {
    	width: 100%;
	}
/* 	.list-group-item .btn_go_item .col-xs-2, .list-group-item .btn_go_item .col-xs-1 {
    	display: none;
  	} */
}

.main_bbs_box .list-group-item.active {
  display: none;
}

.main_bbs_box .list-group-item .btn_go_item .col-xs-7 {
  width: 100%;
}

.main_bbs_box .list-group-item .btn_go_item .col-xs-2 {
  display: block;
  width: 70px;
  float: right;
  padding: 0;
  position: absolute;
  right: 0;
}

.main_bbs_box .list-group-item {
  font-size: 13px;
  padding: 5px 0;
  border: none;
}

.main_bbs_box .list-group-item .btn_go_item .row {
  padding-right: 100px;
}

li.list-group-item {
	cursor: pointer;
}

.gcon_list .reple {
  position: absolute;
  right: 40px;
  top: 0;
  color: #aaa;
}

.floating_region .page_box {
  position: fixed !important;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 99999;
  overflow: auto;
}

.floating_region .page_box .reple_box {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 600px;
  margin: 40px auto;
  border-radius: 10px;
  box-shadow: 0 0 10px #000;
}

.reple_box .header_box {
  z-index: 99999;
  position: relative;
  width: 100%;
  margin: auto;
  border-radius: 5px 5px 0 0;
}

.floating_region .page_box .reple_box .contents_box {
  margin-top: 0;
  padding-top: 0;
}

.sub_0_0 .left_banner .text {
	display: none;
}

.gcontent_box .search_box {
	margin-bottom:10px;    
	max-width: 300px;
    width: 100%; 
    text-align: right;
}
 
 
.multifiles hr.divider { 
 	height:8px; 
 	margin: 0; 
 	padding:0;
}

.pointer { 
	cursor: pointer; 
}    



area:focus{
  border: none;
  outline:none;
  outline-style: none; 
  -moz-outline-style:none;  
}

.bbs_simple .btn_go_item, 
.view .detail .container-fix,
.view .detail .container-fix .hit,
.view .detail .container-fix .bbs_date,
.view .detail .container-fix .author,
.view .detail .bbs_view_title, 
.view .detail .bbs_content .content, 
.view .detail .multifile ul
{
	font-family: 'NanumSquare', sans-serif;
	font-size: 14px;
}