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

@media all and (max-width:991px) {
.sub_wrap .col-md-6 {
margin-bottom:30px;}
}


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



.alert {
  padding: 15px; margin-bottom:0;
  border: 1px solid transparent;  border-radius: 4px;
}
.alt {
  padding: 15px; margin-bottom:0; border-radius: 4px;}
.alert_gray {background:#eee; border:1px solid #ccc;}
.alert_green {
  color: #478d49; background-color: #dff0d8;
  border:1px solid #d6e9c6;}
 .alert_green_hard {
color: #fff; background-color: #478d49; }
.alt_green_hard {
color: #fff; background-color: #559957; }
.alert_blue {
  color: #31708f;  background-color: #d9edf7;
  border:1px solid #bce8f1;}
.alert_yellow {
  color: #8a6d3b;  background-color: #fcf8e3;
 border:1px solid #faebcc;}
.alert_red {
  color: #a94442;  background-color: #f2dede;
  border:1px solid #ebccd1;}
  

 .cell_line { border:1px solid #ccc;}


  
  
.sub_top {
  height: 160px; background-size:cover !important; position:relative;
}
.sub_top:before{ display:none; 
	content: ''; background: rgba(0,0,0, 0.5); width: 50%; height: 100%;
    position: absolute; bottom: 0%; left: 50%;}
	
.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 .container { 
height:100%; }
.sub_top .grid {
  display:table; width:100%; height:100%; }
.sub_top .desc {
display:table-cell; vertical-align:middle; text-align:center; }
.sub_top h2 { display:none;
  font-size: 1.6em;
  font-weight: 400; color: #fff; }

@media all and (max-width:767px) {
.sub_top { height: 120px;}
.sub_top .desc {
  display:none;}
}
@media all and (max-width:480px)
{
.sub_top { height: 90px;}
}




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

#contents_wrap .left_grid {max-width:240px;}
.sub_menu{margin-top:1px; padding:0;}
.sub_menu h2 {color: #fff; line-height: 50px; font-size: 1.4em; font-weight: 700; 
background: #555; margin:0; text-align:center; text-transform:uppercase;
border-bottom:0px solid #bbb; height: 50px; 
}
.sub_menu ul {padding:0; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-top:1px;}
.sub_menu li {list-style: none; padding-left:0px; border-bottom:1px solid #dddddd; margin-top: 0px;}
/*.sub_menu li:last-child {border-bottom:0px solid #dddddd; }*/
.sub_menu a {font-family:'malgun gothic',dotum; font-size:0.95em; color:#777;
	padding: 10px 15%; transition:0.2s ease-out; display: block; background:#f3f3f3;
}
.sub_menu a:hover { background-color: #fff;
}
.sub_menu .on a {
	background:#fff;
}

@media all and (max-width:991px) {
#contents_wrap .left_grid {max-width:100%;}
.sub_menu h2 {
height: 47px; line-height: 47px; }
.sub_menu a {
  padding: 8px 30px; }
}

@media all and (max-width:767px) {
.sub_menu {overflow:hidden;}
.sub_menu li {
width:100%; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.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 {
  font-size:1em; padding: 8px 15%; }
}



.side_banner{
margin:60px 0 0; border:1px solid #ddd; padding:15px 10%; background:#fff;}
.side_banner h4 {font-size:1em; color:#555; }
.side_banner p {font-size:0.9em; margin-top:5px; color:#777;}

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

@media all and (max-width:991px) {
.side_banner {display: none;}
}




.contents {
margin-top:0;}

.con_title, .heading-section {
  text-align: center;
  padding: 20px 0 0px; margin-top:30px;
}
.con_title h2, .heading-section h2 {
  font-family: 'Open Sans','nanum gothic', sans-serif;
  font-size: 30px;
  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:991px){
.con_title, .heading-section {
  text-align: center;
  padding: 10px 0 0px; margin-top:30px;
}
.con_title h2 {
font-size:1.8em;}
}



.contents_in {margin-top:40px; }
.contents_in h3{margin:0px 0 20px; }

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

.contents .grid {margin-top:40px;}
.contents .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 .grid.mg_60 {margin-top:60px;}

.contents .inner .grid.mt_50 {margin-top:50px;}
.contents .inner .grid.mt_60 {margin-top:60px;}

.contents .inner h2{ font-weight:400;}
.contents .inner h3{margin-bottom:15px; text-transform:capitalize;}
.contents .inner h4{margin-bottom:10px; text-transform:capitalize;}

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



	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: "";}

@media all and (max-width:991px) {
.sub01_1 .img_cell {
margin-bottom:30px;}
}


.sub02_2 .smd_02 .col {
margin-bottom:40px;}
.sub02_2 .smd_02 .desc li {
padding-bottom:2px;}

.sub02_2 .smd_03 h5 {
display:inline-block; padding:0 10px; border-radius:4px;}
.sub02_2 .smd_03 p {
margin-top:5px;}



.sub02_3 .inner h2 {padding-right:10%;} 
.sub02_3 .sec {
	overflow: hidden; padding-top: 0px; margin-top:50px;
}
.sub02_3 .sec.first {margin-top:50px;}
.sub02_3 .sec .img_cell img {
	width: 100%; height: 100%;
}
.sub02_3 .sec .desc_cell h3 {
	margin-top:0;
}
@media all and (max-width:991px) {
}



.sub06 {
background:#eee; margin:0;}
.sub06 .logo_cell {
width:100%; height:100px; text-align:center;}
.sub06 .logo {
display:inline-block; margin:0 auto; float:left;}
.sub06 .logo_cell .btn {
float:right;}

.sub06 .item {width:100vw; height:650px; position:relative;
background-size: cover !important; background-position: center !important;}
.sub06 .item_01 {background: url("../sub06/pic_01.jpg"); }
.sub06 .item_02 {background: url("../sub06/pic_02.jpg"); }
.sub06 .item_03 {background: url("../sub06/pic_03.jpg"); }
.sub06 .item_04 {background: url("../sub06/pic_04.jpg"); }
.sub06 .item_05 {background: url("../sub06/pic_05.jpg"); }
.sub06 .flex-control-nav {
margin-top:10px;}

.sub06 .cell {
position:relative; width:100%; height:100%;}
.sub06 .desc {
position:absolute; left:0; bottom:0; padding:20px 5%; width:100%; background:rgba(0,0,0, 0.5);}
.sub06 .desc h4{}
.sub06 .desc p{
	margin: 10px 0 0px;}

@media screen and (max-width:991px) {
	.flex-control-nav {display:none !important;}
}
	@media screen and (max-width: 767px) {
	.sub06_1 .cell .desc {min-height:70px; border:0px solid #555;}
	.sub06_1 .cell .desc p {display:none;}
	}
	
	
	
	





