/** 인트로 슬라이드 로딩아이콘 제거 **/
 .flexslider {background:url()!important;}



/** 페이지 배경 이미지 설정 **/
.bg{height:350px;}
.map{background-image:url("/skin/img/map.jpg");}
.aboutus{background-image:url("/skin/img/aboutus.jpg");}
.solution{background-image:url("/skin/img/solution.jpg");}
.rfids{background-image:url("/skin/img/rfids.jpg");}
.dataroom{background-image:url("/skin/img/dataroom.jpg");}
.wms{background-image:url("/skin/img/wms.jpg");}
.products{background-image:url("/skin/img/products.jpg");}
.org{background-image:url("/skin/img/org.jpg");}
.movie{background-image:url("/skin/img/movie.jpg");}
.dmsmain{background-image:url("/skin/img/dmsmain.jpg");}
.workss{background-image:url("/skin/img/workss.jpg");}
.pd1{padding: 100px 50px;}
.pd2{padding: 140px 80px;}
.block_chain_2850276_1920{background-image:url("/skin/upload/block_chain_2850276_1920.jpg");}


.test img{width: 100%;}


body {overflow-x:hidden;}
/** 인트로 슬라이드 수정 **/
.flex-caption { text-align: center; bottom: 38%; left: 50% !important; margin-left: -50% !important;}
.flex-caption span.intro-title {font-size: 70pt;}
.flex-caption span.intro-text {font-size: 20pt; }
/* 텍스트 로고 */
.navbar-brand{color: #333 !important;}
.navbar-brand:hover { color: #333 !important;}
/** 로고위치(상하) 조절 **/
.navbar-brand img {margin-top: -2px;}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 상단 메뉴바 배경색지정 **/
.navbar-inverse {border: 1px solid #f4f4f4; background-image:none; background-color: #fff;}
/** 메뉴 폰트 설정 **/
.navbar-inverse .navbar-nav > li > a {color: #333;font-weight:500;font-size:15px; line-height:30px;}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus { color: #333;}

/** 메뉴구분선 삭제 **/
.navbar-inverse .divider-vertical {display:none;}
/* 소셜 버튼 배경색 설정  */
.footer-social-layout {background:#f6f6f6;}
/* 소셜 버튼 버튼 크기, 색 지정  */
.socialArea a .btn {font-size:16pt; color: #555;}
/** 하단 카피라이트 영역 설정 **/
.footer_copy>.col-lg-12{background:#f6f6f6; padding:25px 5px; color:#555;}
/* 모바일 메뉴 버튼 설정 */
.navbar-toggle{border: none;margin-top: 9px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent;}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 1px;
}
.navbar-inverse .navbar-toggle .icon-bar {    background-color: #999;}
.navbar-toggle .icon-bar + .icon-bar {    margin-top: 6px;}
.navbar-inverse .navbar-nav > .open > a {color: #555 !important; background-color: #ffffff !important; 
    background-image: none !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #9d9d9d; }


/*/////////////  게시판 설정  ///////////////////////*/
.sub-layout {margin-bottom:50px;}
.dhb-txt-box {background:transparent; padding:0; border:0; border-bottom:1px solid #ddd;}
.dhb-txt-list {padding:0; border-right:0; }
.thumb-hidden {border:0 none;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {height:300px; max-height:300px;} /*썸네일 높이지정 */
.bbs-blog2-index-layout .dhb-txt-box-type-b {background:transparent; border:0 none; padding:5px;}
.dhb-txt-box-type-b-text-layout h4 {margin:0;}
.dhb-txt-box-type-b-text-layout .txt-box-footer {text-align:left; float:left;}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {height:250px;}

.panel {border-radius:0;}
.panel-heading {background-image:none !important; border-radius:0;}

.page-header{border-bottom: 1px solid #eee !important;}

/*//////////////    메인 페이지   //////////////*/
.html-one{ background-image:url("/skin/img/bg.jpg"); overflow: hidden;}
.html-one .bg{ padding: 100px 0;text-align: center;}
.html-one .bg span{color: #f27321; font-weight: 700; font-size: 16px;}
.html-one .bg p {font-size: 22px; color: #555; margin-top: 10px; letter-spacing: -0.5px; font-weight: 600;}

.html-two {padding: 0;margin: 0;overflow: hidden;}
.html-two ul{ margin: 0; padding: 0;}
.html-two li{ padding: 0; overflow: hidden;}
.html-two h2{text-align: center; margin-bottom: 40px;}
.imgBox {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 3.2em 3.6em;
    top: 0;
    left: 0;
     text-transform: uppercase;
}
.category {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 -.8em;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    letter-spacing: .8em;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
   
}

.title {    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-weight: 800;
    font-size: 1.56em;
    line-height: 1.45;
    letter-spacing: 0.07em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.g-Wrap img{display: block; width: 100%; -webkit-transition: all 8s linear; -o-transition: all 8s linear; transition: all 8s linear;}
.g-Wrap li:hover img { -webkit-transform: scale(1.4); transform: scale(1.4);}
.g-Wrap li:after{    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    opacity: .7;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.g-Wrap li:hover:after { opacity: 0;}
.imgBox:hover .category{opacity: 0; letter-spacing: 2em;}

.imgBox:hover .project-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.imgBox:hover .project-zoom {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.imgBox:hover .title {top: 30px; opacity: 0;}

.project-zoom {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9em;
    height: 9em;
    margin: -4.5em;
    border-radius: 50%;
    background-color: rgba(197,164,126,.84);
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.project-zoom i { position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -18px; margin-top: -20px; color: #fff;}


.html-three{ background-color:#ffffff; overflow: hidden;}
.html-three .bg{padding: 60px 0;text-align: center;}
.html-three .bg li {}
.html-three .bg a { text-align: left; display: block; background-color: #f6f6f6; padding: 30px;}
.html-three .bg a:hover { color:#337ab7;}
.html-three .bg a span {display: block; font-size: 18px; padding-bottom: 40px;}
.html-three .bg a p { font-size: 34px; margin-top: 50px; z-index: 2; position: relative;}
.html-three .bg a i { position: absolute; bottom: 30px; right: 30px; font-size: 130px; color: #d1edf8;z-index: 1;}




.intro-widgetbox {border:0 none;}
.intro-widgetbox>.page-header {border:0 none;}

/*//////////////    회사개요 페이지   //////////////*/
.cover {padding:100px 0; background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:100px;background-position: 50%; background-size: cover;}
.cover.aboutus {background-image:url("/skin/img/aboutus.jpg"); background-size:cover!important;}
.intro {text-align: center;padding-bottom: 65px;margin: 0 auto 20px;color: #333;position: relative;}
.intro h3{margin-bottom: 30px;font-size: 30px;font-weight: 700;letter-spacing: -2px;}
.intro span.line{position: absolute;left: 50%;bottom: 0;width: 1px;height: 60px;background: #f27321;}
.intro .txt1{font-size: 20px;}
.txt2 {text-align: center; margin: 0 auto 70px;}

/*////////////// 조 직 도  페이지   //////////////*/
.cover.org {background-image:url("/skin/img/org.jpg"); background-size:cover!important;}

/*//////////////    ceo 인사말 페이지   //////////////*/
.ceo .col-md-6:first-child{ padding: 30px;}
.ceo h4{line-height: 1.7; font-size: 17px; letter-spacing: -0.7px;}

/*//////////////    연혁 페이지   //////////////*/
.history .panel{border: none;}
.history .panel-default>.panel-heading {background-color: #ffffff; border-color: #000;}
.history a{ font-size: 18px;}
.history a:focus, .history a:hover{color: #337ab7; outline:none; text-decoration:none; background-repeat:no-repeat;}


/*//////////////    제품소개 페이지   //////////////*/
.cover.products{background-image:url("/skin/img/products.jpg"); background-size:cover!important;}
.pro h3{ display: inline-block; margin-right: 40px; font-size: 60px; margin-bottom: 50px; margin-top: 0;}
.pro p{ display: inline-block; font-size: 17px;}
.pro .col-md-6{ margin-bottom: 50px;}

.dhb-txt-box-type-b-text-layout h4{text-align:center!important;} /* 제목 가운데 정렬 */
.dhb-txt-box-type-b-text-layout h5{display:none!important;} /* 작성자 안보이게 처리 */
.dhb-txt-box-type-b{width:50%!important;} /* 넓이 지정 */

/*//////////////    연구개발 페이지   //////////////*/
.cover.rnd {background-image:url("/skin/img/rnd.jpg");}

/*//////////////    홍보센터 페이지   //////////////*/
.cover.prCenter {background-image:url("/skin/img/prCenter.jpg"); background-position:top;}

/*//////////////    채용안내 페이지   /////// ///////*/
.cover.recruit {background-image:url("/skin/img/recruit.jpg");background-position: 100% -140%;}

/*//////////////    솔 루 션  페이지   //////////////*/					    
.cover.solution {background-image:url("/skin/img/solution.jpg"); background-size:contain!important;}

/*//////////////    R F I D  페이지   //////////////*/					    
.cover.rfids {background-image:url("/skin/img/rfids.jpg"); background-size:cover!important;}

/*//////////////    w m s  페이지   //////////////*/					    
.cover.wms {background-image:url("/skin/img/wms.jpg"); background-size:contain!important;}

/*//////////////    d m s  페이지   //////////////*/					    
.cover.dmsmain {background-image:url("/skin/img/dmsmain.jpg"); background-size:contain!important;}

/*////////////// 자 료 실  페이지   //////////////*/	
.cover.dataroom {background-image:url("/skin/img/dataroom.jpg"); background-size:contain!important; background-position:-80px 80px;}

/*////////////// 동 영 상  페이지   //////////////*/	
.cover.workss {background-image:url("/skin/img/workss.jpg"); background-size:contain!important;}

/*////////////// 테 스 트  페이지   //////////////*/	
.cover.block_chain_2850276_1920 {background-image:url("/skin/upload/block_chain_2850276_1920.jpg"); background-size:contain!important;}

/*  /////////////////////////////////////////////////////////  */
@media (min-width:768px){
    .contact-location-only-layout, .wide-layout {position:relative; width:100%; left:0; }
}
@media (min-width:992px){
    .contact-location-only-layout, .wide-layout {position:relative; width:110%; left:-5%; }
}
@media (min-width:1200px){
    .contact-location-only-layout, .wide-layout {position:relative; width:155%; left:-27.5%; }
    .txtBox{padding: 40px;}

}
@media (max-width:991px){
    .flex-caption { bottom:20%;}
    .flex-caption span.intro-title {font-size: 40pt;}
}

@media (max-width: 767px){
.visible-xs {display: none!important;}
.dhb-txt-box-type-b{width:48%!important;}
.dhb-txt-box-type-b-img-layout{max-height:100px;}
}

@media (max-width:480px){
    .html-two .carousel-caption h3 {font-size:20pt;}
    .html-two .carousel-caption p {font-size:10pt;}
    .flex-caption>.intro-title {font-size: 14pt !important;}
    .flex-direction-nav a::before { font-size: 40px;}
}