@charset "utf-8";
@import url('/skin/font/notokr/notokr.css');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/v4-shims.css');

/* 초기화 코드 */
html{ overflow-x: hidden; overflow-y: scroll;}
.body-layout{background-color: #fff;}
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { 
	font-family: 'notokr',  "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif; 
}
ol, ul, li{list-style: none;list-style-position: inside;}
p, li, dl, dt, td, th, h1, h2, h3, h4, h5{word-break:keep-all;}
a{text-decoration: none;}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: #333333;
}

a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}

h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}


.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a{display: none;}

/*메인 & 서브 상단 마진*/
.container_slide,.sub-layout{margin-top: 129px;}

/*----- 메뉴 top bar -----*/
#mu-header {
  background-color: #f8f8f8;
  display: inline;
  float: left;
  width: 100%;
}
#mu-header .mu-header-area {
  display: inline;
  float: right;
  padding: 10px 0;
  /* width: 100%; */
}
#mu-header .mu-header-area .mu-header-top-left {
  display: inline;
  float: left;
  width: 100%;
}
#mu-header .mu-header-area .mu-header-top-left .mu-top-email {
  display: inline;
  float: left;
  font-size: 14px;
}
#mu-header .mu-header-area .mu-header-top-left .mu-top-email i {
  margin-right: 5px;
}
#mu-header .mu-header-area .mu-header-top-left .mu-top-phone {
  border-left: 1px solid #ddd;
  display: inline;
  font-size: 14px;
  float: left;
  margin-left: 15px;
  padding-left: 15px;
}
#mu-header .mu-header-area .mu-header-top-left .mu-top-phone i {
  margin-right: 5px;
}
#mu-header .mu-header-area .mu-header-top-right {
  display: inline;
  float: left;
  text-align: right;
  width: 100%;
}
#mu-header .mu-header-area .mu-header-top-right .mu-top-social-nav {
  display: inline-block;
}
#mu-header .mu-header-area .mu-header-top-right .mu-top-social-nav li {
  display: inline-block;
}
#mu-header .mu-header-area .mu-header-top-right .mu-top-social-nav li a {
  display: inline-block;
  font-size: 14px;
  padding: 0 8px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/*----- //메뉴 top bar -----*/
/*------ 상단 메뉴 설정 -------*/
.navbar-inverse{
	margin: 0; padding: 0;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}
/*로고*/
.navbar-inverse .navbar-brand {
    padding: 0;
    margin: 16px 0 0!important;
}
.navbar-inverse .navbar-brand img {
	margin-top:-0 !important;
}

