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


.alert {
  padding: 10px;
  margin-bottom: 10px;
  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 {
  width:30%;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger {
  width:30%; 
 color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}



.sub_top {
  height: 160px; background-size:cover !important; 
}

.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 h2 { display:none;
  font-size: 1.6em;
  font-weight: 400;
  color: #fff;
}
.heading-content {
  text-align: center;
  margin-top: 65px;
}

@media all and (max-width:767px)
{
.sub_top { height: 130px;}
.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{max-width: 240px; margin-top:1px; padding:0;}
.sub_menu h2 {height: 50px; color: rgb(255, 255, 255); line-height: 50px; font-size: 1.4em; font-weight: 700; 
background-color:#65b854; margin:0; text-align:center; text-transform:uppercase;
}
.sub_menu ul {padding:0; border:0px solid #ccc; margin-top:1px;}
.sub_menu li {list-style: none; padding-left:0px; border-bottom:0px solid #dddddd; margin-top: 1px;}
.sub_menu li:last-child {border-bottom:0px solid #dddddd; }
.sub_menu a {font-family:'malgun gothic',dotum; color:#666;
	padding: 10px 30px; transition:0.2s ease-out; font-size:1.0em; display: block; background:#eee;
		-webkit-transition: all 0.2s ease-out;
}
.sub_menu a:hover { background-color: #ddd;
}
.sub_menu .on a {
	background:#9eac9c; color: rgb(255, 255, 255);
}


.side_banner{
margin:60px 0 0; border:1px solid #ccc; padding:15px 20px; max-width: 240px; 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) {
.sub_menu {
	margin-top: 0px; max-width: 100%;
}
.side_banner {display: none;}
}



.con_title {
  text-align: center;
}
.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; 
  /*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)
{
.heading-section {
  text-align: center;
  padding: 40px 0 0px;
}
}


.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 map{margin-top:10px; }
.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 .grid.mt_60 {margin-top:60px;}

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


	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_1 .smd_02 {
margin-top:10px;}
.sub02_1 .smd_02 .desc {text-align:center;}
.sub02_1 .smd_02 .desc p {margin-top:20px;}
.sub02_1 .smd_02 .col {
min-height:280px;}

.w3ls-special-img {
    padding: 0;
    background: url(../sub02/con_01_2.jpg) no-repeat 0px 0px;
    background-size: cover;
    text-align: center;
    position: relative;
    border: solid 1px #eaeaea;
}
.w3ls-special-img img{
	width:100%;
}
.agileits-special-info{
    text-align: center;
    padding: 5.66em 2em;
    background: #FFFFFF;
    border: solid 1px #ddd;
}
.agileits-special-info h4{
    color: #000;
    font-size: 1.5em;
    margin: .3em 0 0 0;
    position: relative;
}
.agileits-special-info h4:after{
	content: '';
    background: #f35041;
    width: 20%;
    padding: 1px;
    position: absolute;
    top: 36px;
    left: 40%;
}
.agileits-special-info p{
    line-height: 1.5em;
    margin: 20px 0 0;
    color: #999999;
    font-size: .9em;
}
.wthree-img2{
    background: url(../sub02/con_01_3.jpg) no-repeat 0px 0px !important;
    background-size: cover !important;
}
.wthree-img3{
    background: url(../sub02/con_01_4.jpg) no-repeat 0px 0px !important;
    background-size: cover !important;
}
.w3ls-special-text p{
    color: #FFFFFF;
    font-size: 1.0em;
    padding: 30px 0 0 0;
    background: #f35041;
    width: 80px;
    margin: 0;
    height: 80px;
}

@media screen and (max-width: 1200px) {
.w3ls-special-img, .agileits-special-info {min-height: 240px;}
.agileits-special-info  {padding: 60px 20px;}
}
@media screen and (max-width: 991px) {
.agileits-special-info h4:after{
    width: 20%;
    padding: 1px;
    position: absolute;
    top: 36px;
    left: 40%;
}
}
@media screen and (max-width: 767px) {
.sub02_1 .smd_02 .col {
margin:0; min-height:200px;}
.agileits-special-info  {padding: 50px 20px 0;}
}


.sub02_2 .inner h2 {padding-right:10%;} 
.sub02_2 .icon6 {margin-top:30px;}
.icon6 .con {
	margin: 20px 0px; overflow: hidden; min-height:160px;
}
.icon6 .con .glyphicon {
	color:#666; border-radius: 3px; transition:0.2s ease-out; width: 20%; text-align: center; line-height: 70px; 
	font-size: 3em; float: left; max-width: 120px; 
	-webkit-transition: all 0.2s ease-out;
}
.icon6 .con div {
	width: 80%; padding-left: 10px; float: right;
}
.icon6 .con div h4 { text-transform:capitalize;
	margin: 10px 0px; transition:0.2s ease-out; color: rgb(51, 51, 51); font-size: 1.25em; -webkit-transition: all 0.2s ease-out;
}
.icon6 .con div p {
	text-align: left; }
@media all and (max-width:991px) {
.sub02_2 .con {
 min-height:auto; margin-bottom:30px;}
}



.sub02_3 .box {
	overflow: hidden; padding-top: 0px; margin-bottom: 50px; border-top-color: rgb(170, 170, 170); border-top-width: 0px; border-top-style: dotted;
}
.sub02_3 .box .txtArea {
	width: 45%; float: left;
}
.sub02_3 .box .img_cell {
	width: 50%; overflow: hidden; font-size: 0px; float: right;
}
.sub02_3 .box .txtArea h3 {
	padding: 0px 0px 10px; transition:0.2s ease-out; font-weight: 600; -webkit-transition: all 0.2s ease-out; 
	margin:0;
}
.sub02_3 .box .txtArea p {
	padding: 10px 0px; text-align: left;  
}
.sub02_3 .box .img_cell {background:#1a9f24;}
.sub02_3 .box .img_cell img {
	transition:0.2s ease-out; width: 100%; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1.0);
}
.sub02_3 .box:hover .img_cell img {
	transform: scale(1.0); -webkit-transform: scale(1.0); opacity:0.6;
}
@media all and (max-width:767px)
{
.sub02_3 .box .txtArea {
	width: 100%; padding-bottom: 10px; display: block;
}
.sub02_3 .box .img_cell {
	width: 100%; display: block;
}
}


.sub03_3 .desc {
margin-bottom:30px;}
.sub03_3 .desc p {
margin-top:10px;}
.sliderkit {POSITION: relative; TEXT-ALIGN: left; DISPLAY: none; OVERFLOW: hidden}
.sub03_3 .slideshow-carousel { WIDTH: 100%; HEIGHT: 550px;}
.sub03_3 .bg1 { BACKGROUND: url(../sub03/pic_01.jpg) center center no-repeat; background-size:cover;}
.sub03_3 .bg2 { BACKGROUND: url(../sub03/pic_02.jpg) center center no-repeat; background-size:cover;}
.sub03_3 .bg3 { BACKGROUND: url(../sub03/pic_03.jpg) center center no-repeat; background-size:cover;}
.sub03_3 .bg4 { BACKGROUND: url(../sub03/pic_04.jpg) center center no-repeat; background-size:cover;}
.sub03_3 .bg5 { BACKGROUND: url(../sub03/pic_05.jpg) center center no-repeat; background-size:cover;}
.sub03_3 .bg6 { BACKGROUND: url(../sub03/pic_06.jpg) center center no-repeat; background-size:cover;}
.slideshow-carousel .sliderkit-nav {WIDTH: 100%; BOTTOM: 50px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.slideshow-carousel .sliderkit-nav-clip UL LI {margin:0 0px;  FLOAT: left; }
.slideshow-carousel .sliderkit-nav-clip UL LI A {  OVERFLOW: hidden;  DISPLAY: block; width:15px; height:15px; 
background:#aaa; margin:0 3px;}
.slideshow-carousel .sliderkit-nav-clip UL LI.sliderkit-selected A {background:#fff;}
.naviwid { Z-INDEX: 20; POSITION: relative; TEXT-ALIGN: center; MARGIN: 0px; WIDTH: 100%; TOP: 300px;}
.slideshow-carousel .sliderkit-go-prev A {display:block; BACKGROUND: url(img/main/main_dir.png) left top no-repeat;
width:35px; height:81px; FLOAT: left; }
.slideshow-carousel .sliderkit-go-next A {display:block; BACKGROUND: url(img/main/main_dir.png) right top no-repeat;
width:35px; height:81px; FLOAT: right; }