.sub_wrap {
width:100%; position:relative;}

.sub_wrap h3 {line-height:1.3em;}


.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert_gray {background:#eee; border:1px solid #ccc;}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}


.sub_top {
  height: 180px; background-size:cover !important; overflow:hidden; position:relative; 
}

/*.sub01 .sub_top {  background: url(../top/01.jpg) center center;}
.sub02 .sub_top {  background: url(../top/02.jpg) center center;}
.sub03 .sub_top {  background: url(../top/03.jpg) center center;}
.sub04 .sub_top {  background: url(../top/04.jpg) center center;}
.sub05 .sub_top {  background: url(../top/05.jpg) center center;}
.sub06 .sub_top {  background: url(../top/06.jpg) center center;}
*/
.sub_top > .top_img {
width:1400px; margin-left: -700px; 
 transition:transform 5s; left: 50%; top: 0px; display: block; position: absolute; transform: scale(1.15);
}
.sub_top > .heading-content {
 margin: auto; width: 100%; height: 100%; display: table; position: relative; max-width: 1200px;
}
.sub_top > .heading-content h2 {
 transition:0.8s 2s; height: 100%; text-align: center; color: rgb(255, 255, 255); letter-spacing: 3px; padding-top: 35px; 
font-family: "Abel","Noto Sans KR"; font-size: 48px; font-weight: normal; vertical-align: middle; display: table-cell; opacity: 0; text-shadow: 0px 3px 8px rgba(0,0,0,0.15); transform: translateY(30px);
}
.load.sub_top > .top_img {
 transform: scale(1);
}
.load.sub_top > .heading-content h2 {
 opacity: 1; transform: translateY(0px);
}

.sub_top h2 { display:none;
  font-size: 1.6em;
  font-weight: 400;
  color: #fff;
}
.heading-content {
  text-align: center;
  margin-top: 65px;
}

@media all and (min-width:1400px) {
.sub_top > .top_img {
width:1600px; margin-left: -800px; }
}
@media all and (min-width:1600px) {
.sub_top > .top_img {
width:2000px; margin-left: -1000px; }
}
@media all and (max-width:767px)
{
.sub_top { height: 140px;}
.heading-content {
  display:none;}
}
@media all and (max-width:480px)
{
.sub_top { height: 100px;}
}



#contents_wrap{padding-bottom:0px; position:relative;text-align:left;margin:0px auto 0;}

.sub_menu{
width:100%;	margin: 5px auto 0px; border: 0px solid rgb(255, 0, 0); text-align: center; overflow: hidden; max-width: 100% !important;}
.sub_menu h2 {
	background: rgb(85, 85, 85); width: 30%; height: 50px; color: rgb(255, 255, 255); float: left;
	font-size:28px; line-height: 50px;}
.sub_menu ul {padding:0; width: 70%; display:inline-block; }
.sub_menu li {width: 33.333%; float: left; margin-top:0;}
.sub_menu a {height:50px; padding-top:10px; color:#666;
	border-width: 1px 1px 1px 0px; border-style: solid; border-color: #aaa; width: 100%; float: left; display: inline-block;}
.sub_menu a:hover {color:#666666; color: rgb(221, 221, 221); background-color: #aaa;}
.sub_menu .on a {
	color: rgb(255, 255, 255); font-weight: 500; background-color: #777; padding-left:0px;}
	
@media all and (max-width:767px) {
.sub_menu h2 {width:100%; font-size:1.5em; height:45px; line-height: 45px;}
.sub_menu ul {width: 100%; }
.sub_menu li:first-child {
border-left:1px solid #aaa;}
.sub_menu ul.grid_1 li {width:100%;}
.sub_menu ul.grid_2 li {width:50%;} 
.sub_menu ul.grid_3 li {width:33.333%;} 
.sub_menu a {height:45px; padding-top:8px;}
}


.side_banner{display:none;
margin:60px 0 0; border:1px solid #ccc; padding:10px 20px; max-width: 240px;}
.side_banner h4 {font-size:1em; color:#555; background:#eee;}
.side_banner p {font-size:0.9em; margin-top:0px;}

.side_banner img {
	max-width: 100%;
}




.con_title, .heading-section {
  text-align: center;
  padding: 60px 0 0px;
}
.heading-section h2 {
  font-family: 'Open Sans','nanum gothic', sans-serif;
  font-size: 30px;
  color: #444;
  font-weight: 600;
  text-transform: uppercase; }
.con_title h2 {
  font-size: 30px;
  color: #444;
  font-weight: 600;
  text-transform: uppercase; 
  /*background:url(../img/common/title.jpg) left 5px no-repeat;*/}

.heading-section h2 span {font-weight:600; color:#333;}

@media all and (max-width:990px)
{
.con_title, .heading-section {
  text-align: center;
  padding: 40px 0 0px;}
  .con_title h2 {
  font-size:1.8em;}
}


.sub01 .contents, .sub02 .contents {padding-bottom:30px; }

/*.contents_in .row {margin-top:20px;}
.contents_in .row:first-child {margin-top:0px;}*/
.contents_in {margin-top:40px; }
.contents_in h3{margin:40px 0 20px; }
.contents_in .row:first-child h3{margin-top:0px; }

.contents .inner {margin-top:40px; }

.contents .inner .grid {margin-top:40px;}
.contents .inner .grid:first-child {margin-top:0px;}

.contents .inner .grid.mg_10 {margin-top:10px;}
.contents .inner .grid.mg_30 {margin-top:30px;}
.contents .inner .grid.mg_50 {margin-top:50px;}

.contents .inner h2{ font-weight:400;}
.contents .inner h3{margin:40px 0 20px; }
.contents .inner .grid:first-child h3{margin-top:0px; }

@media all and (max-width:767px) {
.contents .inner {margin-top:30px; }
}



	table.default th {
				text-align: center;
				padding: 10px 10px;
			}
			table.default thead {
				background: #666;
				border-top:1px solid #555;
				color: #fff;
				font-weight:bold;
			}
			table.default td {
				padding: 10px 10px;
				border-bottom:1px solid #ccc;
			}
			table.default td.left {
				text-align:center; font-weight:bold;
			}
			


.sub01 .cell h3{margin-top:0px;}
.sub01 .map {margin-top:50px;}

.sub01_1 .bullet {margin-bottom:20px;}
.sub01_1 .bullet ul li {
padding:1px 0; color:#444;}
.sub01_1 .bullet ul li::before {
	background: #666; width: 3px; height: 3px; margin-right: 5px; vertical-align: middle; display: inline-block; content: "";}

.sub02_2 .inner h2 {padding-right:10%;} 
.smd_02 .sec {
	overflow: hidden; padding-top: 0px; margin-top:50px;
}
.smd_02 .sec.first {margin-top:60px;}
.smd_02 .sec .txtArea {
	width: 55%; float: left;
}
.smd_02 .sec .imgArea {
	width: 40%; overflow: hidden; font-size: 0px; float: right;
}
.sub02_2 .sec .img_cell img {
	width: 100%; height: 100%;
}
.sub02_2 .sec .imgArea img {
	width: 100%; height: 100%;
}
.smd_02 .sec .txtArea h3 {
	padding: 0px; margin-top:0;
}
.sub02_2 .sec .desc_cell h3 {
	margin-top:0;
}
@media all and (max-width:767px)
{
.smd_02 .sec .txtArea {
	width: 100%; padding-bottom: 10px; display: block;
}
.smd_02 .sec .imgArea {
	width: 100%; display: block;
}
}


.con_table {width:710px; border-top:2px #cccccc solid;}
.con_table td{border-bottom:1px solid #dddddd;height:32px;text-align:center;color:#666666; padding:5px 10px;line-height:20px;}
.con_table .title {font-weight:bold; text-align:center;border-left:1px #dddddd solid;}



/*
@media screen and (max-width: 736px) {
.board_g td img {width:100%; height:auto !important;}
.board_n #post_area img {width:100% !important; height:auto !important; padding:0; margin:0;}
.board #post_area img {width:100% !important; height:auto !important; padding:0; margin:0;}
}
*/