/* 메인메뉴 */
.navbar-inverse .navbar-nav {
    z-index: 100;
}
.navbar-inverse .navbar-nav > li{
	/* padding-bottom: 30px; */
}
.navbar-inverse .navbar-nav > li > a {
    color: #111;
    font-weight: 600;
    font-size: 17px;
    padding: 30px 23px 38px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #086db3; 
	background-color: rgba(0,0,0,0);
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover{
	color: #086db3;
	background-color: transparent;
}
@media screen and (min-width: 768px) {	
	.navbar-inverse .navbar-nav .dropdown-menu{
		background-color: rgba(0, 0, 0, 0.7);
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		padding: 12px 0px;
		animation-duration: .5s;
		animation-fill-mode: both;
		animation-name: fadeInDown;
		left: 0;
		right: auto;
		border: none;
		box-shadow: none;
    }
	.navbar-inverse .navbar-nav .dropdown-menu > li > a, 
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		padding: 8px 20px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		text-align: left;
		color: rgba(255, 255, 255, 0.75);
	}
	
	.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .dropdown-menu > li > a:focus {
		color: #086db3;
		 background-color: rgba(255, 255, 255, 0.8);
	}
	
	.container_mmenu{display:none;}
}
/*------ //상단 메뉴 설정 ------*/
/*------ CAROUSEL ------*/
.intro-html-layout >.col-sm-12{padding:0;}
.container_contents {
    width: 100%;
}
.carousel-inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.carousel-inner .item {
    width: 100%;
    height: 510px;
}
.carousel-inner .item:nth-of-type(1){background:url(/skin/img/slide/slide1.jpg) no-repeat center / cover;}
.carousel-inner .item:nth-of-type(2){background:url(/skin/img/slide/slide2.jpg) no-repeat center / cover;}
.carousel-inner .item:nth-of-type(3){background:url(/skin/img/slide/slide3.jpg) no-repeat center / cover;}
.item .text_wrap {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  padding: 0 15%;
  width: 100%;
  text-align: center;
  height: 100%;
}
.item .text_wrap h4 {
  letter-spacing: 1px;
  margin-bottom: 0;
}
.item .text_wrap span {
  display: inline-block;
  height: 1px;
  width: 100px;
}
.item .text_wrap h2 {
  font-size: 50px;
  line-height: 80px;
  margin-bottom: 10px;
}
.item .text_wrap p {
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 28px;
}
.item .text_wrap a {
  margin-top: 25px;
}
.more-btn {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.more-btn:hover, .more-btn:focus {
  color: #fff;
  background: rgba(255,255,255,0.5);
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right{display:none;}
.carousel-control{
	width:70px;
	height:70px;
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
	opacity:1;
	top:50%;
	margin-top:-25px;
}
.left.carousel-control{
	background: rgba(255, 255, 255, 0.3) url(/skin/img/slide/arrow_prev.png)no-repeat center;
}
.right.carousel-control{
	background: rgba(255, 255, 255, 0.3) url(/skin/img/slide/arrow_next.png)no-repeat center;
}
.carousel-control:hover,
.carousel-control:focus{
	opacity: 1;
}
/*------ //CAROUSEL ------*/
/*------ 메인페이지 ------*/
/*==================
 SERVICE SECTION
====================*/
#mu-service {
  display: inline;
  float: left;
  margin-top: 80px;
  width: 100%;
}
#mu-service .mu-service-area {
  display: inline;
  float: left;
  width: 100%;
}
#mu-service .mu-service-area .mu-service-single {
  background-color: #01bafd;
  color: #fff;
  display: inline;
  float: left;
  padding: 35px 25px;
  text-align: center;
  width: 33.33%;
}
#mu-service .mu-service-area .mu-service-single:nth-child(2) {
  background-color: #2ecc71;
}
#mu-service .mu-service-area .mu-service-single:nth-child(3) {
  background-color: #45a0de;
}
#mu-service .mu-service-area .mu-service-single span {
  font-size: 30px;
}
#mu-service .mu-service-area .mu-service-single h3 {
  font-size: 25px;
}
#mu-service .mu-service-area .mu-service-single p {
  font-weight: lighter;
}
/*==================
 FROM BLOG SECTION
====================*/
#mu-from-blog {
  display: inline;
  float: left;
  padding: 80px 0 100px;
  width: 100%;
}
#mu-from-blog .mu-from-blog-area {
  display: inline;
  float: left;
  width: 100%;
}
#mu-from-blog .mu-from-blog-area .mu-from-blog-content {
  display: inline;
  float: left;
  width: 100%;
}

.mu-blog-single-item {
  display: inline;
  float: left;
  width: 100%;
}
.mu-blog-single-item .mu-blog-single-img {
  display: inline;
  float: left;
  width: 100%;
}
.mu-blog-single-item .mu-blog-single-img a {
  display: block;
}
.mu-blog-single-item .mu-blog-single-img a img {
  width: 100%;
}
.mu-blog-single-item .mu-blog-single-img .mu-blog-caption {
  display: inline;
  float: left;
  width: 100%;
}
.mu-blog-single-item .mu-blog-description {
  display: inline;
  float: left;
  width: 100%;
}
.mu-blog-single-item .mu-blog-description p {
  font-size: 15px;
  letter-spacing: 0.3px;
  line-height: 1.7;
}
.mu-blog-single-item .mu-blog-description a {
  border-color: #555;
  color: #555;
  font-size: 14px;
  margin-top: 15px;
}
.mu-blog-single-item .mu-blog-description a:hover, .mu-blog-single-item .mu-blog-description a:focus {
  color: #086db3;
  border-color: #086db3;
}

/*------ //메인페이지 ------*/
/*----- 서브페이지 공통 ----- */
.dh-board,.dh-view-box,#insertForm,#mailForm,.bbs-list-view-layout + .row,.bbs-blog-view-layout + .row,#mod_type_formForm{
	visibility:hidden;
}
.sub-layout{
	width: 100%;
	padding: 0;
}
.subpage .subheader {
    position: relative;
    height: 180px;
    background: url(/skin/img/sub/subtop.jpg) no-repeat center / cover;
}
.subheader>h2 {
    margin: 0;
    height: 180px;
    line-height: 150px;
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    letter-spacing: -1px;
}
.sub-content {
    padding: 60px 15px 100px;
}

