@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/*상단 메뉴 설정 시작*/
body {background-color: #fff;}
ul li,p{word-break:break-word;}
.front-panel,
.panel-body{padding:0!important;}
.panel-body{
    width:1170px;
    margin:0 auto;
}
.row.dh-front-list2 .panel-body{
    width:auto;
}

.row{
    margin-right:0;
    margin-left:0;
}

/*로고 클릭 영역 및 메뉴 클릭 영역 초기화*/
 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, :last-child.navbar-right.navbar-nav
 {
 margin:0px;

 }
 
/*메인 로고와 메뉴 영역 분리 */
 .navbar-header{
   float:none;
   /**background-color:rgba(0,0,0,0.6);*/
   /*height:50px;*/
 }

@media (min-width: 1200px){
    .container{
        width:100%;
        margin:0;
        padding:0;
    }
}

@media (min-width: 1200px){
    .container>.navbar-header {
        margin:0 auto;
        padding:0 19%;
        width:auto;
        height:100px;
        /**border-bottom: 2px solid #fff;*/
    }
}
.navbar-inverse{

	background:rgba(0, 0, 0, 0);     /*배경 색*/
	border:none;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand{
    padding:15px 5px;
}
.navbar-brand img {
   width: 370px;
    position: relative;
    left: -47%;
    z-index:999;
}


/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
li.divider-vertical
{
    display:none;
}

ul.nav
{
    float:left!important;
    padding-left:15px;
}

@media (min-width: 1200px){
    ul.nav{
       /* padding-left:19%;*/
    }
}

.navbar ~ br
{
    display:none;
}

.navbar-inverse .navbar-nav > li > a{
	/*background-color:none;	      배경 색*/
    color:#fff;               /*텍스트 색*/
	font-size:16px;               /*텍스트 크기*/
	/*padding:10px 30px 10px 30px;  *//*내부 여백*/
	margin:0px 2px 0px 2px;       /*외부 여백*/
	text-shadow:none;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover
{
    color:#ef950f;
}
.navbar-inverse .navbar-collapse{
    position: absolute;
    right: 17%;
    top: 19px;


}

/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu{
    padding:0px 0px;
    box-shadow:none;
}
.dropdown-menu > li > a{
	/*background-color:#ffffff;*/     /*배경 색*/
	color:#444;                /*텍스트 색*/
	padding:10px 20px 10px 20px;      /*내부 여백*/
	margin:0px 0px 0px 0px;     /*외부 여백*/
	font-size:14px;
}
/*
.dropdown-menu > li > a:hover{
	background-color:#ef950f;    
	background-image:none;
	color:#fff;           
}*/

@media (min-width: 768px){
    .col-sm-12{
        width:100%;
        padding:0;
    }
}
@media (min-width: 768px){
    .navbar-right .dropdown-menu {
        left:0;
        right:auto;
    }
}
/* 상단 서브 메뉴 설정 끝*/

/* 상단 메뉴 여백 */
@media (min-width: 1200px){
    .topmarginLay_a{
        display:none;
    }
}
/* 슬라이드 버튼 */
a.carousel-control.left{
    display:none;
}
a.carousel-control.right{
    display:none;
}

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background:#657B92;     /*배경 색*/
	color:#fff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.fill {
    width:100%;
    height:480px;
}

.fill h1 span
{
    display:inline-block;
    opacity:1;
    background:none;
    text-shadow:none;
    text-align:left;
    font-size:70px;
    font-family:"helvetica";
    font-weight:900;
    color:#ef950f;
    line-height:68px;
    padding:0;
}

.fill p
{
    padding-left:30px;
    text-align:left;
    text-indent:-10px;
}

.fill p span
{
    background:none;
    opacity:1;
    text-shadow:none;
    color:#919187;
}

/*main slide caption position*/
.carousel-caption
{
    top:49%;
    right:auto;
    bottom:auto;
}
@media (min-width: 1200px){
    .carousel-caption{
        left:7%;
    }
}

.carousel-inner{
    width:100%;
}

/*인트로 텍스트 설정 끝*/


/*content Proudct part*/
.product-wrap
{
    width: 1170px;
    margin: 0 auto;
    padding:10px 0 0;
    margin-bottom:40px;
}
.product-wrap .product-title
{
    margin:50px 0 40px;
    padding-bottom:15px;
    border-bottom:1px solid #777;
    position:relative;
}
.product-wrap .product-title h1{
    font-size:34px;
    float: left;
    display: inline-block;
    margin: 0;
}
.product-wrap .product-title h3
{
    font-size:21px;
    font-weight:700;
}
.product-wrap .product-title p
{
    font-size:18px;
    color:#909090;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    margin: 0;
}
.product img {
    display: inline-block;
    position:absolute;
    right:0;
}
.product-top{
    max-height:260px;
    overflow:hidden;
}
.product-top img{
    width:100%;
}
.product-top,
.product-exp
{
    position:relative;
}
.product-top .product-hover
{

    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.product-hover p
{
    padding:100px;
    text-align:center;
}
.product-hover p i
{
    color:#fff;
}

.product-list .col-md-3:nth-child(1) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(1) .product-top a:hover .product-hover,
.product-list .col-md-3:nth-child(2) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(2) .product-top a:hover .product-hover,
.product-list .col-md-3:nth-child(3) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(3) .product-top a:hover .product-hover,
.product-list .col-md-3:nth-child(4) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(4) .product-top a:hover .product-hover
{
  visibility:visible;   
  background:rgba(0,0,0,0.3);
}

.product-list .product-hover
{
    visibility:hidden;
}

.product-list .product-exp .btn
{
    padding:10px 12px;
    background: #ef950f;
    color: #fff;
    width: 158px;
    height: 48px;
    font-size: 20px;
    border-radius:2px;
}
.product-exp
{
    background:#Fff;
}
.product-exp div.text-center
{
    position:absolute;
    top:-25px;
    width:100%;
    z-index:999;
}

.product-exp .text-center ~ p
{
    padding:50px 20px 40px;
    color:#444;
    line-height:20pt;
    font-size:15px;
}


/*main page board part*/
.intro-board-widget-layout{
    background:#fff;
}
.col-sm-12.intro-boardbox .page-header{
    padding-bottom: 4px;
    margin: 40px 0 4px;
    border-bottom: 1px solid #a4a4a4;
}
.col-sm-12.intro-boardbox .panel-body{
    padding:30px 15px;
}

.intro-boardbox>.page-header>h4>.btn{
    color:rgba(0, 0, 0, 0);
}
.intro-board-widget-layout .intro-boardbox .page-header h4
{
    font-weight:700;
    font-size:24px;
    color:#444444;
}

.dh-front-list2-words .row-separator
{
    visibility:hidden;
}

.dh-front-list2-words .list-row-regdate
{
    color:#D986E3;
}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span{
    font-size:16px;
    font-weight:600;
    color:#444444;
}
.dh-front-list2 h5 a{
    font-size:13px !important;
    line-height:18pt;
    font-weight:400;
    display:none;
}

.board-gadget-wrap
{
    padding-top:43px;
    padding-left:50px;
}
.board-gadget-wrap div.col-md-12
{
    padding-bottom:20px;    
}
.board-gadget-wrap .board-gadget
{
    border:1px solid rgba(0, 0, 0, 0);
    padding:30px 20px;
    background:#eee;
}
.board-gadget-wrap .board-gadget h3
{
    color:#444444;
    font-size:28px;
    margin-bottom:18px;
}
.board-gadget-wrap .board-gadget p
{
    color:#444444;
    font-size:15px;
    line-height:18pt;
}
.board-gadget-wrap .board-gadget img{
    margin-top:35px;
}
.board-gadget-wrap .board-gadget h2{
    margin:0;
    font-size:44px;
    letter-spacing:-1.0pt;
    color:#ef950f;
}

.board-gadget-wrap .board-gadget p a.btn
{
    border: 1px solid #ef950f;
    padding: 10px 50px;
    color: #ef950f;
    font-weight:600;
    font-size:18px;
    border-radius:2px;
}
.board-gadget-wrap .board-gadget p a.btn:hover
{
    border-bottom: 1px solid #ef950f!important;
}

.intro-board-widget-layout .intro-boardbox:nth-child(1),
.intro-board-widget-layout .intro-boardbox:nth-child(2)
{
    width:50%;
}


/*footer part*/
.footer-wrap
{
  padding:23px 0;
}

.footer-wrap .footer-navi
{
    text-align:left;
}

.footer-wrap .col-md-3
{
    padding-left:0;
}
.footer-navi ul
{
list-style:none;
padding:0;
margin:0;
}
.footer-navi ul li
{
float:left;
padding-right:10px;
}
.footer-navi ul li:last-child
{
border-left:1px solid #ddd;
padding-left:10px;
}
.footer-navi ul li a
{
color:#8a8a8a;
}
.footer-navi p,
.footer-navi p a
{
color:#707070;
font-size:12px;
}



/*sub page*/
.top-sub-bg
{
    background:url('/skin/img/slide/sliderImg.jpg') no-repeat;
    background-position:center;
    width:100%;
    height:320px;
    position:relative;
}
.top-sub-bg > div
{
    position:absolute;
    bottom:80px;
    left:19%;
    width:1170px;
}
.top-sub-bg .breadcrumb
{
    padding: 0 15px;
    margin-left:20px;
    margin-top:38px;
    float:left;
}

.top-sub-bg h2{
    background-position:0 7px;
    color:#ef950f;
    font-size: 48px;
}

.top-sub-bg .breadcrumb 
{
    background:#fff;
    color:#585858;
}

.top-sub-bg .breadcrumb > li {
    font-size: 12px;
}

.top-sub-bg .breadcrumb > li + li::before
{
    content:'|';
}

.top-sub-bg .breadcrumb > .active
{
    color:#ff00de;
    font-weight:700;
}

.content {font-size: 15px;}

.content h2
{
    margin-top: 70px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    padding-left: 90px;
    font-size: 33px;
}

.content .content-sub,
.content .sub-bg
{
    padding:70px;
}

.content .sub-bg {
    width:100%;
    height:900px;
    position:relative;
    margin:50px 0;
    background: url('/skin/img/c_bg01.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.content .sub-bg .sub-content
{
    width:25%;
    word-break:keep-all;
    text-align:center;
    color:#fff;
}


.content .sub-bg .sub-content:nth-child(1),
.content .sub-bg .sub-content:nth-child(2),
.content .sub-bg .sub-content:nth-child(3)
{
    position:absolute;
}


.content .sub-bg .sub-content:nth-child(1)
{
    top: 200px;
    right:340px;
}
.content .sub-bg .sub-content:nth-child(2)
{
    top: 335px;
    left: 244px;
}

.content .sub-bg .sub-content:nth-child(3)
{
    right:320px;
    bottom:251px;
}

/*mobile part*/
@media all and (min-width:768px)
{
    
    .footer-wrap
    {
        width:750px;
        margin:0 auto;
    }
    
}
@media all and (min-width:992px)
{
    .footer-wrap
    {
        width:970px;
        margin:0 auto;
    }
}
@media all and (min-width:1200px)
{
     .footer-wrap
    {
        width:1170px;
        margin:0 auto;
    }
}

@media all and (max-width:920px)
{
    .intro-board-widget-layout .intro-boardbox:nth-child(1),
    .intro-board-widget-layout .intro-boardbox:nth-child(2)
    {
        width:100%;
    }
    .board-gadget-wrap
    {
        padding-left:0;
    }
    .board-gadget .col-md-8
    {
        text-align:center;
    }
}

/* ONLINE BROCURE */
.brocure {background-color: #000;}
.brocure.product-title {
    border-bottom:1px solid #fff;
}
.brocure h1,.brocure h3,.brocure p {color: #ffffff;}
.brocure h1 {
    font-size:34px;
    float: left;
    display: inline-block;
    margin: 0;
}
.brocure p {
    font-size:18px;
    color:#909090;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    margin: 0;
}
.brocure img {
    display: inline-block;
    position:absolute;
    right:0;
}

.intro-board-layout, .intro-widget-layout {width: 100%;}

.intro-widget-layout.col-sm-4{
    background: url('/skin/img/bg_brochure.gif') no-repeat !important;
}

.intro-widgetbox {margin-top: 0;}
.intro-widgetbox.thumbs{
    padding-bottom:60px;
}
.intro-widgetbox > .dh-front-gallery{
    padding:0;
}

.row.dh-front-gallery.thumbs.intro-widgetBoardbox{
    width:1170px;
    margin:0 auto;
}
.intro-widgetBoardbox {
    padding-top: 30px !important;
    border: none;
    background-size: cover !important;
    background:rgba(0, 0, 0, 0) !important;
}

.intro-widgetBoardbox > a {display: none;}

.dh-front-gallery a:hover {border: none;}

.dh-front-gallery .thumbnail {
    border: none;
    border-radius: 0;
}
/* //ONLINE BROCURE */

.caret {display: none;}


/*.body-layout > .container {width: 100%;}*/

.intro-board-layout.col-sm-8{
    max-width: 1170px;
    left: 50%;
    margin-left: -585px;

    width: 100%;
    padding:0 0 0 40px;
}

a.btn.pull-right{
    background:url('/skin/img/btn-more1.png') no-repeat;
}

.socialArea{
    margin:10px 0;
}

/* 서브 페이지 */
.sub-wrap {
    width:1170px;
    margin:0 auto;
}

.bbs-list-index-layout.text-bbs5 .dh-board{
    width:1170px;
    margin:0 auto;
    margin-top:50px;
}
.bbs-list-index-layout.text-bbs5 .btn.btn-primary#btnNew{
    background-color:#ef950f;
    background-image:none;
    border-color:#ef950f;
}

.dh-view-box.dh-margin-topx2{
    width:1170px;
    margin:0 auto;
    margin-top:50px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color:#ef950f;
    border-color:#ef950f;
}

.form-horizontal{
    width:1170px;
    margin:0 auto;
}

.contact-location-only-layout .row.google{
    width:1170px;
    margin:0 auto;
    padding-top:10px;
}

/* 서브 페이지 */



/*setting*/
/*slide-txt 이미지*/
.navbar-header{position:relative;}
.header_bg{position:absolute; left:0; top:0; width:100%; height:100%;}
a{color:#333;}
a:hover{color:#337ab7;}
/*로고*/
.navbar-brand{color: #fff!important; text-shadow: 3px 3px 3px #7D7D7D!important; font-size: 24px; letter-spacing: 2px;    
margin-top: 29px!important;}
.container_contents,
.navbar .container,
.container_slide{padding:0!important;}
.intro-board-widget-layout{width:90%; margin:0 auto;}

/*게시판*/
.bbs-list-view-layout,
.bbs-list-edit-layout,
.bbs-list-index-layout,
.bbs-list-add-layout{margin-top:100px;}
.dh-board{width:90%; margin:0 auto;}
.list-row-subject{display:inline-block; *display:inline; zoom:1; height:24px; line-height:24px; overflow:hidden; width:60%; 
text-overflow:ellipsis; vertical-align: middle; white-space: nowrap; }
.list-row-regdate{display:inline-block; *display:inline; zoom:1; vertical-align: middle;}
/*메인 게시판*/
.intro-boardbox{width:33.333333333333333333%!important; float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.dh-front-list2-words {border-bottom: 1px dashed #ededed; padding: 4px 0; margin: 0; width: 95%; margin-left: 2%;} 
.front-panel .panel{border:none;}
.list-row-contents{display:none;}
.page-header h4{}
.page-header a{margin-top:-4px;}

/*comm_css------------------------------------------------------------*/
.f-bold{font-weight:bold;}
.f-333{color:#333;}
.inline{display:inline-block; *display:inline; zoom:1;}
.vertical-top{vertical-align:top;}
.line34{line-height:34px;}
.marg01{margin-top:50px;}

.marg10{margin-top:10px;}
.marg20{margin-top:20px;}
.marg30{margin-top:30px;}
.marg40{margin-top:40px;}
.marg-bott{margin-top:120px;}
.list-line{line-height:24px;}

.inline{display:inline-block; *display:inline; zoom:1; }
.vertical-top{vertical-align:top;}

.title_icon{width:10px; height:21px; border-radius:3px; background:#333; margin-right:5px;}
/*common_layout------------------------------------------------------------*/
/*content*/
.content{width:90%; margin:0 auto;}
/*page wrap*/
.wrap{width:1170px; margin:107px auto 150px;}
/*visual*/
.visual{position:relative; max-height:176px;  overflow:hidden; margin-bottom:50px; clear:both; box-shadow: 3px 3px 3px #a4a4a4;}
.visual__img{width:100%; min-height:176px;}
.visual_bg{color:#fff; position:absolute; left:0; top:0;  width:100%; height:100%; 
background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);}
.visual__txt{ position: absolute; left: 50%; bottom: 10%; width: 90%; margin-left: -45%; 
border-bottom:4px solid #fff;  }
.visual__txt h3{margin:10px 0; padding:0; letter-spacing:4px; color:#fff; /*border-left: 10px solid #fff; */padding-left: 5px;
    margin-left: 5px; font-size: 32px; }
.location{padding:0; margin-top:20px; float:right; }
.location img{width:15px; color:#fff; margin-top:-3px; margin-right:4px;}

/*main_page*/
.main_grid h3{ font-weight: 700; font-size: 24px; color: #444444;
 padding-bottom: 14px; margin: 40px 0 13px; border-bottom: 1px solid #a4a4a4;}

.intro-boardbox:nth-of-type(1) .list-row-regdate{color:#EF9611;}

/*footer*/
.footer_copy{margin-top:35px;}
.socialArea{display:none;}
.footer_wrap{border-top:2px solid #333; padding:35px 0 10px; line-height:24px; text-align:center;}


/*소식센터 페이지-------------------------------------------------------------------*/
.bbs-list-index-layout{width: 1170px; margin: 107px auto 150px;}


/*찾아오시는길 페이지---------------------------------------------------------------*/
.map iframe{width:100%; height:350px; }
.map .root_daum_roughmap {width:100%;}
.map .list{padding:25px 25px 25px 60px; border:3px double #333; line-height:32px; margin-top:25px; border-radius:10px; background:#F5F5F5; }


/*제품소개__사용법*/
.prod02_grid_img{width:100%; margin:15px 0;}
.prod02_grid01 .col-sm-3{padding:0 5px!important;}

.prod02_grid02 .col-sm-6{padding:0;}

/*2016.05.27*/
/*font-style*/
html, body, .body-layout, h1, h2, h3, h4, h5, h6, p, span, small, big, a
{ font-family: 'Noto Sans JP', 'Noto Sans KR', "Malgun Gothic","Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.fa { font-family: 'FontAwesome' !important; }
.glyphicon { font-family: 'Glyphicons Halflings' !important; }
.carousel-caption h1{display:none;}
.carousel-caption img{max-width:100%;}

.a_link{color:#337ab7; text-decoration:underline;}
.a_link:hover{text-decoration:none;}

/*header nav[2016.06.07]----------------------------------------------------------------------------*/
.navbar-toggle{z-index:999;}
/*nav color*/
.m-16:hover, .m-14:hover{color:#FAB2CA!important;}
.m-15:hover, .m-17:hover{color:#88C7FD!important;}

/*언어 버튼*/
.navbar-collapse .nav{position:relative;}
.lang_bth{position:relative; color:#fff; text-align:right; margin:0 15px 0; z-index:999;}
.lang_bth img{display:inline-block; *display:inline; zoom:1; margin-left:8px; cursor:pointer; width: 19px; height: 15px;}

.navbar-inverse .navbar-nav > li > a {
	font-family: "NanumBarunGothic", sans-serif !important;
}

.dropdown-menu > li > a:hover{color:#fff!important; font-weight:bold;}
/*핑크,하늘,핑크,하늘*/
.m-15_sub a:hover{background:#88C7FD!important;}
.m-14_sub a:hover, .m-16_sub a:hover{background:#FAB2CA!important;}

/*company01 page---------------*/
.comp01_list_style01 li{margin-bottom:5px!important;}
.comp01_list{width:75%;}

#product01 #row2 p.f-bold > strong {
    font-size: 18px;
}
#product01 #row2 .images {
    margin-top: -100px;
}

/* 팝업 */
.dh-popup {
    /* max-width: 480px; */
    border: 4px solid #005c8d;
}
/* .dh-popup > p:not(.dh-close-btn) {
    display: none;
}
.dh-popup > p.dh-close-btn {
    border: none;
} */
.dh-popup > .popup {
    width: 100%;
    display: inline-block;
    padding: 30px;
}
.dh-popup > .popup p {
    margin: 10px 0 20px;
    font-weight: 600;
    word-break: keep-all;
}
.dh-popup > .popup p > strong {
    font-size: 18px;
}
.dh-popup > .popup h4 {
    font-size: 20px;
}
.dh-popup > .popup ul {
    padding-left: 20px;
}


/*media---------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1200px){.navbar-brand img{width:270px;  left:10px!important; top: -24px;}}
@media only screen and (min-width:768px) and (max-width:1200px){
    .navbar-brand img {width: 240px; top: -5px!important;}
    .navbar-header{height:78px;}
    .navbar-inverse .navbar-collapse{right:10%!important; top: 15px;}
    .navbar-right .dropdown a{padding:15px 10px; }
}


@media only screen and (min-width:768px) and (max-width:992px){
    .wrap{width:100%!important; margin:8px auto 150px;}
    .intro-boardbox{width:100%!important;}
    /*메인*/
    .intro-board-widget-layout{width:100%; margin:0 auto;}
    /*로케이션*/
    .location{float:none;}
    /*게시판 페이지*/
    .bbs-list-index-layout{width:100%; margin:8px auto 150px;}
    /*메인슬라이드*/
    .navbar-brand img{position:relative; left:0!important;}
    /*로고*/
    .navbar-brand img {width: 240px; left:10px!important; top: -5px!important;}
    .navbar-header{height:78px;}
    .navbar-inverse .navbar-collapse{right:10%!important; top: 15px;}
    .navbar-right .dropdown a{padding:15px 10px; }
    /*company01 page---------------*/
    .comp01_list{width:100%;}
    #product01 #row2 .images {margin-top:0;}
}


@media only screen and (max-width: 768px) {
    /*로케이션*/
    .location{float:none;}
    .wrap{width:100%!important; margin:8px auto 150px;}
    .navbar .container,
    .intro-boardbox{width:100%!important;}
    /*메인*/
    .intro-board-widget-layout{width:100%!important; margin:0 auto;}
    /*모바일 네비*/
    .navbar-collapse{margin:0!important;}
    .navbar-inverse .navbar-collapse{ width: 100%; background: rgba(0,0,0,0.5); left: 0; top: 56px;}
    .navbar-brand{margin-top: 5px!important; padding-left: 5%;}
    .navbar-header .navbar-toggle{margin-right: 5%; margin-top: 16px;}
    /*게시판 페이지*/
    .bbs-list-index-layout{width:100%; margin:8px auto 150px;}
    /*메인슬라이드*/
    .navbar-brand img{position:relative; left:0!important;}
    .carousel-caption{left:1%;}
    .carousel-caption img{width:90%;}
    /*로고*/
    .navbar-brand img{width:270px; left:10px!important; top:10px!important;}
     /*company01 page---------------*/
    .comp01_list{width:100%;}
    #product01 #row2 .images {margin-top:0;}
    .dh-popup > .popup {padding: 15px 5px;}
    .dh-popup > .popup img {width: auto;}
}