.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.3em;}



.alert {
  padding: 15px; margin-bottom:0;
  border: 1px solid transparent;  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: #478d49; }
.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 {display:none;
  height: 165px; 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 {display:none;
width:1500px; margin-left: -750px; 
  left: 50%; top: 0px; position: absolute; 
  transition:transform 5s ease-out; -webkit-transition: transform 5s ease-out; 
  transform: scale(1.15);  -webkit-transform: scale(1.15);
}





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

.sub_menu{
width:100%;	margin: 50px auto 0px; border: 0px solid rgb(255, 0, 0); text-align: center; overflow: hidden; max-width: 100% !important;}
.sub_menu h2 {display:none;
	background: rgb(85, 85, 85); width: 30%; height: 48px; color: rgb(255, 255, 255); float: left;
	font-size:1.7em; line-height: 48px; text-transform:uppercase;}
.sub_menu ul {padding:0; display:inline-block; margin:0 auto; }
.sub_menu li {float: left; padding:0 20px; }
.sub_menu a {
	 display: inline-block;}
.sub_menu a:hover {color:#999;}
.sub_menu .on a {
	color: #cf762e;  padding-left:0px; font-weight:700;}
	
@media all and (max-width:767px) {
.sub_menu{
margin: 30px auto 0px;}
.sub_menu h2 {width:100%; font-size:1.5em; line-height:2.0em; height:45px;}
.sub_menu ul { }
.sub_menu li:nth-child(1), .sub_menu li:nth-child(3) {}
.sub_menu a {}
}



.side_banner{display:none;
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, .contents .title {
  text-align: center;
  padding: 20px 0 0px; margin-top:40px;
}
.con_title h2, .heading-section h2, .contents .title h2 {
  font-family: 'Open Sans','nanum gothic', sans-serif;
  font-size: 1.8em;
  font-weight: 600;
  text-transform: uppercase; 
  /*background:url(../img/common/title.jpg) left 5px no-repeat;*/}
  .con_title h2.eng, .heading-section h2.eng, .contents .title h2.eng {
  font-size: 2em;}

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

@media all and (max-width:991px){
.con_title, .heading-section, .contents .title {
  text-align: center;
  padding: 0px 0 0px; margin-top:30px;
}
.con_title h2, .contents .title h2 {
font-size:1.8em;}
}



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

.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.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:0px 0 20px; text-transform:capitalize;}
.contents .inner h4{margin-bottom:8px; 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_1 .smd_02 .img_cell.typo {
width:65%; margin:20px 0;}
.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 .image {
margin-bottom:30px;}
}



.sub02_1 .grid {
padding:0 10%;}

.sub02_1 .smd_01 .bd {
border-radius:5px; padding:25px;}
.sub02_1 .smd_01 h3{margin:10px 0 5px; line-height:1.5em;}
.sub02_1 .smd_01 h3 span {text-transform:none; font-weight:700;}
.sub02_1 .smd_01 .img_cell {border-radius:3px; overflow:hidden;}

@media (max-width:991px) {
.sub02_1 .grid {
padding:0 0%;}
}



.sub02_1 .smd_04 .bd {
border-radius:5px; padding:20px 15px; display:inline-block; width:100%;}
.sub02_1 .smd_04 i {float:left; width:15%; margin-top:5px;  text-align:center;}
.sub02_1 .smd_04 h5 {font-size:1.1em; line-height:1.1em; font-weight:700;
background:#cf762e; color:#fff; font-style:normal; width:20px; height:20px; border-radius:5px;}

.sub02_1 .smd_04 p{float:left; width:100%; font-size:1.1em; letter-spacing:-0.01em;}
.sub02_1 .smd_04 .kb {
padding-left:30px; position:relative; width:100%; display:block;}
.sub02_1 .smd_04 .kb .img_cell {
position:absolute; left:0; top:-2px; width:24px; }

@media (max-width:991px) {
.sub02_1 .grid {
padding:0 0%;}
}
@media (max-width:767px) {
.sub02_1 .smd_04 i {max-width:30px; margin-top:0px; }
.sub02_1 .smd_04 h5 {line-height:1.2em; }
}



.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_1 .flex-control-nav {
margin-top:10px;}

.gallery {
padding:0px; margin-top:0px;}
.gallery h3 {
text-align:center;}
.w3l_gallery_grid li{
	display: inline-block;
    float: left;
    width: 32.33%;
    padding: 1%;
}
.box {
    position: relative;
    overflow: hidden;
}

.box img {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
	background-color: hsla(0, 0%, 11%, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 10;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 100%; height:100%;
       padding: 100px 2em 0;
}
.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box h4 {
     font-size: 1.5em; color:#fff;
    text-transform: capitalize;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
    background: #5b95c9;
    text-align: center;
    padding: 10px;
	font-family: 'Ubuntu Condensed','nanum gothic', sans-serif;
}

.box:hover h4,
.box:focus h4 {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

ul#lightGallery {
    margin-top: 2em;
}

@media screen and (max-width:1199px) {
	 .box .overbox {
    padding: 80px 2em 2em;
    }
}
@media screen and (max-width:991px) {
	 .box .overbox {
    padding: 3em 2em 2em;
     }
	 .box .title {
     font-size: 1.3em;}
}
@media screen and (max-width:767px) {
.w3l_gallery_grid {
	padding:0; text-align:center;}
	.box, .box .overbox {
    height: 128px;
    }
	.box .overbox {
    padding: 3em 1em 2em;
	}
}
@media screen and (max-width:568px) {
	.box .overbox {
    padding: 5em 1em 2em;
   }
	.w3l_gallery_grid li {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 1%;
    }
}
@media screen and (max-width:480px) {
	 .box, .box .overbox {
    height: 138px;
    }
	.box .overbox {
    padding: 4em 1em 2em;
     }
}
@media screen and (max-width:384px) {
	.w3l_gallery_grid li {
    float: none; width: 100%; 
	}
	.box, .box .overbox {
    height: 219px;
	}
	.box .overbox {
    padding: 7em 5em 1em;
	}
}