/* subpage breadcrumb */
.breadcrumb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatex(-50%);
    padding: 0;
    margin: 10px 0 0;
    background: transparent;
}
.breadcrumb > li {
    font-size: 14px;
    color: #aaa;
}
.breadcrumb>li+li:before {
    content: "\f105 ";
    color: #ccc;
    font-family: "FontAwesome";
    font-size: 15px;
}
.breadcrumb>.active {
    color: #01bafd;
    font-weight: 600;
}
/* //subpage breadcrumb */
/* subpage left menu */
.sub_left {
	padding-top: 7px;
    padding-right: 40px;
}
.sub_left ul {
    padding: 0;
}
.sub_left > ul > li > a {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    font-size: 15px;
    color: #333;
    letter-spacing: -0.05em;
	font-weight: 500;
}
.sub_left ul li:last-child a {
    border-bottom: 1px solid #ddd;
}

.sub_left > ul > li > a:hover {
    color: #333;
    text-decoration: none;
    font-weight: 500;
	background: #f5f5f5;
}
.sub_left > ul > li.active > a {
    color: #fff;
    font-weight: 500;
    background: #0859bc;
}
.sub_left > ul > li.active > a:after {
	content: "\276F";
	float: right;
}
/* //subpage left menu */
.content_wrap {
    font-size: 15px;
    letter-spacing: -0.03em;
    color: #555;
    line-height: 1.75;
}
.mu-title {
    margin:0;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: -0.05em;
}
.mu-title p {
    font-size: 15px;
    font-weight: 400;
    color: #555;
    letter-spacing: 0.3px;
    line-height: 1.7;
}
/*-----// 서브페이지 공통 ----- */
/*----- ABOUT subpage -----*/
#mu-about-us {
  display: inline;
  float: left;
  width: 100%;
}
#mu-about-us .mu-about-us-area {
  display: inline;
  float: left;
  width: 100%;
}
#mu-about-us .mu-about-us-area .mu-about-us-left {
  display: inline;
  float: left;
  width: 100%;
}
#mu-about-us .mu-about-us-area .mu-about-us-left h2 {
  font-size: 40px;
  margin-bottom: 20px;
  text-align: left;
}
#mu-about-us .mu-about-us-area .mu-about-us-left ul {
  margin-left: 25px;
  margin-bottom: 15px;
}
#mu-about-us .mu-about-us-area .mu-about-us-left ul li {
  line-height: 30px;
  list-style: circle;
}
#mu-about-us .mu-about-us-area .mu-about-us-right {
  display: inline;
  float: left;
  width: 100%;
  display: block;
  width: 100%;
  background-color: #ccc;
}
.about h4{
    margin-top: 30px;
    font-size: 20px;
}
.about ul li a{
    color: #086db3;
    text-decoration: underline;
}
.about table td{
    padding: 2px 20px;
}
/*----- //ABOUT subpage -----*/
/*----- PRODUCT subpage -----*/
.mu-title2{
    position: relative;
    margin:0;
    padding: 0 0 20px 25px;
    font-size: 22px;
    color: #333;
    letter-spacing: -0.05em;
}
.mu-title2:before{
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 5px;
    border: 3px solid #20529c;
    border-top-color: #68b9f3;
}
.img_wrap{
    padding: 0 7px;
    margin-bottom: 20px;
}
.img_wrap img{
    padding: 5px;
    border: 1px solid #ddd;
    border-bottom: 0;
}
.img_wrap p{
    padding: 10px 0;
    font-weight: 500;
    text-align: center;
    border: 1px solid #ddd;
    border-top: 0;
}
#product01 .img_wrap p{
  min-height: 70px;
}
.antenna{margin-bottom: 60px;}

#product02 .test dl{ margin-left: 20px;}
#product02 .test dl dt{margin-bottom:7px;font-size: 17px;}
#product02 .test dl dd{margin-left:10px;}
/* #product02 .col-sm-4 {width: 37.5%;} */
#product02 .col-sm-3 { padding-right: 0;}
#product02 .col-sm-

#product03 .antenna .col-sm-9{padding: 0;}   
#product03 .table thead th{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    background: #555;
    color: #fff;
    letter-spacing: -0.05em;
}
#product03 .table td{
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
}
#product03 .table td img{margin: 0 auto;}

/*----- //PRODUCT subpage -----*/
/*----- SERVICE subpage -----*/
@media (min-width: 768px){
#service .dh-board .col-sm-3{
    width: 24%;
}
}
.bbs-blog2-index-layout .dhb-txt-box-type-b{
    margin: 8px 4px;
    border: 0 none;
    background-color: #fff;
}
.dhb-txt-box-type-b-img-layout .thumb-hidden{
    max-height: 210px;
    height: 210px;
	box-shadow: none;
	border: 1px solid #ddd;
}
.dhb-txt-box-type-b-text-layout h4{
    font-size: 16px;
    text-align: left;
}
.dhb-txt-box-type-b-text-layout h4 strong{
    font-weight: 500;
}
.bbs-blog2-index-layout > p,
.txt-box-footer .hits,
.txt-box-footer .num,
.txt-box-footer > em,
.txt-box-footer > br{
    display:none;
}
.dhb-txt-box-type-b-text-layout .txt-box-footer{
    margin:0;
}
.txt-box-footer .regdate{
    font-size: 12px;
    color: #999;
}
.dh-margin-top{
    margin-top: 70px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .btn-primary{
    background-color: #3a63af;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0c4da2;
    border-color: #0c4da2;
}
/*----- //SERVICE subpage -----*/
/*----- NEWS subpage -----*/
.dh-board .table-hover {
    margin: 0;
    border-top: 2px solid #086db3;
	border-bottom:1px solid #333;
}
.dh-board .table-hover thead tr th, .dh-board .table-hover tbody tr th, .dh-board .table-hover tbody tr td {
    padding: 13px 15px;
    font-size: 15px;
    color: #666;
    letter-spacing: -0.04em;
    line-height: 1.6;
    border-bottom: 1px solid #e1e1e1;
}
.dh-board .table-hover thead tr th, .dh-board .table-hover tbody tr th { color: #222; background:#f5f5f5; padding:10px 15px;}

.table-style {
	margin: 0 0 20px;
	border-top: 2px solid #84BE28;
}

.table-style tr th,
.table-style tr td {
	padding: 15px 10px !important;
	border-bottom: 1px solid #dedede !important;
	letter-spacing: -0.02em;
	word-break: keep-all;
	vertical-align: middle !important;
}

.table-style tr th {
    padding:10px 30px!important;
	color: #333;
	text-align: center;
    white-space: nowrap;
}

.table-style thead tr th {
	background: #f8f8f8;
}

.table-style tr td {
	color: #666;
}
/*----- //NEWS subpage -----*/
/*----- FOOTER -----*/
.footer_copy > div{padding: 0;}
#mu-footer {
  display: inline;
  float: left;
  width: 100%;
}
#mu-footer .mu-footer-top {
  background-color: #333;
  display: inline;
  float: left;
  padding: 50px 0;
  width: 100%;
}
#mu-footer .mu-footer-top .mu-footer-top-area {
  display: inline;
  float: left;
  width: 100%;
}
#mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget {
  display: inline;
  float: left;
  width: 100%;
  text-align: left;
}
#mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget h4 {
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget ul li a {
  color: #f9f9f9;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 0 5px 15px;
  position: relative;
    text-align: left;
}
#mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget ul li a:before {
  content: "\f101";
  font-family: FontAwesome;
  left: 0;
  position: absolute;
  top: 5px;
}
#mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget p {
  color: #f9f9f9;
}
#mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget address p {
  font-weight: lighter;
  letter-spacing: 0.5px;
}
#mu-footer .mu-footer-bottom {
  background-color: #222;
  display: inline;
  float: left;
  padding: 25px 0;
  width: 100%;
}
#mu-footer .mu-footer-bottom .mu-footer-bottom-area {
  display: inline;
  float: left;
  text-align: center;
  width: 100%;
}
#mu-footer .mu-footer-bottom .mu-footer-bottom-area p {
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 0.3px;
}
#mu-footer .mu-footer-bottom .mu-footer-bottom-area p a {
  color: #fff;
}

#mu-footer .mu-footer-top .mu-footer-top-area .col-sm-3 {
    width: 16%;
}

/*----- //FOOTER -----*/
/* login */

.login-layout,
.id-find-layout,
.pw-find-layout{
    background: #f5f5f5;
    padding: 100px 15px;
	margin-top:-30px;
}

.login-layout .panel,
.id-find-layout .panel, 
.pw-find-layout .panel {
    max-width: 500px;
    padding: 80px 40px 80px;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    box-shadow: 0 3px 4px rgba(0,0,0,0.05);
}
.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr{
    display: none;
}
.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body{
    padding: 0;
}
.login-layout .panel-body > div.col-sm-12,
.id-find-layout .panel-body > div.col-sm-12,
.pw-find-layout .panel-body > div.col-sm-12 {
    float: none;
}
.login-layout .panel-body > div.col-sm-12 h2,
.id-find-layout .panel-body > div.col-sm-12 h2,
.pw-find-layout .panel-body > div.col-sm-12 h2{
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}
.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}
.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}
.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.login-layout label,
.id-find-layout label,
.pw-find-layout label{
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}
.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control{
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #ddd;
    height: 40px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.03em;
}
.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus{
    border-color: #aaa;
}
.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
    float: none;
    width: 100%;
    height: 50px;
    letter-spacing: -0.03em;
    box-shadow: none;
    margin-top: 15px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #086db3;
    border: none;
    border-radius: 50px;
    padding: 0;
    transition: all ease 0.3s;
}
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover{
    background: #222;
}
.login-layout form > div > p,
.id-find-layout form > div > p,
.pw-find-layout form > div > p{
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}
.login-layout form > div > p + p,
.id-find-layout form > div > p + p,
.pw-find-layout form > div > p + p {
    border-left: 1px solid #ccc;
}
.login-layout form > div > p > a,
.id-find-layout form > div > p > a,
.pw-find-layout form > div > p > a{
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

/*==================
 RESPONSIVE DESIGN
====================*/

@media (max-width: 991px) {
 
  #mu-service .mu-service-area .mu-service-single h3 {
    font-size: 20px;
  }

  .mu-title p {
    padding: 0 20px;
  }

 
  #mu-from-blog {
    padding: 40px 0;
  }

  #mu-from-blog .mu-from-blog-area .mu-from-blog-content {
    margin-top: 30px;
  }

  #mu-from-blog .mu-from-blog-area .mu-from-blog-content .mu-blog-single-item .mu-blog-meta a {
    letter-spacing: 0;
    margin-right: 5px;
  }

  #mu-from-blog .mu-from-blog-area .mu-from-blog-content .mu-blog-single-item .mu-blog-single-img .mu-blog-caption h3 {
    font-size: 20px;
  }
}

/* mobile */
@media (max-width:767px){
	/* 모바일 탑 */
	#mu-header {background-color: #e1e1e1;}
	#mu-header .mu-header-area {padding: 8px 15px;}
	#mu-header .mu-header-area .mu-header-top-left .mu-top-phone {display: none;}
    /*모바일 메인 & 서브 상단 마진*/
	.container_slide,.sub-layout{margin-top: 94px;}
	
    /* 모바일 상단메뉴 */
	.navbar-header{background: #fff;}
	.navbar-header .navbar-brand{
    	margin: 15px 0 0 15px !important;
    }
	.navbar-brand img{
   		width: 200px;
    	margin: 0;
 	}
	.navbar-inverse .navbar-brand:after {
        margin-left: 0;
        top: 21px;
        left: 52px;
        font-size: 23px;
	}
	.navbar-inverse .navbar-toggle {
    	margin: 10px 30px;
   		background: #fff;
   		border: none;
   	}
    .navbar-inverse .navbar-toggle:focus, 
    .navbar-inverse .navbar-toggle:hover {
        background: #fff;
    }
	.navbar-inverse .navbar-toggle .icon-bar {
		/* width: 28px; */
		/* height: 3px; */
		background-color: #555;
	}
    .navbar-inverse .navbar-toggle:focus .icon-bar{
        background-color: #555;
	}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
	
    /* 모바일 드롭다운메뉴 */
    .navbar-fixed-top .navbar-collapse{max-height: 415px;}
	.navbar-inverse .navbar-nav{margin: 0 -15px;padding: 0;display: block;}
	.navbar-inverse .navbar-nav > li:nth-child(6),
	.navbar-inverse .navbar-nav > li:nth-child(7){display:none;}
    .navbar-inverse .navbar-nav > li > a {
        margin: 0;
		padding: 10px 30px;
		font-size: 16px;
        font-weight: 500;
        color: #fff;
        background: #353535;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        letter-spacing: -0.03em;
        text-shadow: none;
        text-align: left;
    }
	.navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        background-color: #01bafd;
        border-bottom: 1px solid #444;
    }
	.navbar-nav .open .dropdown-menu {padding: 0;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        font-size: 15px;
        color: #fff;
        padding: 5px 40px;
        letter-spacing: -0.03em;
        text-align: left;
        background: #5b6267;
        line-height: 30px;
    }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav>.open .dropdown-menu>li>a:hover{
		background: #5b6267;
	}
	
    /* 모바일 배너이미지 */
    .container_contents .col-sm-12{padding:0;}
    .container_slide > .fill, .carousel-inner .item, .carousel-inner .item .fill{height: 350px;}
	.item .text_wrap{
		top: 15%;
	}
	.item .text_wrap h4{
    	margin: 0 0 8px;
		font-size: 14px;
    letter-spacing: -0.3px;
	}
	.item .text_wrap h2 {
		font-size: 27px;
		line-height: 28px;
		margin-bottom: 24px;
		letter-spacing: -1px;
	}
	.item .text_wrap span {
    	display: none;
	}
	.item .text_wrap p {
		font-size: 13px;
		letter-spacing: -0.3px;
		line-height: 18px;
		margin: 0;
	}
	.item .text_wrap a {
		margin-top: 15px;
	}
	.carousel-control {
		width: 12%;
		top: 45%;
	}
	/* 모바일 메인이미지 */
	#mu-service {margin-top: 0;}
	#mu-service>div{padding:0;}
	
	#mu-from-blog .mu-from-blog-area .mu-from-blog-content .mu-blog-single-item {margin-bottom: 30px;}
	#mu-service .mu-service-area .mu-service-single {
		height: 320px;
		padding: 25px 8px 0;
	}
	#mu-service .mu-service-area .mu-service-single h3 {
		margin-top: 12px;
		font-size: 16px;
	}
	#mu-service .mu-service-area .mu-service-single p {font-size: 13px;}
	.mu-from-blog-area h2 {font-size: 24px;}
	.mu-title p {padding: 0;}
	#mu-from-blog .mu-from-blog-area .mu-from-blog-content {margin-top:0;}
	.footer_copy .col-lg-12{padding:0;}
	#mu-footer .mu-footer-top,
	#mu-footer .mu-footer-bottom{padding: 15px 0;}
	#mu-footer .mu-footer-top-area .col-sm-3{display:none;}
	#mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget{
		margin-bottom: 0;
    	text-align: center;
	}
	#mu-footer .mu-footer-widget address{
		margin: 0;
		padding: 0 25px;
	}
	#mu-footer .mu-footer-widget address p {
		margin-bottom: 5px;
		font-size: 13px;
	}
	 #mu-footer .mu-footer-top .mu-footer-top-area .mu-footer-widget .mu-subscribe-form input[type="email"] {
    width: 50%;
    margin-right: 10px;
  }
	/* 모바일 서브페이지 */
	.sub-content {padding: 30px 20px 50px;}
	.sub_left{display: none;}
	.subpage .subheader {height: 140px;}
	.subheader>h2 {
		height: 140px;
		line-height: 125px;
		font-size: 33px;
	}
	.breadcrumb {
		width: 88%;
		text-align: center;
	}
	/* .breadcrumb>li+li:before {padding: 0;} */
	.mu-title {
		font-size: 28px;
	}
	#aboutus iframe{
    	height: 250px;
		margin-top: 15px;
	}
	
	.mu-title2 {
    	padding: 0 0 18px 25px;
    	font-size: 19px;
	}
	.mu-title2:before {top: 1px;}
	.antenna{padding:0;}
	#product01 .antenna:nth-of-type(3){margin-bottom: 0;}
	#product02 .col-sm-4,
	#product02 .img_wrap img,
	#product03 img{width: 100%;}
	#news .dh-board .table-hover thead tr th{padding: 10px 4px;}
	
	/* Mobile 스크롤바 나타내기 */
	::-webkit-scrollbar {
    -webkit-appearance: none;
    }
    ::-webkit-scrollbar:vertical {
        width: 12px;
    }
    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .4);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }
    ::-webkit-scrollbar-track {
        border-radius: 10px;  
        background-color: #ffffff; 
    }
	
	/* 모바일 로그인 */
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }
    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }
    .login-layout .panel-body > div.col-sm-12 h2,
    .id-find-layout .panel-body > div.col-sm-12 h2,
    .pw-find-layout .panel-body > div.col-sm-12 h2{
        font-size: 24px;
    }
    .inner-box-msg p {
        font-size: 12px;
    }
    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }
    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control{
        font-size: 13px;
        height: 36px;
    }
    .login-layout form > div > p > a,
    .id-find-layout form > div > p > a,
    .pw-find-layout form > div > p > a{
        font-size: 12px;
    }
    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning{
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}